@justifi/webcomponents 6.1.1 → 6.2.0-rc.2

package/dist/cjs/justifi-additional-questions-form-step-core_6.cjs.entry.js

@@ -1,28 +1,26 @@
 'use strict';
 
 var index = require('./index-Bhtk1qkX.js');
-var businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-b8P-0T0O.js');
+var businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-CetDMUp7.js');
 var index_esm = require('./index.esm-ByC0D4sJ.js');
-var Business = require('./Business-DCRzZf0w.js');
-var formInputMasks = require('./form-input-masks-DgXd0f4V.js');
+var Business = require('./Business-DWHy_-z9.js');
+var formInputMasks = require('./form-input-masks-BnNFJ3IJ.js');
 var parts = require('./parts-Pb06tUMp.js');
 var skeleton = require('./skeleton-BvdAh448.js');
 require('./event-types-YOY5TKUN.js');
-var businessFormOptions = require('./business-form-options-CMII7nIK.js');
+var businessFormOptions = require('./business-form-options-e9UFw4P-.js');
 var eventTypes = require('./event-types-DNOUef41.js');
 var Refund = require('./Refund-BnhHNKLz.js');
-var schemaValidations = require('./schema-validations-Bj7eYNO8.js');
+var schemaValidations = require('./schema-validations-0mjPveQ0.js');
 require('./config-state-C7babhLh.js');
 require('./dinero-BwNN_k7x.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
 require('./Pagination-Dediz133.js');
 require('./Dispute-CruQTF6_.js');
-var utils = require('./utils-DAyWinG2.js');
+var countryConfig = require('./country-config-MCOhn8o3.js');
 var button = require('./button-gPNZ9XRn.js');
-var businessIdentitySchema = require('./business-identity-schema-aFUle0C9.js');
-var stateOptions = require('./state-options-CIT9xdTz.js');
+var businessIdentitySchema = require('./business-identity-schema-Cd0tvfJr.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
-require('./helpers-B5OCqlIM.js');
 require('./utils-Bab-tddY.js');
 require('./index-CWM5ions.js');
 
@@ -36,6 +34,8 @@ 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;
@@ -52,6 +52,8 @@ 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 || '',
@@ -164,52 +166,83 @@ const AdditionalQuestionsFormStepCore = class {
 const checkExistingDocs = (documents, documentType) => {
     return documents.some((doc) => doc.document_type === documentType);
 };
-const documentErrorText = 'Please upload either a voided check or a bank statement. Only one is required.';
-const businessBankAccountSchema = (documents, allowOptionalFields) => {
-    const existingVoidedCheck = checkExistingDocs(documents, Refund.EntityDocumentType.voidedCheck);
-    const existingBankStatement = checkExistingDocs(documents, Refund.EntityDocumentType.bankStatement);
-    const existingDocument = existingVoidedCheck || existingBankStatement;
-    const schema = index_esm.create$3().shape({
+const buildCommonFieldRules = (allowOptionalFields) => {
+    if (allowOptionalFields) {
+        return {
+            bank_name: schemaValidations.bankNameValidation.nullable(),
+            nickname: schemaValidations.nicknameValidation.nullable(),
+            account_owner_name: schemaValidations.identityNameValidation.nullable(),
+            account_type: schemaValidations.accountTypeValidation.nullable(),
+            account_number: schemaValidations.accountNumberValidation.nullable(),
+        };
+    }
+    return {
         bank_name: schemaValidations.bankNameValidation.required('Enter bank name'),
         nickname: schemaValidations.nicknameValidation.required('Enter nickname'),
         account_owner_name: schemaValidations.identityNameValidation.required('Enter account owner name'),
         account_type: schemaValidations.accountTypeValidation.required('Select account type'),
         account_number: schemaValidations.accountNumberValidation.required('Enter account number'),
-        routing_number: schemaValidations.routingNumberValidation.required('Enter routing number'),
+    };
+};
+const buildDocumentRules = (documents, allowOptionalFields) => {
+    if (allowOptionalFields) {
+        return {
+            voided_check: index_esm.create$8().nullable(),
+            bank_statement: index_esm.create$8().nullable(),
+        };
+    }
+    const existingVoidedCheck = checkExistingDocs(documents, Refund.EntityDocumentType.voidedCheck);
+    const existingBankStatement = checkExistingDocs(documents, Refund.EntityDocumentType.bankStatement);
+    const existingDocument = existingVoidedCheck || existingBankStatement;
+    const documentErrorText = 'Please upload either a voided check or a bank statement. Only one is required.';
+    return {
         voided_check: index_esm.create$8().when('bank_statement', {
-            is: (val) => {
-                return !val && !existingDocument;
-            },
-            then: (schema) => {
-                return schema.required(documentErrorText);
-            },
-            otherwise: (schema) => {
-                return schema.notRequired();
-            }
+            is: (val) => !val && !existingDocument,
+            then: (schema) => schema.required(documentErrorText),
+            otherwise: (schema) => schema.notRequired(),
         }),
         bank_statement: index_esm.create$8().when('voided_check', {
-            is: (val) => {
-                return !val && !existingDocument;
-            },
-            then: (schema) => {
-                return schema.required(documentErrorText);
-            },
-            otherwise: (schema) => {
-                return schema.notRequired();
-            }
+            is: (val) => !val && !existingDocument,
+            then: (schema) => schema.required(documentErrorText),
+            otherwise: (schema) => schema.notRequired(),
         }),
-    }, [['voided_check', 'bank_statement']]);
-    const easySchema = index_esm.create$3({
-        bank_name: schemaValidations.bankNameValidation.nullable(),
-        nickname: schemaValidations.nicknameValidation.nullable(),
-        account_owner_name: schemaValidations.identityNameValidation.nullable(),
-        account_type: schemaValidations.accountTypeValidation.nullable(),
-        account_number: schemaValidations.accountNumberValidation.nullable(),
-        routing_number: schemaValidations.routingNumberValidation.nullable(),
-        voided_check: index_esm.create$8().nullable(),
-        bank_statement: index_esm.create$8().nullable(),
-    });
-    return allowOptionalFields ? easySchema : schema;
+    };
+};
+const buildUSARules = (allowOptionalFields) => {
+    if (allowOptionalFields) {
+        return { routing_number: schemaValidations.routingNumberValidation.nullable() };
+    }
+    return { routing_number: schemaValidations.routingNumberValidation.required('Enter routing number') };
+};
+const buildCANRules = (allowOptionalFields) => {
+    const institutionNumberValidation = index_esm.create$6()
+        .length(3, 'Institution number must be 3 digits')
+        .matches(schemaValidations.numbersOnlyRegex, 'Enter valid institution number');
+    const transitNumberValidation = index_esm.create$6()
+        .length(5, 'Transit number must be 5 digits')
+        .matches(schemaValidations.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 index_esm.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 index_esm.create$3().shape(shape, [['voided_check', 'bank_statement']]);
+};
+const bankAccountSchemaByCountry = {
+    [Business.CountryCode.USA]: (allowOptionalFields, documents = []) => businessBankAccountSchemaUSA(documents, allowOptionalFields),
+    [Business.CountryCode.CAN]: (allowOptionalFields, documents = []) => businessBankAccountSchemaCAN(documents, allowOptionalFields),
 };
 
 const BusinessBankAccountFormStepCore = class {
@@ -223,8 +256,12 @@ const BusinessBankAccountFormStepCore = class {
         this.existingDocuments = [];
         this.documentData = new Refund.EntityDocumentStorage();
         this.isLoading = false;
+        this.getSchema = () => {
+            const schema = bankAccountSchemaByCountry[this.country];
+            return schema(this.allowOptionalFields, this.existingDocuments);
+        };
         this.initializeFormController = () => {
-            this.formController = new index_esm.FormController(businessBankAccountSchema(this.existingDocuments, this.allowOptionalFields));
+            this.formController = new index_esm.FormController(this.getSchema());
             this.formController.setInitialValues(Object.assign({}, this.bankAccount));
             this.formController.errors.subscribe(errors => {
                 this.errors = Object.assign({}, errors);
@@ -341,7 +378,7 @@ const BusinessBankAccountFormStepCore = class {
     }
     componentWillLoad() {
         this.getBusiness && this.getData();
-        this.formController = new index_esm.FormController(businessBankAccountSchema(this.existingDocuments, this.allowOptionalFields));
+        this.formController = new index_esm.FormController(this.getSchema());
     }
     componentDidLoad() {
         this.formController.errors.subscribe(errors => {
@@ -349,7 +386,8 @@ const BusinessBankAccountFormStepCore = class {
         });
     }
     get postPayload() {
-        let formValues = new BankAccount(this.formController.values.getValue()).payload;
+        const values = this.formController.values.getValue();
+        const formValues = new BankAccount(values).payload;
         return formValues;
     }
     get existingBankAccount() {
@@ -431,7 +469,7 @@ const BusinessBankAccountFormStepCore = class {
         if (this.isLoading) {
             return index.h(PaymentProvisioningLoading, null);
         }
-        return (index.h("form", null, index.h("fieldset", { class: "mb-4" }, index.h("div", { class: "d-flex align-items-center gap-2" }, index.h("legend", { class: "mb-0", part: parts.heading2 }, "Bank Account Info"), index.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." })), index.h("hr", { class: "mt-2" }), index.h("bank-account-form-inputs", { defaultValue: bankAccountDefaultValue, errors: this.errors, inputHandler: this.inputHandler, formDisabled: this.existingBankAccount })), index.h("fieldset", { class: "mt-4" }, index.h("div", { class: "d-flex align-items-center gap-2" }, index.h("legend", { class: "mb-0", part: parts.heading2 }, "Document Uploads"), index.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." })), index.h("hr", { class: "mt-2" }), index.h("business-documents-on-file", { documents: this.existingDocuments, isLoading: this.isLoading }), index.h("bank-account-document-form-inputs", { inputHandler: this.inputHandler, errors: this.errors, storeFiles: this.storeFiles }))));
+        return (index.h("form", null, index.h("fieldset", { class: "mb-4" }, index.h("div", { class: "d-flex align-items-center gap-2" }, index.h("legend", { class: "mb-0", part: parts.heading2 }, "Bank Account Info"), index.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." })), index.h("hr", { class: "mt-2" }), this.country === Business.CountryCode.CAN ? (index.h("bank-account-form-inputs-canada", { defaultValue: bankAccountDefaultValue, errors: this.errors, inputHandler: this.inputHandler, formDisabled: this.existingBankAccount })) : (index.h("bank-account-form-inputs", { defaultValue: bankAccountDefaultValue, errors: this.errors, inputHandler: this.inputHandler, formDisabled: this.existingBankAccount }))), index.h("fieldset", { class: "mt-4" }, index.h("div", { class: "d-flex align-items-center gap-2" }, index.h("legend", { class: "mb-0", part: parts.heading2 }, "Document Uploads"), index.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." })), index.h("hr", { class: "mt-2" }), index.h("business-documents-on-file", { documents: this.existingDocuments, isLoading: this.isLoading }), index.h("bank-account-document-form-inputs", { inputHandler: this.inputHandler, errors: this.errors, storeFiles: this.storeFiles }))));
     }
     static get watchers() { return {
         "isLoading": ["watchHandler"]
@@ -447,7 +485,10 @@ const BusinessCoreInfoFormStepCore = class {
         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({
@@ -476,6 +517,8 @@ const BusinessCoreInfoFormStepCore = class {
                 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;
@@ -504,8 +547,11 @@ const BusinessCoreInfoFormStepCore = class {
         return formValues;
     }
     componentWillLoad() {
-        this.getBusiness && this.getData();
-        this.formController = new index_esm.FormController(businessAdditionalQuestionsSchema.businessCoreInfoSchema(this.allowOptionalFields));
+        const schema = (this.country === Business.CountryCode.CAN)
+            ? businessAdditionalQuestionsSchema.businessCoreInfoSchemaCAN(this.allowOptionalFields)
+            : businessAdditionalQuestionsSchema.businessCoreInfoSchemaUSA(this.allowOptionalFields);
+        this.formController = new index_esm.FormController(schema);
+        this.getData();
     }
     componentDidLoad() {
         this.formController.errors.subscribe(errors => {
@@ -513,11 +559,16 @@ const BusinessCoreInfoFormStepCore = class {
         });
     }
     render() {
+        var _a, _b;
         const coreInfoDefaultValue = this.formController.getInitialValues();
         if (this.isLoading) {
             return index.h(PaymentProvisioningLoading, null);
         }
-        return (index.h("form", null, index.h("fieldset", null, index.h("div", { class: "d-flex align-items-center gap-2" }, index.h("legend", { class: "mb-0", part: parts.heading2 }, "Business Information")), index.h("hr", { class: "mt-2" }), index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12" }, index.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)." })), index.h("div", { class: "col-12" }, index.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)" })), index.h("div", { class: "col-12 col-md-8" }, index.h("form-control-select", { name: "classification", label: "Business Classification", options: businessFormOptions.businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-4" }, index.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 })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-text", { name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler, helpText: "Describe what you sell" })), index.h("div", { class: "col-12 col-md-6" }, index.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: utils.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." })), index.h("div", { class: "col-12" }, index.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." })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-text", { name: "email", label: "Business Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-number-masked", { name: "phone", label: "Business Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US }))))));
+        return (index.h("form", null, index.h("fieldset", null, index.h("div", { class: "d-flex align-items-center gap-2" }, index.h("legend", { class: "mb-0", part: parts.heading2 }, "Business Information")), index.h("hr", { class: "mt-2" }), index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12" }, index.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)." })), index.h("div", { class: "col-12" }, index.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)" })), index.h("div", { class: "col-12 col-md-8" }, index.h("form-control-select", { name: "classification", label: "Business Classification", options: businessFormOptions.businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-4" }, index.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 })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-text", { name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler, helpText: "Describe what you sell" })), index.h("div", { class: "col-12 col-md-6" }, (!((_a = this.coreInfo) === null || _a === void 0 ? void 0 : _a.tax_id_last4) || this.isEditingTaxId) ? (index.h("form-control-number-masked", { name: "tax_id", label: countryConfig.countryLabels[this.country].taxIdLabel, defaultValue: this.isEditingTaxId ? '' : coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: '000000000', helpText: countryConfig.countryLabels[this.country].taxIdHelpText })) : (index.h("div", null, index.h("label", { class: "form-label", part: parts.label }, countryConfig.countryLabels[this.country].taxIdLabel), index.h("div", { class: "input-group mb-3" }, index.h("input", { type: "text", class: "form-control", part: parts.inputDisabled, value: `****${(_b = this.coreInfo) === null || _b === void 0 ? void 0 : _b.tax_id_last4}`, disabled: true }), index.h("button", { class: "btn btn-secondary", type: "button", part: parts.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"))))), index.h("div", { class: "col-12" }, index.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." })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-text", { name: "email", label: "Business Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-number-masked", { name: "phone", label: "Business Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US }))))));
     }
 };
 
@@ -637,7 +688,7 @@ const BusinessOwnersFormStepCore = class {
             return index.h(PaymentProvisioningLoading, null);
         }
         return (index.h("div", null, index.h("div", { class: "d-flex align-items-center gap-2" }, index.h("legend", { class: "mb-0", part: parts.heading2 }, "Owners"), index.h("form-control-tooltip", { helpText: "For partnerships, LLCs or privately held corporations, the business is required to apply with all individuals with 25% or more ownership to the application. For charities and registered non-profits, the business is required to apply with 1 individual with substantial control over the entity, such as a board member or director." })), index.h("hr", { class: "mt-2" }), index.h("div", { class: 'row gy-3' }, this.ownersPayload.map((owner) => {
-            return (index.h("justifi-owner-form", { key: owner.id, authToken: this.authToken, businessId: this.businessId, ownerId: owner.id, removeOwner: this.removeOwnerForm, newFormOpen: this.newFormOpen, ownersLength: this.ownersPayload.length, allowOptionalFields: this.allowOptionalFields, ref: (ref) => this.matchRef(ref, owner.id) }));
+            return (index.h("justifi-owner-form", { key: owner.id, authToken: this.authToken, businessId: this.businessId, ownerId: owner.id, removeOwner: this.removeOwnerForm, newFormOpen: this.newFormOpen, ownersLength: this.ownersPayload.length, country: this.country, allowOptionalFields: this.allowOptionalFields, ref: (ref) => this.matchRef(ref, owner.id) }));
         })), index.h("div", { class: 'd-flex justify-content-start' }, index.h("div", { class: 'gap-2' }, index.h(button.Button, { variant: 'primary', onClick: () => this.addOwnerForm(true), hidden: !this.showAddOwnerButton }, "Add Owner")))));
     }
     static get watchers() { return {
@@ -655,11 +706,14 @@ const BusinessRepresentativeFormStepCore = class {
         this.representative = {};
         this.isLoading = false;
         this.getData = () => {
+            if (!this.getBusiness)
+                return;
             this.formLoading.emit(true);
             this.isLoading = true;
             this.getBusiness({
                 onSuccess: (response) => {
                     this.representative = new Business.Representative(response.data.representative || {});
+                    this.representative.address.country = this.country;
                     this.formController.setInitialValues(Object.assign({}, this.representative));
                 },
                 onError: ({ error, code, severity }) => {
@@ -707,8 +761,9 @@ const BusinessRepresentativeFormStepCore = class {
         return { representative: formValues };
     }
     componentWillLoad() {
-        this.getBusiness && this.getData();
-        this.formController = new index_esm.FormController(businessIdentitySchema.identitySchema('representative', this.allowOptionalFields));
+        const schemaFactory = businessIdentitySchema.identitySchemaByCountry[this.country];
+        this.formController = new index_esm.FormController(schemaFactory('representative', this.allowOptionalFields));
+        this.getData();
     }
     componentDidLoad() {
         this.formController.errors.subscribe(errors => {
@@ -719,7 +774,7 @@ const BusinessRepresentativeFormStepCore = class {
         if (this.isLoading) {
             return (index.h(PaymentProvisioningLoading, null));
         }
-        return (index.h("justifi-business-representative-form-inputs", { representativeDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController }));
+        return (index.h("justifi-business-representative-form-inputs", { representativeDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController, country: this.country }));
     }
 };
 
@@ -733,11 +788,15 @@ const LegalAddressFormStepCore = class {
         this.legal_address = {};
         this.isLoading = false;
         this.getData = () => {
+            if (!this.getBusiness)
+                return;
             this.formLoading.emit(true);
             this.isLoading = true;
             this.getBusiness({
                 onSuccess: (response) => {
-                    this.legal_address = new Business.Address(response.data.legal_address || {});
+                    const business = response.data || {};
+                    const address = new Business.Address(business.legal_address || {});
+                    this.legal_address = Object.assign(Object.assign({}, address), { country: this.country });
                     this.formController.setInitialValues(Object.assign({}, this.legal_address));
                 },
                 onError: ({ error, code, severity }) => {
@@ -789,8 +848,9 @@ const LegalAddressFormStepCore = class {
         return { legal_address: formValues };
     }
     componentWillLoad() {
-        this.getBusiness && this.getData();
-        this.formController = new index_esm.FormController(businessIdentitySchema.addressSchema(this.allowOptionalFields));
+        const schemaFactory = businessIdentitySchema.addressSchemaByCountry[this.country];
+        this.formController = new index_esm.FormController(schemaFactory(this.allowOptionalFields));
+        this.getData();
     }
     componentDidLoad() {
         this.formController.errors.subscribe(errors => {
@@ -798,14 +858,11 @@ const LegalAddressFormStepCore = class {
         });
     }
     render() {
-        var _a, _b, _c, _d, _e, _f;
         const legalAddressDefaultValue = this.formController.getInitialValues();
         if (this.isLoading) {
             return index.h(PaymentProvisioningLoading, null);
         }
-        return (index.h("form", null, index.h("fieldset", null, index.h("div", { class: "d-flex align-items-center gap-2" }, index.h("legend", { class: "mb-0", part: parts.heading2 }, "Legal Address of your Business"), index.h("form-control-tooltip", { helpText: "No PO Boxes." })), index.h("hr", { class: "mt-2" }), index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "line1", label: "Legal Address", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.line1 })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "line2", label: "Address Line 2 (optional)", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line2 })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, errorText: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.city })), index.h("div", { class: "col-12" }, index.h("form-control-select", { name: "state", label: "State", options: stateOptions.StateOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.state })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "postal_code", label: "Postal Code", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, errorText: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.postal_code, maxLength: 5, keyDownHandler: utils.numberOnlyHandler })), index.h("div", { class: "col-12" }, index.h("form-control-select", { name: "country", label: "Country", options: [{ label: "United States", value: "USA" }], inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.country,
-            // just for now so we skip handling country specificities
-            disabled: true }))))));
+        return (index.h("form", null, index.h("fieldset", null, index.h("div", { class: "d-flex align-items-center gap-2" }, index.h("legend", { class: "mb-0", part: parts.heading2 }, "Legal Address of your Business"), index.h("form-control-tooltip", { helpText: "No PO Boxes." })), index.h("hr", { class: "mt-2" }), index.h("justifi-form-address-fields", { country: this.country, errors: this.errors, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
     }
 };
 

package/dist/cjs/justifi-additional-questions-form-step_9.cjs.entry.js

@@ -3,12 +3,12 @@
 var index = require('./index-Bhtk1qkX.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
 var paymentProvisioningActions = require('./payment-provisioning-actions-CZVlnRA0.js');
-var business_service = require('./business.service-Cj_NUZsr.js');
+var business_service = require('./business.service-DRZurAMP.js');
 require('./config-state-C7babhLh.js');
 require('./dinero-BwNN_k7x.js');
 require('./Refund-BnhHNKLz.js');
 require('./Pagination-Dediz133.js');
-require('./Business-DCRzZf0w.js');
+var Business = require('./Business-DWHy_-z9.js');
 require('./Dispute-CruQTF6_.js');
 var index_esm = require('./index.esm-ByC0D4sJ.js');
 var Api = require('./Api-CjtvTD2_.js');
@@ -19,8 +19,6 @@ require('./event-types-YOY5TKUN.js');
 require('./utils-DvUQQLmR.js');
 require('./index-CWM5ions.js');
 require('./utils-Bab-tddY.js');
-require('./helpers-B5OCqlIM.js');
-require('./state-options-CIT9xdTz.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 
 const AdditionalQuestionsFormStep = class {
@@ -59,7 +57,7 @@ const AdditionalQuestionsFormStep = class {
         }
     }
     render() {
-        return (index.h("justifi-additional-questions-form-step-core", { key: 'b494a48aa19f63e30007663276876540c5149879', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (index.h("justifi-additional-questions-form-step-core", { key: 'a2e24c04b312a226b607147bcf68d6ea50a2be05', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -106,7 +104,7 @@ const BusinessBankAccountFormStep = class {
         }
     }
     render() {
-        return (index.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 }));
+        return (index.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 }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -150,7 +148,7 @@ const BusinessCoreInfoFormStep = class {
         }
     }
     render() {
-        return (index.h("justifi-business-core-info-form-step-core", { key: '1d2bd68e87d5f312c54f5a4bda8863b26fdeec5d', businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (index.h("justifi-business-core-info-form-step-core", { key: '1aeaeae1d432883c1e242c066881cabc37097032', businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, country: this.country, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -194,7 +192,7 @@ const BusinessOwnersFormStep = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '3420b6e74da344665583a49146b5b7fd1be40155' }, index.h("justifi-business-owners-form-step-core", { key: '3e092450028815a0b134af4294edbb7589864409', authToken: this.authToken, businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: (el) => this.coreComponent = el })));
+        return (index.h(index.Host, { key: '510b3ece6194fa6c34c04ba4d87718490631b69d' }, index.h("justifi-business-owners-form-step-core", { key: '01b034456e183d39b6adc4b9f9d36e289483eb9b', authToken: this.authToken, businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, country: this.country, ref: (el) => this.coreComponent = el })));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -238,7 +236,7 @@ const BusinessRepresentativeFormStep = class {
         }
     }
     render() {
-        return (index.h("justifi-business-representative-form-step-core", { key: '582c77f4b763573a1d29726285a9b871afe96d89', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (index.h("justifi-business-representative-form-step-core", { key: '93ebeaecfc5eecc8a4c74cbc30760d35d8120183', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, country: this.country, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -366,7 +364,7 @@ const BusinessTermsConditionsFormStep = class {
         return (index.h("a", { href: "https://justifi.tech/merchant-agreement/", target: "_blank", rel: "noopener noreferrer" }, "merchant agreement"));
     }
     render() {
-        return (index.h("form", { key: '8cea6fff2e5b5cbfa7de6b3adfce238153599d1e' }, index.h("fieldset", { key: 'ef3c4ce5d0d03f1d048e072c6f7ac3da565ffb18' }, index.h("legend", { key: 'caa5fee86bd4b5c2a7204a76ae3533146526b9e1', part: parts.heading2 }, "Terms and Conditions"), index.h("hr", { key: '5a72caeaf2dae8f57c0be09ca21feceb0793daf4' }), index.h("div", { key: 'e39700b83a10c479cf6d767c1af61ac8b480e4d5' }, index.h("p", { key: '2b8520977bedf73c295a387095724a561391b005' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), index.h("br", { key: '706ec9ecfd4a0909583745f90b36eeb42fa5e690' }), index.h("div", { key: 'd915e2c49188b829b33b03f07cc8f1ccea99ee1d', class: "row-gy-3" }, index.h("div", { key: 'cbbc74e6b5e80bf54884a8f41eb94f6d5bcdb6dd', class: "col-12" }, index.h("form-control-checkbox", { key: 'f63aed196d33f1760dae8c5ac5487c0fbc7d4838', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText, checked: this.acceptedTerms }))))));
+        return (index.h("form", { key: '6fbccc271d16cbb87d8845b06b58fd461e18f770' }, index.h("fieldset", { key: 'ce5240753aefdb4aa92aa3ba5af4741466702ae6' }, index.h("legend", { key: '01a3a99f6d9dfe45ae12eb2a603ebc70a25747be', part: parts.heading2 }, "Terms and Conditions"), index.h("hr", { key: 'b0209b2df034353f663cf4dde25fee51e2906dc4' }), index.h("div", { key: '1ed270526bc1f6d24d81c485ea6e9459607bac3e' }, index.h("p", { key: '8c98f939d4db12cad7169debc71fd0ad652cc724' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), index.h("br", { key: '021ffcc28e65e59d8fb81a8a2507cac1ce0d448f' }), index.h("div", { key: 'e6181b2a5ad6b01be123962bf17282cb1f97fd30', class: "row-gy-3" }, index.h("div", { key: '82acd8dcfed625e051b93bb8845fb9d11b5e26ce', class: "col-12" }, index.h("form-control-checkbox", { key: 'c246a348366354dce60ec4dc00e3a4791281a584', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText, checked: this.acceptedTerms }))))));
     }
 };
 
@@ -406,7 +404,7 @@ const LegalAddressFormStep = class {
         }
     }
     render() {
-        return (index.h("justifi-legal-address-form-step-core", { key: 'bd286476461181f2e8a435a97bf148d55876b49c', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (index.h("justifi-legal-address-form-step-core", { key: '1e4419d2e8c75721883171124185590efe459fc9', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, country: this.country, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -428,7 +426,7 @@ const PaymentProvisioningFormButtons = class {
         return this.currentStep === this.totalSteps;
     }
     render() {
-        return (index.h("div", { key: '5869ed8c350e3a1ae5fe62dcd04493f432eecff7', class: 'd-flex gap-2' }, index.h(button.Button, { key: 'b1e8c2fff97e9a053d715860a43ddd78c99b255a', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), index.h(button.Button, { key: '8696fe4f0bde5434e51f05f67b39a8e5b2f550bf', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, eventTypes.BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), index.h(button.Button, { key: 'b1750a849d60244bdb3cf82690c6cbd15b6e1110', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, eventTypes.BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
+        return (index.h("div", { key: 'ad959d93323ee66a154d5addbabd0cd0351f5d5f', class: 'd-flex gap-2' }, index.h(button.Button, { key: '6f77f6c7ee080a1a2525ec92107881adfef3afcb', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), index.h(button.Button, { key: '6edac397291014bde05eed8f64ca6a543f951a44', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, eventTypes.BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), index.h(button.Button, { key: 'ba2f0c103c2b54e9047aee927ed8afb8e5361f66', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, eventTypes.BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
     }
 };
 
@@ -436,13 +434,14 @@ const PaymentProvisioningFormSteps = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.allowOptionalFields = false;
+        this.country = Business.CountryCode.USA;
         this.componentStepMapping = {
-            0: () => index.h("justifi-business-core-info-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[0] = el, allowOptionalFields: this.allowOptionalFields }),
-            1: () => index.h("justifi-legal-address-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[1] = el, allowOptionalFields: this.allowOptionalFields }),
+            0: () => index.h("justifi-business-core-info-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[0] = el, allowOptionalFields: this.allowOptionalFields, country: this.country }),
+            1: () => index.h("justifi-legal-address-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[1] = el, allowOptionalFields: this.allowOptionalFields, country: this.country }),
             2: () => index.h("justifi-additional-questions-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[2] = el, allowOptionalFields: this.allowOptionalFields }),
-            3: () => index.h("justifi-business-representative-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[3] = el, allowOptionalFields: this.allowOptionalFields }),
-            4: () => index.h("justifi-business-owners-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[4] = el, allowOptionalFields: this.allowOptionalFields }),
-            5: () => index.h("justifi-business-bank-account-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[5] = el, allowOptionalFields: this.allowOptionalFields }),
+            3: () => index.h("justifi-business-representative-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[3] = el, allowOptionalFields: this.allowOptionalFields, country: this.country }),
+            4: () => index.h("justifi-business-owners-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[4] = el, allowOptionalFields: this.allowOptionalFields, country: this.country }),
+            5: () => index.h("justifi-business-bank-account-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[5] = el, allowOptionalFields: this.allowOptionalFields, country: this.country }),
             6: () => index.h("justifi-business-terms-conditions-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[6] = el, onFormLoading: this.handleFormLoading, allowOptionalFields: this.allowOptionalFields }),
         };
     }
@@ -450,7 +449,7 @@ const PaymentProvisioningFormSteps = class {
         return this.componentStepMapping[this.currentStep]();
     }
     render() {
-        return (index.h("div", { key: '9a09e562d0a3548cb40863ba5780c5d1692b6ec3', class: 'col-12 mb-4' }, this.currentStepComponent));
+        return (index.h("div", { key: '2e1d2983f259fd9fe4e1dda9c1f442b248f4c5ba', class: 'col-12 mb-4' }, this.currentStepComponent));
     }
 };