@justifi/webcomponents 6.2.0-rc.2 → 6.2.0

package/dist/module/bank-account.js

@@ -58,10 +58,10 @@ const BankAccountForm = /*@__PURE__*/ proxyCustomElement(class BankAccountForm e
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(StyledHost, { key: '1396c82eb048077e956a6cfa0954c969830a3e4e' }, h(BankAccountFormSkeleton, { key: '90439488c391f7dcb62c9b3aadeeeb9e22b476fe', isReady: this.isReady }), h("hidden-input", { key: 'ab5ab9990cd03e493551dae5dc18717ed144558b' }), h("div", { key: '7031dcaa20b3d017b3a3064d5e6f2e9ec5f3c3de', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: '62431aba939585a8a341942d9847e8d491b0a658' }, h(BankAccountFormSkeleton, { key: '2da8452c73e52a6fc67d80e483c40a2d0dd276f9', isReady: this.isReady }), h("hidden-input", { key: 'c34bc48ee7e1925ae272b5fe60fd362ddf2433eb' }), h("div", { key: '3fefe63e9f9c98d7e08e0ceac5df0f8008303aec', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'cf64b23918c17c525be517fa3506bc5a99de4472', class: "row mb-3" }, h("iframe-input", { key: '1a0bad102f68437d751a123ab14db53d0308b02a', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '332cf9bc370f6bbddaf717c4debbd90bc557d808', class: "row" }, h("iframe-input", { key: '878379906a0efb39c7a236941fda8d399d3a8baf', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+            } }, h("div", { key: '6c19ea238eb0bff6b245f2f39028d651438c55d0', class: "row mb-3" }, h("iframe-input", { key: 'b5588dc21d24ec873fecedd91fbcb0344fbe324c', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '910f130a307449a3d60ef76eee6cc27fc86c3fe0', class: "row" }, h("iframe-input", { key: '72756b92912c3031cc472dee5bbf945f06c38920', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
     }
 }, [257, "justifi-bank-account-form", {
         "iframeOrigin": [32],

package/dist/module/business-additional-questions-form-step.js

@@ -48,7 +48,7 @@ const AdditionalQuestionsFormStep = /*@__PURE__*/ proxyCustomElement(class Addit
         }
     }
     render() {
-        return (h("justifi-additional-questions-form-step-core", { key: 'a2e24c04b312a226b607147bcf68d6ea50a2be05', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-additional-questions-form-step-core", { key: 'a688dd7646fae4e99f46fabca10c0a86921bb560', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

package/dist/module/business-bank-account-form-step.js

@@ -60,7 +60,7 @@ const BusinessBankAccountFormStep = /*@__PURE__*/ proxyCustomElement(class Busin
         }
     }
     render() {
-        return (h("justifi-business-bank-account-form-step-core", { key: 'f4e4c31d04884510d5b432b7cced5eea2b618bcd', businessId: this.businessId, getBusiness: this.getBusiness, postBankAccount: this.postBankAccount, postDocumentRecord: this.postDocumentRecord, allowOptionalFields: this.allowOptionalFields, country: this.country, ref: el => this.coreComponent = el }));
+        return (h("justifi-business-bank-account-form-step-core", { key: 'a265d71bf69715689e4ff56f9850119fe6524e8f', businessId: this.businessId, getBusiness: this.getBusiness, postBankAccount: this.postBankAccount, postDocumentRecord: this.postDocumentRecord, allowOptionalFields: this.allowOptionalFields, country: this.country, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

package/dist/module/business-core-info-form-step.js

@@ -49,7 +49,7 @@ const BusinessCoreInfoFormStep = /*@__PURE__*/ proxyCustomElement(class Business
         }
     }
     render() {
-        return (h("justifi-business-core-info-form-step-core", { key: '1aeaeae1d432883c1e242c066881cabc37097032', businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, country: this.country, ref: el => this.coreComponent = el }));
+        return (h("justifi-business-core-info-form-step-core", { key: 'f76d7744562afbe13f503876fcc4e2ef7597fee9', businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, country: this.country, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

package/dist/module/business-core-info.js

@@ -34,10 +34,10 @@ const BusinessCoreInfo = /*@__PURE__*/ proxyCustomElement(class BusinessCoreInfo
     render() {
         var _a, _b;
         const coreInfoDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: 'abe85b33019341e670263a3fabefe1c73c203a12' }, h("fieldset", { key: '12eb6d4e78e56c8771d95e03fa7d8c4c9ea6478f' }, h("legend", { key: '514cb38045c7d4a4a6746a3846c84013507d0691', part: heading2 }, "General Info"), h("div", { key: '30a509f2dd8ec2938dcc790d8891a917b76b91a0', class: "row gy-3" }, h("div", { key: 'ced24f46905abd380fd190bd56d56eba7ec65289', class: "col-12" }, h("form-control-text", { key: '26e986bef6cad147cd7e5b557e27ad8e61932e54', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: 'fabae43dc916ee087b73e366b01bc40fc29a4110', class: "col-12" }, h("form-control-text", { key: 'bf7e45fe95c0156c583c693006f4a65f2d1d6b1b', name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { key: '12d52af1fb5dcef7382b8a36f44a048bcff5a752', class: "col-12 col-md-8" }, h("form-control-select", { key: '94ea7c2438e5fbb0b85a9df5915d78791ae026ea', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: '90800a655ff4470ea6de9f774dcdccc95862c821', class: "col-12 col-md-4" }, h("form-control-date", { key: '715436c7bf7d34ab2505b1005873ac549f351af1', name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { key: 'f4502deec218f3493210ecb6b1ad19fc7cf9f28f', class: "col-12 col-md-6" }, h("form-control-text", { key: '91614c8854a4b2e79fea028c1ad43ef751dacfb1', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '9c7a45b88199e7d00673e6d569f45e2dcf3d242d', class: "col-12 col-md-6" }, (!((_a = this.coreInfo) === null || _a === void 0 ? void 0 : _a.tax_id_last4) || this.isEditingTaxId) ? (h("form-control-number-masked", { name: "tax_id", label: countryLabels[this.country].taxIdLabel, defaultValue: this.isEditingTaxId ? '' : coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].taxIdHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].taxIdLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.coreInfo) === null || _b === void 0 ? void 0 : _b.tax_id_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
+        return (h(Host, { key: '0dba6443b063d02368f93f3a336a8051364b5fca' }, h("fieldset", { key: '42eabe1f20623241291a8bc374c14b0727fae5cd' }, h("legend", { key: 'b74d116fa26b843eee56201c3997ecf916453a23', part: heading2 }, "General Info"), h("div", { key: '8370be848754f5730d1f5bffbfb51875cec01218', class: "row gy-3" }, h("div", { key: 'b891b5ce1820755b44a4d4d14240cd6f6f705114', class: "col-12" }, h("form-control-text", { key: '712f62f8feb4c34eb90048f29158c03cf71b38db', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '52cb8a48648bb036b04fba034dc27a4b286bf7ce', class: "col-12" }, h("form-control-text", { key: '655edd4ae78b47fea221308ce9e582eb731454a7', name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { key: '0cd13bcea3e7e1ef90e5d071ea40690f7a8ea022', class: "col-12 col-md-8" }, h("form-control-select", { key: '00a2173bda66d059f9ef7534b3535a4f36dbbbc1', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: '4c157888deded84baa24ffdd5c5d74e90590c5f8', class: "col-12 col-md-4" }, h("form-control-date", { key: '7af97d93cf2a9f7ff988621d53e528a8930932ed', name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { key: 'b5d0493b01ad9a0853bea95b76220c939cd43828', class: "col-12 col-md-6" }, h("form-control-text", { key: '5df583e04316c0afeaef771177dff20f6d266362', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '0bd63d995778469190a97a21190e3da742a468fa', class: "col-12 col-md-6" }, (!((_a = this.coreInfo) === null || _a === void 0 ? void 0 : _a.tax_id_last4) || this.isEditingTaxId) ? (h("form-control-number-masked", { name: "tax_id", label: countryLabels[this.country].taxIdLabel, defaultValue: this.isEditingTaxId ? '' : coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].taxIdHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].taxIdLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.coreInfo) === null || _b === void 0 ? void 0 : _b.tax_id_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
                 this.isEditingTaxId = true;
                 this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { tax_id: '' }));
-            } }, "Change"))))), h("div", { key: 'd0eb145c0afde23fd1dcf7837763971b259ff260', class: "col-12" }, h("form-control-text", { key: '7b2d6a1558b6be6adc87ff4109bca6e9238c2ecf', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: 'eb9637448b9f9a6e4a8b8a08ad9f7f48ff56ec4f', class: "col-12 col-md-6" }, h("form-control-text", { key: '1f2b0ce0c7dd02485635e8f666d59cd7ec792dbc', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '46fa9ad350b8482296ce0a76db841b78efb9b83b', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '9d4376e2e1d4372470ba8483f8fe1c0992267e38', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
+            } }, "Change"))))), h("div", { key: '3decd3a593098a1c36e4baf1aeb846603b4a6769', class: "col-12" }, h("form-control-text", { key: 'e3cb697846ad086ca6f4998d302574bb4de4c4a6', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: '69c357ad3d2b5464d0c333c8fdc82353044b7301', class: "col-12 col-md-6" }, h("form-control-text", { key: '49857dc20c817d8c600dbeae9c8191452ec1898f', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '1c9279a56b389fcd71ffeaad66df8a067a035334', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '7c329ae3c7dcff34d88bce2a64d9ccaa09384055', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
     }
 }, [256, "justifi-business-core-info", {
         "formController": [16],

package/dist/module/business-identity-schema.js

@@ -32,6 +32,7 @@ const schemaCAN = (role) => create$3({
     email: emailValidation.nullable(),
     phone: phoneValidation.nullable(),
     dob_full: dobValidation(role).nullable(),
+    ssn_last4: create$6().nullable(),
     identification_number: makeIdentityNumberValidation(CountryCode.CAN).nullable(),
     address: addressSchemaCAN(true),
 });
@@ -41,8 +42,8 @@ const strictSchemaCAN = (role) => create$3({
     email: emailValidation.required(`Enter ${role} email`),
     phone: phoneValidation.required('Enter phone number'),
     dob_full: dobValidation(role).required('Enter date of birth'),
-    identification_number: makeIdentityNumberValidation(CountryCode.CAN)
-        .required('Enter identification number'),
+    ssn_last4: create$6().nullable(),
+    identification_number: makeIdentityNumberValidation(CountryCode.CAN),
     address: addressSchemaCAN(false),
 });
 const identitySchemaUSA = (role, allowOptionalFields) => allowOptionalFields ? schemaUSA(role) : strictSchemaUSA(role);

package/dist/module/business-owners-form-step.js

@@ -54,7 +54,7 @@ const BusinessOwnersFormStep = /*@__PURE__*/ proxyCustomElement(class BusinessOw
         }
     }
     render() {
-        return (h(Host, { key: '510b3ece6194fa6c34c04ba4d87718490631b69d' }, h("justifi-business-owners-form-step-core", { key: '01b034456e183d39b6adc4b9f9d36e289483eb9b', authToken: this.authToken, businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, country: this.country, ref: (el) => this.coreComponent = el })));
+        return (h(Host, { key: '2299a420a6ee8165c1b13ba7ad88664ff9e031de' }, h("justifi-business-owners-form-step-core", { key: 'd167e856e2983728beeb95f6647bd7045652fbe8', authToken: this.authToken, businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, country: this.country, ref: (el) => this.coreComponent = el })));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

package/dist/module/business-representative-form-inputs.js

@@ -28,14 +28,14 @@ const RepresentativeFormInputs = /*@__PURE__*/ proxyCustomElement(class Represen
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        return (h("form", { key: '7f2a20427197ce4f402c1b4b859839d506613769' }, h("fieldset", { key: 'fe71959a012c1961b6f91d98862ca4ea9411bf6d' }, h("div", { key: '801fb53d33eeff75f82552da84210abfb1daa55d', class: "d-flex align-items-center gap-2" }, h("legend", { key: '63486b252a7c4f71e944712a833a2edc762c1692', class: "mb-0", part: heading2 }, "Representative"), h("form-control-tooltip", { key: '9a22a232bb856c05ca8c75a0255ea8a2b33b8a80', helpText: "The representative for your business needs to be someone who has significant control over managing your business\u2019s finance. You will have an opportunity to add owners later in the form." })), h("hr", { key: 'b29a6dcd41991b2874cb64fc3cd058f3bcf10a48', class: "mt-2" }), h("div", { key: '52e2b29c6f915f50e1f33c19363657e657355b85', class: "row gy-3" }, h("div", { key: '9531872c804ef3713c0778c6bff1d3ca589bb3d5', class: "col-12 col-md-8" }, h("form-control-text", { key: 'd1eedf80da0790767a6c294f084c4b9d4112b9cf', 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: 'b5effb996c7b97cd5a8815781474ea32e5bc37b6', class: "col-12 col-md-4" }, h("form-control-text", { key: '554a6fe90a0c68a32ae7e6b0401e43a8a2d6c7fe', 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: '6025d1b2b67120a9e9e25d0a6e3e352651759c62', class: "col-12 col-md-6" }, h("form-control-text", { key: 'ed758eafa726ee6801c16535fbba7d05886c21d5', 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: '933650753a5fdc6f75db658baf536ce4033e0e6c', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '81ba9debb6c8fd8225c67a0c0a6b8612e87fc3f0', 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: '913c766d6eb5fe5f132eafecba91145a6c418dae', class: "col-12 col-md-4" }, h("form-control-date", { key: 'c50e5ad2022906d753b783e7892be8322d80661c', 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: '74492ad88a4962c2abfd04319880edb757d78796', 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: '1a83fb932d4faad4def91d0f23860a761d819b4b' }, h("fieldset", { key: '986e6cedd20f712a10d2de0e51cae2258107106e' }, h("div", { key: '3367b1c686a63a1e17cc4bccf23f65031369d11b', class: "d-flex align-items-center gap-2" }, h("legend", { key: '2d63acb9c5aabe4e63495f0760cb016991fd15c6', class: "mb-0", part: heading2 }, "Representative"), h("form-control-tooltip", { key: '193602ac61e012271ef25d18ec80a8b718856472', helpText: "The representative for your business needs to be someone who has significant control over managing your business\u2019s finance. You will have an opportunity to add owners later in the form." })), h("hr", { key: '25527499226c33721bc0fdb418b495367b269b65', class: "mt-2" }), h("div", { key: 'f160423cfeaad499329d536a158f6365153bf7f0', class: "row gy-3" }, h("div", { key: '39a70eca42b7e7a23cf8247fb5911125465da6dd', class: "col-12 col-md-8" }, h("form-control-text", { key: '2124c8121470e5ceefca7a024752af788a2e17a6', 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: '6c8ac5169e22796f52b9959552600d1a8074f089', class: "col-12 col-md-4" }, h("form-control-text", { key: '1b19885ec772c8288fe8c25ed2f2d60a0aaabd54', 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: '450957573c4d8721cdaf9caa0bbc8fde9ce576d7', class: "col-12 col-md-6" }, h("form-control-text", { key: '9e470fdfbc757e0ccf25cccd498e7db638d1f735', 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: '1776f5a919e9d015938ce4adbd1dcc721e54171f', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'dfccc56e5c4e522900db3c66335b91355a8ea9e7', 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: 'a21afbd6fe25a1fd21d402ac55bc5c46c34ce7ca', class: "col-12 col-md-4" }, h("form-control-date", { key: '3f449ef87db9487b2e314993ad12946f4317aef2', 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: 'ac114c5bac016be5b7440993b48b8b16bb93a06a', 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 last4 and current value to force validation
+                // Clear current value to force validation
                 updateFormValues(this.formController, {
-                    ssn_last4: null,
-                    identification_number: ''
+                    identification_number: '',
+                    ssn_last4: null
                 });
-            } }, "Change"))))), h("div", { key: 'ad29d30e0748004e9c0d429804210f269581ff12', class: "col-12" }, h("justifi-identity-address-form", { key: 'aaad43f4c150cf08cbdd321a887eaadc51436c88', 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: '955bb98fdafe93be1ad56e1ed76b19abb5160ec5', class: "col-12" }, h("justifi-identity-address-form", { key: 'c32b6ffd80e9261567b3adcc4ac35ae8bf2e4d2f', errors: this.errors.address, defaultValues: (_j = this.representativeDefaultValue) === null || _j === void 0 ? void 0 : _j.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
     }
 }, [256, "justifi-business-representative-form-inputs", {
         "representativeDefaultValue": [8, "representative-default-value"],

package/dist/module/business-representative-form-step.js

@@ -52,7 +52,7 @@ const BusinessRepresentativeFormStep = /*@__PURE__*/ proxyCustomElement(class Bu
         }
     }
     render() {
-        return (h("justifi-business-representative-form-step-core", { key: '93ebeaecfc5eecc8a4c74cbc30760d35d8120183', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, country: this.country, ref: el => this.coreComponent = el }));
+        return (h("justifi-business-representative-form-step-core", { key: '8846ca3e4eb1cbe90155fd097e672a81061da0d3', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, country: this.country, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

package/dist/module/business-representative.js

@@ -45,14 +45,14 @@ const BusinessRepresentative = /*@__PURE__*/ proxyCustomElement(class BusinessRe
     render() {
         var _a, _b;
         const representativeDefaultValue = this.formController.getInitialValues().representative;
-        return (h(Host, { key: '1ce133c6cf1804607b661953bb9d952e6dfdede7' }, h("fieldset", { key: '759e0e7adc03c8814e09effd245e7c25f9fcf536' }, h("legend", { key: '625eb15226d9318075c57c7e13d6b8a04686f00f', part: heading2 }, "Representative"), h("div", { key: '8b11c10cd073c3ffcb7c52f97c463b91a5609afa', class: "row gy-3" }, h("div", { key: '35b0b9a741ee46dfc049ea5914dfa672e4bd64f3', class: "col-12 col-md-8" }, h("form-control-text", { key: '577cb8c5911c5a8364de282ca04e75b045d6de36', 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: '3ebaa46f7045f1db417285fe3ef9c19310dbe0c6', class: "col-12 col-md-4" }, h("form-control-text", { key: '69eb59adf3da1d3d48b1d395badd4c76ac0d8383', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: 'd9ee1e3a4919e5d714f34ff1417677a48101166f', class: "col-12 col-md-6" }, h("form-control-text", { key: 'cc6c0e28dc815985be5309de33957fcd37f53b29', 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: 'd40a0a637c921ca6e8fa4aa347369c029c4569cb', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'ce15cd57570e34d14bc596c1b5f7e49d3f33ea36', 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: '1504ac209231141b564412af3719b2ab6d84e553', class: "col-12 col-md-4" }, h("form-control-date", { key: '8fe92ed396ab947f439a04e2b67787725b393dcb', 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: 'd8ee89f3f4124ebb222d99a9337db4be7ab7df61', 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: '2d8a5324bfea8bd297b5db5f1e5aaf5d9aa51cb4' }, h("fieldset", { key: 'c25884a7aaa0ffb19316002e8ce9e158a1f0b8e9' }, h("legend", { key: 'af36d94625e4b82c8418079b60cade953ac53e8e', part: heading2 }, "Representative"), h("div", { key: 'c3ad5ca5e1c636db05fa3994c443975ecc363e62', class: "row gy-3" }, h("div", { key: '8b27315feb79cf08d69c5a108426705cb6445c71', class: "col-12 col-md-8" }, h("form-control-text", { key: 'f6ffb2619c6537f99bed5a35602d3d7d68f821ad', 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: 'cde914c872fcfbe0395f358b570d9cefbf14872e', class: "col-12 col-md-4" }, h("form-control-text", { key: 'c70330625ed26d8d5e8d00af7df55571ef4ff32a', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '64bba44c0facd07c8648fba1ce31385b33f94513', class: "col-12 col-md-6" }, h("form-control-text", { key: '33c7c4a365f6d7ce43e6b98b9ca3646f2263abd1', 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: '5b96d76754918f37fc4f226a5c6656529b77b63f', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'c7cf814cf84a0c69e547c0b60f643b7fb78490af', 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: 'e5c486242e9fb47c81a28831a9a648bee28e95d5', class: "col-12 col-md-4" }, h("form-control-date", { key: '519cc94edb63b5f465d0ada9fe905e68aca54e1e', 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: 'b971e1320a57061d9d1eae7adb28eda19ce855a4', 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: '54548bf9622fcc949ebd91db29cc8b877dd7652d', class: "col-12" }, h("justifi-identity-address-form", { key: '9925b7d70bceb8e3d1dafc9313673a5c8a0810a0', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
+            } }, "Change"))))), h("div", { key: '92b0c2109f98ac67a32ad57ca91c4f663d3de307', class: "col-12" }, h("justifi-identity-address-form", { key: '187ac4670413b762f4f78dcde5a33ae2a73f203f', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
     }
 }, [256, "justifi-business-representative", {
-        "formController": [8, "form-controller"],
+        "formController": [16],
         "country": [1],
         "errors": [32],
         "representative": [32],

package/dist/module/business-terms-conditions-form-step.js

@@ -131,7 +131,7 @@ const BusinessTermsConditionsFormStep = /*@__PURE__*/ proxyCustomElement(class B
         return (h("a", { href: "https://justifi.tech/merchant-agreement/", target: "_blank", rel: "noopener noreferrer" }, "merchant agreement"));
     }
     render() {
-        return (h("form", { key: '6fbccc271d16cbb87d8845b06b58fd461e18f770' }, h("fieldset", { key: 'ce5240753aefdb4aa92aa3ba5af4741466702ae6' }, h("legend", { key: '01a3a99f6d9dfe45ae12eb2a603ebc70a25747be', part: heading2 }, "Terms and Conditions"), h("hr", { key: 'b0209b2df034353f663cf4dde25fee51e2906dc4' }), h("div", { key: '1ed270526bc1f6d24d81c485ea6e9459607bac3e' }, h("p", { key: '8c98f939d4db12cad7169debc71fd0ad652cc724' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: '021ffcc28e65e59d8fb81a8a2507cac1ce0d448f' }), h("div", { key: 'e6181b2a5ad6b01be123962bf17282cb1f97fd30', class: "row-gy-3" }, h("div", { key: '82acd8dcfed625e051b93bb8845fb9d11b5e26ce', class: "col-12" }, h("form-control-checkbox", { key: 'c246a348366354dce60ec4dc00e3a4791281a584', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText, checked: this.acceptedTerms }))))));
+        return (h("form", { key: 'ed3e493e5c53e303c98e97a15149cffd2865de47' }, h("fieldset", { key: 'a4be899152d7930c2e5ac8b384f866ba313a434f' }, h("legend", { key: '6b473d236380c13ec4186cb5088f976349f18e7c', part: heading2 }, "Terms and Conditions"), h("hr", { key: '4ef52973bed72265e0ef29f0ac6e7a0ac1142f8a' }), h("div", { key: '621d89594d6335d10a746af628ce85df0bf4a71f' }, h("p", { key: '2f13e9851fdfa4b8f678de19261e7df7a7968cc0' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: '7951565f2ad57491cbba0d05d650eb0aea1aea54' }), h("div", { key: 'e7d727efbd5d732b31746d3cc61eeaf9eb4b1ff6', class: "row-gy-3" }, h("div", { key: 'b6d8d501530fbe4de7c11eb46218c618a7aec26f', class: "col-12" }, h("form-control-checkbox", { key: '79030af1a43bc5d1742726b8ea66d6dda3306473', 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 }))))));
     }
 }, [256, "justifi-business-terms-conditions-form-step", {
         "authToken": [1, "auth-token"],

package/dist/module/cancellation-policy.js

@@ -41,7 +41,7 @@ const CancellationPolicy = /*@__PURE__*/ proxyCustomElement(class CancellationPo
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '37c63086ec0dece44992be20f44d0b0f06ce3996' }, h("div", { key: '0aab4b70d17ce769d847470b74cd2f0946845ed2', class: "row gy-3" }, h("div", { key: '7cacadffe3a11231d9791dd3b536686e7cc2d539', class: "col-12" }, h("h2", { key: '09c8227375b4231c4135a18d31667f069c5c847d', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '4636e5b456294e6493e09859cf4d001d7e7b6c1a', class: "col-12" }, h("form-control-textarea", { key: 'e5e7be99ae8b18016c28388e7d165321b7aae062', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), h("div", { key: '0885ca69088851f240ae22b5106a9989b4321f96', class: "col-12" }, h("form-control-textarea", { key: '80ebcdae7bbf223109820735dacb4d2a8c1c8809', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), h("div", { key: '3ddc4eaa4f086eee2758c2b53172a0f43622e741', class: "col-12" }, h("form-control-file-v2", { key: 'cb975ba4e455d2fc5959319a781a084b5af7b9f8', label: "Upload Cancellation Policy", name: "cancellation_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.cancellation_policy })))));
+        return (h("div", { key: 'bd78bece625aec456d3433cc20bff08c16ae147a' }, h("div", { key: '80b32adabf3205beb07609c2758ba8609f22cf87', class: "row gy-3" }, h("div", { key: 'baa7766e30f6d9a9be7d2194d07e2fd53e859642', class: "col-12" }, h("h2", { key: 'bb1bb5a301dfaa5f4ce3cdcef84ff987088f2933', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '47fd127e97420bcc5aca04e6cdf2067edd7d9a97', class: "col-12" }, h("form-control-textarea", { key: 'c85dd2dc03c872e96c052e347bb698c9c8f17b3b', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), h("div", { key: 'e070c23f89b84d414992b842107531136b2541a6', class: "col-12" }, h("form-control-textarea", { key: '0c3acec921d25929feb496f810a1745debc440fb', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), h("div", { key: 'd40087a09150c9e801b6499604b71b48019a33b7', class: "col-12" }, h("form-control-file-v2", { key: '75c6d00c7a29c60bd81ab2f187f901d6fbe522d1', label: "Upload Cancellation Policy", name: "cancellation_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.cancellation_policy })))));
     }
 }, [256, "justifi-cancellation-policy", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/card-billing-form-simple.js

@@ -45,7 +45,7 @@ const CardBillingFormSimple = /*@__PURE__*/ proxyCustomElement(class CardBilling
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(StyledHost, { key: 'f1f3be2d16211cbb384246470a495076b8cc99bf' }, h("div", { key: 'aabd6ec4293a89fa65e65440bcc399a3c91ccbf6', part: billingForm }, h("form", { key: '4212a38db263ec874feba69b44aa4ca53c4b6971' }, h("fieldset", { key: 'a669e28f6cb8974b1a6a358809c6c1c88d8dc5cb' }, this.legend && (h("legend", { key: 'b01fa92477ad324a059474b86835ad984addd48f' }, this.legend)), h("div", { key: '6c1f9a93de580ce2d931aedae3083e015b8e5f07', class: "row gy-3" }, h("div", { key: 'bbc6ba15ce56756db54338cd114376d57a9c6546', class: "col-12" }, h("form-control-text", { key: '74848920343434f7677d8454b7bf0ec0e8055427', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))))))));
+        return (h(StyledHost, { key: '2523873a34180694357ab780bd4b9768f9ea267d' }, h("div", { key: '30204a976bba8a843830a905cec86d5aaf486f30', part: billingForm }, h("form", { key: '479e65b39fbecc80ba6281648bd390c4cd2a688e' }, h("fieldset", { key: '93613aa83561aaba46efff4e6d64e240e1ddbc84' }, this.legend && (h("legend", { key: '4d6da7c78c5b1a84bc4b37dfca80d9c7f0be462f' }, this.legend)), h("div", { key: '11259470415c62c15c0ef9217f91f4d6b5c8651b', class: "row gy-3" }, h("div", { key: '2b85b5b820991faee8d8b14c121a69ab4974da98', class: "col-12" }, h("form-control-text", { key: 'd7632e0d32832491bfdf911ae45e67efe0ec6555', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))))))));
     }
 }, [257, "justifi-card-billing-form-simple", {
         "legend": [1025],

package/dist/module/card-form.js

@@ -51,10 +51,10 @@ const CardForm$1 = /*@__PURE__*/ proxyCustomElement(class CardForm extends HTMLE
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: '663c1f9a452e8d33ccf001044c2f8b1ba041f80e' }, h(CardFormSkeleton, { key: '4c0c267f180ab6c16e0f524631b7fef3c212a2c5', isReady: this.isReady }), h("div", { key: '5ee9adfcb131adbc972ea9c1806886534185d462', class: "container-fluid p-0", style: {
+        return (h(Host, { key: '4867571cdff85823d48b139c1b6e591ff73ca426' }, h(CardFormSkeleton, { key: '37b584aa3865acc9266500f734c7a10e49fa139d', isReady: this.isReady }), h("div", { key: '09b5e58ed9df060922e2579880b68f022cff2940', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'f1c7b6b7b23870ba0d39d08e04c113f464be2ea9', class: "mb-3" }, h("iframe-input", { key: 'dcd776b12d26c6561d5b630c09783e0c9c71f658', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: 'f76687d1aad013195aec06f0fec3166aa0d0ba71', class: "d-flex align-items-start" }, h("div", { key: '8321d1eaa1c1fee49106ca8a88f31b723d69d328', class: "flex-fill me-3" }, h("iframe-input", { key: 'f3740ecace8a988bf87475861fc5383920044e15', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: '1b689045613f137cb4dfe41bae400dec27a93ae9', class: "flex-fill me-3" }, h("iframe-input", { key: '91d5b86f0de32c2635d3569dabd17230c1062c28', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: '78f69077b9cc4c55694ee0dc3cbf43cc09de74a3', class: "flex-fill" }, h("iframe-input", { key: 'af2bb37ec9a2386dac4ebc17f4296e280c865271', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
+            } }, h("div", { key: 'bd2f777339e421523cd92c402c4fc066cbde7053', class: "mb-3" }, h("iframe-input", { key: '45b822e5878806ae47f88cf5aa54fe9ae5592eda', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: 'c9e4d2afd2eef4377356114bc33f1cc29fea46b3', class: "d-flex align-items-start" }, h("div", { key: 'e846e807f6524b9fd6a29a0a0bd2fff74c68f11f', class: "flex-fill me-3" }, h("iframe-input", { key: 'd48a6f05d3ca1341d8060987b53318bf29db4881', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: '9127d9dc4ff3386db9060126a8b0ce2e2125a5c9', class: "flex-fill me-3" }, h("iframe-input", { key: 'ced08ea4750b594b87e19fd6e9ae49b2cb6caa72', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: '92e07ff8ee6004f64a1e062371fd749771cdb77d', class: "flex-fill" }, h("iframe-input", { key: '487187ddfb9cea24cebc377950f33feb9222b299', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
     }
 }, [256, "card-form", {
         "isReady": [32],

package/dist/module/card-form2.js

@@ -62,10 +62,10 @@ const JustifiCardForm = /*@__PURE__*/ proxyCustomElement(class JustifiCardForm e
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(StyledHost, { key: 'def25049fc30e1755194750bad8ebff0c578dac2' }, h(CardFormSkeleton, { key: '81a0ec8218a76e51962fac0e8f628b243bd6d33e', isReady: this.isReady }), h("hidden-input", { key: '6145fba4b8164ff1cec1d1b5707063cdf26faa82' }), h("div", { key: 'febcd1d5dbbde0216d7286842f35d58984f3c292', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: '0db53b1dace76a8e02bab9f65fdc70e20f440a62' }, h(CardFormSkeleton, { key: 'ea756f1799b01b81a678ce5bd2592551edd81211', isReady: this.isReady }), h("hidden-input", { key: 'a6203630db26bfbb683e2b45174c79d753154eda' }), h("div", { key: 'dbb6328ba3a27106474f6b9af6fc3c347b99ae7d', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '6e305988144bd44753ab202b29de295cc3dd7b20', class: "mb-3" }, h("iframe-input", { key: '79348433ff2860a30d387b9a64c258a91c220363', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '11eee27f7aa34c120aed348acd1fc51e46b77628', class: "row" }, h("div", { key: '0bb1153c58433514b889fe20d9cf77c7b7f8b867', class: "col-4 align-content-end" }, h("iframe-input", { key: 'f07c79907822a83cbc29eb4748f952b1a2079990', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '6c2e81715c918978f688d00ae960f2673e092248', class: "col-4 align-content-end" }, h("iframe-input", { key: '96d3656d4a26f96889ab5c6569e0144a76293627', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: 'e186614da2a5ef5836e251ac1f8f247c18cff7e6', class: "col-4 align-content-end" }, h("iframe-input", { key: 'd9f6c2d2f669fde22b18845a47f5bdeb8a62abe7', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+            } }, h("div", { key: '64055e42612ce94da35022d7e8314ed917f90f8a', class: "mb-3" }, h("iframe-input", { key: 'e99008d298b6ec6e22ff5a4e73042e3e8805f09b', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '34ed1849877a47fe6ec32f443472fa9c913dae67', class: "row" }, h("div", { key: '39bfdd5c8dd6271315a09cd3022083fe4b45f5ea', class: "col-4 align-content-end" }, h("iframe-input", { key: '981b65ebd142396312d09df8927fd5d08a5dea72', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: 'a6fee6c1cc609b665b3ba9935190a43a118c5e5c', class: "col-4 align-content-end" }, h("iframe-input", { key: '257b738139e182dc6e9f6a6893f8b6a0bc3f6b69', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: '523316b64f673cdf89b5d01c1ecf4cf25ccef246', class: "col-4 align-content-end" }, h("iframe-input", { key: '37305b54e421d759ded57b0f9de7743a07be4b5b', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
     }
 }, [257, "justifi-card-form", {
         "isReady": [32],

package/dist/module/checkout.store.js

@@ -72,6 +72,23 @@ function getAvailablePaymentMethodTypes() {
     }
     return methods;
 }
+function getCheckoutState() {
+    return {
+        selectedPaymentMethod: checkoutStore.selectedPaymentMethod,
+        paymentAmount: checkoutStore.paymentAmount,
+        totalAmount: checkoutStore.totalAmount,
+        paymentCurrency: checkoutStore.paymentCurrency,
+        paymentDescription: checkoutStore.paymentDescription,
+        savedPaymentMethods: checkoutStore.paymentMethods,
+        savePaymentMethod: checkoutStore.savePaymentMethod,
+        bnplEnabled: checkoutStore.bnplEnabled,
+        applePayEnabled: checkoutStore.applePayEnabled,
+        insuranceEnabled: checkoutStore.insuranceEnabled,
+        disableBankAccount: checkoutStore.disableBankAccount,
+        disableCreditCard: checkoutStore.disableCreditCard,
+        disablePaymentMethodGroup: checkoutStore.disablePaymentMethodGroup,
+    };
+}
 function onAnyChange(callback) {
     Object.keys(initialState).forEach((key) => {
         // @ts-ignore - onChange is generically typed by stencil/store but not exported here
@@ -79,4 +96,4 @@ function onAnyChange(callback) {
     });
 }
 
-export { onChange as a, checkoutStore as c, getAvailablePaymentMethodTypes as g, onAnyChange as o };
+export { getCheckoutState as a, onChange as b, checkoutStore as c, getAvailablePaymentMethodTypes as g, onAnyChange as o };

package/dist/module/checkouts-list-core2.js

@@ -178,7 +178,7 @@ const CheckoutsListCore = /*@__PURE__*/ proxyCustomElement(class CheckoutsListCo
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'a227a356ba08e39e4b60849d8615a5b1cd845739' }, h(TableComponent, { key: '51b96d4be5773975397eadfc6c3c0ec983bdb38f' }, h(TableHead, { key: '868cf524b90bcc2671fc487dc5c7f9c71756d24f' }, h(TableHeadRow, { key: '3bc7b727e4e3c8f0a61b55993c965779c0fac73b' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '06adebe1455360d37d3eed7a27af2698b35047b4' }, h(TableLoadingState, { key: '241f49bd2ed6d3548e286de8f75f1cc92ffae23f', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '9739415d15f73457aa5125c85be88566e70d233b', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '43b1fa74ba01c89b2d22fc238295c343bf6379b6', 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: '3a4b974a07bbe7d0fe246ad93724be2bec449166' }, h(TableFootRow, { key: '6ec16663674ea87026fc3400d164fa2d9907c35a' }, h(TableFootCell, { key: '1eb2943ba2e6885a1a520430eb257e7499553c80', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: 'd4719b9e2166d0577e620a5575303294127833a9', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'a77ef0f8f5b4ddf7448815c9df38097e16a38794' }, h(TableComponent, { key: '6408f3ec06f268f2f5b516fb2fe5e03dcce84bfc' }, h(TableHead, { key: '310864630e702965e885568c513d1d2d8f3805ea' }, h(TableHeadRow, { key: 'bee990fd0a1f8fbf5f21f41ce44f3d57a6bbffa6' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '1a5fd1a0b571205238ec365f0b9688d6abe95dc3' }, h(TableLoadingState, { key: 'df07de295c2a2b6674ed60ff55678a0f67665b15', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'faecb3005baf02ec425b369dcceff2de06e501eb', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '7d0e879b9e5595550a4cbd9c9948677106859e38', 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: '3fbdfe68348692e23333bae21fbaef261fe263d4' }, h(TableFootRow, { key: '4e39fd1f73d4b2f943f909fa8d640bf488fb5469' }, h(TableFootCell, { key: 'f245bc167021ff3e1c7f139e31fe151064651dad', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: 'c9129910b8ffeda06c90ffaa32832b8186687de4', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/module/custom-popper2.js

@@ -1875,7 +1875,7 @@ const CustomPopper = /*@__PURE__*/ proxyCustomElement(class CustomPopper extends
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: '3258d815eae7b31323a8c1bca81d46f51fa684de' }, h("style", { key: '4ef14405fc58db08baacc2d760484150eb9ba937' }, `
+        return (h("div", { key: 'e5ce1fb22e1929707428706dda084ffdbfe3010a' }, h("style", { key: '556af497b8ebd0b82b3e4a44483953243aa5cb0a' }, `
           .popper-content {
             display: none;
           }
@@ -1883,7 +1883,7 @@ const CustomPopper = /*@__PURE__*/ proxyCustomElement(class CustomPopper extends
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '15e316884fbac8bb31d9ce1d60cf81d6346b13a1', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: 'c6ea5b2e88b6cad1e87d82310b8d74e5b4bb6b67' }))));
+          `), h("div", { key: '7765427c69a8d6c0c8e3c1f0db49009b05ac05b7', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '83226bf40f66021f7d628ee36ff6b501dc1ff97f' }))));
     }
 }, [260, "custom-popper", {
         "placement": [1],

package/dist/module/customer-details.js

@@ -43,7 +43,7 @@ const CustomerDetails = /*@__PURE__*/ proxyCustomElement(class CustomerDetails e
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '858dcd8508a6ef974faf5b97c04cbd224cea93c0' }, h("div", { key: '7aef1bf1aaf5838e8f555b9f8680bc89f255d52c', class: "row gy-3" }, h("div", { key: 'f206b1c9958b39b242dfe2c899a0a98f16731dff', class: "col-12" }, h("h2", { key: '92916cf3952026ce406e52ac70be08cbb9c0e2a4', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: 'f80d3f7624484c70380035ad1bed0c292d7524b6', class: "col-12" }, h("form-control-text", { key: '1f762101dcda20301e4207e26e32d0d9808f141e', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: 'dc7b267094e7ff05194b96d5886788f56e31cae6', class: "col-12" }, h("form-control-text", { key: '64abb76bb8f9cf640bb4b367facb43355194db2d', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: '8774802d03a56029ee6611820b077496c0032d9e', class: "col-12" }, h("form-control-textarea", { key: '2ffdd3ece9bbd6f7206508d96ba6a09e9b51e7e3', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: '481cc546dcf904bd2414c096aafe9b034be548c2', class: "col-12" }, h("form-control-file-v2", { key: '763c89f78cf205bdf5f30cce01d8d96debfd12b0', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), h("div", { key: 'bf358ed8e708f439877de74f18cb488b3fe65ecd', class: "col-12" }, h("form-control-file-v2", { key: 'e4c72136e11514b2dddac44a584b343a1846b077', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
+        return (h("div", { key: '4f66d1737416342483855947c8d0bc84633efd1a' }, h("div", { key: '0a7be5af6e92d56bf58ceb5e1a5269163f8a5eef', class: "row gy-3" }, h("div", { key: '0ae8574e9228b7cee09f33595f901a216fad571c', class: "col-12" }, h("h2", { key: '9a025c901262dc362e048a72f3f5d17eaa8bc7a4', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '8d651d6a4f9f3ebc519e3fd8b6cd03da452f7a5e', class: "col-12" }, h("form-control-text", { key: '00b3d5ffef1d253b75cdba11c26c05fc4b3d3e7d', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: '3494745d7843208abe678662359cf1612b035d2d', class: "col-12" }, h("form-control-text", { key: 'b6822a0f33dab183f717e58b68cd1c95445a62c8', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: '86f9e759614375d50238fa26756ceac0ebd3d55c', class: "col-12" }, h("form-control-textarea", { key: 'e86f3fcc5a5f31cf46b67d53ee282b16232c0016', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: 'bda34fee75daeaf9ac91758a096febabe98ddf14', class: "col-12" }, h("form-control-file-v2", { key: '49c40325d8478296a6da2f124114a7a06d29b4c6', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), h("div", { key: '8f1b66a41596a3606b5c2f2a0c94844f11aa4b27', class: "col-12" }, h("form-control-file-v2", { key: 'c5c539c9f9cf799a1043330e657a6064510e59ba', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
     }
 }, [256, "justifi-customer-details", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/details.js

@@ -9,7 +9,7 @@ const Details = /*@__PURE__*/ proxyCustomElement(class Details extends HTMLEleme
         }
     }
     render() {
-        return (h("div", { key: '026afe404e83a58245d2c0d68b188a5b227933b4' }, this.errorMessage ?
+        return (h("div", { key: '3c1c4e729711c6676c176a5a04228ec7ebb7acfa' }, this.errorMessage ?
             ErrorState(this.errorMessage)
             :
                 h("main", { class: "p-2" }, h("slot", { name: "head-info" }), h("slot", { name: 'detail-sections' }))));

package/dist/module/dispute-notification.js

@@ -43,9 +43,24 @@ const DisputeNotification = /*@__PURE__*/ proxyCustomElement(class DisputeNotifi
     initiateRespondToDispute() {
         this.clickEvent.emit({ name: DisputeManagementClickActions.respondToDispute });
     }
+    isDueDatePassed() {
+        var _a;
+        if (!((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.due_date)) {
+            return false;
+        }
+        // Fix for JavaScript Date object parsing
+        // https://stackoverflow.com/a/31732581
+        const dueDate = new Date(this.dispute.due_date.replace(/-/g, '\/').replace(/T.+/, ''));
+        const today = new Date();
+        // Reset time to compare only dates
+        today.setHours(0, 0, 0, 0);
+        dueDate.setHours(0, 0, 0, 0);
+        return dueDate < today;
+    }
     render() {
-        var _a, _b, _c, _d, _e, _f, _g;
-        return (h(StyledHost, { key: 'd268295bb070b948984332bd763407dd2abe8467' }, this.isLoading && (h("div", { key: 'e9083c5f4f8cb88a348dc5099be678cf0c44c6fd', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'dd847619a087adcf9ca142bd705073b5bd2cbb38', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: 'abce0be539824cabcdc91cc1935acda2928738be', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: 'fd50de2ce4ff82a99bd9435438f8714173f07a63', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: '44d88a0e658669f0cb703e7a80008788957b4075', part: text }, h("h1", { key: 'cbcf492cd4cb236f8241a03e9a722650c4a86a33', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: 'c30d8f5246aaf75415e6334acc2d3ab53fb200c5' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '929bdc03a93e66cd95ad0985df42cee6e1448ee1', class: "h5" }, "Dispute details"), h("div", { key: '71ace963ec6035edfadb8e3391c2a025203ffb8b', class: "d-table gap-2" }, h("div", { key: '13feb89ef8720eb97fb58bb5a01c650339b044a0', class: "d-table-row gap-2" }, h("span", { key: 'f53edd37be55640f22d6fc8418c2c7a2fb68d4eb', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'ee91d5ecc2c3c921106fed6437b0122d87ffc590', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), h("div", { key: 'f8d03855088572719cc69eb70846baaca626873f', class: "d-table-row gap-2" }, h("span", { key: '1da829c98c3799d5f426078084d472fe21ea8714', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '66251cc54a379c54d1f10de9b63c3acc8441102e', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), h("div", { key: '75fb4722061c2ce1552aaf019cd55fe2e18d69bc', class: "d-table-row gap-2" }, h("span", { key: '0e1207c6ec9b5e0a1987c3dc27c7237b829c0e24', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), h("span", { key: 'f59cee5df009fbe55a5afc7c862d127dcf9c39bc', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.due_date))), h("div", { key: '843db57269e37dc9a6fe870efaac3345acd69f8c', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '6bc8dc5a4d5b5fb3b4bd060f869cc154b5f38911', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: 'ece8a6e944501b889d9d881ae08181261aa630c1', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: '5801625ebc25850e4001d9961e20b9f589ba071a' }, h("h1", { key: '6a20320f19deea6e4cd2ad391ef6e3adf16d9272', class: "h4" }, "This payment is disputed and under review"), h("p", { key: '5fbfbe7a8c80674f1d65fa5f989a2db428dcce73' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (h("div", { key: '7531e3e361613accf7f6b6085ba94dbaafcb4915' }, h("h1", { key: '6f613bf334d77f89ff9fff4fb95bcb60b81154fd', class: "h4" }, "This payment was disputed"), h("p", { key: '148b60d2220cdd181cc4fa7692b524c1da049aea' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.lost) && (h("div", { key: '905c1f81c5d4d0e2dac524fa11cb7ae977bd8c35' }, h("h1", { key: 'de0004f4f08d07e3bbeb224e900c5f89d58f3ecd', class: "h4" }, "This payment was disputed"), h("p", { key: '40f37c79108a79989b7e5a6d2d90a855b37ea2a3' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        return (h(StyledHost, { key: 'a494374453528ee6033589ed69dd2a0738ff8aaa' }, this.isLoading && (h("div", { key: '436d266650297674d89f1ba2d299bf3ebdf16506', style: { marginBottom: '8px' } }, h(Skeleton, { key: '952e9df74b83809b3a52d629ed05bc54b02754a5', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: 'f3dd82b6b941500202404ec1353c2f951f79b642', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '608229cd12404e5e6f7014f955c24f9ff856a14f', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && this.isDueDatePassed() && (h("div", { key: '6d18b253eaa245b9f7b817c3baf473d6f6a31845', part: text }, h("h1", { key: '7f7e30f8c7a9753970980796790b621a6d373548', class: "h4", part: heading4 }, "The due date (", (_b = this.dispute) === null || _b === void 0 ? void 0 :
+            _b.due_date, ") for this dispute has passed"), h("p", { key: '1c458aecef8ce286b6c2a46e286c57e1276aff04' }, "You can no longer submit evidence to counter this dispute."))), ((_c = this.dispute) === null || _c === void 0 ? void 0 : _c.needsResponse) && !this.isDueDatePassed() && (h("div", { key: 'b3e85abf813bd36da6c952c9ad7c9357504bbc1d', part: text }, h("h1", { key: 'afcbe8f967170bc4abea0c71749a10e1c09937e0', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '30194ebea5f1763286f1a69f8fb2cd8c2c9d2d90' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '991505b018e4ee61b05c9872244163b729ee0cd1', class: "h5" }, "Dispute details"), h("div", { key: 'b94e62444ce05ac0ef6698a4b67f70088c10a9b4', class: "d-table gap-2" }, h("div", { key: '8873c8b0cab9bf5e56add69007e9b281c64dcbf3', class: "d-table-row gap-2" }, h("span", { key: '0c9cf9564277ba952c1b36acc7fa8660ec969266', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: '0461b3c75b74e03b60dae12d80526b119d1e74d5', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_d = this.dispute) === null || _d === void 0 ? void 0 : _d.amount))), h("div", { key: '074f92623a156b5c431719a8c11870c95377dfc1', class: "d-table-row gap-2" }, h("span", { key: '04e1498ecb4d64f122c27ef0a83c38d843c72cad', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: 'fc3c56b35d899c06130b918cf03202cc9f44fa46', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_e = this.dispute) === null || _e === void 0 ? void 0 : _e.reason)), h("div", { key: '13eca44a73967f235a18e2f8818a008f14a96ba2', class: "d-table-row gap-2" }, h("span", { key: '954a86a2f0b77801a7c69c751a2b398f33bb2fe1', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), h("span", { key: '21e305a5cdc269f45439671639e3984e68cb75e0', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_f = this.dispute) === null || _f === void 0 ? void 0 : _f.due_date))), h("div", { key: 'cad8b592ab80d24b3d4ce187eb534a336bd36581', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '077df79dae040c41489d1206fffde036aef51954', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: 'eb26cd7bc9d93c83eefc927c565f321eb3c2bef1', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.underReview) && (h("div", { key: 'f74d8e95a2ae74e1b59ac414d0a0d5cc43dd0291' }, h("h1", { key: '2404542678c5ad29dd4e3af13edebbace06734d6', class: "h4" }, "This payment is disputed and under review"), h("p", { key: '0027bd32af1b0ab4ffdd42fcc0b21cb7ab55835a' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_h = this.dispute) === null || _h === void 0 ? void 0 : _h.won) && (h("div", { key: 'ff335c7dbe7bda7637d1b27a65150785e81361bc' }, h("h1", { key: '36ee4c439d8e1346c115ba6f28e59008ce68d4e1', class: "h4" }, "This payment was disputed"), h("p", { key: '5e6e6869d956f6ea84e64378e4bfaebeb71109b0' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_j = this.dispute) === null || _j === void 0 ? void 0 : _j.lost) && (h("div", { key: 'd67894655a47ac5327540c55fdd97db472d34f9d' }, h("h1", { key: 'dec3b5da213071a75183eab6e1521c5c986d3876', class: "h4" }, "This payment was disputed"), h("p", { key: '806eb5f32bddde1c298eba9517c637a7fb69f598' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
     }
 }, [257, "justifi-dispute-notification", {
         "dispute": [16],

package/dist/module/dispute-response-core.js

@@ -180,7 +180,7 @@ const DisputeResponseCore = /*@__PURE__*/ proxyCustomElement(class DisputeRespon
         return this.currentStep === 0;
     }
     render() {
-        return (h("div", { key: 'f8aa436de4217a890cb2c30d3e27aae405c69275', class: "row gy-3" }, h("div", { key: 'a49685c530a74ddc0c001f7aaa93a88083d050fa', class: "col-12" }, h("h1", { key: '15344ecf9317a883ca035637b943435d51663ad6', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '84005717b34e9f4a346bbd21c43f849f8238b452', class: "col-12" }, this.currentStepComponent), h("div", { key: 'f210b5351166085cc1638b4170af6e20c50080f2', class: "col-12" }, h("div", { key: '8294937c85b26845a9b22d5fd7afcb0caa7dbad1', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (h(Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (h(Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (h(Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (h(Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
+        return (h("div", { key: 'b23c5bc27b1f657b9211d3a3482ae5b99982754e', class: "row gy-3" }, h("div", { key: 'a630f3c475d6b8026a81724c76340dc4f6088b26', class: "col-12" }, h("h1", { key: 'f4e848277ee8f1ec05ef1b1dfbac0e8872d9d91f', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '6f7f21778853a3c1ac173ac79713f5427a226a5b', class: "col-12" }, this.currentStepComponent), h("div", { key: '7354846a446f5677a12a3113b3f4226060a8b86a', class: "col-12" }, h("div", { key: '4fb9dbccff8b004913656c3a130b46a0216dd6bb', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (h(Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (h(Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (h(Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (h(Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
     }
 }, [256, "justifi-dispute-response-core", {
         "updateDisputeResponse": [16],

package/dist/module/dispute-response.js

@@ -79,7 +79,7 @@ const DisputeResponse = /*@__PURE__*/ proxyCustomElement(class DisputeResponse e
         }
     }
     render() {
-        return (h(StyledHost, { key: '4a6fcddbe3275068b9699dfc5c60adeff77f2192' }, h("justifi-dispute-response-core", { key: '80bd93d2ec9c64695d8b1d8bb7a4b59b2418a14f', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
+        return (h(StyledHost, { key: 'ed6376969ab6a686999b8a31376b3c1cc8c7b566' }, h("justifi-dispute-response-core", { key: 'd823732d71613e9e98305d4b7d3c22af0344d209', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
     }
     ;
     static get watchers() { return {

package/dist/module/duplicate-charge.js

@@ -42,7 +42,7 @@ const DuplicateCharge = /*@__PURE__*/ proxyCustomElement(class DuplicateCharge e
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'a2c44551e8089f9d9f30e99e93c146c160e78f45' }, h("div", { key: '9eb60cf652ebfbb37336a350552666b30bd87e1d', class: "row gy-3" }, h("div", { key: 'ec776dee0a386b87851aca4a275b5aec09f2f78a', class: "col-12" }, h("h2", { key: 'e6c60f82ded8750f7211ffa7b2790d8572bf67c7', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '6380b5a5be60a61d3bb2adcffad781388da2b6d2', class: "col-12" }, h("form-control-text", { key: 'b976b506913584ae88d35a30cfc42efb6a20a9e7', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), h("div", { key: 'f9ae261fbe01a5f4de3491b8ac2c7a1cd59a184d', class: "col-12" }, h("form-control-textarea", { key: 'cd3bf73a8374411113068c310b14101e8d9ab7fe', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), h("div", { key: 'f730411437abd1c6a5950e7a768390df2ea2102e', class: "col-12" }, h("form-control-file-v2", { key: '8021ee00e94803edf3eb27ec834e05353ba985d5', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.duplicate_charge_documentation })))));
+        return (h("div", { key: '68152308257c9331e3e3e1b8141922634390c91d' }, h("div", { key: '0ff743d3d260272e98f9d9c9219e1465de1c7516', class: "row gy-3" }, h("div", { key: 'c02a18a34320cc8b4574b65f378b8a54207eb01c', class: "col-12" }, h("h2", { key: '254ae07ed42f2c61fed3b0be8cd02f928ac64f92', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: 'dfd97f7c5817bcd14458e4d390736b79651c29db', class: "col-12" }, h("form-control-text", { key: '76c551ab0641c3ebb78c40cdb78bb184911033c9', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), h("div", { key: '1edd78dcefbe32156f27e924e5b032a016dbffc5', class: "col-12" }, h("form-control-textarea", { key: '556829c59b797a79b8bd31d3add791819a2ef84a', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), h("div", { key: '183a68bf83924559e0032af6a43308466944fdcb', class: "col-12" }, h("form-control-file-v2", { key: 'fa3817f0e2e8ff17d5cdd142ccabc0e539a48d38', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.duplicate_charge_documentation })))));
     }
 }, [256, "justifi-duplicate-charge", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/electronic-evidence.js

@@ -39,7 +39,7 @@ const ElectronicEvidence = /*@__PURE__*/ proxyCustomElement(class ElectronicEvid
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'b7ccea47ef4631e72192680468e9b5c370089766' }, h("div", { key: 'b33edf7018fe897a1b6d66edfbdf696fe4c4ad5d', class: "row gy-3" }, h("div", { key: '3f191923eb587c7efcdeec93afa830f7045e5ca5', class: "col-12" }, h("h2", { key: '6019125067e94159de463ff467f3a26a83efadb6', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: '36169fba21ebe835eccbbdfa61665dbbf1922d22', class: "col-12" }, h("form-control-text", { key: '5cdd785662b43d8ac46b7ffa165fbf7b1d3008ae', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), h("div", { key: 'b2b3fdabb36b09c369c887779519000b1f9eb40e', class: "col-12" }, h("form-control-file-v2", { key: 'f112588b597277444e3d826cd8d94f8699dafc22', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.activity_log })))));
+        return (h("div", { key: '677a04d0eb6000066063a68bfe85d286c5c207fa' }, h("div", { key: 'b231437fc879fa2c24474c498eba17edd34128a3', class: "row gy-3" }, h("div", { key: 'd0cf03d9f5e2de19f63e47fd42f0bec710d44bd1', class: "col-12" }, h("h2", { key: '5343dcbeffdaa14e4605944eef18c5ebf1418a20', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: 'a4b816038465b14e4078b13d46543280b212c676', class: "col-12" }, h("form-control-text", { key: '8cebdd64857d99b8058013df9a10ac007869b998', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), h("div", { key: '637f3221604b415b8ea5c04af800a72dbfa40c4b', class: "col-12" }, h("form-control-file-v2", { key: '89b3db82c57b8673124369e915efa4f0ec3927a8', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.activity_log })))));
     }
 }, [256, "justifi-electronic-evidence", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/form-address-fields.js

@@ -19,7 +19,7 @@ const FormAddressFields = /*@__PURE__*/ proxyCustomElement(class FormAddressFiel
         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: '429dd1250553f6d25f9db6d6c1379af0290718c6' }, h("div", { key: '91b9d7199bea1620c7614efd25c0421d3f85c19d', class: "row gy-3" }, h("div", { key: '13dd91b17d387ef9c8bc97b44a273f0984758a3a', class: "col-12" }, h("form-control-text", { key: '52ecc715696aed27a6f4329971e90e90ebb971fa', 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: '64bc39361d02b10c75dfc8389915ce192b9f7606', class: "col-12" }, h("form-control-text", { key: 'a835f2f9706664dd195daa5436fe49aea2c54968', 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: 'ef9b02103d0d1469da092d8965d021b049e54cb5', class: "col-12" }, h("form-control-text", { key: '9263360f47c6e833a904aab2e8b30d4a35d50e75', 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: '4609534e39659ed47350e68a64fee58616320da4', class: "col-12" }, h("form-control-select", { key: 'a7f94fa5ea2642cae82729951198771fd1f31380', 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: 'eadf0a6e2e2cfbe8e476ba8abb25eab4b2b005fb', class: "col-12" }, h("form-control-text", { key: '2708d2a47c8afccc470203775d494683f133174b', 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: '2943b7ea4042efedfffd589359f719057c976943' }, h("div", { key: 'e60164507ebf9a668d096eb39a78a968d00ab83d', class: "row gy-3" }, h("div", { key: '358efebc35eb48f25f3b804c02483acaff94143a', class: "col-12" }, h("form-control-text", { key: 'a17cef7d46163763c1b84db11e255f5e93b7cb6d', 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: '069ea65dc0f8869be84b8faa91bc49b0a6cbb76a', class: "col-12" }, h("form-control-text", { key: '5c7086dbccec99a6e25f8e940e4d234aeac7f373', 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: '6e935727697564f3f58a3a2568d9f042eb566e6f', class: "col-12" }, h("form-control-text", { key: '65a6af1e9b7fec9c3180183f248dee7b7273a022', 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: '6ac0db8fbecd98ffb2a02a6617280fbaf4f51bfc', class: "col-12" }, h("form-control-select", { key: '1f9f893c24d0a5cc9151268e692891767361da6e', 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: '8fd58d225a2fea2019f5bad56cd4c3e5c14ab32a', class: "col-12" }, h("form-control-text", { key: '52bee859b031431cd56456ed2a1f7280c4acc6c6', 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 })))));
     }
 }, [256, "justifi-form-address-fields", {
         "country": [1],

package/dist/module/form-control-checkbox2.js

@@ -42,10 +42,10 @@ const CheckboxInput = /*@__PURE__*/ proxyCustomElement(class CheckboxInput exten
         return inputCheckbox;
     }
     render() {
-        return (h(Host, { key: '5f017faf77fcd07141c04c973dfa5f152f58594b' }, h("div", { key: '4a6b586e30452418ab4b8f5d0495ac1efb70ab73', class: 'form-group d-flex flex-column' }, h("div", { key: 'bf63d72855f2c0ef4def2b129a9bd2313205fefd', class: "form-check" }, h("input", { key: '072795a8dfe2754692ecb8c82aaf6a62860b4bd0', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '7bd0d5b048cb249373ea51b77e4c9da0cd9334e2' }, h("div", { key: 'fc2503501d863e5d4735bedbaf343c63e51933de', class: 'form-group d-flex flex-column' }, h("div", { key: '1279143cac22a3c83c84a0b374d521ad4f8d6b2e', class: "form-check" }, h("input", { key: '05206a4ba4f07eac3015168569c0669aa467631e', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: '1734511d48ce354ee9fd8545056f20f334152800', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '0629fffb0838e03d4a8fe2e3bab2577342f1c7e8', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'b9ba3d370907e48ac3caafa4285181fe9a4e27c1', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: '890243508bccedbdcbec05cffc857aa5a5a15bc6', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '3c7be6ef2d0d9dd02601fef9e58038d010ca8246', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '471b312488e84d3ab8ee2d4d13394b5887901366', errorText: this.errorText, name: this.name }))));
     }
 }, [256, "form-control-checkbox", {
         "label": [1],

package/dist/module/form-control-date2.js

@@ -54,10 +54,10 @@ const DateInput = /*@__PURE__*/ proxyCustomElement(class DateInput extends HTMLE
         return part;
     }
     render() {
-        return (h(Host, { key: '8e5820c8f07562ce28e3b95c4948cb7c311d48d6' }, h("div", { key: '1dd0cbd495d132064808cc81bc272b92f7df95af', class: "form-group d-flex flex-column" }, h("div", { key: '82f27392fd4bdbb106db3ea4219eeb75d99a7c78', class: "d-flex gap-2" }, h("label", { key: 'a6ab3679c84b6f22e4c27ac4cb9764e77f97eed3', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'f481b59809157482acd955d8f2bdb60e5a91e164', helpText: this.helpText })), h("input", { key: '6803e25bbd12858678fa08a8230ca91268541624', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'c1db3dd4bca7d9bf6dcbf61b0b43793232caae2f' }, h("div", { key: '4e00566fe24c7db972bcc7a99eaa1aa14c968f2b', class: "form-group d-flex flex-column" }, h("div", { key: '30e022fb522a6f69d04fadebb893c0377c0c580e', class: "d-flex gap-2" }, h("label", { key: 'f43b0d3c1e53d6c6e99dd26ca1dc61b601617e2c', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '39ab2bcd705b6d917dad575c9e09594d2a6ff199', helpText: this.helpText })), h("input", { key: '54d475675a44f28a05315c23ed07b7e61717c6a9', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), h(FormControlErrorText, { key: '0237d93c756aaea690eda467b0497ce2c0d8c904', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), h(FormControlErrorText, { key: '91455fa726313c5316a91d395209df04d6927a41', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]