@justifi/webcomponents 6.9.1-rc.1 → 6.10.1

package/dist/collection/components/business-forms/owner-form/owner-form-inputs.js

@@ -15,14 +15,14 @@ export class BusinessOwnerFormInputs {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '9124b049da3dd78db3bf6dcbb4318ac966787a8a', class: "row gy-3" }, h("div", { key: '7fbe6ee962749acb13065a9658d741429785dd7f', class: "col-12 col-md-8" }, h("form-control-text", { key: 'baa871b394e1bb96402d74ad9af58b13c9689b41', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '65a3bdc21e67cdf93c4bfbcf5cd2dbba972cee48', class: "col-12 col-md-4" }, h("form-control-text", { key: '2f010b3950aad4145b3981ca552b27fc30a6118f', name: "title", label: "Title", defaultValue: this.ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: 'e2bcfaaaedac412657bcacc8b811b36d45713e8c', class: "col-12 col-md-6" }, h("form-control-text", { key: '81f1dc7763412d55db033e1e0e33c141c2647488', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '5d0e7df81ccffab3441129d9bb2736768001c15c', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '102d35cc58b1ec17020de80204352e431a3e214d', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'db03161a044530e7ba502dbbee3408750a99a0ed', class: "col-12 col-md-3" }, h("form-control-date", { key: 'f4c32cca2ce8f2eb96a3b37add8f312b255d5ff7', name: "dob_full", label: "Birth Date", defaultValue: this.ownerDefaultValue.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: 'f4e244c47e1a82963836d0ebb33b3e4d04b2a318', class: "col-12 col-md-3" }, h("form-control-number", { key: 'ecfe8b92248ffe9181f95a0a835df60b7133a450', name: "ownership_percentage", label: "% of Ownership", defaultValue: (_a = this.ownerDefaultValue) === null || _a === void 0 ? void 0 : _a.ownership_percentage, errorText: this.errors.ownership_percentage, inputHandler: this.inputHandler })), h("div", { key: '1c0037f499556f8e6c77a8dcd889b37d81d76b5e', class: "col-12 col-md-6" }, (!((_b = this.ownerDefaultValue) === null || _b === void 0 ? void 0 : _b.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].idNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_c = this.ownerDefaultValue) === null || _c === void 0 ? void 0 : _c.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
+        return (h("div", { key: 'f41ae773bd80ec556fe7e1614aa590af09e90a05', class: "row gy-3" }, h("div", { key: 'ceeeefb13ae8eda332287e18b20b8eb1706f21fd', class: "col-12 col-md-8" }, h("form-control-text", { key: '43dc7b751bd879f3e07572df0e02a46ad1e3a2f7', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '648a5e78c5d98d69d5331cf70e322b69ad1d2533', class: "col-12 col-md-4" }, h("form-control-text", { key: '26ecf926fb49ab4caf192b6c7b9f3da8a13f13a1', name: "title", label: "Title", defaultValue: this.ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: '056a8fa4b4e226efaa64f7eb05dea86ef2d941b2', class: "col-12 col-md-6" }, h("form-control-text", { key: 'ea2dfc1520ad5cf58a7c3a0df591f9b8ed354da5', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'afd1ec4c08af88870d5e732c5b2117c123b7f51e', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '97a51652ea2dfd3372ae9f3300c18da6e901ab88', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '3da7a2c8e404873a3092f2d563d687d142b32b10', class: "col-12 col-md-3" }, h("form-control-date", { key: '3d5bf80638e42d85b34e286e6ffcfee87a9bd047', name: "dob_full", label: "Birth Date", defaultValue: this.ownerDefaultValue.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: '91b4e9ad10a8b7a5527c6593309cf4c6967efdc8', class: "col-12 col-md-3" }, h("form-control-number", { key: '5b98ffbc9d24dbe13c0303ddbaa3c94c7a166f95', name: "ownership_percentage", label: "% of Ownership", defaultValue: (_a = this.ownerDefaultValue) === null || _a === void 0 ? void 0 : _a.ownership_percentage, errorText: this.errors.ownership_percentage, inputHandler: this.inputHandler })), h("div", { key: 'fdf8ebe63498e9be394e251f3b44d6ef93dce5b8', class: "col-12 col-md-6" }, (!((_b = this.ownerDefaultValue) === null || _b === void 0 ? void 0 : _b.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].idNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_c = this.ownerDefaultValue) === null || _c === void 0 ? void 0 : _c.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
                 this.isEditingIdentification = true;
                 // Clear last4 and current value to force validation
                 updateFormValues(this.formController, {
                     ssn_last4: null,
                     identification_number: ''
                 });
-            } }, "Change"))))), h("div", { key: '618cb2355153ef9096378c9f9a97150497965144', class: "col-12" }, h("justifi-identity-address-form", { key: '977aa4475660a5feb05c9b6ca9dc05ed943919f7', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))));
+            } }, "Change"))))), h("div", { key: 'a6f1e2810777e1a7d01ce48ce45b88cec6937c3f', class: "col-12" }, h("justifi-identity-address-form", { key: '0e17fdedad9e82953681c254e5c30217bdf3b022', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))));
     }
     ;
     static get is() { return "owner-form-inputs"; }
@@ -67,15 +67,16 @@ export class BusinessOwnerFormInputs {
                 "attribute": "errors"
             },
             "formController": {
-                "type": "any",
+                "type": "unknown",
                 "mutable": false,
                 "complexType": {
                     "original": "FormController",
                     "resolved": "FormController",
                     "references": {
                         "FormController": {
-                            "location": "global",
-                            "id": "global::FormController"
+                            "location": "import",
+                            "path": "../../../components",
+                            "id": "src/components.d.ts::FormController"
                         }
                     }
                 },
@@ -86,9 +87,7 @@ export class BusinessOwnerFormInputs {
                     "text": ""
                 },
                 "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "form-controller"
+                "setter": false
             },
             "country": {
                 "type": "string",

package/dist/collection/components/business-forms/owner-form/owner-form.js

@@ -34,7 +34,7 @@ export class BusinessOwnerForm {
         });
     }
     render() {
-        return (h("owner-form-core", { key: '267a74a9f3f4a7a11b9087d8bbf198b169fba5a8', ownerId: this.ownerId, businessId: this.businessId, getOwner: this.getOwner, patchOwner: this.patchOwner, postOwner: this.postOwner, allowOptionalFields: this.allowOptionalFields, removeOwner: this.removeOwner, newFormOpen: this.newFormOpen, ownersLength: this.ownersLength, country: this.country, ref: ref => this.coreComponent = ref }));
+        return (h("owner-form-core", { key: '47c36dfc76ac8a108950e17770d1a0fb06fe4e42', ownerId: this.ownerId, businessId: this.businessId, getOwner: this.getOwner, patchOwner: this.patchOwner, postOwner: this.postOwner, allowOptionalFields: this.allowOptionalFields, removeOwner: this.removeOwner, newFormOpen: this.newFormOpen, ownersLength: this.ownersLength, country: this.country, ref: ref => this.coreComponent = ref }));
     }
     static get is() { return "justifi-owner-form"; }
     static get properties() {

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

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 import { EntityDocumentType } from "../../../../api";
 export class BankAccountDocumentFormInputs {
     render() {
-        return (h("div", { key: '24350c0318d8daab8d8678dfb38b95f69e89b6b6', class: "row gy-3" }, h("div", { key: '29b09e3d6073450049ec5baa527d368fb92d9b61', class: "col-12" }, h("form-control-file", { key: '76d19e87bd32fcbb161cb11a804182dbca85d2a8', 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: 'dab0b920670533a64638b3e0dd39d0535a71f0cd', class: "col-12" }, h("form-control-file", { key: 'b1ca73e08188c70fe3077ed06113199b1c0a247b', 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: '7f9ea576aad16f3c2ea45c987a38878ea65f2df2', class: "row gy-3" }, h("div", { key: '316fe3f20df7c7dce2b8903e6073e0fe7920e5e8', class: "col-12" }, h("form-control-file", { key: '320d6b7f3de2cfeeb30eb1e08ca4122123854ffd', 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: 'f33a936c61c14c701e40d375e4dfc4c554b8293c', class: "col-12" }, h("form-control-file", { key: '1e160d8211a71175d6a45b10590fb2c8774f61e1', 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-canada.js

@@ -4,7 +4,7 @@ import { numberOnlyHandler } from "../../../../ui-components/form/utils";
 export class BankAccountFormInputsCanada {
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (h("div", { key: 'f937e1773d1e9eaf7546921700e054a4e6de5849', class: "row gy-3" }, h("div", { key: '64aa79711415e58d80b038c901d3777ac5a9de76', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Bank Name", value: (_a = this.defaultValue) === null || _a === void 0 ? void 0 : _a.bank_name })) : (h("form-control-text", { name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler }))), h("div", { key: '4396fa17114ddbf314ccd82263a19301f6714d73', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Nickname", value: (_b = this.defaultValue) === null || _b === void 0 ? void 0 : _b.nickname })) : (h("form-control-text", { name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler }))), h("div", { key: 'b4364a626f81f7e729a06dd44372a6b3ea24364e', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Owner Name", value: (_c = this.defaultValue) === null || _c === void 0 ? void 0 : _c.account_owner_name })) : (h("form-control-text", { name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler }))), h("div", { key: '347f30f2f0596470d7b229d7aa56c9666604ef5e', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Type", value: (_d = this.defaultValue) === null || _d === void 0 ? void 0 : _d.account_type })) : (h("form-control-select", { name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler }))), h("div", { key: '1091f114b79f746df8bfc5495755f326313e963f', class: "col-3" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Transit Number", value: ((_e = this.defaultValue) === null || _e === void 0 ? void 0 : _e.transit_number) || '' })) : (h("form-control-text", { name: "transit_number", label: "Transit Number", defaultValue: this.defaultValue.transit_number, maxLength: 5, errorText: this.errors.transit_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "5 digits" }))), h("div", { key: '5c8c01b5febfb19ae117f3660f333728c9ad5d0f', class: "col-3" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Institution Number", value: ((_f = this.defaultValue) === null || _f === void 0 ? void 0 : _f.institution_number) || '' })) : (h("form-control-text", { name: "institution_number", label: "Institution Number", defaultValue: this.defaultValue.institution_number, maxLength: 3, errorText: this.errors.institution_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "3 digits" }))), h("div", { key: '3b6a633b94750afaa8be9bafd4ec8e98a91fe70a', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Number", value: ((_g = this.defaultValue) === null || _g === void 0 ? void 0 : _g.account_number_last4) ? `**** ${this.defaultValue.account_number_last4}` : '' })) : (h("form-control-text", { name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "Please copy the account number as shown on your statement. Do not include spaces or dashes." })))));
+        return (h("div", { key: '34cbf10449df73748095fd7122d0ae1355a83e13', class: "row gy-3" }, h("div", { key: '607cc5cbc70fdd2d5a325bef7002a44740394282', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Bank Name", value: (_a = this.defaultValue) === null || _a === void 0 ? void 0 : _a.bank_name })) : (h("form-control-text", { name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler }))), h("div", { key: 'f57f4cd733f2dd439d6d83f32078371618f5fa06', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Nickname", value: (_b = this.defaultValue) === null || _b === void 0 ? void 0 : _b.nickname })) : (h("form-control-text", { name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler }))), h("div", { key: 'b92dface0116321ea990bfcaf1b036b5629385db', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Owner Name", value: (_c = this.defaultValue) === null || _c === void 0 ? void 0 : _c.account_owner_name })) : (h("form-control-text", { name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler }))), h("div", { key: '45d68efa47de76ee420cedfb97e82f498a2de97b', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Type", value: (_d = this.defaultValue) === null || _d === void 0 ? void 0 : _d.account_type })) : (h("form-control-select", { name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler }))), h("div", { key: '8419925e8470d63d506e1f7e82ccdf1a1132ecc0', class: "col-3" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Transit Number", value: ((_e = this.defaultValue) === null || _e === void 0 ? void 0 : _e.transit_number) || '' })) : (h("form-control-text", { name: "transit_number", label: "Transit Number", defaultValue: this.defaultValue.transit_number, maxLength: 5, errorText: this.errors.transit_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "5 digits" }))), h("div", { key: 'aa6e83c409e0cf93f1903394f63c0b719ec8808e', class: "col-3" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Institution Number", value: ((_f = this.defaultValue) === null || _f === void 0 ? void 0 : _f.institution_number) || '' })) : (h("form-control-text", { name: "institution_number", label: "Institution Number", defaultValue: this.defaultValue.institution_number, maxLength: 3, errorText: this.errors.institution_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "3 digits" }))), h("div", { key: '029058c023daca9d0488f45478af6edafe359df7', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Number", value: ((_g = this.defaultValue) === null || _g === void 0 ? void 0 : _g.account_number_last4) ? `**** ${this.defaultValue.account_number_last4}` : '' })) : (h("form-control-text", { name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "Please copy the account number as shown on your statement. Do not include spaces or dashes." })))));
     }
     static get is() { return "bank-account-form-inputs-canada"; }
     static get properties() {

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

@@ -4,7 +4,7 @@ import { numberOnlyHandler } from "../../../../ui-components/form/utils";
 export class BankAccountFormInputs {
     render() {
         var _a, _b, _c, _d, _e, _f;
-        return (h("div", { key: 'd191f5edcc80edd95d0fd66b10a33bb1c39df75a', class: "row gy-3" }, h("div", { key: '9e636bd38d87d0b5107aa3a161d8e5015d4357ba', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Bank Name", value: (_a = this.defaultValue) === null || _a === void 0 ? void 0 : _a.bank_name })) : (h("form-control-text", { name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler }))), h("div", { key: '27ef07f09b667bcaaa2068c0548c1163438f7ee4', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Nickname", value: (_b = this.defaultValue) === null || _b === void 0 ? void 0 : _b.nickname })) : (h("form-control-text", { name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler }))), h("div", { key: '4a883cb8dd55309ba7b89d619f971a354b0985f9', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Owner Name", value: (_c = this.defaultValue) === null || _c === void 0 ? void 0 : _c.account_owner_name })) : (h("form-control-text", { name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler }))), h("div", { key: '6d960223c6f552c9b525c2f570a9f77f61206e6a', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Type", value: (_d = this.defaultValue) === null || _d === void 0 ? void 0 : _d.account_type })) : (h("form-control-select", { name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler }))), h("div", { key: 'c9c72ddccbe70f174796f93828144bb820b259cd', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Number", value: ((_e = this.defaultValue) === null || _e === void 0 ? void 0 : _e.account_number_last4) ? `**** ${this.defaultValue.account_number_last4}` : '' })) : (h("form-control-text", { name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "Please copy the account number as shown on your statement/check. Do not include spaces or dashes." }))), h("div", { key: '424f263e125a7ef473e1aedadb1eff546562be4c', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Routing Number", value: ((_f = this.defaultValue) === null || _f === void 0 ? void 0 : _f.routing_number) || '' })) : (h("form-control-text", { name: "routing_number", label: "Routing Number", defaultValue: this.defaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "A valid routing number is nine digits. Please include any leading or trailing zeroes." })))));
+        return (h("div", { key: '5dc7139f54d11979410d0d67ca29e65b02f30200', class: "row gy-3" }, h("div", { key: '118f15bf02855b24baec5ce2a2c3cf5b241b3da4', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Bank Name", value: (_a = this.defaultValue) === null || _a === void 0 ? void 0 : _a.bank_name })) : (h("form-control-text", { name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler }))), h("div", { key: 'db03eccee03ec4b7d0de637306315982a2cd770d', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Nickname", value: (_b = this.defaultValue) === null || _b === void 0 ? void 0 : _b.nickname })) : (h("form-control-text", { name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler }))), h("div", { key: '217120e0052b8ee41cac8f901ac4d9742b0c6ea9', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Owner Name", value: (_c = this.defaultValue) === null || _c === void 0 ? void 0 : _c.account_owner_name })) : (h("form-control-text", { name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler }))), h("div", { key: 'f589511545d6262966a6fa2888cb78babacfb770', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Type", value: (_d = this.defaultValue) === null || _d === void 0 ? void 0 : _d.account_type })) : (h("form-control-select", { name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler }))), h("div", { key: '24df83bb2666cee381c266608c43f3fd729db4cf', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Number", value: ((_e = this.defaultValue) === null || _e === void 0 ? void 0 : _e.account_number_last4) ? `**** ${this.defaultValue.account_number_last4}` : '' })) : (h("form-control-text", { name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "Please copy the account number as shown on your statement/check. Do not include spaces or dashes." }))), h("div", { key: '75fe11d71e57707d088f8a90a250621fce82647f', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Routing Number", value: ((_f = this.defaultValue) === null || _f === void 0 ? void 0 : _f.routing_number) || '' })) : (h("form-control-text", { name: "routing_number", label: "Routing Number", defaultValue: this.defaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "A valid routing number is nine digits. Please include any leading or trailing zeroes." })))));
     }
     static get is() { return "bank-account-form-inputs"; }
     static get properties() {

package/dist/collection/components/business-forms/payment-provisioning/bank-account/bank-account-read-only-value.js

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 import { text } from "../../../../styles/parts";
 export class BankAccountReadOnlyValue {
     render() {
-        return (h("div", { key: 'c8d001bcf70346b56d11a6e8a57d4f1b4b6df131' }, h("label", { key: '42763d750bf9023be1738da70501689dd642d05a', class: "form-label", part: text }, this.label), h("div", { key: '28168af46c525caa15207832ca32a16b88946b86', part: text }, this.value || '')));
+        return (h("div", { key: 'ad9eadcf49dbc67e51cd814d3ded334a587cc17c' }, h("label", { key: 'b8ba3d8b7ef9fc33e0e0870f71b7df5dbfae4759', class: "form-label", part: text }, this.label), h("div", { key: '1839bdadb96b3c814c73991530497f9a7be6a10d', part: text }, this.value || '')));
     }
     static get is() { return "bank-account-read-only-value"; }
     static get properties() {

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

@@ -51,8 +51,13 @@ export class BusinessCoreInfoFormStep {
                     // after successful patch, revert back to read-only for tax id
                     this.isEditingTaxId = false;
                 },
-                onError: ({ error, code, severity }) => {
+                onError: ({ error, code, severity, rawError }) => {
                     submittedData = error;
+                    // Set field-specific error if param exists
+                    if (rawError && typeof rawError === 'object' && rawError.param) {
+                        this.formController.setFieldError(rawError.param, rawError.message);
+                    }
+                    // Still emit component-level error
                     this.errorEvent.emit({
                         message: error,
                         errorCode: code,
@@ -66,6 +71,10 @@ export class BusinessCoreInfoFormStep {
             });
         };
         this.inputHandler = (name, value) => {
+            // Clear backend error when user edits field
+            if (this.errors[name]) {
+                this.formController.clearFieldError(name);
+            }
             this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
         };
     }

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

@@ -87,6 +87,8 @@ export class BusinessOwnersFormStep {
         this.handleRepresentativeIsOwnerChange = (value) => {
             this.representativeIsOwner = value;
             if (this.representativeIsOwner) {
+                this.formLoading.emit(true);
+                this.isLoading = true;
                 this.ownersPayload = this.ownersPayload.filter(owner => owner.id !== '');
                 this.patchBusiness({
                     payload: {
@@ -96,6 +98,10 @@ export class BusinessOwnersFormStep {
                         this.getData();
                         this.newFormOpen = false;
                     },
+                    finally: () => {
+                        this.isLoading = false;
+                        this.formLoading.emit(false);
+                    }
                 });
             }
         };

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

@@ -15,14 +15,14 @@ export class RepresentativeFormInputs {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        return (h("form", { key: '49cf871c395fd9cf6c46f0de67659bf5bf8496dc' }, h("fieldset", { key: '354f9360bb8965a3260966d7d520e9d4c9a02b51' }, h("div", { key: '032079d62b1fafe04f2a86f2447a8c1ae2e4c0a2', class: "d-flex align-items-center gap-2" }, h("legend", { key: '9043d6362eb35ab7831c56588148c382812d3a1b', class: "mb-0", part: heading2 }, "Representative"), h("form-control-tooltip", { key: 'c10dffef5cb210d2cebb4d5e75ddab923f64a53a', 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: '23fabdbe0645bdab53ee2bddeab162ed04668532', class: "mt-2" }), h("div", { key: '021322a6527599b1735d2479a8844fddfb4c060d', class: "row gy-3" }, h("div", { key: '4ac7e566aa68f6bd92f616c0da773091ae2726e4', class: "col-12 col-md-8" }, h("form-control-text", { key: '2343d83546a7e9b5838667fe373deba4be304070', 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: 'd2a982947c9c223025b90e28b6bcd5b666fcb210', class: "col-12 col-md-4" }, h("form-control-text", { key: 'f8e9ad40481d6590d20ed829768c9847685edf82', 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: 'd50a316f6be3028b3912b491687911a171e4c287', class: "col-12 col-md-6" }, h("form-control-text", { key: 'ea2dbfa784647b7d4ed3248f621b516e6e78c234', 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: '03d7a10fc0068b9707dfdd1efd8aaed984e62b7f', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '925a0a048a76b16643a85463ddf3a18269a121e3', 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: '5fe6a99ef58e869bb9b33e53021a5dc7333c05af', class: "col-12 col-md-4" }, h("form-control-date", { key: 'ebcda1a0f94cb6e223de7e142d9845caedf81e4b', 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: 'f0af7d3ff85b1dde397d8242fd2c0864e3321faa', class: "col-12 col-md-8" }, (!((_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].idNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_h = this.representativeDefaultValue) === null || _h === void 0 ? void 0 : _h.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
+        return (h("form", { key: 'a9c0f6332bf302d5eb9f93c4ca045d572a40468f' }, h("fieldset", { key: '115c564826335a9c7b670bbc0409912c3eb7a4aa' }, h("div", { key: '6de8909b4b2f3c7d8ec4665aad77ef59cdf035b4', class: "d-flex align-items-center gap-2" }, h("legend", { key: 'bb8b5a3775eae450a866356a9e149a0bf57b5699', class: "mb-0", part: heading2 }, "Representative"), h("form-control-tooltip", { key: 'a0296d4a3c35a039525f39501e117ee6fdd12257', 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: 'abbee22f5664275f27dd8eeb2b12c87b059ff024', class: "mt-2" }), h("div", { key: 'e165ff125df62dc1d22b7329fe7fe2ff200cbbb3', class: "row gy-3" }, h("div", { key: '114ff752eeda3ffa90529ff6bc675b874f543336', class: "col-12 col-md-8" }, h("form-control-text", { key: '8b6ce9f4a327ca5282aa32c226f671945aa10404', 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: 'bce864367883c6bbf7bd0841114a3dbb39db692b', class: "col-12 col-md-4" }, h("form-control-text", { key: 'ec3e72dc3f84c0daee2c6509f7dbf2bad22f5db6', 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: '200ae959d897d9d22016553d3c586cf3f0438dd9', class: "col-12 col-md-6" }, h("form-control-text", { key: '4f77d6ca6c3c85edabc11af6f5703ab1327f05e7', 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: 'cf642ee73f7ae8b254920a3f781c23dc456f16ae', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'df609213bec728f17b2527a2e99ff3e0e69604aa', 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: '2e4565c06976723ae4e497a5305cea7468bac2f4', class: "col-12 col-md-4" }, h("form-control-date", { key: 'ca7d4bf05c32d1d9983df430d338cc3433015957', 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: 'f6cbe1b7f4e5575f626e6d73f31b4a1a09ac33e3', class: "col-12 col-md-8" }, (!((_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].idNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_h = this.representativeDefaultValue) === null || _h === void 0 ? void 0 : _h.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
                 this.isEditingIdentification = true;
                 // Clear current value to force validation
                 updateFormValues(this.formController, {
                     identification_number: '',
                     ssn_last4: null
                 });
-            } }, "Change"))))), h("div", { key: 'e67216c4d580f2b41c2210ed4d3556a72b72f65d', class: "col-12" }, h("justifi-identity-address-form", { key: 'a01a4eacfba39b73667a51376bd41e175d5e2f58', errors: this.errors.address, defaultValues: (_j = this.representativeDefaultValue) === null || _j === void 0 ? void 0 : _j.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
+            } }, "Change"))))), h("div", { key: 'e3fa556dece2feaf5eb175ae3734c2319777ef48', class: "col-12" }, h("justifi-identity-address-form", { key: 'fe3d349371d11b8a246b9c31aebd7d9c84e03f8e', errors: this.errors.address, defaultValues: (_j = this.representativeDefaultValue) === null || _j === void 0 ? void 0 : _j.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
     }
     static get is() { return "justifi-business-representative-form-inputs"; }
     static get properties() {

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

@@ -10,7 +10,7 @@ export class FormAddressFields {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         const labels = countryLabels[this.country];
         const options = countryOptions[this.country];
-        return (h(Host, { key: 'a9a3358b29ba2af1760f11daacfd7ea8dd377e88' }, h("div", { key: '19b7c3cc159e1d0417500e9fa77a7ef1f99ab073', class: "row gy-3" }, h("div", { key: '39ec325f477d4e3f8ea50c6ce6d5a18a9943ed0d', class: "col-12" }, h("form-control-text", { key: 'c28c8efb5e5e3dcddca7f269eea012e1eb6c8bef', name: "line1", label: "Street Address", inputHandler: this.inputHandler, defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, helpText: "No PO Boxes." })), h("div", { key: 'abc3407527013d95b8953350a9687e901e2b7ee2', class: "col-12" }, h("form-control-text", { key: 'ad96552d35054d9786fc700ff8b145e41842bb60', name: "line2", label: "Address Line 2 (optional)", inputHandler: this.inputHandler, defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2 })), h("div", { key: '29bf8174fba4572106abbcf7a5a28bd16edd7557', class: "col-12" }, h("form-control-text", { key: 'f90a713b843efe3ebe172d03e78ffd63f14c67d0', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city })), h("div", { key: '50e1dd962a016f9df1c6be8b078a2ab1638984f6', class: "col-12" }, h("form-control-select", { key: '03c935a31111fcec94944fbdd09c618c5438547d', name: "state", label: labels.stateLabel, options: options.stateOptions, inputHandler: this.inputHandler, defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state })), h("div", { key: 'de139451dd810168535a563d92aad668afe5952f', class: "col-12" }, h("form-control-text", { key: '46e0cb97fd975c8610d4c2b9b3b9d8c9b51790ff', name: "postal_code", label: labels.postalLabel, inputHandler: this.inputHandler, defaultValue: (_j = this.defaultValues) === null || _j === void 0 ? void 0 : _j.postal_code, errorText: (_k = this.errors) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: this.country === CountryCode.USA ? 5 : 7, keyDownHandler: this.country === CountryCode.USA ? numberOnlyHandler : undefined })))));
+        return (h(Host, { key: '8dabbee93e0f319db333ada6c20af49ed6131b8d' }, h("div", { key: '4b308ca9fa92321e5f60f3e4d9ab1c4e60cbd703', class: "row gy-3" }, h("div", { key: '9c25eec2effd7caed70a3f02f6a780513fae930c', class: "col-12" }, h("form-control-text", { key: '6c2ae178c2122d1f6085906690adadf98cb0774b', name: "line1", label: "Street Address", inputHandler: this.inputHandler, defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, helpText: "No PO Boxes." })), h("div", { key: 'eba53a69fc4c869014ef8b7bf6ff9b1d8f5be566', class: "col-12" }, h("form-control-text", { key: '11c743ce2388173c41cb16f1865fe58b2015d6bb', name: "line2", label: "Address Line 2 (optional)", inputHandler: this.inputHandler, defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2 })), h("div", { key: '2025c9bb15286f5c3e4693b596372a7dff730ce8', class: "col-12" }, h("form-control-text", { key: '5e0e40fd028d12b88cb15a38906738320e30aeca', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city })), h("div", { key: '5ec53f357907749c9abdcf568c027b71faad19fa', class: "col-12" }, h("form-control-select", { key: 'b9eef22eb507ffbd58c26bffa41b5b225925297c', name: "state", label: labels.stateLabel, options: options.stateOptions, inputHandler: this.inputHandler, defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state })), h("div", { key: '7456cd4f6b62b59bc9289ca3721440083e9aa4f3', class: "col-12" }, h("form-control-text", { key: 'c483c93d0f09d5ded3c11145216273ba75822009', name: "postal_code", label: labels.postalLabel, inputHandler: this.inputHandler, defaultValue: (_j = this.defaultValues) === null || _j === void 0 ? void 0 : _j.postal_code, errorText: (_k = this.errors) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: this.country === CountryCode.USA ? 5 : 7, keyDownHandler: this.country === CountryCode.USA ? numberOnlyHandler : undefined })))));
     }
     static get is() { return "justifi-form-address-fields"; }
     static get properties() {

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

@@ -60,10 +60,10 @@ export class MonetaryInputProvisioning {
         return part;
     }
     render() {
-        return (h(Host, { key: '0abc95933f54c30ce9a1cd6e17dce9eabda5945e' }, h("div", { key: 'c756a4f5c8c2c165eb8b115f76346b6b14282481', class: "form-group d-flex flex-column" }, h("label", { key: '0ce25c74d911d906bfa273a2900f7fb9b39317df', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: 'bfe06a371b9454fad8a36aaf67eaec70e3c399de', class: "input-group" }, h("span", { key: '194e93897e92cb4ea0302ece2d55fc67ffae8e30', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '1d6a08e3f99e398b1ef2e89281f5d0d400d422d0', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '7a72954c74f3cb31f92d565835de4aceb874a1b5' }, h("div", { key: 'e05612ec4b1b195a24f5a2d2a00ca5b284b4c2f7', class: "form-group d-flex flex-column" }, h("label", { key: 'ffabdebea58878f550cad78430783bcb8372f2c1', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '3593ef8b4adda873a7d6b1789253bc6e1748dcfc', class: "input-group" }, h("span", { key: 'b42f4a51f38451ee36fff437b3a60bd1292d6307', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: 'd49072c9c3653540fc8edca8a8dd86ad34bef902', 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.inputPart, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: '6806b1d39a8bada93238764d6fd42ec6689ff9d9', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '468326ea1e0b89085dcff1843145335c35f1f160', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.inputPart, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: 'd714b88d923f5f38f1b66620c5513ce7c82a7ef0', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '47b9d96f588785bb2597b16a685c18889e1945c1', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-monetary-provisioning"; }
     static get properties() {

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

@@ -44,6 +44,7 @@ export const makePatchBusiness = ({ authToken, businessId, service }) => async (
                 error: responseError,
                 code,
                 severity: ComponentErrorSeverity.ERROR,
+                rawError: response.error,
             });
         }
     }
@@ -53,6 +54,7 @@ export const makePatchBusiness = ({ authToken, businessId, service }) => async (
             error: error.message || error,
             code,
             severity: ComponentErrorSeverity.ERROR,
+            rawError: error,
         });
     }
     finally {

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

@@ -0,0 +1,6 @@
+import { h } from "@stencil/core";
+import { Header1 } from "../../../ui-components";
+import { text } from "../../../styles/parts";
+export const PaymentProvisioningAlreadyProvisioned = () => {
+    return (h("div", { class: "row gap-3 p-5" }, h("div", { class: "col-12" }, h(Header1, { text: "Business Already Provisioned" })), h("div", { class: "col-12", part: text }, h("p", null, "We have already received the onboarding information for this business."))));
+};

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

@@ -7,11 +7,14 @@ import { BusinessFormClickActions } from "../utils/event-types";
 import { CountryCode } from "../../../utils/country-codes";
 import { Business } from "../../../api/Business";
 import { PaymentProvisioningLoading } from "./payment-provisioning-loading";
+import { PaymentProvisioningAlreadyProvisioned } from "./payment-provisioning-already-provisioned";
+import { PaymentProvisioningSubmissionComplete } from "./payment-provisioning-submission-complete";
 export class PaymentProvisioningCore {
     constructor() {
         this.loading = false;
         this.businessLoading = true;
         this.businessProvisioned = false;
+        this.formSubmitted = false;
         this.currentStep = 0;
         this.country = CountryCode.USA;
         this.allowOptionalFields = false;
@@ -47,6 +50,7 @@ export class PaymentProvisioningCore {
         this.postProvisioningData = () => {
             this.postProvisioning({
                 onSuccess: (response) => {
+                    this.formSubmitted = true;
                     this.submitEvent.emit({ response: response });
                 },
                 onError: ({ error, code, severity }) => {
@@ -113,9 +117,19 @@ export class PaymentProvisioningCore {
         this.loading = event.detail;
     }
     render() {
+        // State 1: Loading
         if (this.businessLoading) {
             return (h(StyledHost, null, h(PaymentProvisioningLoading, null)));
         }
+        // State 2: Already Provisioned
+        if (this.businessProvisioned) {
+            return (h(StyledHost, null, h(PaymentProvisioningAlreadyProvisioned, null)));
+        }
+        // State 3: Submission Complete
+        if (this.formSubmitted) {
+            return (h(StyledHost, null, h(PaymentProvisioningSubmissionComplete, null)));
+        }
+        // State 4: Form Steps (default)
         return (h(StyledHost, null, h("div", { class: 'row gap-3' }, h(Header1, { text: this.formTitle }), h("justifi-payment-provisioning-form-steps", { businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, country: this.country, handleFormLoading: this.handleFormLoading }), h("div", { class: 'd-flex justify-content-between align-items-center' }, h("div", { class: 'd-flex align-items-center', part: text }, this.stepCounter), h("justifi-payment-provisioning-form-buttons", { 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"; }
@@ -249,6 +263,7 @@ export class PaymentProvisioningCore {
             "loading": {},
             "businessLoading": {},
             "businessProvisioned": {},
+            "formSubmitted": {},
             "currentStep": {},
             "errorMessage": {},
             "country": {}

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

@@ -12,7 +12,7 @@ export class PaymentProvisioningFormButtons {
         return this.currentStep === this.totalSteps;
     }
     render() {
-        return (h("div", { key: 'e45ba69064273bd62217ea673ba1b4db79f55853', class: 'd-flex gap-2' }, h(Button, { key: '126bae5449e06cef4db62104aaed5f6ee7d12611', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: '6a3c6bbd9e68c0d54892207fe3315c15eb0988c1', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: '4ab73d022a10ca39298d665167a339445d7f17c1', 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: '53ba6c809e1968712b333f4bcf2798dbca186ddb', class: 'd-flex gap-2' }, h(Button, { key: 'b45c60083ccf6589cae0c63ce6b66c18da340dc7', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: '27372798da0276de44d1563a4688486e7cc91d64', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: '8bc14ca8fe951caf276f8ed03e502486e11acbe2', 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

@@ -18,7 +18,7 @@ export class PaymentProvisioningFormSteps {
         return this.componentStepMapping[this.currentStep]();
     }
     render() {
-        return (h("div", { key: '2f5f65bfb47c3d51c3a1d5f871836584d4e8af22', class: 'col-12 mb-4' }, this.currentStepComponent));
+        return (h("div", { key: 'ff7c9e688009383fdbe18c9824fa578d2338900c', 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-submission-complete.js

@@ -0,0 +1,6 @@
+import { h } from "@stencil/core";
+import { Header1 } from "../../../ui-components";
+import { text } from "../../../styles/parts";
+export const PaymentProvisioningSubmissionComplete = () => {
+    return (h("div", { class: "row gap-3 p5" }, h("div", { class: "col-12" }, h(Header1, { text: "You're all set for now" })), h("div", { class: "col-12", part: text }, h("p", null, "We're reviewing your information and working on your approval. We'll be in touch to let you know once you've been approved (or if we find anything that needs fixing). Have a good one!"))));
+};

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

@@ -54,7 +54,7 @@ export class PaymentProvisioning {
         });
     }
     render() {
-        return (h("justifi-payment-provisioning-core", { key: 'e23ca77eede55a3fed1d1c58ecc2dbc002f13763', 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: '8df2a722a6c7150950cbc0a2d923bb1a107170ee', 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

@@ -108,7 +108,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: '5e8000db364074c0c5192c5e33167808749a2cd9' }, h("fieldset", { key: '0bf3cfe407842e06b964a2ec1beadb3508b46ca5' }, h("legend", { key: 'b5de6ed137aab5745a55b4ee799a8382fad01848', part: heading2 }, "Terms and Conditions"), h("hr", { key: '5ce213809aa287c6e35ff9d36658f2f3281f865d' }), h("div", { key: 'b8a745f48b522fa6e33d6eb61faa6158979598b5' }, h("p", { key: '213304b29520914411718219f2eb1df5e0bd42c5' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: 'd679f1ac542f88a7e023ec9cfebc6fe3749ed8d4' }), h("div", { key: 'e54991bc07ab06f8c70237d1971e248333cd23a1', class: "row-gy-3" }, h("div", { key: 'ee5765861562fa11e3e8523e6f7f8289ffdb26be', class: "col-12" }, h("form-control-checkbox", { key: '3e63db31c2b49c4ed458bbd84580fed8e9070106', 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: '33336d0a66d63ce39951822fd570a9a0689e714d' }, h("fieldset", { key: 'fcfdb59eef671cb408ed99e2dad20d6be706688a' }, h("legend", { key: 'f0cf7f0ac15c90cf36ee25d4bf986c0e781a2e92', part: heading2 }, "Terms and Conditions"), h("hr", { key: 'd5c820e7d6523f931040a994bd103d69fd644c45' }), h("div", { key: '681b584de14afe121f5dc69ee0bad1cab51ba0d1' }, h("p", { key: '7c597bf891a108d303739126b806ded5220f56ab' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: '52854c5a07611180be40df21a5f60d7d9d4c4cb7' }), h("div", { key: '7448b3f6138b996edac137b961367725e3b40556', class: "row-gy-3" }, h("div", { key: 'c732deb4e1e3a2d04dd4e09914543a7f594af108', class: "col-12" }, 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 }))))));
     }
     static get is() { return "justifi-business-terms-conditions-form-step"; }
     static get properties() {

package/dist/collection/components/business-forms/schemas/business-core-info-schema.js

@@ -12,7 +12,7 @@ export const baseBusinessCoreInfoSchema = (allowOptionalFields) => {
         doing_business_as: doingBusinessAsValidation.nullable(),
         classification: businessClassificationValidation.required('Select business classification'),
         industry: industryValidation.required('Enter a business industry'),
-        date_of_incorporation: dateOfIncorporationValidation.required('Enter date of incorporation'),
+        date_of_incorporation: dateOfIncorporationValidation.required('Enter date of registration'),
     });
     const easySchema = object({
         legal_name: businessNameValidation.required('Enter legal name'),

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

@@ -33,10 +33,10 @@ export class BankAccountForm {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: 'bf1ad4147eb02d40474da5b279c2108cc92354ad' }, h(BankAccountFormSkeleton, { key: 'fd48d133da8c5374d1798ab7dbfd4cb1d24c764c', isReady: this.isReady }), h("div", { key: '1bc997342726f0cbfaaa7fff47a9fd31759cb4ff', class: "container-fluid p-0", style: {
+        return (h(Host, { key: 'a104b2e88e818472d0158990ccf2cac6d7315616' }, h(BankAccountFormSkeleton, { key: '1ed1ac87a66aedf6a7528247e0ff3a803c74e4c3', isReady: this.isReady }), h("div", { key: 'a96c05c60c51f97c8abb7dc6a8cfebc940ea1513', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '908092f68da2e5c3c000aa8518c22806bcfc50a0', class: "row mb-3" }, h("iframe-input", { key: 'b4839448ac9a27c19e8f496020131d513035cf7a', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: 'bf887d3f66821921bddac522b27121c7616c572b', class: "row" }, h("iframe-input", { key: '3a0493130819326eef1ed6670d35604d3d7a545f', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
+            } }, h("div", { key: '3d168fd241702b30f0c8727d3c0aae65c20b69aa', class: "row mb-3" }, h("iframe-input", { key: 'dc1da989b1577ed62b3eeafd33128aca38e4610d', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: '1179ae9d6b9f476bb01a1ee4f4edd7da6f22f635', class: "row" }, h("iframe-input", { key: '7e79b383876be1711a2e21ab7462f86281ebf28c', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
     }
     static get is() { return "bank-account-form"; }
     static get states() {

package/dist/collection/components/checkout/card-form/card-form.js

@@ -37,10 +37,10 @@ export class CardForm {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: '32257e6d72dafacce7af9794c293b0d67f36cbac' }, h(CardFormSkeleton, { key: '5a5b1be2a8a302ba591c0d01ad8a1052213ccdac', isReady: this.isReady }), h("div", { key: 'bd4cec838ec0676781ebd22dfb42aa5c539d5af8', class: "container-fluid p-0", style: {
+        return (h(Host, { key: 'fd58409622904cfdbe1df9e7aa893cec0b469472' }, h(CardFormSkeleton, { key: '7bd4dbc17afc1641eafa5cc6c12349901a05b862', isReady: this.isReady }), h("div", { key: '1eb88b3443cb12f592a247335d5a6de2597bf10d', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'c8b373dc5dd4de9dd3d4d50ea4f5727c5ba8823f', class: "mb-3" }, h("iframe-input", { key: 'de721dab484cb39249e4b6c8a583e505ee744264', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: 'ae34a6e85ecb7261334eb3d1f47f122538bd428d', class: "d-flex align-items-start" }, h("div", { key: 'fa5a21f30a695630e602fd5f1d8c89a80b4f6820', class: "flex-fill me-3" }, h("iframe-input", { key: '68eb3d697272e1a221c95f8e40b01b873e5d67cf', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: '06bde073c1c751d3e80ba5dae41527282dbe79fa', class: "flex-fill me-3" }, h("iframe-input", { key: 'cf0e11a7cfe6b57fcaa8b008a119c682b2d3df96', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: '9e0469c220121d12d84a860b942bd7d7915bf43c', class: "flex-fill" }, h("iframe-input", { key: 'bc75ed49dafbc6760b3c6d96c7103ce2c092f5fc', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
+            } }, h("div", { key: '4b50883a1094343e1f039c8bafed2ecfb42be0e8', class: "mb-3" }, h("iframe-input", { key: '83930c6af6b6a7eb82bf66565fa2e9d16b3bfa59', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: '33c8a34d012abc533d5b69baa3fddfcb3714be61', class: "d-flex align-items-start" }, h("div", { key: 'b37fedaab03b543789fb2909d0daa91d28d9b772', class: "flex-fill me-3" }, h("iframe-input", { key: 'd5fa7b25f4726e6896ee8fcf0a2ab882b1df5260', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: '38798bb90f5457d3e5c3659c716fe38a79a2f2a0', class: "flex-fill me-3" }, h("iframe-input", { key: '44d57ddbe4221e1d0000a9db7a19d8878211cb50', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: '233f99090baecc6097f2226d93a14d428571b03f', class: "flex-fill" }, h("iframe-input", { key: '0d353a3bc4c1ece3a5ff3aecc9aabf349d59bc90', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
     }
     static get is() { return "card-form"; }
     static get states() {

package/dist/collection/components/checkout/checkout.js

@@ -95,9 +95,9 @@ export class Checkout {
     }
     render() {
         var _a, _b;
-        return (h(StyledHost, { key: '4d53ca71421b23e4bb4710af1b85341b511a9c86' }, h("justifi-modular-checkout", { key: 'd317131f9036e40d2230c182e89c6c6b69860834', ref: (el) => {
+        return (h(StyledHost, { key: '6bbc4c4997d14ac9040b8f88075a7e9b53208d4c' }, h("justifi-modular-checkout", { key: '9b11e7df277e5e9f70cd8928f865a2e62cfc8293', ref: (el) => {
                 this.modularCheckoutRef = el;
-            }, authToken: this.authToken, checkoutId: this.checkoutId, preCompleteHook: this.preCompleteHook }, h("div", { key: '8d453fa8d67ffa178c9e8654d52f0af1ca39b6ab', class: "row gy-3 jfi-checkout-core" }, h("div", { key: 'df0aa5d8a95e9e6fa76e6157fc0dd05d0daf6bb8', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: '016775d098045b00e0619ba26f3fd164153ed57b', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '4d3ea81217d09713094a7a897dba6cedaf023327' }, h("justifi-checkout-summary", { key: '6dcea6eb45b9153acbb755141d7df8bfbf8073cf' }))), h("div", { key: 'e2240514560fb476c7da7d95edeaef9586cc9f8e', class: "col-12 mt-4" }, h("slot", { key: '682bf1a4e3275bf50e2d5758c6f59042903186d4', name: "insurance" })), h("div", { key: '51a3780eac3fe5e3f5539fc8cdab411cfc224438', class: "col-12 mt-4" }, h("justifi-header", { key: '555a000e6758b53347dca4dd06fc602001b64b71', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: 'b2f6e1b215bf508eeeb010de3a9779b149645882', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: '9386c93e5b7154df4258adb8f09f6154965101c8', class: "d-flex flex-column" }, h("section", { key: 'da5a8373ec36956dc2d8a31a9ec19350ac730c8e' }, h("div", { key: '51b5d1e6d4300b2e724c53b066e5a8540b982501' }, this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: 'e668ce06ae6a232dac2b2b50e8d4c1a653a94a81', class: "mb-3" }, h("justifi-apple-pay", { key: '4fddbaf604cfe8e872d44a8144c810eccc645347' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.GOOGLE_PAY) && (h("div", { key: '15394e9eb42415b6bfebb27bfb29fe90105ffacd', class: "mb-3" }, h("justifi-google-pay", { key: 'b352ac7dc6720ac38f42a8f3ea2cef65f4c092bd', ref: (el) => (this.googlePayRef = el) }))), h("justifi-saved-payment-methods", { key: '3a6d55f0935220a8e04e68c23b33f21b0ea4d19a' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: '4a49347663ae892f979f7be819d4623cc1d3f4a5', name: "paymentMethodType", value: PAYMENT_METHODS.SEZZLE, checked: ((_a = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.SEZZLE, label: h("justifi-sezzle-payment-method", { ref: (el) => (this.sezzlePaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.sezzlePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), this.availablePaymentMethods.includes(PAYMENT_METHODS.PLAID) && !this.disableBnpl && (h("justifi-radio-list-item", { key: '023a71bcc1b03978fcf3963b8d7bc6090c1547fd', name: "paymentMethodType", value: PAYMENT_METHODS.PLAID, checked: ((_b = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === PAYMENT_METHODS.PLAID, label: h("justifi-plaid-payment-method", { ref: (el) => (this.plaidPaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.plaidPaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), h("internal-tokenize-payment-method", { key: '52f211029850da4275a7a47fd10027fd68104f2a', ref: (el) => (this.tokenizePaymentMethodRef = el), authToken: this.authToken, accountId: checkoutStore.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: true, paymentMethodGroupId: checkoutStore.paymentMethodGroupId }))))), h("div", { key: '722e43a154f368d365920fb57e5b720610393ec3', class: "mt-4" }, h("justifi-button", { key: '6eabb27838feadee8449265585f421a0b24ad89f', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: this.isSubmitting, isLoading: this.isSubmitting, customStyle: { width: '100%', textAlign: "center" } }))))));
+            }, authToken: this.authToken, checkoutId: this.checkoutId, preCompleteHook: this.preCompleteHook }, h("div", { key: 'c64981c31fd2d022f886b0613bd47bd0b0fe5f2a', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '8f01af25b281a19f7fc83451a44f63836efadc20', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: 'd729ed0b26c94e74d8ce824fcf97bd3002e3a9d0', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '9cc9863b1dd2531bda52e609bba5c7c8f9883cb1' }, h("justifi-checkout-summary", { key: '00f36de593e245982bfe03c8867881fedfb7d43f' }))), h("div", { key: '3fe5390d7b8b2fbcdbfff4b71d4b7c43ddae9ff6', class: "col-12 mt-4" }, h("slot", { key: '84fa5a7e7772124d7fa61a9317499618850eb0bb', name: "insurance" })), h("div", { key: 'c8d1553c6041c0e000eab9dc953a23aa089a3f90', class: "col-12 mt-4" }, h("justifi-header", { key: 'a08fc163ba437f767ab88d78ac55ae003b09a567', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: 'bff5fc2986d37bbe49a5253d43db55663ee7be74', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: 'f5ca969400444639b09e423b154e47abf89c731f', class: "d-flex flex-column" }, h("section", { key: 'b70209321ebefd161ae3113293c62fe953913f2e' }, h("div", { key: '4df7539a9b8d6b52d47ad32974a59ab2d366b4b2' }, this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: '023deb9a1d025e36cc2b07c3ea8144e0068ea470', class: "mb-3" }, h("justifi-apple-pay", { key: '4e52440f329bae25194e71fa30190218f5c1cecb' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.GOOGLE_PAY) && (h("div", { key: '83e12debb25e0ef095ca40d87054411396238754', class: "mb-3" }, h("justifi-google-pay", { key: 'ed6312e39ff4a98c819cf1853f416c6fbf845323', ref: (el) => (this.googlePayRef = el) }))), h("justifi-saved-payment-methods", { key: 'e059fda26ec54c4f908754663fa23f26c3df8f0c' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: '3d836539d5850abfd956b39bede6efad5954bdad', name: "paymentMethodType", value: PAYMENT_METHODS.SEZZLE, checked: ((_a = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.SEZZLE, label: h("justifi-sezzle-payment-method", { ref: (el) => (this.sezzlePaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.sezzlePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), this.availablePaymentMethods.includes(PAYMENT_METHODS.PLAID) && !this.disableBnpl && (h("justifi-radio-list-item", { key: 'ac0ac64e9f7586764e3f5671c74794c80ffcff54', name: "paymentMethodType", value: PAYMENT_METHODS.PLAID, checked: ((_b = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === PAYMENT_METHODS.PLAID, label: h("justifi-plaid-payment-method", { ref: (el) => (this.plaidPaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.plaidPaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), h("internal-tokenize-payment-method", { key: '894e7a5bfef2eefa5d045928bb6fab3b1f39bd5e', ref: (el) => (this.tokenizePaymentMethodRef = el), authToken: this.authToken, accountId: checkoutStore.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: true, paymentMethodGroupId: checkoutStore.paymentMethodGroupId }))))), h("div", { key: '2121952545d38693f11426ef8146b39956d4f427', class: "mt-4" }, h("justifi-button", { key: '5e7cf3c699048943df68c0506a34617d0b14bf07', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: this.isSubmitting, isLoading: this.isSubmitting, customStyle: { width: '100%', textAlign: "center" } }))))));
     }
     static get is() { return "justifi-checkout"; }
     static get properties() {

package/dist/collection/components/checkout/save-new-payment-method.js

@@ -12,7 +12,7 @@ export class SaveNewPaymentMethod {
         };
     }
     render() {
-        return (h(StyledHost, { key: 'c8c33b73964c1a8c5741ffcc4308642ba608d1e5' }, h("form-control-checkbox", { key: '95dad32f18d0686686ab6273c7d96baf53304388', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
+        return (h(StyledHost, { key: '981f6a84fc14a7b687e1b6567b30fb9f861b0aa2' }, h("form-control-checkbox", { key: '566f6261d19f96b87b9382b26a86b71461a29d08', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
     }
     static get is() { return "justifi-save-new-payment-method"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/checkout/saved-payment-method.js

@@ -18,7 +18,7 @@ export class SavedPaymentMethod {
     ;
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: 'd659f1bc89ca259d0c25fea6caff7e0c25c504fb', class: "payment-method" }, h("div", { key: '1b867a0a1049d9af83607fa5bbf7096d92e9633a', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '6929cef340fc6c126a21cf34792b4ea5298e0216', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${CardBrandLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.brand] || ''} *${(_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.acct_last_four}` }))));
+        return (h(Host, { key: 'c69143079680d44157ee7df3b344de8a841ac51d', class: "payment-method" }, h("div", { key: '16bb3b07ed7fa23efde64b92302b5f7f51958fc4', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: 'aa4b30d36088b1c1c71710e05c3746c03254629b', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${CardBrandLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.brand] || ''} *${(_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.acct_last_four}` }))));
     }
     static get is() { return "justifi-saved-payment-method"; }
     static get properties() {

package/dist/collection/components/checkouts-list/checkouts-list-core.js

@@ -118,7 +118,7 @@ export class CheckoutsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '8bedea94cc72d6a84ff3705893da2c5678d8dac2' }, h(TableComponent, { key: '2586b1e603b8f440b6519b83569658159261883b' }, h(TableHead, { key: '0a90fd9c9a7a04ef99d34fce93f653ab07171613' }, h(TableHeadRow, { key: '50abfd71e298117cb45f99315e45a32c153bbe31' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '0c601858a90a41a5de85518da7ecaa6ecea84b39' }, h(TableLoadingState, { key: 'be6232867b11f03289e3d0e31378e072dbe472c0', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '89d2ff2c16817259ae14c64c0b61cf6ffb24d034', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '25a35d99413928f9b7a8c3e72d2f470aaa4ce17d', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'b62cc1ca080d4ea40f956e2652b082e3a4cbb190' }, h(TableFootRow, { key: 'c13f7835419b66dbd40561b9e71100b14628ef65' }, h(TableFootCell, { key: '9934c6d5f1b6996b0ec22bd8ec65ed16103a7a16', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '1d1604d827c0d4c464c3f897ec4a0bbbec85cc44', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '54239d9ac3afe4d4594d523f9b84b5bf852190b7' }, h(TableComponent, { key: '0c466e435625f08326fc521690c055648a0d3a6e' }, h(TableHead, { key: '6ac0b1a9bf3d42eb5bac5910f341c84a75d15eaa' }, h(TableHeadRow, { key: '171cc43a933be88dcfe2385414d6368755a66a00' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '238b814cfb2e27fa0ae0aee319da04fb7a9da477' }, h(TableLoadingState, { key: '3e73b173a14edea582ee06caa248dd31bf7e8971', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'cd2ec244aa3663f4255f245727790c30c28438f7', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'e2f458e70836a01cca79aa6e43c7d8a89bfa593d', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '97d1c34429fba943a752e9ece7348dd19d742c68' }, h(TableFootRow, { key: '252e8f76070a8a6a531c710cf36117a04625271a' }, h(TableFootCell, { key: 'a3fcfa5e6a90cac15348a387f65fa5b7ed2517f8', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: 'e4fa2774647748fd12c3742b3dd078aee8fdf483', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "checkouts-list-core"; }
     static get properties() {

package/dist/collection/components/checkouts-list/checkouts-list-filters.js

@@ -50,8 +50,8 @@ export class CheckoutsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'e9f21ca858cdd845947b502f5e96cff28f47ca60' }, h("table-filters-menu", { key: '81a2c6b19ac787643a7d929fb6a8b7eb95257bbe', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: '45f0e2f4e476a046041ca9a957eee8ea20c7735d', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '3a331690ba3b564b10fe2177f073034234e3d2cd', class: "p-2" }, h("form-control-text", { key: 'f0734168f12ba52c4bb469ad8280f533f93d7d65', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: checkoutIdCheckoutsListFilterParam })), h("div", { key: '8775836bcf9e1f58daa62ad3ebd025f7253e2e77', class: "p-2" }, h("form-control-select", { key: 'e427ce192bf57a4a4b6b9eb874e7a898db53c20e', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: 'ad0424387139c4540c9a7d3f86ef076895a6f6a5', class: "p-2" }, h("form-control-select", { key: 'd542e1bacfd6330f36c9a03ed50d9c11f76c2cfe', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam })), h("div", { key: '4ee44b0f1c7c19b1951df2653dbe7ab30009876a', class: "p-2" }, h("form-control-date", { key: '61f479f726ea0f2f4029d8eb8d90867b584987c0', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterCheckoutsListFilterParam })), h("div", { key: '2bae06e38b1fe5c0cddaa393fe71a8817e1c9caa', class: "p-2" }, h("form-control-date", { key: 'f9c429d9fa08bb52b2baede5c9aab550e5f6a381', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: '026d871e88f893ee2d565b13c72bdafaeedc1f9c' }, h("table-filters-menu", { key: 'a64b6212c54729cf08d0211720b815837187018b', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: '11897ce900abc322fa0107516d350f53a857aa1c', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '9f926a008dc275e53aa1d82c09410e4f65b4221e', class: "p-2" }, h("form-control-text", { key: '57020a2320f442a0ee0a6ffa443f88dea855b651', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: checkoutIdCheckoutsListFilterParam })), h("div", { key: '40c6e5e2e342573fcb6e1f34309e324ca2a9ee2c', class: "p-2" }, h("form-control-select", { key: '7c70d0d6bdc322fc9682b3c64393778642fe8ad4', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: '51eb0d4cf8d3f9643af1f5fb8ef2e0908ebb18d3', class: "p-2" }, h("form-control-select", { key: '47352ceaa0f989533c366d68228cc2752ef12fec', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam })), h("div", { key: 'cee7d5487e1b4f6dd6c25230c012d69b97326392', class: "p-2" }, h("form-control-date", { key: '0b6e3821eda78c9dca9797d965020636ab31c9b9', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterCheckoutsListFilterParam })), h("div", { key: 'd4b38febbc6763c828761bb5eab3594bd3c29f9d', class: "p-2" }, h("form-control-date", { key: '3729809c6ec729c2c2887d722e16e29a9f405b09', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: createdBeforeCheckoutsListFilterParam }))))));
     }
     static get is() { return "justifi-checkouts-list-filters"; }

package/dist/collection/components/checkouts-list/checkouts-list.js

@@ -62,7 +62,7 @@ export class CheckoutsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: 'ed3348e7fa7c29ca43a6e2eac514977d6e241fde' }, h("checkouts-list-core", { key: 'cf51355b3b29417168f89ae6d25d19c91f6274e1', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '08345e8bbe637cea344a232da2302bd0298a5ac9' }, h("checkouts-list-core", { key: '7aa34a0537810197cf6962d1a89e12e9ad9d8eea', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-checkouts-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modular-checkout/modular-checkout.js

@@ -590,8 +590,9 @@ export class ModularCheckout {
                             "id": "global::Promise"
                         },
                         "BillingFormFields": {
-                            "location": "global",
-                            "id": "global::BillingFormFields"
+                            "location": "import",
+                            "path": "../../components",
+                            "id": "src/components.d.ts::BillingFormFields"
                         }
                     },
                     "return": "Promise<void>"