@justifi/webcomponents 5.7.6-rc-02 → 5.7.6-rc-04

package/dist/esm/hidden-input_2.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, H as Host, c as createEvent, a as getElement } from './index-N3w5zrz2.js';
 import { c as createStore } from './index-BAq5IUBW.js';
-import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, c as input, l as label } from './parts-D3G5aVLy.js';
+import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, c as input, l as label } from './parts-CKg_luIy.js';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-BFTU3MAI.js';
-import { F as FormControlErrorText } from './form-control-error-text-Cn0aPzHx.js';
-import { p as packageJson } from './package-DR0dQ8Fv.js';
+import { F as FormControlErrorText } from './form-control-error-text-Bk3yfpFX.js';
+import { p as packageJson } from './package-HlNEzyiZ.js';
 
 const iframeInputStylesStore = createStore({
     focused: {
@@ -98,7 +98,7 @@ const HiddenInput = class {
         return input;
     }
     render() {
-        return (h(Host, { key: 'b463ccd5b6d6dff0c02080a61f768b33710bf81d' }, h("input", { key: 'd5fe6d3120d11b1a82fcf6d3e1d9a3b5929ac61d', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
+        return (h(Host, { key: 'aa2fcff3addf2d5c93e3f5826f1690c4d48ed57c' }, h("input", { key: '302959d5e9bee9f86c6260a89268e0f68332c23e', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
     }
 };
 
@@ -1713,10 +1713,10 @@ const IframeInput = class {
         return params;
     }
     render() {
-        return (h(Host, { key: 'b18d7ca56b7cb3f3fb927c210664e7c41a3263c2', class: "form-group d-flex flex-column" }, h("div", { key: '78fccc6cdc1323ef732cfc8fd57dfc9ab865db3f', style: {
+        return (h(Host, { key: 'fb0924f188673c2d89902e033ebac390204f790c', class: "form-group d-flex flex-column" }, h("div", { key: '376d424fe55e8e82fa97fefdc245be3586f92f93', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: '6e6a08b933f3df6c68cbb8cf54768d8e1ab5af8d', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '43ace7ad01b2fd63d7184ba922cb83cd84cfef23', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: '01fe8b095292a49b6278b2f5019847646536f5a2', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: 'd4fae6f4a028eb14be4271b75794da46834c7087', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'd43852337045814bdaeba085cff30ea0af00cf44', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: 'bcdad13247f7c3fa34ccd4ab334426ba6ed24a0b', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -1726,7 +1726,7 @@ const IframeInput = class {
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: '8531887da5c4a6a1fc02a7e7f1e835463a0fbd09', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: '5366a798dfce089b8f6b300c7a8fb7f5e10aeddd', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/insurance-state-BQks6cMA.js

@@ -0,0 +1,39 @@
+import { c as createStore } from './index-BAq5IUBW.js';
+
+const insuranceValuesStore = createStore({});
+const { state: insuranceValues, on: insuranceValuesOn } = insuranceValuesStore;
+const insuranceErrorsStore = createStore({});
+const { state: insuranceErrors } = insuranceErrorsStore;
+// Track previous values to detect actual changes vs initial setting
+const previousInsuranceValues = {};
+const validateInsuranceValues = () => {
+    let valid = true;
+    Object.keys(insuranceValues).forEach((key) => {
+        const noSelection = insuranceValues[key] === null;
+        if (noSelection) {
+            insuranceErrors[key] = true;
+            valid = false;
+        }
+        else {
+            insuranceErrors[key] = false;
+        }
+    });
+    return { isValid: valid };
+};
+// Helper function to check if a value has actually changed (not just initially set)
+const hasInsuranceValueChanged = (key, newValue) => {
+    const hadPreviousValue = previousInsuranceValues.hasOwnProperty(key);
+    const previousValue = previousInsuranceValues[key];
+    if (!hadPreviousValue) {
+        // First time setting this value, track it but don't consider it a "change"
+        previousInsuranceValues[key] = newValue;
+        return false;
+    }
+    const hasChanged = previousValue !== newValue;
+    if (hasChanged) {
+        previousInsuranceValues[key] = newValue;
+    }
+    return hasChanged;
+};
+
+export { insuranceErrors as a, insuranceValuesOn as b, hasInsuranceValueChanged as h, insuranceValues as i, validateInsuranceValues as v };

package/dist/esm/justifi-additional-questions-form-step-core_6.entry.js

@@ -3,25 +3,25 @@ import { a as additionalQuestionsSchema, b as businessCoreInfoSchema } from './b
 import { F as FormController, c as create$3, b as create$8 } from './index.esm-BCNUj0Dx.js';
 import { A as AdditionalQuestions, C as CoreBusinessInfo, R as Representative, c as Address } from './Business-BCoP0TAV.js';
 import { C as CURRENCY_MASK, P as PHONE_MASKS } from './form-input-masks-B-iV5cYd.js';
-import { C as heading2 } from './parts-D3G5aVLy.js';
-import { S as Skeleton } from './skeleton-C1-JoGFC.js';
+import { G as heading2 } from './parts-CKg_luIy.js';
+import { S as Skeleton } from './skeleton-D1Z4a8af.js';
 import './event-types-CZfYo5-1.js';
 import { a as businessServiceReceivedOptions, r as recurringPaymentsOptions, s as seasonalBusinessOptions, b as businessClassificationOptions } from './business-form-options-CgssATyg.js';
 import { a as BusinessFormStep, B as BusinessFormClickActions } from './event-types-XYgDHrVL.js';
-import { E as EntityDocumentType, j as EntityDocumentStorage, k as EntityDocument } from './Refund-0aZtuMmz.js';
+import { E as EntityDocumentType, l as EntityDocumentStorage, m as EntityDocument } from './Refund-DBHZkemk.js';
 import { z as routingNumberValidation, A as accountNumberValidation, B as accountTypeValidation, y as identityNameValidation, C as nicknameValidation, D as bankNameValidation } from './schema-validations-DLWfpHyI.js';
 import './config-state-B3mtRA6f.js';
-import './utils-BjLkBMLe.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-BhrFjjAs.js';
+import './dinero-DizZAUMY.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
 import './Pagination-CLHwhyvu.js';
-import './Payment-00TwhwCx.js';
-import './Dispute-7MWRbTXI.js';
+import './Dispute-BH0Xfn-F.js';
 import { n as numberOnlyHandler } from './utils-BnjCmwMr.js';
-import { B as Button } from './button-xfPDSpPt.js';
+import { B as Button } from './button-BB-N4vit.js';
 import { i as identitySchema, a as addressSchema } from './business-identity-schema-BsrgqgDl.js';
 import { S as StateOptions } from './state-options-BX8GieXu.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 import './helpers-Mu7LQT-w.js';
+import './utils-Cu5hITuT.js';
 import './index-BAq5IUBW.js';
 
 class BankAccount {

package/dist/esm/justifi-additional-questions-form-step_9.entry.js

@@ -1,23 +1,23 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-N3w5zrz2.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-BhrFjjAs.js';
-import { m as makeGetBusiness, b as makePatchBusiness, f as makePostBankAccount, g as makePostDocumentRecord } from './payment-provisioning-actions-2qP7AtHj.js';
-import { B as BusinessService, a as BusinessBankAccountService, D as DocumentRecordService } from './business.service-C5vrjgZf.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
+import { m as makeGetBusiness, b as makePatchBusiness, f as makePostBankAccount, g as makePostDocumentRecord } from './payment-provisioning-actions-ONP8lDnV.js';
+import { B as BusinessService, a as BusinessBankAccountService, D as DocumentRecordService } from './business.service-ArD_uRLb.js';
 import './config-state-B3mtRA6f.js';
-import './utils-BjLkBMLe.js';
-import './Refund-0aZtuMmz.js';
+import './dinero-DizZAUMY.js';
+import './Refund-DBHZkemk.js';
 import './Pagination-CLHwhyvu.js';
-import './Payment-00TwhwCx.js';
 import './Business-BCoP0TAV.js';
-import './Dispute-7MWRbTXI.js';
+import './Dispute-BH0Xfn-F.js';
 import { c as create$3, d as create$7, F as FormController } from './index.esm-BCNUj0Dx.js';
-import { A as Api } from './Api-C3T8XYbb.js';
-import { C as heading2 } from './parts-D3G5aVLy.js';
+import { A as Api } from './Api-BCeKXDaf.js';
+import { G as heading2 } from './parts-CKg_luIy.js';
 import { a as BusinessFormStep, B as BusinessFormClickActions } from './event-types-XYgDHrVL.js';
-import { B as Button } from './button-xfPDSpPt.js';
+import { B as Button } from './button-BB-N4vit.js';
 import './event-types-CZfYo5-1.js';
-import './utils-BZvep88z.js';
+import './utils-BeQLScSm.js';
 import './index-BAq5IUBW.js';
 import './_commonjsHelpers-BFTU3MAI.js';
+import './utils-Cu5hITuT.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
 
@@ -57,7 +57,7 @@ const AdditionalQuestionsFormStep = class {
         }
     }
     render() {
-        return (h("justifi-additional-questions-form-step-core", { key: 'cdc14a51e5655ce4b4d7c24af613b9146c80ba37', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-additional-questions-form-step-core", { key: 'b494a48aa19f63e30007663276876540c5149879', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -104,7 +104,7 @@ const BusinessBankAccountFormStep = class {
         }
     }
     render() {
-        return (h("justifi-business-bank-account-form-step-core", { key: '0cdd7da1ea31971df421b28f17673bd1a81bf661', businessId: this.businessId, getBusiness: this.getBusiness, postBankAccount: this.postBankAccount, postDocumentRecord: this.postDocumentRecord, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-business-bank-account-form-step-core", { key: 'adb496ad14cd3334d30e571d873150ed8335f833', businessId: this.businessId, getBusiness: this.getBusiness, postBankAccount: this.postBankAccount, postDocumentRecord: this.postDocumentRecord, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -148,7 +148,7 @@ const BusinessCoreInfoFormStep = class {
         }
     }
     render() {
-        return (h("justifi-business-core-info-form-step-core", { key: '21d9ea1603f0e9bf6fe842d177f0f6da0113fb73', businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-business-core-info-form-step-core", { key: '1d2bd68e87d5f312c54f5a4bda8863b26fdeec5d', businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -192,7 +192,7 @@ const BusinessOwnersFormStep = class {
         }
     }
     render() {
-        return (h(Host, { key: '39dcd68b6ef40bb24dfec2da03d420de7ff17f1a' }, h("justifi-business-owners-form-step-core", { key: 'f9958c7cb798f256106f93a45bcc8405da5f3b49', authToken: this.authToken, businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: (el) => this.coreComponent = el })));
+        return (h(Host, { key: '3420b6e74da344665583a49146b5b7fd1be40155' }, h("justifi-business-owners-form-step-core", { key: '3e092450028815a0b134af4294edbb7589864409', authToken: this.authToken, businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: (el) => this.coreComponent = el })));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -236,7 +236,7 @@ const BusinessRepresentativeFormStep = class {
         }
     }
     render() {
-        return (h("justifi-business-representative-form-step-core", { key: '53c23a79fc8c678d98ca016f38fe7e6fe6ad9fba', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-business-representative-form-step-core", { key: '582c77f4b763573a1d29726285a9b871afe96d89', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -364,7 +364,7 @@ const BusinessTermsConditionsFormStep = class {
         return (h("a", { href: "https://justifi.tech/merchant-agreement/", target: "_blank", rel: "noopener noreferrer" }, "merchant agreement"));
     }
     render() {
-        return (h("form", { key: 'c1ca0ecd364a999e7525e9ac3da82e874a8784e8' }, h("fieldset", { key: 'a77178a38044c458d8dbd31a7e1aeb3f1a34c968' }, h("legend", { key: '7e933517fca8d54095466715bf1f0485625be74f', part: heading2 }, "Terms and Conditions"), h("hr", { key: '1c1da0b7378c51ad2be5efc0e51dedd3ed178c8f' }), h("div", { key: 'bc37aa5162dddc8ade4316b5f24deb1d4a4b6f86' }, h("p", { key: 'aef3d0c9186845e3f44b8e1906c405647f489b53' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: '2a6a480916cc0c4bf35d96c96c3f0250e87149cb' }), h("div", { key: '2e3bed3a57bcb026152fcdc82debab0e667f8148', class: "row-gy-3" }, h("div", { key: '3243c1819e4e61921421467271b2a4d2a89e73d4', class: "col-12" }, h("form-control-checkbox", { key: '20b9b72809148ef390a6da7d9f5bc216436d34a5', 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: '8cea6fff2e5b5cbfa7de6b3adfce238153599d1e' }, h("fieldset", { key: 'ef3c4ce5d0d03f1d048e072c6f7ac3da565ffb18' }, h("legend", { key: 'caa5fee86bd4b5c2a7204a76ae3533146526b9e1', part: heading2 }, "Terms and Conditions"), h("hr", { key: '5a72caeaf2dae8f57c0be09ca21feceb0793daf4' }), h("div", { key: 'e39700b83a10c479cf6d767c1af61ac8b480e4d5' }, h("p", { key: '2b8520977bedf73c295a387095724a561391b005' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: '706ec9ecfd4a0909583745f90b36eeb42fa5e690' }), h("div", { key: 'd915e2c49188b829b33b03f07cc8f1ccea99ee1d', class: "row-gy-3" }, h("div", { key: 'cbbc74e6b5e80bf54884a8f41eb94f6d5bcdb6dd', class: "col-12" }, h("form-control-checkbox", { key: 'f63aed196d33f1760dae8c5ac5487c0fbc7d4838', 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 }))))));
     }
 };
 
@@ -404,7 +404,7 @@ const LegalAddressFormStep = class {
         }
     }
     render() {
-        return (h("justifi-legal-address-form-step-core", { key: '65d876bee76f4deb4df115e636fafaef2c883f24', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-legal-address-form-step-core", { key: 'bd286476461181f2e8a435a97bf148d55876b49c', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -426,7 +426,7 @@ const PaymentProvisioningFormButtons = class {
         return this.currentStep === this.totalSteps;
     }
     render() {
-        return (h("div", { key: '7c793a33752cd9b3dd1ebc6c30b7a98002ef8820', class: 'd-flex gap-2' }, h(Button, { key: '5127c233ef8c819fe17204baaff7370d78ec70e7', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: 'd889e96935718eb333eaac70023fd7b273118676', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: '5502d7d73084119862451389bf85705407187016', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
+        return (h("div", { key: '5869ed8c350e3a1ae5fe62dcd04493f432eecff7', class: 'd-flex gap-2' }, h(Button, { key: 'b1e8c2fff97e9a053d715860a43ddd78c99b255a', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: '8696fe4f0bde5434e51f05f67b39a8e5b2f550bf', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: 'b1750a849d60244bdb3cf82690c6cbd15b6e1110', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
     }
 };
 
@@ -448,7 +448,7 @@ const PaymentProvisioningFormSteps = class {
         return this.componentStepMapping[this.currentStep]();
     }
     render() {
-        return (h("div", { key: 'f25bbaeeac7ea49b2d99f746af0aec7b637d879a', class: 'col-12 mb-4' }, this.currentStepComponent));
+        return (h("div", { key: '9a09e562d0a3548cb40863ba5780c5d1692b6ec3', class: 'col-12 mb-4' }, this.currentStepComponent));
     }
 };
 

package/dist/esm/justifi-additional-statement_8.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-N3w5zrz2.js';
 import { c as create$3, a as create$6, F as FormController } from './index.esm-BCNUj0Dx.js';
-import { ap as heading5 } from './parts-D3G5aVLy.js';
+import { ap as heading5 } from './parts-CKg_luIy.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 
 const AdditionalStatementSchema = create$3({
@@ -98,7 +98,7 @@ const AdditionalStatement = class {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '4d0fbca80a880577be7853efc494807d7d1e2fd9' }, h("div", { key: '6c3a82afe01b0812807a8e19dc750d4e9901876a', class: "row gy-3" }, h("div", { key: '89e7f50b0c6d67249b892caf8c6b2d78c1742309', class: "col-12" }, h("h2", { key: 'e0c4db3f5330cdd0e00897da0a54b898f0056f93', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '58d4506d4bc0470afa4de87fdcf25ce4397d4180', class: "col-12" }, h("form-control-textarea", { key: 'aee641d90803d0ff483cfe75d881e3259303d4bc', label: "Is there anything else you would like to say about this dispute?", name: "additional_statement", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.additional_statement, inputHandler: this.inputHandler, errorText: this.errors.additional_statement })), h("div", { key: '19377eb6382adc9cb69ec57fe7928b7d477110d8', class: "col-12" }, h("form-control-file-v2", { key: '9529de236046398904d4780fcedada3a67ce4daf', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.uncategorized_file })))));
+        return (h("div", { key: '686ebb005923c2df03dec6f05977d4ed8bbe1b1e' }, h("div", { key: 'e5bb57b324a91aa1154c89dc7c548aef2a70f76a', class: "row gy-3" }, h("div", { key: '26ae3376f6653beab2a4572bc83384d24a034431', class: "col-12" }, h("h2", { key: '7792382e19a3d18f2f1f7e3679cf1ff6ad35fc83', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '19c1fe984e98710a7813434ea43adc899356d0d6', class: "col-12" }, h("form-control-textarea", { key: '7da7574a1de7db45d8ddf8d8087926cc88cd35b4', label: "Is there anything else you would like to say about this dispute?", name: "additional_statement", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.additional_statement, inputHandler: this.inputHandler, errorText: this.errors.additional_statement })), h("div", { key: '1de73fdb832720a55a846dff82c87d2563258d29', class: "col-12" }, h("form-control-file-v2", { key: '08bc29c797e0f4aa74fc8c923558750e8783c5fb', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.uncategorized_file })))));
     }
 };
 
@@ -132,7 +132,7 @@ const CancellationPolicy = class {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'ac10b9b21d37179211d74118b06f561e95d9ea71' }, h("div", { key: '8ff525f8ed20828ed153b7dc23cb84a0277b81d4', class: "row gy-3" }, h("div", { key: '4f22ed526972a6625dc77b3ab0ab5b074277d7b2', class: "col-12" }, h("h2", { key: 'd78d54468b91edd99238bd757f871b18ec5b58ca', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '629c9660446cbba8951cd8396d9b72aea71c731b', class: "col-12" }, h("form-control-textarea", { key: '60e0b4903e4ddec6915d23617f215d5d2ea20935', 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: 'aec3e4561f880b86ba6f5c7ce0298e45b837c2fd', class: "col-12" }, h("form-control-textarea", { key: 'e77d126709037cb22e6e4fcf2228652ffeb672ee', 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: '407c071a0f7a1e488eb2ef4d522e515138a5ed2c', class: "col-12" }, h("form-control-file-v2", { key: '15dfacd8e1de439848d12ecec9a0f5ffac259484', 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: '61b69ec93db4a7db558da94bc8cd6733cf899930' }, h("div", { key: '5d1840eb3f53fbf8d5a711834efb015612dbc786', class: "row gy-3" }, h("div", { key: '578b5bea33ce2f0fe5e9c2572123ea3ca6860f66', class: "col-12" }, h("h2", { key: '179ac995f6e78ae4168f3d829daa6129d2e9bf01', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: 'f8d1c91d81a40203ba35b8fbc695638ada34da34', class: "col-12" }, h("form-control-textarea", { key: '78a148644044a9fa027b5b504013421cbb01e666', 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: 'e27342fc306dba906bcf5a053355a16b58324012', class: "col-12" }, h("form-control-textarea", { key: 'c39b5b3b4002b18473926aa8b1d47824aab0e9f5', 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: '60dec8249d28d9a48343fd856f584abf47556195', class: "col-12" }, h("form-control-file-v2", { key: 'c2de0f5fa9e3038638de8012dbb4567cc9a504cb', 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 })))));
     }
 };
 
@@ -167,7 +167,7 @@ const CustomerDetails = class {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: 'e09402d1c3ca9bb8f3a243c22bec2e9d908d661f' }, h("div", { key: '67a1038f92a9a9711ca37d353af7a06b87cbe0a8', class: "row gy-3" }, h("div", { key: '1be2249539c434bf3faf847b4202ff2f421d15a3', class: "col-12" }, h("h2", { key: '17d8bc1b31dfa77f08500ff4029f572049d9e1ce', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '3e218b39c8f5dab178cc8b23caf403e1a912694c', class: "col-12" }, h("form-control-text", { key: 'ab28a2176315c3ecd1ff984a599589a81375f4e0', 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: 'e1739728748de575e39f29018cd1139d75232611', class: "col-12" }, h("form-control-text", { key: '9f2aec120b08ac793be93f9c990d81a74c9e57d2', 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: '9be7e4a85edfc9bc95e8ede96ebc81f4777f1cdb', class: "col-12" }, h("form-control-textarea", { key: '100e419cc2064509aaa03c76e2898fc7df85e950', 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: '94da95bb013738aefb17088203ee14e07f159ae0', class: "col-12" }, h("form-control-file-v2", { key: '1ab77a12a715fbb82c0bc1c9f9081e54fd3fef0e', 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: '88eed9387758b86332137fa64b4e3b3c5825d908', class: "col-12" }, h("form-control-file-v2", { key: '0b654ffcf253c639b07ffe03450a87550caaa75a', 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: '01163af3a6dbabca775254bdb90da66ffb62cca8' }, h("div", { key: '7e98298f376b7056bbfdbd41e9cd2793f00e0ff8', class: "row gy-3" }, h("div", { key: 'e3b10ab604f20fdc5d874e3a1c77bacd4a1746d5', class: "col-12" }, h("h2", { key: 'd5b22b72070c963cffbccd57ca3322edb0a198e3', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: 'b0800a7bc02f7b22123371d6fb4eadf1d9eef8aa', class: "col-12" }, h("form-control-text", { key: 'c140ab7b81904344865eda42a8f6d3d0cc413395', 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: '9bbca63f79eda4f71b5ebddf4060aee74346e49d', class: "col-12" }, h("form-control-text", { key: '98e9696d1c4860812bafb9a7aef7403795781670', 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: '43723a4602edf0d82835aa43e05469ab10f85be5', class: "col-12" }, h("form-control-textarea", { key: 'b82d7711f8eade838417af050e4ae26c7fd95c31', 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: 'd092e59b71ab599c198dca09e531e9efd8829924', class: "col-12" }, h("form-control-file-v2", { key: '6f647a9121a2a238d5fc88679a73f31e1edf64a1', 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: '2f2b981021ba06530dd474d201e41c75e2d1edb3', class: "col-12" }, h("form-control-file-v2", { key: '90c20405df7197f93f1e73bb4c381afb7d6cea88', 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 })))));
     }
 };
 
@@ -201,7 +201,7 @@ const DuplicateCharge = class {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '2a51ce4a6859bdd9b6fc3376f08726a682a61587' }, h("div", { key: '49765fde2654e0eda955e4569d3003749d04b1a1', class: "row gy-3" }, h("div", { key: '9a04ce529407e436c5c7dc363525821116eb3271', class: "col-12" }, h("h2", { key: '6d8c1c64da56d19e3adedc08171b7096084adb0b', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '3a4be2ced9e35974864a6fb3504dff58d792e623', class: "col-12" }, h("form-control-text", { key: 'a3d86e2059a017d931619d1e53a24e60e9f95282', 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: '407386824a21bc40a802366ebf4c8e0cc2aef908', class: "col-12" }, h("form-control-textarea", { key: 'c4b5a5026eeffedeae11d9f6fd74ecd4e288894c', 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: 'cc4a805b1c5574436a19258007cd3271831e9967', class: "col-12" }, h("form-control-file-v2", { key: '49d84e63f7acd6dd953429063fc9206373482d16', 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: '0f5f659e4d683e122205cbeeb2cb9986af3b13de' }, h("div", { key: 'a9f2910fedb5c5b3367db1a36e0aacdb1a96f38f', class: "row gy-3" }, h("div", { key: 'bb6a3f733f7620c198b76c827ffbd50eee9415e2', class: "col-12" }, h("h2", { key: 'd976f202ed4fa871e57fa5e0ce9b4a6042c2c292', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '684b857d0cc6ca2695b66fdf1edeaebfdaa9226b', class: "col-12" }, h("form-control-text", { key: '4e6ca5dd148141e590c6a883f2b58ee7a754d81a', 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: '1b1ecb53c5eada4d1e31b73f64b37893479fd0e9', class: "col-12" }, h("form-control-textarea", { key: '3b4e38dedb3cd53afc191639150fa2b2e1bfbcf4', 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: 'fe4687a70ea0d9f3e76bdc09d4311f18f78fe2e4', class: "col-12" }, h("form-control-file-v2", { key: 'aa6707c20292f7167b76a9100ef24aefde3ec729', 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 })))));
     }
 };
 
@@ -234,7 +234,7 @@ const ElectronicEvidence = class {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '41d5fd40ac6fc4fffddb7913b647046869882dfd' }, h("div", { key: '265d25bbd6423f6514a1bb4fab1574631113783d', class: "row gy-3" }, h("div", { key: 'e55e31fbfaa88eacd940622551e37951e54aa321', class: "col-12" }, h("h2", { key: '710bec9fdf42a7ddedbaed447ab1212bc9d6be9c', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: '81ad6d6af441041c0aa0f39c732d528e9d966b61', class: "col-12" }, h("form-control-text", { key: 'b9a3ae49cc394e28baadec0ca9904e5c25996921', 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: '53c9b52e9ff3a988805c9e72dca2038ac8cb8483', class: "col-12" }, h("form-control-file-v2", { key: 'bd2bd5d7131bf7c92a7d11042211a9b7764dbbd7', 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: 'c5cfda0599b55ba1e9df3361d7bb5b417fc44961' }, h("div", { key: 'bcdd174428a0712fcc00e2f70b62a79882254389', class: "row gy-3" }, h("div", { key: '4d6f2f5dae0398067a19537b4ebdfdeb5dbf0386', class: "col-12" }, h("h2", { key: '6e1bd9467724bf8bf3f37306e2141fab16fdef1b', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: 'b51096b1e38057f637bc65252c3e3208f4909c7f', class: "col-12" }, h("form-control-text", { key: '6d337d08e6c34f282f8dd39f67e398ff97afcdfc', 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: 'f7d15788e604d9b0fd5d8a79b4783a1f698e89fe', class: "col-12" }, h("form-control-file-v2", { key: 'ea0d2bf4b37df20ddcd9aa4cda505d978ede92bf', 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 })))));
     }
 };
 
@@ -268,7 +268,7 @@ const ProductOrService = class {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'c93f5bc2e64f5e2964eb033cb6c972283841876b' }, h("div", { key: '7986f459ba9cc0d7e896a418ba4bd9e51148d36f', class: "row gy-3" }, h("div", { key: 'ddf033f861a5b91961294600a5d6d7261937711c', class: "col-12" }, h("h2", { key: '2a33306859a2982fbb3457831c29a98cd3e86c4f', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '385212b08cbdcd4d610c806f1f9b5d18446a9831', class: "col-12" }, h("form-control-text", { key: '210a8c07288473e93737e93659dc91e7f813e306', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: '5a52ad00db803d2ddd0afe6ee7cde4b907e1ad1a', class: "col-12" }, h("form-control-date", { key: '1bdef3f3391b4a97aa3e97aefac3e29b5520f620', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: 'd4fc75d0f175914e2fbb134e6449e1d45742a9f3', class: "col-12" }, h("form-control-file-v2", { key: '62e1ae0f42103f49bc5c93427b62ad90570634f8', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
+        return (h("div", { key: '410e15dcd25e97ecc0d32f0d7c3c88d0412e8c38' }, h("div", { key: '39b8aeb37909ead1547f0a6bf5109f596846b291', class: "row gy-3" }, h("div", { key: '10a124dd96a230707c4aa0031f013cbb1c5b4881', class: "col-12" }, h("h2", { key: '2fdee4a50c3bd2b69dbaa5750c7f76cd952f8e68', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '1231676aa960d6ca5580bb532a46e3eed2bc57bf', class: "col-12" }, h("form-control-text", { key: 'b6e4ffa07b1ae79a385cd8b37c4af9c8b1bcea9c', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: '8e137d3db8a89fef565ef1b85d36743dbecaa191', class: "col-12" }, h("form-control-date", { key: 'b5b121bfae9dcc847c95cfb22e76988a71b21def', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: '5176c6bd5bdb0a2f5f2a60fdcf43f679cada509e', class: "col-12" }, h("form-control-file-v2", { key: '6c2594ff9d3cf25cc707b0a44f39a6c05489f572', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
     }
 };
 
@@ -302,7 +302,7 @@ const RefundPolicy = class {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: 'a300941b5472ab2cfd1dd212fbab4b280c132f73' }, h("div", { key: '1f11681c815c4f0676da384884b758b1bd49f3d1', class: "row gy-3" }, h("div", { key: '56f1575a5e2c7da5d725ca224b5d64163de0fd23', class: "col-12" }, h("h2", { key: '9ccb22c016184f233d1096b66380473a8e62c269', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: 'e602ac3e5fe3cbd3d12910d66cc8d879295a9e4a', class: "col-12" }, h("form-control-textarea", { key: 'f6e6dae3ab7d383da16fa5308933a77cf63f11d8', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: '8cdb3b28847683f5fd4594eb64522c899e5ef993', class: "col-12" }, h("form-control-textarea", { key: 'c8e4b7c760cbe8bb9cb30818b0c29f6012092649', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: '95c376af4517e3ee23afd64d479a6ae051f03d72', class: "col-12" }, h("form-control-file-v2", { key: 'dc2ef0d5911dbab2d820bc46563bbb7218390501', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), h("div", { key: 'b9d6ffb85e987f5037e414dde26e72f5219c0ea8', class: "col-12" }, h("form-control-file-v2", { key: 'c6513b7a2f9d68c2df2be8c21da0d16e03a6a885', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
+        return (h("div", { key: 'bfafd93af052c07f799f5d1985224b91a43ee2b2' }, h("div", { key: 'd27f8f7d3f32fd505f26f505e5134246205dff91', class: "row gy-3" }, h("div", { key: '61fda5a34f871d4249b9ca1ffc286aa7293f5d7b', class: "col-12" }, h("h2", { key: '1555d161a6dece38cc4bfcf041cbe6c88e595fe3', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '1ee55607ccec0487074a9ef7e925ce5dce854e45', class: "col-12" }, h("form-control-textarea", { key: '6671ba0ff6396005c97694ff496b7bccdf9cc80f', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: '649bf89ca1ff416050b2a5740ee6be97fd41cf10', class: "col-12" }, h("form-control-textarea", { key: '1178960db11c981e0b02a6d22dfd1fa746649d50', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: 'f95ca250129870d80862d338e8151406ee8d6d04', class: "col-12" }, h("form-control-file-v2", { key: '546f2d6a3f3a43afd67d38de3a550735971f4d46', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), h("div", { key: '1c9379943c0dd4b5344bed35d85b1085bcc92c5d', class: "col-12" }, h("form-control-file-v2", { key: '972f3d60d4e739c092dd4de609814701a99cf220', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
     }
 };
 
@@ -339,7 +339,7 @@ const ShippingDetails = class {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '4556d3dbedce4833b63302f78f467ccf71cce02c' }, h("div", { key: '18569ca4c37bbf7b82a13db6c8ae878d0b2c12fa', class: "row gy-3" }, h("div", { key: '001f41285eda4237686861df1aaaad24836fbf7c', class: "col-12" }, h("h2", { key: '3193324c11f5ca7c81de99cd224e2f8a8d21a43d', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: 'e312e8aee070bee2b317dc7f6f9e616dc3cbd26e', class: "col-12" }, h("form-control-text", { key: '69a90af0a8c328b7e0eba67d39ac3f2f4ffd3439', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: '5c4ca04204a7467918e2e130d6ee437a4c5db85b', class: "col-12" }, h("form-control-text", { key: '266415e75633d4d4b5062f56ec43d47e60e03aa1', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: '90088259556bbfce03c87af029ea53efc4c394de', class: "col-12" }, h("form-control-date", { key: 'b5eaf92844540c4536f8296e8668ed7e826dfd1f', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: '180c72ec5c37cb7bca2edbf3d158d4973c149084', class: "col-12" }, h("form-control-textarea", { key: '924cae54e30cba491dd4ce10bb514a7374a1d793', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: 'b7f06251c0a03bec0b6622b9d05c7c55d7d6bb13', class: "col-12" }, h("form-control-file-v2", { key: '832da84ac1f4822ac882c03d60b169a2351ffb8e', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
+        return (h("div", { key: '31b6e5c103875a0b61fa03a7c9ddb42d62cf9cfc' }, h("div", { key: '5586da5e8e052126d3418278904b9822f16ad70c', class: "row gy-3" }, h("div", { key: '3a4ac6e494ccd1f2179f87555d0035545a3d0448', class: "col-12" }, h("h2", { key: '234210d22dcc7d746bcc706f5e905d19dd9888a0', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '9f485ea4dd7f31ac4929c622ed6f1bfbf2768033', class: "col-12" }, h("form-control-text", { key: '3c75220f8a00d84ff577351a879558e4d531110f', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: 'e9a43cffae3dabb6c26db05bd4dc3e64c6aaa50b', class: "col-12" }, h("form-control-text", { key: 'ce1a535d12f24b8da38c4d5a30a82c911c6883bb', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: '6ac1abd518eb2e179c5f7cdd06d8839070592a31', class: "col-12" }, h("form-control-date", { key: 'c4de43f8e142de7fd456585ebde520bc0b7057b3', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: '08118d7b5c6b8ce369a77e006fbb9692783b9b95', class: "col-12" }, h("form-control-textarea", { key: 'ec225a70e5b9ad7644a0e64285f5b4c70550aeb8', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: '861a6a17423958ebfc5e085b497e38e0a5e2aa1e', class: "col-12" }, h("form-control-file-v2", { key: '91fa66a2ec51abb1d31bbb95e23fd7659f107afe', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
     }
 };
 

package/dist/esm/{justifi-bank-account-form_5.entry.js → justifi-bank-account-form_7.entry.js}

@@ -1,29 +1,36 @@
 import { h, r as registerInstance, c as createEvent } from './index-N3w5zrz2.js';
 import { S as StyledHost } from './styled-host-DtvbNFVU.js';
 import './event-types-CZfYo5-1.js';
-import { S as Skeleton } from './skeleton-C1-JoGFC.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-DqhSXPRt.js';
+import { S as Skeleton } from './skeleton-D1Z4a8af.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-CwPXpnQZ.js';
 import { w as waitForConfig, c as configState } from './config-state-B3mtRA6f.js';
 import { c as create$3, F as FormController } from './index.esm-BCNUj0Dx.js';
 import { k as postalValidation, l as stateValidation, m as cityValidation, n as lineTwoValidation, q as lineOneValidation, y as identityNameValidation } from './schema-validations-DLWfpHyI.js';
-import { ag as billingForm } from './parts-D3G5aVLy.js';
+import { ai as heading3, af as billingForm } from './parts-CKg_luIy.js';
 import { n as numberOnlyHandler } from './utils-BnjCmwMr.js';
 import { S as StateOptions } from './state-options-BX8GieXu.js';
-import { o as onChange } from './checkout.store-GXtlf5-4.js';
-import './package-DR0dQ8Fv.js';
-import './Api-C3T8XYbb.js';
-import './utils-BjLkBMLe.js';
+import { o as onChange, c as checkoutStore } from './checkout.store-td03RV8y.js';
+import { B as Button } from './button-BB-N4vit.js';
+import { H as Header1 } from './header-1-DYuf6mkF.js';
+import { H as Header2 } from './header-2-C4ZCdZwi.js';
+import './package-HlNEzyiZ.js';
+import './Api-BCeKXDaf.js';
+import './utils-Cu5hITuT.js';
+import './dinero-DizZAUMY.js';
 import './_commonjsHelpers-BFTU3MAI.js';
-import './ComponentError-BhrFjjAs.js';
-import './Refund-0aZtuMmz.js';
+import './ComponentError-Cjcsf8ku.js';
+import './Refund-DBHZkemk.js';
+import './Dispute-BH0Xfn-F.js';
 import './Pagination-CLHwhyvu.js';
-import './Payment-00TwhwCx.js';
-import './Dispute-7MWRbTXI.js';
 import './Business-BCoP0TAV.js';
 import './helpers-Mu7LQT-w.js';
 import './index-BAq5IUBW.js';
 import './business-form-options-CgssATyg.js';
 
+const Header3 = (props) => {
+    return h("h3", { class: `header-3 ${props === null || props === void 0 ? void 0 : props.class}`, part: heading3 }, props.text);
+};
+
 const BankAccountFormSkeleton = (props) => {
     const { isReady } = props;
     if (isReady) {
@@ -77,10 +84,10 @@ const BankAccountForm = class {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(StyledHost, { key: '62a8adb8888d6143bbc27678ccff125c7b3a59ec' }, h(BankAccountFormSkeleton, { key: 'a73372809ad95b4aa900aa6907ce4517ce01cdde', isReady: this.isReady }), h("hidden-input", { key: 'a9324304388bf0b3b19bfe4f8ea56c9fad1a12e7' }), h("div", { key: '7b7584c3af3bfe6ca6fb7bdbec25d4c0c9d43b40', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: 'c514fdaa726fbccd7caeb7629ffdb997b53a05d1' }, h(BankAccountFormSkeleton, { key: 'cc0871ce3e983c025def27526d811ac7547a5a15', isReady: this.isReady }), h("hidden-input", { key: '43fe0f3ee8987a7a71bdbda7d589916148ec8cb2' }), h("div", { key: '37d5fb42ee27aa02e34d0be96c4db913b51748bd', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '40c0352915f903b5ba6fda1642644158daf129b7', class: "row mb-3" }, h("iframe-input", { key: 'af64688e5d8b5da6898a5e20550cc1992a28fe9c', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '20fbdaffb3d2ba3ac8c44a4b64040f146ad58789', class: "row" }, h("iframe-input", { key: '5a0fd0855570d0ebbcd1d6be2f569d08a4ae3c17', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+            } }, h("div", { key: '182f7124dbff91540e9507c184ddbe38e8878d08', class: "row mb-3" }, h("iframe-input", { key: '05f96ae6bb3b0da0e14144a2650100a87c203bea', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: 'abbd604d511e84b6ee814d124878ad9d118c312a', class: "row" }, h("iframe-input", { key: '615000330fc0735a514c37a60c814e3cb301dcd2', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
     }
 };
 
@@ -130,16 +137,32 @@ const BillingInformationForm = class {
             this.errors = Object.assign({}, errors);
         });
     }
+    async fill(values) {
+        this.formController.setInitialValues(values);
+        return this.formController.values.getValue();
+    }
     async getValues() {
         return this.formController.values.getValue();
     }
     async validate() {
-        let isValid = await this.formController.validate();
-        return { isValid: isValid };
+        const isValid = await this.formController.validate();
+        const errors = this.formController.errors.getValue();
+        return { isValid, errors };
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(StyledHost, { key: '7111e5b5bb74bf5af175910094a75eccaff6f1c1' }, h("div", { key: '2ab9f375ca4d7b911f121a54eacbf1db58922fbf', part: billingForm }, h("form", { key: '85a3c97691dcbf47c626e879639b56abeae4b2b2' }, h("fieldset", { key: '8fbc358d9e9341f909484e1854f61fcfd1eb1fb7' }, h("div", { key: 'f829796613bf471ad10e9b56c925c279b89d1285', class: "row gy-3" }, h("div", { key: 'fb4db86dffdef38fdbdce46ff616ca04ae76e2d3', class: "col-12" }, h("form-control-text", { key: '8fbb9905623d60a3927e12b378643ba114444317', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'ad970e98848b37a7fbf38426816934d6d07f3f0c', class: "col-12" }, h("form-control-text", { key: '6e760651837835e11302b8c67a2df8fca1e8ed7e', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { key: 'e0e5e930cbe8d1004c9c042d11808cdfe249ec63', class: "col-12" }, h("form-control-text", { key: '804eddc192b2986da21e408c6ec4b0e5776cdc97', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { key: '816709631875826395d2299c550aab269ebcc978', class: "col-12" }, h("form-control-text", { key: '51f9d36ac48eb9fd96e1174464c8626a5186f8fa', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { key: 'd6a218546863ca966ca29b6a25c7965133e03e9c', class: "col-12" }, h("form-control-select", { key: '09a02e39dd8fe8bd994f66e29c0c30e232a0fe62', name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { key: '171d7901a169a8a86dae6db50f85094d891a754e', class: "col-12" }, h("form-control-text", { key: '9c0654206e6e7a6f3e8ec1f6e91c856d56fb10f4', 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: '8ccc19bff46cfdd69aa8c24d802f280f903b2c83' }, h("div", { key: 'e4086d169ed498257a7bee09d4e6d0370361cb47', part: billingForm }, h("form", { key: '5cfd86c8e707600323421593aca5d818b94d85bf' }, h("fieldset", { key: '2f0409d62e676510c1f9a12333249f5a90d4a137' }, h("div", { key: '244aefaac547fa583ea95cff06f9cb260d0e23f2', class: "row gy-3" }, h("div", { key: 'cec59600605cb3c071cd6160be1b3252e413cca3', class: "col-12" }, h("form-control-text", { key: 'd9046a9e2125027bd297847c3239acd41ddfb77c', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'e3bde7950e9cc21441f603e9f83074eaee53e2bb', class: "col-12" }, h("form-control-text", { key: '1c60f429fe9bad373c9c224b1b5ae8e036a523e3', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { key: '67b46c93ce0abf603b673d72ff056736be547c1e', class: "col-12" }, h("form-control-text", { key: 'f19f4650221d263e9b62526c6eba155e559bfce6', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { key: '09d6bd3ce92fcf23c40225c17a144bb39dae3458', class: "col-12" }, h("form-control-text", { key: 'dd7d03f10badb50fdfb830de01208281e4027753', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { key: '432885802707e91a326571201edb36153b2007f9', class: "col-12" }, h("form-control-select", { key: '3d67e842a0080180210fa0530f6ca2e980696db5', name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { key: '81d43b163f29bca08193affcfccd02224ed96cf3', class: "col-12" }, h("form-control-text", { key: 'bf5f32c222e044a09b275232fc42e6b474f1b7f3', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))))))));
+    }
+};
+
+const JustifiButton = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.variant = 'primary';
+        this.type = 'button';
+    }
+    render() {
+        return (h(StyledHost, { key: 'aad33c81cefca389b2806d7597fb3ea9dfe262b0' }, h(Button, { key: '3fb90e6122d7fe05385f8d84c6c21ca9f87d9666', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
     }
 };
 
@@ -204,10 +227,26 @@ const JustifiCardForm = class {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(StyledHost, { key: '2c4ec015f537508bc875aaf6e3d527cd4f39eec6' }, h(CardFormSkeleton, { key: '064b3dab1b506c3332c753233b1893b36d36d42a', isReady: this.isReady }), h("hidden-input", { key: 'cb74f8ef5c6c437c3ff2c763b2b3f7a9f7732c13' }), h("div", { key: '7c688141ed3e96b032fc6f96a170cd4be09a65e5', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: 'e766d6934331eb81a88f7170b0af6ac30dcad5cf' }, h(CardFormSkeleton, { key: '085c4a7c55eb510fab67f5b2b40a74ed9dad8641', isReady: this.isReady }), h("hidden-input", { key: '2da8909ba30187b2af76c359df09454aee20c122' }), h("div", { key: '278ce2f40e26444bd6ba3d6c86ab2c9fc24f192f', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '2722c8d805cc4767bf58cb70c5be4815e8bc09ee', class: "mb-3" }, h("iframe-input", { key: '428df22cc9075d737c5aec2520596ae774adde1e', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '292ae9746f3dd219ced19be33f6900fa00bfb4b1', class: "row" }, h("div", { key: '2e825c02e676a30e873f6f119aa6521e49ac7051', class: "col-4 align-content-end" }, h("iframe-input", { key: '4a9ddbf248fdabcc6da0fb405e95c906717a91ab', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: 'a500314664b746c6947107021e32d04790000865', class: "col-4 align-content-end" }, h("iframe-input", { key: '995c9294a85c8da8b9e314646c93c700a54e7310', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: 'b0a7d1f9df2a2fba165d3cae93b542da80cec77c', class: "col-4 align-content-end" }, h("iframe-input", { key: '3adfeccdfc31745b972bf7d040aaf0e5d55fbfb3', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+            } }, h("div", { key: '37cc4de3dee474960e1313ec373c5f1f8ac73832', class: "mb-3" }, h("iframe-input", { key: 'f4a0ec580257cec559d9b50f51a7b49f68724bba', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: 'e65d56b26704e676e0851fee603d94faf3927e63', class: "row" }, h("div", { key: 'dc3e8a71551bc9296a45f2f2f34e950aa2441b58', class: "col-4 align-content-end" }, h("iframe-input", { key: 'bf01e116b03c48a2562581b59c9fc51a2ceb76ca', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '894ff6ad9cabe84f040130029547c1f21280e648', class: "col-4 align-content-end" }, h("iframe-input", { key: '2491f2262264ca7d00763c24918cf36b1be3918c', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: 'eb28615b2b4c4f3c96eecaa669c145d7c75540e2', class: "col-4 align-content-end" }, h("iframe-input", { key: '3a41f7d72962ded54572046ff663b63dd00c3a7c', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+    }
+};
+
+const Header = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.levels = {
+            h1: Header1,
+            h2: Header2,
+            h3: Header3,
+        };
+        this.level = 'h1';
+    }
+    render() {
+        const HeaderComponent = this.levels[this.level];
+        return (h(StyledHost, { key: 'ebc12609efe0a7c65bdbf8740abba439f09a92a4' }, h(HeaderComponent, { key: '4f88280af54c1980aa90ad149fad220e860b3c6d', text: this.text, class: this.class })));
     }
 };
 
@@ -245,11 +284,12 @@ const PostalCodeForm = class {
     }
     async validate() {
         let isValid = await this.formController.validate();
-        return { isValid: isValid };
+        const errors = this.formController.errors.getValue();
+        return { isValid, errors };
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(StyledHost, { key: 'bc2746672b9bcb986f658f69c53ded47f78165e2' }, h("form", { key: '9a2642233487802aa55c0a0a548f277e252517d3' }, h("form-control-text", { key: 'ff3f4e10ebe6a278bbe0671691128a058e8ada8b', 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: 'dd5eac14587300198c7032b5ea66cddd0c732708' }, h("form", { key: 'fb51d6c69c0b4257a7d4c6299bf28ceb30d28f31' }, h("form-control-text", { key: '0ce26b35589622f79f653e538bc683b682af1944', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))));
     }
 };
 
@@ -258,14 +298,15 @@ const SaveNewPaymentMethod = class {
         registerInstance(this, hostRef);
         this.checkboxChanged = createEvent(this, "checkboxChanged");
         this.isChecked = false;
-    }
-    handleCheckboxChange(_name, value) {
-        this.isChecked = value;
-        this.checkboxChanged.emit(this.isChecked);
+        this.handleCheckboxChange = (_name, value) => {
+            this.isChecked = value;
+            checkoutStore.savePaymentMethod = value;
+            this.checkboxChanged.emit(this.isChecked);
+        };
     }
     render() {
-        return (h(StyledHost, { key: '114f1887f2aebee2440d5c0b187fe1f361137230' }, h("div", { key: '8a967beb89065a8b3ee501f0589b6617764c641e', class: "mt-4 form-check" }, h("form-control-checkbox", { key: 'b22ca881a5fcda9dc044dfd1175e9ae06fd9f504', label: "Save new payment method", name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange.bind(this) }))));
+        return (h(StyledHost, { key: '6842e4b8045d568d8806fa8ade5cc41c9a2d5655' }, h("div", { key: 'f0d69890acbe422ea0dffe9d1313a2d3e4a6054d', class: "mt-4 form-check" }, h("form-control-checkbox", { key: '8509e3b6a5ebcf6b0e461cb9d2ad9115f6908663', label: "Save new payment method", name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange }))));
     }
 };
 
-export { BankAccountForm as justifi_bank_account_form, BillingInformationForm as justifi_billing_information_form, JustifiCardForm as justifi_card_form, PostalCodeForm as justifi_postal_code_form, SaveNewPaymentMethod as justifi_save_new_payment_method };
+export { BankAccountForm as justifi_bank_account_form, BillingInformationForm as justifi_billing_information_form, JustifiButton as justifi_button, JustifiCardForm as justifi_card_form, Header as justifi_header, PostalCodeForm as justifi_postal_code_form, SaveNewPaymentMethod as justifi_save_new_payment_method };