@justifi/webcomponents 6.14.4-rc.2 → 6.14.5-rc.1

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

@@ -40,11 +40,6 @@ export class JustifiCheckout {
         checkoutStore.isSubmitting = false;
     }
     checkoutChanged(event) {
-        // if disabled bnpl, remove sezzle from available payment methods
-        if (this.disableBnpl) {
-            this.availablePaymentMethods = event.detail.availablePaymentMethodTypes.filter((method) => method !== PAYMENT_METHODS.SEZZLE);
-            return;
-        }
         this.availablePaymentMethods = event.detail.availablePaymentMethodTypes;
     }
     async fillBillingForm(fields) {
@@ -71,9 +66,9 @@ export class JustifiCheckout {
     }
     render() {
         var _a, _b;
-        return (h(StyledHost, { key: 'bc8428227b2fc0e0753c4ef4e2370cd34bd34e82' }, h("justifi-modular-checkout", { key: '9fda18728d6fb5b20716070cefc2fcf8ef097459', ref: (el) => {
+        return (h(StyledHost, { key: 'be64697a74e404e567c718562f72ca6cf644a2a4' }, h("justifi-modular-checkout", { key: '49be0912aa949927cb11bde45c6ade0eb25744be', ref: (el) => {
                 this.modularCheckoutRef = el;
-            }, authToken: this.authToken, checkoutId: this.checkoutId, preCompleteHook: this.preCompleteHook }, h("div", { key: 'e39f9871696d44cea2080198c7b91d03b706f2fd', class: "row gy-3 jfi-checkout-core" }, h("div", { key: 'df6045e9394b10f9b3e4b86e1a2242db30cc9b7b', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: '8f4332bd43371106faf4e264fd5b27c97cb589aa', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: 'a7170276f18b9fa4b085c4d5de35979d55935929' }, h("justifi-checkout-summary", { key: '109aceb53ad2500e927230b3f82bbb07ab3f604c' }))), h("div", { key: '902e040bbd591408c9d292a592ca4d31fc838d85', class: "col-12 mt-4" }, h("slot", { key: '2677cb4952d88a8ce8f0198b96ed2638d4f4e6eb', name: "insurance" })), h("div", { key: '32c033bba12a7b7bf26159bd1878d6fa4ed913d9', class: "col-12 mt-4" }, h("justifi-header", { key: '74543b63c1b94a5200ad36236818fce7345d5d76', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: '8e7c56c75bb779211b72c0b8561df8283b731ca1', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: 'c2b0a875169b46dcd7d73428e3f1a4825b380ce5', class: "d-flex flex-column" }, h("section", { key: 'c5f007674c058e88d271c17f0b6b9c959bd0e044' }, h("div", { key: '2c4ecdd0f8708f9f80bae50362ba7fab295f788f' }, this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: '5ac363a3b7c38cb3f10e9c2c7916825f0f5dc2d8', class: "mb-3" }, h("justifi-apple-pay", { key: '498c03630e4057b54ebd12a3cd87b6b6bdb00c4b' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.GOOGLE_PAY) && (h("div", { key: '8c8114d142927739a3217d3a0a44c34c89e58f83', class: "mb-3" }, h("justifi-google-pay", Object.assign({ key: 'a2fbc5b99a83fbc52698422d2f57a3380f97733f', ref: (el) => (this.googlePayRef = el) }, (this.googlePayEnv != null ? { environment: this.googlePayEnv } : {}))))), h("justifi-saved-payment-methods", { key: '2e5b27eea7ef433e950feadae0b0a07f8b613533' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: 'fb1501c51eaf836579547bc50c295ebb67cb09c1', 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: '49e0687b4955fb92935783250540fe38350bbdcc', 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: 'ba793274de073c8a60c063e9caedcf32780b4bbf', 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: 'ed7be422c4e369382fd42e0b0162357df7de2031', class: "mt-4" }, h("justifi-button", { key: '849d648feec5ce805d6eb87acacf94d62e7a8f1b', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: checkoutStore.isSubmitting || checkoutStore.isWalletProcessing, isLoading: checkoutStore.isSubmitting || checkoutStore.isWalletProcessing, customStyle: { width: '100%', textAlign: "center" } }))))));
+            }, authToken: this.authToken, checkoutId: this.checkoutId, preCompleteHook: this.preCompleteHook }, h("div", { key: '7ae8865515c16d119d0c951670b86f53006f5a2f', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '697f67f1603f78d852c3900f424fea1559dcbbc7', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: '005b320bb2318b6e5a888911fe90aeeeb8ca58f1', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: 'e6e4e720e0d619aa338b1a64ccc75f6bcfb53129' }, h("justifi-checkout-summary", { key: '5bbc4d7223f56fe70bcc9810ebcde55264e17943' }))), h("div", { key: '7c5f714e729c26a8c3589e912100d38e61cb3846', class: "col-12 mt-4" }, h("slot", { key: 'ae66ebfe4a0e1456aaabd706523ef17e9c2c4b50', name: "insurance" })), h("div", { key: '3d74c4078230299a0d093568f9edf61ddede06d6', class: "col-12 mt-4" }, h("justifi-header", { key: '98fad7779ad81e44f56d488f8f9bebb843c8b044', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: 'a522e1c11e8412c0df0b272201a9eb929e8f38a5', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: '670a875b91e3c4f41cc1f99e159ddb62d5d2cd9d', class: "d-flex flex-column" }, h("section", { key: '660a700bfdffa79b3e00da2ae186f98fbefc59de' }, h("div", { key: '3c314f058f5a6bf745800790dcad6b0f09ec9fdf' }, this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: '9b3003bc6a7e2a85c64d28ac1457871297fcb570', class: "mb-3" }, h("justifi-apple-pay", { key: '25fb043d7fdd2308ceaf8cef9b8e3db72c276ec8' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.GOOGLE_PAY) && (h("div", { key: '62ea38828ed1e7fe795cd92c1523e0a09dbb1249', class: "mb-3" }, h("justifi-google-pay", Object.assign({ key: '6bf9455e95950766204a4b9a16c51512961dab6d', ref: (el) => (this.googlePayRef = el) }, (this.googlePayEnv != null ? { environment: this.googlePayEnv } : {}))))), h("justifi-saved-payment-methods", { key: 'ab59f136054cc421499002a3955aa91a679c1e16' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && !this.disableBnpl && (h("justifi-radio-list-item", { key: '7f51953073b94f893b197cdedc123ec273283574', 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) && (h("justifi-radio-list-item", { key: '4ff159b8cd0eb5fe9a4e6a168a6c6b018754aad6', 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: '9598c68ebb09a5fa817e9318526fa1bb6ffab5f3', 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: '92727d5624ed61bc3d986e495332e6a8e003dc8f', class: "mt-4" }, h("justifi-button", { key: 'b9b00d1bb08cb2beee1fd7e38877c5073245e4d5', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: checkoutStore.isSubmitting || checkoutStore.isWalletProcessing, isLoading: checkoutStore.isSubmitting || checkoutStore.isWalletProcessing, customStyle: { width: '100%', textAlign: "center" } }))))));
     }
     static get is() { return "justifi-checkout"; }
     static get properties() {

package/dist/collection/components/checkout/test/use-bridged-fake-timers.js

@@ -0,0 +1,14 @@
+// Stencil's mock window retains native timers, so bridge it to Jest's timers.
+export const useBridgedFakeTimers = () => {
+    jest.useFakeTimers({
+        doNotFake: ['nextTick', 'queueMicrotask', 'setImmediate'],
+    });
+    const setTimeoutSpy = jest.spyOn(window, 'setTimeout').mockImplementation(globalThis.setTimeout);
+    const clearTimeoutSpy = jest.spyOn(window, 'clearTimeout').mockImplementation(globalThis.clearTimeout);
+    return () => {
+        setTimeoutSpy.mockRestore();
+        clearTimeoutSpy.mockRestore();
+        jest.clearAllTimers();
+        jest.useRealTimers();
+    };
+};

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: '1c4b39ee0103e6905affa774f202dd76f147bc89' }, h("table-filters-menu", { key: '9cb0457d0e6ce05925f4e0da04532008020dd46e', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'e5c370717e3cf2571f2017d185c7f3ea08eab1c8', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '2e3c1832bb800fa9065b189a299234fafa7eb4e3', class: "p-2" }, h("form-control-text", { key: '33e1e31d842aa0b8c47e3ea1bc12cc860691f5e3', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: filterParam })), h("div", { key: '4dcfe2f56d8405f376eb4aa52deaea0fb64e8ff5', class: "p-2" }, h("form-control-text", { key: '272ba42827048aa45ada6090eaf9574950ebaca2', 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: '7c4e0ad12e0031a70aeaec5a0423d9b0b45c70a4', class: "p-2" }, h("form-control-select", { key: '87775c3a0d1de63301dde682f79a7c2c11a4958b', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: filterParam })), h("div", { key: 'e751b51d9e2725addd6e9b082bf326fc039b0a7a', class: "p-2" }, h("form-control-select", { key: '642fc1af53bc89d1604a864f4088781096cd24a2', 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: 'a95638261e002677c51299342d34bafc8a8615b4', class: "p-2" }, h("form-control-date", { key: 'ca017b89e5ae0ea3f4d55ade8de2acbdc2062c86', 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: '0585dff7f655db9da4f3c2124eac6c90b74dbe3b', class: "p-2" }, h("form-control-date", { key: '50fee01232661f33c1996549cf6523c92dc937c4', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: 'bcee49169e1a26419ec784bc54f2c44647e45a9b' }, h("table-filters-menu", { key: '610a73cf73a45f300cb860056be85948b4d88b33', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '726a5c935121fc7371d0c87c3fc5caca97d9b28e', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'f74c2c992b97c69e20bed9a6d58a2f5f87ed49bc', class: "p-2" }, h("form-control-text", { key: 'ebebfe02d605f782ec1b7d845af4d104b71683db', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: filterParam })), h("div", { key: 'c21b068705bcd55176316010772b555dfb690571', class: "p-2" }, h("form-control-text", { key: '0b583f4243e17019a0bce4284c52efa46885a1dc', 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: '8f37a6ff48c7d4a087fd97c4c7304ffaa366c5b8', class: "p-2" }, h("form-control-select", { key: '93fe20d82fb240aa69bcacf22a6db686aa4aadf4', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: filterParam })), h("div", { key: 'af69b75624d05163f9da8e125ae40b371c1fcc38', class: "p-2" }, h("form-control-select", { key: '46a1db36de05f100b7ac5b9ad92dcce99f3fc4e4', 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: '56bba4a390bbc1bedc57183c297414903261a52c', class: "p-2" }, h("form-control-date", { key: 'ee284ecee968db1520f7ced86c8c45aa47b6f802', 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: '23cfe2cead1ff93326b7ffc2713c652a2ae37ffb', class: "p-2" }, h("form-control-date", { key: 'd06729ff97a8d48beb09652a098b7d1d1b47823b', 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

@@ -178,8 +178,8 @@ export class JustifiCheckoutsList {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(StyledHost, { key: 'd384dda32587dfc469e998b2b8f209ef17aef775' }, h(TableWrapper, { key: '98f2472188e64a236fd5cc581efe2895a6de58a3' }, h(TableComponent, { key: 'f02db4d024b9d2250a637fb28dca06eaff1d894c' }, h(TableHead, { key: '8c96bfa14e4e2154c1f575595f9597d3adc640df' }, h(TableHeadRow, { key: '08cddf6a31fbe99c8b46f61ceca996acb9b87f0b' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '99b88bfdb3871f82d653b00536f22c5c17cf38ac' }, h(TableLoadingState, { key: 'e05e1d543481df360b42e5563d5963277d10110e', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '3c4e19d3e8c9c779249efa63be592fbf5948b6ae', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '7660b4991974dc46d8fb9dfd28ef7ea79d8e22e0', 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: 'd56c6cb6a529dabf00c5260a39a2e2ab8e3749be' }, h(TableFootRow, { key: 'd28363ad8d8823f3da097edb263aa10308cbdb04' }, h(TableFootCell, { key: 'd6fcce3cf39e43718e8b15d42445c053d0feaa21', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '6b956571ed6ae297df5430cad4be92eee2bdb9cc', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '882db931e1e29698776ffa6c715ca4abb7d322f7' }, h(TableWrapper, { key: '7bb610f41ae1feab6e4a1cf8abb19fbff00914e6' }, h(TableComponent, { key: '4ca7ca2a8fcb7b26cd4cdb7679ef7c3db17bb1d1' }, h(TableHead, { key: 'b2fdd2852c74f066cfdf7aee27148fa36cf5df74' }, h(TableHeadRow, { key: '688d8189928c8ee54e6b60383492cdd2e7717fcf' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '0e3e589b387455bdbb30c5130e206c46447d2a43' }, h(TableLoadingState, { key: 'b0d74610ef26b4b67e1c1a70b93e9932c4d47350', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'dfc775ac8f7a47611e740e1e4b7562adfffd15d3', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '8ba255c49e9ea76d13644b4c5842f9c003816040', 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: '82cf7b391647fdb6cefcbdbe13113ebb6e70bf62' }, h(TableFootRow, { key: '6678e2573867bf3c79f266ebab392034eb143c65' }, h(TableFootCell, { key: 'c981a304af815c314e8306922b779cea8670b825', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: 'ea32b8d13a5af7122095fd4081d29668019928ee', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get is() { return "justifi-checkouts-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -44,8 +44,8 @@ export class DisputeNotification {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        return (h("div", { key: '325018c414e82b5c1bc7d9c5aa444b5a9d4e83d6', class: "dispute-notification-root" }, this.isLoading && (h("div", { key: 'deffb8ef248e32962aca084a564e83aa5f222b0a', style: { marginBottom: '8px' } }, h(Skeleton, { key: '6f6c630b3122b1b2fd480470f5df7683f19de612', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: '11f46711fed1094496c64551f084351c08f598be', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: 'fc7e2eac76e1cbc329147f3da39a8c28c51a7b6a', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && this.isDueDatePassed() && (h("div", { key: '0ef159acf9fe5b12dc0dcddab6b7583e5fc9a799', part: text }, h("h1", { key: 'db263006990c5b4cf178f7f81650ad7602765532', class: "h4", part: heading4 }, "The due date (", (_b = this.dispute) === null || _b === void 0 ? void 0 :
-            _b.due_date, ") for this dispute has passed"), h("p", { key: '185c6f952ef46e3aec625cab73c943b3046ef6b4' }, "You can no longer submit evidence to counter this dispute."))), ((_c = this.dispute) === null || _c === void 0 ? void 0 : _c.needsResponse) && !this.isDueDatePassed() && (h("div", { key: 'd4536104addc500277fbde990b7b33ba8ff54c7e', part: text }, h("h1", { key: '198138cc6541c0aeeae458e2de1e3ae0c695328d', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '6902ce5e3e94ab7f71ee6d0c6a7604ef97f0e740' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: 'f49d1ac855365480edc61e0af117230e2f3dbe1f', class: "h5" }, "Dispute details"), h("div", { key: 'f3868a098dbc4a613d676b8580c053527f9d5fad', class: "d-table gap-2" }, h("div", { key: '7699bc619b652ffe1c77cf6e5e0dac967679b1e6', class: "d-table-row gap-2" }, h("span", { key: '9de67b45877120f54f724f1efe7b3f4d4b035d30', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'bfd79f86b5b81daf2a34f5874fcff03a05d1e64d', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_d = this.dispute) === null || _d === void 0 ? void 0 : _d.amount))), h("div", { key: '0e57d56172859eb5857a1930cb837569157026d9', class: "d-table-row gap-2" }, h("span", { key: '0b615bd8f9a9add7d18d50be4f4f644707576de2', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '46288c67be32fe2d95fea88f5b0148f22552a2c9', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_e = this.dispute) === null || _e === void 0 ? void 0 : _e.reason)), h("div", { key: 'c68280b0f36280804fb6231236d942174c189456', class: "d-table-row gap-2" }, h("span", { key: 'ed3f145aa0f2c949b80d7033e4ecb818a4a4fa68', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), h("span", { key: '4c4530acbc570fb13b5f53947714bd250ff99cab', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_f = this.dispute) === null || _f === void 0 ? void 0 : _f.due_date))), h("div", { key: '3244bb6bdbed2b4e28c479c2d4db2d0ae152f2f0', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '3716a28cec93e70690ad96bfc0c5f3b7b56f8ecb', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '7f326ed6f298c9f1091b160c63e386864329190e', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.underReview) && (h("div", { key: 'd705ae48c1f30b904ac31bbdbab9e955868f51e1', part: text }, h("h1", { key: '712cebef3699a8c2a97bcb69ae68e0b491090c88', class: "h4", part: heading4 }, "This payment is disputed and under review"), h("p", { key: 'ca95b2c8bdc6083a3fbb1dd63c6bdaa4699ae2a7' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_h = this.dispute) === null || _h === void 0 ? void 0 : _h.won) && (h("div", { key: 'c0cb4c8342aa4f022d76e95123a047b7b707f562', part: text }, h("h1", { key: '797966d237d4b46eb1b880deb7fa21746f5b3b1e', class: "h4", part: heading4 }, "This payment was disputed"), h("p", { key: '2f9eed1a5f34f772206112488af22aa8b35c07b6' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_j = this.dispute) === null || _j === void 0 ? void 0 : _j.lost) && (h("div", { key: '9a90af51218ed921e27519363995f12e29713bfd', part: text }, h("h1", { key: '736ee5cf8f65d780d4812e24ea9050dcc0d109a4', class: "h4", part: heading4 }, "This payment was disputed"), h("p", { key: '9ca83087b028e1078bcc2cd0b552e8f5379932d1' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
+        return (h("div", { key: '55685c8b421d48fb041862b2ae2ff0605a3a0b7f', class: "dispute-notification-root" }, this.isLoading && (h("div", { key: '93fba7164eea0a00231f2f762a1370fe2ba4ca52', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'db8ca80547c4e022ee9cbb59b51cf1d199a65f0c', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: '15c884a6bbfcab6e89d9eb36cfcdc14a0505c25a', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '61474f21b3f82c1cff6455c7d87c0474a4c5ebdd', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && this.isDueDatePassed() && (h("div", { key: '724f8896f7985469d457d5dea5936dc8ef0b30c0', part: text }, h("h1", { key: 'd4e86227300211d8ab792e8ae128912166957b02', class: "h4", part: heading4 }, "The due date (", (_b = this.dispute) === null || _b === void 0 ? void 0 :
+            _b.due_date, ") for this dispute has passed"), h("p", { key: '40e2fff6dadd6426d847cbc7164a72bb137ee44d' }, "You can no longer submit evidence to counter this dispute."))), ((_c = this.dispute) === null || _c === void 0 ? void 0 : _c.needsResponse) && !this.isDueDatePassed() && (h("div", { key: '1efebe3baa295271c793faaba07b9d62a7f19e93', part: text }, h("h1", { key: 'a6e10b6d4e8f01aacefb8d3cd5244eecbbb251e6', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: 'fb99d2061fcae2a6b59a1121340bb141f8a2bcb2' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '5e6a34864d24df666ab69291e98dc569946933ad', class: "h5" }, "Dispute details"), h("div", { key: '6a189bf2c84fad8024d60da7c6972917e8768fa9', class: "d-table gap-2" }, h("div", { key: '1d76955da64391406f2cf082d473fac4da8f6be9', class: "d-table-row gap-2" }, h("span", { key: '7dcc2947c8e2ba7e388dde66ec426b9d95e87938', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'b45cdeebd1ee9f0b6e4a023a41e496c28c265c64', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_d = this.dispute) === null || _d === void 0 ? void 0 : _d.amount))), h("div", { key: 'd33fd1331385a3b8bad3f44bb8d0d92c7d9fb3eb', class: "d-table-row gap-2" }, h("span", { key: 'd4a5c2fae926b736c6516522b32965c1f55d7623', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '034868aa10b8179e485f2cc497adcf9caaca123d', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_e = this.dispute) === null || _e === void 0 ? void 0 : _e.reason)), h("div", { key: '8b56d8237d8039f90ec9141cc94e0147bc0e49bd', class: "d-table-row gap-2" }, h("span", { key: 'f301c07b7ceb2f54f642e764a61b359445962d17', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), h("span", { key: '3c7478dd78c2cd58b9eee3a3b30b0816ab8011bc', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_f = this.dispute) === null || _f === void 0 ? void 0 : _f.due_date))), h("div", { key: '1c912ca4428f444d4dd4f27584a8a64099524539', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: 'd15adbc5be96fbfe0545e87c57e1fe34449d4c8f', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '0d7b4a74b52210106929114bb8d7db76eeadedd6', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.underReview) && (h("div", { key: '8f1e958c5601d937d71da120e908acdb9b303367', part: text }, h("h1", { key: '67012e992b666b145bff9cf70011a0de88452e1e', class: "h4", part: heading4 }, "This payment is disputed and under review"), h("p", { key: 'fda8d98bffac5daf67574aabc854e58b5a754de0' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_h = this.dispute) === null || _h === void 0 ? void 0 : _h.won) && (h("div", { key: '8c3699f761f941114b4fa91cad166c78def3dc00', part: text }, h("h1", { key: '411280747b719b85240bde3ab052ba4bd43437e3', class: "h4", part: heading4 }, "This payment was disputed"), h("p", { key: '82edec3d96009d23454f6ac63651b6763b4b22a4' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_j = this.dispute) === null || _j === void 0 ? void 0 : _j.lost) && (h("div", { key: '68416771d44d09201b630d7b25952894ce4a096c', part: text }, h("h1", { key: 'dcaf92df776e75aa78762c07fdbb750f1933311a', class: "h4", part: heading4 }, "This payment was disputed"), h("p", { key: '811fcf0b3a9f38fcf857998a672286e5c5ae0a9a' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
     }
     static get is() { return "dispute-notification"; }
     static get properties() {

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

@@ -29,7 +29,7 @@ export class AdditionalStatement {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'fc937111b48c5141d31085bb6282fb58cc2d000a' }, h("div", { key: 'c24bc0ce7a89b8c138abed0d7bcf8a81cc910a71', class: "row gy-3" }, h("div", { key: 'ec340664ce128f61c231e8545ae69b1561f704bb', class: "col-12" }, h("h2", { key: '37369432e8ab4d6d871127e8535a675f91f2b07e', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: 'f96c72ebf7aaed5c757ca31c251abdbcf09684ae', class: "col-12" }, h("form-control-textarea", { key: '30f0bb97c38ed8782d23f72563d2c679640defea', 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: '5fd9944de7b9bc0395dc8d791e0d138398162e45', class: "col-12" }, h("form-control-file-v2", { key: '37200d108ab06c455de1469746e122a125d57d75', 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: '705936da10f418086c5757af0de3e53ab10716e0' }, h("div", { key: '56606aa326884a0e4417259a47739d867c2adfd7', class: "row gy-3" }, h("div", { key: '77d1e0eac15050e686f603dee1ca43f55373129f', class: "col-12" }, h("h2", { key: '7ded76e33d6190d0bf38c04ae1be16d3fbe90ee6', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '62ac6a05b02dd2572faf39c1676300d01e72b953', class: "col-12" }, h("form-control-textarea", { key: '04aecc2015fea1ecf1e8a4dc5c17ae126040eaba', 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: 'f483f7187b15facbc60411659aee39b59f5046eb', class: "col-12" }, h("form-control-file-v2", { key: '7d11206b29a51d5ad493488f8446fcf1254ed411', 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 "additional-statement"; }
     static get properties() {

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

@@ -28,7 +28,7 @@ export class CancellationPolicy {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '8812e04b5497b1b75d4afcc18084ff224efe11e0' }, h("div", { key: 'fd414b2ebd443b490ec68bb1788efce0824877e6', class: "row gy-3" }, h("div", { key: '300e7b1afa78dac54bd3240af7ad1bdd6f386134', class: "col-12" }, h("h2", { key: 'c85c78cf40224ad06db9746c929d312d6ac53613', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: 'fab79ca4fb6f343674698b87fd5e713c6028ce8b', class: "col-12" }, h("form-control-textarea", { key: '106094d74237d258091a60d14e0bdeecf1106584', 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: 'ac5d1d534d30176483fc490947e3bf65fe41afa3', class: "col-12" }, h("form-control-textarea", { key: 'd0972bf1837f9f23de6925517756ec18e1fac3fe', 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: '135463253e19c6a2d5ff86b04413e6838f824a89', class: "col-12" }, h("form-control-file-v2", { key: 'ef0a3a1d1113f5cb4e97bbf1017841b75463f690', 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: '97168f1e084510db91708b5f769d680506e48378' }, h("div", { key: 'fed6ca9c4aa195adbbc702957f94ce13be6d12ea', class: "row gy-3" }, h("div", { key: '6ac7b963019a8b83e3068940a3219338e5603f20', class: "col-12" }, h("h2", { key: '0a9a79bfc840aa2190eb48b7860db7eab1e94d6b', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '662b83a4b580d8f2621a6475fa693314a1459d77', class: "col-12" }, h("form-control-textarea", { key: '5c1edfe81316fa0da00ed80ad448e4165eff4445', 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: '36c6f8408c1975ba23bb41cd44c8442a3c5ef952', class: "col-12" }, h("form-control-textarea", { key: '570795ddd085ea26d8456908efe0651793f4490a', 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: '4cb3da1f399fb639e08474d6ec6d82071d31968f', class: "col-12" }, h("form-control-file-v2", { key: '701338b09a213b850347a4204d2b0c536406afd3', 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 "cancellation-policy"; }
     static get properties() {

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

@@ -28,7 +28,7 @@ export class CustomerDetails {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '91b627ab79cff98fc4bb2b76e9e9159b99bcdc44' }, h("div", { key: 'ddb074202926fca96c40fba3724b1a603ef29bf8', class: "row gy-3" }, h("div", { key: '680d03bb31e19a1ab7aa560195a802dc2a7f1bcf', class: "col-12" }, h("h2", { key: 'b9e47dc34c931a18373053384dac93ccd45e4823', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '286716947b073de829fe525eb855864f51d72234', class: "col-12" }, h("form-control-text", { key: '2b9369bfbb55fa87ee8448324f6ff8480679ba58', 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: '89f384a11dcac912a189b4909586a3e1db603f25', class: "col-12" }, h("form-control-text", { key: 'c6dfbeb68b117d840a39bfe4e96be7d18d5395b7', 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: '29c2e48fabafe27b878294e3267a9ec04a91a2a4', class: "col-12" }, h("form-control-textarea", { key: 'ec734cbef65f6263e462b86332be24c92a1173ad', 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: 'f944aca1e6594cdcc20bb69bd1aa625536d05ac0', class: "col-12" }, h("form-control-file-v2", { key: 'f227a8b81e6b8409152f61ae6906319577663dd3', 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: '4804ef68cc6f5d0006568aca8bc57086243af4de', class: "col-12" }, h("form-control-file-v2", { key: 'a0dba5cfa046de4bca065d7bb20ec2a5abd57fc9', 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: 'e4f028d0369b88c270aa610ab457921ee729f1cb' }, h("div", { key: 'ba4d130e343603baa3c1b3d8141b981f97cb7133', class: "row gy-3" }, h("div", { key: 'a21d574e6fbd3daef4960b39aba9568060a79ebd', class: "col-12" }, h("h2", { key: 'a87274deacfdb31ae769252f7418416152528d43', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '2aa05a739cc38a95860b255dab7142fd1a7932d3', class: "col-12" }, h("form-control-text", { key: 'b4fa7ef3c75d3c2ddc83292c2a13c80ee2a6a4cf', 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: 'b8a6851094599ed3683f3c14f18305ff0a8ed557', class: "col-12" }, h("form-control-text", { key: '4c8d73b3001a36502c6e6083eafdc8e06af86d23', 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: '45d406392c4ba199d77583f18874797f4b7c125e', class: "col-12" }, h("form-control-textarea", { key: '757de489531e8e28beb052403842d191e2a45be1', 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: '3e339e0f275e1ab8e195d77973b60af364d5cdc6', class: "col-12" }, h("form-control-file-v2", { key: '64175687470e62ce55d62163b8d231c481fce2a6', 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: '27d1ac884a8986c8e9a23c92296e2f8871ec0f45', class: "col-12" }, h("form-control-file-v2", { key: 'f7169172d91f4ea785d1532bb4a442cba8cc1c9e', 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 "customer-details"; }
     static get properties() {

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

@@ -199,7 +199,7 @@ export class DisputeResponse {
         return this.currentStep === 0;
     }
     render() {
-        return (h("div", { key: '7f9c8d56cfb86cea73ab2f299b83ff0de28f5c3e', class: "dispute-response-root" }, h("div", { key: 'a805bf54df79453127557bf651c3d776a381241f', class: "row gy-3" }, h("div", { key: '2e6bc9cbe369e0ea5d200bc0934b4cad50f3c76f', class: "col-12" }, h("h1", { key: '9876e9c87c6dfb405e7bad46d64fdb40ad048142', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '045028232da5331c7041ad222c4e98364674ace3', class: "col-12" }, this.currentStepComponent), h("div", { key: '0455c4856a44340ce25c1c4c8f776abb197f919f', class: "col-12" }, h("div", { key: '5b990cc1d41b3a7152d727c941e9758ed70f75a1', 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: '50c96cb107115c27ff993ed7288a58cd801ef936', class: "dispute-response-root" }, h("div", { key: '0ebe2541c4245c6371d3aa8cdfb58b3f92f2d96e', class: "row gy-3" }, h("div", { key: '78feb00f6f5b8fb96ceacba2e7bcda1342f8a244', class: "col-12" }, h("h1", { key: 'a86ab0cd63ebb945a69982ea05607ae4eadc1cf8', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: 'f9a5e9cad90d03ae773aaeb2e72049b453d05472', class: "col-12" }, this.currentStepComponent), h("div", { key: '838c642fdf957bf0e3fd8d4ef4c4abc79c2d6f61', class: "col-12" }, h("div", { key: '6b8af6fa4face4debee72950e86e3bc9461406da', 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 "dispute-response"; }
     static get properties() {

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

@@ -28,7 +28,7 @@ export class DuplicateCharge {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'ec4cfa15f2830ec56dfd9184728c1badeb9e1dfd' }, h("div", { key: '0e107461e759478735aecabea93baf060169dd14', class: "row gy-3" }, h("div", { key: '22b9223c3e92d2183d65d9125a3ebefd341c140f', class: "col-12" }, h("h2", { key: 'cf386e687b18a4f232b935a847270d8ad463db32', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: 'dd8cc52b7b6cfe955a09e29c145f70761db87068', class: "col-12" }, h("form-control-text", { key: 'ff024fd4e90adc3a991036eb535258bad98ab199', 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: '0df77b3c8d8a8a777c8258cd0ca075df73552ee4', class: "col-12" }, h("form-control-textarea", { key: '27bfe00c3bdab393b35f3ca26360db65f487d789', 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: '8420318e367111cb73c1235c363973d7f34aa25c', class: "col-12" }, h("form-control-file-v2", { key: '71717a0c8d02e2c8198b365f61b1a6727a619e6b', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.duplicate_charge_documentation })))));
+        return (h("div", { key: 'a4be51ca28d0558a06a96429c9f6967de65f7687' }, h("div", { key: 'e240189e3a8d31963667e6779a9497ab8258f983', class: "row gy-3" }, h("div", { key: 'c22af27a5e94810c4daa4105d30b69a9bac3ea84', class: "col-12" }, h("h2", { key: '6b09237bb4a404c03a20f1dd3687b1b2b6c02f72', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '91cca8f6bfe938aad35d57f1360cea9c8a46b89b', class: "col-12" }, h("form-control-text", { key: '88cd9fad95f55f1302cf8b638eee372279c0b601', 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: '930ddf5ae0d1f22e87f40d422cc7cc3cf202cf78', class: "col-12" }, h("form-control-textarea", { key: 'ab6764a1f982f6be6dd0fc94d5f6630b54fca654', 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: '8ca0a2a0b69d577022bd82d7f04fe8205ee66e7f', class: "col-12" }, h("form-control-file-v2", { key: '9a5e4ac52a949a8a7b4bcabd397f8b38edbff159', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.duplicate_charge_documentation })))));
     }
     static get is() { return "duplicate-charge"; }
     static get properties() {

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

@@ -28,7 +28,7 @@ export class ElectronicEvidence {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'cf4615613589be984c7d5b6b50f0b5239895d81d' }, h("div", { key: '1f96c50146d009cc4d0d0ccbee41c31144e7f746', class: "row gy-3" }, h("div", { key: '3a671ff5c959efaee8dc57dda073de113489f0a6', class: "col-12" }, h("h2", { key: '3b73879b357d3465c6c76b27db17b6dbdce7c538', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: '35c0ff43bc1dcdba8916b51da636347395c98901', class: "col-12" }, h("form-control-text", { key: 'cdabf70034babf41ba227f66936f8b340f104ca3', 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: 'd9920bf1548e14c6adadbc63dc41a1a90cc1a3cc', class: "col-12" }, h("form-control-file-v2", { key: '8eec5b79872eeeda77702d9f4cc9003a627e6682', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.activity_log })))));
+        return (h("div", { key: 'edbcd0fd94da7a6fb25403bca804133cd20be070' }, h("div", { key: '82263da6e6a92b478366025bf648fce4f3f91db6', class: "row gy-3" }, h("div", { key: 'f6435773410b5561ead0e4a20637a57b785b8c50', class: "col-12" }, h("h2", { key: 'c911fb7238d292f9d11627e13729cf613192cb13', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: 'ae43f664aa254449df9cf2c6e851e2e9c532c90e', class: "col-12" }, h("form-control-text", { key: 'a7781046a1ef45514831affa9c650b7849100817', 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: '47ba5795dde01a4d62fbdeae9e5b7b29cd538cc5', class: "col-12" }, h("form-control-file-v2", { key: 'a44528a479ec5fa2d60e357aa577b1a44f81a074', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.activity_log })))));
     }
     static get is() { return "electronic-evidence"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/product-or-service.js

@@ -28,7 +28,7 @@ export class ProductOrService {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'befcaee1dd5343ec47a55f27dc51c1d18cd57a71' }, h("div", { key: '56005c7449374963a548ea89250cc8ebbf2e75e4', class: "row gy-3" }, h("div", { key: 'ba5cdd019cb69288b49570d59317079665bf2b81', class: "col-12" }, h("h2", { key: '494feff3a2bb645653c77c7d7b031e761ed8c253', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '84db8064cd1c110e64b56961838f62f8676aed19', class: "col-12" }, h("form-control-text", { key: '98e82b9ca4b27476bc9e523afaf13ce55df9cce5', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: 'da06d2ef195dbc8cee8680e3a4c9107849836ab3', class: "col-12" }, h("form-control-date", { key: '3d2fb41fccfddb65d92468a78e3f5a4cfd9a67b5', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: '824410485b182d8e309468506a9c8ae19ce1461f', class: "col-12" }, h("form-control-file-v2", { key: 'f8f5d542260b88754c05b61f0d50374d1f66a93e', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
+        return (h("div", { key: '05c536ee29807808dde18056696f0874d58efbe9' }, h("div", { key: '07927d573fff06c4b65330a4cfb493f594e362d4', class: "row gy-3" }, h("div", { key: 'c38ab76b089b7b66aad0dd89dbc74b2a3fedddda', class: "col-12" }, h("h2", { key: '830d1384bc17af43bcd20145eab870ca293d965d', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '6b5fb4827719e7dd29a90935ec5afd540c1c81fd', class: "col-12" }, h("form-control-text", { key: '0fed87fcbb554a739285431f6256f8b8d7802b9a', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: '8a59d2bb505dd211126d6e4a6e741aaed959edc7', class: "col-12" }, h("form-control-date", { key: 'ffa4f5323aaa7c274950f2176774a4f7946c4ca4', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: 'c9e7aca6c2e9c66ec0884b34533af18a1c581b4d', class: "col-12" }, h("form-control-file-v2", { key: '8db8543f45b02496d2cc6f04794c18da55f4c146', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
     }
     static get is() { return "product-or-service"; }
     static get properties() {

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

@@ -28,7 +28,7 @@ export class RefundPolicy {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: 'd5419f7dc7ca4e66522437969b451c7adfda6b06' }, h("div", { key: 'f74344edd56fe88d481f3c428aee3f7a3170ef1a', class: "row gy-3" }, h("div", { key: 'ad826fd7a497664e8a9a97bf4f749ddd5f4899a4', class: "col-12" }, h("h2", { key: 'f792af239a7df56d2a7289fae8ee487048343851', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '5a159d8fbb74d7580a9d6ef34d1a752b68525251', class: "col-12" }, h("form-control-textarea", { key: '8fdcac1c9336874635d955f651b44389ddc3d576', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: 'ca0d7a0c5161d572a27459ec5847bd6aedda8552', class: "col-12" }, h("form-control-textarea", { key: '7dde3212e5453772afbc4dfff8de5285d29ec3b3', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: 'ec5615813cceb9b2eaaf327e4a4fb2785f341ce8', class: "col-12" }, h("form-control-file-v2", { key: '38d6901b619eb353da9b6066957579caa97064e3', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), h("div", { key: '64245ce028bff37a6f9852e75d1b2e6ba27fd3ef', class: "col-12" }, h("form-control-file-v2", { key: '126ce22ff40995cfc0d4f059b2463a98a6dfcb50', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
+        return (h("div", { key: 'baf5ee051fb023d19f3d0c21d4a7ee651e283c76' }, h("div", { key: 'c8e4870b875bff53184b90e2d254acdee795e51c', class: "row gy-3" }, h("div", { key: '872d7f45c1b5832234d013a3f7065d05f9896d80', class: "col-12" }, h("h2", { key: '7ae62cf2f5ab51537349b91db8fa9d2fa351e685', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '48a8249261d3bcf981e45dba6aaf260c4419816e', class: "col-12" }, h("form-control-textarea", { key: '31b6c4b3ffadc1fe812a00fb5e4d40de423b635e', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: 'f5504c3367bc74127dec92d95d0934a9bbb00b29', class: "col-12" }, h("form-control-textarea", { key: '9fe085d5435561251b3192169904438f0b6501e6', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: 'ae8110175bfd1880b62e41fc1b474f31a9523cfb', class: "col-12" }, h("form-control-file-v2", { key: 'ba38271cac7afd52ba6669086d664cec2e008f77', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), h("div", { key: '31ff66405fdae65e1b441b847a0e5f048822e0fc', class: "col-12" }, h("form-control-file-v2", { key: 'a36cb88846ba11690a4525ffbb27c0b4fb2140af', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
     }
     static get is() { return "refund-policy"; }
     static get properties() {

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

@@ -29,7 +29,7 @@ export class ShippingDetails {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: 'dabe709653579ef5c19806146e149fdbfa65686c' }, h("div", { key: '07d9f91a68d770daed48f84678ffa2f2182b4625', class: "row gy-3" }, h("div", { key: '6052cb801e0e8cfc73a946e32d37a35e4726f8aa', class: "col-12" }, h("h2", { key: '8cea7d2ac9d5e53a01d4e8f3a14b3b6947e72f19', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '79adf032e4435f8e89e5d848e397c8389c35ee99', class: "col-12" }, h("form-control-text", { key: '4dd59285b595b33944168e5a959fbf7686b71c4c', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: 'e25cb74edb5133cfaa1c8abb6194a43104d51e80', class: "col-12" }, h("form-control-text", { key: 'bdb47ebe63e9717db4308d89e890bdd01ecad9fc', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: 'ccb5a0facc6aa6f7c311f3d1a395faa214b4c099', class: "col-12" }, h("form-control-date", { key: 'a2e1a7af287b7afae6ba7451bd4f51292e2e14fa', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: 'ce176cd89d1c2fbf4cb3e1a84d84fb38e7f77ae9', class: "col-12" }, h("form-control-textarea", { key: '5f09d91a79081a8dea6eb44b44e6500f5f9b547b', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: 'b41048055f1fc82bb383d300f32e13efa2a4f0fc', class: "col-12" }, h("form-control-file-v2", { key: '2fda26e5404c3a2a0c10261ffc1e005b688e057a', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
+        return (h("div", { key: '079899510230700b1b0164642856719267e0dc09' }, h("div", { key: '23229775a0a57e60cd6de4ceff1bcb60d2502283', class: "row gy-3" }, h("div", { key: '9376fd2dfe64983f734f93354c08a38cbe6d46d4', class: "col-12" }, h("h2", { key: '141a2e2a5098388d15e4626a4311a0d95991af3b', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: 'c1eae745411ea51d07839c84abce48742cf8e31b', class: "col-12" }, h("form-control-text", { key: '37ffbdb5be2e0bcffcc78b19ce5a125fd3a7cbd5', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: '27f39470af011e3cbae85e35e56c544a331c1241', class: "col-12" }, h("form-control-text", { key: 'dda7d915ab28bb2845cbfd1338222b1c50aab063', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: 'bbf1cff1e23632597fad5c84b4c6ceb8080be547', class: "col-12" }, h("form-control-date", { key: '8a0bc94d48e7ccde53408ad6a3f20ffcfe7a6263', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: '55e9efd42f6380c0bb645de90dde4eb63ce80a5d', class: "col-12" }, h("form-control-textarea", { key: '0dac6c8521bec728b7dd182841552b72f38dbbec', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: '488034d64bc2808d27b9a072515cb84593e72db9', class: "col-12" }, h("form-control-file-v2", { key: '609b0177ed8279fe483f5b4e59ee076b4b471ee7', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
     }
     static get is() { return "shipping-details"; }
     static get properties() {

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

@@ -92,7 +92,7 @@ export class JustifiDisputeManagement {
         });
     }
     render() {
-        return (h(StyledHost, { key: 'e95c2e42f6e966681986089eccd9c0c6099d7214' }, h("div", { key: '18e936c7fd6992cfc18f8e98a2eda2f333c862f2' }, this.showDisputeResponseForm ? (h("dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading })))));
+        return (h(StyledHost, { key: '6d86218f7a7fe8ea93a377e3bf182dc67e339682' }, h("div", { key: '0b51a3bbf6608671ba63773aa77665f85e88ef27' }, this.showDisputeResponseForm ? (h("dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading })))));
     }
     static get is() { return "justifi-dispute-management"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/filters/table-filters-menu.js

@@ -19,7 +19,7 @@ export class TableFiltersMenu {
         this.showClearButton = hasFilters(this.params);
     }
     render() {
-        return (h("div", { key: 'bcecb736427ce7859174c8f91938f720f8e32782', class: "d-flex gap-2" }, h("div", { key: 'aadd72cb3aac3d676a340068304802dbc5dfeab2', class: "dropdown pb-3" }, h("button", { key: '2dbb5590ea8ed60d2228b0f0b262332e5d377810', type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", part: dropdownMenuButton, "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: 'c516ec2550207e3acc3d0186c6f86d351a6ca4a9', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: '4ee1c1bd0e5c9eacccb857986d3f2e37bb3d990b', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: 'b274f915722d1a59af4578935c4233bcf700c7b2' })))), h("div", { key: 'ce527862135dd31b9b198133a3a2c19699419c5d' }, h(Button, { key: '272022c173de7f8c41ba7a88cf5aa004da11b3a2', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
+        return (h("div", { key: 'b2995f302e9627d876ff6ac21295d41ce69d4f7b', class: "d-flex gap-2" }, h("div", { key: '998fd281023ac31e826e5288d4b6d47292cdf6ef', class: "dropdown pb-3" }, h("button", { key: 'fc3ee216db9069418fcc0c53f0910185934b4ad9', type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", part: dropdownMenuButton, "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '276206711bc368554023e0545852cc2dd05bbc84', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: '099fa4a9981bf956e2bab4b938595ed5414d0c49', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '7d4e6e5b97effc0ccddce3333795b1fc43f63e43' })))), h("div", { key: '422589b336e1e9d0a1aac49ce05f7febf804759c' }, h(Button, { key: '1ae668bea62082a84fe47d75697d2b0cbb9ed617', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
     }
     static get is() { return "table-filters-menu"; }
     static get properties() {

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

@@ -75,6 +75,7 @@ export class JustifiModularCheckout {
         };
     }
     connectedCallback() {
+        var _a;
         this.observer = new MutationObserver(() => {
             this.queryFormRefs();
             this.setupApplePayListeners(); // set up again listeners when DOM changes
@@ -92,8 +93,8 @@ export class JustifiModularCheckout {
         };
         this.getCheckout = makeGetCheckout(config);
         this.completeCheckout = makeCheckoutComplete(config);
-        // Emit checkout-changed whenever any store key changes
-        onAnyChange(() => {
+        (_a = this.unsubscribeCheckoutChanges) === null || _a === void 0 ? void 0 : _a.call(this);
+        this.unsubscribeCheckoutChanges = onAnyChange(() => {
             this.emitCheckoutChanged();
         });
     }
@@ -116,8 +117,10 @@ export class JustifiModularCheckout {
         this.setupGooglePayListeners();
     }
     disconnectedCallback() {
-        var _a;
-        (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
+        var _a, _b;
+        (_a = this.unsubscribeCheckoutChanges) === null || _a === void 0 ? void 0 : _a.call(this);
+        this.unsubscribeCheckoutChanges = undefined;
+        (_b = this.observer) === null || _b === void 0 ? void 0 : _b.disconnect();
         this.removeApplePayListeners();
         this.removeGooglePayListeners();
     }
@@ -311,7 +314,7 @@ export class JustifiModularCheckout {
         }
     }
     async submitCheckout(submitCheckoutArgs) {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         if (checkoutStore.isSubmitting)
             return;
         checkoutStore.isSubmitting = true;
@@ -388,7 +391,22 @@ export class JustifiModularCheckout {
             });
             return;
         }
-        if (!checkoutStore.paymentToken) {
+        // Sezzle has no payment token; approval comes from the Sezzle popup
+        const isSezzle = ((_e = checkoutStore.selectedPaymentMethod) === null || _e === void 0 ? void 0 : _e.type) === PAYMENT_METHODS.SEZZLE;
+        if (isSezzle) {
+            const sezzleRef = this.hostEl.querySelector('justifi-sezzle-payment-method');
+            const payload = await (sezzleRef === null || sezzleRef === void 0 ? void 0 : sezzleRef.resolvePaymentMethod({ isValid }));
+            if (((_f = payload === null || payload === void 0 ? void 0 : payload.bnpl) === null || _f === void 0 ? void 0 : _f.status) !== 'success') {
+                checkoutStore.isSubmitting = false;
+                this.errorEvent.emit({
+                    message: ((_g = payload === null || payload === void 0 ? void 0 : payload.error) === null || _g === void 0 ? void 0 : _g.message) || 'Sezzle checkout was not completed.',
+                    errorCode: ComponentErrorCodes.TOKENIZE_ERROR,
+                    severity: ComponentErrorSeverity.ERROR,
+                });
+                return;
+            }
+        }
+        if (!isSezzle && !checkoutStore.paymentToken) {
             checkoutStore.isSubmitting = false;
             this.errorEvent.emit({
                 message: 'Payment token not found.',
@@ -416,8 +434,8 @@ export class JustifiModularCheckout {
             }
         };
         const payment = {
-            payment_mode: mapTypeToPaymentMode((_e = checkoutStore.selectedPaymentMethod) === null || _e === void 0 ? void 0 : _e.type),
-            payment_token: checkoutStore.paymentToken,
+            payment_mode: mapTypeToPaymentMode((_h = checkoutStore.selectedPaymentMethod) === null || _h === void 0 ? void 0 : _h.type),
+            payment_token: isSezzle ? undefined : checkoutStore.paymentToken,
         };
         if (this.preCompleteHook) {
             const state = getCheckoutState();
@@ -452,7 +470,7 @@ export class JustifiModularCheckout {
         });
     }
     render() {
-        return h(Host, { key: '545e1cb07252ba0dc78fa980bd17ee5572559f6c' });
+        return h(Host, { key: 'c9b021ee33cdac2c88ec16df613ccaf3f4e981ef' });
     }
     static get is() { return "justifi-modular-checkout"; }
     static get properties() {

package/dist/collection/components/modular-checkout/sub-components/justifi-apple-pay.js

@@ -33,7 +33,7 @@ export class JustifiApplePay {
                 this.error = null;
                 this.applePayStarted.emit();
                 const paymentRequest = {
-                    countryCode: this.countryCodeForCurrency(checkoutStore.paymentCurrency),
+                    countryCode: this.countryCode,
                     currencyCode: checkoutStore.paymentCurrency,
                     merchantCapabilities: [
                         ApplePayMerchantCapability.SUPPORTS_3DS,
@@ -43,7 +43,6 @@ export class JustifiApplePay {
                     supportedNetworks: ApplePayHelpers.getDefaultSupportedNetworks(),
                     total: ApplePayHelpers.createLineItem(checkoutStore.paymentDescription, checkoutStore.paymentAmount),
                 };
-                console.log("=== Apple Pay Payment Request ===", paymentRequest);
                 const result = await this.applePayService.startPaymentSession(paymentRequest, checkoutStore.authToken, checkoutStore.accountId);
                 if (result.success) {
                     this.applePayCompleted.emit({
@@ -98,12 +97,6 @@ export class JustifiApplePay {
             });
         }
     }
-    countryCodeForCurrency(currency) {
-        if (currency.toLowerCase() == "cad") {
-            return "CA";
-        }
-        return "US";
-    }
     loadApplePaySDK() {
         if (this.sdkLoaded)
             return;

package/dist/collection/components/modular-checkout/sub-components/justifi-sezzle-payment-method.js

@@ -3,7 +3,7 @@ import { formatCurrency } from "../../../utils/utils";
 import { checkoutStore } from "../../../store/checkout.store";
 import { StyledHost } from "../../../ui-components";
 import { PAYMENT_METHODS } from "../ModularCheckout";
-const sezzleLogo = (h("img", { class: "sezzle-smart-button-logo-img", src: "https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg", alt: "Sezzle", style: {
+const sezzleLogo = () => (h("img", { class: "sezzle-smart-button-logo-img", src: "https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg", alt: "Sezzle", style: {
         display: 'inline',
         width: '80px',
         marginLeft: '5px',
@@ -13,8 +13,6 @@ export class JustifiSezzlePaymentMethod {
     constructor() {
         this.paymentMethodOptionId = PAYMENT_METHODS.SEZZLE;
         this.initializeSezzleCheckout = () => {
-            let resolveSezzlePromise;
-            this.sezzlePromise = new Promise((resolve) => { resolveSezzlePromise = resolve; });
             const amount = Number(checkoutStore.paymentAmount);
             const Checkout = window.Checkout;
             const checkout = new Checkout({
@@ -31,9 +29,9 @@ export class JustifiSezzlePaymentMethod {
                         checkout_url: checkoutStore.bnplProviderCheckoutUrl,
                     });
                 },
-                onComplete: (event) => resolveSezzlePromise({ bnpl: event.data }),
-                onCancel: (event) => resolveSezzlePromise({ bnpl: event.data }),
-                onFailure: (event) => resolveSezzlePromise({ bnpl: event.data }),
+                onComplete: (event) => { var _a; return (_a = this.resolveSezzlePromise) === null || _a === void 0 ? void 0 : _a.call(this, { bnpl: event.data }); },
+                onCancel: (event) => { var _a; return (_a = this.resolveSezzlePromise) === null || _a === void 0 ? void 0 : _a.call(this, { bnpl: event.data }); },
+                onFailure: (event) => { var _a; return (_a = this.resolveSezzlePromise) === null || _a === void 0 ? void 0 : _a.call(this, { bnpl: event.data }); },
             });
             this.sezzleCheckout = checkout;
             this.installmentPlan = this.sezzleCheckout.getInstallmentPlan(amount);
@@ -51,8 +49,13 @@ export class JustifiSezzlePaymentMethod {
         if (!insuranceValidation.isValid) {
             return { validationError: true };
         }
+        if (!this.sezzleButtonRef) {
+            return { error: { code: 'sezzle_not_ready', message: 'Sezzle is not ready yet. Please try again.', decline_code: '' } };
+        }
+        // new promise per attempt so retries after cancel/failure re-open the popup
+        const sezzlePromise = new Promise((resolve) => { this.resolveSezzlePromise = resolve; });
         this.sezzleButtonRef.click();
-        return this.sezzlePromise;
+        return sezzlePromise;
     }
     async handleSelectionClick() {
         checkoutStore.selectedPaymentMethod = { type: PAYMENT_METHODS.SEZZLE };
@@ -64,15 +67,14 @@ export class JustifiSezzlePaymentMethod {
             console.warn('justifi-sezzle-payment-method: BNPL is not enabled for this account.');
             return null;
         }
-        return (h(StyledHost, { class: "payment-method" }, h("script", { src: "https://checkout-sdk.sezzle.com/checkout.min.js", async: true, ref: (el) => (this.scriptRef = el) }), h("div", null, h("div", null, "Buy now, pay later with ", sezzleLogo), this.installmentPlan && (h("small", null, h("span", null, (_a = this.installmentPlan) === null || _a === void 0 ? void 0 : _a.installments.length), "\u00A0", h("span", null, this.installmentPlan.schedule, " payments of"), "\u00A0", h("span", { class: "fw-bold" }, formatCurrency((_b = this.installmentPlan) === null || _b === void 0 ? void 0 : _b.installments[0].amountInCents)))))));
+        return (h(StyledHost, { class: "payment-method" }, h("script", { src: "https://checkout-sdk.sezzle.com/checkout.min.js", async: true, ref: (el) => (this.scriptRef = el) }), h("div", null, h("div", null, "Buy now, pay later with ", sezzleLogo()), this.installmentPlan && (h("small", null, h("span", null, (_a = this.installmentPlan) === null || _a === void 0 ? void 0 : _a.installments.length), "\u00A0", h("span", null, this.installmentPlan.schedule, " payments of"), "\u00A0", h("span", { class: "fw-bold" }, formatCurrency((_b = this.installmentPlan) === null || _b === void 0 ? void 0 : _b.installments[0].amountInCents)))))));
     }
     static get is() { return "justifi-sezzle-payment-method"; }
     static get encapsulation() { return "shadow"; }
     static get states() {
         return {
             "installmentPlan": {},
-            "sezzleCheckout": {},
-            "sezzlePromise": {}
+            "sezzleCheckout": {}
         };
     }
     static get events() {

package/dist/collection/components/refund-payment/justifi-refund-payment.js

@@ -128,7 +128,7 @@ export class JustifiRefundPayment {
                 onError: ({ error, code, severity }) => {
                     // If void fails, fall back to refund
                     voidAttempted = true;
-                    this.handleError(error, code, severity);
+                    this.handleError(code, error, severity);
                     this.processRefund(values)
                         .then(resolve);
                 },
@@ -157,7 +157,7 @@ export class JustifiRefundPayment {
                 onSuccess: (response) => { refundResponse = response; },
                 onError: ({ error, code, severity }) => {
                     refundResponse = error;
-                    this.handleError(error, code, severity);
+                    this.handleError(code, error, severity);
                 },
                 final: () => {
                     this.submitEvent.emit({ response: refundResponse });

package/dist/collection/store/checkout.store.js

@@ -108,8 +108,22 @@ export function getCheckoutState() {
 }
 export { checkoutStore as checkoutStore, onChange };
 export function onAnyChange(callback) {
-    Object.keys(initialState).forEach((key) => {
-        // @ts-ignore - onChange is generically typed by stencil/store but not exported here
-        onChange(key, (newValue) => callback(key, newValue));
+    let pending = false;
+    let active = true;
+    const unsubscribe = Object.keys(initialState).map((key) => {
+        return onChange(key, () => {
+            if (pending || !active)
+                return;
+            pending = true;
+            queueMicrotask(() => {
+                pending = false;
+                if (active)
+                    callback();
+            });
+        });
     });
+    return () => {
+        active = false;
+        unsubscribe.forEach((off) => off());
+    };
 }

package/dist/collection/ui-components/form/form-control-checkbox.js

@@ -34,10 +34,10 @@ export class FormControlCheckbox {
         return inputCheckbox;
     }
     render() {
-        return (h(Host, { key: 'dc2fdbd7fd92a0205b15e4b302458d8f0d775b35' }, h("div", { key: 'f32f7d5cb559282cece071f3623bdab80998bc04', class: 'form-group d-flex flex-column' }, h("div", { key: '5481439484b97ad733a0051f1722a5c3ed45778d', class: "form-check" }, h("input", { key: '9e96a563e5b0b1a9589dff7eb4f3eb3038d4918b', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'c125c58c5883ba06b2a671551340b0ee316308af' }, h("div", { key: 'fd4b904ef4f20c357ef3aa9ce8b69b452f62bc0e', class: 'form-group d-flex flex-column' }, h("div", { key: 'b787782fcd23cbb044df6ea95a441fd71045815a', class: "form-check" }, h("input", { key: '72e4b3bed060f8b93fa53b254f6d492082270e62', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: '11a27a415d7741d8a29dde8d1fd029c2e143f235', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '3e0ef15182200a48d3cf3142c3511a0ad8095db3', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'e85175ea76f6073d7ee813a3f2d8eaecc044601a', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: '8a17ab6e5144bb06486c1e74035576b5ce473621', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: 'd0be5c8bf0cd51bf2251a5d780538d2e053163cb', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'ebffb11e0e2fa1dd2846d389604856fc04943b55', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-checkbox"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-select.js

@@ -35,10 +35,10 @@ export class FormControlSelect {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'bf6556107b1f272aa6bc4f89cb0f2a889f8b9d1d' }, h("div", { key: 'be1644d78987676c9af452831e25c3effc31a67c', class: "form-group d-flex flex-column" }, h("div", { key: '62eaea4bdbee959d6e785c00c4f41f642c0a16af', class: "d-flex align-items-start gap-2" }, h("label", { key: '641ada798c78ca0c649ec76029c157069636838b', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '3a04fe21799a54e402e8afead34b60898c804af4', helpText: this.helpText })), h("select", { key: '54188864be36aed540647275cd84eae738eb633f', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '181f9882efa122d1158475b03c5d91b6a596a029' }, h("div", { key: 'ab62345c08da6d3d33fa110937c936758e065eb3', class: "form-group d-flex flex-column" }, h("div", { key: 'a4cd1468d4c57b63ee25f25cca6f42ea08b70ef4', class: "d-flex align-items-start gap-2" }, h("label", { key: 'ebb6e16b2e11a3623c3152eb8e1b51412fa4d1ae', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '5d5d414a90927659661b6a2e167056c938e9c5a7', helpText: this.helpText })), h("select", { key: '8105c889f7fdb9376848c6057ccd58b9c62841a4', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (h("option", { value: option.value }, option.label)))), h(FormControlErrorText, { key: '387753bf79494f44a91858175af74d48a9e9c051', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (h("option", { value: option.value }, option.label)))), h(FormControlErrorText, { key: '061a26387560f0b8085e83e1c373a43340146469', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-select"; }
     static get properties() {