@justifi/webcomponents 5.7.6 → 6.0.0-rc.2

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

@@ -1,136 +1,128 @@
 'use strict';
 
 var index = require('./index-dm_GlYlb.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-var utils = require('./utils-l0veqT9y.js');
-var checkout_service = require('./checkout.service-GgFXq7Ux.js');
-var checkPkgVersion = require('./check-pkg-version-Co_IKlwj.js');
-require('./Api-p2pK86Zd.js');
+var checkPkgVersion = require('./check-pkg-version-BfmeLSXP.js');
+var ComponentError = require('./ComponentError-D4OLnOkg.js');
+var checkout_store = require('./checkout.store-Cn3Jj5gi.js');
+var parts = require('./parts-9jMf1erK.js');
+var styledHost = require('./styled-host-CqQYxX-w.js');
+require('./event-types-YOY5TKUN.js');
+require('./package-CuNDvHTB.js');
+require('./Api-CPuq_15r.js');
 require('./config-state-5xZf-jax.js');
 require('./index-Yd9aLenr.js');
-require('./utils-Dka3MplB.js');
-require('./Checkout-nsVtlYWD.js');
-require('./Pagination-Dediz133.js');
-require('./Payment-2Zmn-l6G.js');
+require('./utils-BaGF9XIe.js');
+require('./dinero-BwNN_k7x.js');
+require('./Refund-CqWNG8sx.js');
 require('./Dispute-CruQTF6_.js');
-require('./Refund-h6MCxFEE.js');
+require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
-require('./package-B7_ed3oS.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.loadedEvent = index.createEvent(this, "loaded");
+        this.submitEvent = index.createEvent(this, "submit-event");
         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.checkPkgVersion();
         this.analytics = new checkPkgVersion.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 checkout_service.CheckoutService()
-            });
-            this.complete = makeCheckoutComplete({
-                authToken: this.authToken,
-                checkoutId: this.checkoutId,
-                service: new checkout_service.CheckoutService()
-            });
-        }
-        else {
+    checkoutComplete(_event) {
+        this.isSubmitting = false;
+    }
+    checkoutError(event) {
+        this.isSubmitting = false;
+        console.error('checkout error', event.detail);
+    }
+    async handleTokenizeSubmit(event) {
+        this.tokenizedPaymentMethod = event.detail.response;
+        if (event.detail.response.error) {
+            this.isSubmitting = false;
             this.errorEvent.emit({
-                message: 'auth-token and checkout-id are required',
-                errorCode: ComponentError.ComponentErrorCodes.MISSING_PROPS,
-                severity: ComponentError.ComponentErrorSeverity.ERROR,
+                errorCode: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
+                message: event.detail.response.error.message,
+                severity: ComponentError.ComponentErrorSeverity.ERROR
             });
+            return;
         }
-    }
-    propChanged() {
-        this.initializeGetCheckout();
+        // Now submit the checkout with the tokenized payment method
+        await this.submitCheckoutWithToken();
     }
     async fillBillingForm(fields) {
-        this.checkoutCoreRef.fillBillingForm(fields);
+        var _a;
+        checkout_store.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, _b, _c;
+        const tokenizeValidation = await ((_a = this.tokenizePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.validate());
+        const modularValidation = await ((_b = this.modularCheckoutRef) === null || _b === void 0 ? void 0 : _b.validate());
+        return {
+            isValid: ((_c = tokenizeValidation === null || tokenizeValidation === void 0 ? void 0 : tokenizeValidation.isValid) !== null && _c !== void 0 ? _c : true) && (modularValidation !== null && modularValidation !== void 0 ? modularValidation : true)
+        };
+    }
+    updateStore() {
+        checkout_store.checkoutStore.checkoutId = this.checkoutId;
+        checkout_store.checkoutStore.authToken = this.authToken;
+        checkout_store.checkoutStore.disableCreditCard = this.disableCreditCard;
+        checkout_store.checkoutStore.disableBankAccount = this.disableBankAccount;
+        checkout_store.checkoutStore.disableBnpl = this.disableBnpl;
+        checkout_store.checkoutStore.disablePaymentMethodGroup = this.disablePaymentMethodGroup;
+    }
+    async submit(_event) {
+        var _a;
+        this.isSubmitting = true;
+        // Trigger the tokenize payment method submission
+        (_a = this.tokenizePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.tokenizePaymentMethod();
+    }
+    async submitCheckoutWithToken() {
+        if (!this.tokenizedPaymentMethod || this.tokenizedPaymentMethod.error) {
+            this.isSubmitting = false;
+            return;
+        }
+        // Set the payment token in the store for the modular checkout to use
+        checkout_store.checkoutStore.paymentToken = this.tokenizedPaymentMethod.token;
+        // Submit the checkout
+        this.modularCheckoutRef.submitCheckout(checkout_store.checkoutStore.billingFormFields);
+    }
+    get showPaymentTypeHeader() {
+        return !this.disableCreditCard && !this.disableBankAccount;
     }
     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: '516d33e24d351df623d07b8c27113568b2868aa0' }, index.h("justifi-modular-checkout", { key: 'd75f9484d6b77cf6ddb11f56beaa47ade1dead3f', ref: (el) => (this.modularCheckoutRef = el), authToken: this.authToken, checkoutId: this.checkoutId, savePaymentMethod: checkout_store.checkoutStore.savePaymentMethod }, index.h("div", { key: '05984eb0fb57e63d2f89d3eb8d37bcaa3e212547', class: "row gy-3 jfi-checkout-core" }, index.h("div", { key: '4bf6c78f9052118d24c8258c1926ebeccea304ef', class: "col-12", part: parts.checkoutSummary }, index.h("justifi-header", { key: '772ce7a33a42025e37891dc72bc89ee164dfafa7', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), index.h("section", { key: 'abaee0bf9c978fcaff1941cfa61fa08f64312d60' }, index.h("justifi-checkout-summary", { key: '8833e3a419f769b6df1f73aaf58fa0f3d761e726' }))), index.h("div", { key: 'a1f4ed10a8c0e87ab229a4d28893e623c6db6162', class: "col-12 mt-4" }, index.h("slot", { key: 'c80d7f40db60e1b8cf4f408d44f9c0bbe17bcd24', name: "insurance" })), index.h("div", { key: '1c75a9d0d5cc74cc5a804218960f5be9e3532bbe', class: "col-12 mt-4" }, index.h("justifi-header", { key: '8800e249bc4d92cf38611eaefc8230ad5f35c447', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (index.h("justifi-header", { key: 'bff61808c64fa281230642d385c6081a51276e9d', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), index.h("div", { key: '1bfbac09bc3e91d07e2eb003c38cbf2bc3bea1cd', class: "d-flex flex-column" }, index.h("section", { key: 'd383841d037516896511f72e40d3eb3fd6f9c272' }, index.h("div", { key: '5440f8343465f39697ca87f3bcdfe3f5fa511685' }, index.h("justifi-saved-payment-methods", { key: '23ee2270b2ffecd43cc8d608482a4f77d7ce0ee3' }), index.h("justifi-sezzle-payment-method", { key: '0a5577cb1070563ba5fb7dd8c3b05977ee340bd6' }), index.h("justifi-tokenize-payment-method", { key: 'd03e8a971e532781c7d9087345fe1b4a8741f492', 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: '9e488234ee43bed70992e190a23b1faf5fe61308', class: "mt-4" }, index.h("justifi-button", { key: '31571a8fda37762731679d69b9017e1b553bef8a', 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/cjs/justifi-checkouts-list-filters.cjs.entry.js

@@ -2,12 +2,10 @@
 
 var index = require('./index-dm_GlYlb.js');
 require('./config-state-5xZf-jax.js');
-require('./utils-Dka3MplB.js');
-require('./ComponentError-C4MdBBMe.js');
-var Checkout = require('./Checkout-nsVtlYWD.js');
+require('./dinero-BwNN_k7x.js');
+require('./ComponentError-D4OLnOkg.js');
+var Refund = require('./Refund-CqWNG8sx.js');
 require('./Pagination-Dediz133.js');
-require('./Payment-2Zmn-l6G.js');
-require('./Refund-h6MCxFEE.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 var checkoutsListParamsState = require('./checkouts-list-params-state-BNbT1fuJ.js');
@@ -15,6 +13,7 @@ var parts = require('./parts-9jMf1erK.js');
 var styledHost = require('./styled-host-CqQYxX-w.js');
 require('./event-types-YOY5TKUN.js');
 require('./index-Yd9aLenr.js');
+require('./utils-BaGF9XIe.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 
@@ -39,22 +38,22 @@ const CheckoutsListFilters = class {
     get checkoutStatusOptions() {
         return [
             { label: 'All', value: '' },
-            { label: 'Created', value: Checkout.ICheckoutStatus.created },
-            { label: 'Completed', value: Checkout.ICheckoutStatus.completed },
-            { label: 'Attempted', value: Checkout.ICheckoutStatus.attempted },
-            { label: 'Expired', value: Checkout.ICheckoutStatus.expired },
+            { label: 'Created', value: Refund.ICheckoutStatus.created },
+            { label: 'Completed', value: Refund.ICheckoutStatus.completed },
+            { label: 'Attempted', value: Refund.ICheckoutStatus.attempted },
+            { label: 'Expired', value: Refund.ICheckoutStatus.expired },
         ];
     }
     get checkoutPaymentModeOptions() {
         return [
             { label: 'All', value: '' },
-            { label: 'E-commerce', value: Checkout.ICheckoutPaymentModeParam.ecom },
-            { label: 'BNPL', value: Checkout.ICheckoutPaymentModeParam.bnpl },
+            { label: 'E-commerce', value: Refund.ICheckoutPaymentModeParam.ecom },
+            { label: 'BNPL', value: Refund.ICheckoutPaymentModeParam.bnpl },
         ];
     }
     render() {
         const filterMenuParams = Object.assign({}, checkoutsListParamsState.filterParams);
-        return (index.h(styledHost.StyledHost, { key: 'da4917a79b2d4e5a00627a00036839caeeee1ce1' }, index.h("table-filters-menu", { key: 'ad310d55d131b4fcb64ccdcaedcfcd665843cee4', params: filterMenuParams, clearParams: checkoutsListParamsState.clearParams, part: parts.checkoutsListFilterMenu }, index.h("div", { key: '9989d0a3e5b6672fb5e78d2c368380768fc34167', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: 'a6182923403cfa9a4d7217e436acc6ee2133e270', class: "p-2" }, index.h("form-control-select", { key: '4b0314046130feae009a058e180108e9ea848cdc', 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: 'a9b53a160ef84ca33003c481c4ab07b173d64825', class: "p-2" }, index.h("form-control-select", { key: 'ad304f8d8843d386feb90cc1a82259a168445331', 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

@@ -2,26 +2,25 @@
 
 var index = require('./index-dm_GlYlb.js');
 require('./config-state-5xZf-jax.js');
-require('./utils-Dka3MplB.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-var Checkout = require('./Checkout-nsVtlYWD.js');
+require('./dinero-BwNN_k7x.js');
+var ComponentError = require('./ComponentError-D4OLnOkg.js');
+var Refund = require('./Refund-CqWNG8sx.js');
 require('./Pagination-Dediz133.js');
-require('./Payment-2Zmn-l6G.js');
-require('./Refund-h6MCxFEE.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var utils = require('./utils-l0veqT9y.js');
-var checkPkgVersion = require('./check-pkg-version-Co_IKlwj.js');
-var checkout_service = require('./checkout.service-GgFXq7Ux.js');
-var getSubaccounts = require('./get-subaccounts-C4HDfc3o.js');
+var utils = require('./utils-DvUQQLmR.js');
+var checkPkgVersion = require('./check-pkg-version-BfmeLSXP.js');
+var checkout_service = require('./checkout.service-B0ZmvWwI.js');
+var getSubaccounts = require('./get-subaccounts-CwCH5rC8.js');
 var styledHost = require('./styled-host-CqQYxX-w.js');
 require('./event-types-YOY5TKUN.js');
-var checkoutsTable = require('./checkouts-table-DJoMGwVG.js');
+var checkoutsTable = require('./checkouts-table-UN5gPpQ_.js');
 require('./index-Yd9aLenr.js');
+require('./utils-BaGF9XIe.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
-require('./package-B7_ed3oS.js');
-require('./Api-p2pK86Zd.js');
+require('./package-CuNDvHTB.js');
+require('./Api-CPuq_15r.js');
 require('./badge-CMmPvqtE.js');
 require('./parts-9jMf1erK.js');
 
@@ -31,7 +30,7 @@ const makeGetCheckouts = ({ accountId, authToken, service }) => async ({ params,
         const response = await service.fetchCheckouts(accountId, authToken, params);
         if (!response.error) {
             const pagingInfo = Object.assign({}, response.page_info);
-            const checkouts = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.map((dataItem) => new Checkout.Checkout(dataItem))) || [];
+            const checkouts = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.map((dataItem) => new Refund.Checkout(dataItem))) || [];
             onSuccess({ checkouts, pagingInfo });
         }
         else {
@@ -109,7 +108,7 @@ const CheckoutsList = class {
         }
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'e448042916ca168416a16f8fb27daca1e240a58c' }, index.h("checkouts-list-core", { key: '7a20ec17bb485a651bb14aee980dee8a9b6bf809', 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-dispute-management-core.cjs.entry.js

@@ -51,7 +51,7 @@ const DisputeManagementCore = class {
         });
     }
     render() {
-        return (index.h("div", { key: '055958d36a7cd65fe4eb34ae51ec399eb33d7d1b' }, 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,20 +1,19 @@
 'use strict';
 
 var index = require('./index-dm_GlYlb.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-var checkPkgVersion = require('./check-pkg-version-Co_IKlwj.js');
+var ComponentError = require('./ComponentError-D4OLnOkg.js');
+var checkPkgVersion = require('./check-pkg-version-BfmeLSXP.js');
 var Dispute = require('./Dispute-CruQTF6_.js');
-var utils = require('./utils-l0veqT9y.js');
-var dispute_service = require('./dispute.service-XdB1KbMS.js');
-require('./package-B7_ed3oS.js');
-require('./Api-p2pK86Zd.js');
+var utils = require('./utils-DvUQQLmR.js');
+var dispute_service = require('./dispute.service-DsPEAcDn.js');
+require('./package-CuNDvHTB.js');
+require('./Api-CPuq_15r.js');
 require('./config-state-5xZf-jax.js');
 require('./index-Yd9aLenr.js');
-require('./utils-Dka3MplB.js');
-require('./Checkout-nsVtlYWD.js');
+require('./utils-BaGF9XIe.js');
+require('./dinero-BwNN_k7x.js');
+require('./Refund-CqWNG8sx.js');
 require('./Pagination-Dediz133.js');
-require('./Payment-2Zmn-l6G.js');
-require('./Refund-h6MCxFEE.js');
 require('./Business-DCRzZf0w.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
@@ -89,7 +88,7 @@ const DisputeManagement = class {
         }
     }
     render() {
-        return (index.h("justifi-dispute-management-core", { key: '0eb7f0d74fa19e79633a3ec2f7ab7945be3fe0fe', 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"],

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

@@ -1,29 +1,28 @@
 'use strict';
 
 var index = require('./index-dm_GlYlb.js');
-var utils$1 = require('./utils-Dka3MplB.js');
+var utils$1 = require('./utils-BaGF9XIe.js');
 var parts = require('./parts-9jMf1erK.js');
 var button = require('./button-CfVQSysQ.js');
 var styledHost = require('./styled-host-CqQYxX-w.js');
 var skeleton = require('./skeleton-x-GSs3xk.js');
 require('./event-types-YOY5TKUN.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-var utils = require('./utils-l0veqT9y.js');
-var dispute_service = require('./dispute.service-XdB1KbMS.js');
+var ComponentError = require('./ComponentError-D4OLnOkg.js');
+var utils = require('./utils-DvUQQLmR.js');
+var dispute_service = require('./dispute.service-DsPEAcDn.js');
 var eventTypes = require('./event-types-BWQT2lwu.js');
-var checkPkgVersion = require('./check-pkg-version-Co_IKlwj.js');
-require('./Api-p2pK86Zd.js');
+var checkPkgVersion = require('./check-pkg-version-BfmeLSXP.js');
+require('./dinero-BwNN_k7x.js');
+require('./Api-CPuq_15r.js');
 require('./config-state-5xZf-jax.js');
 require('./index-Yd9aLenr.js');
-require('./Checkout-nsVtlYWD.js');
-require('./Pagination-Dediz133.js');
-require('./Payment-2Zmn-l6G.js');
+require('./Refund-CqWNG8sx.js');
 require('./Dispute-CruQTF6_.js');
-require('./Refund-h6MCxFEE.js');
+require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
-require('./package-B7_ed3oS.js');
+require('./package-CuNDvHTB.js');
 
 const makeUpdateDisputeResponse = ({ authToken, disputeId, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
     var _a;
@@ -144,7 +143,7 @@ const DisputeNotification = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (index.h(styledHost.StyledHost, { key: '1db05d5d0a2a5d6e6b78cc59993505bd4d76ebe7' }, this.isLoading && (index.h("div", { key: '9c89f30960ddf0be3d71c966ca57b569f3ff9d4a', style: { marginBottom: '8px' } }, index.h(skeleton.Skeleton, { key: 'e5a2a2bc3ac92eb5ad4195fc88033213a8ece47a', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), index.h(skeleton.Skeleton, { key: '0bc0a4d2fada5d327e1931c1fa0d14e96bffdb3e', height: '18px', styles: { marginBottom: '8px' } }), index.h(skeleton.Skeleton, { key: '3166b2cfc5b45d26e5df4895eacf531e9e65007e', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (index.h("div", { key: 'e466615b698a19c1732cb121e62bb1e3c907dd8c', part: parts.text }, index.h("h1", { key: 'e0dcf51f9f23aaa638c4262279e9e09a51ea4fd3', class: "h4", part: parts.heading4 }, "This payment is disputed"), index.h("p", { key: 'f6223902379663abfa854238d4da032c0c05c6db' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), index.h("h2", { key: '2f020f828b56ffad6d304a8b1dbf456fd2bc1566', class: "h5" }, "Dispute details"), index.h("div", { key: 'd039822e36ebbda4e16260d475a38099bffb2987', class: "d-table gap-2" }, index.h("div", { key: 'f500c5dbe0db03f17eadcecd63fb391650b5dcfd', class: "d-table-row gap-2" }, index.h("span", { key: '663fd1b756692e84a6c1777f3283964cc28d89c2', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), index.h("span", { key: 'b6740f9c893af1894f41854ccc3ad8f3ea4a078a', 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: '3ed0b2ad6671aae4ab0e8ca39cff0a5a8b9dd372', class: "d-table-row gap-2" }, index.h("span", { key: '92567e18ffca620b909602b4e3384a633177e804', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), index.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)), index.h("div", { key: '0d378be43be30460b7f4a029f1b15329ec97e8e4', class: "d-table-row gap-2" }, index.h("span", { key: '77a49b1a543318be776fc5d21e341abf8670527a', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), index.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))), index.h("div", { key: '3f0b6a369b04389428bad7de8b71d3f8718d538b', class: "d-flex gap-2 mt-4 justify-content-end" }, index.h(button.Button, { key: '07ffa21453cf14537441283c280e3a32bc8a7391', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), index.h(button.Button, { key: '977c1a385c094d0fa3dac86ecdc128c5b6a76579', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (index.h("div", { key: '9c58e1b63217f79cddd6bcf2cbba875a321c6c32' }, index.h("h1", { key: 'c8feb6609b2da8a8a7ec340cd184cb80ffabdd1f', class: "h4" }, "This payment is disputed and under review"), index.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) && (index.h("div", { key: '7721a8e37b1b8ad4cc535f83a16c2a5d31c7d70c' }, index.h("h1", { key: '0669edf9efde01f89a75751286cb4ce4601dfc8a', class: "h4" }, "This payment was disputed"), index.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) && (index.h("div", { key: '53bcf1dc1ca865fd0d1aa297794759099d3e5736' }, index.h("h1", { key: '3c4e05422f28d10620577a3f35c3d182afca6482', class: "h4" }, "This payment was disputed"), index.h("p", { key: '7f82acac107d1ae357e5ced092f9f7d23ca80bd2' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
+        return (index.h(styledHost.StyledHost, { key: 'ec6f99be66b3b164c367b96d8274824d2e709dd5' }, this.isLoading && (index.h("div", { key: '26587e055eb4756785ae5935fd803746ddab355d', style: { marginBottom: '8px' } }, index.h(skeleton.Skeleton, { key: '159c5d9b0fb16af4aac0125ea5e69bd9f7b4210e', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), index.h(skeleton.Skeleton, { key: '5c89a8dd2244ddaed8c26b743cb22f20fa2e2742', height: '18px', styles: { marginBottom: '8px' } }), index.h(skeleton.Skeleton, { key: '6f0a6ebf743bdbea125c6630cb98c5bda5bd9919', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (index.h("div", { key: 'f44a0c9494731be14b75e3b25adc2b09c61c84a5', part: parts.text }, index.h("h1", { key: 'd8820437a86bebcc0782607796b4f2c5429d40e7', class: "h4", part: parts.heading4 }, "This payment is disputed"), index.h("p", { key: '8cf4a2b3194d781d5f17ae3067d9931be54159e2' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), index.h("h2", { key: 'd79312da2cc6715016be0b57d1b70e0ddbc2b8c5', class: "h5" }, "Dispute details"), index.h("div", { key: '958af1e87a119c4af76729b54bf322c16b966c54', class: "d-table gap-2" }, index.h("div", { key: 'e10802db747c99408371863c94c2f47737a03626', class: "d-table-row gap-2" }, index.h("span", { key: '84b151c7c9846fd395517ab14339504e56e5298d', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), index.h("span", { key: '197dffa3676aa9ff7425cea00eca69bb84bef427', 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: '4754429fa095be98083e34b32485cc45f379151b', class: "d-table-row gap-2" }, index.h("span", { key: 'c3e168a4d7dd902b9c4bc67531b7489dea32bda2', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), index.h("span", { key: 'f08c9ce67f2b7b673de82963bacaf6ea8af87353', 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: '0de1ab69dbc18cb00b31df8c2c4ab421a5982b4b', class: "d-table-row gap-2" }, index.h("span", { key: '8217191859fed71cbeac5173b0a43ff4a98c397d', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), index.h("span", { key: 'e63c3d2a1f0dbd98aae53a402be9fa96344e4f0b', 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: '5767bc945b2fd3c7390011771b5c7a53c27c4447', class: "d-flex gap-2 mt-4 justify-content-end" }, index.h(button.Button, { key: 'dd6676ca0348579051cf13ce32bf6d9b1a2a3d21', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), index.h(button.Button, { key: '27655bc90dd44e05180739e9c2a0f695ad294266', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (index.h("div", { key: '2b25123f6bf95ad7e847b4365f96eab71f1933f8' }, index.h("h1", { key: 'ab4b47f721ded5deb8b04a9b55b6c2978616f23b', class: "h4" }, "This payment is disputed and under review"), index.h("p", { key: 'bf4ee462258e4742ddf5722f470b597134489ee1' }, "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: 'ba1257cb1448cb8b4cd1aba4340f2ac65208e264' }, index.h("h1", { key: '203b5926fa96278cfd3a7b0a4d5398226b2361b6', class: "h4" }, "This payment was disputed"), index.h("p", { key: '8f05fc9fb0d7f5151519bbf82ed6abeca676e4b5' }, "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: '1f6d1d4048cc011d61292934dd225ef07dcf260d' }, index.h("h1", { key: '3df3c3a6bf4c86e8eb0361b039d88f55b502177c', class: "h4" }, "This payment was disputed"), index.h("p", { key: '03f2dce54b06ad242f8e8d1d4c8194219013af1c' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
     }
 };
 
@@ -200,7 +199,7 @@ const DisputeResponse = class {
         }
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'ccac9f466cce91e00a39d8130ebf7ff9266ed34e' }, index.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 (index.h(styledHost.StyledHost, { key: '29abcdaed7ccbfee203794068c72354a5e1e0bab' }, index.h("justifi-dispute-response-core", { key: 'e0697cb6261d0b50d6adb6d33caa955d08e4e158', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
     }
     ;
     static get watchers() { return {
@@ -368,7 +367,7 @@ const DisputeResponseCore = class {
         return this.currentStep === 0;
     }
     render() {
-        return (index.h("div", { key: 'c01224655927f38fbe19920656dfcbdd832708cc', class: "row gy-3" }, index.h("div", { key: '86f297470d848fec04a8f2e28cb57e497c840ca0', class: "col-12" }, index.h("h1", { key: '57c00af581c27dc5b2793c3acda3985dba47879d', class: "h4", part: parts.heading4 }, "Counter dispute")), index.h("div", { key: '0b669232373f4f9a33ed49c5ba7235edb47765f1', class: "col-12" }, this.currentStepComponent), index.h("div", { key: 'f61fde58ce2876513ee8d45b58b85433337de4f9', class: "col-12" }, index.h("div", { key: '4c97586d7b9961a50e629425f7caba4fe96bbf27', 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: '41406d4115c2a084c84ca59895c0107af2a30e4d', class: "row gy-3" }, index.h("div", { key: '54f86cc1ffdb90a4ec738ca6cdac8165025ede65', class: "col-12" }, index.h("h1", { key: '28a0289b5926d7f4d04a658f13782d80aa96584a', class: "h4", part: parts.heading4 }, "Counter dispute")), index.h("div", { key: 'abfcc8a09326b8d780647a644dd0b6e1deada071', class: "col-12" }, this.currentStepComponent), index.h("div", { key: 'e1bfbd12d9c6c86521d1d47cd4afb007960cdf9b', class: "col-12" }, index.h("div", { key: '3149002728d1953c116758ab48eb0a2481a68398', 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

@@ -1,24 +1,23 @@
 'use strict';
 
 var index = require('./index-dm_GlYlb.js');
-var Api = require('./Api-p2pK86Zd.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-nsVtlYWD.js');
+var Api = require('./Api-CPuq_15r.js');
+var ComponentError = require('./ComponentError-D4OLnOkg.js');
+require('./Refund-CqWNG8sx.js');
 require('./Pagination-Dediz133.js');
-require('./Payment-2Zmn-l6G.js');
-require('./Refund-h6MCxFEE.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var utils = require('./utils-l0veqT9y.js');
+var utils = require('./utils-DvUQQLmR.js');
 var utils$1 = require('./utils-Df-pajL7.js');
-var checkPkgVersion = require('./check-pkg-version-Co_IKlwj.js');
+var checkPkgVersion = require('./check-pkg-version-BfmeLSXP.js');
 require('./config-state-5xZf-jax.js');
 require('./index-Yd9aLenr.js');
-require('./utils-Dka3MplB.js');
+require('./utils-BaGF9XIe.js');
+require('./dinero-BwNN_k7x.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 require('./parts-9jMf1erK.js');
-require('./package-B7_ed3oS.js');
+require('./package-CuNDvHTB.js');
 
 const api = Api.Api();
 class ReportsService {

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

@@ -4,23 +4,22 @@ var index = require('./index-dm_GlYlb.js');
 var parts = require('./parts-9jMf1erK.js');
 var styledHost = require('./styled-host-CqQYxX-w.js');
 require('./event-types-YOY5TKUN.js');
-var checkPkgVersion = require('./check-pkg-version-Co_IKlwj.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-var business_service = require('./business.service-OxMVnZMF.js');
+var checkPkgVersion = require('./check-pkg-version-BfmeLSXP.js');
+var ComponentError = require('./ComponentError-D4OLnOkg.js');
+var business_service = require('./business.service-C3BdUPlm.js');
 var Business = require('./Business-DCRzZf0w.js');
-var getBusiness = require('./get-business-BJrtsomz.js');
+var getBusiness = require('./get-business-o5jPq_ME.js');
 var skeleton = require('./skeleton-x-GSs3xk.js');
 require('./config-state-5xZf-jax.js');
-var utils$1 = require('./utils-Dka3MplB.js');
-require('./Checkout-nsVtlYWD.js');
+require('./dinero-BwNN_k7x.js');
+var Refund = require('./Refund-CqWNG8sx.js');
 require('./Pagination-Dediz133.js');
-require('./Payment-2Zmn-l6G.js');
-var Refund = require('./Refund-h6MCxFEE.js');
 require('./Dispute-CruQTF6_.js');
-var utils = require('./utils-l0veqT9y.js');
-var terminal_service = require('./terminal.service-De-0eGdM.js');
-require('./package-B7_ed3oS.js');
-require('./Api-p2pK86Zd.js');
+var utils = require('./utils-DvUQQLmR.js');
+var terminal_service = require('./terminal.service-DUlyMTrX.js');
+var utils$1 = require('./utils-BaGF9XIe.js');
+require('./package-CuNDvHTB.js');
+require('./Api-CPuq_15r.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 require('./index-Yd9aLenr.js');
@@ -234,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: '80b0b2a922c06952333adf7c8190b0c2b59f6fd4' }, index.h("div", { key: '43b5b4d155e53e55b71483d31203dc6dacec1ae4', part: parts.text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (index.h(styledHost.StyledHost, { key: 'bd9a460778680855f021376a57d6cecd71f9e560' }, index.h("div", { key: '7ac80b5f2499bdecb6f2c0e001f6c6631040c71e', part: parts.text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
 };