@justifi/webcomponents 5.7.1 → 5.7.3-rc-01

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

@@ -1,20 +1,21 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
-require('./config-state-D7p-XunE.js');
-require('./utils-DmZ8Dia3.js');
-require('./ComponentError-C4MdBBMe.js');
-var Checkout = require('./Checkout-RAGvjVPj.js');
+var index = require('./index-2GwnTbNA.js');
+require('./config-state-BTfJl-LU.js');
+require('./utils-qOon0GWm.js');
+require('./ComponentError-CEv9ltwy.js');
+var Checkout = require('./Checkout-BsYZoJ0a.js');
 require('./Pagination-Dediz133.js');
-require('./Document-CL5Zc72Q.js');
-require('./Refund-CYxocU06.js');
-require('./Business-DyiDiIuO.js');
+require('./Payment-D5UynU2f.js');
+require('./Refund-BDFOEJv_.js');
+require('./Document-rXGBUaOh.js');
+require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var checkoutsListParamsState = require('./checkouts-list-params-state-BvG5Ysrg.js');
+var checkoutsListParamsState = require('./checkouts-list-params-state-fVsfZZ5G.js');
 var parts = require('./parts-9jMf1erK.js');
-var styledHost = require('./styled-host-udkBJV5h.js');
+var styledHost = require('./styled-host-IMxk64cc.js');
 require('./event-types-YOY5TKUN.js');
-require('./index-B8ljHEN1.js');
+require('./index-DEMVrrsF.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
@@ -55,7 +56,7 @@ const CheckoutsListFilters = class {
     }
     render() {
         const filterMenuParams = Object.assign({}, checkoutsListParamsState.filterParams);
-        return (index.h(styledHost.StyledHost, { key: 'bcae6fee83117dde40a29ebcab8e85089bcdc37e' }, index.h("table-filters-menu", { key: '56c6a5d205836fe010917f0f0d978507cf227a3f', params: filterMenuParams, clearParams: checkoutsListParamsState.clearParams, part: parts.checkoutsListFilterMenu }, index.h("div", { key: 'c82691f9b863368a2b7523dc7d9d348c3fe2e776', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: '9abbb01e53139ebd376a638400b199d88288b175', class: "p-2" }, index.h("form-control-select", { key: '3859777cf1f4ee451a65440a90dfe9e5f4a2f069', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || checkoutsListParamsState.filterParams.status, disabled: !!this.checkoutStatus, part: parts.statusCheckoutsListFilterParam })), index.h("div", { key: '3c23d4b820ea2424d6ddc01e6952c8c46cd7d975', class: "p-2" }, index.h("form-control-select", { key: 'c376228f82419b959b3fefa6b32d25c584c6ea3b', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || checkoutsListParamsState.filterParams.payment_mode, disabled: !!this.paymentMode, part: parts.paymentModeCheckoutsListFilterParam }))))));
+        return (index.h(styledHost.StyledHost, { key: '75225e92af6efb7185735a63adf83ed7699452b1' }, index.h("table-filters-menu", { key: '086762cdd3a08d9221be6d374d4fd4d1b82c717f', params: filterMenuParams, clearParams: checkoutsListParamsState.clearParams, part: parts.checkoutsListFilterMenu }, index.h("div", { key: '23f5d2938419a2e92cbacf79d82a3893b6d256c2', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: '43bf85dccce2233d59720defbea2897df488d880', class: "p-2" }, index.h("form-control-select", { key: '61c381ec0a205245311ba2e490a03b1e571d366b', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || checkoutsListParamsState.filterParams.status, disabled: !!this.checkoutStatus, part: parts.statusCheckoutsListFilterParam })), index.h("div", { key: '4d01e881ca741302be99559209ab383aad4ee739', class: "p-2" }, index.h("form-control-select", { key: '82a1c6c3cfa9c77bc656aff5d7b0130436a54042', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || checkoutsListParamsState.filterParams.payment_mode, disabled: !!this.paymentMode, part: parts.paymentModeCheckoutsListFilterParam }))))));
     }
 };
 

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

@@ -1,29 +1,30 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
-require('./config-state-D7p-XunE.js');
-require('./utils-DmZ8Dia3.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-var Checkout = require('./Checkout-RAGvjVPj.js');
+var index = require('./index-2GwnTbNA.js');
+require('./config-state-BTfJl-LU.js');
+require('./utils-qOon0GWm.js');
+var ComponentError = require('./ComponentError-CEv9ltwy.js');
+var Checkout = require('./Checkout-BsYZoJ0a.js');
 require('./Pagination-Dediz133.js');
-require('./Document-CL5Zc72Q.js');
-require('./Refund-CYxocU06.js');
-require('./Business-DyiDiIuO.js');
+require('./Payment-D5UynU2f.js');
+require('./Refund-BDFOEJv_.js');
+require('./Document-rXGBUaOh.js');
+require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var utils = require('./utils-l0veqT9y.js');
-var checkPkgVersion = require('./check-pkg-version-BqC8BOhm.js');
-var checkout_service = require('./checkout.service-CyvIIMeq.js');
-var getSubaccounts = require('./get-subaccounts-BNpIanJ9.js');
-var styledHost = require('./styled-host-udkBJV5h.js');
+var utils = require('./utils-IGCnjtqc.js');
+var Analytics = require('./Analytics-DYN4hp2b.js');
+var checkout_service = require('./checkout.service-D4hTYr1i.js');
+var getSubaccounts = require('./get-subaccounts-Dw7CbPDi.js');
+var styledHost = require('./styled-host-IMxk64cc.js');
 require('./event-types-YOY5TKUN.js');
-var checkoutsTable = require('./checkouts-table-_T5eblyc.js');
-require('./index-B8ljHEN1.js');
+var checkoutsTable = require('./checkouts-table-C1Jv_A7m.js');
+require('./index-DEMVrrsF.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
-require('./package-Biee4Hdo.js');
-require('./Api-C8nf_gS9.js');
-require('./badge-BxoJOyTJ.js');
+require('./package-DF9mLjoQ.js');
+require('./Api-BTdkb3Zh.js');
+require('./badge-sO_Hcamo.js');
 require('./parts-9jMf1erK.js');
 
 const makeGetCheckouts = ({ accountId, authToken, service }) => async ({ params, onSuccess, onError }) => {
@@ -67,8 +68,8 @@ const CheckoutsList = class {
         };
     }
     componentWillLoad() {
-        checkPkgVersion.checkPkgVersion();
-        this.analytics = new checkPkgVersion.JustifiAnalytics(this);
+        Analytics.checkPkgVersion();
+        this.analytics = new Analytics.JustifiAnalytics(this);
         this.initializeGetData();
     }
     disconnectedCallback() {
@@ -110,7 +111,7 @@ const CheckoutsList = class {
         }
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'c76ca3b186023ebea3ac3fe0cf6599786a2f2ea7' }, index.h("checkouts-list-core", { key: '484d31c0b0434181b3bd69cb9c3b6810aa0f2983', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (index.h(styledHost.StyledHost, { key: '0e9e50e18983dad43cfab19f2271678d3f5e6abd' }, index.h("checkouts-list-core", { key: '6f128cc756477ff64638625d9a9ff9a5b4533948', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

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

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

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
-var utils = require('./utils-5lco6NzU.js');
+var index = require('./index-2GwnTbNA.js');
+var utils = require('./utils-bn0fXuc-.js');
 require('./parts-9jMf1erK.js');
 
 const Details = class {
@@ -9,7 +9,7 @@ const Details = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'd00d3b1c3b5d73af5a0eb1a18f2095f023aeb816' }, this.errorMessage ?
+        return (index.h("div", { key: '3c1c4e729711c6676c176a5a04228ec7ebb7acfa' }, this.errorMessage ?
             utils.ErrorState(this.errorMessage)
             :
                 index.h("main", { class: "p-2" }, index.h("slot", { name: "head-info" }), index.h("slot", { name: 'detail-sections' }))));

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
+var index = require('./index-2GwnTbNA.js');
 var eventTypes = require('./event-types-BWQT2lwu.js');
 var Dispute = require('./Dispute-CruQTF6_.js');
 
@@ -51,7 +51,7 @@ const DisputeManagementCore = class {
         });
     }
     render() {
-        return (index.h("div", { key: '5a8663529813801b730d449c835cfafb9924d860' }, this.showDisputeResponseForm ? (index.h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (index.h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
+        return (index.h("div", { key: '6374c478bc8907019b48e1a53b0ecb2e171ab2e4' }, this.showDisputeResponseForm ? (index.h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (index.h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
     }
     static get watchers() { return {
         "getDispute": ["updateOnPropChange"]

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

@@ -1,22 +1,23 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-var checkPkgVersion = require('./check-pkg-version-BqC8BOhm.js');
+var index = require('./index-2GwnTbNA.js');
+var ComponentError = require('./ComponentError-CEv9ltwy.js');
+var Analytics = require('./Analytics-DYN4hp2b.js');
 var Dispute = require('./Dispute-CruQTF6_.js');
-var utils = require('./utils-l0veqT9y.js');
-var dispute_service = require('./dispute.service-CKPR1vFS.js');
-require('./package-Biee4Hdo.js');
-require('./Api-C8nf_gS9.js');
-require('./config-state-D7p-XunE.js');
-require('./index-B8ljHEN1.js');
-require('./utils-DmZ8Dia3.js');
+var utils = require('./utils-IGCnjtqc.js');
+var dispute_service = require('./dispute.service-Dru9NStj.js');
+require('./package-DF9mLjoQ.js');
+require('./Api-BTdkb3Zh.js');
+require('./config-state-BTfJl-LU.js');
+require('./index-DEMVrrsF.js');
+require('./utils-qOon0GWm.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
-require('./Checkout-RAGvjVPj.js');
+require('./Checkout-BsYZoJ0a.js');
 require('./Pagination-Dediz133.js');
-require('./Document-CL5Zc72Q.js');
-require('./Refund-CYxocU06.js');
-require('./Business-DyiDiIuO.js');
+require('./Payment-D5UynU2f.js');
+require('./Refund-BDFOEJv_.js');
+require('./Document-rXGBUaOh.js');
+require('./Business-DCRzZf0w.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 
@@ -60,8 +61,8 @@ const DisputeManagement = class {
         };
     }
     componentWillLoad() {
-        checkPkgVersion.checkPkgVersion();
-        this.analytics = new checkPkgVersion.JustifiAnalytics(this);
+        Analytics.checkPkgVersion();
+        this.analytics = new Analytics.JustifiAnalytics(this);
         this.initializeGetDispute();
     }
     disconnectedCallback() {
@@ -90,7 +91,7 @@ const DisputeManagement = class {
         }
     }
     render() {
-        return (index.h("justifi-dispute-management-core", { key: '5abe4c29317f9baa7fc40d82e2cd533de321d58f', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
+        return (index.h("justifi-dispute-management-core", { key: 'e19f33cd7106c3c44fb86faeef743c62ff9004b9', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
     }
     static get watchers() { return {
         "disputeId": ["propChanged"],

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

@@ -1,30 +1,31 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
-var utils$1 = require('./utils-DmZ8Dia3.js');
+var index = require('./index-2GwnTbNA.js');
+var utils$1 = require('./utils-qOon0GWm.js');
 var parts = require('./parts-9jMf1erK.js');
-var button = require('./button-BPFSRx4d.js');
-var styledHost = require('./styled-host-udkBJV5h.js');
-var skeleton = require('./skeleton-aMh0RMHq.js');
+var button = require('./button-CCZd8WSY.js');
+var styledHost = require('./styled-host-IMxk64cc.js');
+var skeleton = require('./skeleton-ByLavxr1.js');
 require('./event-types-YOY5TKUN.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-var utils = require('./utils-l0veqT9y.js');
-var dispute_service = require('./dispute.service-CKPR1vFS.js');
+var ComponentError = require('./ComponentError-CEv9ltwy.js');
+var utils = require('./utils-IGCnjtqc.js');
+var dispute_service = require('./dispute.service-Dru9NStj.js');
 var eventTypes = require('./event-types-BWQT2lwu.js');
-var checkPkgVersion = require('./check-pkg-version-BqC8BOhm.js');
+var Analytics = require('./Analytics-DYN4hp2b.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
-require('./Api-C8nf_gS9.js');
-require('./config-state-D7p-XunE.js');
-require('./index-B8ljHEN1.js');
-require('./Checkout-RAGvjVPj.js');
+require('./Api-BTdkb3Zh.js');
+require('./config-state-BTfJl-LU.js');
+require('./index-DEMVrrsF.js');
+require('./Checkout-BsYZoJ0a.js');
 require('./Pagination-Dediz133.js');
-require('./Document-CL5Zc72Q.js');
+require('./Payment-D5UynU2f.js');
 require('./Dispute-CruQTF6_.js');
-require('./Refund-CYxocU06.js');
-require('./Business-DyiDiIuO.js');
+require('./Refund-BDFOEJv_.js');
+require('./Document-rXGBUaOh.js');
+require('./Business-DCRzZf0w.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
-require('./package-Biee4Hdo.js');
+require('./package-DF9mLjoQ.js');
 
 const makeUpdateDisputeResponse = ({ authToken, disputeId, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
     var _a;
@@ -145,7 +146,7 @@ const DisputeNotification = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (index.h(styledHost.StyledHost, { key: '77119b1227200909f4742e24df0a45e1f631c65c' }, this.isLoading && (index.h("div", { key: 'f0766ff057fb2f4b75b34c7d4a386bde43e49652', style: { marginBottom: '8px' } }, index.h(skeleton.Skeleton, { key: 'd7268194dea5ac2a3b87aea8e17573b4768e308f', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), index.h(skeleton.Skeleton, { key: 'f8863e45a917f56be302ca1b0b3d472119f6465c', height: '18px', styles: { marginBottom: '8px' } }), index.h(skeleton.Skeleton, { key: 'c7b8c9c89d9488eea3be8ea0b4536f98a8151487', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (index.h("div", { key: '875fe7def317ce1c4547e04e83baf2b232209058', part: parts.text }, index.h("h1", { key: '09646afc2aac3bf4ef9737bc12442660bbafb2dd', class: "h4", part: parts.heading4 }, "This payment is disputed"), index.h("p", { key: '14224cffb16726eaa589118be954e0f844ffaee8' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), index.h("h2", { key: '415028b91872a2391796872fdffdbee837a2a511', class: "h5" }, "Dispute details"), index.h("div", { key: 'c2b8c6be3132f98eb8c686ab88a5a6a68f92a60e', class: "d-table gap-2" }, index.h("div", { key: 'd11bd8b3bc680183e8bee40281cc2c294aedbd5a', class: "d-table-row gap-2" }, index.h("span", { key: 'd77796c0d2764329c3b482ae49ceb8b4cac03d37', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), index.h("span", { key: '716d8af2a250c3237af6e23b43bf50e032e9f203', 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: 'daba4379197533d2a4b246e81139d81cd15761c6', class: "d-table-row gap-2" }, index.h("span", { key: 'a039fbf47aff16445e3411c33a7b53716c42866d', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), index.h("span", { key: '19087aba5c516d0c71e9f84e8b3323a044ae532a', 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: '68ef78b15627df3b22bcde4b90f7c216466e7468', class: "d-table-row gap-2" }, index.h("span", { key: '9463c281d76b5e201a55c2993253fc22d04168dc', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), index.h("span", { key: '5cffed27038f5571f37377c5023a88c8b7773a59', 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: 'e856d924edac10116781425f6d7c4c8c6b26ced2', class: "d-flex gap-2 mt-4 justify-content-end" }, index.h(button.Button, { key: '6d5278a91f79c2fe8fbdd9e391b109a6491b13b6', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), index.h(button.Button, { key: '242b9076b482aae731ab6bedc1592a1a826e24c5', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (index.h("div", { key: 'f3711546ce5bf8b6a4a8689f5db3fdbf58f45bf4' }, index.h("h1", { key: '06e39be43cfacf667919adbd2f4f8c596702c340', class: "h4" }, "This payment is disputed and under review"), index.h("p", { key: 'b3bfef2d40e197f8dc9df6f71d9f13017a4b923d' }, "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: '580144b1439d6e017726b9731b7bb15e71900092' }, index.h("h1", { key: '42d74d215d23409672449af86e25c945aac33ea1', class: "h4" }, "This payment was disputed"), index.h("p", { key: '4c337e89a32f62c8f03a53eb84737785f4b0bdb4' }, "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: '66c0f7bbada42053683dd25776a7c0abdb708315' }, index.h("h1", { key: '273f2d82dbe73a15da3186946763579be2801aa4', class: "h4" }, "This payment was disputed"), index.h("p", { key: '22172d1c6833eb5407c19dd31b85db805d07d177' }, "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.")))));
     }
 };
 
@@ -161,8 +162,8 @@ const DisputeResponse = class {
         };
     }
     componentWillLoad() {
-        checkPkgVersion.checkPkgVersion();
-        this.analytics = new checkPkgVersion.JustifiAnalytics(this);
+        Analytics.checkPkgVersion();
+        this.analytics = new Analytics.JustifiAnalytics(this);
         this.initializeDisputeServiceMethods();
     }
     disconnectedCallback() {
@@ -201,7 +202,7 @@ const DisputeResponse = class {
         }
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '6f1fd8e2109c806c82c63cfd046739e18cc2b3b7' }, index.h("justifi-dispute-response-core", { key: '56cba360a731ed4054c89c11250f115a7e3b9e63', "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 {
@@ -369,7 +370,7 @@ const DisputeResponseCore = class {
         return this.currentStep === 0;
     }
     render() {
-        return (index.h("div", { key: '452cfcf106f40c27f34df05ae2923c0909de9245', class: "row gy-3" }, index.h("div", { key: 'd9b608a8d880310b96e98cd4a00cabfcca77dc79', class: "col-12" }, index.h("h1", { key: '050aef1fa636d09880edc7d738d56eab2cf62e52', class: "h4", part: parts.heading4 }, "Counter dispute")), index.h("div", { key: '4e6094f9240d4db3d4bc03c59754ab3d04fed5bc', class: "col-12" }, this.currentStepComponent), index.h("div", { key: '9c1739bc4ed1a9104fd04531a11e02cbbb4f11cc', class: "col-12" }, index.h("div", { key: 'd37cda5a7689d8bf9263283eb24e1074ee3d97a0', 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,25 +1,26 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
-var Api = require('./Api-C8nf_gS9.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-RAGvjVPj.js');
+var index = require('./index-2GwnTbNA.js');
+var Api = require('./Api-BTdkb3Zh.js');
+var ComponentError = require('./ComponentError-CEv9ltwy.js');
+require('./Checkout-BsYZoJ0a.js');
 require('./Pagination-Dediz133.js');
-require('./Document-CL5Zc72Q.js');
-require('./Refund-CYxocU06.js');
-require('./Business-DyiDiIuO.js');
+require('./Payment-D5UynU2f.js');
+require('./Refund-BDFOEJv_.js');
+require('./Document-rXGBUaOh.js');
+require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var utils = require('./utils-l0veqT9y.js');
-var utils$1 = require('./utils-5lco6NzU.js');
-var checkPkgVersion = require('./check-pkg-version-BqC8BOhm.js');
-require('./config-state-D7p-XunE.js');
-require('./index-B8ljHEN1.js');
-require('./utils-DmZ8Dia3.js');
+var utils = require('./utils-IGCnjtqc.js');
+var utils$1 = require('./utils-bn0fXuc-.js');
+var Analytics = require('./Analytics-DYN4hp2b.js');
+require('./config-state-BTfJl-LU.js');
+require('./index-DEMVrrsF.js');
+require('./utils-qOon0GWm.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 require('./parts-9jMf1erK.js');
-require('./package-Biee4Hdo.js');
+require('./package-DF9mLjoQ.js');
 
 const api = Api.Api();
 class ReportsService {
@@ -68,8 +69,8 @@ const GrossPaymentChart = class {
         };
     }
     componentWillLoad() {
-        checkPkgVersion.checkPkgVersion();
-        this.analytics = new checkPkgVersion.JustifiAnalytics(this);
+        Analytics.checkPkgVersion();
+        this.analytics = new Analytics.JustifiAnalytics(this);
         this.initializeGetGrossPayment();
     }
     disconnectedCallback() {

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

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