@justifi/webcomponents 5.4.4 → 5.5.0

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

@@ -1,21 +1,20 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5b9a3b5f.js');
-const ComponentError = require('./ComponentError-233ac749.js');
-const utils = require('./utils-7a478c37.js');
-const checkout_service = require('./checkout.service-0a7835dc.js');
-const checkPkgVersion = require('./check-pkg-version-e6dcbeb7.js');
-require('./Api-83d93333.js');
-require('./Checkout-5352009d.js');
-require('./utils-4120664c.js');
-require('./Pagination-0da8f095.js');
-require('./Payment-bccd8f7d.js');
-require('./Dispute-eb6bad54.js');
-require('./SubAccount-2a302ead.js');
-require('./Document-0b828345.js');
-require('./package-5a9f02b2.js');
+var index = require('./index-DtkhH7sB.js');
+var ComponentError = require('./ComponentError-C4MdBBMe.js');
+var utils = require('./utils-l0veqT9y.js');
+var checkout_service = require('./checkout.service-r90INf2g.js');
+var checkPkgVersion = require('./check-pkg-version-CLsX6cK5.js');
+require('./Api-KMweahmp.js');
+require('./utils-DmZ8Dia3.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
+require('./Checkout-RAGvjVPj.js');
+require('./Pagination-Dediz133.js');
+require('./Payment-CQCmj3Ck.js');
+require('./Dispute-CruQTF6_.js');
+require('./Refund-DpKGhW3o.js');
+require('./Document-rXGBUaOh.js');
+require('./package-5B4P3NpD.js');
 
 const makeGetCheckout = ({ authToken, checkoutId, service }) => async ({ onSuccess, onError }) => {
     var _a;
@@ -74,18 +73,9 @@ const makeCheckoutComplete = ({ authToken, checkoutId, service }) => async ({ pa
 const Checkout = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.errorEvent = index.createEvent(this, "error-event", 7);
-        this.loadedEvent = index.createEvent(this, "loaded", 7);
-        this.authToken = undefined;
-        this.checkoutId = undefined;
-        this.disableCreditCard = undefined;
-        this.disableBankAccount = undefined;
-        this.disableBnpl = undefined;
-        this.disablePaymentMethodGroup = undefined;
-        this.hideCardBillingForm = undefined;
+        this.errorEvent = index.createEvent(this, "error-event");
+        this.loadedEvent = index.createEvent(this, "loaded");
         this.iframeOrigin = "https://components.justifi.ai";
-        this.getCheckout = undefined;
-        this.complete = undefined;
         this.errorMessage = '';
     }
     componentWillLoad() {
@@ -123,12 +113,16 @@ const Checkout = class {
     async fillBillingForm(fields) {
         this.checkoutCoreRef.fillBillingForm(fields);
     }
+    async validate() {
+        const { isValid } = await this.checkoutCoreRef.validate();
+        return { isValid };
+    }
     render() {
-        return (index.h("justifi-checkout-core", { key: '4c752a401d34aae940f947600aa81961be1d6d8e', getCheckout: this.getCheckout, authToken: this.authToken, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup, hideCardBillingForm: this.hideCardBillingForm, iframeOrigin: this.iframeOrigin, ref: el => {
+        return (index.h("justifi-checkout-core", { key: '5d7045778d53e02d85627ea6f945d45599e6d090', 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, iframeOrigin: this.iframeOrigin, ref: el => {
                 if (el) {
                     this.checkoutCoreRef = el;
                 }
-            } }, index.h("div", { key: 'a67422cd23e1895f192abb352d328ea9874566e8', slot: "insurance" }, index.h("slot", { key: '937902933052abb1dae89271bc85ddd93b86a904', name: "insurance" }))));
+            } }, index.h("div", { key: '4a5badd7e9f77de58dafb09405cd563014f0e6e2', slot: "insurance" }, index.h("slot", { key: 'b0067d049fe5ed9bb7b35c8614a28e967872599b', name: "insurance" }))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

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

@@ -1,20 +1,19 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5b9a3b5f.js');
-require('./ComponentError-233ac749.js');
-const Checkout = require('./Checkout-5352009d.js');
-require('./Pagination-0da8f095.js');
-require('./Payment-bccd8f7d.js');
-require('./SubAccount-2a302ead.js');
-require('./Document-0b828345.js');
-const checkoutsListParamsState = require('./checkouts-list-params-state-644d3639.js');
-const parts = require('./parts-5ca90f9a.js');
-const styledHost = require('./styled-host-94309bab.js');
-require('./utils-4120664c.js');
-require('./Dispute-eb6bad54.js');
-require('./index-d2d0b181.js');
+var index = require('./index-DtkhH7sB.js');
+require('./utils-DmZ8Dia3.js');
+require('./ComponentError-C4MdBBMe.js');
+var Checkout = require('./Checkout-RAGvjVPj.js');
+require('./Pagination-Dediz133.js');
+require('./Payment-CQCmj3Ck.js');
+require('./Refund-DpKGhW3o.js');
+require('./Document-rXGBUaOh.js');
+var checkoutsListParamsState = require('./checkouts-list-params-state-Cmfy_CND.js');
+var parts = require('./parts-D_uKOPFe.js');
+var styledHost = require('./styled-host-JifnTMIV.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
+require('./Dispute-CruQTF6_.js');
+require('./index-DhcqPIbT.js');
 
 const CheckoutsListFilters = class {
     constructor(hostRef) {
@@ -22,8 +21,6 @@ const CheckoutsListFilters = class {
         this.setParamsOnChange = (name, value) => {
             checkoutsListParamsState.filterParams[name] = value;
         };
-        this.checkoutStatus = undefined;
-        this.paymentMode = undefined;
     }
     componentWillLoad() {
         const propsToSet = {
@@ -54,7 +51,7 @@ const CheckoutsListFilters = class {
     }
     render() {
         const filterMenuParams = Object.assign({}, checkoutsListParamsState.filterParams);
-        return (index.h(styledHost.StyledHost, { key: 'c1af53aa366b42a96b73bc7e3880a00f91d38d40' }, index.h("table-filters-menu", { key: 'fd5826776be41b7f8ddb71459733047be623214b', params: filterMenuParams, clearParams: checkoutsListParamsState.clearParams, part: parts.checkoutsListFilterMenu }, index.h("div", { key: '8ebcb618fb95e79dc350b9c4f95af5cedef47dc7', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: '449b7ba6d1b0839c8f79f614d0b4be56398e0719', class: "p-2" }, index.h("form-control-select", { key: '91a04afd5fdf302803ac46373aa752d53421dc3b', 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: 'a0e1cb069b14ae3375d643e25206bd4438fefbc1', class: "p-2" }, index.h("form-control-select", { key: 'f576dcfa1a6d7221094cea7e4f0008a47b2af56a', 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: '9b4c4fdcb668bb4dd8a059994bb3db0b905edae9' }, index.h("table-filters-menu", { key: '938c4e70af02843728d761a51a720782e68475d7', params: filterMenuParams, clearParams: checkoutsListParamsState.clearParams, part: parts.checkoutsListFilterMenu }, index.h("div", { key: '61ddbf4b3bf1d9de92158fdd7f2ed744e86c93a8', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: '9eb3f1ff6137c76dbf87980610804dcef8a70548', class: "p-2" }, index.h("form-control-select", { key: '8613b5a96b1df7cbe39538afd0c1963fef1f4bcf', 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: '5ffd343103cd06248645ab10e89f795805559b28', class: "p-2" }, index.h("form-control-select", { key: 'da1f80e06108fe3bd8682b2a8018eac51cc798e6', 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,26 +1,25 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5b9a3b5f.js');
-const ComponentError = require('./ComponentError-233ac749.js');
-const Checkout = require('./Checkout-5352009d.js');
-require('./Pagination-0da8f095.js');
-require('./Payment-bccd8f7d.js');
-require('./SubAccount-2a302ead.js');
-require('./Document-0b828345.js');
-const utils = require('./utils-7a478c37.js');
-const checkPkgVersion = require('./check-pkg-version-e6dcbeb7.js');
-const checkout_service = require('./checkout.service-0a7835dc.js');
-const getSubaccounts = require('./get-subaccounts-ae5b35a8.js');
-const styledHost = require('./styled-host-94309bab.js');
-const checkoutsTable = require('./checkouts-table-8a1b49ff.js');
-require('./utils-4120664c.js');
-require('./Dispute-eb6bad54.js');
-require('./package-5a9f02b2.js');
-require('./Api-83d93333.js');
-require('./badge-364e6311.js');
-require('./parts-5ca90f9a.js');
+var index = require('./index-DtkhH7sB.js');
+require('./utils-DmZ8Dia3.js');
+var ComponentError = require('./ComponentError-C4MdBBMe.js');
+var Checkout = require('./Checkout-RAGvjVPj.js');
+require('./Pagination-Dediz133.js');
+require('./Payment-CQCmj3Ck.js');
+require('./Refund-DpKGhW3o.js');
+require('./Document-rXGBUaOh.js');
+var utils = require('./utils-l0veqT9y.js');
+var checkPkgVersion = require('./check-pkg-version-CLsX6cK5.js');
+var checkout_service = require('./checkout.service-r90INf2g.js');
+var getSubaccounts = require('./get-subaccounts-YlFT-fBr.js');
+var styledHost = require('./styled-host-JifnTMIV.js');
+var checkoutsTable = require('./checkouts-table-5jU4JUcM.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
+require('./Dispute-CruQTF6_.js');
+require('./package-5B4P3NpD.js');
+require('./Api-KMweahmp.js');
+require('./badge-BXpCpcer.js');
+require('./parts-D_uKOPFe.js');
 
 const makeGetCheckouts = ({ accountId, authToken, service, apiOrigin }) => async ({ params, onSuccess, onError }) => {
     var _a, _b;
@@ -54,18 +53,14 @@ const makeGetCheckouts = ({ accountId, authToken, service, apiOrigin }) => async
 const CheckoutsList = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.errorEvent = index.createEvent(this, "error-event");
+        this.errorMessage = null;
+        this.apiOrigin = "https://wc-proxy.justifi.ai";
+        this.columns = checkoutsTable.defaultColumnsKeys;
         this.handleErrorEvent = (event) => {
             this.errorMessage = event.detail.message;
             this.errorEvent.emit(event.detail);
         };
-        this.getCheckouts = undefined;
-        this.getSubAccounts = undefined;
-        this.errorMessage = null;
-        this.accountId = undefined;
-        this.authToken = undefined;
-        this.apiOrigin = "https://wc-proxy.justifi.ai";
-        this.columns = checkoutsTable.defaultColumnsKeys;
     }
     componentWillLoad() {
         checkPkgVersion.checkPkgVersion();
@@ -111,7 +106,7 @@ const CheckoutsList = class {
         }
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '072e2dc9373eef92119a0b0a01b61615d3bdcec0' }, index.h("checkouts-list-core", { key: '84027904ba2baf57aa22247c553ab585d0d71262', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (index.h(styledHost.StyledHost, { key: '523acabd52d2823a4bf1a50b5fcda8a80704208c' }, index.h("checkouts-list-core", { key: '46548aa225fe025c7ecf8736fb3239367bb9f965', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

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

@@ -1,15 +1,12 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5b9a3b5f.js');
-const utils = require('./utils-f8714daa.js');
-require('./parts-5ca90f9a.js');
+var index = require('./index-DtkhH7sB.js');
+var utils = require('./utils-D3seTk2e.js');
+require('./parts-D_uKOPFe.js');
 
 const Details = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.errorMessage = undefined;
     }
     render() {
         return (index.h(index.Host, { key: 'd00d3b1c3b5d73af5a0eb1a18f2095f023aeb816' }, this.errorMessage ?

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

@@ -1,19 +1,13 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5b9a3b5f.js');
-const eventTypes = require('./event-types-8edaabbb.js');
-const Dispute = require('./Dispute-eb6bad54.js');
+var index = require('./index-DtkhH7sB.js');
+var eventTypes = require('./event-types-BWQT2lwu.js');
+var Dispute = require('./Dispute-CruQTF6_.js');
 
 const DisputeManagementCore = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.errorEvent = index.createEvent(this, "error-event", 7);
-        this.getDispute = undefined;
-        this.disputeId = undefined;
-        this.authToken = undefined;
-        this.dispute = undefined;
+        this.errorEvent = index.createEvent(this, "error-event");
         this.isLoading = true;
         this.showDisputeResponseForm = false;
     }
@@ -57,7 +51,7 @@ const DisputeManagementCore = class {
         });
     }
     render() {
-        return (index.h("div", { key: 'da2305d650756505b9b1920f95888425d3b8a63c' }, 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: '2d18538755406216b66ec416da158044945530ee' }, this.showDisputeResponseForm ? (index.h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (index.h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
     }
     static get watchers() { return {
         "getDispute": ["updateOnPropChange"]

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

@@ -1,21 +1,20 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5b9a3b5f.js');
-const ComponentError = require('./ComponentError-233ac749.js');
-const checkPkgVersion = require('./check-pkg-version-e6dcbeb7.js');
-const Dispute = require('./Dispute-eb6bad54.js');
-const utils = require('./utils-7a478c37.js');
-const dispute_service = require('./dispute.service-6efc7d7f.js');
-require('./package-5a9f02b2.js');
-require('./Api-83d93333.js');
-require('./Checkout-5352009d.js');
-require('./utils-4120664c.js');
-require('./Pagination-0da8f095.js');
-require('./Payment-bccd8f7d.js');
-require('./SubAccount-2a302ead.js');
-require('./Document-0b828345.js');
+var index = require('./index-DtkhH7sB.js');
+var ComponentError = require('./ComponentError-C4MdBBMe.js');
+var checkPkgVersion = require('./check-pkg-version-CLsX6cK5.js');
+var Dispute = require('./Dispute-CruQTF6_.js');
+var utils = require('./utils-l0veqT9y.js');
+var dispute_service = require('./dispute.service-CGgfmGU-.js');
+require('./package-5B4P3NpD.js');
+require('./Api-KMweahmp.js');
+require('./utils-DmZ8Dia3.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
+require('./Checkout-RAGvjVPj.js');
+require('./Pagination-Dediz133.js');
+require('./Payment-CQCmj3Ck.js');
+require('./Refund-DpKGhW3o.js');
+require('./Document-rXGBUaOh.js');
 
 const makeGetDispute = ({ id, authToken, service, apiOrigin }) => async ({ onSuccess, onError }) => {
     var _a;
@@ -49,16 +48,13 @@ const makeGetDispute = ({ id, authToken, service, apiOrigin }) => async ({ onSuc
 const DisputeManagement = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.errorEvent = index.createEvent(this, "error-event");
+        this.apiOrigin = "https://wc-proxy.justifi.ai";
+        this.errorMessage = null;
         this.handleErrorEvent = event => {
             this.errorMessage = event.detail.message;
             this.errorEvent.emit(event.detail);
         };
-        this.disputeId = undefined;
-        this.authToken = undefined;
-        this.apiOrigin = "https://wc-proxy.justifi.ai";
-        this.getDispute = undefined;
-        this.errorMessage = null;
     }
     componentWillLoad() {
         checkPkgVersion.checkPkgVersion();
@@ -91,7 +87,7 @@ const DisputeManagement = class {
         }
     }
     render() {
-        return (index.h("justifi-dispute-management-core", { key: '4bdf1bb2befbd6d963744cac254993ad78e2047f', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
+        return (index.h("justifi-dispute-management-core", { key: '395f55b1545929405b170553f0a4e3124540e50e', 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,26 +1,25 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5b9a3b5f.js');
-const utils$1 = require('./utils-4120664c.js');
-const parts = require('./parts-5ca90f9a.js');
-const button = require('./button-4a9fd41e.js');
-const styledHost = require('./styled-host-94309bab.js');
-const skeleton = require('./skeleton-e8aa41d0.js');
-const ComponentError = require('./ComponentError-233ac749.js');
-const utils = require('./utils-7a478c37.js');
-const dispute_service = require('./dispute.service-6efc7d7f.js');
-const eventTypes = require('./event-types-8edaabbb.js');
-const checkPkgVersion = require('./check-pkg-version-e6dcbeb7.js');
-require('./Api-83d93333.js');
-require('./Checkout-5352009d.js');
-require('./Pagination-0da8f095.js');
-require('./Payment-bccd8f7d.js');
-require('./Dispute-eb6bad54.js');
-require('./SubAccount-2a302ead.js');
-require('./Document-0b828345.js');
-require('./package-5a9f02b2.js');
+var index = require('./index-DtkhH7sB.js');
+var utils$1 = require('./utils-DmZ8Dia3.js');
+var parts = require('./parts-D_uKOPFe.js');
+var button = require('./button-KWTLx2LP.js');
+var styledHost = require('./styled-host-JifnTMIV.js');
+var skeleton = require('./skeleton-C59M0QK2.js');
+var ComponentError = require('./ComponentError-C4MdBBMe.js');
+var utils = require('./utils-l0veqT9y.js');
+var dispute_service = require('./dispute.service-CGgfmGU-.js');
+var eventTypes = require('./event-types-BWQT2lwu.js');
+var checkPkgVersion = require('./check-pkg-version-CLsX6cK5.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
+require('./Api-KMweahmp.js');
+require('./Checkout-RAGvjVPj.js');
+require('./Pagination-Dediz133.js');
+require('./Payment-CQCmj3Ck.js');
+require('./Dispute-CruQTF6_.js');
+require('./Refund-DpKGhW3o.js');
+require('./Document-rXGBUaOh.js');
+require('./package-5B4P3NpD.js');
 
 const makeUpdateDisputeResponse = ({ authToken, disputeId, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
     var _a;
@@ -113,12 +112,9 @@ const makeCreateDisputeEvidence = ({ authToken, disputeId, service }) => async (
 const DisputeNotification = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.clickEvent = index.createEvent(this, "click-event", 7);
-        this.errorEvent = index.createEvent(this, "error-event", 7);
-        this.submitEvent = index.createEvent(this, "submit-event", 7);
-        this.dispute = undefined;
-        this.authToken = undefined;
-        this.isLoading = undefined;
+        this.clickEvent = index.createEvent(this, "click-event");
+        this.errorEvent = index.createEvent(this, "error-event");
+        this.submitEvent = index.createEvent(this, "submit-event");
     }
     acceptDispute() {
         makeSubmitDisputeResponse({
@@ -144,26 +140,20 @@ const DisputeNotification = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (index.h(styledHost.StyledHost, { key: 'ad76721d05d9dcdfb643d865aec1a6f0684e1e05' }, this.isLoading && (index.h("div", { key: 'a8b8e850e168cba9281a6f6302aef53976027346', style: { marginBottom: '8px' } }, index.h(skeleton.Skeleton, { key: '813563746b9f9b507b49762c9e1a1f006765345b', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), index.h(skeleton.Skeleton, { key: '373c0596e6246860a17822eb5ec49f3ef9e37460', height: '18px', styles: { marginBottom: '8px' } }), index.h(skeleton.Skeleton, { key: '32f8083f0551fbea29de6ddbc847dc62fa0b0c48', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (index.h("div", { key: '9c032d9b8ea4b176f1fabfff45a2975ac9e6df17', part: parts.text }, index.h("h1", { key: 'e1a906047a9c056138bb2bd69dddf2bbc54782c4', class: "h4", part: parts.heading4 }, "This payment is disputed"), index.h("p", { key: '40d9d799d073318ba52a2c559c8119c64e9107aa' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), index.h("h2", { key: 'e2d3bc21f03cd47acc8feec8640410c1c74f9b58', class: "h5" }, "Dispute details"), index.h("div", { key: '3e3c440350a6dc86b42204a43f80fa700c1d06f0', class: "d-table gap-2" }, index.h("div", { key: '67b4dbf945dae00fe6e6144782c6c249cc032968', class: "d-table-row gap-2" }, index.h("span", { key: '6570c2fc92f6a526a6e2afee91fa1017f5ef3c9b', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), index.h("span", { key: '269f42e3737b419978fb35e741f34a751f0b0d9b', 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: 'b498ff565dafbea3e3452d386883924bda431a96', class: "d-table-row gap-2" }, index.h("span", { key: 'afaecceeac44807453e1a99ffc0d8961022fd98f', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), index.h("span", { key: '69b491d454f791d679528b77f9f75fc889add363', 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: '97515b0bd0dd113e31e6974c7e107af19eed2e73', class: "d-table-row gap-2" }, index.h("span", { key: 'e8a46a99bb2596d8aab980230088989c3a9455c4', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), index.h("span", { key: 'aa5e2e6997bedfdbd31c2fe9ee540a4399e3a25e', 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: '4e35b26867fdde02426bd047932ca854c05421b7', class: "d-flex gap-2 mt-4 justify-content-end" }, index.h(button.Button, { key: '2881172b26ffb36321094ea2f8af7cc622678229', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), index.h(button.Button, { key: 'e57fca0b48327bb898ec19938498eb1c945bbb4d', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (index.h("div", { key: 'c1f0a2f35d9640efdfd76b13d6969374169b2631' }, index.h("h1", { key: '800d59ebecc9f15890fe7f264a3b44910e322784', class: "h4" }, "This payment is disputed and under review"), index.h("p", { key: '30a7d186c01e33f2a95b0cecb3a4a69b59d158e6' }, "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: '5d0fbdcc7a15817e1875d18a5f4d9cf982989ed1' }, index.h("h1", { key: 'b2814587c7bd46e28948346f5871456e6cc0589c', class: "h4" }, "This payment was disputed"), index.h("p", { key: 'bff6dbf512017e27b1fc6ea2a97b2dc47f4b2a65' }, "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: '548cf8e95c0933ec987862c162487abfd3c043bc' }, index.h("h1", { key: '46f96b5e6785b5a4398918c0e29302403a7194bd', class: "h4" }, "This payment was disputed"), index.h("p", { key: '71c3c1e1754cd0f0f042a6277ba93b2076cd7645' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
+        return (index.h(styledHost.StyledHost, { key: 'c7b0e27df3ff2b6c3d7896b643dafa22ecbfc12f' }, this.isLoading && (index.h("div", { key: '18146e1d3c1dbe3c0d13373c271f6f0c2a14e577', style: { marginBottom: '8px' } }, index.h(skeleton.Skeleton, { key: '4549fd59a8f667f3f20eee3ad7f222e3482ddd90', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), index.h(skeleton.Skeleton, { key: '7eb2385f0ffd5ff987e744cfa63b21c2b287b8c7', height: '18px', styles: { marginBottom: '8px' } }), index.h(skeleton.Skeleton, { key: '573f29b4ab58f7e0e40b92ba66f72301b554c747', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (index.h("div", { key: 'cbca9793cb135c38a44990123eabf1356f956611', part: parts.text }, index.h("h1", { key: '753e802679bac3750d29956ff36405acd382e63a', class: "h4", part: parts.heading4 }, "This payment is disputed"), index.h("p", { key: 'b61db99b9cd660cc275f95f54cdd6c83f8225875' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), index.h("h2", { key: '9d5121aaeca16f9aa7a95783c1051c82aa9c8411', class: "h5" }, "Dispute details"), index.h("div", { key: '9283a15923b110e0b3fa88d626b6f35382c1d140', class: "d-table gap-2" }, index.h("div", { key: '2e55561fe97701ab94ea24b6959971c74ca6e729', class: "d-table-row gap-2" }, index.h("span", { key: 'f00c9fd6f56714465930707eb4b5d62089e7d267', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), index.h("span", { key: '49df6471bb1b23a17c9e94bec38a4790a4c201c9', 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: '82c0acacdf47345bdb164b8e478e5f00231a6c91', class: "d-table-row gap-2" }, index.h("span", { key: '9e5ffb7a87c37bddb5f3ac06b5cd5b0cb13a8f16', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), index.h("span", { key: '1ce8f6455621793c8cc529db0ad7e00edd7c56f7', 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: '2387aca8911939e4a38001aa4b027e4347b53f67', class: "d-table-row gap-2" }, index.h("span", { key: '6bae0054cd63fa4079aad94b1d59ebae82a5f29f', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), index.h("span", { key: '9902828da0416de007183640132b13b3b3876ab5', 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: '488bf8b0f522eb80dc7875a05e5bcd9ecadc2e9f', class: "d-flex gap-2 mt-4 justify-content-end" }, index.h(button.Button, { key: '4a1ac98e4e10ef9eb6583266e822e9f92f37bb7a', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), index.h(button.Button, { key: '9636fef3a69df92ad8d5361f60374ee185c684f6', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (index.h("div", { key: '80161e317bf111f13bd5305a427862a5c8533c6b' }, index.h("h1", { key: 'c5f43507dbb2b82b7098143b8397a6321e98201c', class: "h4" }, "This payment is disputed and under review"), index.h("p", { key: 'a31b3e8e72a8936ba3016e8f1f08505025d36372' }, "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: '0033197d2d6c036de59dab25ec7238664bd52726' }, index.h("h1", { key: 'ef352a480feefb8e7aa22e27b86395baaedddaa5', class: "h4" }, "This payment was disputed"), index.h("p", { key: '258eeb510b153e46468889685f6abfcd88671be8' }, "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: 'fa49089194fd3462be03ac147c0f414bcd2ff936' }, index.h("h1", { key: 'cad5f4223d4394adb1630268ec1dbce4b8e7de97', class: "h4" }, "This payment was disputed"), index.h("p", { key: 'befc6125e3d2548576c2072ebdf509f39afd93d3' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
     }
 };
 
 const DisputeResponse = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.errorEvent = index.createEvent(this, "error-event");
+        this.errorMessage = null;
+        this.apiOrigin = "https://wc-proxy.justifi.ai";
         this.handleErrorEvent = (event) => {
             this.errorMessage = event.detail.message;
             this.errorEvent.emit(event.detail);
         };
-        this.updateDisputeResponse = undefined;
-        this.submitDisputeResponse = undefined;
-        this.createDisputeEvidence = undefined;
-        this.errorMessage = null;
-        this.authToken = undefined;
-        this.disputeId = undefined;
-        this.disputeResponse = undefined;
-        this.apiOrigin = "https://wc-proxy.justifi.ai";
     }
     componentWillLoad() {
         checkPkgVersion.checkPkgVersion();
@@ -204,7 +194,7 @@ const DisputeResponse = class {
         }
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '1a0ac889493d8008e9bd70e4c3aad9ea72d12453' }, index.h("justifi-dispute-response-core", { key: '82e11a3f0d14640beca1ebed72364662db3ffdbd', "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: 'f9f1f5840fdcbde1bff206516b1ab5777e29e101' }, index.h("justifi-dispute-response-core", { key: '8ead7c944c233a6fa5fc6bf1cdd04670d446948e', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
     }
     ;
     static get watchers() { return {
@@ -216,10 +206,15 @@ const DisputeResponse = class {
 const DisputeResponseCore = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.clickEvent = index.createEvent(this, "click-event", 7);
-        this.errorEvent = index.createEvent(this, "error-event", 7);
-        this.stepCompleteEvent = index.createEvent(this, "complete-form-step-event", 7);
-        this.submitEvent = index.createEvent(this, "submit-event", 7);
+        this.clickEvent = index.createEvent(this, "click-event");
+        this.errorEvent = index.createEvent(this, "error-event");
+        this.stepCompleteEvent = index.createEvent(this, "complete-form-step-event");
+        this.submitEvent = index.createEvent(this, "submit-event");
+        this.disputeResponse = {};
+        this.isLoading = false;
+        this.documentList = [];
+        this.documentErrors = {};
+        this.currentStep = 0;
         this.componentStepMapping = [
             () => index.h("justifi-product-or-service", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
             () => index.h("justifi-customer-details", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
@@ -356,15 +351,6 @@ const DisputeResponseCore = class {
                 await this.handleSubmit(submitData, documentList, formStep);
             });
         };
-        this.updateDisputeResponse = undefined;
-        this.submitDisputeResponse = undefined;
-        this.createDisputeEvidence = undefined;
-        this.disputeResponse = {};
-        this.isLoading = false;
-        this.documentList = [];
-        this.documentErrors = {};
-        this.currentStep = 0;
-        this.currentStepComponentRef = undefined;
     }
     get currentStepComponent() {
         return this.componentStepMapping[this.currentStep]();
@@ -376,7 +362,7 @@ const DisputeResponseCore = class {
         return this.currentStep === 0;
     }
     render() {
-        return (index.h("div", { key: '1f44d3fa1d95758e9dc949bc9df9cb8def59aae5', class: "row gy-3" }, index.h("div", { key: '5245e71606a4f69a8978c27bf8d0a985ecf3b835', class: "col-12" }, index.h("h1", { key: 'e843ee37344171cb159fe83889ddc244487d49ed', class: "h4", part: parts.heading4 }, "Counter dispute")), index.h("div", { key: '7680b28f96255822f3048dc529bafa71cebf81cc', class: "col-12" }, this.currentStepComponent), index.h("div", { key: '3ce0c6ac049c64a3ed18e42dcc001dd1f62a5aed', class: "col-12" }, index.h("div", { key: '2192e17c236024e2c89ea361ac1a4e2b57c6b50e', 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: '925abd40942ff12e2e6a86a3c929848694713b15', class: "row gy-3" }, index.h("div", { key: 'd5f26db74f10893a9cde0758902c0b035a61a2c1', class: "col-12" }, index.h("h1", { key: '97a51d22b0e540b72f91f0a1a7bd813c8fb8d82d', class: "h4", part: parts.heading4 }, "Counter dispute")), index.h("div", { key: 'fad6269029d7c647b0fdfef74b51ae10b57c3c25', class: "col-12" }, this.currentStepComponent), index.h("div", { key: 'ddc092e8ec7d7e65944ec0d543ee77d002430f5a', class: "col-12" }, index.h("div", { key: 'ba9acd77d6aaa6aeb302cecc9d3f5d5b429214c5', 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,21 +1,21 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5b9a3b5f.js');
-const Api = require('./Api-83d93333.js');
-const ComponentError = require('./ComponentError-233ac749.js');
-const utils = require('./utils-7a478c37.js');
-const utils$1 = require('./utils-f8714daa.js');
-const checkPkgVersion = require('./check-pkg-version-e6dcbeb7.js');
-require('./parts-5ca90f9a.js');
-require('./package-5a9f02b2.js');
+var index = require('./index-DtkhH7sB.js');
+var Api = require('./Api-KMweahmp.js');
+var ComponentError = require('./ComponentError-C4MdBBMe.js');
+var utils = require('./utils-l0veqT9y.js');
+var utils$1 = require('./utils-D3seTk2e.js');
+var checkPkgVersion = require('./check-pkg-version-CLsX6cK5.js');
+require('./utils-DmZ8Dia3.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
+require('./parts-D_uKOPFe.js');
+require('./package-5B4P3NpD.js');
 
 class ReportsService {
     async fetchGrossVolumeChartData(accountId, authToken) {
         const api = Api.Api({ authToken: authToken, apiOrigin: "https://wc-proxy.justifi.ai" });
         const endpoint = `account/${accountId}/reports/gross_volume`;
-        return api.get(endpoint);
+        return api.get({ endpoint });
     }
 }
 
@@ -50,15 +50,12 @@ const makeGetGrossPaymentChartData = ({ id, authToken, service }) => async ({ on
 const GrossPaymentChart = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.errorEvent = index.createEvent(this, "error-event");
+        this.errorMessage = null;
         this.handleErrorEvent = (event) => {
             this.errorMessage = event.detail.message;
             this.errorEvent.emit(event.detail);
         };
-        this.accountId = undefined;
-        this.authToken = undefined;
-        this.getGrossPayment = undefined;
-        this.errorMessage = null;
     }
     componentWillLoad() {
         checkPkgVersion.checkPkgVersion();