npm - @justifi/webcomponents - Versions diffs - 6.12.1-rc.5 → 6.12.2 - Mend

@justifi/webcomponents 6.12.1-rc.5 → 6.12.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (646) hide show

package/dist/collection/components/business-forms/business-form/business-representative/business-representative.js CHANGED Viewed

@@ -32,11 +32,11 @@ export class BusinessRepresentative {
     render() {
         var _a, _b;
         const representativeDefaultValue = this.formController.getInitialValues().representative;
-        return (h(Host, { key: 'cab8eb5ba333109849bb22f32318c06a48972237' }, h("fieldset", { key: '5a6578447e4c737e5726198b8bac1ba0dc2e45a3' }, h("legend", { key: 'ebad85dfdeed325c15a56885bbb5a529c4ebdb99', part: heading2 }, "Representative"), h("div", { key: 'dcebe5124256a171b938212ff9aa3764351c05ba', class: "row gy-3" }, h("div", { key: '9493cf073abde249b8e6d2f61a6a1d9ad3b7d3b8', class: "col-12 col-md-8" }, h("form-control-text", { key: 'fbf15c78b4c88b86de111a19b87512be42574d44', name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '94a4c79c5267de135403b9fd18b843d69d427cbb', class: "col-12 col-md-4" }, h("form-control-text", { key: '5793dd89937f0b898bfd867338ace5da72df5f26', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '7eff586ef81721269c57b2473f75421f086d42f7', class: "col-12 col-md-6" }, h("form-control-text", { key: '72738008970cb6905be7e69d66ae2e0967796187', name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '24eeedf96f6a378fa084f5ac48028e0ec3ed32d4', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '50dc535cba2d9f1fc9b1b360cd6d38492f699954', name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '5a87f6f73fee87ea9712483b5ca8328566e1fcd4', class: "col-12 col-md-4" }, h("form-control-date", { key: '2cd3ea10d7e69b78985af179d50b7f628457b2c7', name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: '591c964f0629fb4da0bad605f54f652d6fe67cd7', class: "col-12 col-md-8" }, (!((_a = this.representative) === null || _a === void 0 ? void 0 : _a.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: this.identificationNumberLabel, defaultValue: this.isEditingIdentification ? '' : representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, this.identificationNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.representative) === null || _b === void 0 ? void 0 : _b.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
+        return (h(Host, { key: 'c12be1414101467b72170c101cb3d7792f0fafe0' }, h("fieldset", { key: '821c9982121243de546bfe95094402379e704659' }, h("legend", { key: '48d43758a4d62dcd977eeb9703bae8ac153b9bf4', part: heading2 }, "Representative"), h("div", { key: '458edb00ebc0817623cd0fe70b8221c178cac168', class: "row gy-3" }, h("div", { key: '5d6b3fc92d7c6fb6bf729881bf26198ea796cbfa', class: "col-12 col-md-8" }, h("form-control-text", { key: '73eb60a383a45664050dd53bbc8b22b1e54ec22f', name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'fa4b8c69dc03d7ffeecf98badd5cda52edc370e5', class: "col-12 col-md-4" }, h("form-control-text", { key: '3cc743bd85400c30741b6c05c3c098badce49a58', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '83daa42529e73c5b946830dded92d0d48c95b251', class: "col-12 col-md-6" }, h("form-control-text", { key: '046a7537d6a2c5ab90d0069f91cc75f42a925e27', name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '9de7ac978409f7d5b6064cbeaa30771a6002fa5b', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '05bd882e8d76b6bc1dbc44fc4e1951d14d6d2649', name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'b511c08db58c2442746a497c7d784cd0605e9f17', class: "col-12 col-md-4" }, h("form-control-date", { key: '46be9d7a916f72c583b0d47a528e6e3d2443ac83', name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: 'ae69c549fdf91314f4be3fa2d922c73bc19253ed', class: "col-12 col-md-8" }, (!((_a = this.representative) === null || _a === void 0 ? void 0 : _a.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: this.identificationNumberLabel, defaultValue: this.isEditingIdentification ? '' : representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, this.identificationNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.representative) === null || _b === void 0 ? void 0 : _b.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
                 this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { representative: Object.assign(Object.assign({}, this.formController.values.getValue().representative), { ssn_last4: null, identification_number: '' }) }));
-            } }, "Change"))))), h("div", { key: '9fe5c36d102c5870f91c24c2e0efc22948190468', class: "col-12" }, h("identity-address-form", { key: '42a7949f31ae3d3d0f0b01db13ecb6271486e62f', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
+            } }, "Change"))))), h("div", { key: 'dc7a74fe3641cfb03e682a6170c04efbd15b41d0', class: "col-12" }, h("identity-address-form", { key: '3756996788014f46ecfda29a3e5f9212b749a5d8', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
     }
     static get is() { return "business-representative"; }
     static get properties() {

package/dist/collection/components/business-forms/business-form/legal-address-form/legal-address-form.js CHANGED Viewed

@@ -15,7 +15,7 @@ export class LegalAddressForm {
     render() {
         var _a;
         const legalAddressDefaultValue = this.formController.getInitialValues().legal_address;
-        return (h(Host, { key: '56c938599697c9e40658de6fd52699ccfd306232' }, h("fieldset", { key: '7e77d120698e29ce040cce256e37745f53fac795' }, h("legend", { key: 'e4a4e23744eb5679d0797bb83970067709a0010d', part: heading2 }, "Business Legal Address"), h("form-address-fields", { key: '0703605fd1e5143547865bc19d1b0cdbe34a41bc', country: this.country, errors: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
+        return (h(Host, { key: '856cd25caef521b651b9dd8a40dc6f9f0c727706' }, h("fieldset", { key: '150ad1f56747aae80ae8d2610fa08fcabee27c87' }, h("legend", { key: '565a46bd0977680e400663ef0590d65e977135be', part: heading2 }, "Business Legal Address"), h("form-address-fields", { key: 'c2ce05c006ec80c5319b30b40387e400ec52ab86', country: this.country, errors: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
     }
     static get is() { return "legal-address-form"; }
     static get properties() {

package/dist/collection/components/business-forms/owner-form/identity-address/identity-address-form.js CHANGED Viewed

@@ -11,7 +11,7 @@ export class IdentityAddressForm {
         this.handleFormUpdate(newValues);
     }
     render() {
-        return (h(Host, { key: '98aa8fad1d8e4fef6f015968dea21d6a3257ad9c' }, h("form-address-fields", { key: '24f34471d209fc94bb00ce9b47b6018ba57019a7', country: this.country, errors: this.errors, defaultValues: this.defaultValues, inputHandler: this.inputHandler })));
+        return (h(Host, { key: '71100bc3742c3efaa9c3a948bf3ac5c69281c559' }, h("form-address-fields", { key: 'e5e5399686aa272a9cbe45d6914ebeda6a1966f4', country: this.country, errors: this.errors, defaultValues: this.defaultValues, inputHandler: this.inputHandler })));
     }
     static get is() { return "identity-address-form"; }
     static get properties() {

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

@@ -145,7 +145,7 @@ export class OwnerFormCore {
         this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors)));
     }
     render() {
-        return (h("form", { key: '6705c84411498ae63ac74d8e1591244ad4aad1e2', onSubmit: this.validateAndSubmit }, h("fieldset", { key: 'd07a5ebef58a3324dd122da2b0cdebdee10ad2e5' }, h("legend", { key: 'dc334d9a75b88a887d393e2c6fd50fcea3b15d22', class: "fw-semibold fs-5", part: heading3 }, this.formTitle), h("br", { key: '54e3d33a5ce1399d0f35196d80ae3261016d2cd6' }), h("div", { key: 'a9f23ec75a53751db207e1bdb1e55afc53b28e4e', class: "row gy-3" }, h("owner-form-inputs", { key: '37b6df39ba21b4238790f4e8707514931c24c525', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController, country: this.country }), h("div", { key: 'f057d4176ddd6e07074bedffed5c46ee67c3d492', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: '3a5060f48638d82c5df9fbae449717dbee3315ae', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: '02608516d0ebc2df452c0f592b62cebd7033a88b', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: '842817aafad086dd27357e0050ccd8cacd2055ff' }))));
+        return (h("form", { key: '63cf9c7ab9031786f17ea4f3787deea081e305d3', onSubmit: this.validateAndSubmit }, h("fieldset", { key: 'cef59454c61515f702e846d43242f1576e604953' }, h("legend", { key: '355974c342272cd90c6596129a83866f8ad20e37', class: "fw-semibold fs-5", part: heading3 }, this.formTitle), h("br", { key: 'c78a4742ca2fa7bea462d4c7b1d3e73ccb8cccb9' }), h("div", { key: 'ec96fba914ce8eea8223efab633873c79741e29b', class: "row gy-3" }, h("owner-form-inputs", { key: '8b1b9118ac93457b38237387d478b3d084fad07d', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController, country: this.country }), h("div", { key: 'b599ded9cecb9999e3c8b3310f0c70fd07c64690', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: '54bcdf883415ada89b81b4826cfea23061d4fc60', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: 'eb990b891fe82108eae8c80da39e5ada7ef27f1e', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: '7000dfde686b1879776ab63dcb6a203c0eb519c1' }))));
     }
     static get is() { return "owner-form-core"; }
     static get properties() {

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

@@ -15,14 +15,14 @@ export class OwnerFormInputs {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '23441b62bcb42f0ca9d8e361242310564b8a3ed7', class: "row gy-3" }, h("div", { key: 'ae42abf0f8edda6bd715278857657029a2855336', class: "col-12 col-md-8" }, h("form-control-text", { key: 'b83f35442a6354461cf583dd23b48d047656ffd6', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '15ab3b55445533d65553e075e8471a95556702e9', class: "col-12 col-md-4" }, h("form-control-text", { key: 'eff52904d3c8eadbafe1e6ca0dc29894846e74ad', 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: '0f2d385f6aaede51cc519c9e2fac75f041d5ab42', class: "col-12 col-md-6" }, h("form-control-text", { key: '5b27e9343f3d3ca5706d2d294d7ab9fe5e15ab28', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '811751b44ff2290f95d9fb9874c5bd2c6ca89a42', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '07f32b1711d2977fa5e7abd2aad21d4c6b47bb1e', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'db8254d91e059fb610f607d5e905a970509497f7', class: "col-12 col-md-3" }, h("form-control-date", { key: '7f3001fa6e204f7307d758f595594838c792a301', 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: '90e1846c32df8b94dd0ea13950daf0bebaf81c13', class: "col-12 col-md-3" }, h("form-control-number", { key: '6c43d8dcb99b411b02f67f6100db5ce85b750eb9', 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: '4e28b49a6bf1eee3fa78422dd5f7d88917b87a75', 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: '212e1849ea4415835cb4f792cf5799b606ccd170', class: "row gy-3" }, h("div", { key: 'bc904468596d8a2b6cf82f9cca153d1db7fd9be3', class: "col-12 col-md-8" }, h("form-control-text", { key: '116f4a8124743a3bdd01489f7ac4964852d2f701', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'd1de51aa5d3760553012ddc586dc6068c456463f', class: "col-12 col-md-4" }, h("form-control-text", { key: '542bd69f56380823a8a2fcf0f95df56a4802e52a', 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: 'f8230d52a4a685e358bf118d4f77849e8e23f58e', class: "col-12 col-md-6" }, h("form-control-text", { key: '0d41fa107ba89a5a6a1dfe2b97d42a86feef3eb0', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'c403d5cf82cc89de42a31f3478e5cda3c2309dac', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'bc0e1c91619857bcac7776e686534763898bdd79', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '43c3b72350a475defd393625a0d88e5720ab121c', class: "col-12 col-md-3" }, h("form-control-date", { key: '4f1bd966e4a28fdcfc3539cb51b97e73bf7bf242', 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: '963e110d0f208730944fe7637ba0a3a9ada66a38', class: "col-12 col-md-3" }, h("form-control-number", { key: '182586a1b86d351cb5063c0ca0ee578959a93369', 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: 'bf966123cd887a09b81e9e599118ee03cadabfe2', 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: '61203d0283d7e335dd559629bab77640e73202a4', class: "col-12" }, h("identity-address-form", { key: 'd3f349ba237f771520369198da9e76126498a536', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))));
+            } }, "Change"))))), h("div", { key: 'da39a950fb0f4042d6047a88db4fb1cf7a7b9d07', class: "col-12" }, h("identity-address-form", { key: '7ef03a0303d6f62098b5c38d669648bd4557437f', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))));
     }
     ;
     static get is() { return "owner-form-inputs"; }

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

@@ -34,7 +34,7 @@ export class OwnerForm {
         });
     }
     render() {
-        return (h("owner-form-core", { key: '82a1976007db4371de3c8da1cff48f27a9c7795e', 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: '598c7413dbae853f432e64ac549025442083fbb9', 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 "owner-form"; }
     static get properties() {

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

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 import { EntityDocumentType } from "../../../../api";
 export class BankAccountDocumentFormInputs {
     render() {
-        return (h("div", { key: 'e578f34f963b144c3121b1c1b3822d70b960aa79', class: "row gy-3" }, h("div", { key: 'cfb038a81afcd9f8c35e3145ddb77d5edf4e6c83', class: "col-12" }, h("form-control-file", { key: '23ff12d7fe707a5761e13ee71dd801c563cfdd54', 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: '107353c687412a90890901f9a37743fa222bdba5', class: "col-12" }, h("form-control-file", { key: '99223848b8937bb332b47f12245a9ef9467c8f93', 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: 'd0dacb95d07d3e4ca9bc2c9f23b6c490871da4e9', class: "row gy-3" }, h("div", { key: '02ed406f38558badf9f591e076b120d09c71f83b', class: "col-12" }, h("form-control-file", { key: '11ff1dc68264b9e5aa561ffe19b423abc1a00c78', 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: '71d26407522a75a54489155566c18af1a64c1417', class: "col-12" }, h("form-control-file", { key: '7ea42e03a44c223a5fedc273e94e635e70d54f4b', 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 CHANGED Viewed

@@ -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: 'aea608cdca19fc3adac323404606aa7c56a18572', class: "row gy-3" }, h("div", { key: 'ef177cde388fb2c353a7e99088f59fa7add65a95', 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: '28371c86ce49071b8ba0326468124b5de5709548', 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: 'd6d822d223d29f266ceed47ced4b8938f39b9655', 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: '4c895bf0d84692d64fb79a597216913cd16e9fa9', 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: '4b37594d23e84228d347e1ee2747aa4712f4258c', 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: '7a1f042244ba0f3f20ad20c5b95771128c03174c', 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: '9af8cc4227238851ca63b75fb00210ce19210b48', 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: '8de8f05777f72ecb1112328544e75be7cd929e8d', class: "row gy-3" }, h("div", { key: '513fb78b434ba3aebe51b636f7494b54e437c65f', 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: '37a1ef4ac58fbe1633a93020e786d546cd832867', 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: 'fc8820e264d14ac3c5a1c6fd171b381c2b6d99e1', 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: 'f183b1c5f6a8b0f905c916cd1715448f3e02d26f', 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: '8366ebde2f319f6d910a34917f57ad43b3ee234f', 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: 'c91166337c2984048466014634f5d4e59ce2b40a', 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: 'ebce2f50ec265ed2fef7a0b3dae84d33036ad145', 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 CHANGED Viewed

@@ -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: '735c8fd61c0dbf8f9ff51d284af45170b5660224', class: "row gy-3" }, h("div", { key: '894209630dd0abb597a6c67a56f8100e4d746d49', 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: '35c0f042f315c6ab4b0f8fdcac0e41cc765c17d6', 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: '0633bcb39aacf43b924af203f8e359f984eb0714', 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: 'aa31611fbc5abf27411f9057826c7371bc5775d3', 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: '1c05be48c83e85a16991875c367f9d853c8ec6e7', 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: 'da84ea19a3eea3b40b3d32d0135e1fda9163427e', 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: 'd3445ce89732e19baea2e8f224c42011d5a03998', class: "row gy-3" }, h("div", { key: '966e1d8ba6043b4f9b57ae0061ae94c177c12b48', 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: '314a4f7e181b978b2ff1fdbfdfc8d9484089829a', 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: '45ac55707ce44b208adaf72e944ea3056810183a', 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: '74ce58b36eb3a425d900d7bb0858bda18b2e341c', 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: '2562105aaaae00d9c46eb61d931a43927d96a8ce', 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: '4c7e6cba0ee1e2567dc5b608559b13ebd3fddd07', 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 CHANGED Viewed

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 import { text } from "../../../../styles/parts";
 export class BankAccountReadOnlyValue {
     render() {
-        return (h("div", { key: '00324bedfc493145fa318532ce8efac12fad1823' }, h("label", { key: '0585ba26a000e3e761d7f7f212349392b692720b', class: "form-label", part: text }, this.label), h("div", { key: '448c97ef256388d8541a7b96d34d972ce41b824a', part: text }, this.value || '')));
+        return (h("div", { key: '5e9a8a093224b9fba7e1bfe06e2fe7f6bd8d7de4' }, h("label", { key: 'a2a061298482f337999184c670be06e8414e41e8', class: "form-label", part: text }, this.label), h("div", { key: 'aad70e49dd889c6276ec0745d7bff8ae2fc6f53a', 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-representative/business-representative-form-inputs.js CHANGED Viewed

@@ -15,14 +15,14 @@ export class BusinessRepresentativeFormInputs {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        return (h("form", { key: '042455d68a432e0e218d5b8750fb1d22b0d202fc' }, h("fieldset", { key: 'd8949e76f0a2185438382868e36ef6a79bbbb214' }, h("div", { key: '1471d4089c04b42408769ae5e964fe362c569205', class: "d-flex align-items-center gap-2" }, h("legend", { key: 'a59f689369a27f98dacab659f6f9c386475e9913', class: "mb-0", part: heading2 }, "Representative"), h("form-control-tooltip", { key: '404259ace28a8bd64c8f43a630d60992c35c996c', helpText: "The representative for your business needs to be someone who has significant control over managing your business's finance. You will have an opportunity to add owners later in the form." })), h("hr", { key: 'bee8121f5a19680292259fba7a692a318c0d1c1e', class: "mt-2" }), h("div", { key: 'f7976d2ec594ff07016dccb9fcc4909ba6cabc71', class: "row gy-3" }, h("div", { key: '9a518fab2dd269e15afe05d8ca40157f97ca57db', class: "col-12 col-md-8" }, h("form-control-text", { key: '1340ac078c18d464a88b5ca6de92d887cb0b3913', 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: 'c680cdcab436875dde00c5ea68ab0bad9c56851e', class: "col-12 col-md-4" }, h("form-control-text", { key: 'ff9f6656c1147478b93f564774baa296fbb64922', 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: 'e6dcbe8bbe574db2756e5421e5fbcda41c7789cc', class: "col-12 col-md-6" }, h("form-control-text", { key: '9f42434ec29b41da77eb1c87723d6483fa5c0ebf', 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: '1e423be80b728506ec23b69df39d58ebd2a17313', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'e5694e680d8a6b022978a358a524c2163a82549f', 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: '362dc639f0d046372a35201bfdc0ea24db87fb7c', class: "col-12 col-md-4" }, h("form-control-date", { key: '8d41cfc3ab11a373a42445542964d5a59f6c3f41', 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: 'ddafa094b5d67ef9ad8312f412a8032ce708d221', 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: 'ef49167cc726b3d4efa128503553a77a7627ebee' }, h("fieldset", { key: '3714ce7eab6e9cee062911564d1c2635b68dfc8b' }, h("div", { key: '4f27236b0438e29d7449bf5e9f71c00c7245effa', class: "d-flex align-items-center gap-2" }, h("legend", { key: 'adc144da314549264571b245c5388ab56c1dbbf1', class: "mb-0", part: heading2 }, "Representative"), h("form-control-tooltip", { key: 'bcc76add04febe984427103a594aa63cab17bd27', helpText: "The representative for your business needs to be someone who has significant control over managing your business's finance. You will have an opportunity to add owners later in the form." })), h("hr", { key: '98bfed19989ee57e451a7005f3e60af16cc5d3b5', class: "mt-2" }), h("div", { key: '8f5e0e3deed2627ecf9f77290f268c0e2ee68bfa', class: "row gy-3" }, h("div", { key: 'b1205284a54a608b9c3b6be386e134849c9c6b25', class: "col-12 col-md-8" }, h("form-control-text", { key: '36fcd91ca263adfd9fb69dc88f15404f93a8bc13', 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: '879337d3c6a120f5dc9de3cd3364b34b9c4689df', class: "col-12 col-md-4" }, h("form-control-text", { key: 'ff2e4d29e76b93693735b35cbaca4416f0cd28a0', 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: '2a011b74b4c203ae4a309d7d76ea8fd0631a5f2c', class: "col-12 col-md-6" }, h("form-control-text", { key: '1ef20c59829ed3abe81cc53355bbafd5d4894360', 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: '460dad175238fdfea8c79666343943a95aac0fd5', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '7bd3ad79f6da1d33e38c2246d9c0378c2ef8b7d7', 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: 'cda84bfc9f88a35177a42b7f9ec4c58292600c0b', class: "col-12 col-md-4" }, h("form-control-date", { key: '5ed66fabc97afc94a5839135add25dbcb5237900', 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: '0e19619fd081ea9dacd0eb25388a4c7b2c993312', 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: 'd4c54dbda49e4a141d82340f1162e1b27460d474', class: "col-12" }, h("identity-address-form", { key: '1d70077d2d36e5f447353cbdb78900dfec903d0c', 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: '6647390b209f5a630bf60e8952a7b0e70c92ca8a', class: "col-12" }, h("identity-address-form", { key: '9755d0450fc8d83ba0a98a304455df346ff33e7f', 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 "business-representative-form-inputs"; }
     static get properties() {

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

@@ -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: 'c7b688749c7e08a18fd2000e8d441dc01e9b2e8d' }, h("div", { key: '3e133db2244db25e8f9841a48ecb28f923eaab22', class: "row gy-3" }, h("div", { key: 'aa765dd77b4c9a32f1446d2034a9bc5e95bb9ca1', class: "col-12" }, h("form-control-text", { key: 'e02f2088d591c1979afcd37a1ba24559a9278ee5', 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: '9966e1ed471af132236d022be860fd1adb56b61a', class: "col-12" }, h("form-control-text", { key: 'b1a434bf3726ff08f5372d9d350fc5251129815a', 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: 'a5027c59a7fc4f1293578ea165d1dad53e55d361', class: "col-12" }, h("form-control-text", { key: 'e1567856de791bc32e0a85caeb5464b2f63f5f63', 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: 'b131845ebeaa5e7bbfd745d724932174fe785de7', class: "col-12 col-md-6" }, h("form-control-select", { key: 'c590815dfc61241b7c1fc9172dad75a7116b703c', 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: 'f896d6370e956ab8b1750b6164ec6cd5c1e8b9ee', class: "col-12 col-md-6" }, h("form-control-text", { key: '469fb8945ca6603a503f32971ef9d2afa3e8a30e', 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: '9b18ac26cce34bd3008146f106a260d9cb99de12' }, h("div", { key: 'c234c03bc4a3dbe74a0946af78aaed5992c3406c', class: "row gy-3" }, h("div", { key: '0ce04acdf48726866bd6beecc25d0008b754984f', class: "col-12" }, h("form-control-text", { key: '4d4b5098ebc39e52d0f17c677c4e92980793f46b', 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: '4133b38343c52135f2457bd7a9ad91b094422fb5', class: "col-12" }, h("form-control-text", { key: '7e60be69dad198d488030ece4296326bb6368f2c', 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: 'a34a4e57cbd168bbbe065329bcfb393473b0def1', class: "col-12" }, h("form-control-text", { key: '46e3005ef99ec988726ffcc37ec73756f002880d', 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: '2bf3389786351f2338cde13cbf87d28260444174', class: "col-12 col-md-6" }, h("form-control-select", { key: '18a2a403d20af45965877601fa8d44a5aea48894', 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: '1548ad58c0bd3b96067055601a006fc137ca31a3', class: "col-12 col-md-6" }, h("form-control-text", { key: '8e8193efa81f1f5d8c626f76d75d15aba60ac921', 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 "form-address-fields"; }
     static get properties() {

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

@@ -60,10 +60,10 @@ export class FormControlMonetaryProvisioning {
         return part;
     }
     render() {
-        return (h(Host, { key: '3bfa76f9374c9e9c08ae44dfc3a579fc07a9292d' }, h("div", { key: 'd7f92783fa26877f673963237b67be2f3dc7eb2b', class: "form-group d-flex flex-column" }, h("label", { key: 'd2adedb97996bac860c3161548652f83a65c6c26', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: 'be26aeee918412b59d296f18da7d81dfcbfd6a69', class: "input-group" }, h("span", { key: 'a4fca49f6a2d274e7609d86030553100d94bbd7a', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '551ea231e6af58ef27ed186905db553d90e1f1c8', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '8ecc68592c7e6ef4418301935dde43e4ea10404d' }, h("div", { key: 'ba267bd049287c297aa67b761214b9d60503e605', class: "form-group d-flex flex-column" }, h("label", { key: 'b020e228d70145d758bf58298914ed2b3384bbbc', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '08415f471180958426563cf0e47e016b292108c7', class: "input-group" }, h("span", { key: 'dc22d1181a2a23e77003ee67212e724e48c2201e', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '3cdedc0317df58360601186dd744bcb721a68ec7', 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: 'd66e64755451907a6a2593babc6c4e9766cf3025', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'ff373668801ac2c1eb30f515a2f7f6fb7c04387f', 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: '1315bdeefe7a551fbbb30680d289743a22a3792d', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '7212797f21917530b6bb093f146f1ebead4c232b', 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/justifi-payment-provisioning.js CHANGED Viewed

@@ -77,7 +77,9 @@ export class JustifiPaymentProvisioning {
             }
         };
         this.decrementSteps = () => {
-            return this.currentStep--;
+            if (this.currentStep > 0) {
+                this.currentStep -= 1;
+            }
         };
         this.previousStepButtonOnClick = () => {
             this.clickEvent.emit({ name: BusinessFormClickActions.previousStep });

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

@@ -12,7 +12,7 @@ export class PaymentProvisioningFormButtons {
         return this.currentStep === this.totalSteps;
     }
     render() {
-        return (h("div", { key: '5942f171591bca5e1259c16b9f1cea45169ce924', class: 'd-flex gap-2' }, h(Button, { key: '9dc3ff45b07ba71602f3af12a28d20364a80971c', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: '0db0e734bed464214c75230e3c32901d14f75945', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: 'b3817544c9ddd4d0f3ca8df47fb6598b8a95bb81', 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: '6fac4d1e92b732da3e7e867c091f23e9e3b7d6ab', class: 'd-flex gap-2' }, h(Button, { key: 'a96025bed24ade707d7f28561a12a9bcf62401e8', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: 'c4bd0d4a7f79942b307a4587e77c73158d4b704d', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: '5fa56e168646f4fa266fde124c78dc2564a6c311', 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 "payment-provisioning-form-buttons"; }
     static get properties() {

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

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

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

@@ -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: 'bd5117e6c5206dbbac772e6e9cbcb23f0dd3e8ad' }, h("fieldset", { key: 'ae9e0a6a5296a0fbad5ad1282a18ac3fd3d4445e' }, h("legend", { key: '86dd2cfd7c8c0114cee2c5cfe83c9dc8f9b113df', part: heading2 }, "Terms and Conditions"), h("hr", { key: 'c3747ca0ecaf68734a9335e14730471130d1a428' }), h("div", { key: 'c5e1858326c6805c9cb16b84f224f95bb764b241' }, h("p", { key: '352e14efc77677ce445e6437f27d68b864ec500b' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: 'b94cae3d132d7d211b0bbff5f0070717b034b256' }), h("div", { key: 'ab728d134034552b02f74228746785e209776172', class: "row-gy-3" }, h("div", { key: '645592f8eb929766c4c12f743a46c6ce03ae7459', class: "col-12" }, h("form-control-checkbox", { key: '9fe09f38e66c2b1d879f620ab860ea2eee284889', 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: '24b0a8ff0187894cf5e0f56e9e4b28c378e720cb' }, h("fieldset", { key: '26fa9159dd6d61edd28b9443a10eeb981f150308' }, h("legend", { key: '103bdecbc51f2cccd9105e2f9b271b60760618ec', part: heading2 }, "Terms and Conditions"), h("hr", { key: 'dfd29fbe609a57d8160df7980ed0e63e75934a86' }), h("div", { key: '61e06597ec652c1d7c6e7e2bd8c9b653d061d076' }, h("p", { key: 'cd4def71580cd14d6edb5887221ebf6aa80cc2ea' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: 'e3c64733f11a4f702e686e6c5ae7acd7e6bd1c34' }), h("div", { key: '71bd74de3aee69805a2aa1297356ff8b8db3c76c', class: "row-gy-3" }, h("div", { key: '94a28c13e3bbc1c89cd1b5ebde2e1732b48f99ea', class: "col-12" }, h("form-control-checkbox", { key: 'fee95fa42192fee1bbfd544307b4e1c11c0d97f4', 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 "business-terms-conditions-form-step"; }
     static get properties() {

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

@@ -36,10 +36,10 @@ export class BankAccountForm {
         return result;
     }
     render() {
-        return (h("div", { key: 'b19157c62bd6511b9f61ca8f94b7294b370bc8b9' }, h(BankAccountFormSkeleton, { key: '72ad4b72fbf0763a55be74045102b74fa4208e32', isReady: this.isReady }), h("hidden-input", { key: '73f5599e3cfd6c5cf85ef306711436c3749e0a9b' }), h("div", { key: '75c0c1496b02665348cc2b3ec1847772f4039dcd', class: "container-fluid p-0", style: {
+        return (h("div", { key: '85e116539bb4721484d9877706ff93de1a68ec59' }, h(BankAccountFormSkeleton, { key: 'b12a13d02b004e2957a55eb00fb38178dc283a92', isReady: this.isReady }), h("hidden-input", { key: '657ed7946158788e9291906ec0966eb3bd3c544c' }), h("div", { key: '321fddef9af616686d525af94dc4a65b5a4c18e6', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'eac4d39be4f282f510a486ec86522a21501b978f', class: "row mb-3" }, h("iframe-input", { key: '76a5fa31aa254a910af3349875c9112e1f0bde46', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: 'bd636c2c0fd993594b9f6b8ef275b9951100e822', class: "row" }, h("iframe-input", { key: '796289f5ece7fc117fd3779f9086b927ccb9e6d2', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
+            } }, h("div", { key: 'cee2dcc5bf8032ca95dc6b46e6a2bb47b371986b', class: "row mb-3" }, h("iframe-input", { key: '50dfad1fc1eb41a87f2964e80d39036da1fc89ce', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: 'bd47ac6ff7c687ce9eb7e6ea2a66628392f73cdc', class: "row" }, h("iframe-input", { key: 'bbe98adda61bc72925e77714139b604d2959e156', 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/billing-form/bank-account-billing-form-simple.js CHANGED Viewed

@@ -40,7 +40,7 @@ export class BankAccountBillingFormSimple {
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h("div", { key: '34e77db7e212eab37000212b208a6dc1afaa8054', part: billingForm, class: "mt-4" }, h("form", { key: '289b661851fc6d68a5d6dd376a6e31b691e25aea' }, h("fieldset", { key: '84efe1610a1bbc8b12a95711814280a4949e850c' }, this.legend && (h("legend", { key: '7076fc6b9ef264ac72d36833c7b760b5999e030e' }, this.legend)), h("div", { key: '66d78f8c243230d790d854ba16292f3d84ef5ca9', class: "row gy-3" }, h("div", { key: 'e58dfaa9b758dcfbe434a3d51ab6e51b54cc83c1', class: "col-12" }, h("form-control-text", { key: 'b872c9f5e3726312171bb16a95e3709bcd12f40a', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })))))));
+        return (h("div", { key: 'aad27826f1ad84e4f4f7ccb6199d7bd64dde61fc', part: billingForm, class: "mt-4" }, h("form", { key: '208146fcf8c96dc78d3ede31178df8fabada001f' }, h("fieldset", { key: 'ba7b72b8a49b7c0720a449f71fd8a675093e52c3' }, this.legend && (h("legend", { key: 'ed0d19198e69ae3fa043411f08b1c333cee11329' }, this.legend)), h("div", { key: '3941aaf9b5abac0b5fe8a72aaebeec448bacb49b', class: "row gy-3" }, h("div", { key: '6f9cb3621fdf2519e2167f4407ba0e3322c64c52', class: "col-12" }, h("form-control-text", { key: 'a7cf909f36506826f112f189cd9409d05a535da0', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })))))));
     }
     static get is() { return "bank-account-billing-form-simple"; }
     static get properties() {

package/dist/collection/components/checkout/billing-form/card-billing-form-simple.js CHANGED Viewed

@@ -40,7 +40,7 @@ export class CardBillingFormSimple {
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h("div", { key: 'e03627343cb26892acde58da706338ecabcb5211', part: billingForm }, h("form", { key: '39470e1397359b0b76f3e6395ee4ba45c73e6bac' }, h("fieldset", { key: '8a46884528b7f7712c553bdd304b5caa6157db49' }, this.legend && (h("legend", { key: '6be8bc62f144505fe101292afe181c964beb598d' }, this.legend)), h("div", { key: '1380c7c0e24b454f362c7521e3b613319276dc72', class: "row gy-3" }, h("div", { key: 'ba96decebeef20bea2b0e1b278df2a64a05307b1', class: "col-12" }, h("form-control-text", { key: 'd82ac4e66ba40512c9ab1b30e31cb9708f566fed', name: 'address_postal_code', label: "Postal Code", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 7 })))))));
+        return (h("div", { key: 'c067c5a1aab63baa994322346b7cc3d71fca5157', part: billingForm }, h("form", { key: '72a74580a254d4c940579e0c5fa781e00a6a80d6' }, h("fieldset", { key: '6beea66d6a8c863e228aafbd9e7ff78f5e19b033' }, this.legend && (h("legend", { key: 'ba5bb1b6b8d703898424113e5787a0ffb7f534af' }, this.legend)), h("div", { key: 'cc3bc3446e475822c45d2ae261cdfb755e6313db', class: "row gy-3" }, h("div", { key: '5dd21759753d2a5378d6dcc0b3b7ffb436c052db', class: "col-12" }, h("form-control-text", { key: '033d5598a3ba198712189597ed1d1efe0dc09802', name: 'address_postal_code', label: "Postal Code", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 7 })))))));
     }
     static get is() { return "card-billing-form-simple"; }
     static get properties() {

package/dist/collection/components/checkout/billing-form/justifi-billing-form.js CHANGED Viewed

@@ -10,7 +10,7 @@ export class JustifiBillingForm {
         return (_b = (_a = this.billingFormRef) === null || _a === void 0 ? void 0 : _a.validate()) !== null && _b !== void 0 ? _b : { isValid: false, errors: {} };
     }
     render() {
-        return (h(StyledHost, { key: '3dd5b300e9c156a7f848cb94600d40d554791a93' }, h("billing-form", { key: '92d70269b12e5c3fea236553343085f1a8a37c19', legend: this.legend, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: this.paymentMethodType, ref: (el) => (this.billingFormRef = el) })));
+        return (h(StyledHost, { key: '8b814bc4f24e7e890f3c67723fdb8fe0401f00c0' }, h("billing-form", { key: '535a0c3bd061c4d90bf1060a060bdadb1fe8796f', legend: this.legend, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: this.paymentMethodType, ref: (el) => (this.billingFormRef = el) })));
     }
     static get is() { return "justifi-billing-form"; }
     static get encapsulation() { return "shadow"; }

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

@@ -40,10 +40,10 @@ export class CardForm {
         return result;
     }
     render() {
-        return (h("div", { key: 'f354f98736c53e02b03382706303c3d35dea3d82' }, h(CardFormSkeleton, { key: 'cb3a80209b1b86204bd19923080e339d83bb6f2b', isReady: this.isReady }), h("hidden-input", { key: '12c994f1c11366379ccb37ec9614c810b2f71edc' }), h("div", { key: 'af0b517f3e4a039d818e39c611a235f733d0fb0b', class: "container-fluid p-0", style: {
+        return (h("div", { key: 'cef558344c088e6e0bccb49b99c8a47c76200467' }, h(CardFormSkeleton, { key: 'f35bad214bc4d7657b7ab8a097a76602df877bcf', isReady: this.isReady }), h("hidden-input", { key: 'd3791651ad279e2e0ad169012f4d066a44bbfa66' }), h("div", { key: '37318e633f9ab08bfbc95750466c054158e5e4ff', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'bebae6017a3d1c6b165ce1fb04c6d904e30b872a', class: "mb-3" }, h("iframe-input", { key: '09b07e25d86bcee2edf4863bf221a1c153df7f61', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: '16bff33c3b33f09275b40384340759faa740df5e', class: "row" }, h("div", { key: '3b3df16030097be0ed6c3a55ac36e3381934a6b9', class: "col-4 align-content-end" }, h("iframe-input", { key: '38cfcddc60ec35c7ef5353753205689ba81a6090', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: '4413e72303e0f7c2e674327c3fd61c026a0c3530', class: "col-4 align-content-end" }, h("iframe-input", { key: '3a5f52bc7b626aafbdbc818238f0fe1357fab307', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: '9c2e8c2aab3c618eded19c8793962302a77d2681', class: "col-4 align-content-end" }, h("iframe-input", { key: '1a6eadb96d537943ffdc6136fdef50240818e517', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
+            } }, h("div", { key: 'd5eccc9c8a496f3f264a1bd01bb065e823aa01b5', class: "mb-3" }, h("iframe-input", { key: '2ec07c9bf1ea18ed354cd036e2c7876f974a30ed', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: '2959894ab0721d9bffccb0c16ecfb71bd3488518', class: "row" }, h("div", { key: 'dea7afd2515c4faa4927fd6cb32678fc782b9b5a', class: "col-4 align-content-end" }, h("iframe-input", { key: '7d95eff6c6765ff996c1c497866ad01216b2cc4f', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: '00b02deefe877431409ef584662fc07e4a20cc3c', class: "col-4 align-content-end" }, h("iframe-input", { key: '4860f042f29eb1d3db0e5ad4cb7c9471b8536ce6', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: 'c69f9be6e581e683b757e89000ef1ba385c5f57b', class: "col-4 align-content-end" }, h("iframe-input", { key: 'e5fbb8e78af5c8c6ed74db18aeb226bfba5d083f', 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/justifi-checkout.js CHANGED Viewed

@@ -10,7 +10,6 @@ export class JustifiCheckout {
         this.availablePaymentMethods = [];
         this.errorMessage = '';
         this.insuranceToggled = false;
-        this.isSubmitting = false; // This is used to prevent multiple submissions and is different from loading state
         this.disableBankAccount = false;
         this.disableBnpl = false;
         this.disableCreditCard = false;
@@ -35,11 +34,10 @@ export class JustifiCheckout {
         (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     checkoutComplete(_event) {
-        this.isSubmitting = false;
+        checkoutStore.isSubmitting = false;
     }
     checkoutError(_event) {
-        console.error('[justifi-checkout] error-event received', _event === null || _event === void 0 ? void 0 : _event.detail);
-        this.isSubmitting = false;
+        checkoutStore.isSubmitting = false;
     }
     checkoutChanged(event) {
         // if disabled bnpl, remove sezzle from available payment methods
@@ -66,7 +64,6 @@ export class JustifiCheckout {
     }
     async submit(_event) {
         var _a;
-        this.isSubmitting = true;
         (_a = this.modularCheckoutRef) === null || _a === void 0 ? void 0 : _a.submitCheckout(checkoutStore.billingFormFields);
     }
     get showPaymentTypeHeader() {
@@ -74,9 +71,9 @@ export class JustifiCheckout {
     }
     render() {
         var _a, _b;
-        return (h(StyledHost, { key: '73b79b014b6531a63beeb8344ff60d2b7c471843' }, h("justifi-modular-checkout", { key: '073ad54ce7f410a0ab30f2cb4e8bbf4249eccd83', ref: (el) => {
+        return (h(StyledHost, { key: 'ffd2abaacc7edae588a9abe3a4ff96807b34fcff' }, h("justifi-modular-checkout", { key: '9196c278e24353aeb1ac02c85253d629f683522b', ref: (el) => {
                 this.modularCheckoutRef = el;
-            }, authToken: this.authToken, checkoutId: this.checkoutId, preCompleteHook: this.preCompleteHook }, h("div", { key: '220624a67095dd6c5e45e38165adc0d91387de8b', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '874c39887dd3e6f7a375b962274f5b24b4376d4c', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: '08a25616916d84d085af3c105e1c3a7a1805c4d3', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: 'd4163febcd194252dd6e3aae1aa03b9b9cc0d1c7' }, h("justifi-checkout-summary", { key: '22777a669b904b7dd3af1ff703639859ffc9f93a' }))), h("div", { key: '97b42c19e8efd21a41d6e87974fb4fafcfe70c77', class: "col-12 mt-4" }, h("slot", { key: '4b4458ccf0239b1d5e97847ed9eac168285c077f', name: "insurance" })), h("div", { key: '33b48b7b71539faf11b0f5c53a1f6e0b93069dbb', class: "col-12 mt-4" }, h("justifi-header", { key: '6a5af57eacc4874731d056b8f01074d7f8cb27a5', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: 'a7f5a0370e68069bab7e6bd1e5c09b175a77a44c', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: '9c4ae3ad92e1bee55295a070306f2fd22e309fc0', class: "d-flex flex-column" }, h("section", { key: '6e450dbf66ea4f096860fdcc8b3bf1d170814d64' }, h("div", { key: '5b82e3ce72a8344916f05bc2213db4f2ebd54172' }, this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: '9eaa37fe8d386d7d23e4b6c86b9206c96fdf8c69', class: "mb-3" }, h("justifi-apple-pay", { key: '9c9abe2bdc3803323f00e0a958a86b9496a29cb6' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.GOOGLE_PAY) && (h("div", { key: '9566ce9d4911303bf7236cd112bc125b1129607e', class: "mb-3" }, h("justifi-google-pay", { key: '0a4a00992788daba39d5d1ee029d75975aaeaa31', ref: (el) => (this.googlePayRef = el) }))), h("justifi-saved-payment-methods", { key: '942357d2f3c15a0cfb8052d6982626d883a6d021' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: '2e9c45192f554c086a70d26bef34813a83032684', 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: '3cd456040d3027ca3c4a1986a871ca2c60b73809', 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("justifi-tokenize-payment-method", { key: '89ed477b53199fc45da3c933b6185eb9590ffcde', 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: '4d5adc74fcbe92a1b1ade900efb82c38a729f790', class: "mt-4" }, h("justifi-button", { key: '7bae24117b1537457b335dc7583d8897cd3b48b0', 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: '895298286bc0aa6acbda896a4f148dd4f8d7e7d2', class: "row gy-3 jfi-checkout-core" }, h("div", { key: 'dd186ed2f0fd479cd60024423b6d55625b962e55', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: '920d4eca26846aa1cbc16693fa45a9d8054d95a7', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '560f8c3757a7cf53fd0aa898fd243b16a2f8e8d5' }, h("justifi-checkout-summary", { key: '31faa6ca984aa22985927a1f80273c86a67c7025' }))), h("div", { key: '3128ae40a739573da32598213a289d8751503fb0', class: "col-12 mt-4" }, h("slot", { key: '4a310881bbc4017734082d5c4f6b41d3d5f2a424', name: "insurance" })), h("div", { key: '8047c4da62e2fd67bd0b3f8654c6a19c0cacc255', class: "col-12 mt-4" }, h("justifi-header", { key: '631ff14201f6246906e3e1572515de21a7977773', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: '7fdc560ef42a5c2e8571f332e3c4ce8ff460d235', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: '81dcb52c051044adb4dbd92ac73ee3096edc592b', class: "d-flex flex-column" }, h("section", { key: '4359903b195009a2e8fb997a1f77880cba40dea4' }, h("div", { key: '21728867e6288c3fb7d5e5a6ee3d15974568b866' }, this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: 'bdaa6b6c6d09cba294b2e46b85270241c86d2251', class: "mb-3" }, h("justifi-apple-pay", { key: '150d707bff7b79a1d19141f21a9c47e00e54418a' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.GOOGLE_PAY) && (h("div", { key: 'ce2be06b20a1e7d0159fde68a1c5c349c2d11998', class: "mb-3" }, h("justifi-google-pay", { key: '0fc867ce77467eb1f1fd198a62e88bd2795f4914', ref: (el) => (this.googlePayRef = el) }))), h("justifi-saved-payment-methods", { key: '0bb1999c093b3837bfdb879134dc54f66c90e164' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: '1599be9bcea7569d822a204c805f08f18a4e00a4', 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: 'c1de230257d290efa05f7a7166c2f069451c71a3', 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("justifi-tokenize-payment-method", { key: '44bca4ee57857afd4eee213cef98db2d4bd42490', 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: 'e5b6b4ac6b0fcec20380082f1b4cc5ba73bb88aa', class: "mt-4" }, h("justifi-button", { key: '188a8f46fd37b5f4f2d9b3ba7ff179d44d4a6656', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: checkoutStore.isSubmitting || checkoutStore.isWalletProcessing, isLoading: checkoutStore.isSubmitting || checkoutStore.isWalletProcessing, customStyle: { width: '100%', textAlign: "center" } }))))));
     }
     static get is() { return "justifi-checkout"; }
     static get properties() {
@@ -276,7 +273,6 @@ export class JustifiCheckout {
             "complete": {},
             "errorMessage": {},
             "insuranceToggled": {},
-            "isSubmitting": {},
             "serverError": {}
         };
     }

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

@@ -18,7 +18,7 @@ export class JustifiSavedPaymentMethod {
     ;
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: 'e344ee9a3ca002fa7b1685991db6fc947b1ab740', class: "payment-method" }, h("div", { key: '6e0c985161d5e7e8dc381d7171df9b70a25d007b', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '826c54a61730d9e55f14da3ef6f7b7dea897e036', 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: '66b8725a684241fc105d182ee5982167b2007506', class: "payment-method" }, h("div", { key: 'd0370f70b880f6a83b18eaeeefce7b8fde342ce9', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '76ed425815f77082ba1145aa2df04beef6044e07', 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/checkout/save-new-payment-method/justifi-save-new-payment-method.js CHANGED Viewed

@@ -5,7 +5,7 @@ export class JustifiSaveNewPaymentMethod {
         this.label = 'Save New Payment Method';
     }
     render() {
-        return (h(StyledHost, { key: '9a8f3c570df476801a903c8591ad955c6e20bdcf' }, h("save-new-payment-method", { key: 'c5651023d045273b885df866ac0532d80db429aa', label: this.label, hidden: this.hidden, onCheckboxChanged: (e) => this.checkboxChanged.emit(e.detail) })));
+        return (h(StyledHost, { key: 'b3a21f76759593ab02d71ed9a708982bdad5f0c3' }, h("save-new-payment-method", { key: 'ce0aa2bb711293144c835e9779b39a122017b544', label: this.label, hidden: this.hidden, onCheckboxChanged: (e) => this.checkboxChanged.emit(e.detail) })));
     }
     static get is() { return "justifi-save-new-payment-method"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,7 +11,7 @@ export class SaveNewPaymentMethod {
         };
     }
     render() {
-        return (h(Host, { key: '22ba69afe153d8177948980adce2a6d7ed88aec8', hidden: this.hidden }, h("form-control-checkbox", { key: '69b7af9511b2eaa746066e2186391fe059dbdad8', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
+        return (h(Host, { key: '42c0674b7d12f57ace0088c2ebb854521fed2abf', hidden: this.hidden }, h("form-control-checkbox", { key: 'c198bdd860f5c844bca6141e8d5c0bcf4de1fbec', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
     }
     static get is() { return "save-new-payment-method"; }
     static get properties() {

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

@@ -118,7 +118,7 @@ export class CheckoutsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'e93ef4479f03ff8d3479715bd89cbf0edc1f766c' }, h(TableComponent, { key: '5e1c2dad65fcbab0bd5dd1557fc22e41d8146ce7' }, h(TableHead, { key: 'f5c73179a9dd97dec17ac2336f22da37c8d86085' }, h(TableHeadRow, { key: 'fc0a99076077a6e3414a729b40a4fc9f26cf7d8b' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '471c4c71f65c9f8f1ce17afde15d1500ac8e1f88' }, h(TableLoadingState, { key: 'ce26a46de28ee926509efd5d55f8de5b7b5e09fb', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '71f426374ebcaa1e06f523a456e134372a68f1fd', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'f5758c7e4475e2f16fbe6e78aabd6ab55f5b39e3', 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: '79efc8ae730e099f265971e6f0a9c3e49661f21b' }, h(TableFootRow, { key: '292148b3db52f3792206196c0201bacb011d5b9e' }, h(TableFootCell, { key: 'da8221314ed30423ba6292e6385ca6c9967069da', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '151d09b2cca1ff78fba6da6c2aa73d8bda4bf31f', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'ab929041216a2d6ea8db78b3bbf6d5fa3d4458fd' }, h(TableComponent, { key: '264d246a1783be1c99fb2a7487328a32d4e3b47b' }, h(TableHead, { key: 'b9be65c5b7a9144c780109ae906f49ea8c4023b4' }, h(TableHeadRow, { key: '47b22c689bd63c0cfe99045c6f37a8c1c92ef8a9' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '7b2a39f309a2aa347f3124a79bc55a0a333a1900' }, h(TableLoadingState, { key: 'ac94a5f253572e08a4d01df82397f60912089e38', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '95855989aac418e6eb79ae9a0eee75a50ef96cc1', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'a8d9c0a2539d2565335a8da007d78771f3bfdc72', 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: '1126b1f5c12e10bed93aa3c5a004a3d3491dd97f' }, h(TableFootRow, { key: '611fcf13988992f531ecb9d0b94ee4ba3a103d30' }, h(TableFootCell, { key: 'cb77f614fe7b89737e4e22d60d18501af272f970', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '17996865c38f710fbe39ec2dce031baf9b5faaaf', 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 CHANGED Viewed

@@ -51,8 +51,8 @@ export class JustifiCheckoutsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '7243c4f7140e73b2ba223aad1836606adcc1d62a' }, h("table-filters-menu", { key: '22761af2434ad30ab54506c9f96d0d15f8ecd091', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '5ad5650361ce7269b6ad7d52007a2a4cad62588a', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '0f7536706a13206719e79a00245dce04ed2f56ad', class: "p-2" }, h("form-control-text", { key: 'a54fa23bba6129b24ce5c7fb3f1e87aba529d5fe', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: filterParam })), h("div", { key: 'ba1ae21119e18c3f82575304f81c028e20caea10', class: "p-2" }, h("form-control-text", { key: 'a56307c6d0f3cfb38e0b64e8ebba7f115441c546', name: "successful_payment_id", label: "Successful Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.successfulPaymentId || filterParams.successful_payment_id, disabled: !!this.successfulPaymentId, part: filterParam })), h("div", { key: '1796944828ff74ecee758034c6d2ffd7dede91a5', class: "p-2" }, h("form-control-select", { key: '07a55393cffcc4564ef271d846620c98ec7df47d', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: filterParam })), h("div", { key: '4ad5388e9f82a469afa76e289b4065047c133791', class: "p-2" }, h("form-control-select", { key: '38db1b5ef23350d574ec228093d4e143b8b4107c', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: filterParam })), h("div", { key: 'd3f9e4b9876e13222abb5ec4e59557662fef9556', class: "p-2" }, h("form-control-date", { key: '7a0143d72da389fbf4c5408815f470c7efb1e663', 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: filterParam })), h("div", { key: '896e60cf2eb0ae9868af1d05e84895d051e1b1b3', class: "p-2" }, h("form-control-date", { key: '315490dd6d3bcfa97ceba7bca4eff929d524b41d', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: '1a55c7d5e185991eeaa7b5a58c447dc229281368' }, h("table-filters-menu", { key: '0dbea29d3dc84376462d61d6c0591166b86a47e1', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '88e49e1259669f6fc20e7947858f703e8a72fcd6', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '52502aa4976f3b046d58ff8377dc1350b3e10f30', class: "p-2" }, h("form-control-text", { key: 'e4baba52dd0bd17c571c55e8b4793dc6aca37dae', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: filterParam })), h("div", { key: '979bc95675a30e20c54bc501675682573a278c0a', class: "p-2" }, h("form-control-text", { key: 'af46d55904f0ed639519335212a88bf92eaa1146', name: "successful_payment_id", label: "Successful Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.successfulPaymentId || filterParams.successful_payment_id, disabled: !!this.successfulPaymentId, part: filterParam })), h("div", { key: 'aa44b5c554324653cdc4bb70fb230605f38204ca', class: "p-2" }, h("form-control-select", { key: '49a76ec2a929b76ef87e2c2098ed6bb4523b499d', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: filterParam })), h("div", { key: '48be0da14579ea55be39dd3bb239ba4c8dd9321d', class: "p-2" }, h("form-control-select", { key: '9e3111a896e7364ad6c35997e625270ed4f239d0', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: filterParam })), h("div", { key: '38a52faf33e088c3119ffabbe3b52965e4f3f896', class: "p-2" }, h("form-control-date", { key: 'a2167a3113fd736b95138cd3da14573e0ad2558f', 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: filterParam })), h("div", { key: '0ae414564ad4dfc7fb84c202320d110a1bf9dc6a', class: "p-2" }, h("form-control-date", { key: 'c3130e521009eab1df12283a275459ff5f82aa75', 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: filterParam }))))));
     }
     static get is() { return "justifi-checkouts-list-filters"; }

package/dist/collection/components/checkouts-list/justifi-checkouts-list.js CHANGED Viewed

@@ -62,7 +62,7 @@ export class JustifiCheckoutsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '0cc7d62c54308085404f6967272177fb201b19ba' }, h("checkouts-list-core", { key: '7c647b269fd5c7137cd852fa705dbc97380abce1', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '27491f40eb96742cee1fe81023a9e423ab5b22a5' }, h("checkouts-list-core", { key: '2b2526aa7dee3cd216bc481144d3239a5389872c', 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/dispute-management/dispute-management-core.js CHANGED Viewed

@@ -46,7 +46,7 @@ export class JustifiDisputeManagementCore {
         });
     }
     render() {
-        return (h("div", { key: '9868ecdec494a3041e838d1bf1aab8e490c27a65' }, this.showDisputeResponseForm ? (h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
+        return (h("div", { key: '830c909d7782694ee8b53be335cf7dd979ac9b57' }, this.showDisputeResponseForm ? (h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
     }
     static get is() { return "justifi-dispute-management-core"; }
     static get properties() {