@justifi/webcomponents 5.2.0 → 5.3.1

package/dist/collection/components/business-forms/schemas/business-bank-account-schema.js

@@ -1,13 +1,15 @@
 import { object } from "yup";
-import { accountNumberValidation, accountTypeValidation, bankNameValidation, identityNameValidation, nicknameValidation, routingNumberValidation } from "./schema-validations";
-export const businessBankAccountSchema = (allowOptionalFields) => {
+import { accountNumberValidation, accountTypeValidation, bankNameValidation, identityNameValidation, nicknameValidation, routingNumberValidation, voidedCheckValidation, bankStatementValidation } from "./schema-validations";
+export const businessBankAccountSchema = (documents, allowOptionalFields) => {
     const schema = object({
         bank_name: bankNameValidation.required('Enter bank name'),
         nickname: nicknameValidation.required('Enter nickname'),
         account_owner_name: identityNameValidation.required('Enter account owner name'),
         account_type: accountTypeValidation.required('Select account type'),
         account_number: accountNumberValidation.required('Enter account number'),
-        routing_number: routingNumberValidation.required('Enter routing number')
+        routing_number: routingNumberValidation.required('Enter routing number'),
+        voided_check: voidedCheckValidation(documents, allowOptionalFields),
+        bank_statement: bankStatementValidation(documents, allowOptionalFields)
     });
     const easySchema = object({
         bank_name: bankNameValidation.nullable(),
@@ -15,7 +17,9 @@ export const businessBankAccountSchema = (allowOptionalFields) => {
         account_owner_name: identityNameValidation.nullable(),
         account_type: accountTypeValidation.nullable(),
         account_number: accountNumberValidation.nullable(),
-        routing_number: routingNumberValidation.nullable()
+        routing_number: routingNumberValidation.nullable(),
+        voided_check: voidedCheckValidation(documents, allowOptionalFields),
+        bank_statement: bankStatementValidation(documents, allowOptionalFields)
     });
     return allowOptionalFields ? easySchema : schema;
 };

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

@@ -176,14 +176,12 @@ export const voidedCheckValidation = (documents, allowOptionalFields) => {
         return documentUploadValidation.required('Please select one or more files');
     }
 };
-export const bankStatementValidation = (volume, documents, allowOptionalFields) => {
-    const vol = parseInt(volume);
-    const bankStatementRequiredAmount = 250000;
+export const bankStatementValidation = (documents, allowOptionalFields) => {
     const existingDoc = documents.some((doc) => doc.document_type === EntityDocumentType.bankStatement);
     if (existingDoc || allowOptionalFields) {
         return documentUploadValidation.nullable();
     }
-    else if (vol >= bankStatementRequiredAmount && !allowOptionalFields) {
+    else {
         return documentUploadValidation.required('Please select one or more files');
     }
 };

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

@@ -1,5 +1,8 @@
 import { h, Host } from "@stencil/core";
 export class BankAccountForm {
+    constructor() {
+        this.iframeOrigin = undefined;
+    }
     async validate() {
         const accountNumberIsValid = await this.accountNumberIframeElement.validate();
         const routingNumberIsValid = await this.routingNumberIframeElement.validate();
@@ -9,9 +12,30 @@ export class BankAccountForm {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: '1fb5075ddb4ee824fa3fbb12079ae0b978ef4e45' }, h("div", { key: '5384dda318b8e809cbee84f5e7796b68f19b780c', class: "container-fluid p-0" }, h("div", { key: '8e9a05728736960ac0e7f0d33a7e46d37b6a04fa', class: "row mb-3" }, h("iframe-input", { key: '46f8a193ed56ea621aac1399e8d7b22a286fd857', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${IFRAME_ORIGIN}/accountNumber` })), h("div", { key: '18db1dd7882e9c3d395f4c72833d96a8f7e1176d', class: "row" }, h("iframe-input", { key: 'ea1545703839166cb3352b789bac329f0d0b2918', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${IFRAME_ORIGIN}/routingNumber` })))));
+        return (h(Host, { key: 'bf5ff6bf71b52c5b7eceb429f057b3ec89c56129' }, h("div", { key: 'db0ea83fa412a1ea77aee8967ea1c9ad07ea387d', class: "container-fluid p-0" }, h("div", { key: 'd354c507e7aeabe77a957165aec900f3e01f27f5', class: "row mb-3" }, h("iframe-input", { key: '1397eb492d2cf5ca40b637360ab52478f9007db1', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/accountNumber` })), h("div", { key: 'a4b98ff832990cac46f49a9ff1ef2de2b33496cd', class: "row" }, h("iframe-input", { key: '0b758f804e3d367c1851fe084d27df1ea620e190', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/routingNumber` })))));
     }
     static get is() { return "bank-account-form"; }
+    static get properties() {
+        return {
+            "iframeOrigin": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "iframe-origin",
+                "reflect": false
+            }
+        };
+    }
     static get methods() {
         return {
             "validate": {

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

@@ -1,5 +1,8 @@
 import { h, Host } from "@stencil/core";
 export class CardForm {
+    constructor() {
+        this.iframeOrigin = undefined;
+    }
     async validate() {
         const cardNumberIsValid = await this.cardNumberIframeElement.validate();
         const expirationMonthIsValid = await this.expirationMonthIframeElement.validate();
@@ -11,9 +14,30 @@ export class CardForm {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: 'cc49f963960cc00ea499484ce257d0b902837c1e', class: "container-fluid p-0" }, h("div", { key: '873ee92597101d80c5c05f50a1428402061ed27f', class: "mb-3" }, h("iframe-input", { key: '4987b5fd997954e30450b5f0b5089c91523afe4f', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${IFRAME_ORIGIN}/cardNumber` })), h("div", { key: '7a50424f955163f9c213d81057338c915e046a41', class: "row" }, h("div", { key: 'ab117b543d5ba1b1ca5db6030480048fc266250b', class: "col-4 align-content-end" }, h("iframe-input", { key: 'e5b0f96d4be64fd07ac2417b23d8a3913d67145a', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${IFRAME_ORIGIN}/expirationMonth` })), h("div", { key: 'c66377e9ae6b0f1a750933ca628edcb62b227e34', class: "col-4 align-content-end" }, h("iframe-input", { key: '2fb5328b3b8b82d0bd2b0ad2272cd73b133cb548', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${IFRAME_ORIGIN}/expirationYear` })), h("div", { key: 'add1b6be0df27a95b5c244a7bb2320f6f40ec930', class: "col-4 align-content-end" }, h("iframe-input", { key: '3c0341c1111b1980d9868d314221857e7ff07996', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${IFRAME_ORIGIN}/CVV` })))));
+        return (h(Host, { key: '5dfd2c79d7691744614af89d0919e58db17434b3', class: "container-fluid p-0" }, h("div", { key: '307e9a7acd80285a59369e813bb0172627395cf6', class: "mb-3" }, h("iframe-input", { key: 'e151a15fb885d7babf13c575a5bf93990f77336b', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/cardNumber` })), h("div", { key: 'd965e93602367c92f53cdc768b9a79032e640a5a', class: "row" }, h("div", { key: 'f836cca70a22e9bec446fdc4d62836a7cc16d70c', class: "col-4 align-content-end" }, h("iframe-input", { key: 'd95608d7ce0434021d416120ada984047804b04f', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/expirationMonth` })), h("div", { key: '34ab01991bac786ada446758b4499c3d58cc9402', class: "col-4 align-content-end" }, h("iframe-input", { key: 'c548d2ba46dd5ab969ab703adecc1d697ad5f8e0', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/expirationYear` })), h("div", { key: '4ce98e07ef97c4e13fe92e8677073f6681c2f707', class: "col-4 align-content-end" }, h("iframe-input", { key: '691c95278d984586ed884ca06d96a57ce0a002b8', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/CVV` })))));
     }
     static get is() { return "card-form"; }
+    static get properties() {
+        return {
+            "iframeOrigin": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "iframe-origin",
+                "reflect": false
+            }
+        };
+    }
     static get methods() {
         return {
             "validate": {

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

@@ -31,6 +31,7 @@ export class CheckoutCore {
         this.getCheckout = undefined;
         this.complete = undefined;
         this.checkoutId = undefined;
+        this.iframeOrigin = undefined;
         this.disableCreditCard = undefined;
         this.disableBankAccount = undefined;
         this.disableBnpl = undefined;
@@ -116,14 +117,14 @@ export class CheckoutCore {
     }
     get paymentType() {
         var _a, _b, _c, _d, _e;
-        return (h("section", null, h("div", { class: !this.isLoading && 'visually-hidden' }, h(Skeleton, { height: "300px" })), h("div", { class: this.isLoading && 'visually-hidden' }, h("justifi-payment-method-options", { ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": !this.disableBnpl, paymentMethodGroupId: (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_method_group_id, "show-saved-payment-methods": !this.disablePaymentMethodGroup, hideCardBillingForm: this.hideCardBillingForm, bnpl: (_b = this.checkout) === null || _b === void 0 ? void 0 : _b.bnpl, authToken: this.authToken, "account-id": (_c = this.checkout) === null || _c === void 0 ? void 0 : _c.account_id, savedPaymentMethods: ((_d = this.checkout) === null || _d === void 0 ? void 0 : _d.payment_methods) || [], paymentAmount: (_e = this.checkout) === null || _e === void 0 ? void 0 : _e.payment_amount, insuranceToggled: this.insuranceToggled }))));
+        return (h("section", null, h("div", { class: !this.isLoading && 'visually-hidden' }, h(Skeleton, { height: "300px" })), h("div", { class: this.isLoading && 'visually-hidden' }, h("justifi-payment-method-options", { ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": !this.disableBnpl, paymentMethodGroupId: (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_method_group_id, "show-saved-payment-methods": !this.disablePaymentMethodGroup, hideCardBillingForm: this.hideCardBillingForm, bnpl: (_b = this.checkout) === null || _b === void 0 ? void 0 : _b.bnpl, authToken: this.authToken, "account-id": (_c = this.checkout) === null || _c === void 0 ? void 0 : _c.account_id, savedPaymentMethods: ((_d = this.checkout) === null || _d === void 0 ? void 0 : _d.payment_methods) || [], paymentAmount: (_e = this.checkout) === null || _e === void 0 ? void 0 : _e.payment_amount, insuranceToggled: this.insuranceToggled, iframeOrigin: this.iframeOrigin }))));
     }
     get summary() {
         var _a, _b;
         return (h("section", null, h("div", { class: !this.isLoading && 'visually-hidden' }, h(Skeleton, { height: "24px" })), h("div", { class: this.isLoading && 'visually-hidden' }, h("div", { part: text }, (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_description), h("div", null, h("span", { part: text }, "Total"), "\u00A0", h("span", { part: text }, formatCurrency(+((_b = this.checkout) === null || _b === void 0 ? void 0 : _b.total_amount)))))));
     }
     render() {
-        return (h(StyledHost, { key: '27b5f6263124c9c288fb81e6a0a97ef9565a49ed' }, h("div", { key: '8444c6ea0c1b4f9a63e46407c90ee1d14556f832', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '920ddc8692ce6a0cc129fc9de0353c7d1cce0fcf', class: "col-12", part: checkoutSummary }, h(Header2, { key: 'c48cfc8be18363aa522e38a6dd09acccf2f51bf4', text: "Summary", class: "fs-5 fw-bold pb-3" }), this.summary), h("div", { key: '1f9615177d056357b9c960bbf86360324a2330dc', class: "col-12" }, h("slot", { key: '2a3845fe83eb3c0a213f97a0ccc74c268690818b', name: "insurance" })), h("div", { key: 'c7e588bb71c6bc3f84636cde3346021b51978bfd', class: "col-12 mt-4" }, h(Header2, { key: '512bef8ae536558eba77019531f38485983b1a2f', text: "Payment", class: "fs-5 fw-bold pb-3" }), h(Header3, { key: '84a1d01dbae527ca1bff19b2f3dfcd47f9b3782f', text: "Select payment type", class: "fs-6 fw-bold lh-lg" }), h("div", { key: '8770c420bf092ad3173fb7308d795e1e9ab6d00d', class: "d-flex flex-column" }, this.paymentType)), h("div", { key: '2c907e60023119910220a57725d52a2133a4e5ba', class: "col-12" }, h("div", { key: 'b2303b22c1a83755726eb08d7e732b4c472f75d7', class: "d-flex justify-content-end" }, h(Button, { key: '6c5910476d57f439648810a8fe200b190256bb2d', type: "submit", variant: "primary", onClick: (e) => this.submit(e), disabled: this.isLoading, isLoading: this.isLoading, style: { width: '100%' } }, "Pay"))))));
+        return (h(StyledHost, { key: '8f7bb796cec8a51b3a871ecc6f1d040636103503' }, h("div", { key: 'f616c1705dd8d9da854b496d5b028cebb4c88ce5', class: "row gy-3 jfi-checkout-core" }, h("div", { key: 'e374110371f020c9de996f4ca3932f7535e208ee', class: "col-12", part: checkoutSummary }, h(Header2, { key: 'aa9227b3ff49dc43c6a42d1988ec0669b298cef0', text: "Summary", class: "fs-5 fw-bold pb-3" }), this.summary), h("div", { key: 'e8e9cddcc4cb11c6d7c020c1dc18d7b5bfe457c3', class: "col-12" }, h("slot", { key: '69e623e8c23aec6f49430b395f86d7134ceeddc9', name: "insurance" })), h("div", { key: 'fea072a50acb658433a36d8234b27c1fd8415dc4', class: "col-12 mt-4" }, h(Header2, { key: '9b0a5c9e5e7db31a6d6cfda87cad18786d638bd9', text: "Payment", class: "fs-5 fw-bold pb-3" }), h(Header3, { key: '2eeae1935b2b238573be4bf1edfc5d80700d9c80', text: "Select payment type", class: "fs-6 fw-bold lh-lg" }), h("div", { key: '5c9fd0558a37ff903ec7137beeb3c49d406bcd1d', class: "d-flex flex-column" }, this.paymentType)), h("div", { key: '2538670c227dc2e96c43d878ae09357a72a7e267', class: "col-12" }, h("div", { key: 'b51e39da64972578815a2cf0cf5342d292edaa45', class: "d-flex justify-content-end" }, h(Button, { key: 'abcb099a4ad152a38d05d99781e02292efd246e0', type: "submit", variant: "primary", onClick: (e) => this.submit(e), disabled: this.isLoading, isLoading: this.isLoading, style: { width: '100%' } }, "Pay"))))));
     }
     static get is() { return "justifi-checkout-core"; }
     static get encapsulation() { return "shadow"; }
@@ -203,6 +204,23 @@ export class CheckoutCore {
                 "attribute": "checkout-id",
                 "reflect": false
             },
+            "iframeOrigin": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "iframe-origin",
+                "reflect": false
+            },
             "disableCreditCard": {
                 "type": "boolean",
                 "mutable": false,

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

@@ -4,6 +4,7 @@ import { CheckoutService } from "../../api/services/checkout.service";
 import { ComponentErrorCodes, ComponentErrorSeverity } from "../../api/ComponentError";
 import JustifiAnalytics from "../../api/Analytics";
 import { checkPkgVersion } from "../../utils/check-pkg-version";
+import { config } from "../../../config";
 export class Checkout {
     constructor() {
         this.authToken = undefined;
@@ -13,6 +14,7 @@ export class Checkout {
         this.disableBnpl = undefined;
         this.disablePaymentMethodGroup = undefined;
         this.hideCardBillingForm = undefined;
+        this.iframeOrigin = config.iFrameOrigin;
         this.getCheckout = undefined;
         this.complete = undefined;
         this.errorMessage = '';
@@ -53,11 +55,11 @@ export class Checkout {
         this.checkoutCoreRef.fillBillingForm(fields);
     }
     render() {
-        return (h("justifi-checkout-core", { key: '573ac7486b2523d6918f5f8eb97a17dcf47edd3a', getCheckout: this.getCheckout, authToken: this.authToken, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup, hideCardBillingForm: this.hideCardBillingForm, ref: el => {
+        return (h("justifi-checkout-core", { key: '911e807dc0be670c6bfe59e497cacd5399481981', getCheckout: this.getCheckout, authToken: this.authToken, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup, hideCardBillingForm: this.hideCardBillingForm, iframeOrigin: this.iframeOrigin, ref: el => {
                 if (el) {
                     this.checkoutCoreRef = el;
                 }
-            } }, h("div", { key: '649338a229597a0c6a9987975f91e678ca489890', slot: "insurance" }, h("slot", { key: 'ddfb4986d89a9792e7dad6ffad7dd134bedc9e25', name: "insurance" }))));
+            } }, h("div", { key: '29bcfd776e4dac5a7686a03488d0f8dad2d01a03', slot: "insurance" }, h("slot", { key: '993b8872e8a40dd5111ccaeb586686a396eab2ff', name: "insurance" }))));
     }
     static get is() { return "justifi-checkout"; }
     static get properties() {
@@ -180,6 +182,24 @@ export class Checkout {
                 },
                 "attribute": "hide-card-billing-form",
                 "reflect": false
+            },
+            "iframeOrigin": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "iframe-origin",
+                "reflect": false,
+                "defaultValue": "config.iFrameOrigin"
             }
         };
     }

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

@@ -16,6 +16,7 @@ export class NewPaymentMethod {
         this.paymentMethodGroupId = undefined;
         this.isSelected = undefined;
         this.hideCardBillingForm = undefined;
+        this.iframeOrigin = undefined;
         this.saveNewPaymentMethodChecked = false;
     }
     handleCheckboxChanged(event) {
@@ -75,11 +76,11 @@ export class NewPaymentMethod {
     showNewPaymentMethodForm() {
         var _a;
         const paymentMethodType = (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id;
-        return (h("div", { class: "mt-4 pb-4 border-bottom" }, h("hidden-input", null), h("div", { class: "mb-4" }, paymentMethodType === 'card' ? (h("card-form", { ref: (el) => this.paymentMethodFormRef = el })) : (h("bank-account-form", { ref: (el) => this.paymentMethodFormRef = el }))), h("justifi-billing-form-wrapper", { ref: (el) => (this.billingFormWrapperRef = el), hideCardBillingForm: this.hideCardBillingForm, paymentMethodType: paymentMethodType }), h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupId })));
+        return (h("div", { class: "mt-4 pb-4" }, h("hidden-input", null), h("div", { class: "mb-4" }, paymentMethodType === 'card' ? (h("card-form", { ref: (el) => this.paymentMethodFormRef = el, iframeOrigin: this.iframeOrigin })) : (h("bank-account-form", { ref: (el) => this.paymentMethodFormRef = el, iframeOrigin: this.iframeOrigin }))), h("justifi-billing-form-wrapper", { ref: (el) => (this.billingFormWrapperRef = el), hideCardBillingForm: this.hideCardBillingForm, paymentMethodType: paymentMethodType }), h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupId })));
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: 'c0d2a7efd367d357a4c205960f8765e488f7e376', class: "payment-method" }, h("div", { key: '697f5d543ed4690b11f6d8e36bb88eabbc8cc368', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '43bf63f112ef40cca0332b77bf447c5f8b5e0379', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: PaymentMethodTypeLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id] })), this.isSelected ? this.showNewPaymentMethodForm() : null));
+        return (h(Host, { key: '17b922ca3b03d458a0e139be895db31b33c255ed', class: "payment-method" }, h("div", { key: '5d1bb3a05e7fc0516d29ade315f13c2f64d3afaf', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '165fd1b54a6d387be307f05ab67078e0d703f0b1', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: PaymentMethodTypeLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id] })), this.isSelected ? this.showNewPaymentMethodForm() : null));
     }
     static get is() { return "justifi-new-payment-method"; }
     static get properties() {
@@ -189,6 +190,23 @@ export class NewPaymentMethod {
                 },
                 "attribute": "hide-card-billing-form",
                 "reflect": false
+            },
+            "iframeOrigin": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "iframe-origin",
+                "reflect": false
             }
         };
     }

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

@@ -15,6 +15,7 @@ export class PaymentMethodOptions {
         this.savedPaymentMethods = [];
         this.paymentAmount = undefined;
         this.hideCardBillingForm = undefined;
+        this.iframeOrigin = undefined;
         this.selectedPaymentMethodId = undefined;
         this.paymentMethodOptions = [];
     }
@@ -58,13 +59,13 @@ export class PaymentMethodOptions {
     }
     render() {
         var _a;
-        return (h(Host, { key: '22ab195ec840e971c774ad2886ebce979c13394d' }, (_a = this.paymentMethodOptions) === null || _a === void 0 ? void 0 : _a.map((paymentMethodOption) => {
+        return (h(Host, { key: '24e7d418958eb61f9582317e615502e77b4090d0' }, (_a = this.paymentMethodOptions) === null || _a === void 0 ? void 0 : _a.map((paymentMethodOption) => {
             const newCard = paymentMethodOption.id === PaymentMethodTypes.card;
             const newBankAccount = paymentMethodOption.id === PaymentMethodTypes.bankAccount;
             const isSelected = this.selectedPaymentMethodId === paymentMethodOption.id;
             const sezzle = paymentMethodOption.id === PaymentMethodTypes.sezzle;
             if (newCard || newBankAccount) {
-                return (h("justifi-new-payment-method", { paymentMethodOption: paymentMethodOption, authToken: this.authToken, "account-id": this.accountId, "is-selected": isSelected, paymentMethodGroupId: this.paymentMethodGroupId, hideCardBillingForm: this.hideCardBillingForm, ref: (el) => {
+                return (h("justifi-new-payment-method", { paymentMethodOption: paymentMethodOption, authToken: this.authToken, "account-id": this.accountId, "is-selected": isSelected, paymentMethodGroupId: this.paymentMethodGroupId, hideCardBillingForm: this.hideCardBillingForm, iframeOrigin: this.iframeOrigin, ref: (el) => {
                         if (isSelected) {
                             this.selectedPaymentMethodOptionRef = el;
                         }
@@ -295,6 +296,23 @@ export class PaymentMethodOptions {
                 },
                 "attribute": "hide-card-billing-form",
                 "reflect": false
+            },
+            "iframeOrigin": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "iframe-origin",
+                "reflect": false
             }
         };
     }

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

@@ -8,7 +8,7 @@ export class SaveNewPaymentMethod {
         this.checkboxChanged.emit(this.isChecked);
     }
     render() {
-        return (h("div", { key: '017cbce906d331b82eb5dc726197da3ea3ba51e5', class: "mt-4 form-check" }, h("form-control-checkbox", { key: 'ca22562653b216d16bd19765f1834ff2428820cc', label: "Save new payment method", name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange.bind(this) })));
+        return (h("div", { key: '86520e5820d9e6ef19946566b31912c5b1050bf6', class: "mt-4 form-check" }, h("form-control-checkbox", { key: 'cc87b708b88aaf4b1f1a93f6b6ebfdd030f87bc0', label: "Save new payment method", name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange.bind(this) })));
     }
     static get is() { return "justifi-save-new-payment-method"; }
     static get states() {

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

@@ -20,7 +20,7 @@ export class SavedPaymentMethod {
     ;
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: '10b18a7c77250aac57d6afef89aea752e3bc2c35', class: "payment-method" }, h("div", { key: '80910960904f3e01fd10cba4789af4004b434490', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: 'abccf6aca9316de983ba899eabfffcc7b05b1d48', 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: '34d26fc514053e2fe028a4a3ba0cbdeb8aa835f1', class: "payment-method" }, h("div", { key: 'da373a524b97bb91a0bc0849f0670c440f5cf5a8', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '824ebc566a018e342dd7f128c69fca873bbded45', 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/sezzle-payment-method.js

@@ -65,7 +65,7 @@ export class SezzlePaymentMethod {
     }
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: 'eaf1bd457f91f77bffa661875277c0709d5926d3', class: "payment-method" }, h("script", { key: '897bccdb0090b3e3b45b9913f7bdea6b838f63cb', src: "https://checkout-sdk.sezzle.com/checkout.min.js", async: true, ref: (el) => (this.scriptRef = el) }), h("div", { key: 'db32690b54bdb5045d701c888cd67c7d97d66243', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: 'c3746a50bc7a5b8f079ed76c204790555983def1', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: h("div", null, h("div", null, "Buy now, pay later with ", sezzleLogo), this.installmentPlan && (h("small", null, h("span", null, (_b = this.installmentPlan) === null || _b === void 0 ? void 0 : _b.installments.length), "\u00A0", h("span", null, this.installmentPlan.schedule, " payments of"), "\u00A0", h("span", { class: "fw-bold" }, formatCurrency((_c = this.installmentPlan) === null || _c === void 0 ? void 0 : _c.installments[0].amountInCents))))) }))));
+        return (h(Host, { key: '696051d9a48f0127013dcc84a25053f85ad92145', class: "payment-method" }, h("script", { key: '0dec4821a85dbef872494885c32c26719423b761', src: "https://checkout-sdk.sezzle.com/checkout.min.js", async: true, ref: (el) => (this.scriptRef = el) }), h("div", { key: 'fb9812691532a49f5c8093a989f6277d4755e531', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '3ae4c03b30a32b860231789d2f541fbfbea37bef', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: h("div", null, h("div", null, "Buy now, pay later with ", sezzleLogo), this.installmentPlan && (h("small", null, h("span", null, (_b = this.installmentPlan) === null || _b === void 0 ? void 0 : _b.installments.length), "\u00A0", h("span", null, this.installmentPlan.schedule, " payments of"), "\u00A0", h("span", { class: "fw-bold" }, formatCurrency((_c = this.installmentPlan) === null || _c === void 0 ? void 0 : _c.installments[0].amountInCents))))) }))));
     }
     static get is() { return "justifi-sezzle-payment-method"; }
     static get properties() {

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

@@ -123,7 +123,7 @@ export class CheckoutsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: '910d95f94623ddd9e90a182a7a47e7dfdff1d9a6' }, h("div", { key: 'c296c31fe48bec06067215f6aa4cfb1a9d1b681a', class: "table-wrapper" }, h("table", { key: 'dddd43e74de4989261b8014d2c66cba7c26e9d98', class: "table table-hover", part: table }, h("thead", { key: '4eabd9c8687fbf316420c9a838a95016b20f12dd', class: "table-head sticky-top" }, h("tr", { key: '2cdd7f438099613e5a670343723b883470a65dbd', class: "table-light text-nowrap" }, this.checkoutsTable.columnData.map((column) => column))), h("tbody", { key: 'e3fd8f783e0e405d18bc120bf8c2ca4e2ca25f15', class: "table-body" }, h(TableLoadingState, { key: 'ec8e73a90b9951b5fba78651fdd9a93b7531ba49', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '6b1ebf8bbd62b0ba9c7032be47c87b929bc413db', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'a44e8985fb208b91635afe4910fdce5fb94d17e7', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: '05ac7e9796a7b4e4450151e762a409c050fc037f', class: "sticky-bottom" }, h("tr", { key: 'd6135d93dafeee69c6d9a12b9bd35e8c77ec3c5a', class: "table-light align-middle" }, h("td", { key: 'ad7b4df45f54519b759797f665bcfa68a1cd512d', part: tableCell, colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '3c97cf5daeb90e9b9a881280f25e4307b7392bcf', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: '525904319e2827a04ccbd44f83881504ddeba992' }, h("div", { key: '30c5800d270fe77e2a396b6379273a0639d4221e', class: "table-wrapper" }, h("table", { key: 'f8a66cf99bf0dc185d0cc541e3d38f4b68b136be', class: "table table-hover", part: table }, h("thead", { key: 'c47c664e4bc8526b494d089b8e1198dfe27fa4fc', class: "table-head sticky-top" }, h("tr", { key: '645aca7f2610bd3b86c8e775edf264c9f53c7f6f', class: "table-light text-nowrap" }, this.checkoutsTable.columnData.map((column) => column))), h("tbody", { key: '79a046fced553f214e55d56c401211d0d682394e', class: "table-body" }, h(TableLoadingState, { key: '654f967a8b9552213a232d35e74d2700cc237cfd', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '80d985f6055e254262653e240b0d16a2e46123d0', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'a99fa4e4f370b70cc927a9b3e65d54828e56e448', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: '619b3f952c5e6f8e1c612927b5d976ea6e4cffe7', class: "sticky-bottom" }, h("tr", { key: '5fb77b80e4c52154c658bbd2ebc8de9d8bc903aa', class: "table-light align-middle" }, h("td", { key: 'a5d1d6d1cf164681ad7a5f59bf4ae9a70e94911c', part: tableCell, colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: 'ce6e17ee3d3a6a3f513dedef209e9d4f2d7eff31', 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

@@ -24,7 +24,7 @@ export class CheckoutsListFilters {
         ];
     }
     render() {
-        return (h(StyledHost, { key: '5d3a970578bdcb121fbc966bded802f3a7046898' }, h("table-filters-menu", { key: 'f0579a967918b8cf6147123878bfd6d4077312a3', params: Object.assign({}, queryParams), clearParams: clearParams }, h("div", { key: 'a145922ee7ed0d74410308fec6ab4a697bb6dcf1', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '62e82a486e74ffb37bf3421a90927570c0676cfc', class: "p-2" }, h("form-control-select", { key: '71b758acac7d47971dafdc64325d8f5940ad042b', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: queryParams.status || '' })), h("div", { key: '1cafc77cd220be576b0f6470e7606037ea64ca13', class: "p-2" }, h("form-control-select", { key: '337beb5798e4db1316e2fffa2a13fa261bb2781b', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: queryParams.payment_mode || '' }))))));
+        return (h(StyledHost, { key: '5015b8422169ea4c32f8e92f3931963ad0d8c8f9' }, h("table-filters-menu", { key: '2169201810641e563dc0af321c5b7367fad04a3a', params: Object.assign({}, queryParams), clearParams: clearParams }, h("div", { key: '802ce6488f2204ece4845e95d9225b05c428bc13', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '99dfed0fafadff13f37e6cbfcb98761be6d49a68', class: "p-2" }, h("form-control-select", { key: '0b37e4c6685be467c08b3c86df6f9bfc8ab52e3d', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: queryParams.status || '' })), h("div", { key: 'dec0b6be6d13847dbf748ea0a038df2db143afe2', class: "p-2" }, h("form-control-select", { key: 'acd5f387f5ea2a4b5918b9a3a80eaac199bbd8d5', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: queryParams.payment_mode || '' }))))));
     }
     static get is() { return "justifi-checkouts-list-filters"; }
     static get encapsulation() { return "shadow"; }

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

@@ -67,7 +67,7 @@ export class CheckoutsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: 'cac567336d8e7f104b31a852b5734de16cd32d26' }, h("checkouts-list-core", { key: '6d8006ea752a73e396941e60facb04f84c4139c8', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'aae56ec9ac20a6ed740a5180bfedf664d7d1e0ca' }, h("checkouts-list-core", { key: '933b8b41aa468c1515b64a8fb6570609454ee361', 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

@@ -50,7 +50,7 @@ export class DisputeManagementCore {
         });
     }
     render() {
-        return (h("div", { key: 'd7763c7713e5278f02a1b903bbc0b2c905bd23b0' }, 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: 'b5a802e8c418b3b7f3235f43260186084a6ee079' }, 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-management.js

@@ -48,7 +48,7 @@ export class DisputeManagement {
         }
     }
     render() {
-        return (h("justifi-dispute-management-core", { key: '5cc8bd47c54dd8bda15460e7d2258bac58470496', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
+        return (h("justifi-dispute-management-core", { key: 'ac225c68cd03070f60bf00bef92ddcc8d5fe4e47', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
     }
     static get is() { return "justifi-dispute-management"; }
     static get properties() {

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

@@ -35,7 +35,7 @@ export class DisputeNotification {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (h(StyledHost, { key: 'dfcc9e5fd86a26e8d321bc5caafa3b046b022c54' }, this.isLoading && (h("div", { key: 'deffb8dc0d001fb4dc114b6810408de098ed9621', style: { marginBottom: '8px' } }, h(Skeleton, { key: '6ea0998a7a9c4b0b161e7838e5863c6581a56ccc', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: 'ea46373e18690a0cf1131bdf5a6b0bfc7761c68f', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '98c3b1ad8eca5f77a7c73998835b57a7bc5df4a2', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: '3098144d29605462b4f042b74a0a44303cddd80f', part: text }, h("h1", { key: '7c175c4c1b5c93833d0eef68b3e6509608995483', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: 'df222fa47c5df85feead831a19af3b681feeb28d' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '60f58219182bf56b788a17f53556c7245180cae9', class: "h5" }, "Dispute details"), h("div", { key: '490b807d57ff8baff1d15b644c4fb8948a786125', class: "d-table gap-2" }, h("div", { key: '86ac0b527c0a742f70c487129790d722af385bea', class: "d-table-row gap-2" }, h("span", { key: '6cd2e5172ae2c4581b672a80bad96dbc372980ba', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'e2e465afca27df4b2b5831c223c93e483cbe5ed3', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), h("div", { key: 'ecb4a882296f4195a9ea123ee699ec55fc0fe55f', class: "d-table-row gap-2" }, h("span", { key: '6801b0a252336c9edfc1ffbdbdf54dc404fb80ca', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: 'ffb49e592ef36e469295f5c59284aa4be249f58d', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), h("div", { key: '652a8b454f305fc57ad1455869ac17e45fad27f9', class: "d-table-row gap-2" }, h("span", { key: '9c8f0399a88238643c029916e44c759f1db3c2f5', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: 'b20779034577e48a5960a91db06a5627e8c17282', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.id))), h("div", { key: 'c02bb382f4dca09cb660c878ff2560815ce4d20a', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: 'e2cac0a0b92fff128b5d92675f2345ed7126f420', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '000d8e1d9f96c33608637780c8b2f9d7cc476213', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: 'bbcf4a7d6acc61a55ed33512b2297195a1bc6d72' }, h("h1", { key: '53ecca8c1f9d9a30a173dc058757df984e82a94e', class: "h4" }, "This payment is disputed and under review"), h("p", { key: '3afc7790dee77ec5934020ea42c8b9c47dda4d4b' }, "The cardholder is disputing this payment. A counter dispute has been submitEvent and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (h("div", { key: 'bfd88724984130c42e15882859d01cf680b34696' }, h("h1", { key: '3ab454f4e8475770cd71aada9341c035137c7989', class: "h4" }, "This payment was disputed"), h("p", { key: 'dc3c81bd81a5bc139b0eb94bdaef779a7dd217fc' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.lost) && (h("div", { key: '0bd9ca6a71e978e63fff49dbc105a9078d1c0f38' }, h("h1", { key: '3e6bdea906b38af5c5191b17cbf2482ba701a481', class: "h4" }, "This payment was disputed"), h("p", { key: '05f6d5c04c28a2128bb06d27ef085eeb33377094' }, "The cardholder disputed this payment and the card issuer has settled it their favor.")))));
+        return (h(StyledHost, { key: '90d2506d5bde2ea478fa3575fc162bb356b67fac' }, this.isLoading && (h("div", { key: '4877ae22d3d8e312640b122c9107b6bdd8f924cb', style: { marginBottom: '8px' } }, h(Skeleton, { key: '31fa0717949bbc6aa49db1c6ae0e324099ae1de2', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: 'ac5179232cb9ee33d3f3e16d9f93536ecfbf46a5', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: 'c22a5e3b257d01f92de7f6188fa0758861abc747', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: 'be331b1a5e2fa0baf46bc593ef7ce4f5872abcff', part: text }, h("h1", { key: '8094c16d3b375f28ffe314613f21ae25b63e59ef', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: 'd89ae665e1f9bd99c9338e2132c1dc56e5386696' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '2786733eac76628019993e13473d1f43c0c395ed', class: "h5" }, "Dispute details"), h("div", { key: '663c28c46136bd56889b6ad0b9bfce9e5adbb590', class: "d-table gap-2" }, h("div", { key: 'dc688fad875d1591dcb7f31d423b61a3df2ff954', class: "d-table-row gap-2" }, h("span", { key: '442db7a6e95524ca6b092794c7a4a4d987c9866e', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: '0a31de8692c9b00f43fcf3c0508e4d00a221d096', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), h("div", { key: '9fe0c1a3d3350c36fca190ae748dafe24d41b5fc', class: "d-table-row gap-2" }, h("span", { key: '12165cb6671519130a5f2e0d8938aaa55e7e3ead', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '4a37ca8a7d64b97142997bb50ec11d737ac6a882', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), h("div", { key: '4d9cf74a8ed26dd84e4ce7325d4b8703352362a4', class: "d-table-row gap-2" }, h("span", { key: '8c0eaa24ebec7703eb18384b0b1f2eae8a684b55', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: '238813abf2ea0848e1fe817d5798b9b0d0b78ffc', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.id))), h("div", { key: 'd156a7e9bf0e7214ff2164fc09b12c0b8f1d2b36', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '7822fd12dfc39bd2aced043956d012fd34cc1b01', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '05132b3a6d1fc3d136dc227008ea1999330cdb96', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: 'b04dd0c34f608b75ea3997a9c28ce948fa9dba5c' }, h("h1", { key: 'ac2a13373315703e86247b6707097af7cf2e6757', class: "h4" }, "This payment is disputed and under review"), h("p", { key: '203aed553e01bbaebe44bb370a1d088c149cda06' }, "The cardholder is disputing this payment. A counter dispute has been submitEvent and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (h("div", { key: '68411e62bb5c8048e995906a5f30ef1001a0bc5b' }, h("h1", { key: '565feeac6e7aca35a0b72c9128c1edcb0d6a85b6', class: "h4" }, "This payment was disputed"), h("p", { key: '68371d393c1f4053f19827c6e46978b3d73d2873' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.lost) && (h("div", { key: '99d10bf25e730dda4f4596efa100b4cff7ddc0c8' }, h("h1", { key: 'd5c6252c4236f2e5b93925db8c9a40bab6c0253a', class: "h4" }, "This payment was disputed"), h("p", { key: '773d083786d795fee7f7818f34414a7d1459925c' }, "The cardholder disputed this payment and the card issuer has settled it their favor.")))));
     }
     static get is() { return "justifi-dispute-notification"; }
     static get encapsulation() { return "shadow"; }

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

@@ -38,7 +38,7 @@ export class AdditionalStatement {
     }
     render() {
         var _a;
-        return (h("div", { key: '12a083283fd725f7eb50a5c297ef408ea4184e7a' }, h("div", { key: '6f85bc12bac843ffe6ae1e8bd6acc35db250bc1d', class: "row gy-3" }, h("div", { key: '6bb4c2442b9bbfe2689d60a83806bae6ba5e55f6', class: "col-12" }, h("h2", { key: '9a9cff6036ce2da07ee316145bd35c9971cb94ca', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: 'ad1e3f5be5c71475e172f1b500435248466972a0', class: "col-12" }, h("form-control-textarea", { key: 'dc41498eeabb42786d08522414fed87b1bb9ff9f', 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: '64560a0ec82808e6f41143ed3e2c2b1f35f7d016', class: "col-12" }, h("form-control-file-v2", { key: '8e6b407436dd6bed4612550b6dbddb61ed3ccdc6', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: this.handleFileSelection })))));
+        return (h("div", { key: 'd0047a4d77bcab83eb40d649bef9143bd0494a29' }, h("div", { key: '6a885d8d42962477a0dc58ff7b726be0c1778fef', class: "row gy-3" }, h("div", { key: '158a7392e846f1521f64d50d6d9f4ef55399882e', class: "col-12" }, h("h2", { key: '4220ccee243d30d512fcf95ae900935f4c738d51', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '777e6f3a129431e612c8fdbfac456ed40c3c068f', class: "col-12" }, h("form-control-textarea", { key: 'b9ca73e48d7797d308136176ddc964f435822b8f', 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: '0eae8623234917330e16a1d0d517bc3b5e369bd9', class: "col-12" }, h("form-control-file-v2", { key: '9888c9848db8f979de5550b52990da71da468806', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: this.handleFileSelection })))));
     }
     static get is() { return "justifi-additional-statement"; }
     static get properties() {

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

@@ -36,7 +36,7 @@ export class CancellationPolicy {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'bf7df11fdafa2411a0aa79c606b822a893444482' }, h("div", { key: 'a19e32d4edf9d90d23f865f54f8ae844f367ef3e', class: "row gy-3" }, h("div", { key: '9ca87dc02a3993c1b8cd187231561836ae78e517', class: "col-12" }, h("h2", { key: '5ae6844cf4d99ad19f4e4f2690015e422acea5ad', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '82ec0f39bdd823b02f4ff2482e9dd1daedd5d4fe', class: "col-12" }, h("form-control-textarea", { key: 'ed8ce058aa41f3eed1f489c4d62e4f7b16a4c801', 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: 'ed26b0813e499381b867eb50d35cf2f473a71cf7', class: "col-12" }, h("form-control-textarea", { key: '5ffd5e3b7d67cf1b2dbb883412f920bec443dc61', 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: '43f4c5e4ec9c04f66958f930cee235da0709d3bb', class: "col-12" }, h("form-control-file-v2", { key: 'bf8606a6969b4b5edb8bd945ef3d28e13d85b774', label: "Upload Cancellation Policy", name: "cancellation_policy_file", onChange: this.handleFileSelection })))));
+        return (h("div", { key: 'aea08e2f0b6e473563c2dc6013b31069136c4911' }, h("div", { key: '9218719e9e956ba07133cd2c6b001a0e17987c46', class: "row gy-3" }, h("div", { key: '255cf20c0e717a8fa0b7413d212a6709a9e596e5', class: "col-12" }, h("h2", { key: '2cf8304a39b2d6356a9ea6f7c7c1918af428da96', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '603f5ec85922a915a5c90cc541a815dda15ddad8', class: "col-12" }, h("form-control-textarea", { key: '82eea6470c44f71e162952c07363d8c2726dcaf9', 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: '1e6a7510617cf192fbd604d45be124eeb4add648', class: "col-12" }, h("form-control-textarea", { key: '961044ed4ed21d1706314b0c5c69408eb318a956', 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: '079294903db0fd69c0169ea92dd589c52e91e679', class: "col-12" }, h("form-control-file-v2", { key: 'a08630234a5f4654fc135bd3ac704127ecc302b4', label: "Upload Cancellation Policy", name: "cancellation_policy_file", onChange: this.handleFileSelection })))));
     }
     static get is() { return "justifi-cancellation-policy"; }
     static get properties() {

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

@@ -36,7 +36,7 @@ export class CustomerDetails {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'f13b1b07f7e47661e94730ac84a2f579e20c407c' }, h("div", { key: 'b50fcf45a6c872543c6a691f43e82b697706c0eb', class: "row gy-3" }, h("div", { key: '71c5a773cd7254a76d4071abbecb4067417266f7', class: "col-12" }, h("h2", { key: '84beef4a3879bb36c3d5755b5e2b23c04e018247', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: 'f58feed75554bdf80574dd6a961f07bc6ff67a68', class: "col-12" }, h("form-control-text", { key: 'e781dad51a096012a9fdbe56169c62abd1c7558d', 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: 'c617221a62a8226432216fa3cf1a6bdcaea53dd8', class: "col-12" }, h("form-control-text", { key: '5c4a2d8cf779c0a4cb38c5bfd29e21d610c3283b', 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: '639449c6544b6fcbaca4a777b0b2e31573c6fb85', class: "col-12" }, h("form-control-textarea", { key: '54794fdbf93af16f55f0d7e9f3b2152a774e9ff7', 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: '24c0ad1a768f69d4f181ca12cb1520d9d89df06d', class: "col-12" }, h("form-control-file-v2", { key: '20ba764e44adfd05da308dd98de210b6a6a1918c', label: "Customer Signature", name: "customer_signature", onChange: this.handleFileSelection })), h("div", { key: '0171a822afcd450db5202e4ec1925fd85ff68090', class: "col-12" }, h("form-control-file-v2", { key: '24d31b7c0ae09f10f144e80045eadab93c01ee14', label: "Customer Communication", name: "customer_communication", onChange: this.handleFileSelection })))));
+        return (h("div", { key: 'd2de3bd04c9669399f9fedec4399a05ac310ed69' }, h("div", { key: '3f04107b1e74560103db25f99b03cd585b3421bd', class: "row gy-3" }, h("div", { key: 'e421dc7b298895407fbbb6148d67effcea8bc723', class: "col-12" }, h("h2", { key: 'bc4c8e02aad8233978b8fb23f2387d140cacd85f', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '9d578e5a681c449da348dff753809458e1389152', class: "col-12" }, h("form-control-text", { key: '7da1bb3641095a93b504b37d972e0a25bcee5131', 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: 'f5f43784fb15dbdbe1dbd747c692d5a1d39b0c4e', class: "col-12" }, h("form-control-text", { key: '1caa70711c25f25b0b517c821852b21f6fa9b69e', 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: '2f2ef97ac330b9a43deb257c10132260747f8faf', class: "col-12" }, h("form-control-textarea", { key: '11ede0b16ac7b8a2891ed10eaa89b3310b7aca93', 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: '421f0e76563910baac247673ca0d73b79e46b071', class: "col-12" }, h("form-control-file-v2", { key: '0b22b4a895f35a99d529a1a6b29873010ff727a6', label: "Customer Signature", name: "customer_signature", onChange: this.handleFileSelection })), h("div", { key: 'dc7419f81931ca5d076ac0aa2aca59109f9b6e20', class: "col-12" }, h("form-control-file-v2", { key: '6dd57aa10711fcd2f1abc4a0f926ce47b31d78f6', label: "Customer Communication", name: "customer_communication", onChange: this.handleFileSelection })))));
     }
     static get is() { return "justifi-customer-details"; }
     static get properties() {

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

@@ -153,7 +153,7 @@ export class DisputeResponseCore {
         return this.currentStep === 0;
     }
     render() {
-        return (h("div", { key: '1ef9afc69174ac55282cf69d2a274bb993f663c3', class: "row gy-3" }, h("div", { key: 'e031c76cb6d3b1ce494436a9ab8daaa11c705d0c', class: "col-12" }, h("h1", { key: '424df36d16527588c91b246b0f355ee289161e8e', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '34a33e5de2842fddf668d45ca9e1e23a0827f061', class: "col-12" }, this.currentStepComponent), h("div", { key: 'b278568d8f69511b02642d1469adfc9ac9e7921d', class: "col-12" }, h("div", { key: '59c32d48e318f805f7c7466fa64b6ebdc9ca14b0', 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: '672d92a8ac0fb7f28ab9f412ae4f3516a29824dc', class: "row gy-3" }, h("div", { key: '32113215c9eb6393d8d816f88715390fb5d9d604', class: "col-12" }, h("h1", { key: 'f224caa363ebd00d678485fd4cd2d1c646d6d8f5', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '49e6046f57a9b30e6746f28512cf311f1999bcc3', class: "col-12" }, this.currentStepComponent), h("div", { key: '6d843d19c9bf7ee026981bdc2ffd5108c25c741a', class: "col-12" }, h("div", { key: 'dd52a249cc37b3cfc912e04502caf96218cade78', 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/dispute-response.js

@@ -60,7 +60,7 @@ export class DisputeResponse {
         }
     }
     render() {
-        return (h(StyledHost, { key: 'a74ece02e19d5f6d57fc43c0eb1ed5177309b01b' }, h("justifi-dispute-response-core", { key: 'd0ad4a758750616ebce34964c9647606ff72c357', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
+        return (h(StyledHost, { key: 'f45d96fd372763ebc3f786c1d2f7e06e25185afc' }, h("justifi-dispute-response-core", { key: '8b551f97d8cb40f3f9e702a35b221faa8873e642', "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"; }

package/dist/collection/components/dispute-management/dispute-response/duplicate-charge.js

@@ -36,7 +36,7 @@ export class DuplicateCharge {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '8364aad095d478905124bbf4c343eafb67a802e6' }, h("div", { key: '0ae2e843703935609ff18219b3e95f3d8e308b80', class: "row gy-3" }, h("div", { key: '07da8c2c9eb4b21890fae8a1dc7a25b2e7d982da', class: "col-12" }, h("h2", { key: 'b07319016adac35476717d93cfc6287c1f3cc617', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '8cdccfc7d1104668a19d06006934e1aab1942b39', class: "col-12" }, h("form-control-text", { key: 'e0f4bdbaad56cd635f9fb7e2b7d66e4a5bb8690b', 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: '8a43060fd2531698aafbe5d0195944012833d3a3', class: "col-12" }, h("form-control-textarea", { key: '6a1709fbd761039cd649265f7e123aac58acfe09', 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: '707ce39d865cf94f89c848ab42053ef3ef5ed632', class: "col-12" }, h("form-control-file-v2", { key: '371b1db533c75243d986ecad78227b804b109651', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: this.handleFileSelection })))));
+        return (h("div", { key: '00e332511293230ea1edf4c1ab3b5cae779cb11a' }, h("div", { key: 'd5273559c1cce126dadba74d7cd9296a06f9eab7', class: "row gy-3" }, h("div", { key: '0a8ed20053241dbb3e6a2e6255f72b99f4d71462', class: "col-12" }, h("h2", { key: '56be236c466893ca5bc3cf73cf345feeae5f25fc', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: 'bc0018fd6f471571f9a6e6c5fdbc131c48610773', class: "col-12" }, h("form-control-text", { key: '4bc56e12c31ab7189b879f58917cd373652b7a79', 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: 'f61547b546a44f04c8dd82c38c92fd221018a3ca', class: "col-12" }, h("form-control-textarea", { key: '1cb31176ebafb0f8641d96b5844cf8d8f09d5c59', 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: '86dbe8df7121c7c9e33d56785da70ff3204eab9b', class: "col-12" }, h("form-control-file-v2", { key: '38d6050f68271d8969fdfb652d571e2eeb0646fd', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: this.handleFileSelection })))));
     }
     static get is() { return "justifi-duplicate-charge"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/electronic-evidence.js

@@ -36,7 +36,7 @@ export class ElectronicEvidence {
     }
     render() {
         var _a;
-        return (h("div", { key: 'b0c3860a9b025aa1a9fca6955619752acab44bfc' }, h("div", { key: 'cbf3b293ba7798ecfd5e0d8e8cfdaa72508901b9', class: "row gy-3" }, h("div", { key: '3dd2980b54485d10c3390e5a6e02def94ec96707', class: "col-12" }, h("h2", { key: '71eef58eeba954fa141d56f16f2e22e0cd1fd602', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: '225218973496e4ef6df2d79b4c8051b21c6878c2', class: "col-12" }, h("form-control-text", { key: 'bddbdf3883a116262af125f715d23323f3592fef', 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: 'fcd7c9794d4159ccd9136c48f8eb9803f970101d', class: "col-12" }, h("form-control-file-v2", { key: 'bcdb4e3c5499b325206d660b15992e79efc2feb9', 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: this.handleFileSelection, errorText: this.errors.activity_log })))));
+        return (h("div", { key: 'ed2ef898b32c0dac2ee02f4fe226f3c2c0be1772' }, h("div", { key: 'df8398f845fe434ab523fda4fd19971c09209cce', class: "row gy-3" }, h("div", { key: 'e75fb6dc9d26fa7edf24b6678412fe6a3dba4e3a', class: "col-12" }, h("h2", { key: 'b26c40da6044557558cfef97dc45d216b98e5584', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: 'd96c532cff8eb4dbae7cd7064669164c462122b6', class: "col-12" }, h("form-control-text", { key: 'cce9eeed80d9ce9060c890ed97fb3d34fb94ec34', 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: '88df79677c7c803aa4c3747669d666169148c71a', class: "col-12" }, h("form-control-file-v2", { key: 'a551b6dca12a447934655bfcb073353abf51e8ac', 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: this.handleFileSelection, errorText: this.errors.activity_log })))));
     }
     static get is() { return "justifi-electronic-evidence"; }
     static get properties() {