@justifi/webcomponents 5.7.7 → 6.0.0-rc.10

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

@@ -1,134 +1,104 @@
 import { r as registerInstance, c as createEvent, h } from './index-Bn7inNWG.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-SdntD1xf.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils-Dccsn9BY.js';
-import { C as CheckoutService } from './checkout.service-l-H_OIZa.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-8KHO3ihW.js';
-import './Api-BJv2_XdA.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-CAnDiqiu.js';
 import './config-state-DZeVYerv.js';
-import './index-B_KxSZIF.js';
-import './utils-CKEiU2Q5.js';
-import './Checkout-CIUkm9aQ.js';
+import './dinero-HXpYMWUU.js';
+import './ComponentError-Cjcsf8ku.js';
+import { P as PaymentMethodTypes } from './Refund-CVh70dXA.js';
 import './Pagination-CLHwhyvu.js';
-import './Payment-DrCqUoz-.js';
-import './Dispute-7MWRbTXI.js';
-import './Refund-Dwnnpqim.js';
 import './Business-BCoP0TAV.js';
+import './Dispute-BH0Xfn-F.js';
+import { c as checkoutStore } from './checkout.store-CCdFOPCK.js';
+import { d as checkoutSummary } from './parts-RvUQ__Pq.js';
+import { S as StyledHost } from './styled-host-CTAGIN84.js';
+import './event-types-CZfYo5-1.js';
+import { P as PAYMENT_METHODS } from './index-CbL73B6U.js';
+import './package-CnWtPu8L.js';
+import './Api-DAWuvzbl.js';
+import './utils-BscIVFn8.js';
+import './index-B_KxSZIF.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
-import './package-BOCuVjGs.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 = getErrorMessage(response.error);
-            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
-            return onError({
-                error: responseError,
-                code,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-        }
-    }
-    catch (error) {
-        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
-        return onError({
-            error: error.message || error,
-            code,
-            severity: 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 = getErrorMessage(response.error);
-            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
-            return onError({
-                error: responseError,
-                code,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-        }
-    }
-    catch (error) {
-        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
-        return onError({
-            error: error.message || error,
-            code,
-            severity: ComponentErrorSeverity.ERROR,
-        });
-    }
-};
 
 const Checkout = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.errorEvent = createEvent(this, "error-event");
         this.loadedEvent = createEvent(this, "loaded");
+        this.submitEvent = createEvent(this, "submit-event");
+        this.availablePaymentMethods = [];
         this.errorMessage = '';
+        this.insuranceToggled = false;
+        this.isSubmitting = false; // This is used to prevent multiple submissions and is different from loading state
+        this.disableBankAccount = false;
+        this.disableBnpl = false;
+        this.disableCreditCard = false;
+        this.disablePaymentMethodGroup = false;
+        this.hideBankAccountBillingForm = false;
+        this.hideCardBillingForm = false;
+    }
+    propChanged() {
+        this.updateStore();
+    }
+    connectedCallback() {
+        if (this.authToken && this.checkoutId) {
+            this.updateStore();
+        }
     }
     componentWillLoad() {
         checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
-        this.initializeGetCheckout();
     }
     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 CheckoutService()
-            });
-            this.complete = makeCheckoutComplete({
-                authToken: this.authToken,
-                checkoutId: this.checkoutId,
-                service: new CheckoutService()
-            });
-        }
-        else {
-            this.errorEvent.emit({
-                message: 'auth-token and checkout-id are required',
-                errorCode: ComponentErrorCodes.MISSING_PROPS,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-        }
+    checkoutComplete(_event) {
+        this.isSubmitting = false;
     }
-    propChanged() {
-        this.initializeGetCheckout();
+    checkoutError(_event) {
+        this.isSubmitting = false;
+    }
+    checkoutChanged(event) {
+        this.availablePaymentMethods = event.detail.availablePaymentMethodTypes;
     }
     async fillBillingForm(fields) {
-        this.checkoutCoreRef.fillBillingForm(fields);
+        var _a;
+        checkoutStore.billingFormFields = fields;
+        (_a = this.tokenizePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.fillBillingForm(fields);
     }
     async validate() {
-        const { isValid } = await this.checkoutCoreRef.validate();
-        return { isValid };
+        var _a;
+        const modularValidation = await ((_a = this.modularCheckoutRef) === null || _a === void 0 ? void 0 : _a.validate());
+        return { isValid: modularValidation };
+    }
+    updateStore() {
+        checkoutStore.checkoutId = this.checkoutId;
+        checkoutStore.authToken = this.authToken;
+        checkoutStore.disableCreditCard = this.disableCreditCard;
+        checkoutStore.disableBankAccount = this.disableBankAccount;
+        checkoutStore.disableBnpl = this.disableBnpl;
+        checkoutStore.disablePaymentMethodGroup = this.disablePaymentMethodGroup;
+    }
+    async submit(_event) {
+        var _a;
+        this.isSubmitting = true;
+        (_a = this.modularCheckoutRef) === null || _a === void 0 ? void 0 : _a.submitCheckout(checkoutStore.billingFormFields);
+    }
+    get showPaymentTypeHeader() {
+        return !this.disableCreditCard && !this.disableBankAccount;
     }
     render() {
-        return (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;
-                }
-            } }, h("div", { key: '7a4be7220e5eb199f94c5086c23e10dce68d4854', slot: "insurance" }, h("slot", { key: 'f5db23ef6dc82d0521518ea2dbfe99d8c8b6c2cc', name: "insurance" }))));
+        return (h(StyledHost, { key: '61cab7c3b5ca01ea70f35d23df100c2e7bd0c03a' }, h("justifi-modular-checkout", { key: '3e0c1729d51ca5e89108723b4a6ee14761965546', ref: (el) => {
+                this.modularCheckoutRef = el;
+            }, authToken: this.authToken, checkoutId: this.checkoutId, savePaymentMethod: checkoutStore.savePaymentMethod }, h("div", { key: '04a19f4c090bd8b70801b48ce24fd734bbce5b73', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '50e11e53ca4274441da3813504c9a2af223a0e28', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: '2de0fb5500246c8c2ea63b6beade5fea57611a6d', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '918f05a55424d4a2e46011b6c5fa0c71fc19bec3' }, h("justifi-checkout-summary", { key: 'e34604b589685ee13af794c15fd25cc19f9d2ee8' }))), h("div", { key: '7d1390340bfa79592f5643a56f15a65b6dc4faac', class: "col-12 mt-4" }, h("slot", { key: '783667c66419f8718378a705c5c313f8a763f64b', name: "insurance" })), h("div", { key: '63cc63309104557bc5dfd97f2cff3c366cbd62ae', class: "col-12 mt-4" }, h("justifi-header", { key: '8981556e7dc5f4f27a81415c222c274a6aa29173', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: '86d3b2e89c5fedaf8d9023a1597134b0a3556e22', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: 'da9b779071f32fe740f74061aa021a980db3aa34', class: "d-flex flex-column" }, h("section", { key: 'e0e953bfbd7f2ab7f558cc226878f74cde55e5dd' }, h("div", { key: 'b28c99a3298b8aa9ec65b254b43944af42c31e56' }, h("justifi-saved-payment-methods", { key: 'b22333168f775bc0ff58fd9ec502828b27ed3063' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: '9eac787dc5ce5a2c2f2d4a54ee1e2f9b2a48bbf7', name: "paymentMethodType", value: PAYMENT_METHODS.SEZZLE, checked: checkoutStore.selectedPaymentMethod.type === PaymentMethodTypes.sezzle, label: h("justifi-sezzle-payment-method", { ref: (el) => (this.sezzlePaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.sezzlePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), this.availablePaymentMethods.includes(PAYMENT_METHODS.PLAID) && (h("justifi-radio-list-item", { key: '005fb466a494525ac651893afcf38a8998511e9e', name: "paymentMethodType", value: PAYMENT_METHODS.PLAID, checked: checkoutStore.selectedPaymentMethod.type === PaymentMethodTypes.plaid, label: h("justifi-plaid-payment-method", { ref: (el) => (this.plaidPaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.plaidPaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), h("justifi-tokenize-payment-method", { key: '75eaa74fc65172ecbcde91ddaf397ca367ba84be', ref: (el) => (this.tokenizePaymentMethodRef = el), authToken: this.authToken, accountId: checkoutStore.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: true, paymentMethodGroupId: checkoutStore.paymentMethodGroupId }))))), h("div", { key: '3ae7b4ad2a464ec02eaaecbef65128ea204160c0', class: "mt-4" }, 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" } }))))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
-        "checkoutId": ["propChanged"]
+        "checkoutId": ["propChanged"],
+        "disableCreditCard": ["propChanged"],
+        "disableBankAccount": ["propChanged"],
+        "disableBnpl": ["propChanged"],
+        "disablePaymentMethodGroup": ["propChanged"]
     }; }
 };
 

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

@@ -1,18 +1,17 @@
 import { r as registerInstance, h } from './index-Bn7inNWG.js';
 import './config-state-DZeVYerv.js';
-import './utils-CKEiU2Q5.js';
-import './ComponentError-SdntD1xf.js';
-import { I as ICheckoutStatus, a as ICheckoutPaymentModeParam } from './Checkout-CIUkm9aQ.js';
+import './dinero-HXpYMWUU.js';
+import './ComponentError-Cjcsf8ku.js';
+import { I as ICheckoutStatus, a as ICheckoutPaymentModeParam } from './Refund-CVh70dXA.js';
 import './Pagination-CLHwhyvu.js';
-import './Payment-DrCqUoz-.js';
-import './Refund-Dwnnpqim.js';
 import './Business-BCoP0TAV.js';
-import './Dispute-7MWRbTXI.js';
+import './Dispute-BH0Xfn-F.js';
 import { f as filterParams, p as propsParams, c as clearParams } from './checkouts-list-params-state-D8tzsGR_.js';
-import { d as checkoutsListFilterMenu, s as statusCheckoutsListFilterParam, p as paymentModeCheckoutsListFilterParam } from './parts-CVGBVdVC.js';
+import { e as checkoutsListFilterMenu, s as statusCheckoutsListFilterParam, p as paymentModeCheckoutsListFilterParam } from './parts-RvUQ__Pq.js';
 import { S as StyledHost } from './styled-host-CTAGIN84.js';
 import './event-types-CZfYo5-1.js';
 import './index-B_KxSZIF.js';
+import './utils-BscIVFn8.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
 
@@ -52,7 +51,7 @@ const CheckoutsListFilters = class {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'da4917a79b2d4e5a00627a00036839caeeee1ce1' }, h("table-filters-menu", { key: 'ad310d55d131b4fcb64ccdcaedcfcd665843cee4', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: '9989d0a3e5b6672fb5e78d2c368380768fc34167', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'a6182923403cfa9a4d7217e436acc6ee2133e270', class: "p-2" }, h("form-control-select", { key: '4b0314046130feae009a058e180108e9ea848cdc', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status, disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: 'a9b53a160ef84ca33003c481c4ab07b173d64825', class: "p-2" }, h("form-control-select", { key: 'ad304f8d8843d386feb90cc1a82259a168445331', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode, disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam }))))));
+        return (h(StyledHost, { key: '05a4d429a1acd7bbaf202872523284e2b2cd3677' }, h("table-filters-menu", { key: 'abf61654a75212537af580f3bfd2646042eaba8a', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: 'f8e5cfe4b0a23723d0df939a1d1873adffcb1da9', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'd9e23e96a7269b3609e690a1e64e8c20bd125cb7', class: "p-2" }, h("form-control-select", { key: 'e1899dbc615be07486bc54f8baa395bee776d8ce', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status, disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: 'bedbc26d9d9f6906013ef4b80542d9031822b19c', class: "p-2" }, h("form-control-select", { key: '3bfef7fabeb85a29304e11093005bb1f58b23f41', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode, disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam }))))));
     }
 };
 

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

@@ -1,27 +1,26 @@
 import { r as registerInstance, c as createEvent, h } from './index-Bn7inNWG.js';
 import './config-state-DZeVYerv.js';
-import './utils-CKEiU2Q5.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-SdntD1xf.js';
-import { C as Checkout } from './Checkout-CIUkm9aQ.js';
+import './dinero-HXpYMWUU.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
+import { C as Checkout } from './Refund-CVh70dXA.js';
 import './Pagination-CLHwhyvu.js';
-import './Payment-DrCqUoz-.js';
-import './Refund-Dwnnpqim.js';
 import './Business-BCoP0TAV.js';
-import './Dispute-7MWRbTXI.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils-Dccsn9BY.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-8KHO3ihW.js';
-import { C as CheckoutService } from './checkout.service-l-H_OIZa.js';
-import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts-0Ri4RB5r.js';
+import './Dispute-BH0Xfn-F.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-CAnDiqiu.js';
+import { C as CheckoutService } from './checkout.service-Bbgi1I6V.js';
+import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts-9UMbyFiT.js';
 import { S as StyledHost } from './styled-host-CTAGIN84.js';
 import './event-types-CZfYo5-1.js';
-import { d as defaultColumnsKeys } from './checkouts-table-DmwocPX2.js';
+import { d as defaultColumnsKeys } from './checkouts-table-Ddf2I-Ul.js';
 import './index-B_KxSZIF.js';
+import './utils-BscIVFn8.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
-import './package-BOCuVjGs.js';
-import './Api-BJv2_XdA.js';
-import './badge-XXatxWS0.js';
-import './parts-CVGBVdVC.js';
+import './package-CnWtPu8L.js';
+import './Api-DAWuvzbl.js';
+import './badge-DSYSJcRy.js';
+import './parts-RvUQ__Pq.js';
 
 const makeGetCheckouts = ({ accountId, authToken, service }) => async ({ params, onSuccess, onError }) => {
     var _a, _b;
@@ -107,7 +106,7 @@ const CheckoutsList = class {
         }
     }
     render() {
-        return (h(StyledHost, { key: 'e448042916ca168416a16f8fb27daca1e240a58c' }, h("checkouts-list-core", { key: '7a20ec17bb485a651bb14aee980dee8a9b6bf809', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'b0c774c4f56f94cd6b4a3dc8651938f9f33ca94e' }, h("checkouts-list-core", { key: 'd524423a791f70c234044f5ba27d7bc3648fc988', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-Bn7inNWG.js';
-import { E as ErrorState } from './utils-_kzStVq_.js';
-import './parts-CVGBVdVC.js';
+import { E as ErrorState } from './utils-Dg6gMUTv.js';
+import './parts-RvUQ__Pq.js';
 
 const Details = class {
     constructor(hostRef) {

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h } from './index-Bn7inNWG.js';
 import { D as DisputeManagementClickActions } from './event-types-Bg2SZArf.js';
-import { a as Dispute, D as DisputeStatus } from './Dispute-7MWRbTXI.js';
+import { D as Dispute, a as DisputeStatus } from './Dispute-BH0Xfn-F.js';
 
 const DisputeManagementCore = class {
     constructor(hostRef) {
@@ -49,7 +49,7 @@ const DisputeManagementCore = class {
         });
     }
     render() {
-        return (h("div", { key: '055958d36a7cd65fe4eb34ae51ec399eb33d7d1b' }, this.showDisputeResponseForm ? (h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
+        return (h("div", { key: 'b5a802e8c418b3b7f3235f43260186084a6ee079' }, this.showDisputeResponseForm ? (h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
     }
     static get watchers() { return {
         "getDispute": ["updateOnPropChange"]

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

@@ -1,18 +1,17 @@
 import { r as registerInstance, c as createEvent, h } from './index-Bn7inNWG.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-SdntD1xf.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-8KHO3ihW.js';
-import { a as Dispute } from './Dispute-7MWRbTXI.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils-Dccsn9BY.js';
-import { D as DisputeService } from './dispute.service-CaEbHFjw.js';
-import './package-BOCuVjGs.js';
-import './Api-BJv2_XdA.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-CAnDiqiu.js';
+import { D as Dispute } from './Dispute-BH0Xfn-F.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
+import { D as DisputeService } from './dispute.service-CrZsNDW8.js';
+import './package-CnWtPu8L.js';
+import './Api-DAWuvzbl.js';
 import './config-state-DZeVYerv.js';
 import './index-B_KxSZIF.js';
-import './utils-CKEiU2Q5.js';
-import './Checkout-CIUkm9aQ.js';
+import './utils-BscIVFn8.js';
+import './dinero-HXpYMWUU.js';
+import './Refund-CVh70dXA.js';
 import './Pagination-CLHwhyvu.js';
-import './Payment-DrCqUoz-.js';
-import './Refund-Dwnnpqim.js';
 import './Business-BCoP0TAV.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
@@ -87,7 +86,7 @@ const DisputeManagement = class {
         }
     }
     render() {
-        return (h("justifi-dispute-management-core", { key: '0eb7f0d74fa19e79633a3ec2f7ab7945be3fe0fe', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
+        return (h("justifi-dispute-management-core", { key: '8c800827aaa9d549a734ea05698763685e160a98', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
     }
     static get watchers() { return {
         "disputeId": ["propChanged"],

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

@@ -1,27 +1,26 @@
 import { r as registerInstance, c as createEvent, h } from './index-Bn7inNWG.js';
-import { f as formatCurrency } from './utils-CKEiU2Q5.js';
-import { A as text, ak as heading4 } from './parts-CVGBVdVC.js';
-import { B as Button } from './button-C-ZZ9yD1.js';
+import { f as formatCurrency } from './utils-BscIVFn8.js';
+import { z as text, ai as heading4 } from './parts-RvUQ__Pq.js';
+import { B as Button } from './button-CpllL0At.js';
 import { S as StyledHost } from './styled-host-CTAGIN84.js';
-import { S as Skeleton } from './skeleton-DK6mW457.js';
+import { S as Skeleton } from './skeleton-qMb0_Cjy.js';
 import './event-types-CZfYo5-1.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-SdntD1xf.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils-Dccsn9BY.js';
-import { D as DisputeService } from './dispute.service-CaEbHFjw.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
+import { D as DisputeService } from './dispute.service-CrZsNDW8.js';
 import { D as DisputeManagementClickActions } from './event-types-Bg2SZArf.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-8KHO3ihW.js';
-import './Api-BJv2_XdA.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-CAnDiqiu.js';
+import './dinero-HXpYMWUU.js';
+import './Api-DAWuvzbl.js';
 import './config-state-DZeVYerv.js';
 import './index-B_KxSZIF.js';
-import './Checkout-CIUkm9aQ.js';
+import './Refund-CVh70dXA.js';
+import './Dispute-BH0Xfn-F.js';
 import './Pagination-CLHwhyvu.js';
-import './Payment-DrCqUoz-.js';
-import './Dispute-7MWRbTXI.js';
-import './Refund-Dwnnpqim.js';
 import './Business-BCoP0TAV.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
-import './package-BOCuVjGs.js';
+import './package-CnWtPu8L.js';
 
 const makeUpdateDisputeResponse = ({ authToken, disputeId, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
     var _a;
@@ -142,7 +141,7 @@ const DisputeNotification = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (h(StyledHost, { key: '1db05d5d0a2a5d6e6b78cc59993505bd4d76ebe7' }, this.isLoading && (h("div", { key: '9c89f30960ddf0be3d71c966ca57b569f3ff9d4a', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'e5a2a2bc3ac92eb5ad4195fc88033213a8ece47a', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: '0bc0a4d2fada5d327e1931c1fa0d14e96bffdb3e', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '3166b2cfc5b45d26e5df4895eacf531e9e65007e', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: 'e466615b698a19c1732cb121e62bb1e3c907dd8c', part: text }, h("h1", { key: 'e0dcf51f9f23aaa638c4262279e9e09a51ea4fd3', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: 'f6223902379663abfa854238d4da032c0c05c6db' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '2f020f828b56ffad6d304a8b1dbf456fd2bc1566', class: "h5" }, "Dispute details"), h("div", { key: 'd039822e36ebbda4e16260d475a38099bffb2987', class: "d-table gap-2" }, h("div", { key: 'f500c5dbe0db03f17eadcecd63fb391650b5dcfd', class: "d-table-row gap-2" }, h("span", { key: '663fd1b756692e84a6c1777f3283964cc28d89c2', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'b6740f9c893af1894f41854ccc3ad8f3ea4a078a', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), h("div", { key: '3ed0b2ad6671aae4ab0e8ca39cff0a5a8b9dd372', class: "d-table-row gap-2" }, h("span", { key: '92567e18ffca620b909602b4e3384a633177e804', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '96f921be894d079bfe920d58c1c1b219a8a4908b', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), h("div", { key: '0d378be43be30460b7f4a029f1b15329ec97e8e4', class: "d-table-row gap-2" }, h("span", { key: '77a49b1a543318be776fc5d21e341abf8670527a', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: '41de3a05cbaa74975c010de2fad237321a4f58c0', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.id))), h("div", { key: '3f0b6a369b04389428bad7de8b71d3f8718d538b', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '07ffa21453cf14537441283c280e3a32bc8a7391', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '977c1a385c094d0fa3dac86ecdc128c5b6a76579', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: '9c58e1b63217f79cddd6bcf2cbba875a321c6c32' }, h("h1", { key: 'c8feb6609b2da8a8a7ec340cd184cb80ffabdd1f', class: "h4" }, "This payment is disputed and under review"), h("p", { key: 'a1498ee9a3055028bb5157926ad59b12aeee2925' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (h("div", { key: '7721a8e37b1b8ad4cc535f83a16c2a5d31c7d70c' }, h("h1", { key: '0669edf9efde01f89a75751286cb4ce4601dfc8a', class: "h4" }, "This payment was disputed"), h("p", { key: '41a2645ecd146432c7b6c7db48acafa538e6c6a7' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.lost) && (h("div", { key: '53bcf1dc1ca865fd0d1aa297794759099d3e5736' }, h("h1", { key: '3c4e05422f28d10620577a3f35c3d182afca6482', class: "h4" }, "This payment was disputed"), h("p", { key: '7f82acac107d1ae357e5ced092f9f7d23ca80bd2' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
+        return (h(StyledHost, { key: '90d2506d5bde2ea478fa3575fc162bb356b67fac' }, this.isLoading && (h("div", { key: '4877ae22d3d8e312640b122c9107b6bdd8f924cb', style: { marginBottom: '8px' } }, h(Skeleton, { key: '31fa0717949bbc6aa49db1c6ae0e324099ae1de2', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: 'ac5179232cb9ee33d3f3e16d9f93536ecfbf46a5', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: 'c22a5e3b257d01f92de7f6188fa0758861abc747', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: 'be331b1a5e2fa0baf46bc593ef7ce4f5872abcff', part: text }, h("h1", { key: '8094c16d3b375f28ffe314613f21ae25b63e59ef', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: 'd89ae665e1f9bd99c9338e2132c1dc56e5386696' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '2786733eac76628019993e13473d1f43c0c395ed', class: "h5" }, "Dispute details"), h("div", { key: '663c28c46136bd56889b6ad0b9bfce9e5adbb590', class: "d-table gap-2" }, h("div", { key: 'dc688fad875d1591dcb7f31d423b61a3df2ff954', class: "d-table-row gap-2" }, h("span", { key: '442db7a6e95524ca6b092794c7a4a4d987c9866e', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: '0a31de8692c9b00f43fcf3c0508e4d00a221d096', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), h("div", { key: '9fe0c1a3d3350c36fca190ae748dafe24d41b5fc', class: "d-table-row gap-2" }, h("span", { key: '12165cb6671519130a5f2e0d8938aaa55e7e3ead', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '4a37ca8a7d64b97142997bb50ec11d737ac6a882', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), h("div", { key: '4d9cf74a8ed26dd84e4ce7325d4b8703352362a4', class: "d-table-row gap-2" }, h("span", { key: '8c0eaa24ebec7703eb18384b0b1f2eae8a684b55', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: '238813abf2ea0848e1fe817d5798b9b0d0b78ffc', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.id))), h("div", { key: 'd156a7e9bf0e7214ff2164fc09b12c0b8f1d2b36', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '7822fd12dfc39bd2aced043956d012fd34cc1b01', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '05132b3a6d1fc3d136dc227008ea1999330cdb96', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: 'b04dd0c34f608b75ea3997a9c28ce948fa9dba5c' }, h("h1", { key: 'ac2a13373315703e86247b6707097af7cf2e6757', class: "h4" }, "This payment is disputed and under review"), h("p", { key: '203aed553e01bbaebe44bb370a1d088c149cda06' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (h("div", { key: '6325264f8ad7b6678825878ed59f03f90eee421a' }, h("h1", { key: '7b647ed77373884e0751de4fc39403211c249db6', class: "h4" }, "This payment was disputed"), 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) && (h("div", { key: 'a89e7f4d7e8926ed052023c7dbbbaf076a03ed9c' }, h("h1", { key: '534b560aa35dd43ba0eba668904ef70dc1a6954f', class: "h4" }, "This payment was disputed"), h("p", { key: '2381f2f6418b47dce67c498c56d5f3789add57dc' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
     }
 };
 
@@ -198,7 +197,7 @@ const DisputeResponse = class {
         }
     }
     render() {
-        return (h(StyledHost, { key: 'ccac9f466cce91e00a39d8130ebf7ff9266ed34e' }, h("justifi-dispute-response-core", { key: '45f6c536728230fce1b7dd9b727d857b4f263df5', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
+        return (h(StyledHost, { key: 'b90f636418c3e11b046d36dee9accf345756b407' }, 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 })));
     }
     ;
     static get watchers() { return {
@@ -366,7 +365,7 @@ const DisputeResponseCore = class {
         return this.currentStep === 0;
     }
     render() {
-        return (h("div", { key: 'c01224655927f38fbe19920656dfcbdd832708cc', class: "row gy-3" }, h("div", { key: '86f297470d848fec04a8f2e28cb57e497c840ca0', class: "col-12" }, h("h1", { key: '57c00af581c27dc5b2793c3acda3985dba47879d', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '0b669232373f4f9a33ed49c5ba7235edb47765f1', class: "col-12" }, this.currentStepComponent), h("div", { key: 'f61fde58ce2876513ee8d45b58b85433337de4f9', class: "col-12" }, h("div", { key: '4c97586d7b9961a50e629425f7caba4fe96bbf27', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (h(Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (h(Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (h(Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (h(Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
+        return (h("div", { key: '09b09843d54a2dbced9788d16e244b2e59a3a78f', class: "row gy-3" }, h("div", { key: '6a3fe32d65ea1a74161d9ba9984543cf950e47ea', class: "col-12" }, h("h1", { key: 'bbb6f1334fd6b120e592117ba191d90b628e620f', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '19cbc45842294e9344dbffb725f5f053bf370af7', class: "col-12" }, this.currentStepComponent), h("div", { key: 'fa875ca152ea77fc4c8363216d8ba16c7699b597', class: "col-12" }, h("div", { key: 'fa7b62fff0cbac81c19ebad919f5dd54c3679e84', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (h(Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (h(Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (h(Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (h(Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
     }
 };
 

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

@@ -1,22 +1,21 @@
 import { r as registerInstance, c as createEvent, h } from './index-Bn7inNWG.js';
-import { A as Api } from './Api-BJv2_XdA.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-SdntD1xf.js';
-import './Checkout-CIUkm9aQ.js';
+import { A as Api } from './Api-DAWuvzbl.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
+import './Refund-CVh70dXA.js';
 import './Pagination-CLHwhyvu.js';
-import './Payment-DrCqUoz-.js';
-import './Refund-Dwnnpqim.js';
 import './Business-BCoP0TAV.js';
-import './Dispute-7MWRbTXI.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils-Dccsn9BY.js';
-import { E as ErrorState } from './utils-_kzStVq_.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-8KHO3ihW.js';
+import './Dispute-BH0Xfn-F.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
+import { E as ErrorState } from './utils-Dg6gMUTv.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-CAnDiqiu.js';
 import './config-state-DZeVYerv.js';
 import './index-B_KxSZIF.js';
-import './utils-CKEiU2Q5.js';
+import './utils-BscIVFn8.js';
+import './dinero-HXpYMWUU.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
-import './parts-CVGBVdVC.js';
-import './package-BOCuVjGs.js';
+import './parts-RvUQ__Pq.js';
+import './package-CnWtPu8L.js';
 
 const api = Api();
 class ReportsService {

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

@@ -1,24 +1,23 @@
 import { h, r as registerInstance, c as createEvent } from './index-Bn7inNWG.js';
-import { an as heading5, ak as heading4, ad as buttonPrimary, A as text } from './parts-CVGBVdVC.js';
+import { al as heading5, ai as heading4, ae as buttonPrimary, z as text } from './parts-RvUQ__Pq.js';
 import { S as StyledHost } from './styled-host-CTAGIN84.js';
 import './event-types-CZfYo5-1.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-8KHO3ihW.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-SdntD1xf.js';
-import { B as BusinessService } from './business.service-Di9jP2_p.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-CAnDiqiu.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
+import { B as BusinessService } from './business.service-cQrH5BqF.js';
 import { B as Business } from './Business-BCoP0TAV.js';
-import { m as makeGetBusiness } from './get-business-GEPTefIj.js';
-import { S as Skeleton } from './skeleton-DK6mW457.js';
+import { m as makeGetBusiness } from './get-business-Crb6P-iI.js';
+import { S as Skeleton } from './skeleton-qMb0_Cjy.js';
 import './config-state-DZeVYerv.js';
-import { j as formatPhoneNumber } from './utils-CKEiU2Q5.js';
-import './Checkout-CIUkm9aQ.js';
+import './dinero-HXpYMWUU.js';
+import { j as TerminalModel, i as TerminalOrder, c as TerminalOrderType } from './Refund-CVh70dXA.js';
 import './Pagination-CLHwhyvu.js';
-import './Payment-DrCqUoz-.js';
-import { f as TerminalModel, e as TerminalOrder, a as TerminalOrderType } from './Refund-Dwnnpqim.js';
-import './Dispute-7MWRbTXI.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils-Dccsn9BY.js';
-import { T as TerminalService } from './terminal.service-Vhk3qPk2.js';
-import './package-BOCuVjGs.js';
-import './Api-BJv2_XdA.js';
+import './Dispute-BH0Xfn-F.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
+import { T as TerminalService } from './terminal.service-E6dZlM43.js';
+import { k as formatPhoneNumber } from './utils-BscIVFn8.js';
+import './package-CnWtPu8L.js';
+import './Api-DAWuvzbl.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
 import './index-B_KxSZIF.js';
@@ -232,7 +231,7 @@ const OrderTerminals = class {
         return (h("div", { class: "mt-3" }, h("div", { class: "text-end" }, "Order limit: ", this.orderLimit), h("div", { class: "d-flex justify-content-end mt-3" }, h("button", { class: "btn btn-primary submit-btn", onClick: this.submitOrder.bind(this), disabled: this.order.totalQuantity === 0 || this.submitting, part: buttonPrimary }, this.submitting ? 'Submitting...' : this.submitButtonText))));
     }
     render() {
-        return (h(StyledHost, { key: '80b0b2a922c06952333adf7c8190b0c2b59f6fd4' }, h("div", { key: '43b5b4d155e53e55b71483d31203dc6dacec1ae4', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: '5171ddb7b807bf4084f0f831002803a4ece698f3' }, h("div", { key: '529adf4549be8b2723fca357be3f541403dfc8a3', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
 };