@justifi/webcomponents 5.7.2 → 5.7.3-rc-02

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

@@ -0,0 +1,217 @@
+'use strict';
+
+var index = require('./index-2GwnTbNA.js');
+var parts = require('./parts-9jMf1erK.js');
+var utils = require('./utils-qOon0GWm.js');
+var checkout_store = require('./checkout.store-osqdxFMq.js');
+var styledHost = require('./styled-host-IMxk64cc.js');
+require('./event-types-YOY5TKUN.js');
+var checkPkgVersion = require('./check-pkg-version-CgQ8N_ta.js');
+require('./config-state-BTfJl-LU.js');
+var ComponentError = require('./ComponentError-CEv9ltwy.js');
+require('./Checkout-BTgAlgVL.js');
+require('./Pagination-Dediz133.js');
+require('./Payment-D5UynU2f.js');
+require('./Refund-BFE-2OxN.js');
+require('./Business-DCRzZf0w.js');
+require('./Dispute-CruQTF6_.js');
+var checkoutActions = require('./checkout-actions-CRbQgLn0.js');
+var checkout_service = require('./checkout.service-C3R0uykH.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
+require('./index-DEMVrrsF.js');
+require('./package-wSbEFwqE.js');
+require('./Api-BTdkb3Zh.js');
+require('./helpers-B5OCqlIM.js');
+require('./state-options-CIT9xdTz.js');
+require('./utils-IGCnjtqc.js');
+
+const Summary = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h(styledHost.StyledHost, { key: '9a2eea1693287ad73dfedd3ddc24e949e9d75148' }, index.h("section", { key: '1943be6cef0c4a1c830ddfc14d893c3906482534' }, index.h("div", { key: 'cf3f41d3dd3c9829d93d7e56e3d2dfabbd99ccef' }, index.h("div", { key: 'b5bc944a5310252dc0720e3e7d709f1a57f898c8', part: parts.text }, checkout_store.state === null || checkout_store.state === void 0 ? void 0 : checkout_store.state.paymentDescription), index.h("div", { key: 'dbe53880d7c3ff8d4513a570e1b024f1e2f43028' }, index.h("span", { key: 'd8986a9265463d8f9d7f62598cc4ec3203081c09', part: parts.text }, "Total"), "\u00A0", index.h("span", { key: '32cbc6e259fdee2c71ad72fcf59ab157704c4758', part: parts.text }, utils.formatCurrency(+(checkout_store.state === null || checkout_store.state === void 0 ? void 0 : checkout_store.state.totalAmount))))))));
+    }
+};
+
+const CheckoutWrapper = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.errorEvent = index.createEvent(this, "error-event");
+        this.checkoutComplete = index.createEvent(this, "checkout-complete-event");
+        this.savePaymentMethod = false;
+    }
+    connectedCallback() {
+        this.observer = new MutationObserver(() => {
+            this.queryFormRefs();
+        });
+        this.observer.observe(this.hostEl, {
+            childList: true,
+            subtree: true
+        });
+        checkout_store.state.checkoutId = this.checkoutId;
+        const config = {
+            authToken: this.authToken,
+            checkoutId: this.checkoutId,
+            service: new checkout_service.CheckoutService()
+        };
+        this.getCheckout = checkoutActions.makeGetCheckout(config);
+        this.completeCheckout = checkoutActions.makeCheckoutComplete(config);
+    }
+    componentWillLoad() {
+        this.analytics = new checkPkgVersion.JustifiAnalytics(this);
+        checkPkgVersion.checkPkgVersion();
+        checkout_store.state.authToken = this.authToken;
+        checkout_store.state.accountId = this.accountId;
+        this.fetchCheckout();
+    }
+    componentDidLoad() {
+        this.queryFormRefs();
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
+    }
+    fetchCheckout() {
+        if (this.getCheckout) {
+            this.getCheckout({
+                onSuccess: ({ checkout }) => {
+                    var _a, _b, _c, _d;
+                    checkout_store.state.paymentMethods = checkout.payment_methods;
+                    checkout_store.state.paymentMethodGroupId = checkout.payment_method_group_id;
+                    checkout_store.state.paymentDescription = checkout.payment_description;
+                    checkout_store.state.totalAmount = checkout.total_amount;
+                    checkout_store.state.paymentAmount = checkout.payment_amount;
+                    checkout_store.state.bnplEnabled = checkout.payment_settings.bnpl_payments;
+                    checkout_store.state.bnplProviderClientId = (_a = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _a === void 0 ? void 0 : _a.provider_client_id;
+                    checkout_store.state.bnplProviderMode = (_b = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _b === void 0 ? void 0 : _b.provider_mode;
+                    checkout_store.state.bnplProviderApiVersion = (_c = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _c === void 0 ? void 0 : _c.provider_api_version;
+                    checkout_store.state.bnplProviderCheckoutUrl = (_d = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _d === void 0 ? void 0 : _d.provider_checkout_url;
+                },
+                onError: (error) => {
+                    this.errorEvent.emit({
+                        message: error.message,
+                        errorCode: ComponentError.ComponentErrorCodes.FETCH_ERROR,
+                        severity: ComponentError.ComponentErrorSeverity.ERROR,
+                    });
+                }
+            });
+        }
+    }
+    queryFormRefs() {
+        this.paymentMethodFormRef = this.hostEl.querySelector('justifi-card-form, justifi-bank-account-form');
+        this.billingInformationFormRef = this.hostEl.querySelector('justifi-billing-information-form, justifi-postal-code-form');
+        this.insuranceFormRef = this.hostEl.querySelector('justifi-season-interruption-insurance');
+        this.sezzlePaymentMethodRef = this.hostEl.querySelector('justifi-sezzle-payment-method');
+    }
+    async tokenizePaymentMethod(tokenizeArgs) {
+        var _a, _b;
+        const billingInfoValues = (_b = await ((_a = this.billingInformationFormRef) === null || _a === void 0 ? void 0 : _a.getValues())) !== null && _b !== void 0 ? _b : {};
+        const combinedBillingInfo = Object.assign(Object.assign({}, tokenizeArgs), billingInfoValues);
+        const paymentMethodMetadata = Object.assign({ accountId: this.accountId, payment_method_group_id: undefined }, combinedBillingInfo);
+        if (this.savePaymentMethod) {
+            paymentMethodMetadata.payment_method_group_id = checkout_store.state.paymentMethodGroupId;
+        }
+        return this.paymentMethodFormRef.tokenize({
+            clientId: this.authToken,
+            paymentMethodMetadata,
+            account: this.accountId,
+        });
+    }
+    async getPaymentMethod(submitCheckoutArgs) {
+        if (!this.paymentMethodFormRef) {
+            return checkout_store.state.selectedPaymentMethod;
+        }
+        const { error, id: token } = await this.tokenizePaymentMethod(submitCheckoutArgs);
+        if (error) {
+            this.errorEvent.emit({
+                errorCode: error.code,
+                message: error.message,
+                severity: ComponentError.ComponentErrorSeverity.ERROR,
+            });
+            return undefined;
+        }
+        return token;
+    }
+    async validate() {
+        var _a, _b;
+        const promises = [
+            (_a = this.paymentMethodFormRef) === null || _a === void 0 ? void 0 : _a.validate(),
+            (_b = this.billingInformationFormRef) === null || _b === void 0 ? void 0 : _b.validate()
+        ];
+        if (this.insuranceFormRef) {
+            promises.push(this.insuranceFormRef.validate());
+        }
+        const validationResults = await Promise.all(promises);
+        return validationResults.every(result => (result === null || result === void 0 ? void 0 : result.isValid) !== false);
+    }
+    async submitCheckout(submitCheckoutArgs) {
+        var _a;
+        const isValid = await this.validate();
+        if (!isValid) {
+            this.errorEvent.emit({
+                message: 'Please fill in all required fields.',
+                errorCode: ComponentError.ComponentErrorCodes.VALIDATION_ERROR,
+                severity: ComponentError.ComponentErrorSeverity.ERROR,
+            });
+            return;
+        }
+        let payment;
+        if (checkout_store.state.selectedPaymentMethod === 'sezzle') {
+            const insuranceValidation = this.insuranceFormRef ? await this.insuranceFormRef.validate() : { isValid: true };
+            const sezzleResult = await this.sezzlePaymentMethodRef.resolvePaymentMethod(insuranceValidation);
+            if (sezzleResult.error) {
+                this.errorEvent.emit({
+                    message: sezzleResult.error.message,
+                    errorCode: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
+                    severity: ComponentError.ComponentErrorSeverity.ERROR,
+                });
+                return;
+            }
+            else if (((_a = sezzleResult.bnpl) === null || _a === void 0 ? void 0 : _a.status) === 'success') {
+                payment = {
+                    payment_mode: 'bnpl',
+                    payment_token: undefined,
+                };
+            }
+        }
+        else {
+            const paymentMethod = await this.getPaymentMethod(submitCheckoutArgs);
+            if (!paymentMethod) {
+                this.errorEvent.emit({
+                    message: 'Payment method tokenization failed.',
+                    errorCode: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
+                    severity: ComponentError.ComponentErrorSeverity.ERROR,
+                });
+                return;
+            }
+            payment = {
+                payment_mode: 'ecom',
+                payment_token: paymentMethod,
+            };
+        }
+        this.completeCheckout({
+            payment,
+            onSuccess: ({ checkout }) => {
+                this.checkoutComplete.emit({
+                    checkout,
+                    message: 'Checkout completed successfully',
+                });
+            },
+            onError: (error) => {
+                this.errorEvent.emit({
+                    message: error.message,
+                    errorCode: ComponentError.ComponentErrorCodes.COMPLETE_CHECKOUT_ERROR,
+                    severity: ComponentError.ComponentErrorSeverity.ERROR,
+                });
+            },
+        });
+    }
+    render() {
+        return (index.h(index.Host, { key: '8e15946406121bf7ac6a37f225a96728413ff334' }));
+    }
+    get hostEl() { return index.getElement(this); }
+};
+
+exports.justifi_checkout_summary = Summary;
+exports.justifi_modular_checkout = CheckoutWrapper;

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

@@ -1,133 +1,134 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-var utils = require('./utils-l0veqT9y.js');
-var checkout_service = require('./checkout.service-DKH8NODe.js');
-var checkPkgVersion = require('./check-pkg-version-hqYwYpQq.js');
-require('./Api-Dp4CW5K6.js');
-require('./config-state-D7p-XunE.js');
-require('./index-B8ljHEN1.js');
+var index = require('./index-2GwnTbNA.js');
+var checkoutActions = require('./checkout-actions-CRbQgLn0.js');
+var checkout_service = require('./checkout.service-C3R0uykH.js');
+var checkPkgVersion = require('./check-pkg-version-CgQ8N_ta.js');
+require('./config-state-BTfJl-LU.js');
 require('./utils-qOon0GWm.js');
-require('./_commonjsHelpers-BJu3ubxk.js');
-require('./Checkout-TZnRz3-3.js');
+require('./ComponentError-CEv9ltwy.js');
+var Checkout$1 = require('./Checkout-BTgAlgVL.js');
 require('./Pagination-Dediz133.js');
-require('./Document-Qt0qiXeh.js');
-require('./Dispute-CruQTF6_.js');
-require('./Refund-BDFOEJv_.js');
+require('./Payment-D5UynU2f.js');
+require('./Refund-BFE-2OxN.js');
 require('./Business-DCRzZf0w.js');
+require('./Dispute-CruQTF6_.js');
+var checkout_store = require('./checkout.store-osqdxFMq.js');
+var button = require('./button-CCZd8WSY.js');
+var styledHost = require('./styled-host-IMxk64cc.js');
+var skeleton = require('./skeleton-ByLavxr1.js');
+var parts = require('./parts-9jMf1erK.js');
+var insuranceState = require('./insurance-state-BmAF1Sef.js');
+var header3 = require('./header-3-DxUQJ7TT.js');
+require('./event-types-YOY5TKUN.js');
+require('./utils-IGCnjtqc.js');
+require('./Api-BTdkb3Zh.js');
+require('./package-wSbEFwqE.js');
+require('./index-DEMVrrsF.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
-require('./package-BCOEGxFC.js');
-
-const makeGetCheckout = ({ authToken, checkoutId, service }) => async ({ onSuccess, onError }) => {
-    var _a;
-    try {
-        const response = await service.fetchCheckout(authToken, checkoutId);
-        if (!response.error) {
-            const checkout = response.data;
-            onSuccess({ checkout });
-        }
-        else {
-            const responseError = utils.getErrorMessage(response.error);
-            const code = utils.getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
-            return onError({
-                error: responseError,
-                code,
-                severity: ComponentError.ComponentErrorSeverity.ERROR,
-            });
-        }
-    }
-    catch (error) {
-        const code = utils.getErrorCode(error === null || error === void 0 ? void 0 : error.code);
-        return onError({
-            error: error.message || error,
-            code,
-            severity: ComponentError.ComponentErrorSeverity.ERROR,
-        });
-    }
-};
-const makeCheckoutComplete = ({ authToken, checkoutId, service }) => async ({ payment, onSuccess, onError }) => {
-    var _a;
-    try {
-        const response = await service.complete(authToken, checkoutId, payment);
-        if (!response.error) {
-            onSuccess(response);
-        }
-        else {
-            const responseError = utils.getErrorMessage(response.error);
-            const code = utils.getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
-            return onError({
-                error: responseError,
-                code,
-                severity: ComponentError.ComponentErrorSeverity.ERROR,
-            });
-        }
-    }
-    catch (error) {
-        const code = utils.getErrorCode(error === null || error === void 0 ? void 0 : error.code);
-        return onError({
-            error: error.message || error,
-            code,
-            severity: ComponentError.ComponentErrorSeverity.ERROR,
-        });
-    }
-};
 
 const Checkout = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.errorEvent = index.createEvent(this, "error-event");
+        this.submitEvent = index.createEvent(this, "submit-event");
         this.loadedEvent = index.createEvent(this, "loaded");
         this.errorMessage = '';
+        this.insuranceToggled = false;
+        this.renderState = 'loading';
+        this.fetchData = () => {
+            this.renderState = 'loading';
+            const actionsConfig = {
+                authToken: this.authToken,
+                checkoutId: this.checkoutId,
+                service: new checkout_service.CheckoutService()
+            };
+            const getCheckout = checkoutActions.makeGetCheckout(actionsConfig);
+            getCheckout({
+                onSuccess: ({ checkout }) => {
+                    this.checkout = new Checkout$1.Checkout(checkout);
+                    const { status } = this.checkout;
+                    this.loadedEvent.emit({ checkout_status: status });
+                    this.renderState = 'success';
+                },
+                onError: ({ error, code, severity }) => {
+                    this.serverError = error;
+                    this.renderState = 'error';
+                    this.errorEvent.emit({
+                        errorCode: code,
+                        message: error,
+                        severity,
+                    });
+                }
+            });
+        };
+    }
+    propChanged() {
+        checkout_store.state.authToken = this.authToken;
+        checkout_store.state.checkoutId = this.checkoutId;
+        this.fetchData();
+    }
+    connectedCallback() {
+        if (this.authToken && this.checkoutId) {
+            checkout_store.state.checkoutId = this.checkoutId;
+            checkout_store.state.authToken = this.authToken;
+        }
     }
     componentWillLoad() {
         checkPkgVersion.checkPkgVersion();
         this.analytics = new checkPkgVersion.JustifiAnalytics(this);
-        this.initializeGetCheckout();
+        this.fetchData();
+        // Refresh the checkout data when insurance is added or removed
+        insuranceState.insuranceValuesOn('set', (key) => {
+            const value = insuranceState.insuranceValues[key];
+            if (value !== undefined) {
+                this.insuranceToggled = value;
+                this.fetchData();
+            }
+        });
     }
     disconnectedCallback() {
         var _a;
         (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     ;
-    initializeGetCheckout() {
-        if (this.authToken && this.checkoutId) {
-            this.getCheckout = makeGetCheckout({
-                authToken: this.authToken,
-                checkoutId: this.checkoutId,
-                service: new checkout_service.CheckoutService()
-            });
-            this.complete = makeCheckoutComplete({
-                authToken: this.authToken,
-                checkoutId: this.checkoutId,
-                service: new checkout_service.CheckoutService()
-            });
-        }
-        else {
-            this.errorEvent.emit({
-                message: 'auth-token and checkout-id are required',
-                errorCode: ComponentError.ComponentErrorCodes.MISSING_PROPS,
-                severity: ComponentError.ComponentErrorSeverity.ERROR,
-            });
-        }
+    async submit(_event) {
+        // calls the submitCheckout method on the checkout wrapper
+        this.modularCheckoutRef.submitCheckout();
     }
-    propChanged() {
-        this.initializeGetCheckout();
+    get isLoading() {
+        return this.renderState === 'loading';
+    }
+    get summary() {
+        return (index.h("section", null, index.h("div", { class: !this.isLoading && 'visually-hidden' }, index.h(skeleton.Skeleton, { height: "24px" })), index.h("justifi-checkout-summary", null)));
+    }
+    get paymentTypeHeader() {
+        const showPaymentTypeHeader = !this.disableCreditCard && !this.disableBankAccount;
+        if (!showPaymentTypeHeader)
+            return null;
+        return (index.h(header3.Header3, { text: "Select payment type", class: "fs-6 fw-bold lh-lg" }));
+    }
+    get paymentType() {
+        var _a, _b, _c, _d, _e;
+        return (index.h("section", null, index.h("div", { class: !this.isLoading && 'visually-hidden' }, index.h(skeleton.Skeleton, { height: "300px" })), index.h("div", { class: this.isLoading && 'visually-hidden' }, index.h("justifi-payment-method-options", { ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": !this.disableBnpl, paymentMethodGroupId: (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_method_group_id, "show-saved-payment-methods": !this.disablePaymentMethodGroup, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, bnpl: (_b = this.checkout) === null || _b === void 0 ? void 0 : _b.bnpl, authToken: this.authToken, "account-id": (_c = this.checkout) === null || _c === void 0 ? void 0 : _c.account_id, savedPaymentMethods: ((_d = this.checkout) === null || _d === void 0 ? void 0 : _d.payment_methods) || [], paymentAmount: (_e = this.checkout) === null || _e === void 0 ? void 0 : _e.payment_amount, insuranceToggled: this.insuranceToggled }))));
     }
     async fillBillingForm(fields) {
-        this.checkoutCoreRef.fillBillingForm(fields);
+        this.paymentMethodOptionsRef.fillBillingForm(fields);
     }
     async validate() {
-        const { isValid } = await this.checkoutCoreRef.validate();
-        return { isValid };
+        const insuranceValidation = insuranceState.validateInsuranceValues();
+        const { isValid } = await this.paymentMethodOptionsRef.validate();
+        if (!insuranceValidation.isValid || !isValid) {
+            return { isValid: false };
+        }
+        else {
+            return { isValid: true };
+        }
     }
     render() {
-        return (index.h("justifi-checkout-core", { key: 'c1c7cf4f1aadce928e3ed6a6ae05a7824d875d68', getCheckout: this.getCheckout, authToken: this.authToken, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, ref: el => {
-                if (el) {
-                    this.checkoutCoreRef = el;
-                }
-            } }, index.h("div", { key: '7a4be7220e5eb199f94c5086c23e10dce68d4854', slot: "insurance" }, index.h("slot", { key: 'f5db23ef6dc82d0521518ea2dbfe99d8c8b6c2cc', name: "insurance" }))));
+        return (index.h(styledHost.StyledHost, { key: '1a7978a2b2ae5f483ded09e8c2b49a1c3bee1dc1' }, index.h("justifi-modular-checkout", { key: '4da7015d6634fa1f703b88cd153bc55db256476a', ref: (el) => (this.modularCheckoutRef = el), authToken: this.authToken, checkoutId: this.checkoutId }, index.h("div", { key: 'e3560a86e3634836bab94ad424850dfb72789674', class: "row gy-3 jfi-checkout-core" }, index.h("div", { key: '31bde37f031dc3b18fe1da5f2a30d615aa3d079f', class: "col-12", part: parts.checkoutSummary }, index.h(insuranceState.Header2, { key: 'd46cd4136ad4f0cac076e866f8fe095510a6361d', text: "Summary", class: "fs-5 fw-bold pb-3" }), this.summary), index.h("div", { key: 'efbba765415361bea56bc20d511640da23708c6a', class: "col-12" }, index.h("slot", { key: 'ca4d2531fb55c15ea1326921fb90d6a7cd14e579', name: "insurance" })), index.h("div", { key: '58b01f658771ef6be037713add40e7ff03361dc3', class: "col-12 mt-4" }, index.h(insuranceState.Header2, { key: '990723c85b6adf8eaa0711017d023d9103e1b8f2', text: "Payment", class: "fs-5 fw-bold pb-3" }), this.paymentTypeHeader, index.h("div", { key: 'dcc79ad150a87e7c67a78ff50b94585562d64d11', class: "d-flex flex-column" }, this.paymentType)), index.h("div", { key: '592f0c0d86c9f1bf9c56f82e8cdcfdcc12e7c5c4', class: "col-12" }, index.h("div", { key: '8130711b909ffca43c37b4eacab515c8a7acb77c', class: "d-flex justify-content-end" }, index.h(button.Button, { key: '7da0c99ff8438b22f6cf6a3f2d3bfc5d32a97ad2', type: "submit", variant: "primary", onClick: (e) => this.submit(e), disabled: this.isLoading, isLoading: this.isLoading, style: { width: '100%' } }, "Pay")))))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

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

@@ -1,20 +1,20 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
-require('./config-state-D7p-XunE.js');
+var index = require('./index-2GwnTbNA.js');
+require('./config-state-BTfJl-LU.js');
 require('./utils-qOon0GWm.js');
-require('./ComponentError-C4MdBBMe.js');
-var Checkout = require('./Checkout-TZnRz3-3.js');
+require('./ComponentError-CEv9ltwy.js');
+var Checkout = require('./Checkout-BTgAlgVL.js');
 require('./Pagination-Dediz133.js');
-require('./Document-Qt0qiXeh.js');
-require('./Refund-BDFOEJv_.js');
+require('./Payment-D5UynU2f.js');
+require('./Refund-BFE-2OxN.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var checkoutsListParamsState = require('./checkouts-list-params-state-BvG5Ysrg.js');
+var checkoutsListParamsState = require('./checkouts-list-params-state-fVsfZZ5G.js');
 var parts = require('./parts-9jMf1erK.js');
-var styledHost = require('./styled-host-udkBJV5h.js');
+var styledHost = require('./styled-host-IMxk64cc.js');
 require('./event-types-YOY5TKUN.js');
-require('./index-B8ljHEN1.js');
+require('./index-DEMVrrsF.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
@@ -55,7 +55,7 @@ const CheckoutsListFilters = class {
     }
     render() {
         const filterMenuParams = Object.assign({}, checkoutsListParamsState.filterParams);
-        return (index.h(styledHost.StyledHost, { key: 'bcae6fee83117dde40a29ebcab8e85089bcdc37e' }, index.h("table-filters-menu", { key: '56c6a5d205836fe010917f0f0d978507cf227a3f', params: filterMenuParams, clearParams: checkoutsListParamsState.clearParams, part: parts.checkoutsListFilterMenu }, index.h("div", { key: 'c82691f9b863368a2b7523dc7d9d348c3fe2e776', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: '9abbb01e53139ebd376a638400b199d88288b175', class: "p-2" }, index.h("form-control-select", { key: '3859777cf1f4ee451a65440a90dfe9e5f4a2f069', 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: '3c23d4b820ea2424d6ddc01e6952c8c46cd7d975', class: "p-2" }, index.h("form-control-select", { key: 'c376228f82419b959b3fefa6b32d25c584c6ea3b', 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: '75225e92af6efb7185735a63adf83ed7699452b1' }, index.h("table-filters-menu", { key: '086762cdd3a08d9221be6d374d4fd4d1b82c717f', params: filterMenuParams, clearParams: checkoutsListParamsState.clearParams, part: parts.checkoutsListFilterMenu }, index.h("div", { key: '23f5d2938419a2e92cbacf79d82a3893b6d256c2', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: '43bf85dccce2233d59720defbea2897df488d880', class: "p-2" }, index.h("form-control-select", { key: '61c381ec0a205245311ba2e490a03b1e571d366b', 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: '4d01e881ca741302be99559209ab383aad4ee739', class: "p-2" }, index.h("form-control-select", { key: '82a1c6c3cfa9c77bc656aff5d7b0130436a54042', 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

@@ -1,29 +1,29 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
-require('./config-state-D7p-XunE.js');
+var index = require('./index-2GwnTbNA.js');
+require('./config-state-BTfJl-LU.js');
 require('./utils-qOon0GWm.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-var Checkout = require('./Checkout-TZnRz3-3.js');
+var ComponentError = require('./ComponentError-CEv9ltwy.js');
+var Checkout = require('./Checkout-BTgAlgVL.js');
 require('./Pagination-Dediz133.js');
-require('./Document-Qt0qiXeh.js');
-require('./Refund-BDFOEJv_.js');
+require('./Payment-D5UynU2f.js');
+require('./Refund-BFE-2OxN.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var utils = require('./utils-l0veqT9y.js');
-var checkPkgVersion = require('./check-pkg-version-hqYwYpQq.js');
-var checkout_service = require('./checkout.service-DKH8NODe.js');
-var getSubaccounts = require('./get-subaccounts-CkjWYxIU.js');
-var styledHost = require('./styled-host-udkBJV5h.js');
+var utils = require('./utils-IGCnjtqc.js');
+var checkPkgVersion = require('./check-pkg-version-CgQ8N_ta.js');
+var checkout_service = require('./checkout.service-C3R0uykH.js');
+var getSubaccounts = require('./get-subaccounts-CgOAdXG4.js');
+var styledHost = require('./styled-host-IMxk64cc.js');
 require('./event-types-YOY5TKUN.js');
-var checkoutsTable = require('./checkouts-table-Cj2iSB_P.js');
-require('./index-B8ljHEN1.js');
+var checkoutsTable = require('./checkouts-table-C1Jv_A7m.js');
+require('./index-DEMVrrsF.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
-require('./package-BCOEGxFC.js');
-require('./Api-Dp4CW5K6.js');
-require('./badge-BxoJOyTJ.js');
+require('./package-wSbEFwqE.js');
+require('./Api-BTdkb3Zh.js');
+require('./badge-sO_Hcamo.js');
 require('./parts-9jMf1erK.js');
 
 const makeGetCheckouts = ({ accountId, authToken, service }) => async ({ params, onSuccess, onError }) => {
@@ -110,7 +110,7 @@ const CheckoutsList = class {
         }
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'c76ca3b186023ebea3ac3fe0cf6599786a2f2ea7' }, index.h("checkouts-list-core", { key: '484d31c0b0434181b3bd69cb9c3b6810aa0f2983', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (index.h(styledHost.StyledHost, { key: '0e9e50e18983dad43cfab19f2271678d3f5e6abd' }, index.h("checkouts-list-core", { key: '6f128cc756477ff64638625d9a9ff9a5b4533948', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/cjs/justifi-config-provider.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
-var configState = require('./config-state-D7p-XunE.js');
-require('./index-B8ljHEN1.js');
+var index = require('./index-2GwnTbNA.js');
+var configState = require('./config-state-BTfJl-LU.js');
+require('./index-DEMVrrsF.js');
 
 const ConfigProvider = class {
     constructor(hostRef) {

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
-var utils = require('./utils-5lco6NzU.js');
+var index = require('./index-2GwnTbNA.js');
+var utils = require('./utils-bn0fXuc-.js');
 require('./parts-9jMf1erK.js');
 
 const Details = class {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
+var index = require('./index-2GwnTbNA.js');
 var eventTypes = require('./event-types-BWQT2lwu.js');
 var Dispute = require('./Dispute-CruQTF6_.js');
 
@@ -51,7 +51,7 @@ const DisputeManagementCore = class {
         });
     }
     render() {
-        return (index.h("div", { key: '5a8663529813801b730d449c835cfafb9924d860' }, 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: '6374c478bc8907019b48e1a53b0ecb2e171ab2e4' }, 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

@@ -1,21 +1,21 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-var checkPkgVersion = require('./check-pkg-version-hqYwYpQq.js');
+var index = require('./index-2GwnTbNA.js');
+var ComponentError = require('./ComponentError-CEv9ltwy.js');
+var checkPkgVersion = require('./check-pkg-version-CgQ8N_ta.js');
 var Dispute = require('./Dispute-CruQTF6_.js');
-var utils = require('./utils-l0veqT9y.js');
-var dispute_service = require('./dispute.service-8j6tLV4i.js');
-require('./package-BCOEGxFC.js');
-require('./Api-Dp4CW5K6.js');
-require('./config-state-D7p-XunE.js');
-require('./index-B8ljHEN1.js');
+var utils = require('./utils-IGCnjtqc.js');
+var dispute_service = require('./dispute.service-CaA-mq-i.js');
+require('./package-wSbEFwqE.js');
+require('./Api-BTdkb3Zh.js');
+require('./config-state-BTfJl-LU.js');
+require('./index-DEMVrrsF.js');
 require('./utils-qOon0GWm.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
-require('./Checkout-TZnRz3-3.js');
+require('./Checkout-BTgAlgVL.js');
 require('./Pagination-Dediz133.js');
-require('./Document-Qt0qiXeh.js');
-require('./Refund-BDFOEJv_.js');
+require('./Payment-D5UynU2f.js');
+require('./Refund-BFE-2OxN.js');
 require('./Business-DCRzZf0w.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
@@ -90,7 +90,7 @@ const DisputeManagement = class {
         }
     }
     render() {
-        return (index.h("justifi-dispute-management-core", { key: '5abe4c29317f9baa7fc40d82e2cd533de321d58f', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
+        return (index.h("justifi-dispute-management-core", { key: 'e19f33cd7106c3c44fb86faeef743c62ff9004b9', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
     }
     static get watchers() { return {
         "disputeId": ["propChanged"],