@justifi/webcomponents 6.12.0 → 6.12.1-rc.2

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

@@ -10,7 +10,7 @@ export class FormAddressFields {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         const labels = countryLabels[this.country];
         const options = countryOptions[this.country];
-        return (h(Host, { key: 'e29f7f83cadc904cfc99431b72503ec7db545d0d' }, h("div", { key: 'f12e1246925a1a1fbfe25e07144aee46f698c24f', class: "row gy-3" }, h("div", { key: '109e36cc204e6798d8c4698aa92872226a885020', class: "col-12" }, h("form-control-text", { key: '9d458a0cad4fd33ac5ab1211a0930e23109cbe6c', 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: '7001ca8f0f123d3bd6c819b51bcd9859c138875d', class: "col-12" }, h("form-control-text", { key: '47b8ffbf8e14d731187dfa6903ccc50ef7719eca', 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: '24795c8373dfb546e7bb9bd841646a24455c72af', class: "col-12" }, h("form-control-text", { key: '124aab7c415c972f010b98eca83e9eef51f96f33', 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: 'b710a554fa639a3c0a7a31661379b480a537d776', class: "col-12 col-md-6" }, h("form-control-select", { key: '3bca33f351147286fa34fdff51f0cfd9b5443658', 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: 'b869501766aa4482e9ea9edda29af9ecd05fac0e', class: "col-12 col-md-6" }, h("form-control-text", { key: '29b3412e69ee4bf83bf211fa3f8395d6d80fde2d', 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: 'c7b688749c7e08a18fd2000e8d441dc01e9b2e8d' }, h("div", { key: '3e133db2244db25e8f9841a48ecb28f923eaab22', class: "row gy-3" }, h("div", { key: 'aa765dd77b4c9a32f1446d2034a9bc5e95bb9ca1', class: "col-12" }, h("form-control-text", { key: 'e02f2088d591c1979afcd37a1ba24559a9278ee5', name: "line1", label: "Street Address", inputHandler: this.inputHandler, defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, helpText: "No PO Boxes." })), h("div", { key: '9966e1ed471af132236d022be860fd1adb56b61a', class: "col-12" }, h("form-control-text", { key: 'b1a434bf3726ff08f5372d9d350fc5251129815a', name: "line2", label: "Address Line 2 (optional)", inputHandler: this.inputHandler, defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2 })), h("div", { key: 'a5027c59a7fc4f1293578ea165d1dad53e55d361', class: "col-12" }, h("form-control-text", { key: 'e1567856de791bc32e0a85caeb5464b2f63f5f63', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city })), h("div", { key: 'b131845ebeaa5e7bbfd745d724932174fe785de7', class: "col-12 col-md-6" }, h("form-control-select", { key: 'c590815dfc61241b7c1fc9172dad75a7116b703c', name: "state", label: labels.stateLabel, options: options.stateOptions, inputHandler: this.inputHandler, defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state })), h("div", { key: 'f896d6370e956ab8b1750b6164ec6cd5c1e8b9ee', class: "col-12 col-md-6" }, h("form-control-text", { key: '469fb8945ca6603a503f32971ef9d2afa3e8a30e', name: "postal_code", label: labels.postalLabel, inputHandler: this.inputHandler, defaultValue: (_j = this.defaultValues) === null || _j === void 0 ? void 0 : _j.postal_code, errorText: (_k = this.errors) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: this.country === CountryCode.USA ? 5 : 7, keyDownHandler: this.country === CountryCode.USA ? numberOnlyHandler : undefined })))));
     }
     static get is() { return "form-address-fields"; }
     static get properties() {

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

@@ -1,29 +1,120 @@
-import { h } from "@stencil/core";
+import { h, } from "@stencil/core";
 import JustifiAnalytics from "../../../api/Analytics";
-import { ComponentErrorCodes, ComponentErrorSeverity } from "../../../api/ComponentError";
-import { makeGetBusiness, makePostProvisioning } from "./payment-provisioning-actions";
+import { ComponentErrorCodes, ComponentErrorSeverity, } from "../../../api/ComponentError";
+import { makeGetBusiness, makePostProvisioning, } from "./payment-provisioning-actions";
 import { BusinessService } from "../../../api/services/business.service";
 import { ProvisionService } from "../../../api/services/provision.service";
 import { checkPkgVersion } from "../../../utils/check-pkg-version";
 import { isTokenExpired } from "../../../utils/utils";
+import { checkProvisioningStatus } from "../utils/helpers";
+import { Header1, StyledHost } from "../../../ui-components";
+import { text } from "../../../styles/parts";
+import { BusinessFormClickActions } from "../utils/event-types";
+import { CountryCode } from "../../../utils/country-codes";
+import { Business } from "../../../api/Business";
+import { PaymentProvisioningLoading } from "./payment-provisioning-loading";
+import { PaymentProvisioningAlreadyProvisioned } from "./payment-provisioning-already-provisioned";
+import { PaymentProvisioningSubmissionComplete } from "./payment-provisioning-submission-complete";
 export class JustifiPaymentProvisioning {
     constructor() {
+        this.loading = false;
+        this.businessLoading = true;
+        this.businessProvisioned = false;
+        this.formSubmitted = false;
+        this.currentStep = 0;
+        this.country = CountryCode.USA;
         this.allowOptionalFields = false;
         this.formTitle = 'Business Information';
+        this.refs = [];
+        this.setBusinessProvisioned = () => {
+            return new Promise((resolve) => {
+                this.getBusiness({
+                    onSuccess: (response) => {
+                        const business = new Business(response.data);
+                        this.businessProvisioned = checkProvisioningStatus(business);
+                        this.country = business.country_of_establishment;
+                        if (this.businessProvisioned) {
+                            this.errorEvent.emit({
+                                message: 'A request to provision payments for this business has already been submitted.',
+                                errorCode: ComponentErrorCodes.PROVISIONING_REQUESTED,
+                                severity: ComponentErrorSeverity.INFO,
+                            });
+                        }
+                        this.businessLoading = false;
+                        resolve();
+                    },
+                    onError: ({ error, code, severity }) => {
+                        this.errorEvent.emit({
+                            message: error,
+                            errorCode: code,
+                            severity: severity,
+                        });
+                        this.businessLoading = false;
+                        resolve();
+                    },
+                });
+            });
+        };
+        this.postProvisioningData = () => {
+            this.postProvisioning({
+                onSuccess: (response) => {
+                    this.formSubmitted = true;
+                    this.submitEvent.emit({ response: response });
+                },
+                onError: ({ error, code, severity }) => {
+                    this.submitEvent.emit({ response: { error } });
+                    this.errorEvent.emit({
+                        message: error,
+                        errorCode: code,
+                        severity: severity,
+                    });
+                },
+            });
+        };
+        this.incrementSteps = () => {
+            if (this.currentStep < this.totalSteps) {
+                return this.currentStep++;
+            }
+        };
+        this.decrementSteps = () => {
+            return this.currentStep--;
+        };
+        this.previousStepButtonOnClick = () => {
+            this.clickEvent.emit({ name: BusinessFormClickActions.previousStep });
+            this.decrementSteps();
+        };
+        this.nextStepButtonOnClick = (e, clickEventName) => {
+            e.preventDefault();
+            this.clickEvent.emit({ name: clickEventName });
+            const currentStep = this.refs[this.currentStep];
+            currentStep.validateAndSubmit({ onSuccess: this.incrementSteps });
+        };
     }
     propChanged() {
         this.initializeApi();
     }
-    componentWillLoad() {
+    handleFormCompleted() {
+        this.postProvisioningData();
+    }
+    handleFormLoading(event) {
+        this.loading = event.detail;
+    }
+    async componentWillLoad() {
         checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
         this.initializeApi();
+        if (this.getBusiness) {
+            await this.setBusinessProvisioned();
+        }
+        else {
+            this.businessLoading = false;
+        }
+        this.refs = new Array(7);
     }
     disconnectedCallback() {
         var _a;
         (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
-    ;
     initializeApi() {
         if (!this.authToken || !this.businessId) {
             this.errorEvent.emit({
@@ -44,17 +135,35 @@ export class JustifiPaymentProvisioning {
         this.getBusiness = makeGetBusiness({
             authToken: this.authToken,
             businessId: this.businessId,
-            service: new BusinessService()
+            service: new BusinessService(),
         });
         this.postProvisioning = makePostProvisioning({
             authToken: this.authToken,
             businessId: this.businessId,
             product: 'payment',
-            service: new ProvisionService()
+            service: new ProvisionService(),
         });
     }
+    get formDisabled() {
+        return this.loading || this.businessProvisioned;
+    }
+    get totalSteps() {
+        return this.refs.length - 1;
+    }
+    get stepCounter() {
+        return `Step ${this.currentStep + 1} of ${this.totalSteps + 1}`;
+    }
     render() {
-        return (h("justifi-payment-provisioning-core", { key: 'e0e707c564262573b709f427a31f6d532b0e82c3', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
+        if (this.businessLoading) {
+            return (h(StyledHost, null, h(PaymentProvisioningLoading, null)));
+        }
+        if (this.businessProvisioned) {
+            return (h(StyledHost, null, h(PaymentProvisioningAlreadyProvisioned, null)));
+        }
+        if (this.formSubmitted) {
+            return (h(StyledHost, null, h(PaymentProvisioningSubmissionComplete, null)));
+        }
+        return (h(StyledHost, null, h("div", { class: "row gap-3" }, h(Header1, { text: this.formTitle }), h("payment-provisioning-form-steps", { businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, country: this.country, handleFormLoading: this.handleFormLoading }), h("div", { class: "d-flex justify-content-between align-items-center" }, h("div", { class: "d-flex align-items-center", part: text }, this.stepCounter), h("payment-provisioning-form-buttons", { currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.loading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
     }
     static get is() { return "justifi-payment-provisioning"; }
     static get encapsulation() { return "shadow"; }
@@ -142,12 +251,38 @@ export class JustifiPaymentProvisioning {
     }
     static get states() {
         return {
-            "postProvisioning": {},
-            "getBusiness": {}
+            "loading": {},
+            "businessLoading": {},
+            "businessProvisioned": {},
+            "formSubmitted": {},
+            "currentStep": {},
+            "errorMessage": {},
+            "country": {}
         };
     }
     static get events() {
         return [{
+                "method": "clickEvent",
+                "name": "click-event",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "ComponentClickEvent",
+                    "resolved": "ComponentClickEvent",
+                    "references": {
+                        "ComponentClickEvent": {
+                            "location": "import",
+                            "path": "../../../api/ComponentEvents",
+                            "id": "src/api/ComponentEvents.ts::ComponentClickEvent"
+                        }
+                    }
+                }
+            }, {
                 "method": "errorEvent",
                 "name": "error-event",
                 "bubbles": true,
@@ -168,6 +303,27 @@ export class JustifiPaymentProvisioning {
                         }
                     }
                 }
+            }, {
+                "method": "submitEvent",
+                "name": "submit-event",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "ComponentSubmitEvent",
+                    "resolved": "ComponentSubmitEvent",
+                    "references": {
+                        "ComponentSubmitEvent": {
+                            "location": "import",
+                            "path": "../../../api/ComponentEvents",
+                            "id": "src/api/ComponentEvents.ts::ComponentSubmitEvent"
+                        }
+                    }
+                }
             }];
     }
     static get watchers() {
@@ -179,4 +335,19 @@ export class JustifiPaymentProvisioning {
                 "methodName": "propChanged"
             }];
     }
+    static get listeners() {
+        return [{
+                "name": "formCompleted",
+                "method": "handleFormCompleted",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "formLoading",
+                "method": "handleFormLoading",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }];
+    }
 }

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

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

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

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

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

@@ -108,7 +108,7 @@ export class BusinessTermsConditionsFormStep {
         return (h("a", { href: "https://justifi.tech/merchant-agreement/", target: "_blank", rel: "noopener noreferrer" }, "merchant agreement"));
     }
     render() {
-        return (h("form", { key: '325cb8ddd72c0fcd8ea14eae5c8abff286c57b90' }, h("fieldset", { key: '4376945ecca9dc5f462099b8a7b893b84d72ee28' }, h("legend", { key: 'd2c83a8d552091c1e546fe663be6674fb5cc623a', part: heading2 }, "Terms and Conditions"), h("hr", { key: '608620cec864f21eed1c0263236e160171543881' }), h("div", { key: '58942ff2e4a620695485b9e80443c9cbfae74186' }, h("p", { key: '487df1718bb9a5dfc486c8589d75c627d325edd8' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: 'ee3cc0ccedd353030abc05d80b20d7ae5b3f327c' }), h("div", { key: 'd9ff9f7aeb18da7253f6ed1705ac0ebd4aebbc15', class: "row-gy-3" }, h("div", { key: 'f9e9fd3bdc0b74872fa58940af54952a138cc988', class: "col-12" }, h("form-control-checkbox", { key: '63cdad138445ac5b5fa4beb678475048c5b8c589', 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: 'bd5117e6c5206dbbac772e6e9cbcb23f0dd3e8ad' }, h("fieldset", { key: 'ae9e0a6a5296a0fbad5ad1282a18ac3fd3d4445e' }, h("legend", { key: '86dd2cfd7c8c0114cee2c5cfe83c9dc8f9b113df', part: heading2 }, "Terms and Conditions"), h("hr", { key: 'c3747ca0ecaf68734a9335e14730471130d1a428' }), h("div", { key: 'c5e1858326c6805c9cb16b84f224f95bb764b241' }, h("p", { key: '352e14efc77677ce445e6437f27d68b864ec500b' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: 'b94cae3d132d7d211b0bbff5f0070717b034b256' }), h("div", { key: 'ab728d134034552b02f74228746785e209776172', class: "row-gy-3" }, h("div", { key: '645592f8eb929766c4c12f743a46c6ce03ae7459', class: "col-12" }, h("form-control-checkbox", { key: '9fe09f38e66c2b1d879f620ab860ea2eee284889', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText, checked: this.acceptedTerms }))))));
     }
     static get is() { return "business-terms-conditions-form-step"; }
     static get properties() {

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

@@ -36,10 +36,10 @@ export class BankAccountForm {
         return result;
     }
     render() {
-        return (h("div", { key: '73e3f3c28652ec1a0256ea8668db6ebe56e929ba' }, h(BankAccountFormSkeleton, { key: 'cf8bd04492e821a4c39c61c549dec728fc24696e', isReady: this.isReady }), h("hidden-input", { key: '877eeb9963fb9971e372a05eb3de1bee66d5b765' }), h("div", { key: '8a5c6dced3dfd9ce2486712e6a7d90b3710721bc', class: "container-fluid p-0", style: {
+        return (h("div", { key: 'b19157c62bd6511b9f61ca8f94b7294b370bc8b9' }, h(BankAccountFormSkeleton, { key: '72ad4b72fbf0763a55be74045102b74fa4208e32', isReady: this.isReady }), h("hidden-input", { key: '73f5599e3cfd6c5cf85ef306711436c3749e0a9b' }), h("div", { key: '75c0c1496b02665348cc2b3ec1847772f4039dcd', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '35f116944ac3fbda6f46cd3335dd442fc5284fc3', class: "row mb-3" }, h("iframe-input", { key: 'c9bfd6124f3107b703ee4c43946560940b93899f', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: '43a3d810081ad218ce3fd57627c1c93efc4fb1eb', class: "row" }, h("iframe-input", { key: '4b2d6d3213c4ba44cf63a1297d34975c894010f6', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
+            } }, h("div", { key: 'eac4d39be4f282f510a486ec86522a21501b978f', class: "row mb-3" }, h("iframe-input", { key: '76a5fa31aa254a910af3349875c9112e1f0bde46', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: 'bd636c2c0fd993594b9f6b8ef275b9951100e822', class: "row" }, h("iframe-input", { key: '796289f5ece7fc117fd3779f9086b927ccb9e6d2', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
     }
     static get is() { return "bank-account-form"; }
     static get states() {

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

@@ -40,7 +40,7 @@ export class BankAccountBillingFormSimple {
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h("div", { key: 'e8c53c98793d0296d69799c8449d762084d9859b', part: billingForm, class: "mt-4" }, h("form", { key: '83e59bb7bdcf4a3e0b4ed4320358796eae91726f' }, h("fieldset", { key: 'd92a4a02c531a08a270562701bc71440add5b545' }, this.legend && (h("legend", { key: '74ac1eb2c6fc629323f31be515e3aa204ae302a2' }, this.legend)), h("div", { key: '161888eb0680a4c9d6280440961f2926b08ac1ed', class: "row gy-3" }, h("div", { key: '9f6c899b7a4ff25a5eba5278bffe7d4e86eb00df', class: "col-12" }, h("form-control-text", { key: '74a9958fb74de730067fe4d87dfac33c12522169', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })))))));
+        return (h("div", { key: '34e77db7e212eab37000212b208a6dc1afaa8054', part: billingForm, class: "mt-4" }, h("form", { key: '289b661851fc6d68a5d6dd376a6e31b691e25aea' }, h("fieldset", { key: '84efe1610a1bbc8b12a95711814280a4949e850c' }, this.legend && (h("legend", { key: '7076fc6b9ef264ac72d36833c7b760b5999e030e' }, this.legend)), h("div", { key: '66d78f8c243230d790d854ba16292f3d84ef5ca9', class: "row gy-3" }, h("div", { key: 'e58dfaa9b758dcfbe434a3d51ab6e51b54cc83c1', class: "col-12" }, h("form-control-text", { key: 'b872c9f5e3726312171bb16a95e3709bcd12f40a', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })))))));
     }
     static get is() { return "bank-account-billing-form-simple"; }
     static get properties() {

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

@@ -40,7 +40,7 @@ export class CardBillingFormSimple {
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h("div", { key: '41a7f26e12bfa3da4e7926d8a535218a0580be14', part: billingForm }, h("form", { key: 'b48cf148ec6d16fd8e5859dfe96a3b9fd6d3036d' }, h("fieldset", { key: '88094544642af8fadb270dfafd838d450ad88cdd' }, this.legend && (h("legend", { key: '13c19557aa4c0c127305cc54f6346eeb74d4f750' }, this.legend)), h("div", { key: 'bbcf1a622720df2d21db718eaf823e4e33155070', class: "row gy-3" }, h("div", { key: '96b9d590fd68fd4f2a54760e58c0f2bc166a832b', class: "col-12" }, h("form-control-text", { key: '57050d0274782cb2ff5f1a9b13726a8319438a36', name: 'address_postal_code', label: "Postal Code", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 7 })))))));
+        return (h("div", { key: 'e03627343cb26892acde58da706338ecabcb5211', part: billingForm }, h("form", { key: '39470e1397359b0b76f3e6395ee4ba45c73e6bac' }, h("fieldset", { key: '8a46884528b7f7712c553bdd304b5caa6157db49' }, this.legend && (h("legend", { key: '6be8bc62f144505fe101292afe181c964beb598d' }, this.legend)), h("div", { key: '1380c7c0e24b454f362c7521e3b613319276dc72', class: "row gy-3" }, h("div", { key: 'ba96decebeef20bea2b0e1b278df2a64a05307b1', class: "col-12" }, h("form-control-text", { key: 'd82ac4e66ba40512c9ab1b30e31cb9708f566fed', name: 'address_postal_code', label: "Postal Code", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 7 })))))));
     }
     static get is() { return "card-billing-form-simple"; }
     static get properties() {

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

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

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

@@ -40,10 +40,10 @@ export class CardForm {
         return result;
     }
     render() {
-        return (h("div", { key: 'd3cb1fca6595f60e5f5f122b73d3d6c11a826423' }, h(CardFormSkeleton, { key: 'f83dcbbc214d460bb21c015ec051436ed5cf6670', isReady: this.isReady }), h("hidden-input", { key: '5fad0d06303d0ddb55c30c2cd94014255f2a8cec' }), h("div", { key: '68440756a1aad69b5c95245e7a2a5feb16899dca', class: "container-fluid p-0", style: {
+        return (h("div", { key: 'f354f98736c53e02b03382706303c3d35dea3d82' }, h(CardFormSkeleton, { key: 'cb3a80209b1b86204bd19923080e339d83bb6f2b', isReady: this.isReady }), h("hidden-input", { key: '12c994f1c11366379ccb37ec9614c810b2f71edc' }), h("div", { key: 'af0b517f3e4a039d818e39c611a235f733d0fb0b', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'b39eab56c79463935f1a1bb15cc867997f026e7b', class: "mb-3" }, h("iframe-input", { key: '25a2390a8c3c92d5e6eceafe6b821202ecb22d76', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: '68766798d954a0b3d093ae13c3c2955f819da4f2', class: "row" }, h("div", { key: '05539f1ac8ebb0397574d55b4b76d7acdb7d2dca', class: "col-4 align-content-end" }, h("iframe-input", { key: '4c437a4384e6c301e18824d799784c1133e70ee3', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: 'b9a5b8b5dda1d8ab6305c9dc1ef9b655eb02fb3d', class: "col-4 align-content-end" }, h("iframe-input", { key: 'c1a412c20e75d21c1084a4b93f22362c367c1907', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: 'abdfdbd7eb784871011397a7c5fdf371e3c6baf0', class: "col-4 align-content-end" }, h("iframe-input", { key: '08dff072e785846d7543018c194b4df6ce5b343e', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
+            } }, h("div", { key: 'bebae6017a3d1c6b165ce1fb04c6d904e30b872a', class: "mb-3" }, h("iframe-input", { key: '09b07e25d86bcee2edf4863bf221a1c153df7f61', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: '16bff33c3b33f09275b40384340759faa740df5e', class: "row" }, h("div", { key: '3b3df16030097be0ed6c3a55ac36e3381934a6b9', class: "col-4 align-content-end" }, h("iframe-input", { key: '38cfcddc60ec35c7ef5353753205689ba81a6090', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: '4413e72303e0f7c2e674327c3fd61c026a0c3530', class: "col-4 align-content-end" }, h("iframe-input", { key: '3a5f52bc7b626aafbdbc818238f0fe1357fab307', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: '9c2e8c2aab3c618eded19c8793962302a77d2681', class: "col-4 align-content-end" }, h("iframe-input", { key: '1a6eadb96d537943ffdc6136fdef50240818e517', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
     }
     static get is() { return "card-form"; }
     static get states() {

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

@@ -74,9 +74,9 @@ export class JustifiCheckout {
     }
     render() {
         var _a, _b;
-        return (h(StyledHost, { key: '276ce9e43391eb3323bce08a465831038acf30b0' }, h("justifi-modular-checkout", { key: '9c111730403d0da1a6769b8a5d41b5517e210ece', ref: (el) => {
+        return (h(StyledHost, { key: '73b79b014b6531a63beeb8344ff60d2b7c471843' }, h("justifi-modular-checkout", { key: '073ad54ce7f410a0ab30f2cb4e8bbf4249eccd83', ref: (el) => {
                 this.modularCheckoutRef = el;
-            }, authToken: this.authToken, checkoutId: this.checkoutId, preCompleteHook: this.preCompleteHook }, h("div", { key: '3cdbc4de0fe612e5a929b27ed1397226d083ce61', class: "row gy-3 jfi-checkout-core" }, h("div", { key: 'f1bf2b80e876b96e5357cea7b0a95e2a846b36b6', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: '4eb043734efb5f8ed84c5160443ba4f23c5d6fd5', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '786c89b8aa65a73ad3d849f3abe12dec8530ecb2' }, h("justifi-checkout-summary", { key: 'af6a4dfaf6855cc00c1305321c773524bf4220af' }))), h("div", { key: 'a833b1ae983c26e102296d5c96d2b0cef75d318e', class: "col-12 mt-4" }, h("slot", { key: '69318d11beef612aca5b43233aa350410656f3df', name: "insurance" })), h("div", { key: 'd501f4e821acb8ae7b87bd404f7e198442d755b1', class: "col-12 mt-4" }, h("justifi-header", { key: 'a0e35a3c9e17c369cd3f6c20d0920a3b7ab0d762', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: 'c221cf0d0e2fdc5de6ba30932aba29cf5579c0da', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: 'f010223ce96209a7a5f658731f0addaf99c51a03', class: "d-flex flex-column" }, h("section", { key: 'ea9ea9732ecbdd979d75d5b5be8d3d289559de56' }, h("div", { key: 'ca177b32abef11c82c6a65b455aa4454c3484c9d' }, this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: 'ecb9df8b303bf743310b65253cd1033650f684ea', class: "mb-3" }, h("justifi-apple-pay", { key: 'b37003ac61eeeeba8319f9094cd64675953832d5' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.GOOGLE_PAY) && (h("div", { key: '3a21ba8424131d2ebd2c696e27450bb34c3f6206', class: "mb-3" }, h("justifi-google-pay", { key: 'c24d0b822d896e1ff2ae9125fdd8b91676f85676', ref: (el) => (this.googlePayRef = el) }))), h("justifi-saved-payment-methods", { key: '1c3d13b8e2b9731e4ff1a2b785bdba6b3041d616' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: 'cdbba68a8191b2e63db0fb1a9019f667fc1fe4e3', name: "paymentMethodType", value: PAYMENT_METHODS.SEZZLE, checked: ((_a = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.SEZZLE, label: h("justifi-sezzle-payment-method", { ref: (el) => (this.sezzlePaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.sezzlePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), this.availablePaymentMethods.includes(PAYMENT_METHODS.PLAID) && !this.disableBnpl && (h("justifi-radio-list-item", { key: '0318a8e1fb4f64fc9569269f55521372a43b403f', name: "paymentMethodType", value: PAYMENT_METHODS.PLAID, checked: ((_b = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === PAYMENT_METHODS.PLAID, label: h("justifi-plaid-payment-method", { ref: (el) => (this.plaidPaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.plaidPaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), h("justifi-tokenize-payment-method", { key: '3a1b799a08f03f1826dc91182a08e1df045bcdfc', ref: (el) => (this.tokenizePaymentMethodRef = el), authToken: this.authToken, accountId: checkoutStore.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: true, paymentMethodGroupId: checkoutStore.paymentMethodGroupId }))))), h("div", { key: '73f003bb884d04dca82657993fb006cc098355bd', class: "mt-4" }, h("justifi-button", { key: 'd39f8b5b10fe70fa99d48852af9535cf8b76354c', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: this.isSubmitting, isLoading: this.isSubmitting, customStyle: { width: '100%', textAlign: "center" } }))))));
+            }, authToken: this.authToken, checkoutId: this.checkoutId, preCompleteHook: this.preCompleteHook }, h("div", { key: '220624a67095dd6c5e45e38165adc0d91387de8b', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '874c39887dd3e6f7a375b962274f5b24b4376d4c', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: '08a25616916d84d085af3c105e1c3a7a1805c4d3', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: 'd4163febcd194252dd6e3aae1aa03b9b9cc0d1c7' }, h("justifi-checkout-summary", { key: '22777a669b904b7dd3af1ff703639859ffc9f93a' }))), h("div", { key: '97b42c19e8efd21a41d6e87974fb4fafcfe70c77', class: "col-12 mt-4" }, h("slot", { key: '4b4458ccf0239b1d5e97847ed9eac168285c077f', name: "insurance" })), h("div", { key: '33b48b7b71539faf11b0f5c53a1f6e0b93069dbb', class: "col-12 mt-4" }, h("justifi-header", { key: '6a5af57eacc4874731d056b8f01074d7f8cb27a5', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: 'a7f5a0370e68069bab7e6bd1e5c09b175a77a44c', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: '9c4ae3ad92e1bee55295a070306f2fd22e309fc0', class: "d-flex flex-column" }, h("section", { key: '6e450dbf66ea4f096860fdcc8b3bf1d170814d64' }, h("div", { key: '5b82e3ce72a8344916f05bc2213db4f2ebd54172' }, this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: '9eaa37fe8d386d7d23e4b6c86b9206c96fdf8c69', class: "mb-3" }, h("justifi-apple-pay", { key: '9c9abe2bdc3803323f00e0a958a86b9496a29cb6' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.GOOGLE_PAY) && (h("div", { key: '9566ce9d4911303bf7236cd112bc125b1129607e', class: "mb-3" }, h("justifi-google-pay", { key: '0a4a00992788daba39d5d1ee029d75975aaeaa31', ref: (el) => (this.googlePayRef = el) }))), h("justifi-saved-payment-methods", { key: '942357d2f3c15a0cfb8052d6982626d883a6d021' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: '2e9c45192f554c086a70d26bef34813a83032684', name: "paymentMethodType", value: PAYMENT_METHODS.SEZZLE, checked: ((_a = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.SEZZLE, label: h("justifi-sezzle-payment-method", { ref: (el) => (this.sezzlePaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.sezzlePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), this.availablePaymentMethods.includes(PAYMENT_METHODS.PLAID) && !this.disableBnpl && (h("justifi-radio-list-item", { key: '3cd456040d3027ca3c4a1986a871ca2c60b73809', name: "paymentMethodType", value: PAYMENT_METHODS.PLAID, checked: ((_b = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === PAYMENT_METHODS.PLAID, label: h("justifi-plaid-payment-method", { ref: (el) => (this.plaidPaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.plaidPaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), h("justifi-tokenize-payment-method", { key: '89ed477b53199fc45da3c933b6185eb9590ffcde', ref: (el) => (this.tokenizePaymentMethodRef = el), authToken: this.authToken, accountId: checkoutStore.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: true, paymentMethodGroupId: checkoutStore.paymentMethodGroupId }))))), h("div", { key: '4d5adc74fcbe92a1b1ade900efb82c38a729f790', class: "mt-4" }, h("justifi-button", { key: '7bae24117b1537457b335dc7583d8897cd3b48b0', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: this.isSubmitting, isLoading: this.isSubmitting, customStyle: { width: '100%', textAlign: "center" } }))))));
     }
     static get is() { return "justifi-checkout"; }
     static get properties() {

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

@@ -18,7 +18,7 @@ export class JustifiSavedPaymentMethod {
     ;
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: 'fe98650c6e07078a56803a0c6191bae953c46ee7', class: "payment-method" }, h("div", { key: 'ec7feef41b74992bef8968e35bd206366e568ba9', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '423d813709707272bb22e309f18cc0a72031dd01', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${CardBrandLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.brand] || ''} *${(_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.acct_last_four}` }))));
+        return (h(Host, { key: 'e344ee9a3ca002fa7b1685991db6fc947b1ab740', class: "payment-method" }, h("div", { key: '6e0c985161d5e7e8dc381d7171df9b70a25d007b', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '826c54a61730d9e55f14da3ef6f7b7dea897e036', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${CardBrandLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.brand] || ''} *${(_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.acct_last_four}` }))));
     }
     static get is() { return "justifi-saved-payment-method"; }
     static get properties() {

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

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

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

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

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

@@ -118,7 +118,7 @@ export class CheckoutsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '206c2b631670e6ccf7660273e890f2b0425cd9ec' }, h(TableComponent, { key: 'f67fc11b090798d876b48334a182f2aeb103aaf6' }, h(TableHead, { key: '8dd36bc8e6438541bb4e46a6410d3aeb079a6d7a' }, h(TableHeadRow, { key: '26282d45f866e26d466dfd65f5b941dd3a1007ca' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '6448768d21f47bfc4a6386ab503d9c59d437c9ca' }, h(TableLoadingState, { key: 'ae8d744bd47cccf76b672b965361231e1757c9f2', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'b68fa34426e974c9a06820fad2dbebb2065a99b3', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'c68c955243beeb25a1a2767e1ae6f749bfd6df6e', 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: 'abb611ae3404761e480462dd509cc604cb55da08' }, h(TableFootRow, { key: '016c2e323923a37c0e5fa00bf42b12104cc7f9b3' }, h(TableFootCell, { key: '29ad5c6edb3a80b6a1806511b6622ee2972fbb62', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '1263c60aa0b8d53a70dafce8602d75012f07567e', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'e93ef4479f03ff8d3479715bd89cbf0edc1f766c' }, h(TableComponent, { key: '5e1c2dad65fcbab0bd5dd1557fc22e41d8146ce7' }, h(TableHead, { key: 'f5c73179a9dd97dec17ac2336f22da37c8d86085' }, h(TableHeadRow, { key: 'fc0a99076077a6e3414a729b40a4fc9f26cf7d8b' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '471c4c71f65c9f8f1ce17afde15d1500ac8e1f88' }, h(TableLoadingState, { key: 'ce26a46de28ee926509efd5d55f8de5b7b5e09fb', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '71f426374ebcaa1e06f523a456e134372a68f1fd', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'f5758c7e4475e2f16fbe6e78aabd6ab55f5b39e3', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '79efc8ae730e099f265971e6f0a9c3e49661f21b' }, h(TableFootRow, { key: '292148b3db52f3792206196c0201bacb011d5b9e' }, h(TableFootCell, { key: 'da8221314ed30423ba6292e6385ca6c9967069da', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '151d09b2cca1ff78fba6da6c2aa73d8bda4bf31f', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "checkouts-list-core"; }
     static get properties() {

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

@@ -51,8 +51,8 @@ export class JustifiCheckoutsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '1cb9ac7fa93fd89d27274da2dc387f03f4243b81' }, h("table-filters-menu", { key: '6b558a243b25c44f0ac284f22e4696fd5b0f0e8a', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '9cda920e54a705a1f410eeb6643ff2b15df23773', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '027f1e03e3bb915d7946b0a085594e3ff22f009e', class: "p-2" }, h("form-control-text", { key: '188c38569a0319ba325e5818785e787404adb277', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: filterParam })), h("div", { key: '9cc16df991e6d53071936066726e513e7bfad4a9', class: "p-2" }, h("form-control-text", { key: '1424a8cd91e255240c1691829cc8cabd5bf0f272', name: "successful_payment_id", label: "Successful Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.successfulPaymentId || filterParams.successful_payment_id, disabled: !!this.successfulPaymentId, part: filterParam })), h("div", { key: 'b4ce6ffbf54f46d97c4c8ded6504c71094adefc2', class: "p-2" }, h("form-control-select", { key: '5958c25818358ee30fe1d18b1c61ac02ca26eb19', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: filterParam })), h("div", { key: 'd9f662459748fd0a9c708b6133b0a3cc4b7822d5', class: "p-2" }, h("form-control-select", { key: 'b7d407a70a87c46db06c5ba60046a2a56f7efe4e', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: filterParam })), h("div", { key: '34e34871187a8b59d07ae00e9cf21e3fc16a12c0', class: "p-2" }, h("form-control-date", { key: '366cf1b96110c7fd78d235235d27cf5c23da503f', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: 'b697e3cf585e865fc641f1264de60fcd010a2524', class: "p-2" }, h("form-control-date", { key: '2b63526cd171b9e9e84e58c43b45edf0c004baa3', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: '7243c4f7140e73b2ba223aad1836606adcc1d62a' }, h("table-filters-menu", { key: '22761af2434ad30ab54506c9f96d0d15f8ecd091', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '5ad5650361ce7269b6ad7d52007a2a4cad62588a', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '0f7536706a13206719e79a00245dce04ed2f56ad', class: "p-2" }, h("form-control-text", { key: 'a54fa23bba6129b24ce5c7fb3f1e87aba529d5fe', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: filterParam })), h("div", { key: 'ba1ae21119e18c3f82575304f81c028e20caea10', class: "p-2" }, h("form-control-text", { key: 'a56307c6d0f3cfb38e0b64e8ebba7f115441c546', name: "successful_payment_id", label: "Successful Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.successfulPaymentId || filterParams.successful_payment_id, disabled: !!this.successfulPaymentId, part: filterParam })), h("div", { key: '1796944828ff74ecee758034c6d2ffd7dede91a5', class: "p-2" }, h("form-control-select", { key: '07a55393cffcc4564ef271d846620c98ec7df47d', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: filterParam })), h("div", { key: '4ad5388e9f82a469afa76e289b4065047c133791', class: "p-2" }, h("form-control-select", { key: '38db1b5ef23350d574ec228093d4e143b8b4107c', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: filterParam })), h("div", { key: 'd3f9e4b9876e13222abb5ec4e59557662fef9556', class: "p-2" }, h("form-control-date", { key: '7a0143d72da389fbf4c5408815f470c7efb1e663', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: '896e60cf2eb0ae9868af1d05e84895d051e1b1b3', class: "p-2" }, h("form-control-date", { key: '315490dd6d3bcfa97ceba7bca4eff929d524b41d', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: filterParam }))))));
     }
     static get is() { return "justifi-checkouts-list-filters"; }

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

@@ -62,7 +62,7 @@ export class JustifiCheckoutsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '96153624befeb889e49caa063c64596eb38e38ff' }, h("checkouts-list-core", { key: 'b2ced4d610511630d73498422db88be9fac50b15', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '0cc7d62c54308085404f6967272177fb201b19ba' }, h("checkouts-list-core", { key: '7c647b269fd5c7137cd852fa705dbc97380abce1', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-checkouts-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dispute-management/dispute-management-core.js

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

package/dist/collection/components/dispute-management/dispute-response/dispute-response-core.js

@@ -156,7 +156,7 @@ export class JustifiDisputeResponseCore {
         return this.currentStep === 0;
     }
     render() {
-        return (h("div", { key: '6e6144583a9d91a9484e435520c99c0dd1a525cf', class: "row gy-3" }, h("div", { key: 'abebf9a30d2e972e5a0a30475c629382849f3ed9', class: "col-12" }, h("h1", { key: 'e12a989f411a995731ec8bc44b3aaa1476b24622', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: 'a7ad7c2043b98b18c540e81c54d8d1bfaac07b3d', class: "col-12" }, this.currentStepComponent), h("div", { key: 'afaaccf31baa88a8202beabe820891e374da882c', class: "col-12" }, h("div", { key: 'cd98ab52c18070aa01c3b5bed5a84c5daa0f6bf6', 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: 'ee897abcf70fc8a1879a73915cacc6b41dacc6ef', class: "row gy-3" }, h("div", { key: '8a58d60722ec96f40237e012ee61b73b88a01b67', class: "col-12" }, h("h1", { key: 'b4b5da3c898599bcd099b9a5a27f851bc4c1240a', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '1e4b8c3099166adaf1c806ff755c2505db1b4398', class: "col-12" }, this.currentStepComponent), h("div", { key: '3346b2f3344d16b42008f3502dbbb4fe5e1a6ce5', class: "col-12" }, h("div", { key: '34a1e747d3fddf5c6a92396fced3435b2db57628', 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"))))));
     }
     static get is() { return "justifi-dispute-response-core"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/justifi-additional-statement.js

@@ -29,7 +29,7 @@ export class JustifiAdditionalStatement {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '38afa726961618a321faa0a0653fe13c933cc5d4' }, h("div", { key: 'dcf1bbb019196719fe2f08cb38542d9e4af21797', class: "row gy-3" }, h("div", { key: '30bf5043e78ba03e1cb90b931a2b9b9b7aaf8317', class: "col-12" }, h("h2", { key: '176b0cbd82fc611521355d2ebb472bf21ad88790', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '67802f033535941d8e78c345c642ba1cc009eb61', class: "col-12" }, h("form-control-textarea", { key: '947ddec697cc65faa174ec121a6fcc501a3a3ebd', 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: '9c0469c54fcc5f160963d605d9503899070e9ab8', class: "col-12" }, h("form-control-file-v2", { key: 'b2fb3203125da6ab27948911f8b83bcfdd845496', 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: '52a3582921131f503e686dc1e4e414ecbe2d3436' }, h("div", { key: 'b1ed7dd8700f9a23b8192cedad71c1f6d7cdbd81', class: "row gy-3" }, h("div", { key: '57a4468b76e542c5a4e69f7f6f9a5e798a3deee6', class: "col-12" }, h("h2", { key: '718743cea661a339cc5eafd6d7dfae0b8b04756c', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '0a7dcb294cdc2a2184e4001965527ba29c9729d2', class: "col-12" }, h("form-control-textarea", { key: 'cb8a64aaaa7959210f920133d1dd77796df6fa18', 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: 'f4807fb4a58f89cc87ea90279abd35024460db55', class: "col-12" }, h("form-control-file-v2", { key: '35ec01b9fd4025701aaf933a2a9cf03735d734d6', 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 })))));
     }
     static get is() { return "justifi-additional-statement"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/justifi-cancellation-policy.js

@@ -28,7 +28,7 @@ export class JustifiCancellationPolicy {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '11292b7523ea77a978c03e8a349da8d2bdbb12eb' }, h("div", { key: '9ede1868d00b7df2a6e4af76bf6203a26988f20b', class: "row gy-3" }, h("div", { key: '409a15cb80914863ffcbba73eea6e706393bf1b0', class: "col-12" }, h("h2", { key: '4012cfad95101c0372b8ed6b6f7f3e093e28869b', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '89093d799883ff5673cbacd838c5ca3e2fa47f54', class: "col-12" }, h("form-control-textarea", { key: '2646ab607bc3360ecc6491314a3e09bdc01f6597', 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: 'ab8fb47510394ff89854e8fbc74ec27ef071f227', class: "col-12" }, h("form-control-textarea", { key: '8b1cbcf64fa6b7af0f3389304fd86a9d1550f957', 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: '13f905a58086f5955ff39c39646f92c900a6b125', class: "col-12" }, h("form-control-file-v2", { key: 'a9dd3168ba628bb18c713618dec8c584345ca1db', 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: 'b91b53561920d566bc508a2356159b6f0883eb0a' }, h("div", { key: '1a579081d289314528ca63c7aa8cc14d61a0458a', class: "row gy-3" }, h("div", { key: '99804ed2e0018dbc0749fbe0101b328dbdba8208', class: "col-12" }, h("h2", { key: '27e080e43f0f8b0aa665dfeab527bdd34a9b3c69', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: 'ae8ef97b796d26c1bd961a0480cc855d04b6c05a', class: "col-12" }, h("form-control-textarea", { key: '9c62ef0af2425d0d611b6bdeeab79649debe0847', 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: 'ad26b16f585ac4a99a74893b90a76a66154fb96d', class: "col-12" }, h("form-control-textarea", { key: '4cd3adee3b01393d83b8b60829c46343ef116a95', 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: 'f015b6667576149bf68831f25a3f28f83c58b222', class: "col-12" }, h("form-control-file-v2", { key: 'd309d1340359ae4435d94711cac9653e64cf68cb', 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 })))));
     }
     static get is() { return "justifi-cancellation-policy"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/justifi-customer-details.js

@@ -28,7 +28,7 @@ export class JustifiCustomerDetails {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '1e845fde4aacb950ac4afd82009eb6112af830ef' }, h("div", { key: 'dbc565d42c828f56243640d269504a95b0ff69c7', class: "row gy-3" }, h("div", { key: '8fbd8fe29ae216a8759294410d8fd0cbd8c65b5e', class: "col-12" }, h("h2", { key: 'b852cb824cc6a0990f0e4eee04702f36ef306cc2', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: 'fc42b78ae5858be0ae521ac830ef5857943f6c58', class: "col-12" }, h("form-control-text", { key: 'c9dfe20609704edef7a2b6ffa3d3e063c3168b73', 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: '53ceaebddfeeaad586f1924d16eaaad661ebf7a7', class: "col-12" }, h("form-control-text", { key: '94e4d2fc711c157ae3c9a1addffa5022fc493afa', 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: '1a656f6dfddf5e090bb098ceab9ed235b6b06ca5', class: "col-12" }, h("form-control-textarea", { key: '5e49323c520019c96eb50bb7573cf45c85848cd2', 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: 'cc105778397e49917c91d5d2d57b1b505cf07cb4', class: "col-12" }, h("form-control-file-v2", { key: 'db4069f39ff645156810a0c9e265716b33257c2a', 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: 'b7ba5f79d854fbc22052873772309e8fb02e865b', class: "col-12" }, h("form-control-file-v2", { key: '49add3b24bd1471ccd2362910d1c9487dc4faedd', 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: 'aaedcbb7cca35c4ef511a0bb9407604cff6932cb' }, h("div", { key: 'e1138d89b2d4cb674f01593148ba48801949f932', class: "row gy-3" }, h("div", { key: '1436a7c55837514d85e556eab03fe52f97b73b95', class: "col-12" }, h("h2", { key: '29381277f0becb71a3969c7f31d1248cdbcda970', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '16e9380af72e2a6f39030a4ec3d2b564ee65d23b', class: "col-12" }, h("form-control-text", { key: '7638809db83c50c177f4c5578034fc8f395f8be0', 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: '29706beee1719d5ac66c04770080856334503835', class: "col-12" }, h("form-control-text", { key: 'd1ef9f86f2d2e312cc1fd80fac912310c6488b09', 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: 'a873ceeaf0471ff593999497a0b4dc0c9be35b1b', class: "col-12" }, h("form-control-textarea", { key: '27a95f325650a5e2e2dacf769613301ad27d23a7', 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: 'f964670531ca817ca0eda3929d5ad76b561c19ef', class: "col-12" }, h("form-control-file-v2", { key: '78dc9ac5f501e89b597b7f2f4398e724ca0790d1', 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: 'f85ad27eeaeffcd8312b75878774d46fb8a1066d', class: "col-12" }, h("form-control-file-v2", { key: 'fa62e438857f097a1e91dc2e568beccf593f5a74', 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 })))));
     }
     static get is() { return "justifi-customer-details"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/justifi-dispute-response.js

@@ -55,7 +55,7 @@ export class JustifiDisputeResponse {
         }
     }
     render() {
-        return (h(StyledHost, { key: '56ad3468b96e715b7ec7ca5a22a7a14f309cf61b' }, h("justifi-dispute-response-core", { key: '40ebf7b84bb81480df6eebc0b327bda5e2838f48', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
+        return (h(StyledHost, { key: 'd74c9cbf39cb5329d962a980dc173bb2a4eeaa6e' }, h("justifi-dispute-response-core", { key: '6a4a0dafe412b5fc3f5f1046de289dc7fa3e172f', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
     }
     ;
     static get is() { return "justifi-dispute-response"; }