@justifi/webcomponents 6.1.0-rc.3 → 6.1.0

package/dist/module/bank-account-form-inputs2.js

@@ -2,7 +2,6 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/clien
 import { b as bankAccountTypeOptions } from './business-form-options.js';
 import './event-types2.js';
 import { n as numberOnlyHandler } from './utils3.js';
-import { d as defineCustomElement$5 } from './bank-account-read-only-value2.js';
 import { d as defineCustomElement$4 } from './custom-popper2.js';
 import { d as defineCustomElement$3 } from './form-control-select2.js';
 import { d as defineCustomElement$2 } from './form-control-text2.js';
@@ -16,8 +15,7 @@ const BankAccountFormInputs = /*@__PURE__*/ proxyCustomElement(class BankAccount
         }
     }
     render() {
-        var _a, _b, _c, _d, _e, _f;
-        return (h("div", { key: '951373cbaf604ec2f34364fd93ac9ccf666a4e58', class: "row gy-3" }, h("div", { key: 'a2fbc555aeb3b9bed12f032385ea9889482e6caf', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Bank Name", value: (_a = this.defaultValue) === null || _a === void 0 ? void 0 : _a.bank_name })) : (h("form-control-text", { name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler }))), h("div", { key: 'c05c9e185293799ee94cbd8bec3976d115469b00', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Nickname", value: (_b = this.defaultValue) === null || _b === void 0 ? void 0 : _b.nickname })) : (h("form-control-text", { name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler }))), h("div", { key: 'b3cc026a1c2079ddcd744d7557742ac98073f03c', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Owner Name", value: (_c = this.defaultValue) === null || _c === void 0 ? void 0 : _c.account_owner_name })) : (h("form-control-text", { name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler }))), h("div", { key: 'f3649a91a8af13374eb55f06ecc81e6e06bd4b01', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Type", value: (_d = this.defaultValue) === null || _d === void 0 ? void 0 : _d.account_type })) : (h("form-control-select", { name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler }))), h("div", { key: '34eb7df603e1d7d9bb616c51057dd5da9a2e3e3f', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Number", value: ((_e = this.defaultValue) === null || _e === void 0 ? void 0 : _e.account_number_last4) ? `**** ${this.defaultValue.account_number_last4}` : '' })) : (h("form-control-text", { name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "Please copy the account number as shown on your statement/check. Do not include spaces or dashes." }))), h("div", { key: '64897a96be65ddd311267e5ea1571993ab61787d', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Routing Number", value: ((_f = this.defaultValue) === null || _f === void 0 ? void 0 : _f.routing_number) || '' })) : (h("form-control-text", { name: "routing_number", label: "Routing Number", defaultValue: this.defaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "A valid routing number is nine digits. Please include any leading or trailing zeroes." })))));
+        return (h("div", { key: 'da4dc9523bca84cdd02f7e5d47e513c426ed90fd', class: "row gy-3" }, h("div", { key: 'b625a293dec704cbbb132469fdbc8c5d99a660e1', class: "col-12" }, h("form-control-text", { key: 'b41460ddc605f73faf71233ccbbef7e34e690e5a', name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: 'e5560bcdba399baa2e54441436ef5c67936e9fef', class: "col-12" }, h("form-control-text", { key: '18cd16931899f724fd92cb89f1b8d4cd41c5354c', name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '3bb589db98e5d65022576b602bda41f36e3a90d5', class: "col-12" }, h("form-control-text", { key: 'c870513b8895add114d5ec588561fa6f33a63514', name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '1783e7b4af2b012338fe2e1b4f1faa9b5e086bcd', class: "col-12" }, h("form-control-select", { key: '6a9af0f6edeae133dce04b7f829abb802db4ac83', name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '3c3ffced96f67320b4c580be6f28dd8ef5d2c109', class: "col-12" }, h("form-control-text", { key: 'e85df115a9de08ad9abb3237f7bf6c6d23c84150', name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled, helpText: "Please copy the account number as shown on your statement/check. Do not include spaces or dashes." })), h("div", { key: '5a25cb25160aff24d1f62df2115dbd248709141e', class: "col-12" }, h("form-control-text", { key: 'dfdf7dce470efb8eea65aa6daf562d190963bace', name: "routing_number", label: "Routing Number", defaultValue: this.defaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled, helpText: "A valid routing number is nine digits. Please include any leading or trailing zeroes." }))));
     }
 }, [256, "bank-account-form-inputs", {
         "defaultValue": [8, "default-value"],
@@ -29,18 +27,13 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["bank-account-form-inputs", "bank-account-read-only-value", "custom-popper", "form-control-select", "form-control-text", "form-control-tooltip"];
+    const components = ["bank-account-form-inputs", "custom-popper", "form-control-select", "form-control-text", "form-control-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "bank-account-form-inputs":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, BankAccountFormInputs);
             }
             break;
-        case "bank-account-read-only-value":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
         case "custom-popper":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();

package/dist/module/bank-account-form.js

@@ -1,7 +1,7 @@
 import { h, proxyCustomElement, HTMLElement, Host } from '@stencil/core/internal/client';
 import { S as Skeleton } from './skeleton.js';
 import { w as waitForConfig, c as configState } from './config-state.js';
-import { j as generateTabId } from './utils2.js';
+import { k as generateTabId } from './utils2.js';
 import { d as defineCustomElement$2 } from './iframe-input2.js';
 
 const BankAccountFormSkeleton = (props) => {
@@ -47,10 +47,10 @@ const BankAccountForm$1 = /*@__PURE__*/ proxyCustomElement(class BankAccountForm
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: '3176dc188869e5b233095a9cbbf0309b92445ee1' }, h(BankAccountFormSkeleton, { key: '192ba2270459bf2da49473095f5b7038b220e9c3', isReady: this.isReady }), h("div", { key: '9304caeb4d54ba9f33850849352ab344cdbce2c4', class: "container-fluid p-0", style: {
+        return (h(Host, { key: 'f570c76e32ab7b017f220b8bcc0cecfafeffe47a' }, h(BankAccountFormSkeleton, { key: '390e43942d12ca974aa2d591e4df537c0300f235', isReady: this.isReady }), h("div", { key: '97a667e02df2bdc7b804708c122627e315d96c73', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'fa7880671ebd1972ff7224c6b70b4fee7e626fe2', class: "row mb-3" }, h("iframe-input", { key: 'd59e0c2ebb8dd89f60ef33a6c4b26b2e09cd09af', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: '78cf00f1340bff12dfd40e62a1f5307adb49567d', class: "row" }, h("iframe-input", { key: 'f6098a33489f1fbfdb2c52644d77218c53f9e243', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
+            } }, h("div", { key: '7b4230ade22fa763a07259d0041a07d6a551e2a7', class: "row mb-3" }, h("iframe-input", { key: '2c1ee3b97a75aae1985fd04d59268c35e61b06e8', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: '4aec3fd9f5e9d2ac57d12ecfda773ca75570ae54', class: "row" }, h("iframe-input", { key: 'd2c538e1772bafdcf4bb63bd58951ba8bc617be5', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
     }
 }, [256, "bank-account-form", {
         "isReady": [32],

package/dist/module/bank-account.js

@@ -58,10 +58,10 @@ const BankAccountForm = /*@__PURE__*/ proxyCustomElement(class BankAccountForm e
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(StyledHost, { key: '0daa12da1ca699a05ca499425c4a37e4d913b2dd' }, h(BankAccountFormSkeleton, { key: '9d4ee0af94759d71d52130781401d322fcb5e397', isReady: this.isReady }), h("hidden-input", { key: 'dc4ee0054cbc7acb214a1c410f8fd387677f92dc' }), h("div", { key: 'b489311f205e0ffdaa4680621b706322bd3fc4ca', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: 'a2fd28c8b8202e0d702d02761cbcf3f568298265' }, h(BankAccountFormSkeleton, { key: '6777d110d3ccf3a688a763687c7087a3520643ac', isReady: this.isReady }), h("hidden-input", { key: '513e1cdaaf464a741d4312a6d359c4af665e0ade' }), h("div", { key: '2b4e473c7bb062a78148537d2cad02caf503330d', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '2d1b00b9705d1a94364f691d4ad705c339abbbce', class: "row mb-3" }, h("iframe-input", { key: '21a66eb7d87b77c1ff1a1171a4cb84a4759853dd', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '1ff36d49f7304e203cdefea46010100ed750ed68', class: "row" }, h("iframe-input", { key: '2211a638c875e504e7e25e0704788d7a437b5806', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+            } }, h("div", { key: 'e706151f3e04835efab49fc0fb7a48f4657ab2c4', class: "row mb-3" }, h("iframe-input", { key: 'a70e0deac68d04f9ffa37790c33d801cfce8dc46', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '3f488f86388b2fc797c49ddc81c7de3a815ca74f', class: "row" }, h("iframe-input", { key: 'a09d3cec373c5bab5b38ebc090724178e65d2de2', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
     }
 }, [257, "justifi-bank-account-form", {
         "iframeOrigin": [32],

package/dist/module/billing-form-full.js

@@ -1,13 +1,13 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { f as fullBillingSchema } from './billing-form-schema.js';
-import { V as billingForm } from './parts.js';
+import { W as billingForm } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import { H as Header3 } from './header-3.js';
 import './details.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { n as numberOnlyHandler } from './utils3.js';
-import { S as StateOptions } from './Business.js';
+import { S as StateOptions } from './state-options.js';
 import { F as FormController } from './form.js';
 import { d as defineCustomElement$4 } from './custom-popper2.js';
 import { d as defineCustomElement$3 } from './form-control-select2.js';

package/dist/module/billing-form.js

@@ -1,4 +1,5 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { P as PAYMENT_METHODS } from './ModularCheckout.js';
 import { d as defineCustomElement$7 } from './custom-popper2.js';
 import { d as defineCustomElement$6 } from './form-control-select2.js';
 import { d as defineCustomElement$5 } from './form-control-text2.js';
@@ -15,10 +16,10 @@ const BillingForm = /*@__PURE__*/ proxyCustomElement(class BillingForm extends H
         }
     }
     get showSimpleCardBillingForm() {
-        return this.paymentMethodType === 'card' && this.hideCardBillingForm;
+        return this.paymentMethodType === PAYMENT_METHODS.NEW_CARD && this.hideCardBillingForm;
     }
     get showSimpleBankAccountBillingForm() {
-        return this.paymentMethodType === 'bankAccount' && this.hideBankAccountBillingForm;
+        return this.paymentMethodType === PAYMENT_METHODS.NEW_BANK_ACCOUNT && this.hideBankAccountBillingForm;
     }
     async getValues() {
         var _a;

package/dist/module/business-additional-questions-form-step.js

@@ -48,7 +48,7 @@ const AdditionalQuestionsFormStep = /*@__PURE__*/ proxyCustomElement(class Addit
         }
     }
     render() {
-        return (h("justifi-additional-questions-form-step-core", { key: 'a2e24c04b312a226b607147bcf68d6ea50a2be05', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-additional-questions-form-step-core", { key: 'b494a48aa19f63e30007663276876540c5149879', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

package/dist/module/business-address-schema.js

@@ -1,44 +1,24 @@
 import { c as create$3, a as create$6 } from './form.js';
-import { e as cityValidation, l as lineTwoValidation, f as lineOneValidation, c as postalValidation, B as makePostalValidation } from './schema-validations.js';
-import { a as CountryCode } from './Business.js';
+import { c as postalValidation, d as stateValidation, e as cityValidation, l as lineTwoValidation, f as lineOneValidation } from './schema-validations.js';
 
-// Internal USA schemas
-const schemaUSA = () => create$3({
-    line1: lineOneValidation.nullable(),
-    line2: lineTwoValidation.nullable(),
-    city: cityValidation.nullable(),
-    state: create$6().nullable(),
-    postal_code: create$6().nullable(),
-});
-const strictSchemaUSA = () => create$3({
-    line1: lineOneValidation.required('Enter street address'),
-    line2: lineTwoValidation.nullable(),
-    city: cityValidation.required('Enter city'),
-    state: create$6().required('Select state'),
-    postal_code: postalValidation.required('Enter postal code'),
-});
-// Internal CAN schemas
-const schemaCAN = () => create$3({
-    line1: lineOneValidation.nullable(),
-    line2: lineTwoValidation.nullable(),
-    city: cityValidation.nullable(),
-    state: create$6().nullable(),
-    postal_code: create$6().nullable(),
-});
-const strictSchemaCAN = () => create$3({
-    line1: lineOneValidation.required('Enter street address'),
-    line2: lineTwoValidation.nullable(),
-    city: cityValidation.required('Enter city'),
-    state: create$6().required('Select province'),
-    postal_code: makePostalValidation(CountryCode.CAN).required('Enter postal code'),
-});
-// Public API
-const addressSchemaUSA = (allowOptionalFields) => allowOptionalFields ? schemaUSA() : strictSchemaUSA();
-const addressSchemaCAN = (allowOptionalFields) => allowOptionalFields ? schemaCAN() : strictSchemaCAN();
-// Country-keyed mapping
-const addressSchemaByCountry = {
-    [CountryCode.USA]: addressSchemaUSA,
-    [CountryCode.CAN]: addressSchemaCAN,
+const addressSchema = (allowOptionalFields) => {
+    const schema = create$3({
+        line1: lineOneValidation.required('Enter street address'),
+        line2: lineTwoValidation.nullable(),
+        city: cityValidation.required('Enter city'),
+        state: stateValidation.required('Select state'),
+        postal_code: postalValidation.required('Enter postal code'),
+        country: create$6().required('Select country')
+    });
+    const easySchema = create$3({
+        line1: lineOneValidation.nullable(),
+        line2: lineTwoValidation.nullable(),
+        city: cityValidation.nullable(),
+        state: stateValidation.nullable(),
+        postal_code: postalValidation.nullable(),
+        country: create$6().required('Select country')
+    });
+    return allowOptionalFields ? easySchema : schema;
 };
 
-export { addressSchemaUSA as a, addressSchemaCAN as b, addressSchemaByCountry as c };
+export { addressSchema as a };

package/dist/module/business-bank-account-form-step-core.js

@@ -1,18 +1,16 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c as create$3, a as create$6, d as create$8, F as FormController } from './form.js';
-import { a as CountryCode } from './Business.js';
-import { E as EntityDocumentType, g as EntityDocumentStorage, h as EntityDocument, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
-import { C as accountNumberValidation, D as accountTypeValidation, i as identityNameValidation, E as nicknameValidation, F as bankNameValidation, G as numbersOnlyRegex, H as routingNumberValidation } from './schema-validations.js';
+import { c as create$3, d as create$8, F as FormController } from './form.js';
+import { E as EntityDocumentType, h as EntityDocumentStorage, i as EntityDocument, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
+import { z as routingNumberValidation, A as accountNumberValidation, B as accountTypeValidation, i as identityNameValidation, C as nicknameValidation, D as bankNameValidation } from './schema-validations.js';
+import './Business.js';
 import { B as BusinessFormStep } from './event-types2.js';
 import { h as heading2 } from './parts.js';
 import { P as PaymentProvisioningLoading } from './payment-provisioning-loading.js';
 import './config-state.js';
 import './dinero.js';
 import './Pagination.js';
-import { d as defineCustomElement$a } from './bank-account-document-inputs.js';
-import { d as defineCustomElement$9 } from './bank-account-form-inputs2.js';
-import { d as defineCustomElement$8 } from './bank-account-form-inputs-canada2.js';
-import { d as defineCustomElement$7 } from './bank-account-read-only-value2.js';
+import { d as defineCustomElement$8 } from './bank-account-document-inputs.js';
+import { d as defineCustomElement$7 } from './bank-account-form-inputs2.js';
 import { d as defineCustomElement$6 } from './business-documents-on-file2.js';
 import { d as defineCustomElement$5 } from './custom-popper2.js';
 import { d as defineCustomElement$4 } from './form-control-file2.js';
@@ -30,8 +28,6 @@ class BankAccount {
         this.acct_last_four = data.acct_last_four;
         this.account_number_last4 = data.account_number_last4;
         this.routing_number = data.routing_number;
-        this.institution_number = data.institution_number;
-        this.transit_number = data.transit_number;
         this.bank_name = data.bank_name;
         this.country = data.country;
         this.currency = data.currency;
@@ -48,8 +44,6 @@ class BankAccount {
             account_type: this.account_type || '',
             account_number: this.account_number || '',
             routing_number: this.routing_number || '',
-            institution_number: this.institution_number || '',
-            transit_number: this.transit_number || '',
             bank_name: this.bank_name || '',
             nickname: this.nickname || '',
             business_id: this.business_id || '',
@@ -60,83 +54,52 @@ class BankAccount {
 const checkExistingDocs = (documents, documentType) => {
     return documents.some((doc) => doc.document_type === documentType);
 };
-const buildCommonFieldRules = (allowOptionalFields) => {
-    if (allowOptionalFields) {
-        return {
-            bank_name: bankNameValidation.nullable(),
-            nickname: nicknameValidation.nullable(),
-            account_owner_name: identityNameValidation.nullable(),
-            account_type: accountTypeValidation.nullable(),
-            account_number: accountNumberValidation.nullable(),
-        };
-    }
-    return {
+const documentErrorText = 'Please upload either a voided check or a bank statement. Only one is required.';
+const businessBankAccountSchema = (documents, allowOptionalFields) => {
+    const existingVoidedCheck = checkExistingDocs(documents, EntityDocumentType.voidedCheck);
+    const existingBankStatement = checkExistingDocs(documents, EntityDocumentType.bankStatement);
+    const existingDocument = existingVoidedCheck || existingBankStatement;
+    const schema = create$3().shape({
         bank_name: bankNameValidation.required('Enter bank name'),
         nickname: nicknameValidation.required('Enter nickname'),
         account_owner_name: identityNameValidation.required('Enter account owner name'),
         account_type: accountTypeValidation.required('Select account type'),
         account_number: accountNumberValidation.required('Enter account number'),
-    };
-};
-const buildDocumentRules = (documents, allowOptionalFields) => {
-    if (allowOptionalFields) {
-        return {
-            voided_check: create$8().nullable(),
-            bank_statement: create$8().nullable(),
-        };
-    }
-    const existingVoidedCheck = checkExistingDocs(documents, EntityDocumentType.voidedCheck);
-    const existingBankStatement = checkExistingDocs(documents, EntityDocumentType.bankStatement);
-    const existingDocument = existingVoidedCheck || existingBankStatement;
-    const documentErrorText = 'Please upload either a voided check or a bank statement. Only one is required.';
-    return {
+        routing_number: routingNumberValidation.required('Enter routing number'),
         voided_check: create$8().when('bank_statement', {
-            is: (val) => !val && !existingDocument,
-            then: (schema) => schema.required(documentErrorText),
-            otherwise: (schema) => schema.notRequired(),
+            is: (val) => {
+                return !val && !existingDocument;
+            },
+            then: (schema) => {
+                return schema.required(documentErrorText);
+            },
+            otherwise: (schema) => {
+                return schema.notRequired();
+            }
         }),
         bank_statement: create$8().when('voided_check', {
-            is: (val) => !val && !existingDocument,
-            then: (schema) => schema.required(documentErrorText),
-            otherwise: (schema) => schema.notRequired(),
+            is: (val) => {
+                return !val && !existingDocument;
+            },
+            then: (schema) => {
+                return schema.required(documentErrorText);
+            },
+            otherwise: (schema) => {
+                return schema.notRequired();
+            }
         }),
-    };
-};
-const buildUSARules = (allowOptionalFields) => {
-    if (allowOptionalFields) {
-        return { routing_number: routingNumberValidation.nullable() };
-    }
-    return { routing_number: routingNumberValidation.required('Enter routing number') };
-};
-const buildCANRules = (allowOptionalFields) => {
-    const institutionNumberValidation = create$6()
-        .length(3, 'Institution number must be 3 digits')
-        .matches(numbersOnlyRegex, 'Enter valid institution number');
-    const transitNumberValidation = create$6()
-        .length(5, 'Transit number must be 5 digits')
-        .matches(numbersOnlyRegex, 'Enter valid transit number');
-    if (allowOptionalFields) {
-        return {
-            institution_number: institutionNumberValidation.nullable(),
-            transit_number: transitNumberValidation.nullable(),
-        };
-    }
-    return {
-        institution_number: institutionNumberValidation.required('Enter institution number'),
-        transit_number: transitNumberValidation.required('Enter transit number'),
-    };
-};
-const businessBankAccountSchemaUSA = (documents, allowOptionalFields) => {
-    const shape = Object.assign(Object.assign(Object.assign({}, buildCommonFieldRules(allowOptionalFields)), buildUSARules(allowOptionalFields)), buildDocumentRules(documents, allowOptionalFields));
-    return create$3().shape(shape, [['voided_check', 'bank_statement']]);
-};
-const businessBankAccountSchemaCAN = (documents, allowOptionalFields) => {
-    const shape = Object.assign(Object.assign(Object.assign({}, buildCommonFieldRules(allowOptionalFields)), buildCANRules(allowOptionalFields)), buildDocumentRules(documents, allowOptionalFields));
-    return create$3().shape(shape, [['voided_check', 'bank_statement']]);
-};
-const bankAccountSchemaByCountry = {
-    [CountryCode.USA]: (allowOptionalFields, documents = []) => businessBankAccountSchemaUSA(documents, allowOptionalFields),
-    [CountryCode.CAN]: (allowOptionalFields, documents = []) => businessBankAccountSchemaCAN(documents, allowOptionalFields),
+    }, [['voided_check', 'bank_statement']]);
+    const easySchema = create$3({
+        bank_name: bankNameValidation.nullable(),
+        nickname: nicknameValidation.nullable(),
+        account_owner_name: identityNameValidation.nullable(),
+        account_type: accountTypeValidation.nullable(),
+        account_number: accountNumberValidation.nullable(),
+        routing_number: routingNumberValidation.nullable(),
+        voided_check: create$8().nullable(),
+        bank_statement: create$8().nullable(),
+    });
+    return allowOptionalFields ? easySchema : schema;
 };
 
 const BusinessBankAccountFormStepCore = /*@__PURE__*/ proxyCustomElement(class BusinessBankAccountFormStepCore extends HTMLElement {
@@ -153,12 +116,8 @@ const BusinessBankAccountFormStepCore = /*@__PURE__*/ proxyCustomElement(class B
         this.existingDocuments = [];
         this.documentData = new EntityDocumentStorage();
         this.isLoading = false;
-        this.getSchema = () => {
-            const schema = bankAccountSchemaByCountry[this.country];
-            return schema(this.allowOptionalFields, this.existingDocuments);
-        };
         this.initializeFormController = () => {
-            this.formController = new FormController(this.getSchema());
+            this.formController = new FormController(businessBankAccountSchema(this.existingDocuments, this.allowOptionalFields));
             this.formController.setInitialValues(Object.assign({}, this.bankAccount));
             this.formController.errors.subscribe(errors => {
                 this.errors = Object.assign({}, errors);
@@ -275,7 +234,7 @@ const BusinessBankAccountFormStepCore = /*@__PURE__*/ proxyCustomElement(class B
     }
     componentWillLoad() {
         this.getBusiness && this.getData();
-        this.formController = new FormController(this.getSchema());
+        this.formController = new FormController(businessBankAccountSchema(this.existingDocuments, this.allowOptionalFields));
     }
     componentDidLoad() {
         this.formController.errors.subscribe(errors => {
@@ -283,8 +242,7 @@ const BusinessBankAccountFormStepCore = /*@__PURE__*/ proxyCustomElement(class B
         });
     }
     get postPayload() {
-        const values = this.formController.values.getValue();
-        const formValues = new BankAccount(values).payload;
+        let formValues = new BankAccount(this.formController.values.getValue()).payload;
         return formValues;
     }
     get existingBankAccount() {
@@ -366,7 +324,7 @@ const BusinessBankAccountFormStepCore = /*@__PURE__*/ proxyCustomElement(class B
         if (this.isLoading) {
             return h(PaymentProvisioningLoading, null);
         }
-        return (h("form", null, h("fieldset", { class: "mb-4" }, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Bank Account Info"), h("form-control-tooltip", { helpText: "This direct deposit account is the designated bank account where incoming funds will be deposited. The name of this account must match the registered business name exactly. We are not able to accept personal accounts unless your business is a registered sole proprietorship." })), h("hr", { class: "mt-2" }), this.country === CountryCode.CAN ? (h("bank-account-form-inputs-canada", { defaultValue: bankAccountDefaultValue, errors: this.errors, inputHandler: this.inputHandler, formDisabled: this.existingBankAccount })) : (h("bank-account-form-inputs", { defaultValue: bankAccountDefaultValue, errors: this.errors, inputHandler: this.inputHandler, formDisabled: this.existingBankAccount }))), h("fieldset", { class: "mt-4" }, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Document Uploads"), h("form-control-tooltip", { helpText: "One document (voided check or bank statement) is required for underwriting purposes. It needs to visibly show the name tied to the account and the account number. Various file formats such as PDF, DOC, DOCX, JPEG are accepted. Multiple files can be uploaded for each document category." })), h("hr", { class: "mt-2" }), h("business-documents-on-file", { documents: this.existingDocuments, isLoading: this.isLoading }), h("bank-account-document-form-inputs", { inputHandler: this.inputHandler, errors: this.errors, storeFiles: this.storeFiles }))));
+        return (h("form", null, h("fieldset", { class: "mb-4" }, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Bank Account Info"), h("form-control-tooltip", { helpText: "This direct deposit account is the designated bank account where incoming funds will be deposited. The name of this account must match the registered business name exactly. We are not able to accept personal accounts unless your business is a registered sole proprietorship." })), h("hr", { class: "mt-2" }), h("bank-account-form-inputs", { defaultValue: bankAccountDefaultValue, errors: this.errors, inputHandler: this.inputHandler, formDisabled: this.existingBankAccount })), h("fieldset", { class: "mt-4" }, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Document Uploads"), h("form-control-tooltip", { helpText: "One document (voided check or bank statement) is required for underwriting purposes. It needs to visibly show the name tied to the account and the account number. Various file formats such as PDF, DOC, DOCX, JPEG are accepted. Multiple files can be uploaded for each document category." })), h("hr", { class: "mt-2" }), h("business-documents-on-file", { documents: this.existingDocuments, isLoading: this.isLoading }), h("bank-account-document-form-inputs", { inputHandler: this.inputHandler, errors: this.errors, storeFiles: this.storeFiles }))));
     }
     static get watchers() { return {
         "isLoading": ["watchHandler"]
@@ -377,7 +335,6 @@ const BusinessBankAccountFormStepCore = /*@__PURE__*/ proxyCustomElement(class B
         "postBankAccount": [16],
         "postDocumentRecord": [16],
         "allowOptionalFields": [4, "allow-optional-fields"],
-        "country": [1],
         "formController": [32],
         "errors": [32],
         "bankAccount": [32],
@@ -392,7 +349,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-business-bank-account-form-step-core", "bank-account-document-form-inputs", "bank-account-form-inputs", "bank-account-form-inputs-canada", "bank-account-read-only-value", "business-documents-on-file", "custom-popper", "form-control-file", "form-control-select", "form-control-text", "form-control-tooltip"];
+    const components = ["justifi-business-bank-account-form-step-core", "bank-account-document-form-inputs", "bank-account-form-inputs", "business-documents-on-file", "custom-popper", "form-control-file", "form-control-select", "form-control-text", "form-control-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-business-bank-account-form-step-core":
             if (!customElements.get(tagName)) {
@@ -400,21 +357,11 @@ function defineCustomElement() {
             }
             break;
         case "bank-account-document-form-inputs":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "bank-account-form-inputs":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "bank-account-form-inputs-canada":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "bank-account-read-only-value":
+        case "bank-account-form-inputs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }

package/dist/module/business-bank-account-form-step.js

@@ -6,10 +6,8 @@ import './Pagination.js';
 import './Business.js';
 import { m as makeGetBusiness, b as makePostBankAccount, c as makePostDocumentRecord } from './payment-provisioning-actions.js';
 import { B as BusinessService, a as BusinessBankAccountService, D as DocumentRecordService } from './business.service.js';
-import { d as defineCustomElement$b } from './bank-account-document-inputs.js';
-import { d as defineCustomElement$a } from './bank-account-form-inputs2.js';
-import { d as defineCustomElement$9 } from './bank-account-form-inputs-canada2.js';
-import { d as defineCustomElement$8 } from './bank-account-read-only-value2.js';
+import { d as defineCustomElement$9 } from './bank-account-document-inputs.js';
+import { d as defineCustomElement$8 } from './bank-account-form-inputs2.js';
 import { d as defineCustomElement$7 } from './business-documents-on-file2.js';
 import { d as defineCustomElement$6 } from './custom-popper2.js';
 import { d as defineCustomElement$5 } from './form-control-file2.js';
@@ -60,7 +58,7 @@ const BusinessBankAccountFormStep = /*@__PURE__*/ proxyCustomElement(class Busin
         }
     }
     render() {
-        return (h("justifi-business-bank-account-form-step-core", { key: 'f4e4c31d04884510d5b432b7cced5eea2b618bcd', businessId: this.businessId, getBusiness: this.getBusiness, postBankAccount: this.postBankAccount, postDocumentRecord: this.postDocumentRecord, allowOptionalFields: this.allowOptionalFields, country: this.country, ref: el => this.coreComponent = el }));
+        return (h("justifi-business-bank-account-form-step-core", { key: 'adb496ad14cd3334d30e571d873150ed8335f833', businessId: this.businessId, getBusiness: this.getBusiness, postBankAccount: this.postBankAccount, postDocumentRecord: this.postDocumentRecord, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -70,7 +68,6 @@ const BusinessBankAccountFormStep = /*@__PURE__*/ proxyCustomElement(class Busin
         "authToken": [1, "auth-token"],
         "businessId": [1, "business-id"],
         "allowOptionalFields": [4, "allow-optional-fields"],
-        "country": [1],
         "getBusiness": [32],
         "postBankAccount": [32],
         "postDocumentRecord": [32],
@@ -84,7 +81,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-business-bank-account-form-step", "bank-account-document-form-inputs", "bank-account-form-inputs", "bank-account-form-inputs-canada", "bank-account-read-only-value", "business-documents-on-file", "custom-popper", "form-control-file", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-business-bank-account-form-step-core"];
+    const components = ["justifi-business-bank-account-form-step", "bank-account-document-form-inputs", "bank-account-form-inputs", "business-documents-on-file", "custom-popper", "form-control-file", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-business-bank-account-form-step-core"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-business-bank-account-form-step":
             if (!customElements.get(tagName)) {
@@ -92,21 +89,11 @@ function defineCustomElement() {
             }
             break;
         case "bank-account-document-form-inputs":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "bank-account-form-inputs":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "bank-account-form-inputs-canada":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "bank-account-read-only-value":
+        case "bank-account-form-inputs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }

package/dist/module/business-core-info-form-step-core.js

@@ -1,13 +1,13 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { b as businessCoreInfoSchemaCAN, a as businessCoreInfoSchemaUSA } from './business-core-info-schema.js';
+import { b as businessCoreInfoSchema } from './business-core-info-schema.js';
 import { F as FormController } from './form.js';
-import { C as CoreBusinessInfo, a as CountryCode } from './Business.js';
+import { C as CoreBusinessInfo } from './Business.js';
 import { c as businessClassificationOptions } from './business-form-options.js';
 import { B as BusinessFormStep } from './event-types2.js';
 import { P as PHONE_MASKS } from './form-input-masks.js';
-import { h as heading2, l as label, c as inputDisabled, X as buttonSecondary } from './parts.js';
+import { n as numberOnlyHandler } from './utils3.js';
+import { h as heading2 } from './parts.js';
 import { P as PaymentProvisioningLoading } from './payment-provisioning-loading.js';
-import { c as countryLabels } from './country-config.js';
 import { d as defineCustomElement$6 } from './custom-popper2.js';
 import { d as defineCustomElement$5 } from './form-control-date2.js';
 import { d as defineCustomElement$4 } from './form-control-number-masked2.js';
@@ -27,10 +27,7 @@ const BusinessCoreInfoFormStepCore = /*@__PURE__*/ proxyCustomElement(class Busi
         this.errors = {};
         this.coreInfo = {};
         this.isLoading = false;
-        this.isEditingTaxId = false;
         this.getData = () => {
-            if (!this.getBusiness)
-                return;
             this.formLoading.emit(true);
             this.isLoading = true;
             this.getBusiness({
@@ -59,8 +56,6 @@ const BusinessCoreInfoFormStepCore = /*@__PURE__*/ proxyCustomElement(class Busi
                 onSuccess: (response) => {
                     submittedData = response;
                     onSuccess();
-                    // after successful patch, revert back to read-only for tax id
-                    this.isEditingTaxId = false;
                 },
                 onError: ({ error, code, severity }) => {
                     submittedData = error;
@@ -89,11 +84,8 @@ const BusinessCoreInfoFormStepCore = /*@__PURE__*/ proxyCustomElement(class Busi
         return formValues;
     }
     componentWillLoad() {
-        const schema = (this.country === CountryCode.CAN)
-            ? businessCoreInfoSchemaCAN(this.allowOptionalFields)
-            : businessCoreInfoSchemaUSA(this.allowOptionalFields);
-        this.formController = new FormController(schema);
-        this.getData();
+        this.getBusiness && this.getData();
+        this.formController = new FormController(businessCoreInfoSchema(this.allowOptionalFields));
     }
     componentDidLoad() {
         this.formController.errors.subscribe(errors => {
@@ -101,28 +93,21 @@ const BusinessCoreInfoFormStepCore = /*@__PURE__*/ proxyCustomElement(class Busi
         });
     }
     render() {
-        var _a, _b;
         const coreInfoDefaultValue = this.formController.getInitialValues();
         if (this.isLoading) {
             return h(PaymentProvisioningLoading, null);
         }
-        return (h("form", null, h("fieldset", null, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Business Information")), h("hr", { class: "mt-2" }), h("div", { class: "row gy-3" }, h("div", { class: "col-12" }, h("form-control-text", { name: "legal_name", label: "Business Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler, helpText: "Enter this exactly as it appears on your tax records (don't use acronyms or abbreviations unless you registered that way)." })), h("div", { class: "col-12" }, h("form-control-text", { name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler, helpText: "Enter this exactly as it appears on your tax records (leave blank if you don't have a registered DBA/trade name)" })), h("div", { class: "col-12 col-md-8" }, h("form-control-select", { name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-4" }, h("form-control-date", { name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler, helpText: "Describe what you sell" })), h("div", { class: "col-12 col-md-6" }, (!((_a = this.coreInfo) === null || _a === void 0 ? void 0 : _a.tax_id_last4) || this.isEditingTaxId) ? (h("form-control-number-masked", { name: "tax_id", label: countryLabels[this.country].taxIdLabel, defaultValue: this.isEditingTaxId ? '' : coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: '000000000', helpText: countryLabels[this.country].taxIdHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].taxIdLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.coreInfo) === null || _b === void 0 ? void 0 : _b.tax_id_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
-                this.isEditingTaxId = true;
-                // Clear last4-equivalent and current value if any future conditional validation depends on it
-                this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { tax_id: '', tax_id_last4: null }));
-            } }, "Change"))))), h("div", { class: "col-12" }, h("form-control-text", { name: "website_url", label: "Business Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler, helpText: "Don't have a live website? You can use your social media business page, app store link, or staging site URL." })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "email", label: "Business Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-number-masked", { name: "phone", label: "Business Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
+        return (h("form", null, h("fieldset", null, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Business Information")), h("hr", { class: "mt-2" }), h("div", { class: "row gy-3" }, h("div", { class: "col-12" }, h("form-control-text", { name: "legal_name", label: "Business Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler, helpText: "Enter this exactly as it appears on your tax records (don't use acronyms or abbreviations unless you registered that way)." })), h("div", { class: "col-12" }, h("form-control-text", { name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler, helpText: "Enter this exactly as it appears on your tax records (leave blank if you don't have a registered DBA/trade name)" })), h("div", { class: "col-12 col-md-8" }, h("form-control-select", { name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-4" }, h("form-control-date", { name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler, helpText: "Describe what you sell" })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "tax_id", label: "Tax ID (EIN or SSN)", defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, maxLength: 9, helpText: "Employer Identification Numbers (EINs) are nine digits. The federal tax identification number/EIN issued to you by the IRS. It can be found on your tax returns. Enter value without dashes." })), h("div", { class: "col-12" }, h("form-control-text", { name: "website_url", label: "Business Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler, helpText: "Don't have a live website? You can use your social media business page, app store link, or staging site URL." })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "email", label: "Business Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-number-masked", { name: "phone", label: "Business Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
     }
 }, [256, "justifi-business-core-info-form-step-core", {
         "businessId": [1, "business-id"],
         "getBusiness": [16],
         "patchBusiness": [16],
         "allowOptionalFields": [4, "allow-optional-fields"],
-        "country": [1],
         "formController": [32],
         "errors": [32],
         "coreInfo": [32],
         "isLoading": [32],
-        "isEditingTaxId": [32],
         "validateAndSubmit": [64]
     }]);
 function defineCustomElement() {