@justifi/webcomponents 5.6.1 → 5.7.1

package/dist/module/business-terms-conditions-form-step.js

@@ -1,15 +1,14 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { c as create$3, d as create$7, F as FormController } from './form.js';
 import { A as Api } from './Api.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError.js';
-import './Checkout.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
 import './Refund.js';
 import './Document.js';
-import { h as heading2 } from './parts.js';
 import './Business.js';
-import { B as BusinessFormStep } from './event-types.js';
+import { h as heading2 } from './parts.js';
+import { B as BusinessFormStep } from './event-types2.js';
 import { d as defineCustomElement$1 } from './form-control-checkbox2.js';
 
 const businessTermsConditionsSchema = (allowOptionalFields) => {
@@ -36,7 +35,7 @@ const BusinessTermsConditionsFormStep = /*@__PURE__*/ proxyCustomElement(class B
         this.fetchData = async () => {
             this.formLoading.emit(true);
             try {
-                const response = await this.api.get({ endpoint: this.businessEndpoint });
+                const response = await this.api.get({ endpoint: this.businessEndpoint, authToken: this.authToken });
                 this.acceptedTermsBefore = response.data.terms_conditions_accepted;
             }
             catch (error) {
@@ -92,7 +91,7 @@ const BusinessTermsConditionsFormStep = /*@__PURE__*/ proxyCustomElement(class B
         };
     }
     async componentWillLoad() {
-        this.api = Api({ authToken: this.authToken, apiOrigin: "https://wc-proxy.justifi.ai" });
+        this.api = Api();
         this.formController = new FormController(businessTermsConditionsSchema(this.allowOptionalFields));
         if (this.businessId && this.authToken) {
             this.fetchData();
@@ -133,7 +132,7 @@ const BusinessTermsConditionsFormStep = /*@__PURE__*/ proxyCustomElement(class B
         return (h("a", { href: "https://justifi.tech/merchant-agreement/", target: "_blank", rel: "noopener noreferrer" }, "merchant agreement"));
     }
     render() {
-        return (h("form", { key: '2da7d2ed790cc896168c3034642b5e1c4b5aab5b' }, h("fieldset", { key: '1fd89c9ef9d1f65647280d8b7d80625ee6fcde3a' }, h("legend", { key: 'c8d4b44f530bf4b702523ebd10b2abef4321c1e5', part: heading2 }, "Terms and Conditions"), h("hr", { key: '5b16410dea6ee295e9546bb7d9f69c47b5a3a2a0' }), h("div", { key: '0863be82b21e863fbd59eadcf6eb6bf214f7be5c' }, h("p", { key: '9cc14fe90dafba81b5f979b6cd36bfb820c84d5e' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: '357aa6a506fe3c4fdb2d2cdd5250096fc6707bad' }), h("div", { key: 'f9196a0f47187d263b1eea9157307e2a0bd58eab', class: "row-gy-3" }, h("div", { key: 'd753c0ea76488813acc49034e433f82ac6aea8c2', class: "col-12" }, h("form-control-checkbox", { key: 'e2fd2f318fd357959bb0768008f8c9f0242f7fe6', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText, checked: this.acceptedTerms }))))));
+        return (h("form", { key: '6bba766ba11512058470225103aa2afff318ab99' }, h("fieldset", { key: '318755ea4fc772e61ac9f8318ccf95494f71bf73' }, h("legend", { key: 'e5a268e9be8ed0a69eb8eed23ffc742228218685', part: heading2 }, "Terms and Conditions"), h("hr", { key: '100eed0ad0c8e7a5c652640c337d899be6f2131a' }), h("div", { key: '08a878a7fe9cd7b8ccb2217932d5d3a3b53bb0c9' }, h("p", { key: 'a5b3ddc655c511187327028229a893f7ea06c7ca' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: '5c021ef8a8bce686a615a7478a4312f842eb4248' }), h("div", { key: '6b3172972459d33e70e6bf4b8c2c9d93a843b7f4', class: "row-gy-3" }, h("div", { key: '1e99c4eab265b0b0f370a02ddf76b15d27db961c', class: "col-12" }, h("form-control-checkbox", { key: '4c974e3fd58f34000fa70d38d3da312f9bd1fe0d', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText, checked: this.acceptedTerms }))))));
     }
 }, [0, "justifi-business-terms-conditions-form-step", {
         "authToken": [1, "auth-token"],

package/dist/module/business.service.js

@@ -1,56 +1,51 @@
-import { A as Api$1 } from './Api.js';
-import { A as Api } from './ApiNew.js';
+import { A as Api } from './Api.js';
+import './Checkout.js';
+import './Pagination.js';
+import './Payment.js';
+import './Refund.js';
+import './Document.js';
+import './Business.js';
 
+const api = Api();
 class BusinessService {
     async fetchBusiness(businessId, authToken) {
-        const api = Api();
         const endpoint = `entities/business/${businessId}`;
         return api.get({ endpoint, authToken });
     }
     async patchBusiness(authToken, businessId, payload) {
         const endpoint = `entities/business/${businessId}`;
-        return Api$1({ 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$1({ 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$1({ 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$1({ 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$1({ 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$1({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post({
-            endpoint,
-            body: payload,
-        });
+        const body = payload;
+        return api.post({ endpoint, body, authToken });
     }
 }
 

package/dist/module/button.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core/internal/client';
-import { _ as buttonSecondary, $ as buttonPrimary, a0 as buttonLoading } from './parts.js';
+import { $ as buttonSecondary, a0 as buttonPrimary, a1 as buttonLoading } from './parts.js';
 
 const ButtonSpinner = () => (h("div", { class: "spinner-border spinner-border-sm", role: "status", part: "button-spinner" },
     h("span", { class: "visually-hidden" }, "Loading...")));

package/dist/module/cancellation-policy.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
-import { Z as heading5 } from './parts.js';
+import { _ as heading5 } from './parts.js';
 import { d as defineCustomElement$5 } from './custom-popper2.js';
 import { d as defineCustomElement$4 } from './form-control-file-v22.js';
 import { d as defineCustomElement$3 } from './form-control-help-text2.js';

package/dist/module/card-form2.js

@@ -1,5 +1,6 @@
 import { h, proxyCustomElement, HTMLElement, Host } from '@stencil/core/internal/client';
 import { S as Skeleton } from './skeleton.js';
+import { w as waitForConfig, c as configState } from './config-state.js';
 import { d as defineCustomElement$1 } from './iframe-input2.js';
 
 const CardFormSkeleton = (props) => {
@@ -28,6 +29,10 @@ const CardForm = /*@__PURE__*/ proxyCustomElement(class CardForm extends HTMLEle
         this.__registerHost();
         this.isReady = false;
     }
+    async componentWillLoad() {
+        await waitForConfig();
+        this.iframeOrigin = configState.iframeOrigin;
+    }
     componentDidRender() {
         const elements = [
             this.cardNumberIframeElement,
@@ -54,14 +59,14 @@ const CardForm = /*@__PURE__*/ proxyCustomElement(class CardForm extends HTMLEle
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: '035f015833d7c16a99ffb3cc4c1b88f44928839f' }, h(CardFormSkeleton, { key: '4f6a98efb4bb1ec08bc7660fe8fb11cf1f91aac4', isReady: this.isReady }), h("div", { key: 'efe85d9a9f3cd1ecabd6014b4e6ef6a22dce94f1', class: "container-fluid p-0", style: {
+        return (h(Host, { key: '3d28e96f020196a359a359507237b50dd9fed020' }, h(CardFormSkeleton, { key: 'ee07eb10acf142fcaab1398278e335df49f1abe9', isReady: this.isReady }), h("div", { key: 'bfce475f392cbb2bad3fd1c76f16c6e6a6718c1f', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'd72b1e2e6034d556eccbc6bd68b1469ce51ae257', class: "mb-3" }, h("iframe-input", { key: 'd5d4ae255037b01aced2c90c59bb74d65053b88a', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '1ff59862ecaf86c067638bc86a7a21425ee27ec0', class: "row" }, h("div", { key: '3f6803d69bc30890eb39f005c32c06d0cfb6cf0d', class: "col-4 align-content-end" }, h("iframe-input", { key: 'a328d46fbfea56f3fd483194a74e6d8520cbc2ae', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '46594d660b45a68f5b578823ed54db1a570a0291', class: "col-4 align-content-end" }, h("iframe-input", { key: 'e107c2515d16a339d52a3b08f91537eca3c92a23', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: '3df8a556f5e0bade368137a673e814774ad507b9', class: "col-4 align-content-end" }, h("iframe-input", { key: '3432154c7645eda22beb1fe180936357b5b4b2c2', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+            } }, h("div", { key: 'e8517852800a9a165e61308f8d1cf875a87c021e', class: "mb-3" }, h("iframe-input", { key: '6efe224b7f4a2f63eec601d3e48c454d78c30300', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: 'cb6df3c5d9788a22c26255d1fe94331544730d24', class: "row" }, h("div", { key: '895943798b131da4215b24da822f7109e045e05b', class: "col-4 align-content-end" }, h("iframe-input", { key: 'ebea71cabe9f783734f924cfd0b03797cd203ce7', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: 'a65042ba66ca4a2a6f520147d316eb20f82369ea', class: "col-4 align-content-end" }, h("iframe-input", { key: '8ef921245a3075ba36c310955bea671b71aca658', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: 'e37d637b078a36736ba698d0d96465e138fcf5ab', class: "col-4 align-content-end" }, h("iframe-input", { key: 'df20adb17524ea29f55e1c223267a9f0294b6062', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
     }
 }, [0, "card-form", {
-        "iframeOrigin": [1, "iframe-origin"],
         "isReady": [32],
+        "iframeOrigin": [32],
         "validate": [64],
         "tokenize": [64]
     }]);

package/dist/module/check-pkg-version.js

@@ -1,10 +1,17 @@
 import { p as packageJson } from './package.js';
 import { A as Api } from './Api.js';
+import './Checkout.js';
+import './Pagination.js';
+import './Payment.js';
+import './Refund.js';
+import './Document.js';
+import './Business.js';
 
+const api = Api();
 class AnalyticsService {
     async record(body) {
         const endpoint = 'analytics';
-        return Api({ apiOrigin: "https://wc-proxy.justifi.ai" }).post({ endpoint, body });
+        return api.post({ endpoint, body });
     }
 }
 
@@ -73,6 +80,9 @@ class JustifiAnalytics {
     }
     cleanup() {
         // Remove event listeners
+        if (!this.eventEmitters) {
+            return;
+        }
         this.eventEmitters.forEach((event) => {
             this.componentInstance.removeEventListener(event, this.handleCustomEvent);
         });

package/dist/module/checkout-core.js

@@ -1,14 +1,14 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { f as formatCurrency } from './utils2.js';
-import { C as Checkout } from './Checkout.js';
-import { C as ComponentErrorSeverity } from './ComponentError.js';
+import { c as formatCurrency } from './utils2.js';
+import { b as Checkout, C as ComponentErrorSeverity } from './Checkout.js';
 import { v as validateInsuranceValues, i as insuranceValuesOn, a as insuranceValues, H as Header2 } from './insurance-state.js';
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
-import { t as text, V as checkoutSummary } from './parts.js';
 import { S as Skeleton } from './skeleton.js';
+import { t as text, V as checkoutSummary } from './parts.js';
 import { d as defineCustomElement$6, H as Header3 } from './billing-form.js';
 import './details.js';
+import './event-types.js';
 import { d as defineCustomElement$h } from './bank-account-form2.js';
 import { d as defineCustomElement$g } from './card-form2.js';
 import { d as defineCustomElement$f } from './custom-popper2.js';
@@ -142,21 +142,20 @@ const CheckoutCore = /*@__PURE__*/ proxyCustomElement(class CheckoutCore extends
     }
     get paymentType() {
         var _a, _b, _c, _d, _e;
-        return (h("section", null, h("div", { class: !this.isLoading && 'visually-hidden' }, h(Skeleton, { height: "300px" })), h("div", { class: this.isLoading && 'visually-hidden' }, h("justifi-payment-method-options", { ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": !this.disableBnpl, paymentMethodGroupId: (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_method_group_id, "show-saved-payment-methods": !this.disablePaymentMethodGroup, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, bnpl: (_b = this.checkout) === null || _b === void 0 ? void 0 : _b.bnpl, authToken: this.authToken, "account-id": (_c = this.checkout) === null || _c === void 0 ? void 0 : _c.account_id, savedPaymentMethods: ((_d = this.checkout) === null || _d === void 0 ? void 0 : _d.payment_methods) || [], paymentAmount: (_e = this.checkout) === null || _e === void 0 ? void 0 : _e.payment_amount, insuranceToggled: this.insuranceToggled, iframeOrigin: this.iframeOrigin }))));
+        return (h("section", null, h("div", { class: !this.isLoading && 'visually-hidden' }, h(Skeleton, { height: "300px" })), h("div", { class: this.isLoading && 'visually-hidden' }, h("justifi-payment-method-options", { ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": !this.disableBnpl, paymentMethodGroupId: (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_method_group_id, "show-saved-payment-methods": !this.disablePaymentMethodGroup, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, bnpl: (_b = this.checkout) === null || _b === void 0 ? void 0 : _b.bnpl, authToken: this.authToken, "account-id": (_c = this.checkout) === null || _c === void 0 ? void 0 : _c.account_id, savedPaymentMethods: ((_d = this.checkout) === null || _d === void 0 ? void 0 : _d.payment_methods) || [], paymentAmount: (_e = this.checkout) === null || _e === void 0 ? void 0 : _e.payment_amount, insuranceToggled: this.insuranceToggled }))));
     }
     get summary() {
         var _a, _b;
         return (h("section", null, h("div", { class: !this.isLoading && 'visually-hidden' }, h(Skeleton, { height: "24px" })), h("div", { class: this.isLoading && 'visually-hidden' }, h("div", { part: text }, (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_description), h("div", null, h("span", { part: text }, "Total"), "\u00A0", h("span", { part: text }, formatCurrency(+((_b = this.checkout) === null || _b === void 0 ? void 0 : _b.total_amount)))))));
     }
     render() {
-        return (h(StyledHost, { key: 'f02d0164b3e051bef6898d28efc52c3eb957b0ea' }, h("div", { key: '457c53bd60d22b1c31693f657ba68e37c92e6004', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '80a64216626921e9ea1162aaadcbcd39e646b8f6', class: "col-12", part: checkoutSummary }, h(Header2, { key: '6c26edfa8e55efa4e6dce35bc6a033049d3274a9', text: "Summary", class: "fs-5 fw-bold pb-3" }), this.summary), h("div", { key: '871352bbea880434c1f1206a185116beeb583225', class: "col-12" }, h("slot", { key: '7c1f22eee6502bb3921d6b887408df94a62eda4b', name: "insurance" })), h("div", { key: 'c47495deecf30222832850b904db0187cfe914cd', class: "col-12 mt-4" }, h(Header2, { key: 'f4b8b52bce3f002948918edc9fe319f2e6688673', text: "Payment", class: "fs-5 fw-bold pb-3" }), h(Header3, { key: '3013b9ac43206948e1fd1e2a3c58c8b99e8c71d2', text: "Select payment type", class: "fs-6 fw-bold lh-lg" }), h("div", { key: 'f7820a1754a6885572e44bd58c3cf819a6d5c3cf', class: "d-flex flex-column" }, this.paymentType)), h("div", { key: '54368dbcbf70067aca7f275db6dccf890b46408a', class: "col-12" }, h("div", { key: 'd7fda8916e810961613921eb1d7c5d04c1051fb5', class: "d-flex justify-content-end" }, h(Button, { key: '347e5a5abde014dc3222a7603603d35547c09671', type: "submit", variant: "primary", onClick: (e) => this.submit(e), disabled: this.isLoading, isLoading: this.isLoading, style: { width: '100%' } }, "Pay"))))));
+        return (h(StyledHost, { key: '2fb8b2c2b543712023c74cf9b41dc57675c89237' }, h("div", { key: 'caba36e076e4162d9c92844f7c0632b5bf678de6', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '6a27d64005d785815d5567894d6e2a6e1e515cf8', class: "col-12", part: checkoutSummary }, h(Header2, { key: '645fe4250331805e86811700b453458f065188bd', text: "Summary", class: "fs-5 fw-bold pb-3" }), this.summary), h("div", { key: 'c49c73eb3462ad17e0344e74be508abe958a9358', class: "col-12" }, h("slot", { key: 'be626bff57c95b92f9853e2e9b63dd9279834142', name: "insurance" })), h("div", { key: '025b0400164935f10d6c79d445bfdcf157290fd6', class: "col-12 mt-4" }, h(Header2, { key: '483b5d53b5cea3ae6fccfbb3aa9d3efe0dc8fcab', text: "Payment", class: "fs-5 fw-bold pb-3" }), h(Header3, { key: '21abbd4d669e351c8ad0a87b7b408a4998948b46', text: "Select payment type", class: "fs-6 fw-bold lh-lg" }), h("div", { key: '9441e97e1bd64b796ebcf1404d4ca04964990982', class: "d-flex flex-column" }, this.paymentType)), h("div", { key: '9db2e4fccff5b868e7d329d9b0be864942adcc3d', class: "col-12" }, h("div", { key: '2eaef4ed6062b27de2516de7b71a056c829f8cab', class: "d-flex justify-content-end" }, h(Button, { key: '505869afa61094d628b58a32749c44f678e4fda3', type: "submit", variant: "primary", onClick: (e) => this.submit(e), disabled: this.isLoading, isLoading: this.isLoading, style: { width: '100%' } }, "Pay"))))));
     }
 }, [1, "justifi-checkout-core", {
         "authToken": [1, "auth-token"],
         "getCheckout": [16, "get-checkout"],
         "complete": [16],
         "checkoutId": [1, "checkout-id"],
-        "iframeOrigin": [1, "iframe-origin"],
         "disableCreditCard": [4, "disable-credit-card"],
         "disableBankAccount": [4, "disable-bank-account"],
         "disableBnpl": [4, "disable-bnpl"],

package/dist/module/checkout.service.js

@@ -1,37 +1,31 @@
 import { A as Api } from './Api.js';
-import './ComponentError.js';
 import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
 import './Refund.js';
 import './Document.js';
+import './Business.js';
 
+const api = Api();
 class CheckoutService {
     async fetchCheckout(authToken, checkoutId) {
         const endpoint = `checkouts/${checkoutId}`;
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).get({ endpoint });
+        return api.get({ endpoint, authToken });
     }
-    async fetchCheckouts(accountId, authToken, params, apiOrigin) {
-        if (!apiOrigin) {
-            apiOrigin = "https://wc-proxy.justifi.ai";
-        }
-        const headers = { Account: accountId };
-        const api = Api({ authToken, apiOrigin: apiOrigin });
+    async fetchCheckouts(accountId, authToken, params) {
         const endpoint = 'checkouts';
-        return api.get({ endpoint, params, headers });
+        const headers = { Account: accountId };
+        return api.get({ endpoint, params, headers, authToken });
     }
     async complete(authToken, checkoutId, payment) {
         const endpoint = `checkouts/${checkoutId}/complete`;
-        const payload = {
+        const body = {
             payment_mode: payment.payment_mode,
         };
         if (payment.payment_token) {
-            payload.payment_token = payment.payment_token;
+            body.payment_token = payment.payment_token;
         }
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post({
-            endpoint,
-            body: payload,
-        });
+        return api.post({ endpoint, body, authToken });
     }
 }
 

package/dist/module/checkouts-list-core2.js

@@ -1,15 +1,17 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { b as formatDate, e as formatTime } from './utils2.js';
-import './ComponentError.js';
+import './config-state.js';
+import { a as formatDate, e as formatTime } from './utils2.js';
 import './Checkout.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Payment.js';
 import './Refund.js';
 import './Document.js';
-import { n as tableHeadCell, a5 as getAlternateTableCellPart, m as table, o as tableCell } from './parts.js';
-import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types3.js';
+import './Business.js';
 import './details.js';
+import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d as TableHeadRow, e as TableBody, f as TableLoadingState, g as TableEmptyState, h as TableErrorState, i as TableRow, j as TableFoot, k as TableFootRow, l as TableFootCell } from './table.js';
+import { T as TableClickActions } from './event-types.js';
 import { B as Badge, a as BadgeVariant } from './badge.js';
+import { n as tableHeadCell, a7 as getAlternateTableCellPart } from './parts.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './checkouts-list-params-state.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
 
@@ -177,7 +179,7 @@ const CheckoutsListCore = /*@__PURE__*/ proxyCustomElement(class CheckoutsListCo
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: '0dd82ae052b98ada5c277a6472c43992d43485a5', class: "table-wrapper" }, h("table", { key: 'd8bc8f4a0fe8cb778397529704d86815876e831c', class: "table table-hover", part: table }, h("thead", { key: 'b38366e22402d695e20bb713a0c4e38d06e5043f', class: "table-head sticky-top" }, h("tr", { key: '8a82e88f24aaa6bec09de27ec439083572cf617c', class: "table-light text-nowrap" }, this.checkoutsTable.columnData.map((column) => column))), h("tbody", { key: 'fc09f4d4263d588fc1002657f6f535097069c16b', class: "table-body" }, h(TableLoadingState, { key: 'beb188a8b7e19eb8516c84727b365e38fb9f07b2', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '5b8945e459c72cb21da62a1ad24f5a409b442137', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '39b99e63e8759221589be8053a88b74d37d78013', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: '8effcd26c82977391f8487b80fabe954694338f8', class: "sticky-bottom" }, h("tr", { key: 'cc95a3c59060b0cbc44a39a66c8061912f4c995f', class: "table-light align-middle" }, h("td", { key: '54850b1384a006b4a0a70d465bfac1c94698be9a', part: tableCell, colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: 'b3f5da967dbd19bf1018fea9a926885ed0f40865', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '79f36b8dd358285868187892962f5e2138942fe8' }, h(TableComponent, { key: 'e48c644e425ac45ab27b92548bc49af35b599245' }, h(TableHead, { key: '6d47b68c0a74f0eff3146dfc4720b0cc0f6fc24d' }, h(TableHeadRow, { key: 'a3660ae82b53ba7dead2e577fd8d573426935dc6' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '08fbd465bae0afa3de8d472c84e0410150509673' }, h(TableLoadingState, { key: 'ba7d778f9fc029166d6228fe9b1a8f1598a68c5a', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '312b176371526658852b74ae228524695f5c1947', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'a24680fb1d681397a3cb266ec34ab5c9310dfa64', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '503ffd707d958a353a18a6f06d1280a0cb01c741' }, h(TableFootRow, { key: '250fcfc3961881ab460221e5e0160d5b6d35e5c3' }, h(TableFootCell, { key: '2631d54b49bbee1502e5412cd9303d7d67746525', colSpan: this.checkoutsTable.columnData.length }, 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/module/config-state.js

@@ -2,7 +2,7 @@ import { c as createStore } from './index2.js';
 
 const initialState = {
     apiOrigin: "https://wc-proxy.justifi.ai",
-    iFrameOrigin: "https://components.justifi.ai",
+    iframeOrigin: "https://components.justifi.ai",
     accountId: '',
 };
 const configStore = createStore(() => initialState);

package/dist/module/custom-popper2.js

@@ -1873,7 +1873,7 @@ const CustomPopper = /*@__PURE__*/ proxyCustomElement(class CustomPopper extends
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: '6b09b58218fe286c9b3b2a707cca905c8aa10e98' }, h("style", { key: '7a8d3f88d964a78945f8f129a1a2b7a29b174678' }, `
+        return (h("div", { key: '7ef56b941bf884c5a1416b373372748374bb204a' }, h("style", { key: 'ac2a710bea0939dd7f279968cfd33d789eba3a08' }, `
           .popper-content {
             display: none;
           }
@@ -1881,7 +1881,7 @@ const CustomPopper = /*@__PURE__*/ proxyCustomElement(class CustomPopper extends
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: 'f96cf490f7d53613156d33ee315f9c7de415d087', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: 'a9e7ed012d4bb6d5c7f16fad4aacf619304717a7' }))));
+          `), h("div", { key: 'f34a15bd8122833ed8b188cd0519588f2da78bb9', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '54d97c9be7fe9c33584156569c927e2108cab331' }))));
     }
 }, [4, "custom-popper", {
         "placement": [1],

package/dist/module/customer-details.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
-import { Z as heading5 } from './parts.js';
+import { _ as heading5 } from './parts.js';
 import { d as defineCustomElement$6 } from './custom-popper2.js';
 import { d as defineCustomElement$5 } from './form-control-file-v22.js';
 import { d as defineCustomElement$4 } from './form-control-help-text2.js';

package/dist/module/dispute-management-core.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { D as DisputeManagementClickActions } from './event-types2.js';
+import { D as DisputeManagementClickActions } from './event-types3.js';
 import { D as Dispute, a as DisputeStatus } from './Payment.js';
 import { d as defineCustomElement$i } from './custom-popper2.js';
 import { d as defineCustomElement$h } from './form-control-date2.js';

package/dist/module/dispute-notification.js

@@ -1,12 +1,13 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { f as formatCurrency } from './utils2.js';
+import { c as formatCurrency } from './utils2.js';
 import { t as text, X as heading4 } from './parts.js';
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
 import { S as Skeleton } from './skeleton.js';
 import './details.js';
+import './event-types.js';
 import { m as makeSubmitDisputeResponse, D as DisputeService } from './dispute-response-actions.js';
-import { D as DisputeManagementClickActions } from './event-types2.js';
+import { D as DisputeManagementClickActions } from './event-types3.js';
 
 const DisputeNotification = /*@__PURE__*/ proxyCustomElement(class DisputeNotification extends HTMLElement {
     constructor() {

package/dist/module/dispute-response-actions.js

@@ -1,37 +1,32 @@
 import { A as Api } from './Api.js';
-import { C as ComponentErrorSeverity } from './ComponentError.js';
-import './Checkout.js';
+import { C as ComponentErrorSeverity } from './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
 import './Refund.js';
 import './Document.js';
+import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 
+const api = Api();
 class DisputeService {
     async fetchDispute(disputeId, authToken) {
         const endpoint = `disputes/${disputeId}`;
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).get({ endpoint });
+        return api.get({ endpoint, authToken });
     }
     async updateDisputeResponse(disputeId, authToken, payload) {
         const endpoint = `disputes/${disputeId}/response`;
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).patch({
-            endpoint,
-            body: payload,
-        });
+        const body = payload;
+        return api.patch({ endpoint, body, authToken });
     }
     async submitDisputeResponse(disputeId, authToken, payload) {
         const endpoint = `disputes/${disputeId}/response`;
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post({
-            endpoint,
-            body: payload,
-        });
+        const body = payload;
+        return api.post({ endpoint, body, authToken });
     }
     async createDisputeEvidence(disputeId, authToken, payload) {
         const endpoint = `disputes/${disputeId}/evidence`;
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).put({
-            endpoint,
-            body: payload,
-        });
+        const body = payload;
+        return api.put({ endpoint, body, authToken });
     }
 }
 

package/dist/module/dispute-response-core.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { D as DisputeManagementClickActions } from './event-types2.js';
+import { D as DisputeManagementClickActions } from './event-types3.js';
 import { X as heading4 } from './parts.js';
 import { B as Button } from './button.js';
 import { d as defineCustomElement$f } from './custom-popper2.js';

package/dist/module/dispute-response.js

@@ -2,8 +2,9 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
+import './event-types.js';
 import { a as makeUpdateDisputeResponse, b as makeCreateDisputeEvidence, m as makeSubmitDisputeResponse, D as DisputeService } from './dispute-response-actions.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
 import { d as defineCustomElement$g } from './custom-popper2.js';
 import { d as defineCustomElement$f } from './form-control-date2.js';
 import { d as defineCustomElement$e } from './form-control-file-v22.js';
@@ -40,8 +41,10 @@ const DisputeResponse = /*@__PURE__*/ proxyCustomElement(class DisputeResponse e
         this.initializeDisputeServiceMethods();
     }
     disconnectedCallback() {
-        this.analytics.cleanup();
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
+    ;
     propChanged() {
         this.initializeDisputeServiceMethods();
     }
@@ -73,7 +76,7 @@ const DisputeResponse = /*@__PURE__*/ proxyCustomElement(class DisputeResponse e
         }
     }
     render() {
-        return (h(StyledHost, { key: '4c0cd0b8a082d9f2f4428868d88cbb9bde2a3a5d' }, h("justifi-dispute-response-core", { key: '58bbf7f5b2ce8efea0467efddfeffe3c752a3402', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
+        return (h(StyledHost, { key: '6f1fd8e2109c806c82c63cfd046739e18cc2b3b7' }, h("justifi-dispute-response-core", { key: '56cba360a731ed4054c89c11250f115a7e3b9e63', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
     }
     ;
     static get watchers() { return {

package/dist/module/duplicate-charge.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
-import { Z as heading5 } from './parts.js';
+import { _ as heading5 } from './parts.js';
 import { d as defineCustomElement$6 } from './custom-popper2.js';
 import { d as defineCustomElement$5 } from './form-control-file-v22.js';
 import { d as defineCustomElement$4 } from './form-control-help-text2.js';

package/dist/module/electronic-evidence.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
-import { Z as heading5 } from './parts.js';
+import { _ as heading5 } from './parts.js';
 import { d as defineCustomElement$4 } from './custom-popper2.js';
 import { d as defineCustomElement$3 } from './form-control-file-v22.js';
 import { d as defineCustomElement$2 } from './form-control-text2.js';

package/dist/module/event-types.js

@@ -1,23 +1,8 @@
-var BusinessFormClickActions;
-(function (BusinessFormClickActions) {
-    BusinessFormClickActions["nextStep"] = "nextStep";
-    BusinessFormClickActions["previousStep"] = "previousStep";
-    BusinessFormClickActions["submit"] = "submit";
-    BusinessFormClickActions["removeOwner"] = "removeOwner";
-    BusinessFormClickActions["addOwner"] = "addOwner";
-    BusinessFormClickActions["addOwnerForm"] = "addOwnerForm";
-    BusinessFormClickActions["updateOwner"] = "updateOwner";
-})(BusinessFormClickActions || (BusinessFormClickActions = {}));
-var BusinessFormStep;
-(function (BusinessFormStep) {
-    BusinessFormStep["businessInfo"] = "business_info";
-    BusinessFormStep["legalAddress"] = "legal_address";
-    BusinessFormStep["additionalQuestions"] = "additional_questions";
-    BusinessFormStep["representative"] = "representative";
-    BusinessFormStep["owners"] = "owners";
-    BusinessFormStep["bankAccount"] = "bank_account";
-    BusinessFormStep["documentUpload"] = "document_upload";
-    BusinessFormStep["termsAndConditions"] = "terms_and_conditions";
-})(BusinessFormStep || (BusinessFormStep = {}));
+var TableClickActions;
+(function (TableClickActions) {
+    TableClickActions["row"] = "tableRow";
+    TableClickActions["next"] = "nextPage";
+    TableClickActions["previous"] = "previousPage";
+})(TableClickActions || (TableClickActions = {}));
 
-export { BusinessFormStep as B, BusinessFormClickActions as a };
+export { TableClickActions as T };

package/dist/module/event-types2.js

@@ -1,22 +1,23 @@
-var DisputeManagementClickActions;
-(function (DisputeManagementClickActions) {
-    DisputeManagementClickActions["nextStep"] = "nextStep";
-    DisputeManagementClickActions["previousStep"] = "previousStep";
-    DisputeManagementClickActions["cancelDispute"] = "cancelDispute";
-    DisputeManagementClickActions["respondToDispute"] = "respondToDispute";
-    DisputeManagementClickActions["submit"] = "submit";
-})(DisputeManagementClickActions || (DisputeManagementClickActions = {}));
-var DisputeResponseFormStep;
-(function (DisputeResponseFormStep) {
-    DisputeResponseFormStep["disputeReason"] = "dispute_reason";
-    DisputeResponseFormStep["productOrService"] = "product_or_service";
-    DisputeResponseFormStep["customerDetails"] = "customer_details";
-    DisputeResponseFormStep["cancellationPolicy"] = "cancellation_policy";
-    DisputeResponseFormStep["refundPolicy"] = "refund_policy";
-    DisputeResponseFormStep["duplicateCharge"] = "duplicate_charge";
-    DisputeResponseFormStep["electronicEvidence"] = "electronic_evidence";
-    DisputeResponseFormStep["shippingDetails"] = "shipping_details";
-    DisputeResponseFormStep["additionalStatement"] = "additional_statement";
-})(DisputeResponseFormStep || (DisputeResponseFormStep = {}));
+var BusinessFormClickActions;
+(function (BusinessFormClickActions) {
+    BusinessFormClickActions["nextStep"] = "nextStep";
+    BusinessFormClickActions["previousStep"] = "previousStep";
+    BusinessFormClickActions["submit"] = "submit";
+    BusinessFormClickActions["removeOwner"] = "removeOwner";
+    BusinessFormClickActions["addOwner"] = "addOwner";
+    BusinessFormClickActions["addOwnerForm"] = "addOwnerForm";
+    BusinessFormClickActions["updateOwner"] = "updateOwner";
+})(BusinessFormClickActions || (BusinessFormClickActions = {}));
+var BusinessFormStep;
+(function (BusinessFormStep) {
+    BusinessFormStep["businessInfo"] = "business_info";
+    BusinessFormStep["legalAddress"] = "legal_address";
+    BusinessFormStep["additionalQuestions"] = "additional_questions";
+    BusinessFormStep["representative"] = "representative";
+    BusinessFormStep["owners"] = "owners";
+    BusinessFormStep["bankAccount"] = "bank_account";
+    BusinessFormStep["documentUpload"] = "document_upload";
+    BusinessFormStep["termsAndConditions"] = "terms_and_conditions";
+})(BusinessFormStep || (BusinessFormStep = {}));
 
-export { DisputeManagementClickActions as D };
+export { BusinessFormStep as B, BusinessFormClickActions as a };