@justifi/webcomponents 5.7.6-rc-21 → 5.7.7

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

@@ -1,128 +1,136 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
-var checkPkgVersion = require('./check-pkg-version-BzCIWkkG.js');
-var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var checkout_store = require('./checkout.store-CV_fuGQw.js');
-var parts = require('./parts-9jMf1erK.js');
-var styledHost = require('./styled-host-CqQYxX-w.js');
-require('./event-types-YOY5TKUN.js');
-require('./package-B9ks67gS.js');
-require('./Api-CPuq_15r.js');
-require('./config-state-5xZf-jax.js');
-require('./index-Yd9aLenr.js');
-require('./utils-BaGF9XIe.js');
-require('./dinero-BwNN_k7x.js');
-require('./Refund-CqWNG8sx.js');
-require('./Dispute-CruQTF6_.js');
+var index = require('./index-C9hBD-32.js');
+var ComponentError = require('./ComponentError-C4MdBBMe.js');
+var utils = require('./utils-l0veqT9y.js');
+var checkout_service = require('./checkout.service-DgD37tJv.js');
+var checkPkgVersion = require('./check-pkg-version-D6Kztnv7.js');
+require('./Api-DLhABIj9.js');
+require('./config-state-BBOZIS8x.js');
+require('./index-B32W0A3m.js');
+require('./utils-Dewr6SlQ.js');
+require('./Checkout-BbhldGDh.js');
 require('./Pagination-Dediz133.js');
+require('./Payment-D6XuQ4Ve.js');
+require('./Dispute-CruQTF6_.js');
+require('./Refund-1bG6RRPO.js');
 require('./Business-DCRzZf0w.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
+require('./package-C0-LCfay.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();
     }
-    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;
+    ;
+    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({
-                errorCode: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
-                message: event.detail.response.error.message,
-                severity: ComponentError.ComponentErrorSeverity.ERROR
+                message: 'auth-token and checkout-id are required',
+                errorCode: ComponentError.ComponentErrorCodes.MISSING_PROPS,
+                severity: ComponentError.ComponentErrorSeverity.ERROR,
             });
-            return;
         }
-        // Now submit the checkout with the tokenized payment method
-        await this.submitCheckoutWithToken();
+    }
+    propChanged() {
+        this.initializeGetCheckout();
     }
     async fillBillingForm(fields) {
-        var _a;
-        checkout_store.checkoutStore.billingFormFields = fields;
-        (_a = this.tokenizePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.fillBillingForm(fields);
+        this.checkoutCoreRef.fillBillingForm(fields);
     }
     async validate() {
-        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;
+        const { isValid } = await this.checkoutCoreRef.validate();
+        return { isValid };
     }
     render() {
-        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" } }))))));
+        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" }))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
-        "checkoutId": ["propChanged"],
-        "disableCreditCard": ["propChanged"],
-        "disableBankAccount": ["propChanged"],
-        "disableBnpl": ["propChanged"],
-        "disablePaymentMethodGroup": ["propChanged"]
+        "checkoutId": ["propChanged"]
     }; }
 };
 

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

@@ -1,19 +1,20 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
-require('./config-state-5xZf-jax.js');
-require('./dinero-BwNN_k7x.js');
-require('./ComponentError-D4OLnOkg.js');
-var Refund = require('./Refund-CqWNG8sx.js');
+var index = require('./index-C9hBD-32.js');
+require('./config-state-BBOZIS8x.js');
+require('./utils-Dewr6SlQ.js');
+require('./ComponentError-C4MdBBMe.js');
+var Checkout = require('./Checkout-BbhldGDh.js');
 require('./Pagination-Dediz133.js');
+require('./Payment-D6XuQ4Ve.js');
+require('./Refund-1bG6RRPO.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var checkoutsListParamsState = require('./checkouts-list-params-state-BNbT1fuJ.js');
+var checkoutsListParamsState = require('./checkouts-list-params-state-Cewmin_p.js');
 var parts = require('./parts-9jMf1erK.js');
-var styledHost = require('./styled-host-CqQYxX-w.js');
+var styledHost = require('./styled-host-BfVJlAsJ.js');
 require('./event-types-YOY5TKUN.js');
-require('./index-Yd9aLenr.js');
-require('./utils-BaGF9XIe.js');
+require('./index-B32W0A3m.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 
@@ -38,22 +39,22 @@ const CheckoutsListFilters = class {
     get checkoutStatusOptions() {
         return [
             { label: 'All', value: '' },
-            { label: 'Created', value: Refund.ICheckoutStatus.created },
-            { label: 'Completed', value: Refund.ICheckoutStatus.completed },
-            { label: 'Attempted', value: Refund.ICheckoutStatus.attempted },
-            { label: 'Expired', value: Refund.ICheckoutStatus.expired },
+            { label: 'Created', value: Checkout.ICheckoutStatus.created },
+            { label: 'Completed', value: Checkout.ICheckoutStatus.completed },
+            { label: 'Attempted', value: Checkout.ICheckoutStatus.attempted },
+            { label: 'Expired', value: Checkout.ICheckoutStatus.expired },
         ];
     }
     get checkoutPaymentModeOptions() {
         return [
             { label: 'All', value: '' },
-            { label: 'E-commerce', value: Refund.ICheckoutPaymentModeParam.ecom },
-            { label: 'BNPL', value: Refund.ICheckoutPaymentModeParam.bnpl },
+            { label: 'E-commerce', value: Checkout.ICheckoutPaymentModeParam.ecom },
+            { label: 'BNPL', value: Checkout.ICheckoutPaymentModeParam.bnpl },
         ];
     }
     render() {
         const filterMenuParams = Object.assign({}, checkoutsListParamsState.filterParams);
-        return (index.h(styledHost.StyledHost, { key: '05a4d429a1acd7bbaf202872523284e2b2cd3677' }, index.h("table-filters-menu", { key: 'abf61654a75212537af580f3bfd2646042eaba8a', params: filterMenuParams, clearParams: checkoutsListParamsState.clearParams, part: parts.checkoutsListFilterMenu }, index.h("div", { key: 'f8e5cfe4b0a23723d0df939a1d1873adffcb1da9', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: 'd9e23e96a7269b3609e690a1e64e8c20bd125cb7', class: "p-2" }, index.h("form-control-select", { key: 'e1899dbc615be07486bc54f8baa395bee776d8ce', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || checkoutsListParamsState.filterParams.status, disabled: !!this.checkoutStatus, part: parts.statusCheckoutsListFilterParam })), index.h("div", { key: 'bedbc26d9d9f6906013ef4b80542d9031822b19c', class: "p-2" }, index.h("form-control-select", { key: '3bfef7fabeb85a29304e11093005bb1f58b23f41', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || checkoutsListParamsState.filterParams.payment_mode, disabled: !!this.paymentMode, part: parts.paymentModeCheckoutsListFilterParam }))))));
+        return (index.h(styledHost.StyledHost, { key: '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 }))))));
     }
 };
 

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

@@ -1,27 +1,28 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
-require('./config-state-5xZf-jax.js');
-require('./dinero-BwNN_k7x.js');
-var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var Refund = require('./Refund-CqWNG8sx.js');
+var index = require('./index-C9hBD-32.js');
+require('./config-state-BBOZIS8x.js');
+require('./utils-Dewr6SlQ.js');
+var ComponentError = require('./ComponentError-C4MdBBMe.js');
+var Checkout = require('./Checkout-BbhldGDh.js');
 require('./Pagination-Dediz133.js');
+require('./Payment-D6XuQ4Ve.js');
+require('./Refund-1bG6RRPO.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var utils = require('./utils-DvUQQLmR.js');
-var checkPkgVersion = require('./check-pkg-version-BzCIWkkG.js');
-var checkout_service = require('./checkout.service-B0ZmvWwI.js');
-var getSubaccounts = require('./get-subaccounts-CwCH5rC8.js');
-var styledHost = require('./styled-host-CqQYxX-w.js');
+var utils = require('./utils-l0veqT9y.js');
+var checkPkgVersion = require('./check-pkg-version-D6Kztnv7.js');
+var checkout_service = require('./checkout.service-DgD37tJv.js');
+var getSubaccounts = require('./get-subaccounts-CpCJjnYt.js');
+var styledHost = require('./styled-host-BfVJlAsJ.js');
 require('./event-types-YOY5TKUN.js');
-var checkoutsTable = require('./checkouts-table-UN5gPpQ_.js');
-require('./index-Yd9aLenr.js');
-require('./utils-BaGF9XIe.js');
+var checkoutsTable = require('./checkouts-table-Bzpqcsu0.js');
+require('./index-B32W0A3m.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
-require('./package-B9ks67gS.js');
-require('./Api-CPuq_15r.js');
-require('./badge-CMmPvqtE.js');
+require('./package-C0-LCfay.js');
+require('./Api-DLhABIj9.js');
+require('./badge-CcJ9H85-.js');
 require('./parts-9jMf1erK.js');
 
 const makeGetCheckouts = ({ accountId, authToken, service }) => async ({ params, onSuccess, onError }) => {
@@ -30,7 +31,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 Refund.Checkout(dataItem))) || [];
+            const checkouts = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.map((dataItem) => new Checkout.Checkout(dataItem))) || [];
             onSuccess({ checkouts, pagingInfo });
         }
         else {
@@ -108,7 +109,7 @@ const CheckoutsList = class {
         }
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'b0c774c4f56f94cd6b4a3dc8651938f9f33ca94e' }, index.h("checkouts-list-core", { key: 'd524423a791f70c234044f5ba27d7bc3648fc988', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (index.h(styledHost.StyledHost, { key: 'e448042916ca168416a16f8fb27daca1e240a58c' }, index.h("checkouts-list-core", { key: '7a20ec17bb485a651bb14aee980dee8a9b6bf809', 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-dm_GlYlb.js');
-var configState = require('./config-state-5xZf-jax.js');
-require('./index-Yd9aLenr.js');
+var index = require('./index-C9hBD-32.js');
+var configState = require('./config-state-BBOZIS8x.js');
+require('./index-B32W0A3m.js');
 
 const ConfigProvider = class {
     constructor(hostRef) {

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
-var utils = require('./utils-Df-pajL7.js');
+var index = require('./index-C9hBD-32.js');
+var utils = require('./utils-Bzyj4qWe.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-dm_GlYlb.js');
+var index = require('./index-C9hBD-32.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: 'b5a802e8c418b3b7f3235f43260186084a6ee079' }, this.showDisputeResponseForm ? (index.h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (index.h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
+        return (index.h("div", { key: '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 }))));
     }
     static get watchers() { return {
         "getDispute": ["updateOnPropChange"]

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

@@ -1,19 +1,20 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
-var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var checkPkgVersion = require('./check-pkg-version-BzCIWkkG.js');
+var index = require('./index-C9hBD-32.js');
+var ComponentError = require('./ComponentError-C4MdBBMe.js');
+var checkPkgVersion = require('./check-pkg-version-D6Kztnv7.js');
 var Dispute = require('./Dispute-CruQTF6_.js');
-var utils = require('./utils-DvUQQLmR.js');
-var dispute_service = require('./dispute.service-DsPEAcDn.js');
-require('./package-B9ks67gS.js');
-require('./Api-CPuq_15r.js');
-require('./config-state-5xZf-jax.js');
-require('./index-Yd9aLenr.js');
-require('./utils-BaGF9XIe.js');
-require('./dinero-BwNN_k7x.js');
-require('./Refund-CqWNG8sx.js');
+var utils = require('./utils-l0veqT9y.js');
+var dispute_service = require('./dispute.service-C0w_4Agq.js');
+require('./package-C0-LCfay.js');
+require('./Api-DLhABIj9.js');
+require('./config-state-BBOZIS8x.js');
+require('./index-B32W0A3m.js');
+require('./utils-Dewr6SlQ.js');
+require('./Checkout-BbhldGDh.js');
 require('./Pagination-Dediz133.js');
+require('./Payment-D6XuQ4Ve.js');
+require('./Refund-1bG6RRPO.js');
 require('./Business-DCRzZf0w.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
@@ -88,7 +89,7 @@ const DisputeManagement = class {
         }
     }
     render() {
-        return (index.h("justifi-dispute-management-core", { key: '8c800827aaa9d549a734ea05698763685e160a98', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
+        return (index.h("justifi-dispute-management-core", { key: '0eb7f0d74fa19e79633a3ec2f7ab7945be3fe0fe', 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,28 +1,29 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
-var utils$1 = require('./utils-BaGF9XIe.js');
+var index = require('./index-C9hBD-32.js');
+var utils$1 = require('./utils-Dewr6SlQ.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');
+var button = require('./button-DsHDMHaa.js');
+var styledHost = require('./styled-host-BfVJlAsJ.js');
+var skeleton = require('./skeleton-C7DQRD6r.js');
 require('./event-types-YOY5TKUN.js');
-var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var utils = require('./utils-DvUQQLmR.js');
-var dispute_service = require('./dispute.service-DsPEAcDn.js');
+var ComponentError = require('./ComponentError-C4MdBBMe.js');
+var utils = require('./utils-l0veqT9y.js');
+var dispute_service = require('./dispute.service-C0w_4Agq.js');
 var eventTypes = require('./event-types-BWQT2lwu.js');
-var checkPkgVersion = require('./check-pkg-version-BzCIWkkG.js');
-require('./dinero-BwNN_k7x.js');
-require('./Api-CPuq_15r.js');
-require('./config-state-5xZf-jax.js');
-require('./index-Yd9aLenr.js');
-require('./Refund-CqWNG8sx.js');
-require('./Dispute-CruQTF6_.js');
+var checkPkgVersion = require('./check-pkg-version-D6Kztnv7.js');
+require('./Api-DLhABIj9.js');
+require('./config-state-BBOZIS8x.js');
+require('./index-B32W0A3m.js');
+require('./Checkout-BbhldGDh.js');
 require('./Pagination-Dediz133.js');
+require('./Payment-D6XuQ4Ve.js');
+require('./Dispute-CruQTF6_.js');
+require('./Refund-1bG6RRPO.js');
 require('./Business-DCRzZf0w.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
-require('./package-B9ks67gS.js');
+require('./package-C0-LCfay.js');
 
 const makeUpdateDisputeResponse = ({ authToken, disputeId, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
     var _a;
@@ -143,7 +144,7 @@ const DisputeNotification = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (index.h(styledHost.StyledHost, { key: '90d2506d5bde2ea478fa3575fc162bb356b67fac' }, this.isLoading && (index.h("div", { key: '4877ae22d3d8e312640b122c9107b6bdd8f924cb', style: { marginBottom: '8px' } }, index.h(skeleton.Skeleton, { key: '31fa0717949bbc6aa49db1c6ae0e324099ae1de2', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), index.h(skeleton.Skeleton, { key: 'ac5179232cb9ee33d3f3e16d9f93536ecfbf46a5', height: '18px', styles: { marginBottom: '8px' } }), index.h(skeleton.Skeleton, { key: 'c22a5e3b257d01f92de7f6188fa0758861abc747', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (index.h("div", { key: 'be331b1a5e2fa0baf46bc593ef7ce4f5872abcff', part: parts.text }, index.h("h1", { key: '8094c16d3b375f28ffe314613f21ae25b63e59ef', class: "h4", part: parts.heading4 }, "This payment is disputed"), index.h("p", { key: 'd89ae665e1f9bd99c9338e2132c1dc56e5386696' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), index.h("h2", { key: '2786733eac76628019993e13473d1f43c0c395ed', class: "h5" }, "Dispute details"), index.h("div", { key: '663c28c46136bd56889b6ad0b9bfce9e5adbb590', class: "d-table gap-2" }, index.h("div", { key: 'dc688fad875d1591dcb7f31d423b61a3df2ff954', class: "d-table-row gap-2" }, index.h("span", { key: '442db7a6e95524ca6b092794c7a4a4d987c9866e', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), index.h("span", { key: '0a31de8692c9b00f43fcf3c0508e4d00a221d096', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, utils$1.formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), index.h("div", { key: '9fe0c1a3d3350c36fca190ae748dafe24d41b5fc', class: "d-table-row gap-2" }, index.h("span", { key: '12165cb6671519130a5f2e0d8938aaa55e7e3ead', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), index.h("span", { key: '4a37ca8a7d64b97142997bb50ec11d737ac6a882', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), index.h("div", { key: '4d9cf74a8ed26dd84e4ce7325d4b8703352362a4', class: "d-table-row gap-2" }, index.h("span", { key: '8c0eaa24ebec7703eb18384b0b1f2eae8a684b55', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), index.h("span", { key: '238813abf2ea0848e1fe817d5798b9b0d0b78ffc', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.id))), index.h("div", { key: 'd156a7e9bf0e7214ff2164fc09b12c0b8f1d2b36', class: "d-flex gap-2 mt-4 justify-content-end" }, index.h(button.Button, { key: '7822fd12dfc39bd2aced043956d012fd34cc1b01', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), index.h(button.Button, { key: '05132b3a6d1fc3d136dc227008ea1999330cdb96', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (index.h("div", { key: 'b04dd0c34f608b75ea3997a9c28ce948fa9dba5c' }, index.h("h1", { key: 'ac2a13373315703e86247b6707097af7cf2e6757', class: "h4" }, "This payment is disputed and under review"), index.h("p", { key: '203aed553e01bbaebe44bb370a1d088c149cda06' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (index.h("div", { key: '6325264f8ad7b6678825878ed59f03f90eee421a' }, index.h("h1", { key: '7b647ed77373884e0751de4fc39403211c249db6', class: "h4" }, "This payment was disputed"), index.h("p", { key: '2a5c1560d341af9b743234a058a1187f245a2ae8' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.lost) && (index.h("div", { key: 'a89e7f4d7e8926ed052023c7dbbbaf076a03ed9c' }, index.h("h1", { key: '534b560aa35dd43ba0eba668904ef70dc1a6954f', class: "h4" }, "This payment was disputed"), index.h("p", { key: '2381f2f6418b47dce67c498c56d5f3789add57dc' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
+        return (index.h(styledHost.StyledHost, { key: '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.")))));
     }
 };
 
@@ -199,7 +200,7 @@ const DisputeResponse = class {
         }
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'b90f636418c3e11b046d36dee9accf345756b407' }, index.h("justifi-dispute-response-core", { key: 'ff6e510faad54506eda24b1d8dc94b67afc18014', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
+        return (index.h(styledHost.StyledHost, { key: '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 })));
     }
     ;
     static get watchers() { return {
@@ -367,7 +368,7 @@ const DisputeResponseCore = class {
         return this.currentStep === 0;
     }
     render() {
-        return (index.h("div", { key: '09b09843d54a2dbced9788d16e244b2e59a3a78f', class: "row gy-3" }, index.h("div", { key: '6a3fe32d65ea1a74161d9ba9984543cf950e47ea', class: "col-12" }, index.h("h1", { key: 'bbb6f1334fd6b120e592117ba191d90b628e620f', class: "h4", part: parts.heading4 }, "Counter dispute")), index.h("div", { key: '19cbc45842294e9344dbffb725f5f053bf370af7', class: "col-12" }, this.currentStepComponent), index.h("div", { key: 'fa875ca152ea77fc4c8363216d8ba16c7699b597', class: "col-12" }, index.h("div", { key: 'fa7b62fff0cbac81c19ebad919f5dd54c3679e84', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (index.h(button.Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (index.h(button.Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (index.h(button.Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (index.h(button.Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
+        return (index.h("div", { key: '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"))))));
     }
 };
 

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

@@ -1,23 +1,24 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
-var Api = require('./Api-CPuq_15r.js');
-var ComponentError = require('./ComponentError-D4OLnOkg.js');
-require('./Refund-CqWNG8sx.js');
+var index = require('./index-C9hBD-32.js');
+var Api = require('./Api-DLhABIj9.js');
+var ComponentError = require('./ComponentError-C4MdBBMe.js');
+require('./Checkout-BbhldGDh.js');
 require('./Pagination-Dediz133.js');
+require('./Payment-D6XuQ4Ve.js');
+require('./Refund-1bG6RRPO.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var utils = require('./utils-DvUQQLmR.js');
-var utils$1 = require('./utils-Df-pajL7.js');
-var checkPkgVersion = require('./check-pkg-version-BzCIWkkG.js');
-require('./config-state-5xZf-jax.js');
-require('./index-Yd9aLenr.js');
-require('./utils-BaGF9XIe.js');
-require('./dinero-BwNN_k7x.js');
+var utils = require('./utils-l0veqT9y.js');
+var utils$1 = require('./utils-Bzyj4qWe.js');
+var checkPkgVersion = require('./check-pkg-version-D6Kztnv7.js');
+require('./config-state-BBOZIS8x.js');
+require('./index-B32W0A3m.js');
+require('./utils-Dewr6SlQ.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 require('./parts-9jMf1erK.js');
-require('./package-B9ks67gS.js');
+require('./package-C0-LCfay.js');
 
 const api = Api.Api();
 class ReportsService {