@justifi/webcomponents 5.6.0 → 5.7.0

package/dist/cjs/ApiNew-C8nf_gS9.js

@@ -0,0 +1,86 @@
+'use strict';
+
+var configState = require('./config-state-D7p-XunE.js');
+var utils = require('./utils-DmZ8Dia3.js');
+
+const Api = () => {
+    async function getAuthorizationHeader(authToken) {
+        if (!authToken) {
+            return {
+                'Content-Type': 'application/json',
+            };
+        }
+        return {
+            Authorization: `Bearer ${authToken}`,
+            'Idempotency-Key': utils.generateId(),
+            'Content-Type': 'application/json',
+        };
+    }
+    async function makeRequest(props) {
+        const { authToken, endpoint, method, params, body, signal, headers } = props;
+        await configState.waitForConfig();
+        const apiOrigin = configState.configState.apiOrigin;
+        const url = `${apiOrigin}/v1/${endpoint}`;
+        const requestUrl = params ? `${url}?${new URLSearchParams(params)}` : url;
+        const defaultHeaders = await getAuthorizationHeader(authToken);
+        const mergedHeaders = Object.assign(Object.assign({}, defaultHeaders), headers);
+        const response = await fetch(requestUrl, {
+            method: method,
+            headers: mergedHeaders,
+            body: body,
+            signal: signal,
+        });
+        if (response) {
+            return response.status === 204 ? {} : response.json();
+        }
+        handleError(requestUrl);
+    }
+    async function get(props) {
+        const { authToken, endpoint, params, signal, headers } = props;
+        return makeRequest({ authToken, endpoint, method: 'GET', params, signal, headers });
+    }
+    async function post(props) {
+        const { authToken, endpoint, body, params, signal, headers } = props;
+        return makeRequest({
+            authToken,
+            endpoint,
+            method: 'POST',
+            params,
+            body: JSON.stringify(body),
+            signal,
+            headers,
+        });
+    }
+    async function put(props) {
+        const { authToken, endpoint, body, params, signal } = props;
+        return makeRequest({
+            authToken,
+            endpoint,
+            method: 'PUT',
+            params,
+            body: JSON.stringify(body),
+            signal,
+        });
+    }
+    async function patch(props) {
+        const { authToken, endpoint, body, params, signal } = props;
+        return makeRequest({
+            authToken,
+            endpoint,
+            method: 'PATCH',
+            params,
+            body: JSON.stringify(body),
+            signal,
+        });
+    }
+    async function destroy(props) {
+        const { authToken, endpoint, params, signal } = props;
+        return makeRequest({ authToken, endpoint, method: 'DELETE', params, signal });
+    }
+    return { get, post, put, patch, destroy };
+};
+function handleError(requestUrl) {
+    console.error(`Error fetching from ${requestUrl}`);
+}
+
+exports.Api = Api;

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

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

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-BRQfozbS.js');
-var parts = require('./parts-D_uKOPFe.js');
+var index = require('./index-BYd8IvAa.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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BRQfozbS.js');
+var index = require('./index-BYd8IvAa.js');
 var utils$1 = require('./utils-DmZ8Dia3.js');
 require('./ComponentError-C4MdBBMe.js');
 require('./Checkout-RAGvjVPj.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-D_uKOPFe.js');
-var skeleton = require('./skeleton-BXVndBVC.js');
-var formControlErrorText = require('./form-control-error-text-NbHDc1JL.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,17 +1,19 @@
 'use strict';
 
-var index = require('./index-BRQfozbS.js');
-var skeleton = require('./skeleton-BXVndBVC.js');
-var iframeInputStylesState = require('./iframe-input-styles-state-jHHRvqzM.js');
-var parts = require('./parts-D_uKOPFe.js');
+var index = require('./index-BYd8IvAa.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-9jMf1erK.js');
 var index_esm = require('./index.esm-CVuJLXJZ.js');
 var schemaValidations = require('./schema-validations-p4OCdblz.js');
-var header3 = require('./header-3-CNWIH9ZU.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');
 var utils$1 = require('./utils-DmZ8Dia3.js');
-require('./index-DzQdh5ij.js');
+require('./index-B8ljHEN1.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./business-form-options-BCj0efiD.js');
 require('./Business-DyiDiIuO.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-additional-questions-schema-mzZ2gYHQ.js → business-additional-questions-schema-gVepoR4V.js}

@@ -12,7 +12,7 @@ const businessCoreInfoSchema = (allowOptionalFields) => {
         doing_business_as: schemaValidations.doingBusinessAsValidation.nullable(),
         classification: schemaValidations.businessClassificationValidation.required('Select business classification'),
         industry: schemaValidations.industryValidation.required('Enter a business industry'),
-        tax_id: schemaValidations.taxIdValidation.required('Enter tax id, SSN, or EIN'),
+        tax_id: schemaValidations.taxIdValidation.required('Enter valid tax ID (SSN or EIN) without dashes'),
         date_of_incorporation: schemaValidations.dateOfIncorporationValidation.required('Enter date of incorporation'),
     });
     const easySchema = index_esm.create$3({

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

@@ -1,10 +1,11 @@
 'use strict';
 
-var index = require('./index-BRQfozbS.js');
-var utils = require('./utils-DxbncJhj.js');
-var styledHost = require('./styled-host-CzJ8Ux1t.js');
-var skeleton = require('./skeleton-BXVndBVC.js');
-require('./parts-D_uKOPFe.js');
+var index = require('./index-BYd8IvAa.js');
+var utils = require('./utils-5lco6NzU.js');
+var styledHost = require('./styled-host-udkBJV5h.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-Crmkeulk.js → business.service-yVtplFhh.js}

@@ -1,56 +1,47 @@
 'use strict';
 
-var Api = require('./Api-KMweahmp.js');
+var ApiNew = require('./ApiNew-C8nf_gS9.js');
 
+const api = ApiNew.Api();
 class BusinessService {
-    async fetchBusiness(businessId, authToken, apiOrigin = "https://wc-proxy.justifi.ai") {
+    async fetchBusiness(businessId, authToken) {
         const endpoint = `entities/business/${businessId}`;
-        return Api.Api({ authToken, apiOrigin }).get({ endpoint });
+        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-Cp4u5YgP.js → button-BPFSRx4d.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-BRQfozbS.js');
-var parts = require('./parts-D_uKOPFe.js');
+var index = require('./index-BYd8IvAa.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-C4d9pl8G.js → check-pkg-version-BYKcQDik.js}

@@ -1,12 +1,13 @@
 'use strict';
 
-var _package = require('./package-S6wVKDKx.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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BRQfozbS.js');
+var index = require('./index-BYd8IvAa.js');
 require('./utils-DmZ8Dia3.js');
 require('./ComponentError-C4MdBBMe.js');
 require('./Checkout-RAGvjVPj.js');
@@ -8,15 +8,16 @@ var Pagination = require('./Pagination-Dediz133.js');
 require('./Payment-CQCmj3Ck.js');
 require('./Refund-CpurRc4w.js');
 require('./Document-rXGBUaOh.js');
-var parts = require('./parts-D_uKOPFe.js');
-var eventTypes = require('./event-types-CjInBN20.js');
-var checkoutsTable = require('./checkouts-table-nsXjlcI1.js');
-var checkoutsListParamsState = require('./checkouts-list-params-state-DX4jg37H.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-CSH2OUiV.js');
-require('./badge-DwSZ83Bm.js');
-require('./index-DzQdh5ij.js');
+require('./parts-9jMf1erK.js');
+require('./spinner-BTyIjlMM.js');
+require('./badge-BxoJOyTJ.js');
+require('./index-B8ljHEN1.js');
 
 const CheckoutsListCore = class {
     constructor(hostRef) {
@@ -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/{payouts-list-params-state-DX4jg37H.js → checkouts-list-params-state-BvG5Ysrg.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DzQdh5ij.js');
+var index = require('./index-B8ljHEN1.js');
 
 const filterParamsInitialState = {};
 const propsParamsInitialState = {};

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-BRQfozbS.js');
+var index = require('./index-BYd8IvAa.js');
 var utils = require('./utils-DmZ8Dia3.js');
-var badge = require('./badge-DwSZ83Bm.js');
-var parts = require('./parts-D_uKOPFe.js');
+var badge = require('./badge-BxoJOyTJ.js');
+var parts = require('./parts-9jMf1erK.js');
 
 const MapCheckoutStatusToBadge = (status) => {
     const statusToBadgeProps = {

package/dist/cjs/config-state-D7p-XunE.js

@@ -0,0 +1,42 @@
+'use strict';
+
+var index = require('./index-B8ljHEN1.js');
+
+const initialState = {
+    apiOrigin: "https://wc-proxy.justifi.ai",
+    iframeOrigin: "https://components.justifi.ai",
+    accountId: '',
+};
+const configStore = index.createStore(() => initialState);
+const { state: configState} = configStore;
+// resolver for the “ready” promise
+let resolveConfigReady;
+// initial “handshake” promise
+const configReady = new Promise(r => {
+    resolveConfigReady = r;
+});
+// called by <justifi-config-provider>
+const setConfigState = (vals) => {
+    Object.assign(configState, vals);
+    resolveConfigReady();
+};
+/**
+ * Wait for configProvider to run, but safe guard against never mounting.
+ * @param timeoutMs max time to wait before resolving with default values
+ */
+const waitForConfig = (timeoutMs = 200) => {
+    return new Promise(resolve => {
+        const timer = setTimeout(() => {
+            // timeout expired, proceed with default config state values
+            resolve();
+        }, timeoutMs);
+        configReady.then(() => {
+            clearTimeout(timer);
+            resolve();
+        });
+    });
+};
+
+exports.configState = configState;
+exports.setConfigState = setConfigState;
+exports.waitForConfig = waitForConfig;

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

@@ -1,8 +1,9 @@
 'use strict';
 
-var index = require('./index-BRQfozbS.js');
-var parts = require('./parts-D_uKOPFe.js');
-var formControlErrorText = require('./form-control-error-text-NbHDc1JL.js');
+var index = require('./index-BYd8IvAa.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-BRQfozbS.js');
-var parts = require('./parts-D_uKOPFe.js');
+var index = require('./index-BYd8IvAa.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-BRQfozbS.js');
-var parts = require('./parts-D_uKOPFe.js');
-var formControlHelpText = require('./form-control-help-text-bc3qGHAG.js');
-var formControlErrorText = require('./form-control-error-text-NbHDc1JL.js');
+var index = require('./index-BYd8IvAa.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) {