@justifi/webcomponents 6.2.0-rc.2 → 6.2.0

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

@@ -75,9 +75,9 @@ export class Checkout {
     }
     render() {
         var _a, _b;
-        return (h(StyledHost, { key: '40765f54a977fb2e8e450eba0bf9731132ae4897' }, h("justifi-modular-checkout", { key: '3e698888a43c585749644d874dd49510889b04ca', ref: (el) => {
+        return (h(StyledHost, { key: '468b97261a110d5779ac742de45248aadfbeeb6c' }, h("justifi-modular-checkout", { key: '7ce8d2e147f0b91ad93996f7e044a3fe2a9bd604', ref: (el) => {
                 this.modularCheckoutRef = el;
-            }, authToken: this.authToken, checkoutId: this.checkoutId }, h("div", { key: '2491242f0619ea24fbd0e50fbdda4cc2bad9915f', class: "row gy-3 jfi-checkout-core" }, h("div", { key: 'a965de56c5190e62bbad82116874c78c57f9d9c6', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: 'ad29fd4619a5bf9e38cbca2e24f8c6818419c022', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '4b1691f7f54a8e83f649a3d1346ec5e0f4ebb588' }, h("justifi-checkout-summary", { key: '8ea50acbcd67ea9f26dbdf74f3a0a30062926364' }))), h("div", { key: 'b024b6c6debc74443abca6b7776c29ce0253da34', class: "col-12 mt-4" }, h("slot", { key: '00b9e18b4fb5278085a3752cdd009d29b0a97a04', name: "insurance" })), h("div", { key: '7dac621b116926cbd860ca975aa642bc207fc62e', class: "col-12 mt-4" }, h("justifi-header", { key: '228d89e8fc31e9e0d6e67907b45f74b8af601e30', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: '6cc7b7a742f679029f40d8c64c9d59004604f67b', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: 'd5ca29544817acbd96c6cff74de27ed13b9ac42f', class: "d-flex flex-column" }, h("section", { key: 'd149835076b70d73c61cfa6e219ac613cf93e817' }, h("div", { key: 'c4562096a2bbd0bacb907c1bbb5cf741d5c77cb3' }, h("justifi-saved-payment-methods", { key: '077666867b456945c6da965a2ebebfd2faaa66b9' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: '7db9e4f2bc82ed36dce329e83c4fbbfea23aa615', class: "mb-3" }, h("justifi-apple-pay", { key: '50f02bd90d1f3ca1d43a2d027a596382b2e0b589' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: '41b15052934bd38c021de57e35d116fcf756e996', 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: '19669551d9835b62b02d38308f713f255fbf5276', 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: 'adce7f493b7b17d315c839290e04e1f89b7b033a', 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: 'bcb348f1d16b64ca7bc9cb30e5dbe7bccc84ddd6', class: "mt-4" }, h("justifi-button", { key: 'f1fbd73274ea2d0674ae4979fab09b142446ad4e', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: this.isSubmitting, isLoading: this.isSubmitting, customStyle: { width: '100%', textAlign: "center" } }))))));
+            }, authToken: this.authToken, checkoutId: this.checkoutId }, h("div", { key: '7ace65df988d338d0cc810a532f8914a046e7268', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '3c6223ef06c7a2b42bef97dd67f5f09f21bb248b', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: '622b2ef667ab222a3152134573e7191bf2fa6117', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '036b447e7e92b1c6bfe33aff5d07a35bc2d9a915' }, h("justifi-checkout-summary", { key: '292c0b09960046e78b902652e5b0902129715ef5' }))), h("div", { key: '5d27c5a5d3f026ad9f9da37833f8ecf808a89de9', class: "col-12 mt-4" }, h("slot", { key: '1a583d890039b1c3a4493a0687ac5a9caa21d2b3', name: "insurance" })), h("div", { key: '0d7427acc37518888fceef97431f594fb4ea2359', class: "col-12 mt-4" }, h("justifi-header", { key: '5543bc55d4be2de9064b4c4924ecd7d2f32da7d9', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: '80a17876009d3c6e39017432053e3ab18b6d406e', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: 'eac0e3466d8cf74df53acd1252d11d0461d0a263', class: "d-flex flex-column" }, h("section", { key: '1e27c56d333a44760d552549a716b39b1bcc538f' }, h("div", { key: '65680e1ed1a3eccc84ec67797f468edafcb65a80' }, h("justifi-saved-payment-methods", { key: '800e1e6312f8a38856341b5bc78c93a9fc18434e' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: '0e5d9164a0066b88e7b9467bbb25167262614087', class: "mb-3" }, h("justifi-apple-pay", { key: '81717e6193aa402eef18cf006b74798d02811a8d' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: '6405f56f8ee450d410801056c362580a6457325f', 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: 'd2b920050db52162f5f1fee2ee46884f50f511e8', 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: 'c160cd5403029ce3e1cac142cf1e782c104e97f2', 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: '6e03db84ccbfab811c72e4df5ffaf23c8822539b', class: "mt-4" }, h("justifi-button", { key: '93bb084fdcce73aebed63ad887ced32c4d47ef7f', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: this.isSubmitting, isLoading: this.isSubmitting, customStyle: { width: '100%', textAlign: "center" } }))))));
     }
     static get is() { return "justifi-checkout"; }
     static get properties() {

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

@@ -12,7 +12,7 @@ export class SaveNewPaymentMethod {
         };
     }
     render() {
-        return (h(StyledHost, { key: 'e40e77b8ef70b343c870a4cb0b6cf3fa51543ff9' }, h("form-control-checkbox", { key: '1429e670405e0d43eef2d3b5ed2d071db339129d', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
+        return (h(StyledHost, { key: '9aa9ce812c0cb2fdc809c47060ed150903ad7cd5' }, h("form-control-checkbox", { key: '596bc9a145e363c751c8610f4b9f23ad31dab299', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
     }
     static get is() { return "justifi-save-new-payment-method"; }
     static get encapsulation() { return "shadow"; }

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

@@ -18,7 +18,7 @@ export class SavedPaymentMethod {
     ;
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: '2636f9038b83a384a2a3bc4bbc7695ff237a6584', class: "payment-method" }, h("div", { key: '2995201b40f93a916fe6a32c2d27bc43cd22d8d1', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '7f8382f0d3cbc596c329fc32badc6c4b40e4493f', 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: '7374fc6d31ec0ebdb34cdd2b789fb931cb93216f', class: "payment-method" }, h("div", { key: 'b29b47faffcb10d90a811a255a707dfda8597317', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '82c2ebcb9d9b47c8a0a6a3a3e35d7e59a4b66ee7', 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/checkouts-list/checkouts-list-core.js

@@ -118,7 +118,7 @@ export class CheckoutsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'a227a356ba08e39e4b60849d8615a5b1cd845739' }, h(TableComponent, { key: '51b96d4be5773975397eadfc6c3c0ec983bdb38f' }, h(TableHead, { key: '868cf524b90bcc2671fc487dc5c7f9c71756d24f' }, h(TableHeadRow, { key: '3bc7b727e4e3c8f0a61b55993c965779c0fac73b' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '06adebe1455360d37d3eed7a27af2698b35047b4' }, h(TableLoadingState, { key: '241f49bd2ed6d3548e286de8f75f1cc92ffae23f', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '9739415d15f73457aa5125c85be88566e70d233b', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '43b1fa74ba01c89b2d22fc238295c343bf6379b6', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '3a4b974a07bbe7d0fe246ad93724be2bec449166' }, h(TableFootRow, { key: '6ec16663674ea87026fc3400d164fa2d9907c35a' }, h(TableFootCell, { key: '1eb2943ba2e6885a1a520430eb257e7499553c80', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: 'd4719b9e2166d0577e620a5575303294127833a9', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'a77ef0f8f5b4ddf7448815c9df38097e16a38794' }, h(TableComponent, { key: '6408f3ec06f268f2f5b516fb2fe5e03dcce84bfc' }, h(TableHead, { key: '310864630e702965e885568c513d1d2d8f3805ea' }, h(TableHeadRow, { key: 'bee990fd0a1f8fbf5f21f41ce44f3d57a6bbffa6' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '1a5fd1a0b571205238ec365f0b9688d6abe95dc3' }, h(TableLoadingState, { key: 'df07de295c2a2b6674ed60ff55678a0f67665b15', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'faecb3005baf02ec425b369dcceff2de06e501eb', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '7d0e879b9e5595550a4cbd9c9948677106859e38', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '3fbdfe68348692e23333bae21fbaef261fe263d4' }, h(TableFootRow, { key: '4e39fd1f73d4b2f943f909fa8d640bf488fb5469' }, h(TableFootCell, { key: 'f245bc167021ff3e1c7f139e31fe151064651dad', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: 'c9129910b8ffeda06c90ffaa32832b8186687de4', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "checkouts-list-core"; }
     static get properties() {

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

@@ -38,7 +38,7 @@ export class CheckoutsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'e2c74f8194963dd89cfec003100160243d5b557a' }, h("table-filters-menu", { key: '11e1de006ba3449b055522566c8bf6ed7c7d0149', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: 'c9e381e473f76eca245cc3c8f63902fddde04536', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '335068bb6399da10ea58a39a918ab6e847a1b7fb', class: "p-2" }, h("form-control-select", { key: '3a5ff6562756bc17c1ff29a08dccef8f398d3b3c', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: 'a7101ad94377c3211219b9b2d4031f2fd4c0b623', class: "p-2" }, h("form-control-select", { key: '96613a62d42a61164959939cbaaacf14f28683b0', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam }))))));
+        return (h(StyledHost, { key: 'e68f5bd4687eaad5aae4890d81baec603f72b6de' }, h("table-filters-menu", { key: 'c09285765839dbfad618bc13f39883e3f11ae991', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: '96e32ecba5c64ccda108ceb583a82b1554b347a8', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '7ce51a9f065004c169b577bcdd33af8ad7b01ac2', class: "p-2" }, h("form-control-select", { key: 'b6dfda04a58f51b989b1dc655df00500071fea98', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: '4feb8c837611e6d0ec9cad6cb7a9f032db8cbbf5', class: "p-2" }, h("form-control-select", { key: '5a2a6c0e21cb62ee792bce703ccdfc9e08a46cc0', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam }))))));
     }
     static get is() { return "justifi-checkouts-list-filters"; }
     static get encapsulation() { return "shadow"; }

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

@@ -61,7 +61,7 @@ export class CheckoutsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: 'f20c74e616c92115985587dc56d6ef62e86fbf02' }, h("checkouts-list-core", { key: 'e3afd6af4d8db35f4119d93cc550a1827e1d52cb', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'b7e794982435af9a755c272767c017c57fa16b24' }, h("checkouts-list-core", { key: 'a8de52b59cbccd7cd97369663c074011b49b9499', 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-notification.js

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

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: 'a03e78a3610b5bf23bf9611ed2225e839da41c5d' }, h("div", { key: '235029013598b89a4d92c06cc468b1fb4147fc4c', class: "row gy-3" }, h("div", { key: 'f18cdb52f20817dc6dc3d16e91b4fee09ccda690', class: "col-12" }, h("h2", { key: '37a18cbc0027cb3fd170fa5afad295d57cfc0f19', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '9cc4ef86508b8232e343f46fc64ccc78b42ac22f', class: "col-12" }, h("form-control-textarea", { key: '93fb66f2e4ee72b58ff53c5010b1e5e16e9abbd7', 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: 'cb3fe8f241e08df1984fc47820e723f00d34641d', class: "col-12" }, h("form-control-file-v2", { key: 'eeae63012b624078bfc3fa34553ed7aa8288a24b', 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: 'c3458b13a7a265c9538725f706febf90251beb0e' }, h("div", { key: 'f8df4f3ae70640acf11f5c803ae1f77f1f501b48', class: "row gy-3" }, h("div", { key: '4d92037e9cb588c137bac7a505d35764de1fc83e', class: "col-12" }, h("h2", { key: '6cbf7f95a025011299aa0612e9c28c87f4fb6553', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '36d990b686e17568dffe11529582638cb5e1e812', class: "col-12" }, h("form-control-textarea", { key: 'c75f3f622ecfcf142d003e1af09f81794d4f6a1d', 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: 'd6da0f0922e5c1ba99dbef034b9a8d8817739899', class: "col-12" }, h("form-control-file-v2", { key: '0e333a243b510fbe96bf874fa523ea9e4d7bfa6f', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.uncategorized_file })))));
     }
     static get is() { return "justifi-additional-statement"; }
     static get properties() {

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

@@ -28,7 +28,7 @@ export class CancellationPolicy {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '37c63086ec0dece44992be20f44d0b0f06ce3996' }, h("div", { key: '0aab4b70d17ce769d847470b74cd2f0946845ed2', class: "row gy-3" }, h("div", { key: '7cacadffe3a11231d9791dd3b536686e7cc2d539', class: "col-12" }, h("h2", { key: '09c8227375b4231c4135a18d31667f069c5c847d', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '4636e5b456294e6493e09859cf4d001d7e7b6c1a', class: "col-12" }, h("form-control-textarea", { key: 'e5e7be99ae8b18016c28388e7d165321b7aae062', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), h("div", { key: '0885ca69088851f240ae22b5106a9989b4321f96', class: "col-12" }, h("form-control-textarea", { key: '80ebcdae7bbf223109820735dacb4d2a8c1c8809', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), h("div", { key: '3ddc4eaa4f086eee2758c2b53172a0f43622e741', class: "col-12" }, h("form-control-file-v2", { key: 'cb975ba4e455d2fc5959319a781a084b5af7b9f8', label: "Upload Cancellation Policy", name: "cancellation_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.cancellation_policy })))));
+        return (h("div", { key: 'bd78bece625aec456d3433cc20bff08c16ae147a' }, h("div", { key: '80b32adabf3205beb07609c2758ba8609f22cf87', class: "row gy-3" }, h("div", { key: 'baa7766e30f6d9a9be7d2194d07e2fd53e859642', class: "col-12" }, h("h2", { key: 'bb1bb5a301dfaa5f4ce3cdcef84ff987088f2933', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '47fd127e97420bcc5aca04e6cdf2067edd7d9a97', class: "col-12" }, h("form-control-textarea", { key: 'c85dd2dc03c872e96c052e347bb698c9c8f17b3b', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), h("div", { key: 'e070c23f89b84d414992b842107531136b2541a6', class: "col-12" }, h("form-control-textarea", { key: '0c3acec921d25929feb496f810a1745debc440fb', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), h("div", { key: 'd40087a09150c9e801b6499604b71b48019a33b7', class: "col-12" }, h("form-control-file-v2", { key: '75c6d00c7a29c60bd81ab2f187f901d6fbe522d1', label: "Upload Cancellation Policy", name: "cancellation_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.cancellation_policy })))));
     }
     static get is() { return "justifi-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: '858dcd8508a6ef974faf5b97c04cbd224cea93c0' }, h("div", { key: '7aef1bf1aaf5838e8f555b9f8680bc89f255d52c', class: "row gy-3" }, h("div", { key: 'f206b1c9958b39b242dfe2c899a0a98f16731dff', class: "col-12" }, h("h2", { key: '92916cf3952026ce406e52ac70be08cbb9c0e2a4', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: 'f80d3f7624484c70380035ad1bed0c292d7524b6', class: "col-12" }, h("form-control-text", { key: '1f762101dcda20301e4207e26e32d0d9808f141e', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: 'dc7b267094e7ff05194b96d5886788f56e31cae6', class: "col-12" }, h("form-control-text", { key: '64abb76bb8f9cf640bb4b367facb43355194db2d', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: '8774802d03a56029ee6611820b077496c0032d9e', class: "col-12" }, h("form-control-textarea", { key: '2ffdd3ece9bbd6f7206508d96ba6a09e9b51e7e3', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: '481cc546dcf904bd2414c096aafe9b034be548c2', class: "col-12" }, h("form-control-file-v2", { key: '763c89f78cf205bdf5f30cce01d8d96debfd12b0', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), h("div", { key: 'bf358ed8e708f439877de74f18cb488b3fe65ecd', class: "col-12" }, h("form-control-file-v2", { key: 'e4c72136e11514b2dddac44a584b343a1846b077', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
+        return (h("div", { key: '4f66d1737416342483855947c8d0bc84633efd1a' }, h("div", { key: '0a7be5af6e92d56bf58ceb5e1a5269163f8a5eef', class: "row gy-3" }, h("div", { key: '0ae8574e9228b7cee09f33595f901a216fad571c', class: "col-12" }, h("h2", { key: '9a025c901262dc362e048a72f3f5d17eaa8bc7a4', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '8d651d6a4f9f3ebc519e3fd8b6cd03da452f7a5e', class: "col-12" }, h("form-control-text", { key: '00b3d5ffef1d253b75cdba11c26c05fc4b3d3e7d', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: '3494745d7843208abe678662359cf1612b035d2d', class: "col-12" }, h("form-control-text", { key: 'b6822a0f33dab183f717e58b68cd1c95445a62c8', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: '86f9e759614375d50238fa26756ceac0ebd3d55c', class: "col-12" }, h("form-control-textarea", { key: 'e86f3fcc5a5f31cf46b67d53ee282b16232c0016', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: 'bda34fee75daeaf9ac91758a096febabe98ddf14', class: "col-12" }, h("form-control-file-v2", { key: '49c40325d8478296a6da2f124114a7a06d29b4c6', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), h("div", { key: '8f1b66a41596a3606b5c2f2a0c94844f11aa4b27', class: "col-12" }, h("form-control-file-v2", { key: 'c5c539c9f9cf799a1043330e657a6064510e59ba', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
     }
     static get is() { return "justifi-customer-details"; }
     static get properties() {

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

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

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

@@ -55,7 +55,7 @@ export class DisputeResponse {
         }
     }
     render() {
-        return (h(StyledHost, { key: '4a6fcddbe3275068b9699dfc5c60adeff77f2192' }, h("justifi-dispute-response-core", { key: '80bd93d2ec9c64695d8b1d8bb7a4b59b2418a14f', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
+        return (h(StyledHost, { key: 'ed6376969ab6a686999b8a31376b3c1cc8c7b566' }, h("justifi-dispute-response-core", { key: 'd823732d71613e9e98305d4b7d3c22af0344d209', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
     }
     ;
     static get is() { return "justifi-dispute-response"; }

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: 'a2c44551e8089f9d9f30e99e93c146c160e78f45' }, h("div", { key: '9eb60cf652ebfbb37336a350552666b30bd87e1d', class: "row gy-3" }, h("div", { key: 'ec776dee0a386b87851aca4a275b5aec09f2f78a', class: "col-12" }, h("h2", { key: 'e6c60f82ded8750f7211ffa7b2790d8572bf67c7', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '6380b5a5be60a61d3bb2adcffad781388da2b6d2', class: "col-12" }, h("form-control-text", { key: 'b976b506913584ae88d35a30cfc42efb6a20a9e7', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), h("div", { key: 'f9ae261fbe01a5f4de3491b8ac2c7a1cd59a184d', class: "col-12" }, h("form-control-textarea", { key: 'cd3bf73a8374411113068c310b14101e8d9ab7fe', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), h("div", { key: 'f730411437abd1c6a5950e7a768390df2ea2102e', class: "col-12" }, h("form-control-file-v2", { key: '8021ee00e94803edf3eb27ec834e05353ba985d5', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.duplicate_charge_documentation })))));
+        return (h("div", { key: '68152308257c9331e3e3e1b8141922634390c91d' }, h("div", { key: '0ff743d3d260272e98f9d9c9219e1465de1c7516', class: "row gy-3" }, h("div", { key: 'c02a18a34320cc8b4574b65f378b8a54207eb01c', class: "col-12" }, h("h2", { key: '254ae07ed42f2c61fed3b0be8cd02f928ac64f92', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: 'dfd97f7c5817bcd14458e4d390736b79651c29db', class: "col-12" }, h("form-control-text", { key: '76c551ab0641c3ebb78c40cdb78bb184911033c9', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), h("div", { key: '1edd78dcefbe32156f27e924e5b032a016dbffc5', class: "col-12" }, h("form-control-textarea", { key: '556829c59b797a79b8bd31d3add791819a2ef84a', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), h("div", { key: '183a68bf83924559e0032af6a43308466944fdcb', class: "col-12" }, h("form-control-file-v2", { key: 'fa3817f0e2e8ff17d5cdd142ccabc0e539a48d38', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.duplicate_charge_documentation })))));
     }
     static get is() { return "justifi-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: 'b7ccea47ef4631e72192680468e9b5c370089766' }, h("div", { key: 'b33edf7018fe897a1b6d66edfbdf696fe4c4ad5d', class: "row gy-3" }, h("div", { key: '3f191923eb587c7efcdeec93afa830f7045e5ca5', class: "col-12" }, h("h2", { key: '6019125067e94159de463ff467f3a26a83efadb6', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: '36169fba21ebe835eccbbdfa61665dbbf1922d22', class: "col-12" }, h("form-control-text", { key: '5cdd785662b43d8ac46b7ffa165fbf7b1d3008ae', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), h("div", { key: 'b2b3fdabb36b09c369c887779519000b1f9eb40e', class: "col-12" }, h("form-control-file-v2", { key: 'f112588b597277444e3d826cd8d94f8699dafc22', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.activity_log })))));
+        return (h("div", { key: '677a04d0eb6000066063a68bfe85d286c5c207fa' }, h("div", { key: 'b231437fc879fa2c24474c498eba17edd34128a3', class: "row gy-3" }, h("div", { key: 'd0cf03d9f5e2de19f63e47fd42f0bec710d44bd1', class: "col-12" }, h("h2", { key: '5343dcbeffdaa14e4605944eef18c5ebf1418a20', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: 'a4b816038465b14e4078b13d46543280b212c676', class: "col-12" }, h("form-control-text", { key: '8cebdd64857d99b8058013df9a10ac007869b998', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), h("div", { key: '637f3221604b415b8ea5c04af800a72dbfa40c4b', class: "col-12" }, h("form-control-file-v2", { key: '89b3db82c57b8673124369e915efa4f0ec3927a8', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.activity_log })))));
     }
     static get is() { return "justifi-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: '116c8109ff66ee49f71dd2942afd87802f0a7c55' }, h("div", { key: 'ad46e75181ecd8c30ba60c11f4d841ced13e77f0', class: "row gy-3" }, h("div", { key: '7247495b2134d3abe73c65f115f82467b0ffbb74', class: "col-12" }, h("h2", { key: 'c9e1e882662d10242bf287c426fa976580521af8', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '4bf80f0e5bbf2fa8f2722bcf55f21339afb6e650', class: "col-12" }, h("form-control-text", { key: '0c29fe5584bcaf6329efa1d24eb1a731459a99f6', 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: '5a9338d6d046ecc9e9df64cab31c7ba50ce88e7d', class: "col-12" }, h("form-control-date", { key: '51e2d0983faf533fa188e0d679446c2b1b17a9ee', 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: '237e39cb91eef0d6e5ddcb6c0ff0d4bccb64cfe2', class: "col-12" }, h("form-control-file-v2", { key: '5eee43125a7ded5640735f25c9713fc98666df98', 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: 'ae1fdf1a29d12408c3be84b02dcd058cb4c7849b' }, h("div", { key: '499977f5ad1d9bcbddb749b556539cd1b641d3e8', class: "row gy-3" }, h("div", { key: '1318ffbe476b9b0cb662b85f3bc670c66e97f8f5', class: "col-12" }, h("h2", { key: '58bf1ca5a29f3a4942b249f7d35f60f4f9976b62', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '957203535d86a521d5d702d0d85eb09201deab3a', class: "col-12" }, h("form-control-text", { key: 'b02101dd7b3e22b06feea75f451fca6ac1496851', 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: '5eddaf6586b22c516f5fd48943cfd6f4a7bb83ce', class: "col-12" }, h("form-control-date", { key: 'bbc3a6d58d6f7e123d08802ca933135603476cca', 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: '4d810ce7ffdd4aec9fb8d1ce81aa8cc23aacb8f7', class: "col-12" }, h("form-control-file-v2", { key: 'c3d029eb2da6364df611604b6956a285dcde63ca', 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 "justifi-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: '70c6484a73b7bb3c794703f08eee51aaedc564f2' }, h("div", { key: '26743bb218cfdaaf8f99f75582afc06b45a45584', class: "row gy-3" }, h("div", { key: 'd9fca9e6a0985cf2c8746b54f26c8fcd4c198382', class: "col-12" }, h("h2", { key: '428b73ad90c7f6b73980ff51ce7936dd7fe40217', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '7cbca206b3d9aa7669242b33fdd84712f6d6a49d', class: "col-12" }, h("form-control-textarea", { key: '5d7cadc32a5c6f95c0cefc89eb81e1f5d62dafac', 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: 'bd1bfcea8114595f34bb477c88d18dc9d4094821', class: "col-12" }, h("form-control-textarea", { key: 'cb08d0e1e206079e97929d4008fc8f5d7561b342', 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: 'b692266abea088b1818ade9243ffff67d556a196', class: "col-12" }, h("form-control-file-v2", { key: '79fe63b4949a3181a4afffffb8ab5676c175774c', 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: 'ce43bc526887e61e58c30aed49e75d23c04d74d1', class: "col-12" }, h("form-control-file-v2", { key: '6f743b261c533985aedc5d3dc0d4e706f9ad9a71', 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: 'd5afb26778b8e72bb914c964ab03490887149ef7' }, h("div", { key: '58c0472396b62c36304fc5b05400ea1e92106d48', class: "row gy-3" }, h("div", { key: '0178337b922c635efd5967da10ffb9a4fcf974e3', class: "col-12" }, h("h2", { key: '754263a51e6d0dd4a0b42205855446194a01fbde', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '3d618f3d5c73ac55275d189b16b8d0ee2eaf56b4', class: "col-12" }, h("form-control-textarea", { key: '42d90a550814a48fdd3bcb5fc8a18dfa3739512d', 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: '108c2376a1680468000d83a31753cd2e1a2143f4', class: "col-12" }, h("form-control-textarea", { key: '7b1db2802760357080a7cd004bc322cc644c1741', 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: 'f1c140d81063c530b5f2c9df8a78cd7edad56482', class: "col-12" }, h("form-control-file-v2", { key: '6d7fc6f84f8a3af171e344d1a05d465d144bd6b5', 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: 'aefdff678a562ea84dd20f2855045ad1e2be2e65', class: "col-12" }, h("form-control-file-v2", { key: 'c745a8ca84affd92d6590d4c2ccc0ca11ba71bd6', 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 "justifi-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: '0cf5535a17c98e536665690e19857e6cad62a6dd' }, h("div", { key: 'bb42bc4f9732c68b59d29b520fa8b72cf0169d60', class: "row gy-3" }, h("div", { key: 'aff7c671db0b966b128ab05ff574be7f65ae89ae', class: "col-12" }, h("h2", { key: '8910100bf94d4ac11f8a252c03d8fa09b4b016ac', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '392d3d1ca2fb607d3e82b35813e5a39254bb5598', class: "col-12" }, h("form-control-text", { key: 'c857a5e60c66a1476c509937ccf5907ddb8bb69b', 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: 'e98ee583d1333752dc20a8aa34d06680910d868b', class: "col-12" }, h("form-control-text", { key: '07a9d25aac27fe726cfb216e77c937678f7fa592', 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: 'f58bb675c12b21dfcabf0e0ef1194627b5652d29', class: "col-12" }, h("form-control-date", { key: '546063536d78767b2e81ae7c686a7e761602ee3b', 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: 'c197611cc502e5cfaf67461eee9cb606d9cdc14a', class: "col-12" }, h("form-control-textarea", { key: '2afe4380f738553f308aec1c747152e9f6289d26', 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: '98b0312297d02c4146ad6db2ce3b52235b8c9bb2', class: "col-12" }, h("form-control-file-v2", { key: '1781b796e35fdeb9a11485273cc667fca33dedd4', 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: '12761f4d70524d91bfc9ad614d2235a1f7ff9fb2' }, h("div", { key: 'f09f1107bd01120198dd8b5fac777494720be56e', class: "row gy-3" }, h("div", { key: '2533b4452bada515f9b4d116521122989ca010b8', class: "col-12" }, h("h2", { key: '56d3d7c5361dbdc23e98608ca2296532d1d9b9f9', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: 'fd93a97d9829d7aa5999b8c90e769da63f1e5e75', class: "col-12" }, h("form-control-text", { key: '0121bfaedb5a3ad33cb71ff4af667099b0fed28c', 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: '17def8633c36b773387bf770f203584c01d78d56', class: "col-12" }, h("form-control-text", { key: '23a511ccca24f322f56876f31f1c70699808106f', 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: '18e25d53629ec3d0096f9ed53a3a6c92e0e746b9', class: "col-12" }, h("form-control-date", { key: 'fcdb6e192c8dda9e31e97fd1b6d0e9c74e86712f', 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: 'dd2c4332df4a13bab91e26770845c2ad62b4e5ab', class: "col-12" }, h("form-control-textarea", { key: '855a2b47ea8363befc57b5a8533d5aac1f18e00e', 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: '880ed83f7ef2e3c4aba497c8906c9b39d0f3b922', class: "col-12" }, h("form-control-file-v2", { key: '78815509ec89c00074326d5752f77797c4b47746', 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 "justifi-shipping-details"; }
     static get properties() {

package/dist/collection/components/gross-payment-chart/gross-payment-chart-core.js

@@ -67,7 +67,7 @@ export class GrossPaymentChartCore {
         }
     }
     render() {
-        return (h(Host, { key: '4a711fdb941b44d536c452ff140db2bc98d84d7d' }, this.loading && h(Spinner, { key: 'e703263242576bc23d7be3015ec89b13faa12053' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
+        return (h(Host, { key: '0432a1c141cd1ea91ebcb3f975a220e5127164c8' }, this.loading && h(Spinner, { key: '0261cca24232d936418d305f60f3857a502dcb11' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
     }
     static get is() { return "gross-payment-chart-core"; }
     static get properties() {

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

@@ -1,5 +1,5 @@
 import { h, Host, } from "@stencil/core";
-import { checkoutStore, onAnyChange, getAvailablePaymentMethodTypes } from "../../store/checkout.store";
+import { checkoutStore, onAnyChange, getAvailablePaymentMethodTypes, getCheckoutState } from "../../store/checkout.store";
 import JustifiAnalytics from "../../api/Analytics";
 import { checkPkgVersion } from "../../utils/check-pkg-version";
 import { ComponentErrorCodes, ComponentErrorMessages, ComponentErrorSeverity, ICheckoutStatus, } from "../../api";
@@ -336,6 +336,17 @@ export class ModularCheckout {
             payment_mode: mapTypeToPaymentMode((_e = checkoutStore.selectedPaymentMethod) === null || _e === void 0 ? void 0 : _e.type),
             payment_token: checkoutStore.paymentToken,
         };
+        if (this.preCompleteHook) {
+            const state = getCheckoutState();
+            try {
+                await new Promise((resolve, reject) => {
+                    this.preCompleteHook(state, () => resolve(), () => reject());
+                });
+            }
+            catch (_f) {
+                return;
+            }
+        }
         this.completeCheckout({
             payment,
             onSuccess: ({ checkout }) => {
@@ -354,7 +365,7 @@ export class ModularCheckout {
         });
     }
     render() {
-        return h(Host, { key: 'c0267323f405ad4fbcbac4481aeb5286dc98161b' });
+        return h(Host, { key: '56a003ca1e1ac4bdc1baa8f862cdb05b2d8af4b1' });
     }
     static get is() { return "justifi-modular-checkout"; }
     static get properties() {
@@ -396,6 +407,34 @@ export class ModularCheckout {
                 "setter": false,
                 "reflect": false,
                 "attribute": "checkout-id"
+            },
+            "preCompleteHook": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "Hook<CheckoutState>",
+                    "resolved": "(data: CheckoutState, resolve: (data: CheckoutState) => void, reject: () => void) => void",
+                    "references": {
+                        "Hook": {
+                            "location": "import",
+                            "path": "./ModularCheckout",
+                            "id": "src/components/modular-checkout/ModularCheckout.ts::Hook"
+                        },
+                        "CheckoutState": {
+                            "location": "import",
+                            "path": "../../store/checkout.store",
+                            "id": "src/store/checkout.store.ts::CheckoutState"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
             }
         };
     }
@@ -512,8 +551,9 @@ export class ModularCheckout {
                             "id": "global::Promise"
                         },
                         "BillingFormFields": {
-                            "location": "global",
-                            "id": "global::BillingFormFields"
+                            "location": "import",
+                            "path": "../../components",
+                            "id": "src/components.d.ts::BillingFormFields"
                         }
                     },
                     "return": "Promise<void>"

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

@@ -32,7 +32,7 @@ export class BankAccountBillingFormSimple {
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(StyledHost, { key: '674a080063df249018a8601cea7680b06208d2fb' }, h("div", { key: 'c282a7c8ed0316edf0a92abd2f8c69a927c79f00', part: billingForm, class: "mt-4" }, h("form", { key: '843548c8b0239dcce2b611b215112024acfb6413' }, h("fieldset", { key: '2e49050377413910e47bea94e8900f902e26b814' }, this.legend && (h("legend", { key: '960da7d3f797db0517b3a14559a025a497ca3ad2' }, this.legend)), h("div", { key: '56636731c41c7bcaf6d4a7c3eb7e9517157c4929', class: "row gy-3" }, h("div", { key: 'b6028f7001044423d72a134c01a0395ade1496b8', class: "col-12" }, h("form-control-text", { key: 'b2fe6dc8c69cd87ac07b99f9a6619f5069f2dc5c', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler }))))))));
+        return (h(StyledHost, { key: '2429d26c0338ec1732337718ca4e7693f30a0f8a' }, h("div", { key: '774911ce7d594bc1f44c15060136356acc349cbb', part: billingForm, class: "mt-4" }, h("form", { key: '5c93f5a6af372fdf24a20870ef6ae69f554efec4' }, h("fieldset", { key: '38ac8adb2592b7799825d63c4a8e9bde61510cd0' }, this.legend && (h("legend", { key: 'abbce27bb8ae2ef564b8aeef755050fc096cb81f' }, this.legend)), h("div", { key: '5a0350fe7f635600d746f1f3979757a045cc09f0', class: "row gy-3" }, h("div", { key: '71aac995514b7fea7254204df825eb8b381e21c7', class: "col-12" }, h("form-control-text", { key: 'f33d26eddfc9f3d307e05a48afec9472213b2822', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler }))))))));
     }
     static get is() { return "justifi-bank-account-billing-form-simple"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modular-checkout/sub-components/bank-account.js

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

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

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

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

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

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

@@ -3,7 +3,7 @@ import { radioListItem } from "../../../styles/parts";
 import { StyledHost } from "../../../ui-components";
 export class PaymentMethodOption {
     render() {
-        return (h(StyledHost, { key: 'e9d2508bca7640c281b2d7c1240d906f91118027', class: "payment-method" }, h("div", { key: 'e6cc572415e9eea51645081c70463b51effcd7ef', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: 'e57c30cc26f956eedf5511bd8f8c028b4bf08fee', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
+        return (h(StyledHost, { key: '8885a071427ab2d9e6ae371f7706ada2e4f5e5bc', class: "payment-method" }, h("div", { key: '1ccfb0f7ffa2f357117e749f6a80c203406718b5', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: '785ee47041948799fedd4a49ce8982db04002f89', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
     }
     static get is() { return "payment-method-option"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modular-checkout/sub-components/summary.js

@@ -5,7 +5,7 @@ import { checkoutStore } from "../../../store/checkout.store";
 import { StyledHost } from "../../../ui-components";
 export class Summary {
     render() {
-        return (h(StyledHost, { key: 'a0cf2d923a1283aeac48837faf25aa8ca100adbe' }, h("section", { key: 'dd98da2e82a8a68606c3cee9a9f4ab54a618dea5' }, h("div", { key: '1a4ca7e0cfd24d3ffa7c4d639ae6ecc01ab04ae0' }, h("div", { key: '01291cd64ac310a23f9bb8e6a7a0bde3ab36755c', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '7a1fdb4d579a119618c2afd9226834fba41449e1' }, h("span", { key: '9ec7e265476839a663a52116bb64424aeafc5bcf', part: text }, "Total"), "\u00A0", h("span", { key: '72b6ba530ba51d9f6b41c35c843b7fada598de40', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
+        return (h(StyledHost, { key: 'fd2c61dcafdc800d0064c19d29c6e007aed5adb5' }, h("section", { key: 'f2abef1233f3ccad3982d10c61ec5765e13e27a5' }, h("div", { key: '713d66ef6f7e2fc73135e765069baba6df976f52' }, h("div", { key: 'b8dd28f257948aa317366fe3ea6d2bc4911ef164', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '675676b40de7dc27d07bfafc0eee77eb855a3d26' }, h("span", { key: 'cbd47994d9c3f1518741a298de3f5d62a0ad5313', part: text }, "Total"), "\u00A0", h("span", { key: '614748853f666f1b072d4fa9b14ee15ef5717112', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
     }
     static get is() { return "justifi-checkout-summary"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/order-terminals/order-terminals.js

@@ -126,7 +126,7 @@ export class OrderTerminals {
         return (h("div", { class: "mt-3" }, h("div", { class: "text-end" }, "Order limit: ", this.orderLimit), h("div", { class: "d-flex justify-content-end mt-3" }, h("button", { class: "btn btn-primary submit-btn", onClick: this.submitOrder.bind(this), disabled: this.order.totalQuantity === 0 || this.submitting, part: buttonPrimary }, this.submitting ? 'Submitting...' : this.submitButtonText))));
     }
     render() {
-        return (h(StyledHost, { key: '186ee09b809f108e55ee4cea14968bd8acaefa93' }, h("div", { key: '902be700759e8354638931671dc8ec563fcd7868', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: 'f9c515ea3cf3dd616d894cef2cc64789663608e8' }, h("div", { key: '6b3d49555fe21563c251896300d313bed336f9fd', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
     static get is() { return "justifi-order-terminals"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/order-terminals/terminal-quantity-selector/terminal-quantity-selector.js

@@ -18,7 +18,7 @@ export class TerminalQuantitySelector {
         };
     }
     render() {
-        return (h("div", { key: '3e2c9aac5322205108924c346a1f5bed41a673e6', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: '010ef8e5ecacabdbde46e15c01b68bc89450f8c2', class: "d-flex gap-3" }, h("div", { key: '9a7a9215dffbe59d9a3ebee2ed40bfea1f838e7a', class: "d-flex align-items-center" }, h("img", { key: '51e5919f4c76ac372f6caaca35d5e16bc99c4766', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '23c5c813f0a427bef785d8f48d03ffa4c6d94aad', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '2eb6df9a235030b347dcea3e398961761586b36e', class: "row" }, h("div", { key: 'cb5daf84d7ba9c1f41b3d2a78ae5c5d90cfc6817', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: 'fdeb46a05efdab7bd1ff5c1540f968cd9a868bec', helpText: this.description })), h("div", { key: 'f89be0d4e9ec16363acac6706a122657219746bf', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '55c367a543f03d0e05835781a7e775497be0d782', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '77cabef1a1f3c912dca9d90e4f63e9004e20c829', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '2ecc0d4c5022045e618049fc3edcf9f07d882f64', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
+        return (h("div", { key: 'e7a0bf077aca5a2ff095caf70457a5353995998e', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: '3ad7ac7493b73da04b071756fd4ad38be0afae9e', class: "d-flex gap-3" }, h("div", { key: '568ed695946d70b84309772cbdb7b3647d227208', class: "d-flex align-items-center" }, h("img", { key: '1b93058757c815f862ab0cb2640b7c2eb7bc216f', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '014671ad4644fdd1cb92f07ca0c642a6138033ad', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '5d1bd75fb2c730dee13979d1811bdac2ced8ea6a', class: "row" }, h("div", { key: '0dcc849ccfade11b1421a3c04b845b8d60f6061f', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '5e93951b101ea98e55b232b798d94de226146ff2', helpText: this.description })), h("div", { key: '4df172c04c7d8d7d7de5dda392824d3af005f60d', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '0e449f9467334d2470f835ec72f3e28f1dfc835d', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: 'ca1947fcb27d320063a682220f7c592361d21c02', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: 'f2119205d7ad524730ddf429083dc65b86d46251', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
     }
     static get is() { return "terminal-quantity-selector"; }
     static get properties() {