@justifi/webcomponents 5.6.1 → 5.7.0

package/dist/cjs/{ApiNew-DG13rvk6.js → ApiNew-C8nf_gS9.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var configState = require('./config-state-Bm8-EuFE.js');
+var configState = require('./config-state-D7p-XunE.js');
 var utils = require('./utils-DmZ8Dia3.js');
 
 const Api = () => {

package/dist/cjs/additional-questions-details_5.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
 var index = require('./index-BYd8IvAa.js');
-var utils$1 = require('./utils-B_Ol6YlL.js');
+var utils$1 = require('./utils-5lco6NzU.js');
 var utils = require('./utils-DmZ8Dia3.js');
-require('./parts-Du1T2dvF.js');
+require('./parts-9jMf1erK.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 
 const AdditionalQuestionsDetails = class {

package/dist/cjs/{badge-ByWVHNyJ.js → badge-BxoJOyTJ.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BYd8IvAa.js');
-var parts = require('./parts-Du1T2dvF.js');
+var parts = require('./parts-9jMf1erK.js');
 
 exports.BadgeVariant = void 0;
 (function (BadgeVariant) {

package/dist/cjs/bank-account-document-form-inputs_4.cjs.entry.js

@@ -11,9 +11,10 @@ var Document = require('./Document-rXGBUaOh.js');
 var businessFormOptions = require('./business-form-options-BCj0efiD.js');
 require('./event-types-DNOUef41.js');
 var utils = require('./utils-DAyWinG2.js');
-var parts = require('./parts-Du1T2dvF.js');
-var skeleton = require('./skeleton-BFtuPBwQ.js');
-var formControlErrorText = require('./form-control-error-text-CBAVQoZ3.js');
+var parts = require('./parts-9jMf1erK.js');
+var skeleton = require('./skeleton-aMh0RMHq.js');
+require('./event-types-YOY5TKUN.js');
+var formControlErrorText = require('./form-control-error-text-D9XDyFoW.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./Dispute-CruQTF6_.js');
 require('./Business-DyiDiIuO.js');

package/dist/cjs/bank-account-form_9.cjs.entry.js

@@ -1,12 +1,14 @@
 'use strict';
 
 var index = require('./index-BYd8IvAa.js');
-var skeleton = require('./skeleton-BFtuPBwQ.js');
+var skeleton = require('./skeleton-aMh0RMHq.js');
+var configState = require('./config-state-D7p-XunE.js');
 var iframeInputStylesState = require('./iframe-input-styles-state-D9vhHzZQ.js');
-var parts = require('./parts-Du1T2dvF.js');
+var parts = require('./parts-9jMf1erK.js');
 var index_esm = require('./index.esm-CVuJLXJZ.js');
 var schemaValidations = require('./schema-validations-p4OCdblz.js');
-var header3 = require('./header-3-DYzIjFIZ.js');
+var header3 = require('./header-3-B-bXHCpC.js');
+require('./event-types-YOY5TKUN.js');
 var utils = require('./utils-DAyWinG2.js');
 var stateOptions = require('./state-options-CIT9xdTz.js');
 var Payment = require('./Payment-CQCmj3Ck.js');
@@ -40,13 +42,9 @@ const BankAccountForm = class {
         index.registerInstance(this, hostRef);
         this.isReady = false;
     }
-    async validate() {
-        const accountNumberIsValid = await this.accountNumberIframeElement.validate();
-        const routingNumberIsValid = await this.routingNumberIframeElement.validate();
-        return accountNumberIsValid && routingNumberIsValid;
-    }
-    async tokenize(clientId, paymentMethodMetadata, account) {
-        return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
+    async componentWillLoad() {
+        await configState.waitForConfig();
+        this.iframeOrigin = configState.configState.iframeOrigin;
     }
     componentDidRender() {
         const elements = [
@@ -61,11 +59,19 @@ const BankAccountForm = class {
             this.isReady = true;
         });
     }
+    async validate() {
+        const accountNumberIsValid = await this.accountNumberIframeElement.validate();
+        const routingNumberIsValid = await this.routingNumberIframeElement.validate();
+        return accountNumberIsValid && routingNumberIsValid;
+    }
+    async tokenize(clientId, paymentMethodMetadata, account) {
+        return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
+    }
     render() {
-        return (index.h(index.Host, { key: '3d21d5269871beaffeffaef8b9c5104da59c1783' }, index.h(BankAccountFormSkeleton, { key: 'eb14285f2f0994085423901139f717c3b644273b', isReady: this.isReady }), index.h("div", { key: '906895204049f1113d596bade78de29bd5def6c2', class: "container-fluid p-0", style: {
+        return (index.h(index.Host, { key: 'b6cdf5a9320d92a5390daaa0a5218274f2dfc178' }, index.h(BankAccountFormSkeleton, { key: '286fcc38a26820d166ced0bc886143ed3d880da4', isReady: this.isReady }), index.h("div", { key: '041fcacff70d7cdfc0c8f41258bd9db18703e4c1', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, index.h("div", { key: 'c56aa2cdec0c8be615dee4388346e890b2610b82', class: "row mb-3" }, index.h("iframe-input", { key: '5dd97225f360e267abf0c772b28ba890edf284db', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), index.h("div", { key: '20504c4b3c984c907765b99051a9e44ad6b5a37a', class: "row" }, index.h("iframe-input", { key: 'a85f47d87b01e099ac54969ce482abcc1fcb5366', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+            } }, index.h("div", { key: '94dc0eb0d79b40ade96e1961611e3e7a8eef20ea', class: "row mb-3" }, index.h("iframe-input", { key: '41c82b772e7873a45409e35ed56dfea16c20c2ee', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), index.h("div", { key: '1c95618a50e2d36a3a9a3a7b691ae0dfa6a09936', class: "row" }, index.h("iframe-input", { key: '28a4dde70c8f55b4f6bf6ce2d3beee6acbebbc0b', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
     }
 };
 
@@ -94,6 +100,10 @@ const CardForm = class {
         index.registerInstance(this, hostRef);
         this.isReady = false;
     }
+    async componentWillLoad() {
+        await configState.waitForConfig();
+        this.iframeOrigin = configState.configState.iframeOrigin;
+    }
     componentDidRender() {
         const elements = [
             this.cardNumberIframeElement,
@@ -120,10 +130,10 @@ const CardForm = class {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (index.h(index.Host, { key: '035f015833d7c16a99ffb3cc4c1b88f44928839f' }, index.h(CardFormSkeleton, { key: '4f6a98efb4bb1ec08bc7660fe8fb11cf1f91aac4', isReady: this.isReady }), index.h("div", { key: 'efe85d9a9f3cd1ecabd6014b4e6ef6a22dce94f1', class: "container-fluid p-0", style: {
+        return (index.h(index.Host, { key: '3d28e96f020196a359a359507237b50dd9fed020' }, index.h(CardFormSkeleton, { key: 'ee07eb10acf142fcaab1398278e335df49f1abe9', isReady: this.isReady }), index.h("div", { key: 'bfce475f392cbb2bad3fd1c76f16c6e6a6718c1f', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, index.h("div", { key: 'd72b1e2e6034d556eccbc6bd68b1469ce51ae257', class: "mb-3" }, index.h("iframe-input", { key: 'd5d4ae255037b01aced2c90c59bb74d65053b88a', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), index.h("div", { key: '1ff59862ecaf86c067638bc86a7a21425ee27ec0', class: "row" }, index.h("div", { key: '3f6803d69bc30890eb39f005c32c06d0cfb6cf0d', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'a328d46fbfea56f3fd483194a74e6d8520cbc2ae', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), index.h("div", { key: '46594d660b45a68f5b578823ed54db1a570a0291', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'e107c2515d16a339d52a3b08f91537eca3c92a23', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), index.h("div", { key: '3df8a556f5e0bade368137a673e814774ad507b9', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '3432154c7645eda22beb1fe180936357b5b4b2c2', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+            } }, index.h("div", { key: 'e8517852800a9a165e61308f8d1cf875a87c021e', class: "mb-3" }, index.h("iframe-input", { key: '6efe224b7f4a2f63eec601d3e48c454d78c30300', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), index.h("div", { key: 'cb6df3c5d9788a22c26255d1fe94331544730d24', class: "row" }, index.h("div", { key: '895943798b131da4215b24da822f7109e045e05b', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'ebea71cabe9f783734f924cfd0b03797cd203ce7', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), index.h("div", { key: 'a65042ba66ca4a2a6f520147d316eb20f82369ea', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '8ef921245a3075ba36c310955bea671b71aca658', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), index.h("div", { key: 'e37d637b078a36736ba698d0d96465e138fcf5ab', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'df20adb17524ea29f55e1c223267a9f0294b6062', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
     }
 };
 
@@ -336,14 +346,14 @@ const NewPaymentMethod = class {
     showNewPaymentMethodForm() {
         var _a;
         const paymentMethodType = (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id;
-        return (index.h("div", { class: "mt-4 pb-4" }, index.h("hidden-input", null), paymentMethodType === 'card' ? (index.h("card-form", { ref: (el) => this.paymentMethodFormRef = el, iframeOrigin: this.iframeOrigin })) : (index.h("bank-account-form", { ref: (el) => this.paymentMethodFormRef = el, iframeOrigin: this.iframeOrigin })), index.h("justifi-billing-form", { ref: (el) => (this.billingFormRef = el), hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: paymentMethodType }), index.h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupId })));
+        return (index.h("div", { class: "mt-4 pb-4" }, index.h("hidden-input", null), paymentMethodType === 'card' ? (index.h("card-form", { ref: (el) => this.paymentMethodFormRef = el })) : (index.h("bank-account-form", { ref: (el) => this.paymentMethodFormRef = el })), index.h("justifi-billing-form", { ref: (el) => (this.billingFormRef = el), hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: paymentMethodType }), index.h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupId })));
     }
     get hiddenRadioInput() {
         return !this.showAch || !this.showCard;
     }
     render() {
         var _a, _b;
-        return (index.h(index.Host, { key: 'a3da4a7aa5c5f68bec412be9eb210e8d45d81e80', class: "payment-method" }, index.h("div", { key: 'b15cf071a206e09333d55d5c7af26b71a79c46cf', class: "radio-list-item p-3", part: parts.radioListItem, onClick: this.onPaymentMethodOptionClick, hidden: this.hiddenRadioInput }, index.h("form-control-radio", { key: 'd6ff109905c264b201ff3d6f09001a17e4cc351b', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: PaymentMethodTypeLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id] })), this.isSelected ? this.showNewPaymentMethodForm() : null));
+        return (index.h(index.Host, { key: 'b80791923e2276322ebe0ce3b25b2073beac188d', class: "payment-method" }, index.h("div", { key: '47dc555bc135d4562958cf371ca3c8b80ee7236d', class: "radio-list-item p-3", part: parts.radioListItem, onClick: this.onPaymentMethodOptionClick, hidden: this.hiddenRadioInput }, index.h("form-control-radio", { key: 'e485347f39fa4b7d46d64e231931d6bdf541687c', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: PaymentMethodTypeLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id] })), this.isSelected ? this.showNewPaymentMethodForm() : null));
     }
 };
 
@@ -418,13 +428,13 @@ const PaymentMethodOptions = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '2cf31e17412eb30afabe6749b86b7d1a6f308114' }, (_a = this.paymentMethodOptions) === null || _a === void 0 ? void 0 : _a.map((paymentMethodOption) => {
+        return (index.h(index.Host, { key: '506450161ed363330132c2bfa99a6a7729e94778' }, (_a = this.paymentMethodOptions) === null || _a === void 0 ? void 0 : _a.map((paymentMethodOption) => {
             const newCard = paymentMethodOption.id === Payment.PaymentMethodTypes.card;
             const newBankAccount = paymentMethodOption.id === Payment.PaymentMethodTypes.bankAccount;
             const isSelected = this.selectedPaymentMethodId === paymentMethodOption.id;
             const sezzle = paymentMethodOption.id === Payment.PaymentMethodTypes.sezzle;
             if (newCard || newBankAccount) {
-                return (index.h("justifi-new-payment-method", { paymentMethodOption: paymentMethodOption, authToken: this.authToken, "account-id": this.accountId, "is-selected": isSelected, "show-card": this.showCard, "show-ach": this.showAch, paymentMethodGroupId: this.paymentMethodGroupId, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, iframeOrigin: this.iframeOrigin, ref: (el) => {
+                return (index.h("justifi-new-payment-method", { paymentMethodOption: paymentMethodOption, authToken: this.authToken, "account-id": this.accountId, "is-selected": isSelected, "show-card": this.showCard, "show-ach": this.showAch, paymentMethodGroupId: this.paymentMethodGroupId, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, ref: (el) => {
                         if (isSelected) {
                             this.selectedPaymentMethodOptionRef = el;
                         }

package/dist/cjs/business-details-core.cjs.entry.js

@@ -1,10 +1,11 @@
 'use strict';
 
 var index = require('./index-BYd8IvAa.js');
-var utils = require('./utils-B_Ol6YlL.js');
+var utils = require('./utils-5lco6NzU.js');
 var styledHost = require('./styled-host-udkBJV5h.js');
-var skeleton = require('./skeleton-BFtuPBwQ.js');
-require('./parts-Du1T2dvF.js');
+require('./event-types-YOY5TKUN.js');
+var skeleton = require('./skeleton-aMh0RMHq.js');
+require('./parts-9jMf1erK.js');
 
 const BusinessDetailsLoading = () => {
     const Block = () => (index.h("div", { class: "mt-5" },

package/dist/cjs/{business.service-Vcq4kPU8.js → business.service-yVtplFhh.js}

@@ -1,58 +1,47 @@
 'use strict';
 
-var Api = require('./Api-KMweahmp.js');
-var ApiNew = require('./ApiNew-DG13rvk6.js');
+var ApiNew = require('./ApiNew-C8nf_gS9.js');
 
+const api = ApiNew.Api();
 class BusinessService {
     async fetchBusiness(businessId, authToken) {
-        const api = ApiNew.Api();
         const endpoint = `entities/business/${businessId}`;
         return api.get({ endpoint, authToken });
     }
     async patchBusiness(authToken, businessId, payload) {
         const endpoint = `entities/business/${businessId}`;
-        return Api.Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).patch({
-            endpoint,
-            body: payload,
-        });
+        const body = payload;
+        return api.patch({ endpoint, body, authToken });
     }
 }
 class IdentityService {
     async fetchIdentity(identityId, authToken) {
         const endpoint = `entities/identity/${identityId}`;
-        return Api.Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).get({ endpoint });
+        return api.get({ endpoint, authToken });
     }
     async patchIdentity(authToken, identityId, payload) {
         const endpoint = `entities/identity/${identityId}`;
-        return Api.Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).patch({
-            endpoint,
-            body: payload,
-        });
+        const body = payload;
+        return api.patch({ endpoint, body, authToken });
     }
     async postIdentity(authToken, payload) {
         const endpoint = `entities/identity`;
-        return Api.Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post({
-            endpoint,
-            body: payload,
-        });
+        const body = payload;
+        return api.post({ endpoint, body, authToken });
     }
 }
 class BusinessBankAccountService {
     async postBankAccount(authToken, payload) {
         const endpoint = `entities/bank_accounts`;
-        return Api.Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post({
-            endpoint,
-            body: payload,
-        });
+        const body = payload;
+        return api.post({ endpoint, body, authToken });
     }
 }
 class DocumentRecordService {
     async postDocumentRecord(authToken, payload) {
         const endpoint = `entities/document`;
-        return Api.Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post({
-            endpoint,
-            body: payload,
-        });
+        const body = payload;
+        return api.post({ endpoint, body, authToken });
     }
 }
 

package/dist/cjs/{button-Bn9jOYbx.js → button-BPFSRx4d.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BYd8IvAa.js');
-var parts = require('./parts-Du1T2dvF.js');
+var parts = require('./parts-9jMf1erK.js');
 
 const ButtonSpinner = () => (index.h("div", { class: "spinner-border spinner-border-sm", role: "status", part: "button-spinner" },
     index.h("span", { class: "visually-hidden" }, "Loading...")));

package/dist/cjs/{check-pkg-version-7gGchZzS.js → check-pkg-version-BYKcQDik.js}

@@ -1,12 +1,13 @@
 'use strict';
 
-var _package = require('./package-CseQI95t.js');
-var Api = require('./Api-KMweahmp.js');
+var _package = require('./package-CX6Njc5t.js');
+var ApiNew = require('./ApiNew-C8nf_gS9.js');
 
+const api = ApiNew.Api();
 class AnalyticsService {
     async record(body) {
         const endpoint = 'analytics';
-        return Api.Api({ apiOrigin: "https://wc-proxy.justifi.ai" }).post({ endpoint, body });
+        return api.post({ endpoint, body });
     }
 }
 

package/dist/cjs/checkout.service-Dd2AbBn2.js

@@ -0,0 +1,28 @@
+'use strict';
+
+var ApiNew = require('./ApiNew-C8nf_gS9.js');
+
+const api = ApiNew.Api();
+class CheckoutService {
+    async fetchCheckout(authToken, checkoutId) {
+        const endpoint = `checkouts/${checkoutId}`;
+        return api.get({ endpoint, authToken });
+    }
+    async fetchCheckouts(accountId, authToken, params) {
+        const endpoint = 'checkouts';
+        const headers = { Account: accountId };
+        return api.get({ endpoint, params, headers, authToken });
+    }
+    async complete(authToken, checkoutId, payment) {
+        const endpoint = `checkouts/${checkoutId}/complete`;
+        const body = {
+            payment_mode: payment.payment_mode,
+        };
+        if (payment.payment_token) {
+            body.payment_token = payment.payment_token;
+        }
+        return api.post({ endpoint, body, authToken });
+    }
+}
+
+exports.CheckoutService = CheckoutService;

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

@@ -8,14 +8,15 @@ var Pagination = require('./Pagination-Dediz133.js');
 require('./Payment-CQCmj3Ck.js');
 require('./Refund-CpurRc4w.js');
 require('./Document-rXGBUaOh.js');
-var parts = require('./parts-Du1T2dvF.js');
-var eventTypes = require('./event-types-cB_-SsYZ.js');
-var checkoutsTable = require('./checkouts-table-C_cpZa-i.js');
+var table = require('./table-DKVauFHc.js');
+var eventTypes = require('./event-types-YOY5TKUN.js');
+var checkoutsTable = require('./checkouts-table-_T5eblyc.js');
 var checkoutsListParamsState = require('./checkouts-list-params-state-BvG5Ysrg.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./Dispute-CruQTF6_.js');
-require('./spinner-C9z2tkh2.js');
-require('./badge-ByWVHNyJ.js');
+require('./parts-9jMf1erK.js');
+require('./spinner-BTyIjlMM.js');
+require('./badge-BxoJOyTJ.js');
 require('./index-B8ljHEN1.js');
 
 const CheckoutsListCore = class {
@@ -48,7 +49,7 @@ const CheckoutsListCore = class {
         this.fetchData();
     }
     componentWillLoad() {
-        this.checkoutsTable = new eventTypes.Table(this.checkouts, this.columns, checkoutsTable.checkoutTableColumns, checkoutsTable.checkoutTableCells);
+        this.checkoutsTable = new table.Table(this.checkouts, this.columns, checkoutsTable.checkoutTableColumns, checkoutsTable.checkoutTableCells);
         if (this.getCheckouts && this.getSubAccounts) {
             this.fetchData();
         }
@@ -134,7 +135,7 @@ const CheckoutsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (index.h("div", { key: '0dd82ae052b98ada5c277a6472c43992d43485a5', class: "table-wrapper" }, index.h("table", { key: 'd8bc8f4a0fe8cb778397529704d86815876e831c', class: "table table-hover", part: parts.table }, index.h("thead", { key: 'b38366e22402d695e20bb713a0c4e38d06e5043f', class: "table-head sticky-top" }, index.h("tr", { key: '8a82e88f24aaa6bec09de27ec439083572cf617c', class: "table-light text-nowrap" }, this.checkoutsTable.columnData.map((column) => column))), index.h("tbody", { key: 'fc09f4d4263d588fc1002657f6f535097069c16b', class: "table-body" }, index.h(eventTypes.TableLoadingState, { key: 'beb188a8b7e19eb8516c84727b365e38fb9f07b2', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), index.h(eventTypes.TableEmptyState, { key: '5b8945e459c72cb21da62a1ad24f5a409b442137', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), index.h(eventTypes.TableErrorState, { key: '39b99e63e8759221589be8053a88b74d37d78013', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index$1) => (index.h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h("tfoot", { key: '8effcd26c82977391f8487b80fabe954694338f8', class: "sticky-bottom" }, index.h("tr", { key: 'cc95a3c59060b0cbc44a39a66c8061912f4c995f', class: "table-light align-middle" }, index.h("td", { key: '54850b1384a006b4a0a70d465bfac1c94698be9a', part: parts.tableCell, colSpan: this.checkoutsTable.columnData.length }, index.h("pagination-menu", { key: 'b3f5da967dbd19bf1018fea9a926885ed0f40865', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (index.h(table.TableWrapper, { key: '79f36b8dd358285868187892962f5e2138942fe8' }, index.h(table.TableComponent, { key: 'e48c644e425ac45ab27b92548bc49af35b599245' }, index.h(table.TableHead, { key: '6d47b68c0a74f0eff3146dfc4720b0cc0f6fc24d' }, index.h(table.TableHeadRow, { key: 'a3660ae82b53ba7dead2e577fd8d573426935dc6' }, this.checkoutsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: '08fbd465bae0afa3de8d472c84e0410150509673' }, index.h(table.TableLoadingState, { key: 'ba7d778f9fc029166d6228fe9b1a8f1598a68c5a', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), index.h(table.TableEmptyState, { key: '312b176371526658852b74ae228524695f5c1947', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), index.h(table.TableErrorState, { key: 'a24680fb1d681397a3cb266ec34ab5c9310dfa64', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index$1) => (index.h(table.TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h(table.TableFoot, { key: '503ffd707d958a353a18a6f06d1280a0cb01c741' }, index.h(table.TableFootRow, { key: '250fcfc3961881ab460221e5e0160d5b6d35e5c3' }, index.h(table.TableFootCell, { key: '2631d54b49bbee1502e5412cd9303d7d67746525', colSpan: this.checkoutsTable.columnData.length }, index.h("pagination-menu", { key: 'd7bb27501b62a1089090b06c82b2a2c328a2e0b6', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/cjs/{checkouts-table-C_cpZa-i.js → checkouts-table-_T5eblyc.js}

@@ -2,8 +2,8 @@
 
 var index = require('./index-BYd8IvAa.js');
 var utils = require('./utils-DmZ8Dia3.js');
-var badge = require('./badge-ByWVHNyJ.js');
-var parts = require('./parts-Du1T2dvF.js');
+var badge = require('./badge-BxoJOyTJ.js');
+var parts = require('./parts-9jMf1erK.js');
 
 const MapCheckoutStatusToBadge = (status) => {
     const statusToBadgeProps = {

package/dist/cjs/{config-state-Bm8-EuFE.js → config-state-D7p-XunE.js}

@@ -4,7 +4,7 @@ var index = require('./index-B8ljHEN1.js');
 
 const initialState = {
     apiOrigin: "https://wc-proxy.justifi.ai",
-    iFrameOrigin: "https://components.justifi.ai",
+    iframeOrigin: "https://components.justifi.ai",
     accountId: '',
 };
 const configStore = index.createStore(() => initialState);

package/dist/cjs/custom-popper_4.cjs.entry.js

@@ -1,8 +1,9 @@
 'use strict';
 
 var index = require('./index-BYd8IvAa.js');
-var parts = require('./parts-Du1T2dvF.js');
-var formControlErrorText = require('./form-control-error-text-CBAVQoZ3.js');
+var parts = require('./parts-9jMf1erK.js');
+var formControlErrorText = require('./form-control-error-text-D9XDyFoW.js');
+require('./event-types-YOY5TKUN.js');
 
 var top = 'top';
 var bottom = 'bottom';

package/dist/cjs/dispute.service-C0J-Wh-Y.js

@@ -0,0 +1,28 @@
+'use strict';
+
+var ApiNew = require('./ApiNew-C8nf_gS9.js');
+
+const api = ApiNew.Api();
+class DisputeService {
+    async fetchDispute(disputeId, authToken) {
+        const endpoint = `disputes/${disputeId}`;
+        return api.get({ endpoint, authToken });
+    }
+    async updateDisputeResponse(disputeId, authToken, payload) {
+        const endpoint = `disputes/${disputeId}/response`;
+        const body = payload;
+        return api.patch({ endpoint, body, authToken });
+    }
+    async submitDisputeResponse(disputeId, authToken, payload) {
+        const endpoint = `disputes/${disputeId}/response`;
+        const body = payload;
+        return api.post({ endpoint, body, authToken });
+    }
+    async createDisputeEvidence(disputeId, authToken, payload) {
+        const endpoint = `disputes/${disputeId}/evidence`;
+        const body = payload;
+        return api.put({ endpoint, body, authToken });
+    }
+}
+
+exports.DisputeService = DisputeService;

package/dist/cjs/event-types-YOY5TKUN.js

@@ -0,0 +1,8 @@
+'use strict';
+
+exports.TableClickActions = void 0;
+(function (TableClickActions) {
+    TableClickActions["row"] = "tableRow";
+    TableClickActions["next"] = "nextPage";
+    TableClickActions["previous"] = "previousPage";
+})(exports.TableClickActions || (exports.TableClickActions = {}));

package/dist/cjs/form-alert_5.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BYd8IvAa.js');
-var parts = require('./parts-Du1T2dvF.js');
+var parts = require('./parts-9jMf1erK.js');
 var businessFormOptions = require('./business-form-options-BCj0efiD.js');
 var formInputMasks = require('./form-input-masks-DgXd0f4V.js');
 var Business = require('./Business-DyiDiIuO.js');

package/dist/cjs/form-control-checkbox.cjs.entry.js

@@ -1,9 +1,10 @@
 'use strict';
 
 var index = require('./index-BYd8IvAa.js');
-var parts = require('./parts-Du1T2dvF.js');
-var formControlHelpText = require('./form-control-help-text-DQz5O3wX.js');
-var formControlErrorText = require('./form-control-error-text-CBAVQoZ3.js');
+var parts = require('./parts-9jMf1erK.js');
+var formControlHelpText = require('./form-control-help-text-J_boqSMc.js');
+var formControlErrorText = require('./form-control-error-text-D9XDyFoW.js');
+require('./event-types-YOY5TKUN.js');
 
 const CheckboxInput = class {
     constructor(hostRef) {

package/dist/cjs/form-control-date.cjs.entry.js

@@ -1,8 +1,9 @@
 'use strict';
 
 var index = require('./index-BYd8IvAa.js');
-var parts = require('./parts-Du1T2dvF.js');
-var formControlErrorText = require('./form-control-error-text-CBAVQoZ3.js');
+var parts = require('./parts-9jMf1erK.js');
+var formControlErrorText = require('./form-control-error-text-D9XDyFoW.js');
+require('./event-types-YOY5TKUN.js');
 
 const DateInput = class {
     constructor(hostRef) {

package/dist/cjs/{form-control-error-text-CBAVQoZ3.js → form-control-error-text-D9XDyFoW.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BYd8IvAa.js');
-var parts = require('./parts-Du1T2dvF.js');
+var parts = require('./parts-9jMf1erK.js');
 
 const FormControlErrorText = (props) => {
     const { errorText, name } = props;

package/dist/cjs/form-control-file-v2_2.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
 var index = require('./index-BYd8IvAa.js');
-var formControlErrorText = require('./form-control-error-text-CBAVQoZ3.js');
-var parts = require('./parts-Du1T2dvF.js');
+var formControlErrorText = require('./form-control-error-text-D9XDyFoW.js');
+var parts = require('./parts-9jMf1erK.js');
 
 const FileInput = class {
     constructor(hostRef) {

package/dist/cjs/{form-control-help-text-DQz5O3wX.js → form-control-help-text-J_boqSMc.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BYd8IvAa.js');
-var parts = require('./parts-Du1T2dvF.js');
+var parts = require('./parts-9jMf1erK.js');
 
 const FormControlHelpText = (props) => {
     const { helpText, name } = props;

package/dist/cjs/form-control-monetary-provisioning.cjs.entry.js

@@ -3,9 +3,10 @@
 var index = require('./index-BYd8IvAa.js');
 var index$1 = require('./index-1MT3Z4XI.js');
 var formInputMasks = require('./form-input-masks-DgXd0f4V.js');
-var parts = require('./parts-Du1T2dvF.js');
-var formControlHelpText = require('./form-control-help-text-DQz5O3wX.js');
-var formControlErrorText = require('./form-control-error-text-CBAVQoZ3.js');
+var parts = require('./parts-9jMf1erK.js');
+var formControlHelpText = require('./form-control-help-text-J_boqSMc.js');
+var formControlErrorText = require('./form-control-error-text-D9XDyFoW.js');
+require('./event-types-YOY5TKUN.js');
 
 const MonetaryInputProvisioning = class {
     constructor(hostRef) {

package/dist/cjs/form-control-monetary.cjs.entry.js

@@ -1,9 +1,10 @@
 'use strict';
 
 var index = require('./index-BYd8IvAa.js');
-var parts = require('./parts-Du1T2dvF.js');
-var formControlHelpText = require('./form-control-help-text-DQz5O3wX.js');
-var formControlErrorText = require('./form-control-error-text-CBAVQoZ3.js');
+var parts = require('./parts-9jMf1erK.js');
+var formControlHelpText = require('./form-control-help-text-J_boqSMc.js');
+var formControlErrorText = require('./form-control-error-text-D9XDyFoW.js');
+require('./event-types-YOY5TKUN.js');
 var utils = require('./utils-DmZ8Dia3.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 

package/dist/cjs/form-control-number-masked_2.cjs.entry.js

@@ -2,8 +2,9 @@
 
 var index = require('./index-BYd8IvAa.js');
 var index$1 = require('./index-1MT3Z4XI.js');
-var parts = require('./parts-Du1T2dvF.js');
-var formControlErrorText = require('./form-control-error-text-CBAVQoZ3.js');
+var parts = require('./parts-9jMf1erK.js');
+var formControlErrorText = require('./form-control-error-text-D9XDyFoW.js');
+require('./event-types-YOY5TKUN.js');
 var stateOptions = require('./state-options-CIT9xdTz.js');
 var utils = require('./utils-DAyWinG2.js');
 

package/dist/cjs/form-control-number.cjs.entry.js

@@ -1,9 +1,10 @@
 'use strict';
 
 var index = require('./index-BYd8IvAa.js');
-var parts = require('./parts-Du1T2dvF.js');
-var formControlHelpText = require('./form-control-help-text-DQz5O3wX.js');
-var formControlErrorText = require('./form-control-error-text-CBAVQoZ3.js');
+var parts = require('./parts-9jMf1erK.js');
+var formControlHelpText = require('./form-control-help-text-J_boqSMc.js');
+var formControlErrorText = require('./form-control-error-text-D9XDyFoW.js');
+require('./event-types-YOY5TKUN.js');
 
 const NumberInput = class {
     constructor(hostRef) {

package/dist/cjs/form-control-radio.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BYd8IvAa.js');
-var parts = require('./parts-Du1T2dvF.js');
+var parts = require('./parts-9jMf1erK.js');
 
 const RadioInput = class {
     constructor(hostRef) {

package/dist/cjs/{get-subaccounts-CasN5tDA.js → get-subaccounts-CquZS5kP.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var ApiNew = require('./ApiNew-DG13rvk6.js');
+var ApiNew = require('./ApiNew-C8nf_gS9.js');
 require('./utils-DmZ8Dia3.js');
 var ComponentError = require('./ComponentError-C4MdBBMe.js');
 require('./Checkout-RAGvjVPj.js');

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

@@ -2,10 +2,10 @@
 
 var index = require('./index-BYd8IvAa.js');
 var utils = require('./utils-DmZ8Dia3.js');
-var utils$1 = require('./utils-B_Ol6YlL.js');
-var spinner = require('./spinner-C9z2tkh2.js');
+var utils$1 = require('./utils-5lco6NzU.js');
+var spinner = require('./spinner-BTyIjlMM.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
-require('./parts-Du1T2dvF.js');
+require('./parts-9jMf1erK.js');
 
 /*!
  * @kurkle/color v0.3.4

package/dist/cjs/{header-1-Bl1S9jV8.js → header-1-auSUfIpO.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BYd8IvAa.js');
-var parts = require('./parts-Du1T2dvF.js');
+var parts = require('./parts-9jMf1erK.js');
 
 const Header1 = (props) => {
     return index.h("h1", { class: `header-1 ${props === null || props === void 0 ? void 0 : props.class}`, part: parts.heading1 }, props.text);

package/dist/cjs/{header-3-DYzIjFIZ.js → header-3-B-bXHCpC.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BYd8IvAa.js');
-var parts = require('./parts-Du1T2dvF.js');
+var parts = require('./parts-9jMf1erK.js');
 
 const Header3 = (props) => {
     return index.h("h3", { class: `header-3 ${props === null || props === void 0 ? void 0 : props.class}`, part: parts.heading3 }, props.text);