@justifi/webcomponents 6.11.0 → 6.12.0

package/dist/cjs/{check-pkg-version-Di4JmtKX.js → Analytics-DZCXB2Za.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var _package = require('./package-D8NG-zuY.js');
+var _package = require('./package-CJg8qLYd.js');
 var Api = require('./Api-Bukk55YZ.js');
 require('./ComponentError-D4OLnOkg.js');
 require('./Plaid-DR9WDZ98.js');
@@ -91,47 +91,4 @@ class JustifiAnalytics {
     }
 }
 
-const JUSTIFI_VERSION_KEY = '__JUSTIFI_WC_VERSION__';
-const detectDuplicateVersion = () => {
-    if (typeof globalThis === 'undefined')
-        return;
-    const currentVersion = _package.packageJson.version;
-    const existingVersion = globalThis[JUSTIFI_VERSION_KEY];
-    if (existingVersion && existingVersion !== currentVersion) {
-        console.error(`@justifi/webcomponents: Multiple versions detected. ` +
-            `Version ${existingVersion} was loaded first and registered all components. ` +
-            `Version ${currentVersion} is also present but its components will NOT be used. ` +
-            `To fix this, add to your package.json:\n` +
-            `"pnpm": { "overrides": { "@justifi/webcomponents": "${currentVersion}" } }`);
-        return;
-    }
-    globalThis[JUSTIFI_VERSION_KEY] = currentVersion;
-};
-const latestVersion = async (packageName) => {
-    const response = await fetch('https://registry.npmjs.org/' + packageName + '/latest');
-    const json = await response.json();
-    return json.version;
-};
-const checkPkgVersion = async () => {
-    var _a, _b;
-    detectDuplicateVersion();
-    // Skip version check in test environments to avoid async logs after tests complete
-    if (typeof process !== 'undefined' &&
-        (((_a = process.env) === null || _a === void 0 ? void 0 : _a.NODE_ENV) === 'test' || ((_b = process.env) === null || _b === void 0 ? void 0 : _b.JEST_WORKER_ID))) {
-        return;
-    }
-    const version = _package.packageJson.version;
-    const packageName = _package.packageJson.name;
-    const latest = await latestVersion(packageName);
-    // remove rc from version and everything that comes after -rc
-    const latestNotRC = latest.replace(/-rc.*/, '');
-    // checkif there's a major version difference
-    const versionParts = version.split('.');
-    const latestParts = latest.split('.');
-    if (versionParts[0] !== latestParts[0]) {
-        console.warn(`The package ${packageName} is out of date. The latest version is ${latestNotRC}. Please update.`);
-    }
-};
-
 exports.JustifiAnalytics = JustifiAnalytics;
-exports.checkPkgVersion = checkPkgVersion;

package/dist/cjs/additional-questions-details_5.cjs.entry.js

@@ -60,7 +60,7 @@ const OwnerDetails = class {
     }
 };
 
-const JustifiRepresentativeDetails = class {
+const RepresentativeDetails = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
@@ -76,4 +76,4 @@ exports.additional_questions_details = AdditionalQuestionsDetails;
 exports.core_info_details = CoreInfoDetails;
 exports.legal_address_details = LegalAddressDetails;
 exports.owner_details = OwnerDetails;
-exports.representative_details = JustifiRepresentativeDetails;
+exports.representative_details = RepresentativeDetails;

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

@@ -936,7 +936,7 @@ const BusinessOwnersFormStep = class {
         const isRepresentativeOwner = this.ownersPayload.some(owner => owner.id === this.representative.id);
         const shouldShowRepresentativeIsOwner = this.representativeIsOwner === null && !isRepresentativeOwner;
         return (index.h(index.Host, null, 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" }), shouldShowRepresentativeIsOwner && (index.h("div", { class: `alert alert-warning mb-3`, part: parts.alert }, index.h("div", { class: "card-body" }, index.h("div", { class: "d-flex align-items-center mb-3" }, index.h("strong", null, "Is the representative of this business also an owner?")), index.h("div", { class: "d-flex gap-2" }, index.h(button.Button, { variant: 'primary', onClick: () => this.handleRepresentativeIsOwnerChange(true) }, "Yes"), index.h(button.Button, { variant: 'secondary', onClick: () => this.handleRepresentativeIsOwnerChange(false) }, "No"))))), 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, country: this.country, allowOptionalFields: this.allowOptionalFields, ref: (ref) => this.matchRef(ref, owner.id) }));
+            return (index.h("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 {
@@ -1063,7 +1063,7 @@ const BusinessRepresentativeFormStep = class {
         if (!this.formController || this.isLoading) {
             return (index.h(paymentProvisioningLoading.PaymentProvisioningLoading, null));
         }
-        return (index.h("justifi-business-representative-form-inputs", { representativeDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController, country: this.country }));
+        return (index.h("business-representative-form-inputs", { representativeDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController, country: this.country }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -1191,7 +1191,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: '33336d0a66d63ce39951822fd570a9a0689e714d' }, index.h("fieldset", { key: 'fcfdb59eef671cb408ed99e2dad20d6be706688a' }, index.h("legend", { key: 'f0cf7f0ac15c90cf36ee25d4bf986c0e781a2e92', part: parts.heading2 }, "Terms and Conditions"), index.h("hr", { key: 'd5c820e7d6523f931040a994bd103d69fd644c45' }), index.h("div", { key: '681b584de14afe121f5dc69ee0bad1cab51ba0d1' }, index.h("p", { key: '7c597bf891a108d303739126b806ded5220f56ab' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), index.h("br", { key: '52854c5a07611180be40df21a5f60d7d9d4c4cb7' }), index.h("div", { key: '7448b3f6138b996edac137b961367725e3b40556', class: "row-gy-3" }, index.h("div", { key: 'c732deb4e1e3a2d04dd4e09914543a7f594af108', class: "col-12" }, index.h("form-control-checkbox", { key: 'fca18e4843aef20d13790029b114b2ecaeb6ffa2', 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: '325cb8ddd72c0fcd8ea14eae5c8abff286c57b90' }, index.h("fieldset", { key: '4376945ecca9dc5f462099b8a7b893b84d72ee28' }, index.h("legend", { key: 'd2c83a8d552091c1e546fe663be6674fb5cc623a', part: parts.heading2 }, "Terms and Conditions"), index.h("hr", { key: '608620cec864f21eed1c0263236e160171543881' }), index.h("div", { key: '58942ff2e4a620695485b9e80443c9cbfae74186' }, index.h("p", { key: '487df1718bb9a5dfc486c8589d75c627d325edd8' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), index.h("br", { key: 'ee3cc0ccedd353030abc05d80b20d7ae5b3f327c' }), index.h("div", { key: 'd9ff9f7aeb18da7253f6ed1705ac0ebd4aebbc15', class: "row-gy-3" }, index.h("div", { key: 'f9e9fd3bdc0b74872fa58940af54952a138cc988', class: "col-12" }, index.h("form-control-checkbox", { key: '63cdad138445ac5b5fa4beb678475048c5b8c589', 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 }))))));
     }
 };
 
@@ -1304,7 +1304,7 @@ const LegalAddressFormStep = class {
         if (this.isLoading) {
             return index.h(paymentProvisioningLoading.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("justifi-form-address-fields", { country: this.country, errors: this.errors, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
+        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("form-address-fields", { country: this.country, errors: this.errors, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -1326,7 +1326,7 @@ const PaymentProvisioningFormButtons = class {
         return this.currentStep === this.totalSteps;
     }
     render() {
-        return (index.h("div", { key: '53ba6c809e1968712b333f4bcf2798dbca186ddb', class: 'd-flex gap-2' }, index.h(button.Button, { key: 'b45c60083ccf6589cae0c63ce6b66c18da340dc7', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), index.h(button.Button, { key: '27372798da0276de44d1563a4688486e7cc91d64', 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: '8bc14ca8fe951caf276f8ed03e502486e11acbe2', 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: '84faa27ba9737bc546ed0ff0d169cea53e3599f3', class: 'd-flex gap-2' }, index.h(button.Button, { key: '615c83981ca574001fc7219611f512486415cbd8', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), index.h(button.Button, { key: 'a75dc66a0f067d9153c69cc9756291ef5ef34748', 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: '9aa26b8592823ecce24aae8bfbf230b6deab5336', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, eventTypes.BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
     }
 };
 
@@ -1336,29 +1336,29 @@ const PaymentProvisioningFormSteps = class {
         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, 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, 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 }),
+            0: () => index.h("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("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("additional-questions-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[2] = el, allowOptionalFields: this.allowOptionalFields }),
+            3: () => index.h("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("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("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("business-terms-conditions-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[6] = el, onFormLoading: this.handleFormLoading, allowOptionalFields: this.allowOptionalFields }),
         };
     }
     get currentStepComponent() {
         return this.componentStepMapping[this.currentStep]();
     }
     render() {
-        return (index.h("div", { key: 'ff7c9e688009383fdbe18c9824fa578d2338900c', class: 'col-12 mb-4' }, this.currentStepComponent));
+        return (index.h("div", { key: '0dc1675cbaf760028c6631eb64192c61361fdec9', class: 'col-12 mb-4' }, this.currentStepComponent));
     }
 };
 
-exports.justifi_additional_questions_form_step = AdditionalQuestionsFormStep;
-exports.justifi_business_bank_account_form_step = BusinessBankAccountFormStep;
-exports.justifi_business_core_info_form_step = BusinessCoreInfoFormStep;
-exports.justifi_business_owners_form_step = BusinessOwnersFormStep;
-exports.justifi_business_representative_form_step = BusinessRepresentativeFormStep;
-exports.justifi_business_terms_conditions_form_step = BusinessTermsConditionsFormStep;
-exports.justifi_legal_address_form_step = LegalAddressFormStep;
-exports.justifi_payment_provisioning_form_buttons = PaymentProvisioningFormButtons;
-exports.justifi_payment_provisioning_form_steps = PaymentProvisioningFormSteps;
+exports.additional_questions_form_step = AdditionalQuestionsFormStep;
+exports.business_bank_account_form_step = BusinessBankAccountFormStep;
+exports.business_core_info_form_step = BusinessCoreInfoFormStep;
+exports.business_owners_form_step = BusinessOwnersFormStep;
+exports.business_representative_form_step = BusinessRepresentativeFormStep;
+exports.business_terms_conditions_form_step = BusinessTermsConditionsFormStep;
+exports.legal_address_form_step = LegalAddressFormStep;
+exports.payment_provisioning_form_buttons = PaymentProvisioningFormButtons;
+exports.payment_provisioning_form_steps = PaymentProvisioningFormSteps;

package/dist/cjs/{form-alert_5.cjs.entry.js → additional-questions_5.cjs.entry.js}

@@ -1,27 +1,12 @@
 'use strict';
 
 var index = require('./index-p7cvUYAE.js');
-var parts = require('./parts-BXshb_S-.js');
 var businessFormOptions = require('./business-form-options-D_nM7NDk.js');
 var formInputMasks = require('./form-input-masks-BnNFJ3IJ.js');
+var parts = require('./parts-BXshb_S-.js');
 var Business = require('./Business-oBifyXkW.js');
 var countryConfig = require('./country-config-D7fss2oF.js');
 
-const FormAlert = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    render() {
-        if (!this.text) {
-            return null;
-        }
-        if (this.hideAlert) {
-            return null;
-        }
-        return (index.h("div", { class: 'alert alert-danger d-flex align-items-center', role: 'alert', part: parts.alertDanger }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", fill: "currentColor", class: "bi bi-exclamation-triangle-fill flex-shrink-0 me-2", viewBox: "0 0 16 16", role: "img", "aria-label": "Warning:" }, index.h("path", { d: "M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z" })), index.h("div", null, this.text)));
-    }
-};
-
 const AdditionalQuestions = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -39,7 +24,7 @@ const AdditionalQuestions = class {
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
         const additionalQuestionsDefaultValue = this.formController.getInitialValues().additional_questions;
-        return (index.h(index.Host, { key: '825ad2a859cacac1b9ba7be60ade5f3bb108abee' }, index.h("fieldset", { key: 'be913775846b09d99c0c5809a93dfc2779bbae9c' }, index.h("legend", { key: '52db62eb99455247f317f3dfce9ed260139d9b92', part: parts.heading2 }, "Additional Questions"), index.h("div", { key: '9bca42f1668874643cb2c46f3ac39df85fb0cc45', class: "row gy-3" }, index.h("div", { key: '4f5cfbb11109a00d5427096503bceeb443349925', class: "col-12 col-md-6" }, index.h("form-control-monetary-provisioning", { key: '8d467c76af23e7aaa0a437a6b8631f8966dd7c41', name: "business_revenue", label: "What is the business' estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.additional_questions) === null || _b === void 0 ? void 0 : _b.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: formInputMasks.CURRENCY_MASK.WHOLE })), index.h("div", { key: '4e5ed2a46af18734a97e498fe03d0b39b6d64895', class: "col-12 col-md-6" }, index.h("form-control-monetary-provisioning", { key: '5dac6143381928fa469e610a51c680dc2d6458ba', name: "business_payment_volume", label: "What is the business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.additional_questions) === null || _d === void 0 ? void 0 : _d.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: formInputMasks.CURRENCY_MASK.WHOLE })), index.h("div", { key: '7ffc0942f4aa7a28fe5cb647af3fb4d0fbdfb19f', class: "col-12" }, index.h("form-control-select", { key: 'dd323dcdb5152040737ad91715e5f1eba17afaed', name: 'business_when_service_received', label: 'On average, how long after paying will your customers typically receive their goods or services?', inputHandler: this.inputHandler, errorText: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.additional_questions) === null || _f === void 0 ? void 0 : _f.business_when_service_received, options: businessFormOptions.businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), index.h("div", { key: 'f7d98dcddaee8beb583b7436007660012c856d06', class: "col-12" }, index.h("form-control-select", { key: 'c3dd0af43353221f0b6f34555afc6627eb6e4805', name: 'business_recurring_payments', label: 'Does your business offer recurring payments?', inputHandler: this.inputHandler, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.additional_questions) === null || _h === void 0 ? void 0 : _h.business_recurring_payments, options: businessFormOptions.recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), index.h("div", { key: '6afac5b74ebf3f833f3a773c4c364ec805c827ee', class: "col-12" }, index.h("form-control-text", { key: '8730d4945250eaf2aee10e2eb2327876f98e07f3', name: 'business_recurring_payments_percentage', label: 'What percent of revenue is generated from each recurring payment type offered?', inputHandler: this.inputHandler, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.additional_questions) === null || _k === void 0 ? void 0 : _k.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage })), index.h("div", { key: '4e13389f89aad6598817c4a45e5a8125ae21b9a4', class: "col-12" }, index.h("form-control-select", { key: '5cb9f4af9b1a1a707f6110073356474397b46489', name: 'business_seasonal', label: 'Is this business seasonal?', inputHandler: this.inputHandler, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.additional_questions) === null || _m === void 0 ? void 0 : _m.business_seasonal, options: businessFormOptions.seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), index.h("div", { key: '705affae85c29fe6d5270ad32a2af9bdeed9b6e9', class: "col-12" }, index.h("form-control-text", { key: '08807d448e5a4f1865a22d06d9e1e34d27bb5f5f', name: 'business_other_payment_details', label: 'Is there anything else you would like us to know about how your customers pay the business?', inputHandler: this.inputHandler, errorText: (_p = (_o = this.errors) === null || _o === void 0 ? void 0 : _o.additional_questions) === null || _p === void 0 ? void 0 : _p.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
+        return (index.h(index.Host, { key: '2cef96e9fd7d585353deebd2149ccaa6f70601f3' }, index.h("fieldset", { key: '324401c967c047997b4b46c4835a2e9c28d200c3' }, index.h("legend", { key: '0958dcb308db0032292f54736eeeaeaf562a4dd3', part: parts.heading2 }, "Additional Questions"), index.h("div", { key: '7eb6cf2912a726647937120600400f4cb70babf1', class: "row gy-3" }, index.h("div", { key: 'fee24c156b5e97d013520353813ef894e9295251', class: "col-12 col-md-6" }, index.h("form-control-monetary-provisioning", { key: 'c72df3ba128cf84444febec88c402934442023a7', name: "business_revenue", label: "What is the business' estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.additional_questions) === null || _b === void 0 ? void 0 : _b.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: formInputMasks.CURRENCY_MASK.WHOLE })), index.h("div", { key: 'be1f0d42c19d479a56da7781316e659245a265c3', class: "col-12 col-md-6" }, index.h("form-control-monetary-provisioning", { key: '5a3df350a2bbb31286b4bbfadfb0067099135449', name: "business_payment_volume", label: "What is the business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.additional_questions) === null || _d === void 0 ? void 0 : _d.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: formInputMasks.CURRENCY_MASK.WHOLE })), index.h("div", { key: '5b98b7842f1adad2d57c23c274c2ee5b70b1a5c4', class: "col-12" }, index.h("form-control-select", { key: '116133084185496cf6e22098b5bb1245132e361d', name: 'business_when_service_received', label: 'On average, how long after paying will your customers typically receive their goods or services?', inputHandler: this.inputHandler, errorText: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.additional_questions) === null || _f === void 0 ? void 0 : _f.business_when_service_received, options: businessFormOptions.businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), index.h("div", { key: '6b5849afeeab55f63cb3f084b9bfbfa0ce686df1', class: "col-12" }, index.h("form-control-select", { key: '523e2e69d6d637905efb74447785cb6e20d3d658', name: 'business_recurring_payments', label: 'Does your business offer recurring payments?', inputHandler: this.inputHandler, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.additional_questions) === null || _h === void 0 ? void 0 : _h.business_recurring_payments, options: businessFormOptions.recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), index.h("div", { key: '4b5e4167371d6d1e6f6ae764b28789741bcac145', class: "col-12" }, index.h("form-control-text", { key: '6e86c7d28ca2980f80c076e2359430773c47b575', name: 'business_recurring_payments_percentage', label: 'What percent of revenue is generated from each recurring payment type offered?', inputHandler: this.inputHandler, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.additional_questions) === null || _k === void 0 ? void 0 : _k.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage })), index.h("div", { key: '55f01cf14c9e3d988672b494d9b3a50bf8d83869', class: "col-12" }, index.h("form-control-select", { key: 'c05d4e0ff64d61ad276e05daa86a4c574dfabfd5', name: 'business_seasonal', label: 'Is this business seasonal?', inputHandler: this.inputHandler, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.additional_questions) === null || _m === void 0 ? void 0 : _m.business_seasonal, options: businessFormOptions.seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), index.h("div", { key: 'b34e0e1eecca9b43141357e0973cae5d61dc228a', class: "col-12" }, index.h("form-control-text", { key: '3b097d06b301c6075f0f9706f1ccca3ae504ce3c', name: 'business_other_payment_details', label: 'Is there anything else you would like us to know about how your customers pay the business?', inputHandler: this.inputHandler, errorText: (_p = (_o = this.errors) === null || _o === void 0 ? void 0 : _o.additional_questions) === null || _p === void 0 ? void 0 : _p.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
     }
 };
 
@@ -63,10 +48,10 @@ const BusinessCoreInfo = class {
     render() {
         var _a, _b;
         const coreInfoDefaultValue = this.formController.getInitialValues();
-        return (index.h(index.Host, { key: 'd60b250bd327a8f49ac2854ef90a50149952d91f' }, index.h("fieldset", { key: '99523dc8f944bbbd51fd1cd660fcd2908658a5b8' }, index.h("legend", { key: 'f709a73ed08970d75e83617d9d4927a33fc8bcc4', part: parts.heading2 }, "General Info"), index.h("div", { key: '7519e5f5b18247f63010edb6b15994413a1349f1', class: "row gy-3" }, index.h("div", { key: 'd11c9b6bc5f91ed3c521eeee88ee866ec81cb363', class: "col-12" }, index.h("form-control-text", { key: '8d346946db7275e1f64c84019dc2e202be77f8f7', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), index.h("div", { key: '4bdfff98f5652dfd22c04a4340b1ac882bf3ce65', class: "col-12" }, index.h("form-control-text", { key: '97055ec207286cb931e04f301fb6a0abef8e1085', name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler })), index.h("div", { key: 'aa43935a6d369a3f7c7fea36805fe2b15b908e06', class: "col-12 col-md-8" }, index.h("form-control-select", { key: 'fe958c7152cc3da4f33f666c4f57e692119fda18', name: "classification", label: "Business Classification", options: businessFormOptions.businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), index.h("div", { key: 'c6c3233c998973732545d3f9623ee0e7f2606ead', class: "col-12 col-md-4" }, index.h("form-control-date", { key: 'a87ac87813b6fe6c84cafbda1977c4ba93741342', 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", { key: '5046bf2e0c9e2bbc6bbb6c8809b7147acab1ee1f', class: "col-12 col-md-6" }, index.h("form-control-text", { key: '1771cd9caf5e29d4e03666e3cebed92dcdaa686a', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), index.h("div", { key: '1a9beb47f729497275e15ad8d4910ad5b4c9951d', 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: formInputMasks.IDENTITY_MASKS[this.country], 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: () => {
+        return (index.h(index.Host, { key: 'def39bb2d2fe2a47f064996ce20bc60fd490dc25' }, index.h("fieldset", { key: '64bd49c1a6be4193ffb7aae9e97c4b3e9a15f359' }, index.h("legend", { key: 'b11b4b1ff667d0367078c8af716ed99bb937809c', part: parts.heading2 }, "General Info"), index.h("div", { key: '0da76a2b84b20da143a3071caef531c41cd81a3f', class: "row gy-3" }, index.h("div", { key: 'be1fa57c9efc822fe1c88360414dfab08ecdc60e', class: "col-12" }, index.h("form-control-text", { key: '5b044ec875cac8d7576c7b060bc262e513a6d2b1', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), index.h("div", { key: '00322e05fad4bdf71780e573adf5b7d1d0d85b25', class: "col-12" }, index.h("form-control-text", { key: '36608a32b2a9ec194785c7f32b92b40f136af6b2', name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler })), index.h("div", { key: '90ccab857bb042c9d6eba0a9dcbcf72996a7da69', class: "col-12 col-md-8" }, index.h("form-control-select", { key: '3cf4ea374ae74005214684b20de6e3cd62337134', name: "classification", label: "Business Classification", options: businessFormOptions.businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), index.h("div", { key: 'b4c0330b07221e9ff399cd360d81c0b0c6b8adad', class: "col-12 col-md-4" }, index.h("form-control-date", { key: 'ae27cf1fc8f20b134e754f2612e945e0bcf85737', 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", { key: '5f6c82d761dd44631fae1e61f9d73e9db84535dc', class: "col-12 col-md-6" }, index.h("form-control-text", { key: 'ba6006564085b2634d6b438b72eca1bd2a344556', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), index.h("div", { key: '1bbd58d1cbfaf676a5a9d4f188d676c38d10303c', 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: formInputMasks.IDENTITY_MASKS[this.country], 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;
                 this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { tax_id: '' }));
-            } }, "Change"))))), index.h("div", { key: '94b23160df7686b910628f02451c12a7752b72cd', class: "col-12" }, index.h("form-control-text", { key: '40faf5a4b4f9c8d21385ee078ed9f4aaa9f47583', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), index.h("div", { key: '36a7c80684f7fb5259f3e9385393a2787bbd1516', class: "col-12 col-md-6" }, index.h("form-control-text", { key: 'a3bf801d4789e2b6328842b4bb1dfe8758f946b6', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { key: '437eeff1d27957a77b7bf4c9e4aa2fc4fa436867', class: "col-12 col-md-6" }, index.h("form-control-number-masked", { key: '0780f85cedacda3b8288ba54b5b40b86338ce877', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US }))))));
+            } }, "Change"))))), index.h("div", { key: 'c2759307684d50d8a7176b2c5c774f5f99016843', class: "col-12" }, index.h("form-control-text", { key: '96d3027c8db2dcd655c611201353948805fa3223', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), index.h("div", { key: '8918f247bf9cb2bfe6cd24d421be2ffd83bb08e8', class: "col-12 col-md-6" }, index.h("form-control-text", { key: 'da695eb10f15ff7ed08a5865a751cc467cfbe3a2', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { key: '0e6b9149f4fca4d55b12d96d3cd9b928beb34bd3', class: "col-12 col-md-6" }, index.h("form-control-number-masked", { key: 'd127281e989bb4d9140109b3bc46f1fad80feba4', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US }))))));
     }
 };
 
@@ -100,11 +85,26 @@ const BusinessRepresentative = class {
     render() {
         var _a, _b;
         const representativeDefaultValue = this.formController.getInitialValues().representative;
-        return (index.h(index.Host, { key: '23d11271b1ec0b5a36222cf972b3cbb94a436a99' }, index.h("fieldset", { key: '9062abcf81faf8c1bd136a7ad28ee9f21831b4fb' }, index.h("legend", { key: '61cf510c63cfe30278e1a07a0186a4feac0c31ec', part: parts.heading2 }, "Representative"), index.h("div", { key: '431ab7681cc1dc022d251dd4caaf4fc6a7def9b1', class: "row gy-3" }, index.h("div", { key: 'd94add92e02afa9dbb7cc617fea60bd0bc37db9c', class: "col-12 col-md-8" }, index.h("form-control-text", { key: '2cdf16e8f5984de4db422fde0b0e353fb6029912', name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { key: 'cff4220ba8704a02a7f8642b562116ef63400bd8', class: "col-12 col-md-4" }, index.h("form-control-text", { key: '949b4eea179738a03ff0b9336e8325320da56473', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), index.h("div", { key: 'dc21ee17586cce9b39a924df668ad9c5be1ab84b', class: "col-12 col-md-6" }, index.h("form-control-text", { key: '0470770dbe028c8247bd8405d68d4d1690b5e4e4', name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { key: 'dcbd23ab368e630ebaea9e8bdbb6985a98d5fbeb', class: "col-12 col-md-6" }, index.h("form-control-number-masked", { key: '6625e7fda86feabad127a97b7c06a40d19903b34', name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US })), index.h("div", { key: '6f9df4495d3fea041a643eb6bb0560b1747b094a', class: "col-12 col-md-4" }, index.h("form-control-date", { key: 'a8c3cbc3d2c075e82e82c8fd4a123eade5a64e5c', name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), index.h("div", { key: 'a5be0388dbfa97375cedaf059e51b680170d806f', class: "col-12 col-md-8" }, (!((_a = this.representative) === null || _a === void 0 ? void 0 : _a.ssn_last4) || this.isEditingIdentification) ? (index.h("form-control-number-masked", { name: "identification_number", label: this.identificationNumberLabel, defaultValue: this.isEditingIdentification ? '' : representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: formInputMasks.IDENTITY_MASKS[this.country], helpText: countryConfig.countryLabels[this.country].identityHelpText })) : (index.h("div", null, index.h("label", { class: "form-label", part: parts.label }, this.identificationNumberLabel), index.h("div", { class: "input-group mb-3" }, index.h("input", { type: "text", class: "form-control", part: parts.inputDisabled, value: `****${(_b = this.representative) === null || _b === void 0 ? void 0 : _b.ssn_last4}`, disabled: true }), index.h("button", { class: "btn btn-secondary", type: "button", part: parts.buttonSecondary, onClick: () => {
+        return (index.h(index.Host, { key: 'cab8eb5ba333109849bb22f32318c06a48972237' }, index.h("fieldset", { key: '5a6578447e4c737e5726198b8bac1ba0dc2e45a3' }, index.h("legend", { key: 'ebad85dfdeed325c15a56885bbb5a529c4ebdb99', part: parts.heading2 }, "Representative"), index.h("div", { key: 'dcebe5124256a171b938212ff9aa3764351c05ba', class: "row gy-3" }, index.h("div", { key: '9493cf073abde249b8e6d2f61a6a1d9ad3b7d3b8', class: "col-12 col-md-8" }, index.h("form-control-text", { key: 'fbf15c78b4c88b86de111a19b87512be42574d44', name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { key: '94a4c79c5267de135403b9fd18b843d69d427cbb', class: "col-12 col-md-4" }, index.h("form-control-text", { key: '5793dd89937f0b898bfd867338ace5da72df5f26', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), index.h("div", { key: '7eff586ef81721269c57b2473f75421f086d42f7', class: "col-12 col-md-6" }, index.h("form-control-text", { key: '72738008970cb6905be7e69d66ae2e0967796187', name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { key: '24eeedf96f6a378fa084f5ac48028e0ec3ed32d4', class: "col-12 col-md-6" }, index.h("form-control-number-masked", { key: '50dc535cba2d9f1fc9b1b360cd6d38492f699954', name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US })), index.h("div", { key: '5a87f6f73fee87ea9712483b5ca8328566e1fcd4', class: "col-12 col-md-4" }, index.h("form-control-date", { key: '2cd3ea10d7e69b78985af179d50b7f628457b2c7', name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), index.h("div", { key: '591c964f0629fb4da0bad605f54f652d6fe67cd7', class: "col-12 col-md-8" }, (!((_a = this.representative) === null || _a === void 0 ? void 0 : _a.ssn_last4) || this.isEditingIdentification) ? (index.h("form-control-number-masked", { name: "identification_number", label: this.identificationNumberLabel, defaultValue: this.isEditingIdentification ? '' : representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: formInputMasks.IDENTITY_MASKS[this.country], helpText: countryConfig.countryLabels[this.country].identityHelpText })) : (index.h("div", null, index.h("label", { class: "form-label", part: parts.label }, this.identificationNumberLabel), index.h("div", { class: "input-group mb-3" }, index.h("input", { type: "text", class: "form-control", part: parts.inputDisabled, value: `****${(_b = this.representative) === null || _b === void 0 ? void 0 : _b.ssn_last4}`, disabled: true }), index.h("button", { class: "btn btn-secondary", type: "button", part: parts.buttonSecondary, onClick: () => {
                 this.isEditingIdentification = true;
                 // Clear last4 and current value to force validation
                 this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { representative: Object.assign(Object.assign({}, this.formController.values.getValue().representative), { ssn_last4: null, identification_number: '' }) }));
-            } }, "Change"))))), index.h("div", { key: 'be522af99631fad573411bc5415fd6a712bc5486', class: "col-12" }, index.h("justifi-identity-address-form", { key: '145c76eb8c16fdd113dcd61faff219f852b22214', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
+            } }, "Change"))))), index.h("div", { key: '9fe5c36d102c5870f91c24c2e0efc22948190468', class: "col-12" }, index.h("identity-address-form", { key: '42a7949f31ae3d3d0f0b01db13ecb6271486e62f', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
+    }
+};
+
+const FormAlert = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        if (!this.text) {
+            return null;
+        }
+        if (this.hideAlert) {
+            return null;
+        }
+        return (index.h("div", { class: 'alert alert-danger d-flex align-items-center', role: 'alert', part: parts.alertDanger }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", fill: "currentColor", class: "bi bi-exclamation-triangle-fill flex-shrink-0 me-2", viewBox: "0 0 16 16", role: "img", "aria-label": "Warning:" }, index.h("path", { d: "M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z" })), index.h("div", null, this.text)));
     }
 };
 
@@ -124,12 +124,12 @@ const LegalAddressForm = class {
     render() {
         var _a;
         const legalAddressDefaultValue = this.formController.getInitialValues().legal_address;
-        return (index.h(index.Host, { key: '11d54eb58574e9afdeed03b357f4c5b89752b48b' }, index.h("fieldset", { key: '3608fc95fb7d60fcd5485394fc1a8210f91d13a8' }, index.h("legend", { key: 'ffe6b8794039b1df22e0bd1775cf497edac543d7', part: parts.heading2 }, "Business Legal Address"), index.h("justifi-form-address-fields", { key: '34adccfea54d0603d3e8899df048f3aab1b8b64c', country: this.country, errors: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
+        return (index.h(index.Host, { key: '56c938599697c9e40658de6fd52699ccfd306232' }, index.h("fieldset", { key: '7e77d120698e29ce040cce256e37745f53fac795' }, index.h("legend", { key: 'e4a4e23744eb5679d0797bb83970067709a0010d', part: parts.heading2 }, "Business Legal Address"), index.h("form-address-fields", { key: '0703605fd1e5143547865bc19d1b0cdbe34a41bc', country: this.country, errors: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
     }
 };
 
+exports.additional_questions = AdditionalQuestions;
+exports.business_core_info = BusinessCoreInfo;
+exports.business_representative = BusinessRepresentative;
 exports.form_alert = FormAlert;
-exports.justifi_additional_questions = AdditionalQuestions;
-exports.justifi_business_core_info = BusinessCoreInfo;
-exports.justifi_business_representative = BusinessRepresentative;
-exports.justifi_legal_address_form = LegalAddressForm;
+exports.legal_address_form = LegalAddressForm;

package/dist/cjs/bank-account-billing-form-simple_4.cjs.entry.js

@@ -0,0 +1,203 @@
+'use strict';
+
+var index = require('./index-p7cvUYAE.js');
+var index_esm = require('./index.esm-C1ZPG85l.js');
+var schemaValidations = require('./schema-validations-_yWWnnaG.js');
+var parts = require('./parts-BXshb_S-.js');
+var checkout_store = require('./checkout.store-zTfjieKa.js');
+var index$1 = require('./index-CajjbB9t.js');
+var header3 = require('./header-3-DCYJhPro.js');
+require('./event-types-YOY5TKUN.js');
+var Business = require('./Business-oBifyXkW.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
+require('./country-config-D7fss2oF.js');
+require('./business-form-options-D_nM7NDk.js');
+require('./index-W-zoNiyM.js');
+
+const fullBillingSchema = () => index_esm.create$3({
+    name: schemaValidations.identityNameValidation.required('Enter full name'),
+    address_line1: schemaValidations.lineOneValidation.required('Enter street address'),
+    address_line2: schemaValidations.lineTwoValidation.nullable(),
+    address_city: schemaValidations.cityValidation.required('Enter city'),
+    address_state: schemaValidations.stateValidation.required('Select state'),
+    address_postal_code: schemaValidations.postalValidation.required('Enter postal code'),
+});
+const postalOnlySchema = () => index_esm.create$3({
+    name: schemaValidations.identityNameValidation.nullable(),
+    address_line1: schemaValidations.lineOneValidation.nullable(),
+    address_line2: schemaValidations.lineTwoValidation.nullable(),
+    address_city: schemaValidations.cityValidation.nullable(),
+    address_state: schemaValidations.stateValidation.nullable(),
+    address_postal_code: schemaValidations.postalValidation.required('Enter postal code'),
+});
+const nameOnlySchema = () => index_esm.create$3({
+    name: schemaValidations.identityNameValidation.required('Enter full name'),
+    address_line1: schemaValidations.lineOneValidation.nullable(),
+    address_line2: schemaValidations.lineTwoValidation.nullable(),
+    address_city: schemaValidations.cityValidation.nullable(),
+    address_state: schemaValidations.stateValidation.nullable(),
+    address_postal_code: schemaValidations.postalValidation.nullable(),
+});
+
+const BankAccountBillingFormSimple = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.errors = {};
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
+    }
+    componentWillLoad() {
+        this.formController = new index_esm.FormController(nameOnlySchema());
+        const fields = checkout_store.checkoutStore.billingFormFields;
+        if (fields && Object.keys(fields).some((k) => fields[k])) {
+            this.formController.setInitialValues(fields);
+        }
+    }
+    componentDidLoad() {
+        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+        this.unsubscribeFromStore = checkout_store.onChange('billingFormFields', (newValue) => {
+            this.formController.setInitialValues(newValue);
+        });
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.unsubscribeFromStore) === null || _a === void 0 ? void 0 : _a.call(this);
+    }
+    async getValues() {
+        return this.formController.values.getValue();
+    }
+    async validate() {
+        const isValid = await this.formController.validate();
+        const errors = this.formController.errors.getValue();
+        return { isValid, errors };
+    }
+    render() {
+        const billingFormDefaultValue = this.formController.getInitialValues();
+        return (index.h("div", { key: 'e8c53c98793d0296d69799c8449d762084d9859b', part: parts.billingForm, class: "mt-4" }, index.h("form", { key: '83e59bb7bdcf4a3e0b4ed4320358796eae91726f' }, index.h("fieldset", { key: 'd92a4a02c531a08a270562701bc71440add5b545' }, this.legend && (index.h("legend", { key: '74ac1eb2c6fc629323f31be515e3aa204ae302a2' }, this.legend)), index.h("div", { key: '161888eb0680a4c9d6280440961f2926b08ac1ed', class: "row gy-3" }, index.h("div", { key: '9f6c899b7a4ff25a5eba5278bffe7d4e86eb00df', class: "col-12" }, index.h("form-control-text", { key: '74a9958fb74de730067fe4d87dfac33c12522169', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })))))));
+    }
+};
+
+const BillingForm = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    get showSimpleCardBillingForm() {
+        return this.paymentMethodType === index$1.PAYMENT_METHODS.NEW_CARD && this.hideCardBillingForm;
+    }
+    get showSimpleBankAccountBillingForm() {
+        return this.paymentMethodType === index$1.PAYMENT_METHODS.NEW_BANK_ACCOUNT && this.hideBankAccountBillingForm;
+    }
+    async getValues() {
+        var _a;
+        return (_a = this.selectedFormRef) === null || _a === void 0 ? void 0 : _a.getValues();
+    }
+    async validate() {
+        var _a;
+        return (_a = this.selectedFormRef) === null || _a === void 0 ? void 0 : _a.validate();
+    }
+    render() {
+        if (this.showSimpleBankAccountBillingForm) {
+            return (index.h(index.Host, null, index.h("bank-account-billing-form-simple", { legend: this.legend, ref: (el) => (this.selectedFormRef = el) })));
+        }
+        if (this.showSimpleCardBillingForm) {
+            return (index.h(index.Host, null, index.h("card-billing-form-simple", { legend: this.legend, ref: (el) => (this.selectedFormRef = el) })));
+        }
+        return (index.h(index.Host, null, index.h("billing-form-full", { legend: this.legend, ref: (el) => (this.selectedFormRef = el) })));
+    }
+};
+
+const BillingFormFull = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.errors = {};
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
+    }
+    componentWillLoad() {
+        this.formController = new index_esm.FormController(fullBillingSchema());
+        const fields = checkout_store.checkoutStore.billingFormFields;
+        if (fields && Object.keys(fields).some((k) => fields[k])) {
+            this.formController.setInitialValues(fields);
+        }
+        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    componentDidLoad() {
+        this.unsubscribeFromStore = checkout_store.onChange('billingFormFields', (newValue) => {
+            this.formController.setInitialValues(newValue);
+        });
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.unsubscribeFromStore) === null || _a === void 0 ? void 0 : _a.call(this);
+    }
+    async getValues() {
+        return this.formController.values.getValue();
+    }
+    async validate() {
+        const isValid = await this.formController.validate();
+        const errors = this.formController.errors.getValue();
+        return { isValid, errors };
+    }
+    render() {
+        if (!this.formController) {
+            return null;
+        }
+        const billingFormDefaultValue = this.formController.getInitialValues();
+        return (index.h("div", { part: parts.billingForm, class: "mt-4" }, index.h(header3.Header3, { text: "Billing address", class: "fs-6 fw-bold lh-lg mb-4" }), index.h("form", null, index.h("fieldset", null, this.legend && (index.h("legend", null, this.legend)), index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12" }, index.h("form-control-text", { name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("form-control-select", { name: 'address_state', label: 'State', options: Business.StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: 'address_postal_code', label: "Postal Code", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 7 })))))));
+    }
+};
+
+const CardBillingFormSimple = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.errors = {};
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
+    }
+    componentWillLoad() {
+        this.formController = new index_esm.FormController(postalOnlySchema());
+        const fields = checkout_store.checkoutStore.billingFormFields;
+        if (fields && Object.keys(fields).some((k) => fields[k])) {
+            this.formController.setInitialValues(fields);
+        }
+    }
+    componentDidLoad() {
+        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+        this.unsubscribeFromStore = checkout_store.onChange('billingFormFields', (newValue) => {
+            this.formController.setInitialValues(newValue);
+        });
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.unsubscribeFromStore) === null || _a === void 0 ? void 0 : _a.call(this);
+    }
+    async getValues() {
+        return this.formController.values.getValue();
+    }
+    async validate() {
+        const isValid = await this.formController.validate();
+        const errors = this.formController.errors.getValue();
+        return { isValid, errors };
+    }
+    render() {
+        const billingFormDefaultValue = this.formController.getInitialValues();
+        return (index.h("div", { key: '41a7f26e12bfa3da4e7926d8a535218a0580be14', part: parts.billingForm }, index.h("form", { key: 'b48cf148ec6d16fd8e5859dfe96a3b9fd6d3036d' }, index.h("fieldset", { key: '88094544642af8fadb270dfafd838d450ad88cdd' }, this.legend && (index.h("legend", { key: '13c19557aa4c0c127305cc54f6346eeb74d4f750' }, this.legend)), index.h("div", { key: 'bbcf1a622720df2d21db718eaf823e4e33155070', class: "row gy-3" }, index.h("div", { key: '96b9d590fd68fd4f2a54760e58c0f2bc166a832b', class: "col-12" }, index.h("form-control-text", { key: '57050d0274782cb2ff5f1a9b13726a8319438a36', name: 'address_postal_code', label: "Postal Code", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 7 })))))));
+    }
+};
+
+exports.bank_account_billing_form_simple = BankAccountBillingFormSimple;
+exports.billing_form = BillingForm;
+exports.billing_form_full = BillingFormFull;
+exports.card_billing_form_simple = CardBillingFormSimple;