@justifi/webcomponents 6.0.0-rc.10 → 6.0.0-rc.12

package/dist/cjs/justifi-checkout-summary_7.cjs.entry.js

@@ -3,13 +3,13 @@
 var index = require('./index-C9hBD-32.js');
 var parts = require('./parts-9jMf1erK.js');
 var utils = require('./utils-ChCUZgUy.js');
-var checkout_store = require('./checkout.store-BGvYPPz0.js');
+var checkout_store = require('./checkout.store-DJEc-So8.js');
 var styledHost = require('./styled-host-BfVJlAsJ.js');
 require('./event-types-YOY5TKUN.js');
 var header1 = require('./header-1-DRA3f4Jh.js');
 var insuranceState = require('./insurance-state-d2thhXUX.js');
 var header3 = require('./header-3-sOdOpfx3.js');
-var checkPkgVersion = require('./check-pkg-version-DiQ-d5Nl.js');
+var checkPkgVersion = require('./check-pkg-version-BlIBYv3J.js');
 require('./config-state-BBOZIS8x.js');
 require('./dinero-BwNN_k7x.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
@@ -19,11 +19,11 @@ require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 var utils$1 = require('./utils-DvUQQLmR.js');
 var checkout_service = require('./checkout.service-B-R80p4f.js');
-var index$1 = require('./index-D-dD-aC2.js');
 var Api = require('./Api-DyimBzKT.js');
+var index$1 = require('./index-D-dD-aC2.js');
 var paymentMethodOptionUtils = require('./payment-method-option-utils-WYHIHy-l.js');
 require('./index-B32W0A3m.js');
-require('./package-Be2aoTf8.js');
+require('./package-BMpasLve.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 
@@ -32,7 +32,7 @@ const Summary = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'fccb819d66329424af42e9c53effec29a6c9784d' }, index.h("section", { key: '0ee7a4e0579f7f222a9db82e6b4db6bb92542d9e' }, index.h("div", { key: 'bdf74b2bc5db35b96ca75d50783b790bb482a76e' }, index.h("div", { key: '851b481bd6beb1fcaadc106d27d131f8b07d1c9a', part: parts.text }, checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.paymentDescription), index.h("div", { key: '0b261bc0e2d65cf989778e02df51b3265816f7aa' }, index.h("span", { key: '0eee0017ddf25ae45d6b5c828071098f45e6e19d', part: parts.text }, "Total"), "\u00A0", index.h("span", { key: 'd21576f14c3437f70a4b85b9dfc01107392d663a', part: parts.text }, utils.formatCurrency(+(checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.totalAmount))))))));
+        return (index.h(styledHost.StyledHost, { key: '2644d423d844136d86f7f6b1b80aa98b224146ac' }, index.h("section", { key: '2017758b2eb8bf6483ca4765e5f18279ff2f6de7' }, index.h("div", { key: '029f98c45be1e9c807eef1dbf1508e231c7215d1' }, index.h("div", { key: 'db1b7e220f5afd230ea1fcf5dc818f96d03f68b9', part: parts.text }, checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.paymentDescription), index.h("div", { key: 'b9d401af17512a5f5ef24350f8c9e9ad1163d83e' }, index.h("span", { key: '5d7dcef6b946ae455cb2b8e57089f0365b8bb52b', part: parts.text }, "Total"), "\u00A0", index.h("span", { key: 'cfc8fc46c2f87011de758ccce92a9f4bfbe2ba88', part: parts.text }, utils.formatCurrency(+(checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.totalAmount))))))));
     }
 };
 
@@ -107,13 +107,33 @@ const makeCheckoutComplete = ({ authToken, checkoutId, service }) => async ({ pa
     }
 };
 
+const api = Api.Api();
+class PlaidService {
+    async getLinkToken(authToken, accountId, checkoutId, signal) {
+        const endpoint = `plaid/${accountId}/link`;
+        const body = { checkout_id: checkoutId };
+        return api.post({ endpoint, body, authToken, signal });
+    }
+    async tokenizeBankAccount(authToken, accountId, publicToken, linkTokenId, paymentMethodGroupId, signal) {
+        const endpoint = `plaid/${accountId}/tokenize`;
+        const body = { public_token: publicToken };
+        if (linkTokenId) {
+            body.link_token_id = linkTokenId;
+        }
+        if (paymentMethodGroupId) {
+            body.payment_method_group_id = paymentMethodGroupId;
+        }
+        return api.post({ endpoint, body, authToken, signal });
+    }
+}
+
 const ModularCheckout = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.errorEvent = index.createEvent(this, "error-event");
         this.submitEvent = index.createEvent(this, "submit-event");
         this.checkoutChangedEvent = index.createEvent(this, "checkout-changed");
-        this.savePaymentMethod = false;
+        this.plaidService = new PlaidService();
         this.handleApplePayCompleted = (event) => {
             const { success, token, paymentMethodId, error } = event.detail;
             if (success && token) {
@@ -144,9 +164,6 @@ const ModularCheckout = class {
             checkout_store.checkoutStore.selectedPaymentMethod = undefined;
         };
     }
-    savePaymentMethodChanged(newValue) {
-        checkout_store.checkoutStore.savePaymentMethod = newValue;
-    }
     connectedCallback() {
         this.observer = new MutationObserver(() => {
             this.queryFormRefs();
@@ -173,7 +190,6 @@ const ModularCheckout = class {
         this.analytics = new checkPkgVersion.JustifiAnalytics(this);
         checkPkgVersion.checkPkgVersion();
         checkout_store.checkoutStore.authToken = this.authToken;
-        checkout_store.checkoutStore.savePaymentMethod = this.savePaymentMethod;
         this.fetchCheckout();
         // Refresh the checkout data when insurance values actually change (not on initial load)
         insuranceState.insuranceValuesOn("set", (key) => {
@@ -235,6 +251,7 @@ const ModularCheckout = class {
     updateStore(checkout) {
         var _a, _b, _c, _d, _e;
         checkout_store.checkoutStore.accountId = checkout.account_id;
+        checkout_store.checkoutStore.checkoutLoaded = true;
         checkout_store.checkoutStore.paymentMethods = checkout.payment_methods;
         checkout_store.checkoutStore.paymentMethodGroupId = checkout.payment_method_group_id;
         checkout_store.checkoutStore.paymentDescription = checkout.payment_description;
@@ -301,6 +318,7 @@ const ModularCheckout = class {
     // set the selected payment method to the checkout store from outside the component
     async setSelectedPaymentMethod(paymentMethod) {
         checkout_store.checkoutStore.selectedPaymentMethod = paymentMethod;
+        checkout_store.checkoutStore.paymentToken = paymentMethod.id || undefined;
     }
     // getAvailablePaymentMethods removed in favor of checkout-changed event
     // if validation fails, the error will be emitted by the component
@@ -343,11 +361,13 @@ const ModularCheckout = class {
         }
     }
     async submitCheckout(submitCheckoutArgs) {
+        var _a;
         const isValid = await this.validate();
         const isNewCard = checkout_store.checkoutStore.selectedPaymentMethod.type === Refund.PaymentMethodTypes.card &&
             checkout_store.checkoutStore.selectedPaymentMethod.id === undefined;
         const isNewBankAccount = checkout_store.checkoutStore.selectedPaymentMethod.type === Refund.PaymentMethodTypes.bankAccount &&
             checkout_store.checkoutStore.selectedPaymentMethod.id === undefined;
+        const isPlaid = checkout_store.checkoutStore.selectedPaymentMethod.type === Refund.PaymentMethodTypes.plaid;
         const shouldTokenize = isNewCard || isNewBankAccount;
         if (shouldTokenize) {
             const tokenizeResult = await this.tokenizePaymentMethod(submitCheckoutArgs);
@@ -360,6 +380,41 @@ const ModularCheckout = class {
                 return;
             }
         }
+        // For Plaid, perform exchange at submit time using stored public token and link token id
+        if (isPlaid && !checkout_store.checkoutStore.paymentToken) {
+            const publicToken = checkout_store.checkoutStore.plaidPublicToken;
+            const linkTokenId = checkout_store.checkoutStore.plaidLinkTokenId;
+            if (!publicToken) {
+                this.errorEvent.emit({
+                    message: 'Missing Plaid public token. Please connect your bank.',
+                    errorCode: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
+                    severity: ComponentError.ComponentErrorSeverity.ERROR,
+                });
+                return;
+            }
+            try {
+                const response = await this.plaidService.tokenizeBankAccount(checkout_store.checkoutStore.authToken, checkout_store.checkoutStore.accountId, publicToken, linkTokenId || undefined, checkout_store.checkoutStore.savePaymentMethod ? checkout_store.checkoutStore.paymentMethodGroupId : undefined);
+                if (response === null || response === void 0 ? void 0 : response.error) {
+                    this.errorEvent.emit({
+                        message: typeof response.error === 'string' ? response.error : response.error.message || 'Failed to tokenize bank account',
+                        errorCode: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
+                        severity: ComponentError.ComponentErrorSeverity.ERROR,
+                    });
+                    return;
+                }
+                const paymentMethod = response === null || response === void 0 ? void 0 : response.data;
+                const token = ((_a = paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.bank_account) === null || _a === void 0 ? void 0 : _a.token) || (paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.token) || (paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id);
+                checkout_store.checkoutStore.paymentToken = token;
+            }
+            catch (err) {
+                this.errorEvent.emit({
+                    message: (err === null || err === void 0 ? void 0 : err.message) || 'Plaid exchange error',
+                    errorCode: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
+                    severity: ComponentError.ComponentErrorSeverity.ERROR,
+                });
+                return;
+            }
+        }
         if (!isValid) {
             this.errorEvent.emit({
                 message: "Please fill in all required fields.",
@@ -374,6 +429,7 @@ const ModularCheckout = class {
                 errorCode: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
                 severity: ComponentError.ComponentErrorSeverity.ERROR,
             });
+            return;
         }
         let payment;
         const mapTypeToPaymentMode = (type) => {
@@ -412,36 +468,13 @@ const ModularCheckout = class {
         });
     }
     render() {
-        return index.h(index.Host, { key: '4df5d1aa50fbeee7da93f8e19e45f6907b6ae2c7' });
+        return index.h(index.Host, { key: '08b6e2c3f58745ac7865f686bafba4e18cbab268' });
     }
     get hostEl() { return index.getElement(this); }
-    static get watchers() { return {
-        "savePaymentMethod": ["savePaymentMethodChanged"]
-    }; }
 };
 
 const plaidIconSvg = 'data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjggMjkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgY2xhc3M9ImNzcy0xcmRhajhtIj48ZyBmaWxsPSIjMTExIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yNS43NjI5IDI2LjI2MjhMMjggMTcuNTMwOUwyNC45NjkxIDE0LjUwMDFMMjcuOTk5OSAxMS40NjkxTDI1Ljc2MjggMi43MzcwNkwxNy4wMzA5IDAuNUwxNC4wMDAxIDMuNTMxTDEwLjk2OSAwLjUwMDE0TDIuMjM3MDYgMi43MzczNEwwIDExLjQ2OTFMMy4wMzEyOCAxNC40OTk5TDAuMDAwMTQgMTcuNTMxTDIuMjM3MiAyNi4yNjI5TDEwLjk2OTEgMjguNUwxNC4wMDAxIDI1LjQ2OUwxNy4wMzEgMjguNDk5OUwyNS43NjI5IDI2LjI2MjhaTTE1LjczMjEgMjMuNzM3MUwxOC42MTg2IDIwLjg1MDVMMjIuMjkxMiAyNC41MjMzTDE3LjY5NTYgMjUuNzAwN0wxNS43MzIxIDIzLjczNzFaTTExLjExMzYgOS44ODE1NEwxNC4wMDAzIDYuOTk1MDJMMTYuODg2OCA5Ljg4MTRMMTQuMDAwMSAxMi43Njc5TDExLjExMzYgOS44ODE1NFpNMTIuMjY4MiAxNC41TDkuMzgxNTQgMTcuMzg2NUw2LjQ5NTAyIDE0LjVMOS4zODE1NCAxMS42MTM1TDEyLjI2ODIgMTQuNVpNMTguNjE4NyAxMS42MTMzTDIxLjUwNTMgMTQuNUwxOC42MTg2IDE3LjM4NjVMMTUuNzMyMSAxNC41TDE4LjYxODcgMTEuNjEzM1pNMTYuODg2NyAxOS4xMTg2TDE0LjAwMDEgMjIuMDA1MUwxMS4xMTM1IDE5LjExODVMMTQuMDAwMSAxNi4yMzE5TDE2Ljg4NjcgMTkuMTE4NlpNMTAuMzA0NCAyNS43MDA3TDUuNzA4NjQgMjQuNTIzM0w5LjM4MTU0IDIwLjg1MDRMMTIuMjY4MiAyMy43MzcxTDEwLjMwNDQgMjUuNzAwN1pNNC43NjMwOCAxNi4yMzE5TDcuNjQ5NiAxOS4xMTg1TDMuOTc2NyAyMi43OTE0TDIuNzk5MyAxOC4xOTU3TDQuNzYzMDggMTYuMjMxOVpNMy45NzY3IDYuMjA4MzZMNy42NDk3NCA5Ljg4MTRMNC43NjMwOCAxMi43NjgxTDIuNzk5MyAxMC44MDQxTDMuOTc2NyA2LjIwODM2Wk0xMi4yNjgzIDUuMjYyOTRMOS4zODE2OCA4LjE0OTZMNS43MDg5MiA0LjQ3NjdMMTAuMzA0NyAzLjI5OTNMMTIuMjY4MyA1LjI2Mjk0Wk0xNy42OTU5IDMuMjk5M0wyMi4yOTE1IDQuNDc2N0wxOC42MTg2IDguMTQ5NDZMMTUuNzMyMSA1LjI2Mjk0TDE3LjY5NTkgMy4yOTkzWk0yMy4yMzcyIDEyLjc2ODFMMjAuMzUwNSA5Ljg4MTRMMjQuMDIzMyA2LjIwODc4TDI1LjIwMDcgMTAuODA0NkwyMy4yMzcyIDEyLjc2ODFaTTI0LjAyMzMgMjIuNzkxNEwyMC4zNTA1IDE5LjExODZMMjMuMjM3MiAxNi4yMzIxTDI1LjIwMDcgMTguMTk1N0wyNC4wMjMzIDIyLjc5MTRaIj48L3BhdGg+PC9nPjwvc3ZnPgo=';
 
-const api = Api.Api();
-class PlaidService {
-    async getLinkToken(authToken, accountId, checkoutId, signal) {
-        const endpoint = `plaid/${accountId}/link`;
-        const body = { checkout_id: checkoutId };
-        return api.post({ endpoint, body, authToken, signal });
-    }
-    async tokenizeBankAccount(authToken, accountId, publicToken, linkTokenId, paymentMethodGroupId, signal) {
-        const endpoint = `plaid/${accountId}/tokenize`;
-        const body = { public_token: publicToken };
-        if (linkTokenId) {
-            body.link_token_id = linkTokenId;
-        }
-        if (paymentMethodGroupId) {
-            body.payment_method_group_id = paymentMethodGroupId;
-        }
-        return api.post({ endpoint, body, authToken, signal });
-    }
-}
-
 // Plaid-specific error codes
 var PlaidErrorCodes;
 (function (PlaidErrorCodes) {
@@ -606,6 +639,9 @@ const PlaidPaymentMethod = class {
                 this.linkToken = response.data.link_token;
                 // Try to capture link token id if present in envelope
                 this.linkTokenId = (response === null || response === void 0 ? void 0 : response.id) || ((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.id) || null;
+                if (this.linkTokenId) {
+                    checkout_store.checkoutStore.plaidLinkTokenId = this.linkTokenId;
+                }
             }
             catch (error) {
                 // Clear timeout
@@ -685,41 +721,10 @@ const PlaidPaymentMethod = class {
                 message: 'Bank account connected successfully',
                 severity: ComponentError.ComponentErrorSeverity.INFO
             });
-            // Immediately exchange the public token for a payment method token via backend
-            this.exchangePublicTokenForPaymentMethod();
-        };
-        this.exchangePublicTokenForPaymentMethod = async () => {
-            var _a;
-            if (!this.publicToken) {
-                console.error('[PlaidPaymentMethod] exchange: missing publicToken');
-                return;
-            }
-            if (!checkout_store.checkoutStore.authToken || !checkout_store.checkoutStore.accountId) {
-                console.error('[PlaidPaymentMethod] exchange: missing auth/account context');
-                return;
-            }
-            try {
-                const response = await this.plaidService.tokenizeBankAccount(checkout_store.checkoutStore.authToken, checkout_store.checkoutStore.accountId, this.publicToken, this.linkTokenId || undefined, checkout_store.checkoutStore.savePaymentMethod ? checkout_store.checkoutStore.paymentMethodGroupId : undefined);
-                if (response === null || response === void 0 ? void 0 : response.error) {
-                    console.error('[PlaidPaymentMethod] exchange: backend error', response.error);
-                    return;
-                }
-                // Extract token from payment method response
-                const paymentMethod = response === null || response === void 0 ? void 0 : response.data;
-                const token = ((_a = paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.bank_account) === null || _a === void 0 ? void 0 : _a.token) || (paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.token) || (paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id);
-                if (!token) {
-                    console.error('[PlaidPaymentMethod] exchange: no token in response');
-                    return;
-                }
-                // Save for downstream submit flows
-                checkout_store.checkoutStore.paymentToken = token;
-            }
-            catch (err) {
-                console.error('[PlaidPaymentMethod] exchange: exception', {
-                    message: (err === null || err === void 0 ? void 0 : err.message) || String(err),
-                });
-            }
+            // Store public token in checkout store; exchange will be handled on submit
+            checkout_store.checkoutStore.plaidPublicToken = publicToken;
         };
+        // Exchange logic moved to Modular Checkout submit flow.
         this.handlePlaidExit = (err, _metadata) => {
             this.isAuthenticating = false;
             if (err) {
@@ -915,10 +920,6 @@ const PlaidPaymentMethod = class {
     // Returns a usable payment method token for checkout completion.
     // Will perform the backend exchange if the token is not yet present in the store.
     async getPaymentToken() {
-        if (checkout_store.checkoutStore.paymentToken) {
-            return checkout_store.checkoutStore.paymentToken;
-        }
-        await this.exchangePublicTokenForPaymentMethod();
         return checkout_store.checkoutStore.paymentToken;
     }
     async handleSelectionClick() {
@@ -1397,13 +1398,13 @@ const TokenizePaymentMethod = class {
         return (index.h("div", { class: "payment-method" }, index.h("justifi-radio-list-item", { name: "paymentMethodType", value: paymentMethodType, checked: isSelected, label: PAYMENT_METHOD_TYPE_LABELS[paymentMethodType], hidden: this.shouldHideRadioInput }), isSelected && this.renderSelectedPaymentMethodForm(paymentMethodType)));
     }
     renderSelectedPaymentMethodForm(paymentMethodId) {
-        return (index.h("div", { class: "mt-4 pb-4" }, this.renderPaymentMethodForm(paymentMethodId), index.h("div", { class: "mt-4" }, index.h("justifi-billing-form", { ref: (el) => (this.billingFormRef = el), hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: paymentMethodId })), index.h("div", { class: "mt-4" }, index.h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupID }))));
+        return (index.h("div", { class: "mt-4 pb-4" }, this.renderPaymentMethodForm(paymentMethodId), index.h("div", { class: "mt-4" }, index.h("justifi-billing-form", { ref: (el) => (this.billingFormRef = el), hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: paymentMethodId })), index.h("div", { class: "mt-4" }, index.h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupID, label: this.savePaymentMethodLabel }))));
     }
     renderPaymentMethodForm(paymentMethodId) {
         return paymentMethodId === Refund.PaymentMethodTypes.card ? (index.h("justifi-card-form", { ref: (el) => (this.paymentMethodFormRef = el) })) : (index.h("justifi-bank-account-form", { ref: (el) => (this.paymentMethodFormRef = el) }));
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'a89908d2f192d86edf016b052734f81f46e00f8b' }, index.h("form", { key: '527d1e5ff94a2db8b2d1223d7beda86fdaf08ff0' }, index.h("fieldset", { key: 'd8479461d3788dbcb319f1eaf99b7e05c00c49f9' }, index.h("div", { key: '17f68ee0dceb8353ca54ccf383dc2709444a3b26', class: "row gy-3" }, index.h("div", { key: '3568f3ac4ef04a9a245d61f2b94f3b79371b0a6f', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), index.h("div", { key: '97be6dbaf8373a82a706a7eb97e9107baa6c1823', class: "col-12" }, index.h("justifi-button", { key: 'afcd192881ad092f8d31a01e571541079d4d33ac', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
+        return (index.h(styledHost.StyledHost, { key: '8a7983cbb634e39612d9f464c3dde43c646356dd' }, index.h("form", { key: 'ef1d8bc768aeb880445283d4b00d41cd85b77d16' }, index.h("fieldset", { key: 'be8f72bb4aab7b52098f034a06ad8586fe3b89cb' }, index.h("div", { key: '0155b97ff6bf1c9364b2b71b337e981c89774bbe', class: "row gy-3" }, index.h("div", { key: '27bf72ad4b2729a94be20b8a22e196cb5550c078', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), index.h("div", { key: '3a9c4c7bf7830f66d22fa99fc1ca12f3dcaad390', class: "col-12" }, index.h("justifi-button", { key: '860fbcdc509a72abecc1e6abe2c8ff45a565ea46', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/justifi-checkout.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-C9hBD-32.js');
-var checkPkgVersion = require('./check-pkg-version-DiQ-d5Nl.js');
+var checkPkgVersion = require('./check-pkg-version-BlIBYv3J.js');
 require('./config-state-BBOZIS8x.js');
 require('./dinero-BwNN_k7x.js');
 require('./ComponentError-D4OLnOkg.js');
@@ -9,12 +9,12 @@ var Refund = require('./Refund-BefKONu4.js');
 require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var checkout_store = require('./checkout.store-BGvYPPz0.js');
+var checkout_store = require('./checkout.store-DJEc-So8.js');
 var parts = require('./parts-9jMf1erK.js');
 var styledHost = require('./styled-host-BfVJlAsJ.js');
 require('./event-types-YOY5TKUN.js');
 var index$1 = require('./index-D-dD-aC2.js');
-require('./package-Be2aoTf8.js');
+require('./package-BMpasLve.js');
 require('./Api-DyimBzKT.js');
 require('./utils-ChCUZgUy.js');
 require('./index-B32W0A3m.js');
@@ -90,9 +90,9 @@ const Checkout = class {
         return !this.disableCreditCard && !this.disableBankAccount;
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '61cab7c3b5ca01ea70f35d23df100c2e7bd0c03a' }, index.h("justifi-modular-checkout", { key: '3e0c1729d51ca5e89108723b4a6ee14761965546', ref: (el) => {
+        return (index.h(styledHost.StyledHost, { key: '61cab7c3b5ca01ea70f35d23df100c2e7bd0c03a' }, index.h("justifi-modular-checkout", { key: '67ed6c7b2a6bbbec0e24b47b24c2eb73b82abc43', ref: (el) => {
                 this.modularCheckoutRef = el;
-            }, authToken: this.authToken, checkoutId: this.checkoutId, savePaymentMethod: checkout_store.checkoutStore.savePaymentMethod }, index.h("div", { key: '04a19f4c090bd8b70801b48ce24fd734bbce5b73', class: "row gy-3 jfi-checkout-core" }, index.h("div", { key: '50e11e53ca4274441da3813504c9a2af223a0e28', class: "col-12", part: parts.checkoutSummary }, index.h("justifi-header", { key: '2de0fb5500246c8c2ea63b6beade5fea57611a6d', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), index.h("section", { key: '918f05a55424d4a2e46011b6c5fa0c71fc19bec3' }, index.h("justifi-checkout-summary", { key: 'e34604b589685ee13af794c15fd25cc19f9d2ee8' }))), index.h("div", { key: '7d1390340bfa79592f5643a56f15a65b6dc4faac', class: "col-12 mt-4" }, index.h("slot", { key: '783667c66419f8718378a705c5c313f8a763f64b', name: "insurance" })), index.h("div", { key: '63cc63309104557bc5dfd97f2cff3c366cbd62ae', class: "col-12 mt-4" }, index.h("justifi-header", { key: '8981556e7dc5f4f27a81415c222c274a6aa29173', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (index.h("justifi-header", { key: '86d3b2e89c5fedaf8d9023a1597134b0a3556e22', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), index.h("div", { key: 'da9b779071f32fe740f74061aa021a980db3aa34', class: "d-flex flex-column" }, index.h("section", { key: 'e0e953bfbd7f2ab7f558cc226878f74cde55e5dd' }, index.h("div", { key: 'b28c99a3298b8aa9ec65b254b43944af42c31e56' }, index.h("justifi-saved-payment-methods", { key: 'b22333168f775bc0ff58fd9ec502828b27ed3063' }), this.availablePaymentMethods.includes(index$1.PAYMENT_METHODS.SEZZLE) && (index.h("justifi-radio-list-item", { key: '9eac787dc5ce5a2c2f2d4a54ee1e2f9b2a48bbf7', name: "paymentMethodType", value: index$1.PAYMENT_METHODS.SEZZLE, checked: checkout_store.checkoutStore.selectedPaymentMethod.type === Refund.PaymentMethodTypes.sezzle, label: index.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(index$1.PAYMENT_METHODS.PLAID) && (index.h("justifi-radio-list-item", { key: '005fb466a494525ac651893afcf38a8998511e9e', name: "paymentMethodType", value: index$1.PAYMENT_METHODS.PLAID, checked: checkout_store.checkoutStore.selectedPaymentMethod.type === Refund.PaymentMethodTypes.plaid, label: index.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(); } })), index.h("justifi-tokenize-payment-method", { key: '75eaa74fc65172ecbcde91ddaf397ca367ba84be', ref: (el) => (this.tokenizePaymentMethodRef = el), authToken: this.authToken, accountId: checkout_store.checkoutStore.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: true, paymentMethodGroupId: checkout_store.checkoutStore.paymentMethodGroupId }))))), index.h("div", { key: '3ae7b4ad2a464ec02eaaecbef65128ea204160c0', class: "mt-4" }, index.h("justifi-button", { key: '387e7fde5250bcf651a9ce1639fde76ac398dd3c', 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 }, index.h("div", { key: 'b02aaa188db4d619ab3f14a336fe33f4113f2799', class: "row gy-3 jfi-checkout-core" }, index.h("div", { key: '2c8c019f86bc181d7d05848993ff3782f1fe3ed2', class: "col-12", part: parts.checkoutSummary }, index.h("justifi-header", { key: '00eb81f75652c80108ad24620b72a977a09192d9', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), index.h("section", { key: '346d90b8cca657a1af0eea96244ef105d1274abe' }, index.h("justifi-checkout-summary", { key: '68784e0b3ef83b6a87d8084fe19dbce7d3348169' }))), index.h("div", { key: 'bb04ad56ed5074cc272c47e013c7647cc6cf5c2d', class: "col-12 mt-4" }, index.h("slot", { key: 'a0955737dc7af83b01608abe7818af666ac08d87', name: "insurance" })), index.h("div", { key: '7025fb6b7ad229879f2198f12a79e07871691b6a', class: "col-12 mt-4" }, index.h("justifi-header", { key: 'a7823342698429e7845cb341bba2de41f461f6c2', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (index.h("justifi-header", { key: 'b579b51c7f6adec31c7e1d39981634328a22b0c2', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), index.h("div", { key: '496812c7404b914acc03052018b06b5ebedfd230', class: "d-flex flex-column" }, index.h("section", { key: '227d6e265d947a5035d8e072b6ea9a87e04faa97' }, index.h("div", { key: 'b06b49af43c4fce8251c7b227bcc2f2dce5b531a' }, index.h("justifi-saved-payment-methods", { key: 'd5629c6248d780c5ce8b69c88b4bf866baab2c53' }), this.availablePaymentMethods.includes(index$1.PAYMENT_METHODS.SEZZLE) && (index.h("justifi-radio-list-item", { key: 'dbaf7d54d8c26315faea5537eb821a4a9314d2c4', name: "paymentMethodType", value: index$1.PAYMENT_METHODS.SEZZLE, checked: checkout_store.checkoutStore.selectedPaymentMethod.type === Refund.PaymentMethodTypes.sezzle, label: index.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(index$1.PAYMENT_METHODS.PLAID) && (index.h("justifi-radio-list-item", { key: 'dad1c44a06f6e60d27d737d36ff68d536244776b', name: "paymentMethodType", value: index$1.PAYMENT_METHODS.PLAID, checked: checkout_store.checkoutStore.selectedPaymentMethod.type === Refund.PaymentMethodTypes.plaid, label: index.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(); } })), index.h("justifi-tokenize-payment-method", { key: '2bf37f35ae9cb51a6622d4e3f4244359fd40606d', ref: (el) => (this.tokenizePaymentMethodRef = el), authToken: this.authToken, accountId: checkout_store.checkoutStore.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: true, paymentMethodGroupId: checkout_store.checkoutStore.paymentMethodGroupId }))))), index.h("div", { key: 'a29f2e940b8c2970d09af0fdce278344cd70833a', class: "mt-4" }, index.h("justifi-button", { key: '6a076cff574520eaf3303cb4792227365eaf25ae', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: this.isSubmitting, isLoading: this.isSubmitting, customStyle: { width: '100%', textAlign: "center" } }))))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

package/dist/cjs/justifi-checkouts-list-filters.cjs.entry.js

@@ -53,7 +53,7 @@ const CheckoutsListFilters = class {
     }
     render() {
         const filterMenuParams = Object.assign({}, checkoutsListParamsState.filterParams);
-        return (index.h(styledHost.StyledHost, { key: '05a4d429a1acd7bbaf202872523284e2b2cd3677' }, index.h("table-filters-menu", { key: 'abf61654a75212537af580f3bfd2646042eaba8a', params: filterMenuParams, clearParams: checkoutsListParamsState.clearParams, part: parts.checkoutsListFilterMenu }, index.h("div", { key: 'f8e5cfe4b0a23723d0df939a1d1873adffcb1da9', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: 'd9e23e96a7269b3609e690a1e64e8c20bd125cb7', class: "p-2" }, index.h("form-control-select", { key: 'e1899dbc615be07486bc54f8baa395bee776d8ce', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || checkoutsListParamsState.filterParams.status, disabled: !!this.checkoutStatus, part: parts.statusCheckoutsListFilterParam })), index.h("div", { key: 'bedbc26d9d9f6906013ef4b80542d9031822b19c', class: "p-2" }, index.h("form-control-select", { key: '3bfef7fabeb85a29304e11093005bb1f58b23f41', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || checkoutsListParamsState.filterParams.payment_mode, disabled: !!this.paymentMode, part: parts.paymentModeCheckoutsListFilterParam }))))));
+        return (index.h(styledHost.StyledHost, { key: '5474a09b729c816bafb47101dbf5a25aff92eb1b' }, index.h("table-filters-menu", { key: '92e46a05e67bdf84b74cd644c1b89d0fc4c86af9', params: filterMenuParams, clearParams: checkoutsListParamsState.clearParams, part: parts.checkoutsListFilterMenu }, index.h("div", { key: 'd8562876f8a0c1d85caa5a298cccdb1143bd7512', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: '4162644cf10861d91a79dc07f845dd21a6c8d6a5', class: "p-2" }, index.h("form-control-select", { key: '2b13ef4af25f6ac3865f3b0edde91929655537bf', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || checkoutsListParamsState.filterParams.status, disabled: !!this.checkoutStatus, part: parts.statusCheckoutsListFilterParam })), index.h("div", { key: '9aee7f453be147b03a548fe9ea9bd9bcc6a233aa', class: "p-2" }, index.h("form-control-select", { key: '8f375d5660c3414e5f3796e02694fa46ed761871', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || checkoutsListParamsState.filterParams.payment_mode, disabled: !!this.paymentMode, part: parts.paymentModeCheckoutsListFilterParam }))))));
     }
 };
 

package/dist/cjs/justifi-checkouts-list.cjs.entry.js

@@ -9,7 +9,7 @@ require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DvUQQLmR.js');
-var checkPkgVersion = require('./check-pkg-version-DiQ-d5Nl.js');
+var checkPkgVersion = require('./check-pkg-version-BlIBYv3J.js');
 var checkout_service = require('./checkout.service-B-R80p4f.js');
 var getSubaccounts = require('./get-subaccounts-Bnfv2tEN.js');
 var styledHost = require('./styled-host-BfVJlAsJ.js');
@@ -19,7 +19,7 @@ require('./index-B32W0A3m.js');
 require('./utils-ChCUZgUy.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
-require('./package-Be2aoTf8.js');
+require('./package-BMpasLve.js');
 require('./Api-DyimBzKT.js');
 require('./badge-CcJ9H85-.js');
 require('./parts-9jMf1erK.js');
@@ -108,7 +108,7 @@ const CheckoutsList = class {
         }
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'b0c774c4f56f94cd6b4a3dc8651938f9f33ca94e' }, index.h("checkouts-list-core", { key: 'd524423a791f70c234044f5ba27d7bc3648fc988', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (index.h(styledHost.StyledHost, { key: '41bf633467138b6af13b1c02ccf1e1016ec54bfe' }, index.h("checkouts-list-core", { key: 'cd3ca431258ad73e701fe74612ecdf2c0f2a1bda', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/cjs/justifi-dispute-management-core.cjs.entry.js

@@ -51,7 +51,7 @@ const DisputeManagementCore = class {
         });
     }
     render() {
-        return (index.h("div", { key: 'b5a802e8c418b3b7f3235f43260186084a6ee079' }, this.showDisputeResponseForm ? (index.h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (index.h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
+        return (index.h("div", { key: 'c85852cbd1169f371eb30ae06b6a2a564a15ece7' }, this.showDisputeResponseForm ? (index.h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (index.h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
     }
     static get watchers() { return {
         "getDispute": ["updateOnPropChange"]

package/dist/cjs/justifi-dispute-management.cjs.entry.js

@@ -2,11 +2,11 @@
 
 var index = require('./index-C9hBD-32.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var checkPkgVersion = require('./check-pkg-version-DiQ-d5Nl.js');
+var checkPkgVersion = require('./check-pkg-version-BlIBYv3J.js');
 var Dispute = require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DvUQQLmR.js');
 var dispute_service = require('./dispute.service-B5tITFAh.js');
-require('./package-Be2aoTf8.js');
+require('./package-BMpasLve.js');
 require('./Api-DyimBzKT.js');
 require('./config-state-BBOZIS8x.js');
 require('./index-B32W0A3m.js');
@@ -88,7 +88,7 @@ const DisputeManagement = class {
         }
     }
     render() {
-        return (index.h("justifi-dispute-management-core", { key: '8c800827aaa9d549a734ea05698763685e160a98', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
+        return (index.h("justifi-dispute-management-core", { key: '4087eb105a046a3cc194d9f25c80fa11298fa0a2', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
     }
     static get watchers() { return {
         "disputeId": ["propChanged"],

package/dist/cjs/justifi-dispute-notification_3.cjs.entry.js

@@ -11,7 +11,7 @@ var ComponentError = require('./ComponentError-D4OLnOkg.js');
 var utils = require('./utils-DvUQQLmR.js');
 var dispute_service = require('./dispute.service-B5tITFAh.js');
 var eventTypes = require('./event-types-BWQT2lwu.js');
-var checkPkgVersion = require('./check-pkg-version-DiQ-d5Nl.js');
+var checkPkgVersion = require('./check-pkg-version-BlIBYv3J.js');
 require('./dinero-BwNN_k7x.js');
 require('./Api-DyimBzKT.js');
 require('./config-state-BBOZIS8x.js');
@@ -22,7 +22,7 @@ require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
-require('./package-Be2aoTf8.js');
+require('./package-BMpasLve.js');
 
 const makeUpdateDisputeResponse = ({ authToken, disputeId, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
     var _a;
@@ -143,7 +143,7 @@ const DisputeNotification = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (index.h(styledHost.StyledHost, { key: '90d2506d5bde2ea478fa3575fc162bb356b67fac' }, this.isLoading && (index.h("div", { key: '4877ae22d3d8e312640b122c9107b6bdd8f924cb', style: { marginBottom: '8px' } }, index.h(skeleton.Skeleton, { key: '31fa0717949bbc6aa49db1c6ae0e324099ae1de2', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), index.h(skeleton.Skeleton, { key: 'ac5179232cb9ee33d3f3e16d9f93536ecfbf46a5', height: '18px', styles: { marginBottom: '8px' } }), index.h(skeleton.Skeleton, { key: 'c22a5e3b257d01f92de7f6188fa0758861abc747', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (index.h("div", { key: 'be331b1a5e2fa0baf46bc593ef7ce4f5872abcff', part: parts.text }, index.h("h1", { key: '8094c16d3b375f28ffe314613f21ae25b63e59ef', class: "h4", part: parts.heading4 }, "This payment is disputed"), index.h("p", { key: 'd89ae665e1f9bd99c9338e2132c1dc56e5386696' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), index.h("h2", { key: '2786733eac76628019993e13473d1f43c0c395ed', class: "h5" }, "Dispute details"), index.h("div", { key: '663c28c46136bd56889b6ad0b9bfce9e5adbb590', class: "d-table gap-2" }, index.h("div", { key: 'dc688fad875d1591dcb7f31d423b61a3df2ff954', class: "d-table-row gap-2" }, index.h("span", { key: '442db7a6e95524ca6b092794c7a4a4d987c9866e', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), index.h("span", { key: '0a31de8692c9b00f43fcf3c0508e4d00a221d096', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, utils$1.formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), index.h("div", { key: '9fe0c1a3d3350c36fca190ae748dafe24d41b5fc', class: "d-table-row gap-2" }, index.h("span", { key: '12165cb6671519130a5f2e0d8938aaa55e7e3ead', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), index.h("span", { key: '4a37ca8a7d64b97142997bb50ec11d737ac6a882', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), index.h("div", { key: '4d9cf74a8ed26dd84e4ce7325d4b8703352362a4', class: "d-table-row gap-2" }, index.h("span", { key: '8c0eaa24ebec7703eb18384b0b1f2eae8a684b55', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), index.h("span", { key: '238813abf2ea0848e1fe817d5798b9b0d0b78ffc', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.id))), index.h("div", { key: 'd156a7e9bf0e7214ff2164fc09b12c0b8f1d2b36', class: "d-flex gap-2 mt-4 justify-content-end" }, index.h(button.Button, { key: '7822fd12dfc39bd2aced043956d012fd34cc1b01', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), index.h(button.Button, { key: '05132b3a6d1fc3d136dc227008ea1999330cdb96', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (index.h("div", { key: 'b04dd0c34f608b75ea3997a9c28ce948fa9dba5c' }, index.h("h1", { key: 'ac2a13373315703e86247b6707097af7cf2e6757', class: "h4" }, "This payment is disputed and under review"), index.h("p", { key: '203aed553e01bbaebe44bb370a1d088c149cda06' }, "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) && (index.h("div", { key: '6325264f8ad7b6678825878ed59f03f90eee421a' }, index.h("h1", { key: '7b647ed77373884e0751de4fc39403211c249db6', class: "h4" }, "This payment was disputed"), index.h("p", { key: '2a5c1560d341af9b743234a058a1187f245a2ae8' }, "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) && (index.h("div", { key: 'a89e7f4d7e8926ed052023c7dbbbaf076a03ed9c' }, index.h("h1", { key: '534b560aa35dd43ba0eba668904ef70dc1a6954f', class: "h4" }, "This payment was disputed"), index.h("p", { key: '2381f2f6418b47dce67c498c56d5f3789add57dc' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
+        return (index.h(styledHost.StyledHost, { key: '0f1028825a7a96a06e7219518ffed54bc0db1b2b' }, this.isLoading && (index.h("div", { key: 'f4b704182a5a7085827854634d38c56423cc2e1b', style: { marginBottom: '8px' } }, index.h(skeleton.Skeleton, { key: 'b2062d8b683ab110c26fc30f1600c4500f668d87', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), index.h(skeleton.Skeleton, { key: 'b5d2afe1fdd2e5ee0ec60048a48778bcfa6c78d3', height: '18px', styles: { marginBottom: '8px' } }), index.h(skeleton.Skeleton, { key: '1e87c8936b3f2e26e680786927c5a4609aca0b83', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (index.h("div", { key: '49090493e3921353b7a830397795496bb234d112', part: parts.text }, index.h("h1", { key: 'fd7b56a7cfeaa6820bf2cc121575314d075b5a83', class: "h4", part: parts.heading4 }, "This payment is disputed"), index.h("p", { key: '72ba296695928baca8f7c5c3b1f858c596efedb2' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), index.h("h2", { key: 'cce733ff1bbca7a9530a442035cbae2995e018e7', class: "h5" }, "Dispute details"), index.h("div", { key: '28b7f081e345112d99c52d05f205734995617253', class: "d-table gap-2" }, index.h("div", { key: 'd9476d8d0adfa3c6eccad229e94cd3824a720c7d', class: "d-table-row gap-2" }, index.h("span", { key: '4d9e0714eee778c326ee1d70a32f79d90d3d4b09', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), index.h("span", { key: 'b227edcf9b4b65b790d8aa98021d2662a12855bc', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, utils$1.formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), index.h("div", { key: 'b1b1cdaac5482f565a6f26af71c0b526b8c19f4e', class: "d-table-row gap-2" }, index.h("span", { key: '0a479a9de96cce6e42bec90a17affe2c93ced44f', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), index.h("span", { key: '5d5020dda571f4465e2a358880ad5f20bc6171ea', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), index.h("div", { key: 'a5f42c3fcbb5d14f8479d0a576d31a50f8fc6441', class: "d-table-row gap-2" }, index.h("span", { key: '280fca5a101eb0e823eb9ccc13c746ac7ed62069', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), index.h("span", { key: '4dfc0b9a295ffc804b708d3590358256009e5376', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.id))), index.h("div", { key: '654e7baccd08628bc90d050bad108011b49f9972', class: "d-flex gap-2 mt-4 justify-content-end" }, index.h(button.Button, { key: 'd0817cdb23bf33086c6ce5122f4ed5388027d96c', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), index.h(button.Button, { key: '5446bef44a0ca747692d59fd5490409d00a9e285', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (index.h("div", { key: '17fbc5902badc4230c5485b326f480180c844768' }, index.h("h1", { key: 'fefa0234306588d9e7f56733872bf8c9793f51dd', class: "h4" }, "This payment is disputed and under review"), index.h("p", { key: 'eaad72aa8d9f65ca296379a2800180878ec8a7e5' }, "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) && (index.h("div", { key: 'ec1b0d728a7518f913c2a69976fa1f5fc8f76c74' }, index.h("h1", { key: '9d42fad15fbeee507e2f364c3a35f143ff7599e2', class: "h4" }, "This payment was disputed"), index.h("p", { key: '3b728a5544fe17a6c58c12f7e8eef290022945b6' }, "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) && (index.h("div", { key: '6d1813508a657265546fbef00bd1e8f46ffaf740' }, index.h("h1", { key: 'de981fc2e06e860f47146647975965a903a39b55', class: "h4" }, "This payment was disputed"), index.h("p", { key: '4e57ab86518bd678a3a5402b712d40d573b3a970' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
     }
 };
 
@@ -199,7 +199,7 @@ const DisputeResponse = class {
         }
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'b90f636418c3e11b046d36dee9accf345756b407' }, index.h("justifi-dispute-response-core", { key: 'ff6e510faad54506eda24b1d8dc94b67afc18014', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
+        return (index.h(styledHost.StyledHost, { key: 'dbdfd59a21c7e8ea4dfdaecb91f885f82540a27c' }, index.h("justifi-dispute-response-core", { key: '3cff38e5995f0033c45c54fa195ffeebc27e189e', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
     }
     ;
     static get watchers() { return {
@@ -367,7 +367,7 @@ const DisputeResponseCore = class {
         return this.currentStep === 0;
     }
     render() {
-        return (index.h("div", { key: '09b09843d54a2dbced9788d16e244b2e59a3a78f', class: "row gy-3" }, index.h("div", { key: '6a3fe32d65ea1a74161d9ba9984543cf950e47ea', class: "col-12" }, index.h("h1", { key: 'bbb6f1334fd6b120e592117ba191d90b628e620f', class: "h4", part: parts.heading4 }, "Counter dispute")), index.h("div", { key: '19cbc45842294e9344dbffb725f5f053bf370af7', class: "col-12" }, this.currentStepComponent), index.h("div", { key: 'fa875ca152ea77fc4c8363216d8ba16c7699b597', class: "col-12" }, index.h("div", { key: 'fa7b62fff0cbac81c19ebad919f5dd54c3679e84', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (index.h(button.Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (index.h(button.Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (index.h(button.Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (index.h(button.Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
+        return (index.h("div", { key: '20d075178a9d88cd73be32e52f8df6d3d360f8d7', class: "row gy-3" }, index.h("div", { key: '6c1bc735f1a15709c596b5bea7cc3ce50e9a73f5', class: "col-12" }, index.h("h1", { key: '27a0804924937ee7a8d01265bd0da2d9dd31d301', class: "h4", part: parts.heading4 }, "Counter dispute")), index.h("div", { key: 'b60822e91425c5c4af003169f47fd725daf9fb0f', class: "col-12" }, this.currentStepComponent), index.h("div", { key: 'd1be3f6be53de37836275067070cf4b5a2eb3e4a', class: "col-12" }, index.h("div", { key: '48c8725d8de8b658e59ccfa851a6af6638e19ca5', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (index.h(button.Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (index.h(button.Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (index.h(button.Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (index.h(button.Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
     }
 };
 

package/dist/cjs/justifi-gross-payment-chart.cjs.entry.js

@@ -9,7 +9,7 @@ require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DvUQQLmR.js');
 var utils$1 = require('./utils-Bzyj4qWe.js');
-var checkPkgVersion = require('./check-pkg-version-DiQ-d5Nl.js');
+var checkPkgVersion = require('./check-pkg-version-BlIBYv3J.js');
 require('./config-state-BBOZIS8x.js');
 require('./index-B32W0A3m.js');
 require('./utils-ChCUZgUy.js');
@@ -17,7 +17,7 @@ require('./dinero-BwNN_k7x.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 require('./parts-9jMf1erK.js');
-require('./package-Be2aoTf8.js');
+require('./package-BMpasLve.js');
 
 const api = Api.Api();
 class ReportsService {

package/dist/cjs/justifi-order-terminals.cjs.entry.js

@@ -4,7 +4,7 @@ var index = require('./index-C9hBD-32.js');
 var parts = require('./parts-9jMf1erK.js');
 var styledHost = require('./styled-host-BfVJlAsJ.js');
 require('./event-types-YOY5TKUN.js');
-var checkPkgVersion = require('./check-pkg-version-DiQ-d5Nl.js');
+var checkPkgVersion = require('./check-pkg-version-BlIBYv3J.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
 var business_service = require('./business.service-BB6zl4Gc.js');
 var Business = require('./Business-DCRzZf0w.js');
@@ -18,7 +18,7 @@ require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DvUQQLmR.js');
 var terminal_service = require('./terminal.service-D1FAYZzd.js');
 var utils$1 = require('./utils-ChCUZgUy.js');
-require('./package-Be2aoTf8.js');
+require('./package-BMpasLve.js');
 require('./Api-DyimBzKT.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
@@ -233,7 +233,7 @@ const OrderTerminals = class {
         return (index.h("div", { class: "mt-3" }, index.h("div", { class: "text-end" }, "Order limit: ", this.orderLimit), index.h("div", { class: "d-flex justify-content-end mt-3" }, index.h("button", { class: "btn btn-primary submit-btn", onClick: this.submitOrder.bind(this), disabled: this.order.totalQuantity === 0 || this.submitting, part: parts.buttonPrimary }, this.submitting ? 'Submitting...' : this.submitButtonText))));
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '5171ddb7b807bf4084f0f831002803a4ece698f3' }, index.h("div", { key: '529adf4549be8b2723fca357be3f541403dfc8a3', part: parts.text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (index.h(styledHost.StyledHost, { key: 'd30fa51dfc5de12c0c70b642a8ad43093717b6e3' }, index.h("div", { key: '022332e39a80c3cc276ad8e0f56e98a592f14f0a', part: parts.text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
 };
 

package/dist/cjs/justifi-payment-details.cjs.entry.js

@@ -5,7 +5,7 @@ var payment_service = require('./payment.service-aR96UW5e.js');
 var getPaymentDetails = require('./get-payment-details-BfgRmNL4.js');
 var utils = require('./utils-Bzyj4qWe.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var checkPkgVersion = require('./check-pkg-version-DiQ-d5Nl.js');
+var checkPkgVersion = require('./check-pkg-version-BlIBYv3J.js');
 require('./Api-DyimBzKT.js');
 require('./config-state-BBOZIS8x.js');
 require('./index-B32W0A3m.js');
@@ -19,7 +19,7 @@ require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 require('./utils-DvUQQLmR.js');
 require('./parts-9jMf1erK.js');
-require('./package-Be2aoTf8.js');
+require('./package-BMpasLve.js');
 
 const PaymentDetails = class {
     constructor(hostRef) {

package/dist/cjs/justifi-payment-provisioning.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-C9hBD-32.js');
-var checkPkgVersion = require('./check-pkg-version-DiQ-d5Nl.js');
+var checkPkgVersion = require('./check-pkg-version-BlIBYv3J.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
 var paymentProvisioningActions = require('./payment-provisioning-actions-CZVlnRA0.js');
 var business_service = require('./business.service-BB6zl4Gc.js');
@@ -10,7 +10,7 @@ require('./Refund-BefKONu4.js');
 require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-require('./package-Be2aoTf8.js');
+require('./package-BMpasLve.js');
 require('./utils-DvUQQLmR.js');
 require('./config-state-BBOZIS8x.js');
 require('./index-B32W0A3m.js');

package/dist/cjs/justifi-payment-transactions-list.cjs.entry.js

@@ -8,7 +8,7 @@ var Refund = require('./Refund-BefKONu4.js');
 var Pagination = require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var checkPkgVersion = require('./check-pkg-version-DiQ-d5Nl.js');
+var checkPkgVersion = require('./check-pkg-version-BlIBYv3J.js');
 var utils = require('./utils-DvUQQLmR.js');
 var payment_service = require('./payment.service-aR96UW5e.js');
 var table = require('./table-Ccdrt0v_.js');
@@ -19,7 +19,7 @@ var parts = require('./parts-9jMf1erK.js');
 require('./index-B32W0A3m.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
-require('./package-Be2aoTf8.js');
+require('./package-BMpasLve.js');
 require('./Api-DyimBzKT.js');
 require('./spinner-jmeA44Ee.js');
 
@@ -186,7 +186,7 @@ const PaymentTransactionsList = class {
         return !this.showEmptyState && !this.showErrorState && !this.isLoading;
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '0ea0cd7e150028fa7dd07bc8d3a9900ba2de5728' }, index.h(table.TableWrapper, { key: 'cf8085e6989e1fb05c2b606a6d56c4af5ba33d33' }, index.h(table.TableComponent, { key: '2aeae7b80720b715e33b4decc824b08c95642951' }, index.h(table.TableHead, { key: '463a4486652002ec647d90d23eeba7251eccda98' }, index.h(table.TableHeadRow, { key: '8c2906ce4c1f53d196ac6134ad363332c4e831fb' }, this.transactionsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: 'bf1a2336f715ef317ee41f7b1de44b4256ac5f48' }, index.h(table.TableLoadingState, { key: '7bf57b2056d7e8a912d1e173d01b6007cc648441', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), index.h(table.TableEmptyState, { key: '3a578832c5c3c05fbcebad508e3922c180ee33cf', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), index.h(table.TableErrorState, { key: '9cdff1699621d8e02d90ca7544a3e95340c6598e', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index$1) => (index.h(table.TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h(table.TableFoot, { key: '9c5baf6c5bbba0c19f287fd2eddd7b06490f51df' }, index.h(table.TableFootRow, { key: '95460f894d3f6a9d20422aef2c9172cdc230e079' }, index.h(table.TableFootCell, { key: '33fa015f7a7a968c6697302616359991f5ae16cf', colSpan: this.transactionsTable.columnData.length }, index.h("pagination-menu", { key: 'e1821a1b7658b503e11ff799413fa5ea368a7ae7', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (index.h(styledHost.StyledHost, { key: '94919675808cd7b7df82403b7fa40e72c763f676' }, index.h(table.TableWrapper, { key: 'e405a069813214b692d7efb39b1a2b8313291088' }, index.h(table.TableComponent, { key: '27c7d5a96075d6e1e3b25d18272b4f4f57e374f0' }, index.h(table.TableHead, { key: 'e80e58ed2c38902adc86b7088cf9094b1e4f2540' }, index.h(table.TableHeadRow, { key: '641c6bc3d69a20bbd4624043cca1178f6e7257ba' }, this.transactionsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: 'b1a029e801f1f87f35201ba8725bff6e9cc5eb28' }, index.h(table.TableLoadingState, { key: '8af52c5f9a0072502e64539900aeae2d08dce1ce', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), index.h(table.TableEmptyState, { key: 'df0d89fd7fee252611ea45052373b59974d86c81', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), index.h(table.TableErrorState, { key: '1ae2c61e4eaa643ed47cd37ec2a7fa192b99ec11', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index$1) => (index.h(table.TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h(table.TableFoot, { key: 'c3b9d5df20e37e8325ce8b99360ed5547078b9a6' }, index.h(table.TableFootRow, { key: '8ae2ddda61552ff945b075287654d0bfc64a8dae' }, index.h(table.TableFootCell, { key: 'ee9fe2a43b9ea6e6916d196fbfcf67f87b46821c', colSpan: this.transactionsTable.columnData.length }, index.h("pagination-menu", { key: '79f03d48df9fde25ee3ceb9b5a369b1d8296caa8', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["propChanged"],