@justifi/webcomponents 5.4.0 → 5.4.2

package/dist/collection/components/business-forms/payment-provisioning/additional-questions/business-additional-questions-form-step-core.js

@@ -96,7 +96,7 @@ export class AdditionalQuestionsFormStepCore {
         if (this.isLoading) {
             return h(PaymentProvisioningLoading, null);
         }
-        return (h("form", null, h("fieldset", null, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Additional Questions"), h("form-control-tooltip", { helpText: "This information helps us understand the business and identify and monitor trends to safeguard you and your customers." })), h("hr", { class: "mt-2" }), h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h("form-control-monetary", { name: "business_revenue", label: "What is your business\u2019 estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { class: "col-12 col-md-6" }, h("form-control-monetary", { name: "business_payment_volume", label: "What is your business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { class: "col-12" }, h("form-control-select", { 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: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.business_when_service_received, options: businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), h("div", { class: "col-12" }, h("form-control-select", { name: "business_recurring_payments", label: "Does your business offer recurring payments?", inputHandler: this.inputHandler, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.business_recurring_payments, options: recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), h("div", { class: 'col-12', hidden: !this.recurringPayments }, h("form-control-text", { name: "business_recurring_payments_percentage", label: "What percent of revenue is generated from each recurring payment type offered?", inputHandler: this.inputHandler, errorText: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage, helpText: "For example: 50% monthly, 50% annual." })), h("div", { class: "col-12" }, h("form-control-select", { name: "business_seasonal", label: "Is this business seasonal?", inputHandler: this.inputHandler, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.business_seasonal, options: seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), h("div", { class: "col-12" }, h("form-control-text", { name: "business_other_payment_details", label: "Is there anything else you would like us to know about how your customers pay the business? (optional)", inputHandler: this.inputHandler, errorText: (_g = this.errors) === null || _g === void 0 ? void 0 : _g.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
+        return (h("form", null, h("fieldset", null, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Additional Questions"), h("form-control-tooltip", { helpText: "This information helps us understand the business and identify and monitor trends to safeguard you and your customers." })), h("hr", { class: "mt-2" }), h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { name: "business_revenue", label: "What is your business\u2019 estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { name: "business_payment_volume", label: "What is your business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { class: "col-12" }, h("form-control-select", { 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: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.business_when_service_received, options: businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), h("div", { class: "col-12" }, h("form-control-select", { name: "business_recurring_payments", label: "Does your business offer recurring payments?", inputHandler: this.inputHandler, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.business_recurring_payments, options: recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), h("div", { class: 'col-12', hidden: !this.recurringPayments }, h("form-control-text", { name: "business_recurring_payments_percentage", label: "What percent of revenue is generated from each recurring payment type offered?", inputHandler: this.inputHandler, errorText: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage, helpText: "For example: 50% monthly, 50% annual." })), h("div", { class: "col-12" }, h("form-control-select", { name: "business_seasonal", label: "Is this business seasonal?", inputHandler: this.inputHandler, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.business_seasonal, options: seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), h("div", { class: "col-12" }, h("form-control-text", { name: "business_other_payment_details", label: "Is there anything else you would like us to know about how your customers pay the business? (optional)", inputHandler: this.inputHandler, errorText: (_g = this.errors) === null || _g === void 0 ? void 0 : _g.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
     }
     static get is() { return "justifi-additional-questions-form-step-core"; }
     static get properties() {

package/dist/collection/components/business-forms/payment-provisioning/additional-questions/business-additional-questions-form-step.js

@@ -41,7 +41,7 @@ export class AdditionalQuestionsFormStep {
         }
     }
     render() {
-        return (h("justifi-additional-questions-form-step-core", { key: 'ecc4bb3b51a4b6cb48e38230826784c5af623d88', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-additional-questions-form-step-core", { key: 'cdc14a51e5655ce4b4d7c24af613b9146c80ba37', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get is() { return "justifi-additional-questions-form-step"; }
     static get properties() {

package/dist/collection/components/business-forms/payment-provisioning/bank-account/bank-account-document-inputs.js

@@ -7,7 +7,7 @@ export class BankAccountDocumentFormInputs {
         this.storeFiles = undefined;
     }
     render() {
-        return (h("div", { key: '9e04de8ad0e4a1d83f6d8fd1e5a2a5e92c670b92', class: "row gy-3" }, h("div", { key: 'af8875e58677a94873d548c35e9d2859725058e5', class: "col-12" }, h("form-control-file", { key: '030c461b2c2a3da9acf5fcf761f537ea9f6cfcc9', name: "voided_check", label: "Voided Check", documentType: EntityDocumentType.voidedCheck, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["voided_check"], multiple: true })), h("div", { key: '0b6650097a7c6810d9ab9dc76484b49dfe0c7e11', class: "col-12" }, h("form-control-file", { key: 'cd030043373cc6759022b9c23c674830ceffaff3', name: "bank_statement", label: "Bank Statement", documentType: EntityDocumentType.bankStatement, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["bank_statement"], multiple: true }))));
+        return (h("div", { key: 'a3ff8b1ff23923beb847e66d6c56a39de9a86434', class: "row gy-3" }, h("div", { key: '86f9ba3a8f0f87f7fa67ba0fcf1d7c04f67e9bc5', class: "col-12" }, h("form-control-file", { key: '9cc2bc21414c8e3f4b25ac47b76340a4ce569c42', name: "voided_check", label: "Voided Check", documentType: EntityDocumentType.voidedCheck, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["voided_check"], multiple: true })), h("div", { key: 'bee72d6c63514cdbd3200910d3a53b045c60d05d', class: "col-12" }, h("form-control-file", { key: '80a79f352d078cd210768b4060cad7014b1060c5', name: "bank_statement", label: "Bank Statement", documentType: EntityDocumentType.bankStatement, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["bank_statement"], multiple: true }))));
     }
     static get is() { return "bank-account-document-form-inputs"; }
     static get properties() {

package/dist/collection/components/business-forms/payment-provisioning/bank-account/bank-account-form-inputs.js

@@ -9,7 +9,7 @@ export class BankAccountFormInputs {
         this.formDisabled = undefined;
     }
     render() {
-        return (h("div", { key: 'c4420b1e4396ac065b3674f52b124c0d25359435', class: "row gy-3" }, h("div", { key: '40e5f2d54a6f60558ec5aa50ff47e6adcf66276b', class: "col-12" }, h("form-control-text", { key: '9052ecb4597ecc96841d65929f1d8e5dbf662343', name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: 'c32bbaf4fe2155f49cb35ee4500016e7f97f24b3', class: "col-12" }, h("form-control-text", { key: '3527553824fb36ea616836bf8e9435fc33a2365a', name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: 'c203663fad98052567b34cbffe316606c963ff23', class: "col-12" }, h("form-control-text", { key: 'db95259c41fa10b6af2cbc4c9bd7340d609312ee', name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '3228e30c418210556e4e9f99f4f87f753876072d', class: "col-12" }, h("form-control-select", { key: '6dde33c0e9a2ac76051e01af836ea372f30d8fbb', name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '266005f1bba23068fc0be35416f5fd8cf3fc7c7c', class: "col-12" }, h("form-control-text", { key: '34caa85c53b457de98a524a2eb151899e5bcf21a', name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled, helpText: "Please copy the account number as shown on your statement/check. Do not include spaces or dashes." })), h("div", { key: '69d2e72cf588518e4fe310c2ad5cb37c72fab8c6', class: "col-12" }, h("form-control-text", { key: 'bc4353e36c9d982aa55f5e933975c4020c316ad0', name: "routing_number", label: "Routing Number", defaultValue: this.defaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled, helpText: "A valid routing number is nine digits. Please include any leading or trailing zeroes." }))));
+        return (h("div", { key: 'b18e803521d67b40e4e5af03a66dcdca0b678968', class: "row gy-3" }, h("div", { key: 'e2e6667ffbcebb6a9aa50739814e7bbebceaabfa', class: "col-12" }, h("form-control-text", { key: 'e1ad63fb7db32dbb6ed67cf18919c681d6d192ef', name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '54db821813e7eb931b8f19fad7fce976cdeb0045', class: "col-12" }, h("form-control-text", { key: '4ecf222c1918e364f319d07e0a770d68dba099d0', name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: 'a92c38f2abbcb3dcaee4bc5ea73df44b31adc3f9', class: "col-12" }, h("form-control-text", { key: '492ff1a4d1e9c4f2fa9d0e527a34dc5ccb09afe6', name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '8e14e6e3de43822d139085d3a05bfd0e7ae5b1be', class: "col-12" }, h("form-control-select", { key: 'f6648b6f7c4a475f88b849bf3a75d446bb539c69', name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '68a2efc082f5b6414ebde10b6da4365677dbefca', class: "col-12" }, h("form-control-text", { key: '3ef9b3db5882063708ccf1eb282f3e90ed53ce82', name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled, helpText: "Please copy the account number as shown on your statement/check. Do not include spaces or dashes." })), h("div", { key: 'e3270db28269bc25dd4d5a99274f042c1efd1fc6', class: "col-12" }, h("form-control-text", { key: 'a8e801f65a4cc164cdc7bf186fed67f87abc828f', name: "routing_number", label: "Routing Number", defaultValue: this.defaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled, helpText: "A valid routing number is nine digits. Please include any leading or trailing zeroes." }))));
     }
     static get is() { return "bank-account-form-inputs"; }
     static get properties() {

package/dist/collection/components/business-forms/payment-provisioning/bank-account/business-bank-account-form-step.js

@@ -46,7 +46,7 @@ export class BusinessBankAccountFormStep {
         }
     }
     render() {
-        return (h("justifi-business-bank-account-form-step-core", { key: 'e60dff98e072aeb0eb351cd746c9c05e0adf903c', businessId: this.businessId, getBusiness: this.getBusiness, postBankAccount: this.postBankAccount, postDocumentRecord: this.postDocumentRecord, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-business-bank-account-form-step-core", { key: '0cdd7da1ea31971df421b28f17673bd1a81bf661', businessId: this.businessId, getBusiness: this.getBusiness, postBankAccount: this.postBankAccount, postDocumentRecord: this.postDocumentRecord, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get is() { return "justifi-business-bank-account-form-step"; }
     static get properties() {

package/dist/collection/components/business-forms/payment-provisioning/business-core-info/business-core-info-form-step.js

@@ -41,7 +41,7 @@ export class BusinessCoreInfoFormStep {
         }
     }
     render() {
-        return (h("justifi-business-core-info-form-step-core", { key: 'c9f93be3e48527f5ae799cf736fc9ca86ece736c', businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-business-core-info-form-step-core", { key: '21d9ea1603f0e9bf6fe842d177f0f6da0113fb73', businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get is() { return "justifi-business-core-info-form-step"; }
     static get properties() {

package/dist/collection/components/business-forms/payment-provisioning/business-owners/business-owners-form-step.js

@@ -41,7 +41,7 @@ export class BusinessOwnersFormStep {
         }
     }
     render() {
-        return (h(Host, { key: 'd3010f8f811d93d7ee0983e92aa3c87a1fab0466' }, h("justifi-business-owners-form-step-core", { key: '7eed1a3ebda94badba81f22011efbb23cee7bf12', authToken: this.authToken, businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: (el) => this.coreComponent = el })));
+        return (h(Host, { key: '39dcd68b6ef40bb24dfec2da03d420de7ff17f1a' }, h("justifi-business-owners-form-step-core", { key: 'f9958c7cb798f256106f93a45bcc8405da5f3b49', authToken: this.authToken, businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: (el) => this.coreComponent = el })));
     }
     static get is() { return "justifi-business-owners-form-step"; }
     static get properties() {

package/dist/collection/components/business-forms/payment-provisioning/business-representative/business-representative-form-inputs.js

@@ -16,7 +16,7 @@ export class RepresentativeFormInputs {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (h("form", { key: '96a926aefa6b30a3a1332198ffb2fcbb6316580c' }, h("fieldset", { key: '59a27475ed22d31dfdccf32ecf05e364bfc8deba' }, h("div", { key: '6dfde8190505808fc5101cf0832ec89785e3a73f', class: "d-flex align-items-center gap-2" }, h("legend", { key: '6342e6f1fb59e8e1e18bfff0dca55e0661f889a2', class: "mb-0", part: heading2 }, "Representative"), h("form-control-tooltip", { key: 'bf2f9a2ce23edb0363c074297600ee330a0143fb', helpText: "The representative for your business needs to be someone who has significant control over managing your business\u2019s finance. You will have an opportunity to add owners later in the form." })), h("hr", { key: '5ab4405fdd5338b9f4f4e3b2672a3769ec7b97d9', class: "mt-2" }), h("div", { key: '2a3e3b458077f26b99c53be76970b735764ba12a', class: "row gy-3" }, h("div", { key: '03679420425d09f380589efbf7640b73c8ddaacb', class: "col-12 col-md-8" }, h("form-control-text", { key: '2ecbbc99442fa73dae73cd1cf398dbf425bf0e84', name: "name", label: "Full Name", defaultValue: (_a = this.representativeDefaultValue) === null || _a === void 0 ? void 0 : _a.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'ff989b9f132092c028b096420314b0b67e1e94d7', class: "col-12 col-md-4" }, h("form-control-text", { key: 'f0df98d4ca3ed07e1e884df782ddf125321c0ca1', name: "title", label: "Title", defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: 'a9f9b6b5039a70ac8539605622cdbc574c01734f', class: "col-12 col-md-6" }, h("form-control-text", { key: '6e2736b9d35f9f15d6d4368a89b096bddd1e1b99', name: "email", label: "Email Address", defaultValue: (_c = this.representativeDefaultValue) === null || _c === void 0 ? void 0 : _c.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '75e2f09476bfb82d695e41103337c2bfc64c85a3', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '8fdd1d70b62f92df2347df53494e194c22de9004', name: "phone", label: "Phone Number", defaultValue: (_d = this.representativeDefaultValue) === null || _d === void 0 ? void 0 : _d.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'b670407555423c18879172d12761020b7d5cecbe', class: "col-12 col-md-4" }, h("form-control-date", { key: 'a5bca4384bbc736576147d811878ec02e1c27e10', name: "dob_full", label: "Birth Date", defaultValue: (_e = this.representativeDefaultValue) === null || _e === void 0 ? void 0 : _e.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: '414c906c37268aa87ae1cfe870d2d23fc4d6602e', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: 'ab0c71faa0f0982666164b63ec0612d1a82c3b7a', name: "identification_number", label: "SSN", defaultValue: (_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK, helpText: "Enter your full Social Security Number. It is required for Federal OFAC check." })), h("div", { key: 'ea19a62d5ceddfdd297d042b0b49f711d164f06f', class: "col-12" }, h("justifi-identity-address-form", { key: '276a217bd4a538357971f3a2c5771ba45bef5b53', errors: this.errors.address, defaultValues: (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.address, handleFormUpdate: this.onAddressFormUpdate }))))));
+        return (h("form", { key: '02b2888267736b1441b16e569a7d1ff3ab3e7e17' }, h("fieldset", { key: 'd5d4afd7df869b87272407d4e401ad802708c870' }, h("div", { key: '4e2113e9d7d16c6d2b50625dba3dfa82f7b04832', class: "d-flex align-items-center gap-2" }, h("legend", { key: '17ffa94355f1d89223c554f4fb80e38735681725', class: "mb-0", part: heading2 }, "Representative"), h("form-control-tooltip", { key: '0df0655bc4e409ae53b93e40260486e4ff610410', helpText: "The representative for your business needs to be someone who has significant control over managing your business\u2019s finance. You will have an opportunity to add owners later in the form." })), h("hr", { key: 'bb67f7aafe877075d18ac9a7e8acaa94267035de', class: "mt-2" }), h("div", { key: 'aa5b5fb1913f64c54384d793beeb6dcd5728d10e', class: "row gy-3" }, h("div", { key: '6fe16958c76e589581bd099192fc6886f3e7eb6c', class: "col-12 col-md-8" }, h("form-control-text", { key: 'e0579c2e09c9be66b431174b6d79122349e4d859', name: "name", label: "Full Name", defaultValue: (_a = this.representativeDefaultValue) === null || _a === void 0 ? void 0 : _a.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '98cfa2ab8e5537452ab0dae54ad95f1ac2a541f4', class: "col-12 col-md-4" }, h("form-control-text", { key: '55962d3f118bc0ffbbe1fbf62d8d6e15c0f04dfb', name: "title", label: "Title", defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: 'c8bb3ea449d7adcd0d897ee64a1383ff7639305d', class: "col-12 col-md-6" }, h("form-control-text", { key: 'df99114c3d94073a3a95b7ea2f326d27db1d4fa9', name: "email", label: "Email Address", defaultValue: (_c = this.representativeDefaultValue) === null || _c === void 0 ? void 0 : _c.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '9fe7cce8fbaa975f2cb2f890ec60cc5696356014', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '236d3629a7d97feb7c7556b7e7ba83b0b45ca3db', name: "phone", label: "Phone Number", defaultValue: (_d = this.representativeDefaultValue) === null || _d === void 0 ? void 0 : _d.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'cf99a0654ed61f599d5d854149e68abb9e52798f', class: "col-12 col-md-4" }, h("form-control-date", { key: '8bc17351844b590e16f34daaee6da1e67d433d44', name: "dob_full", label: "Birth Date", defaultValue: (_e = this.representativeDefaultValue) === null || _e === void 0 ? void 0 : _e.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: '563dd2be61ca9238c915298fb5db51dfca6468e3', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: 'a99b04783e2a7a439091aa79394e614d82293ac8', name: "identification_number", label: "SSN", defaultValue: (_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK, helpText: "Enter your full Social Security Number. It is required for Federal OFAC check." })), h("div", { key: '4ae17d91e7428f54e07942a1429e554c6e7a37ac', class: "col-12" }, h("justifi-identity-address-form", { key: '8490e4d041ff22bcb481d553760ed6f34ca908aa', errors: this.errors.address, defaultValues: (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.address, handleFormUpdate: this.onAddressFormUpdate }))))));
     }
     static get is() { return "justifi-business-representative-form-inputs"; }
     static get properties() {

package/dist/collection/components/business-forms/payment-provisioning/business-representative/business-representative-form-step.js

@@ -41,7 +41,7 @@ export class BusinessRepresentativeFormStep {
         }
     }
     render() {
-        return (h("justifi-business-representative-form-step-core", { key: '1a7dc9bc4901d5a2bb3da7a06c63952ee45b7843', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-business-representative-form-step-core", { key: '53c23a79fc8c678d98ca016f38fe7e6fe6ad9fba', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get is() { return "justifi-business-representative-form-step"; }
     static get properties() {

package/dist/collection/components/business-forms/payment-provisioning/form-control-monetary-provisioning.js

@@ -0,0 +1,255 @@
+import { Host, h, } from "@stencil/core";
+import IMask from "imask";
+import { CURRENCY_MASK } from "../../../utils/form-input-masks";
+import { FormControlErrorText, FormControlHelpText } from "../../../ui-components";
+import { inputDisabled, inputFocused, inputGroup, inputInvalid, label, text } from "../../../styles/parts";
+export class MonetaryInputProvisioning {
+    constructor() {
+        this.imask = null;
+        this.initializeIMask = () => {
+            if (!this.textInput)
+                return;
+            this.imask = IMask(this.textInput, this.maskOptions);
+            this.imask.on('accept', () => {
+                const rawValue = this.imask.unmaskedValue;
+                this.inputHandler(this.name, rawValue);
+                this.formControlInput.emit({ name: this.name, value: rawValue });
+            });
+            this.textInput.addEventListener('blur', () => this.formControlBlur.emit());
+        };
+        this.handleFormControlInput = (event) => {
+            const target = event.target;
+            const name = target.getAttribute('name');
+            const rawValue = this.imask.unmaskedValue;
+            this.formControlInput.emit({ name: name, value: rawValue });
+        };
+        this.updateInput = (newValue) => {
+            if (this.imask) {
+                this.imask.value = String(newValue);
+            }
+        };
+        this.isFocused = false;
+        this.label = undefined;
+        this.name = undefined;
+        this.helpText = undefined;
+        this.errorText = undefined;
+        this.defaultValue = undefined;
+        this.inputHandler = undefined;
+        this.maskOptions = CURRENCY_MASK.DECIMAL;
+        this.disabled = undefined;
+    }
+    handleDefaultValueChange(newValue) {
+        this.updateInput(newValue);
+    }
+    componentDidLoad() {
+        this.initializeIMask();
+        this.updateInput(this.defaultValue);
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.imask) === null || _a === void 0 ? void 0 : _a.destroy();
+    }
+    get part() {
+        let part = inputGroup;
+        if (this.errorText) {
+            part = inputInvalid;
+        }
+        if (this.disabled) {
+            part = inputDisabled;
+        }
+        if (this.isFocused) {
+            part = inputFocused;
+        }
+        return part;
+    }
+    render() {
+        return (h(Host, { key: '5383790c4e52c664e0146692c3773ac077443f89' }, h("div", { key: '3e58f5e707e80c93bf0400f43bd847bf93a90a12', class: "form-group d-flex flex-column" }, h("label", { key: 'cce6c16518524b02f9ccf05beea2ab034b609308', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '85d65b44095f1cc3d68f8ec400d8352f0d1296fe', class: "input-group" }, h("span", { key: '73e1ad02a1989d8a55dbfc8a7def799d46c58e7c', class: "input-group-text", part: text }, "$"), h("input", { key: 'f61c88cf6603e912b6104074367caa86892e7ea0', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+                this.isFocused = false;
+                this.formControlBlur.emit();
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: 'fc7fc677a555016fcc9c6231a01f53ab03b0b00d', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '624bb1eb078dab076efc517d339c4d54271e5bc7', errorText: this.errorText, name: this.name }))));
+    }
+    static get is() { return "form-control-monetary-provisioning"; }
+    static get properties() {
+        return {
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "label",
+                "reflect": false
+            },
+            "name": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "name",
+                "reflect": false
+            },
+            "helpText": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "help-text",
+                "reflect": false
+            },
+            "errorText": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "error-text",
+                "reflect": false
+            },
+            "defaultValue": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "default-value",
+                "reflect": false
+            },
+            "inputHandler": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(name: string, value: string) => void",
+                    "resolved": "(name: string, value: string) => void",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "maskOptions": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "mask-options",
+                "reflect": false,
+                "defaultValue": "CURRENCY_MASK.DECIMAL"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "disabled",
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "isFocused": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "formControlInput",
+                "name": "formControlInput",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }, {
+                "method": "formControlBlur",
+                "name": "formControlBlur",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }];
+    }
+    static get watchers() {
+        return [{
+                "propName": "defaultValue",
+                "methodName": "handleDefaultValueChange"
+            }];
+    }
+}

package/dist/collection/components/business-forms/payment-provisioning/legal-address-form/legal-address-form-step.js

@@ -41,7 +41,7 @@ export class LegalAddressFormStep {
         }
     }
     render() {
-        return (h("justifi-legal-address-form-step-core", { key: '70241ec94d2519d675e3831dfb13840e0f9ea6ca', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-legal-address-form-step-core", { key: '65d876bee76f4deb4df115e636fafaef2c883f24', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get is() { return "justifi-legal-address-form-step"; }
     static get properties() {

package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning-core.js

@@ -93,7 +93,7 @@ export class PaymentProvisioningCore {
         this.loading = event.detail;
     }
     render() {
-        return (h(StyledHost, { key: '498b6e0a593808dd761b9cefdb7e94124d445348' }, h("div", { key: 'd746caba6329ac82e75978bd19fbc09c8a43d60f', class: 'row gap-3' }, h(Header1, { key: '439425337ed7767ce4fc8c94e31f6997aa1b62d8', text: this.formTitle }), h("justifi-payment-provisioning-form-steps", { key: 'fd95a40c0a72c94cbb146cbc866d6b057cbfc5c0', businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, handleFormLoading: this.handleFormLoading }), h("div", { key: '350fc615685f872cb6ba5537dc2de5d2a205e5cc', class: 'd-flex justify-content-between align-items-center' }, h("div", { key: '3f9a36bc1d58efdfe81b4d7022647b0c1fbc1911', class: 'd-flex align-items-center', part: text }, this.stepCounter), h("justifi-payment-provisioning-form-buttons", { key: 'e1c061aa840b3b8ac1bad472d763fcd54c902681', currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.loading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
+        return (h(StyledHost, { key: 'e195b19df4d1061ecf8b305005faf0ffce68221e' }, h("div", { key: '17d42ba0a22567dce6760e2047478eb1bc36a794', class: 'row gap-3' }, h(Header1, { key: '507788c4af5572cbb09037443ae51b505567d825', text: this.formTitle }), h("justifi-payment-provisioning-form-steps", { key: '4b7e73217ff8230756542c3b0c069e18b7f23356', businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, handleFormLoading: this.handleFormLoading }), h("div", { key: '2ae1e8386114181cbd6f7999ac047b7709daa4fb', class: 'd-flex justify-content-between align-items-center' }, h("div", { key: 'a126b618a3028c4c7a9c12145ab63e222a17e51f', class: 'd-flex align-items-center', part: text }, this.stepCounter), h("justifi-payment-provisioning-form-buttons", { key: 'a66e1ac554e0dffa78be59df6a74d8175ba0376c', currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.loading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
     }
     static get is() { return "justifi-payment-provisioning-core"; }
     static get properties() {

package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning-form-buttons.js

@@ -20,7 +20,7 @@ export class PaymentProvisioningFormButtons {
         return this.currentStep === this.totalSteps;
     }
     render() {
-        return (h("div", { key: 'f5b14768cd97673e77c1ee2d9d73221cdee885e6', class: 'd-flex gap-2' }, h(Button, { key: '4726571002718d036c292a41dc216955ba5ec687', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: '3852cfcd4704f5509f22a5c457526fe8475df096', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: 'd62830b61932581071a1a44d872760be0823215a', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
+        return (h("div", { key: '7c793a33752cd9b3dd1ebc6c30b7a98002ef8820', class: 'd-flex gap-2' }, h(Button, { key: '5127c233ef8c819fe17204baaff7370d78ec70e7', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: 'd889e96935718eb333eaac70023fd7b273118676', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: '5502d7d73084119862451389bf85705407187016', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
     }
     static get is() { return "justifi-payment-provisioning-form-buttons"; }
     static get properties() {

package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning-form-steps.js

@@ -21,7 +21,7 @@ export class PaymentProvisioningFormSteps {
         return this.componentStepMapping[this.currentStep]();
     }
     render() {
-        return (h("div", { key: 'a83b5ef4442783fe771eef6d6418c97aa0a9026d', class: 'col-12 mb-4' }, this.currentStepComponent));
+        return (h("div", { key: 'f25bbaeeac7ea49b2d99f746af0aec7b637d879a', class: 'col-12 mb-4' }, this.currentStepComponent));
     }
     static get is() { return "justifi-payment-provisioning-form-steps"; }
     static get properties() {

package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning.js

@@ -48,7 +48,7 @@ export class PaymentProvisioning {
         }
     }
     render() {
-        return (h("justifi-payment-provisioning-core", { key: 'ca4b13afe923312bd51d477eae50099876991599', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
+        return (h("justifi-payment-provisioning-core", { key: 'ab584a720ecfc7ec4e68082fefadeb11fd2884d2', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
     }
     static get is() { return "justifi-payment-provisioning"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/business-forms/payment-provisioning/terms-and-conditions/business-terms-conditions-form-step.js

@@ -114,7 +114,7 @@ export class BusinessTermsConditionsFormStep {
         return (h("a", { href: "https://justifi.tech/merchant-agreement/", target: "_blank", rel: "noopener noreferrer" }, "merchant agreement"));
     }
     render() {
-        return (h("form", { key: '37500e35233a820f521ee503fc638335a2f4866c' }, h("fieldset", { key: 'e2d1005578397a07b9e876c9a5996e515831c61b' }, h("legend", { key: '46918bc1bd20bb56d4e4882ae3ad9b29e3f6e319', part: heading2 }, "Terms and Conditions"), h("hr", { key: '904dc58480d9e879fcb462c861a3e398d4dd88b7' }), h("div", { key: 'aad73d0a9beddf3487a19bf2af65684309b411aa' }, h("p", { key: '10d9f2ff569e4426aaf1563a98838d89636029fd' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: 'dfb6de0078ebbbed103e7b901da879d5ee4195a4' }), h("div", { key: '4899d9b2a0c85e6d26bfd6e3d35ec1dd38f814e2', class: "row-gy-3" }, h("div", { key: '011ea552aa484fc1d6a159fb58a8fe7383887584', class: "col-12" }, h("form-control-checkbox", { key: '461b491715ed88e92795c7383af3e351e4d9d046', 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 (h("form", { key: '5d9a216a01873d989cb24057ad4c2411c1ba3654' }, h("fieldset", { key: '6de8bf419bf4bb246346edd04d6d3a195e50fe77' }, h("legend", { key: 'a2b33f3531d30ffd6df9d2b5c161ab3f1086c781', part: heading2 }, "Terms and Conditions"), h("hr", { key: '0346c558c6791e1e727579ab9fd5783c79c0c3fe' }), h("div", { key: '6de71742da5a7de4b4273b9e08cc314c8842c2cd' }, h("p", { key: 'cefd9dec798ce4bc1f5e56b33bf4a37fd4e79edf' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: 'bdac3db844cf98fe77e7599eb5176175f291b371' }), h("div", { key: '9a1ba461f721fa1c376a57964a1211abee7bd36e', class: "row-gy-3" }, h("div", { key: '208c201f35bf0179a5cc06efddbb7ba4a1c65e02', class: "col-12" }, h("form-control-checkbox", { key: '42e8a31b2694f39ca843dc8a865f0c0bad43547a', 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 }))))));
     }
     static get is() { return "justifi-business-terms-conditions-form-step"; }
     static get properties() {

package/dist/collection/components/checkout/bank-account-form/bank-account-form.js

@@ -27,10 +27,10 @@ export class BankAccountForm {
         });
     }
     render() {
-        return (h(Host, { key: '18ace2e10e76c27166f2432a84880be2e14e7d23' }, h(BankAccountFormSkeleton, { key: 'd2d3eb44c8854913866e2f1178418ab5cd43429e', isReady: this.isReady }), h("div", { key: '84987e3e4d8e5ed4f314f7e306f7e8e48f457bcb', class: "container-fluid p-0", style: {
+        return (h(Host, { key: '3d21d5269871beaffeffaef8b9c5104da59c1783' }, h(BankAccountFormSkeleton, { key: 'eb14285f2f0994085423901139f717c3b644273b', isReady: this.isReady }), h("div", { key: '906895204049f1113d596bade78de29bd5def6c2', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'b74ce1520cc0dd97d527ba0b8607ad891a645142', class: "row mb-3" }, h("iframe-input", { key: '6966eae250b2d702d0fb887a09fa1b14467fd823', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '02da6bb34dd86fd0e3dddd0d12bdcb7b85bfc70c', class: "row" }, h("iframe-input", { key: '3f8439860fae1d743e10f6b51f9d10cbe451bcae', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+            } }, h("div", { key: 'c56aa2cdec0c8be615dee4388346e890b2610b82', class: "row mb-3" }, h("iframe-input", { key: '5dd97225f360e267abf0c772b28ba890edf284db', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '20504c4b3c984c907765b99051a9e44ad6b5a37a', class: "row" }, h("iframe-input", { key: 'a85f47d87b01e099ac54969ce482abcc1fcb5366', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
     }
     static get is() { return "bank-account-form"; }
     static get properties() {

package/dist/collection/components/{billing-forms → checkout/billing-forms}/billing-form/billing-form.js

@@ -1,8 +1,8 @@
 import { h, Host } from "@stencil/core";
 import { BillingFormSchema } from "../billing-form-schema";
-import StateOptions from "../../../utils/state-options";
-import { FormController } from "../../../ui-components/form/form";
-import { numberOnlyHandler } from "../../../ui-components/form/utils";
+import { numberOnlyHandler } from "../../../../ui-components/form/utils";
+import { FormController } from "../../../../ui-components/form/form";
+import StateOptions from "../../../../utils/state-options";
 export class BillingForm {
     constructor() {
         this.inputHandler = (name, value) => {
@@ -34,7 +34,7 @@ export class BillingForm {
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: '2763b7ac25e51e9d206d6a0bc6ed28ec13f54cc3' }, h("form", { key: '758b52530cc945e9c3ce5a2ee11838a3776abc6b' }, h("fieldset", { key: '2ab7312e043d3cbc03993f11ac5692692319af4b' }, this.legend && h("legend", { key: '8e324a5bb2fabc975742e866341a3434e1950a3c' }, this.legend), h("div", { key: 'fafd0d9fa2784341dc80fea8c53d081d2c84af5d', class: "row gy-3" }, h("div", { key: '3aa18a756f3ea6ff9dcfa061cd845c714cab3540', class: "col-12" }, h("form-control-text", { key: '4b75c876eef667f3d353c802376774e7c1af1b84', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'dddc81024aef4757c18b31db84204fc9e70f9ab1', class: "col-12" }, h("form-control-text", { key: 'd9d63301e3d87885de9414164c820df2013cb6ae', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { key: 'f96675211a63fc785b9e759aef44f4dd4b22e0a3', class: "col-12" }, h("form-control-text", { key: 'f2c6a24150d640f9efbfa1748f577e32550b3507', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { key: '83cf74afae2c4e899151cc5461a06632fef3c756', class: "col-12" }, h("form-control-text", { key: 'cbbf7dfac17eb69b2c9e80534051822cd4f94afd', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { key: '9331b691855dc4f9a60b746089552228a5b12942', class: "col-12" }, h("form-control-select", { key: 'f0f726fe2633ab45754691726a0008c4e50f41ac', name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { key: '0d1d00ca86d09a370330cd9f3807783a8cd981a4', class: "col-12" }, h("form-control-text", { key: '0e43cfe70ca05a3d795d82f554453d12562b2ec9', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler })))))));
+        return (h(Host, { key: '4e04724997c5fda2b4a18b8567da9cd5b0e5e1df' }, h("form", { key: '3ad1b5cf693a428fccc6dcdb2da3456012a7e5bc' }, h("fieldset", { key: '25701e25d37ceff483328dc0fdc38ed03d982a1d' }, this.legend && h("legend", { key: 'c3f8bf4e1aa05446c9cce72f7abb3eb264eb1822' }, this.legend), h("div", { key: '5ceaf13100d39a8107a5695a0140426f5db0ea50', class: "row gy-3" }, h("div", { key: '3e0933b0d4398d1ee3b0b377c65cf2e2e663223b', class: "col-12" }, h("form-control-text", { key: '13b37a27bfa031e03827cb5396b96ee4cbbe419c', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '3e6616197e464a7532945fcd158fc36728a05485', class: "col-12" }, h("form-control-text", { key: '5d6ebbf9e49eedb378d812a1c24bdfbaaf5e5fab', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { key: 'b0a7141b5d60cee445f69200979f97e86e8f0e3d', class: "col-12" }, h("form-control-text", { key: '221f411f92bb92e753d5e2fc7e92e9ffe6d20da4', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { key: '189854bdd6dc09039751f81fd65fd3e685731a99', class: "col-12" }, h("form-control-text", { key: 'cc815e308a51d23b139ecaa80afad76b58e761d7', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { key: 'd876d68af601bec261b6ad0728f8218b605714ff', class: "col-12" }, h("form-control-select", { key: 'd2ab5a47330708030eb904a1463a8fe71553921e', name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { key: '152b2e798fbeddcd493479fa15dcb31fe87adc69', class: "col-12" }, h("form-control-text", { key: '050e2be5b9874d2e16eee050b2f9352c4c468657', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler })))))));
     }
     static get is() { return "billing-form"; }
     static get properties() {
@@ -79,7 +79,7 @@ export class BillingForm {
                         "BillingFormFields": {
                             "location": "import",
                             "path": "../billing-form-schema",
-                            "id": "src/components/billing-forms/billing-form-schema.ts::BillingFormFields"
+                            "id": "src/components/checkout/billing-forms/billing-form-schema.ts::BillingFormFields"
                         }
                     },
                     "return": "Promise<BillingFormFields>"
@@ -105,7 +105,7 @@ export class BillingForm {
                         "BillingFormFields": {
                             "location": "import",
                             "path": "../billing-form-schema",
-                            "id": "src/components/billing-forms/billing-form-schema.ts::BillingFormFields"
+                            "id": "src/components/checkout/billing-forms/billing-form-schema.ts::BillingFormFields"
                         }
                     },
                     "return": "Promise<void>"

package/dist/collection/components/{billing-forms → checkout/billing-forms}/billing-form-schema.js

@@ -1,5 +1,5 @@
 import { object } from "yup";
-import { cityValidation, identityNameValidation, lineOneValidation, lineTwoValidation, postalValidation, stateValidation } from "../business-forms/schemas/schema-validations";
+import { cityValidation, identityNameValidation, lineOneValidation, lineTwoValidation, postalValidation, stateValidation, } from "../../business-forms/schemas/schema-validations";
 export const BillingFormSchema = object({
     name: identityNameValidation.required('Enter full name'),
     address_line1: lineOneValidation.required('Enter street address'),
@@ -12,7 +12,11 @@ export const PostalFormSchema = object({
     address_postal_code: postalValidation.required('Enter postal code'),
 });
 export function isBillingFormFields(fields) {
-    return 'name' in fields && 'address_line1' in fields && 'address_city' in fields && 'address_state' in fields && 'address_postal_code' in fields;
+    return ('name' in fields &&
+        'address_line1' in fields &&
+        'address_city' in fields &&
+        'address_state' in fields &&
+        'address_postal_code' in fields);
 }
 export function isPostalFormFields(fields) {
     return (typeof fields === 'object' &&

package/dist/collection/components/{billing-forms → checkout/billing-forms}/billing-form-wrapper.js

@@ -1,6 +1,6 @@
 import { h, Host } from "@stencil/core";
-import { billingForm } from "../../styles/parts";
-import { Header3 } from "../../ui-components";
+import { billingForm } from "../../../styles/parts";
+import { Header3 } from "../../../ui-components";
 export class BillingFormWrapper {
     constructor() {
         this.legend = undefined;
@@ -43,7 +43,7 @@ export class BillingFormWrapper {
         }
     }
     render() {
-        return (h(Host, { key: '585ffd5fea9537675f0df77e1e4697a53dacf56f' }, h("div", { key: 'fb7cf4c2f763d64512b6f905aa29aded8060374c', part: billingForm }, this.renderedForm)));
+        return (h(Host, { key: 'be6dea58ab65001a820f6c0bb62f91f8b5698c76' }, h("div", { key: '7f69a59cdfb80ac8723b07243379ba61bb1f30c9', part: billingForm }, this.renderedForm)));
     }
     static get is() { return "justifi-billing-form-wrapper"; }
     static get properties() {
@@ -119,12 +119,12 @@ export class BillingFormWrapper {
                         "BillingFormFields": {
                             "location": "import",
                             "path": "./billing-form-schema",
-                            "id": "src/components/billing-forms/billing-form-schema.ts::BillingFormFields"
+                            "id": "src/components/checkout/billing-forms/billing-form-schema.ts::BillingFormFields"
                         },
                         "PostalFormFields": {
                             "location": "import",
                             "path": "./billing-form-schema",
-                            "id": "src/components/billing-forms/billing-form-schema.ts::PostalFormFields"
+                            "id": "src/components/checkout/billing-forms/billing-form-schema.ts::PostalFormFields"
                         }
                     },
                     "return": "Promise<void>"
@@ -146,12 +146,12 @@ export class BillingFormWrapper {
                         "BillingFormFields": {
                             "location": "import",
                             "path": "./billing-form-schema",
-                            "id": "src/components/billing-forms/billing-form-schema.ts::BillingFormFields"
+                            "id": "src/components/checkout/billing-forms/billing-form-schema.ts::BillingFormFields"
                         },
                         "PostalFormFields": {
                             "location": "import",
                             "path": "./billing-form-schema",
-                            "id": "src/components/billing-forms/billing-form-schema.ts::PostalFormFields"
+                            "id": "src/components/checkout/billing-forms/billing-form-schema.ts::PostalFormFields"
                         }
                     },
                     "return": "Promise<BillingFormFields | PostalFormFields>"