@justifi/webcomponents 5.6.1 → 5.7.1

package/dist/cjs/{ApiNew-DG13rvk6.js → Api-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/{Payment-CQCmj3Ck.js → Document-CL5Zc72Q.js}

@@ -103,6 +103,7 @@ class Payment {
         this.disputes = payment.disputes;
         this.error_code = payment.error_code;
         this.error_description = payment.error_description;
+        this.expedited = payment.expedited;
         this.fee_amount = payment.fee_amount;
         this.is_test = payment.is_test;
         this.metadata = payment.metadata;
@@ -147,4 +148,60 @@ class Payment {
     }
 }
 
+exports.EntityDocumentType = void 0;
+(function (EntityDocumentType) {
+    EntityDocumentType["voidedCheck"] = "voided_check";
+    EntityDocumentType["balanceSheet"] = "balance_sheet";
+    EntityDocumentType["bankStatement"] = "bank_statement";
+    EntityDocumentType["governmentId"] = "government_id";
+    EntityDocumentType["profitAndLossStatement"] = "profit_and_loss_statement";
+    EntityDocumentType["taxReturn"] = "tax_return";
+    EntityDocumentType["other"] = "other";
+})(exports.EntityDocumentType || (exports.EntityDocumentType = {}));
+var EntityDocumentStatus;
+(function (EntityDocumentStatus) {
+    EntityDocumentStatus["pending"] = "pending";
+    EntityDocumentStatus["uploaded"] = "uploaded";
+    EntityDocumentStatus["canceled"] = "canceled";
+    EntityDocumentStatus["needed"] = "needed";
+})(EntityDocumentStatus || (EntityDocumentStatus = {}));
+class EntityDocumentStorage {
+    constructor() {
+        this.voided_check = [];
+        this.balance_sheet = [];
+        this.bank_statement = [];
+        this.government_id = [];
+        this.profit_and_loss_statement = [];
+        this.tax_return = [];
+        this.other = [];
+    }
+}
+class EntityDocument {
+    constructor(fileData, business_id) {
+        this.file = fileData.file;
+        this.fileString = this.getFileString();
+        this.document_type = fileData.document_type;
+        this.presigned_url = null;
+        this.record_data = {
+            business_id: business_id,
+            document_type: this.document_type,
+            file_name: this.file.name,
+            file_type: this.file.type,
+        };
+    }
+    getFileString() {
+        let reader = new FileReader();
+        reader.onload = (e) => {
+            this.fileString = e.target.result;
+        };
+        reader.readAsDataURL(this.file);
+        return this.fileString;
+    }
+    setPresignedUrl(url) {
+        this.presigned_url = url;
+    }
+}
+
+exports.EntityDocument = EntityDocument;
+exports.EntityDocumentStorage = EntityDocumentStorage;
 exports.Payment = Payment;

package/dist/cjs/{Refund-CpurRc4w.js → Refund-CYxocU06.js}

@@ -84,6 +84,7 @@ class Payout {
         this.metadata = payout.metadata;
         this.created_at = payout.created_at;
         this.updated_at = payout.updated_at;
+        this.settlement_priority = payout.settlement_priority || 'standard';
     }
     formattedPaymentAmount(amount) {
         return utils.formatCurrency(amount, this.currency);

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

@@ -1,22 +1,24 @@
 'use strict';
 
 var index = require('./index-BYd8IvAa.js');
+require('./config-state-D7p-XunE.js');
 var utils$1 = require('./utils-DmZ8Dia3.js');
 require('./ComponentError-C4MdBBMe.js');
 require('./Checkout-RAGvjVPj.js');
 require('./Pagination-Dediz133.js');
-require('./Payment-CQCmj3Ck.js');
-require('./Refund-CpurRc4w.js');
-var Document = require('./Document-rXGBUaOh.js');
+var Document = require('./Document-CL5Zc72Q.js');
+require('./Refund-CYxocU06.js');
+require('./Business-DyiDiIuO.js');
+require('./Dispute-CruQTF6_.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('./index-B8ljHEN1.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
-require('./Dispute-CruQTF6_.js');
-require('./Business-DyiDiIuO.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 
@@ -98,10 +100,10 @@ const FileInput = class {
         return part;
     }
     render() {
-        return (index.h(index.Host, { key: 'c4eb924b2def951a74f6b5aeb036a405537e824c' }, index.h("div", { key: '3b8bcb605f8addc7188fa82e5ef91c437c17d5f0', class: "form-group d-flex flex-column" }, index.h("div", { key: '7f0e0cb4cb6dd1f75ddcd054843d2b1663b8db64', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '73b1eca3f6f175c2832f76be825d97f708aed9bf', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '389ee4bcc680a25991d048ba3839104368c26c15', helpText: this.helpText })), index.h("input", { key: 'e1c713e5600dace0d44ea5f640bd60bf9d3ec0bd', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: 'c34cbf8874c33d945d81a93646372ac9dc687362' }, index.h("div", { key: 'cacf5f210a0adb6f408ac05efe4279d9eb1ae3b8', class: "form-group d-flex flex-column" }, index.h("div", { key: '936cb5268fa2c63f9931895f7a0b46ed5b4776ec', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '6dc1dd3be36337cc3c4bb72a4e4d42c6e7c2a239', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '4c4a2c965882e7e96d36b16e6448fa4efd003950', helpText: this.helpText })), index.h("input", { key: '469cf033fae879306ecbfdcdb9e6d74fdb4b4265', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            } }), index.h(formControlErrorText.FormControlErrorText, { key: '64828199873b08ab92c5418a1a1d5493bb41d947', errorText: this.errorText, name: this.name }))));
+            } }), index.h(formControlErrorText.FormControlErrorText, { key: '7359b6f39ac038230ce1d2d60454a4d4e69c6bb9', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,22 +1,23 @@
 '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 schemaValidations = require('./schema-validations-Bhz09M42.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 Document = require('./Document-CL5Zc72Q.js');
 var utils$1 = require('./utils-DmZ8Dia3.js');
 require('./index-B8ljHEN1.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./business-form-options-BCj0efiD.js');
 require('./Business-DyiDiIuO.js');
 require('./helpers-B5OCqlIM.js');
-require('./Document-rXGBUaOh.js');
 require('./Dispute-CruQTF6_.js');
 
 const BankAccountFormSkeleton = (props) => {
@@ -40,13 +41,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 +58,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 +99,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 +129,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` }))))));
     }
 };
 
@@ -200,7 +209,7 @@ const HiddenInput = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: '170a3d6232e5ecee555da05387d127b56b07f7df' }, index.h("input", { key: '8acef653371ebbe45c624f8ea233b9c9c6c40714', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
+        return (index.h(index.Host, { key: '32b302de9983db3ced26f1780bf116e63091b9ad' }, index.h("input", { key: 'c8fbe6dc11c8b743d307557aab107852403441ae', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
     }
 };
 
@@ -336,14 +345,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));
     }
 };
 
@@ -388,17 +397,17 @@ const PaymentMethodOptions = class {
             .map((paymentMethod) => new PaymentMethodOption(paymentMethod))
             .filter((paymentMethod) => {
             // Don't saved card or bank account if they are disabled
-            return ((this.showCard || paymentMethod.type !== Payment.PaymentMethodTypes.card) &&
-                (this.showAch || paymentMethod.type !== Payment.PaymentMethodTypes.bankAccount));
+            return ((this.showCard || paymentMethod.type !== Document.PaymentMethodTypes.card) &&
+                (this.showAch || paymentMethod.type !== Document.PaymentMethodTypes.bankAccount));
         });
         if (this.showBnpl && ((_a = this.bnpl) === null || _a === void 0 ? void 0 : _a.provider) === 'sezzle' && !this.insuranceToggled) {
-            this.paymentMethodOptions.push(new PaymentMethodOption({ id: Payment.PaymentMethodTypes.sezzle }));
+            this.paymentMethodOptions.push(new PaymentMethodOption({ id: Document.PaymentMethodTypes.sezzle }));
         }
         if (this.showCard) {
-            this.paymentMethodOptions.push(new PaymentMethodOption({ id: Payment.PaymentMethodTypes.card }));
+            this.paymentMethodOptions.push(new PaymentMethodOption({ id: Document.PaymentMethodTypes.card }));
         }
         if (this.showAch) {
-            this.paymentMethodOptions.push(new PaymentMethodOption({ id: Payment.PaymentMethodTypes.bankAccount }));
+            this.paymentMethodOptions.push(new PaymentMethodOption({ id: Document.PaymentMethodTypes.bankAccount }));
         }
         if (!this.selectedPaymentMethodId) {
             this.selectedPaymentMethodId = (_b = this.paymentMethodOptions[0]) === null || _b === void 0 ? void 0 : _b.id;
@@ -418,13 +427,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) => {
-            const newCard = paymentMethodOption.id === Payment.PaymentMethodTypes.card;
-            const newBankAccount = paymentMethodOption.id === Payment.PaymentMethodTypes.bankAccount;
+        return (index.h(index.Host, { key: '506450161ed363330132c2bfa99a6a7729e94778' }, (_a = this.paymentMethodOptions) === null || _a === void 0 ? void 0 : _a.map((paymentMethodOption) => {
+            const newCard = paymentMethodOption.id === Document.PaymentMethodTypes.card;
+            const newBankAccount = paymentMethodOption.id === Document.PaymentMethodTypes.bankAccount;
             const isSelected = this.selectedPaymentMethodId === paymentMethodOption.id;
-            const sezzle = paymentMethodOption.id === Payment.PaymentMethodTypes.sezzle;
+            const sezzle = paymentMethodOption.id === Document.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-gVepoR4V.js → business-additional-questions-schema-DR8vt11M.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var index_esm = require('./index.esm-CVuJLXJZ.js');
-var schemaValidations = require('./schema-validations-p4OCdblz.js');
+var schemaValidations = require('./schema-validations-Bhz09M42.js');
 
 const businessCoreInfoSchema = (allowOptionalFields) => {
     const schema = index_esm.create$3({

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-identity-schema-dt0zCW0R.js → business-identity-schema-BYaCsboD.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var index_esm = require('./index.esm-CVuJLXJZ.js');
-var schemaValidations = require('./schema-validations-p4OCdblz.js');
+var schemaValidations = require('./schema-validations-Bhz09M42.js');
 
 const addressSchema = (allowOptionalFields) => {
     const schema = index_esm.create$3({

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

@@ -1,58 +1,54 @@
 'use strict';
 
-var Api = require('./Api-KMweahmp.js');
-var ApiNew = require('./ApiNew-DG13rvk6.js');
+var Api = require('./Api-C8nf_gS9.js');
+require('./ComponentError-C4MdBBMe.js');
+require('./Checkout-RAGvjVPj.js');
+require('./Pagination-Dediz133.js');
+require('./Document-CL5Zc72Q.js');
+require('./Refund-CYxocU06.js');
+require('./Business-DyiDiIuO.js');
+require('./Dispute-CruQTF6_.js');
 
+const api = Api.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-BqC8BOhm.js}

@@ -1,12 +1,20 @@
 'use strict';
 
-var _package = require('./package-CseQI95t.js');
-var Api = require('./Api-KMweahmp.js');
+var _package = require('./package-Biee4Hdo.js');
+var Api = require('./Api-C8nf_gS9.js');
+require('./ComponentError-C4MdBBMe.js');
+require('./Checkout-RAGvjVPj.js');
+require('./Pagination-Dediz133.js');
+require('./Document-CL5Zc72Q.js');
+require('./Refund-CYxocU06.js');
+require('./Business-DyiDiIuO.js');
+require('./Dispute-CruQTF6_.js');
 
+const api = Api.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 });
     }
 }
 
@@ -75,6 +83,9 @@ class JustifiAnalytics {
     }
     cleanup() {
         // Remove event listeners
+        if (!this.eventEmitters) {
+            return;
+        }
         this.eventEmitters.forEach((event) => {
             this.componentInstance.removeEventListener(event, this.handleCustomEvent);
         });

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

@@ -0,0 +1,35 @@
+'use strict';
+
+var Api = require('./Api-C8nf_gS9.js');
+require('./ComponentError-C4MdBBMe.js');
+require('./Checkout-RAGvjVPj.js');
+require('./Pagination-Dediz133.js');
+require('./Document-CL5Zc72Q.js');
+require('./Refund-CYxocU06.js');
+require('./Business-DyiDiIuO.js');
+require('./Dispute-CruQTF6_.js');
+
+const api = Api.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,22 +1,26 @@
 'use strict';
 
 var index = require('./index-BYd8IvAa.js');
+require('./config-state-D7p-XunE.js');
 require('./utils-DmZ8Dia3.js');
 require('./ComponentError-C4MdBBMe.js');
 require('./Checkout-RAGvjVPj.js');
 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 checkoutsListParamsState = require('./checkouts-list-params-state-BvG5Ysrg.js');
-require('./_commonjsHelpers-BJu3ubxk.js');
+require('./Document-CL5Zc72Q.js');
+require('./Refund-CYxocU06.js');
+require('./Business-DyiDiIuO.js');
 require('./Dispute-CruQTF6_.js');
-require('./spinner-C9z2tkh2.js');
-require('./badge-ByWVHNyJ.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('./index-B8ljHEN1.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
+require('./helpers-B5OCqlIM.js');
+require('./state-options-CIT9xdTz.js');
+require('./parts-9jMf1erK.js');
+require('./spinner-BTyIjlMM.js');
+require('./badge-BxoJOyTJ.js');
 
 const CheckoutsListCore = class {
     constructor(hostRef) {
@@ -48,7 +52,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 +138,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);