@justifi/webcomponents 5.7.4 → 5.7.6-rc-01

package/dist/esm/{Api-BNYhCiE2.js → Api-C3T8XYbb.js}

@@ -1,5 +1,5 @@
-import { w as waitForConfig, c as configState } from './config-state-BjXhUj2q.js';
-import { g as generateId } from './utils-DB5fh6Iv.js';
+import { w as waitForConfig, c as configState } from './config-state-B3mtRA6f.js';
+import { g as generateId } from './utils-BjLkBMLe.js';
 
 const Api = () => {
     async function getAuthorizationHeader(authToken) {

package/dist/esm/{ComponentError-SdntD1xf.js → ComponentError-BhrFjjAs.js}

@@ -6,10 +6,12 @@ var ComponentErrorCodes;
     ComponentErrorCodes["POST_ERROR"] = "post-error";
     ComponentErrorCodes["UNKNOWN_ERROR"] = "unknown-error";
     ComponentErrorCodes["TOKENIZE_ERROR"] = "tokenize-error";
+    ComponentErrorCodes["COMPLETE_CHECKOUT_ERROR"] = "complete-checkout-error";
     ComponentErrorCodes["NOT_AUTHENTICATED"] = "not-authenticated";
     ComponentErrorCodes["INVALID_PARAMETER"] = "invalid-parameter";
     ComponentErrorCodes["PROVISIONING_REQUESTED"] = "provisioning-already-requested";
     ComponentErrorCodes["INVALID_REFUND_AMOUNT"] = "invalid-refund-amount";
+    ComponentErrorCodes["VALIDATION_ERROR"] = "validation-error";
 })(ComponentErrorCodes || (ComponentErrorCodes = {}));
 var ComponentErrorSeverity;
 (function (ComponentErrorSeverity) {

package/dist/esm/{Payment-BGiKmQYR.js → Payment-00TwhwCx.js}

@@ -1,4 +1,4 @@
-import { f as formatCurrency } from './utils-DB5fh6Iv.js';
+import { f as formatCurrency } from './utils-BjLkBMLe.js';
 import { D as DisputeStatus } from './Dispute-7MWRbTXI.js';
 
 var CaptureStrategy;
@@ -146,4 +146,4 @@ class Payment {
     }
 }
 
-export { Payment as P, PaymentMethodTypes as a };
+export { PaymentMethodTypes as P, Payment as a };

package/dist/esm/{Refund-DDIEc_gu.js → Refund-0aZtuMmz.js}

@@ -1,4 +1,100 @@
-import { f as formatCurrency } from './utils-DB5fh6Iv.js';
+import { f as formatCurrency } from './utils-BjLkBMLe.js';
+
+class Completion {
+    constructor(data) {
+        this.payment_mode = ICheckoutPaymentMode[data.payment_mode];
+        this.payment_token = data.payment_token;
+        this.payment_status = data.payment_status;
+        this.payment_response = data.payment_response;
+        this.payment_error_code = data.payment_error_code;
+        this.payment_error_description = data.payment_error_description;
+        this.checkout_id = data.checkout_id;
+        this.additional_transactions = data.additional_transactions;
+        this.payment_id = data.payment_id;
+        this.payment_method_id = data.payment_method_id;
+        this.status = data.status;
+        this.created_at = data.created_at;
+        this.updated_at = data.updated_at;
+    }
+}
+class Checkout {
+    constructor(data) {
+        var _a;
+        this.id = data.id;
+        this.description = data.description;
+        this.payment_intent_id = data.payment_intent_id;
+        this.account_id = data.account_id;
+        this.platform_account_id = data.platform_account_id;
+        this.payment_amount = data.payment_amount;
+        this.payment_client_id = data.payment_client_id;
+        this.payment_description = data.payment_description;
+        this.payment_methods = data.payment_methods;
+        this.payment_method_group_id = data.payment_method_group_id;
+        this.payment_settings = data.payment_settings;
+        this.bnpl = data.bnpl;
+        this.total_amount = data.total_amount;
+        this.insurance_amount = data.insurance_amount;
+        this.status = ICheckoutStatus[data.status];
+        this.payment_currency = data.payment_currency;
+        this.mode = data.mode;
+        this.statement_descriptor = data.statement_descriptor;
+        this.application_fees = data.application_fees;
+        this.successful_payment_id = data.successful_payment_id;
+        this.created_at = data.created_at;
+        this.updated_at = data.updated_at;
+        this.completions = (_a = data.completions) === null || _a === void 0 ? void 0 : _a.map((completion) => new Completion(completion));
+    }
+    get payment_mode() {
+        var _a, _b, _c, _d, _e, _f;
+        let paymentMode;
+        if (!this.completions || this.completions.length === 0) {
+            return ICheckoutPaymentMode.unknown;
+        }
+        const sortedCompletions = this.completions.sort((a, b) => {
+            return (new Date(b.updated_at).getTime() - new Date(a.updated_at).getTime());
+        });
+        const lastCompletion = sortedCompletions[0];
+        if (lastCompletion.payment_mode) {
+            paymentMode = lastCompletion.payment_mode;
+        }
+        else if ((_c = (_b = (_a = lastCompletion.payment_response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.payment_method) === null || _c === void 0 ? void 0 : _c.card) {
+            paymentMode = ICheckoutPaymentMode.card;
+        }
+        else if ((_f = (_e = (_d = lastCompletion.payment_response) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.payment_method) === null || _f === void 0 ? void 0 : _f.bank_account) {
+            paymentMode = ICheckoutPaymentMode.bank_account;
+        }
+        return paymentMode;
+    }
+    formattedPaymentAmount(amount) {
+        return formatCurrency(amount, this.payment_currency);
+    }
+}
+var ICheckoutPaymentMode;
+(function (ICheckoutPaymentMode) {
+    ICheckoutPaymentMode["bnpl"] = "Buy Now Pay Later";
+    ICheckoutPaymentMode["ecom"] = "E-commerce";
+    ICheckoutPaymentMode["card"] = "Card";
+    ICheckoutPaymentMode["bank_account"] = "Bank Account";
+    ICheckoutPaymentMode["card_present"] = "Card Present";
+    ICheckoutPaymentMode["unknown"] = "";
+})(ICheckoutPaymentMode || (ICheckoutPaymentMode = {}));
+var ICheckoutPaymentModeParam;
+(function (ICheckoutPaymentModeParam) {
+    ICheckoutPaymentModeParam["bnpl"] = "bnpl";
+    ICheckoutPaymentModeParam["ecom"] = "ecom";
+})(ICheckoutPaymentModeParam || (ICheckoutPaymentModeParam = {}));
+var ICheckoutStatus;
+(function (ICheckoutStatus) {
+    ICheckoutStatus["created"] = "created";
+    ICheckoutStatus["completed"] = "completed";
+    ICheckoutStatus["attempted"] = "attempted";
+    ICheckoutStatus["expired"] = "expired";
+})(ICheckoutStatus || (ICheckoutStatus = {}));
+var CompletionStatuses;
+(function (CompletionStatuses) {
+    CompletionStatuses["failed"] = "failed";
+    CompletionStatuses["succeeded"] = "succeeded";
+})(CompletionStatuses || (CompletionStatuses = {}));
 
 var PaymentBalanceTxnType;
 (function (PaymentBalanceTxnType) {
@@ -286,8 +382,8 @@ class EntityDocumentStorage {
 }
 class EntityDocument {
     constructor(fileData, business_id) {
+        this.fileData = null;
         this.file = fileData.file;
-        this.fileString = this.getFileString();
         this.document_type = fileData.document_type;
         this.presigned_url = null;
         this.record_data = {
@@ -297,13 +393,22 @@ class EntityDocument {
             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;
+    async getFileData() {
+        if (this.fileData) {
+            return this.fileData;
+        }
+        const fileDataPromise = new Promise((resolve, reject) => {
+            const reader = new FileReader();
+            reader.onload = (e) => {
+                this.fileData = e.target.result;
+                resolve(this.fileData);
+            };
+            reader.onerror = () => {
+                reject(new Error('Error reading file'));
+            };
+            reader.readAsArrayBuffer(this.file);
+        });
+        return await fileDataPromise;
     }
     setPresignedUrl(url) {
         this.presigned_url = url;
@@ -330,4 +435,4 @@ class RefundPayload {
     }
 }
 
-export { EntityDocumentType as E, ITerminalStatus as I, Payout as P, RefundReasons as R, SubAccount as S, TerminalOrderStatus as T, TerminalOrderType as a, Terminal as b, PaymentBalanceTransaction as c, PayoutBalanceTransaction as d, TerminalOrder as e, TerminalModel as f, RefundPayload as g, EntityDocumentStorage as h, EntityDocument as i };
+export { Checkout as C, EntityDocumentType as E, ICheckoutStatus as I, Payout as P, RefundReasons as R, SubAccount as S, TerminalOrderStatus as T, ICheckoutPaymentModeParam as a, TerminalOrderType as b, ITerminalStatus as c, Terminal as d, PaymentBalanceTransaction as e, PayoutBalanceTransaction as f, TerminalOrder as g, TerminalModel as h, RefundPayload as i, EntityDocumentStorage as j, EntityDocument as k };

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, H as Host } from './index-Bta_r52Z.js';
-import { c as DetailItem, D as DetailSectionTitle } from './utils-DGozGJLI.js';
-import { l as isEmptyObject, s as snakeCaseToHumanReadable, m as formatMediumDate } from './utils-DB5fh6Iv.js';
-import './parts-BrLVc_85.js';
+import { r as registerInstance, h, H as Host } from './index-N3w5zrz2.js';
+import { c as DetailItem, D as DetailSectionTitle } from './utils-CNwvOLkk.js';
+import { m as isEmptyObject, i as snakeCaseToHumanReadable, n as formatMediumDate } from './utils-BjLkBMLe.js';
+import './parts-D3G5aVLy.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 
 const AdditionalQuestionsDetails = class {

package/dist/esm/{badge-C-nwyQ3h.js → badge-Dr7gkD2I.js}

@@ -1,5 +1,5 @@
-import { h } from './index-Bta_r52Z.js';
-import { F as badgeDark, G as badgeLight, H as badgeInfo, I as badgeWarning, J as badgeDanger, K as badgeSuccess, L as badgeSecondary, M as badgePrimary, N as badge } from './parts-BrLVc_85.js';
+import { h } from './index-N3w5zrz2.js';
+import { D as badgeDark, E as badgeLight, F as badgeInfo, G as badgeWarning, H as badgeDanger, I as badgeSuccess, J as badgeSecondary, K as badgePrimary, L as badge } from './parts-D3G5aVLy.js';
 
 var BadgeVariant;
 (function (BadgeVariant) {

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

@@ -1,21 +1,20 @@
-import { r as registerInstance, h, H as Host, c as createEvent, a as getElement } from './index-Bta_r52Z.js';
-import './config-state-BjXhUj2q.js';
-import { s as snakeCaseToHumanReadable, d as formatDate, i as formatTimeSeconds } from './utils-DB5fh6Iv.js';
-import './ComponentError-SdntD1xf.js';
-import './Checkout-B9LrTq63.js';
+import { r as registerInstance, h, H as Host, c as createEvent, a as getElement } from './index-N3w5zrz2.js';
+import './config-state-B3mtRA6f.js';
+import { i as snakeCaseToHumanReadable, d as formatDate, j as formatTimeSeconds } from './utils-BjLkBMLe.js';
+import './ComponentError-BhrFjjAs.js';
+import { E as EntityDocumentType } from './Refund-0aZtuMmz.js';
 import './Pagination-CLHwhyvu.js';
-import './Payment-BGiKmQYR.js';
-import { E as EntityDocumentType } from './Refund-DDIEc_gu.js';
+import './Payment-00TwhwCx.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-7MWRbTXI.js';
 import { c as bankAccountTypeOptions } from './business-form-options-CgssATyg.js';
 import './event-types-XYgDHrVL.js';
 import { n as numberOnlyHandler } from './utils-BnjCmwMr.js';
-import { X as card, D as heading2, ai as table, P as tableHeadCell, aj as tableCell, c as input, l as label, b as inputInvalid, R as inputDisabled, a as inputFocused } from './parts-BrLVc_85.js';
-import { S as Skeleton } from './skeleton-D6agoQ_l.js';
+import { Y as card, C as heading2, an as table, N as tableHeadCell, ao as tableCell, c as input, l as label, b as inputInvalid, T as inputDisabled, a as inputFocused } from './parts-D3G5aVLy.js';
+import { S as Skeleton } from './skeleton-C1-JoGFC.js';
 import './event-types-CZfYo5-1.js';
-import { F as FormControlErrorText } from './form-control-error-text-CwJc1ShT.js';
-import './index-Cf8VXyXg.js';
+import { F as FormControlErrorText } from './form-control-error-text-Cn0aPzHx.js';
+import './index-BAq5IUBW.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
@@ -98,10 +97,10 @@ const FileInput = class {
         return part;
     }
     render() {
-        return (h(Host, { key: 'c34cbf8874c33d945d81a93646372ac9dc687362' }, h("div", { key: 'cacf5f210a0adb6f408ac05efe4279d9eb1ae3b8', class: "form-group d-flex flex-column" }, h("div", { key: '936cb5268fa2c63f9931895f7a0b46ed5b4776ec', class: "d-flex align-items-start gap-2" }, h("label", { key: '6dc1dd3be36337cc3c4bb72a4e4d42c6e7c2a239', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '4c4a2c965882e7e96d36b16e6448fa4efd003950', helpText: this.helpText })), 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: () => {
+        return (h(Host, { key: '2f33f18c45bf27b27e3a3a633ba21ba90eee5ceb' }, h("div", { key: 'c749589536322fcc31a2ce7ccf1614c57881da36', class: "form-group d-flex flex-column" }, h("div", { key: 'c30a7d7ab3ade7898d74d0b0c638b7f76b05ad73', class: "d-flex align-items-start gap-2" }, h("label", { key: '62a9d698290f4d02ec06f3c26327f7abfc6bf8dc', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '93636c12615e31be1091dce3a77e29c5b78620af', helpText: this.helpText })), h("input", { key: '0e6430bbf633b6228f09013f6ce60e0810759666', 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();
-            } }), h(FormControlErrorText, { key: '7359b6f39ac038230ce1d2d60454a4d4e69c6bb9', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '90d3406a0417e6073815a2f6e370c14ec614bf6a', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/bank-account-form.entry.js

@@ -0,0 +1,61 @@
+import { h, r as registerInstance, H as Host } from './index-N3w5zrz2.js';
+import { S as Skeleton } from './skeleton-C1-JoGFC.js';
+import { w as waitForConfig, c as configState } from './config-state-B3mtRA6f.js';
+import './parts-D3G5aVLy.js';
+import './index-BAq5IUBW.js';
+
+const BankAccountFormSkeleton = (props) => {
+    const { isReady } = props;
+    if (isReady) {
+        return null;
+    }
+    return (h("div", { class: "container-fluid p-0" },
+        h("div", { class: "row mb-3" },
+            h("div", { class: "col-12 align-content-end" },
+                h(Skeleton, { height: "18px", width: "120px" }),
+                h(Skeleton, { height: "36px" }))),
+        h("div", { class: "row" },
+            h("div", { class: "col-12 align-content-end" },
+                h(Skeleton, { height: "18px", width: "110px" }),
+                h(Skeleton, { height: "36px" })))));
+};
+
+const BankAccountForm = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.isReady = false;
+    }
+    async componentWillLoad() {
+        await waitForConfig();
+        this.iframeOrigin = configState.iframeOrigin;
+    }
+    componentDidRender() {
+        const elements = [
+            this.accountNumberIframeElement,
+            this.routingNumberIframeElement,
+        ];
+        Promise.all(elements.map((element) => {
+            return new Promise((resolve) => {
+                element.addEventListener('iframeLoaded', () => { resolve(); });
+            });
+        })).then(() => {
+            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 (h(Host, { key: '91e0861d760dfa016e72b8758c37b86ce3fe8225' }, h(BankAccountFormSkeleton, { key: '806f012f41018540d3e1be34cb6d03fc61174253', isReady: this.isReady }), h("div", { key: '4660ea1bac93feaa04d643c1bf7a34da790bf308', class: "container-fluid p-0", style: {
+                opacity: this.isReady ? '1' : '0',
+                height: this.isReady ? 'auto' : '0',
+            } }, h("div", { key: '0d123854987108eb70d4818a2f909fafa6945109', class: "row mb-3" }, h("iframe-input", { key: '1520dbb02a93848e53dd2b4636c7951a20efe462', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '9365ffe0a279c92d7129c894afa52c7b2060573a', class: "row" }, h("iframe-input", { key: 'bfe10d4fd3f3aab6c035c03ce85e0786876adfce', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+    }
+};
+
+export { BankAccountForm as bank_account_form };

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

@@ -1,9 +1,9 @@
-import { h, F as Fragment, r as registerInstance, c as createEvent } from './index-Bta_r52Z.js';
-import { E as ErrorState } from './utils-DGozGJLI.js';
-import { S as StyledHost } from './styled-host-BSX_LSdk.js';
+import { h, F as Fragment, r as registerInstance, c as createEvent } from './index-N3w5zrz2.js';
+import { E as ErrorState } from './utils-CNwvOLkk.js';
+import { S as StyledHost } from './styled-host-DtvbNFVU.js';
 import './event-types-CZfYo5-1.js';
-import { S as Skeleton } from './skeleton-D6agoQ_l.js';
-import './parts-BrLVc_85.js';
+import { S as Skeleton } from './skeleton-C1-JoGFC.js';
+import './parts-D3G5aVLy.js';
 
 const BusinessDetailsLoading = () => {
     const Block = () => (h("div", { class: "mt-5" },

package/dist/esm/{business.service-DP2HUV0w.js → business.service-C5vrjgZf.js}

@@ -1,9 +1,8 @@
-import { A as Api } from './Api-BNYhCiE2.js';
-import './ComponentError-SdntD1xf.js';
-import './Checkout-B9LrTq63.js';
+import { A as Api } from './Api-C3T8XYbb.js';
+import './ComponentError-BhrFjjAs.js';
+import './Refund-0aZtuMmz.js';
 import './Pagination-CLHwhyvu.js';
-import './Payment-BGiKmQYR.js';
-import './Refund-DDIEc_gu.js';
+import './Payment-00TwhwCx.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-7MWRbTXI.js';
 

package/dist/esm/{button-BGlG9iX5.js → button-xfPDSpPt.js}

@@ -1,5 +1,5 @@
-import { h } from './index-Bta_r52Z.js';
-import { ac as buttonSecondary, ad as buttonPrimary, ae as buttonLoading } from './parts-BrLVc_85.js';
+import { h } from './index-N3w5zrz2.js';
+import { ad as buttonSecondary, ae as buttonPrimary, af as buttonLoading } from './parts-D3G5aVLy.js';
 
 const ButtonSpinner = () => (h("div", { class: "spinner-border spinner-border-sm", role: "status", part: "button-spinner" },
     h("span", { class: "visually-hidden" }, "Loading...")));

package/dist/esm/card-form.entry.js

@@ -0,0 +1,69 @@
+import { h, r as registerInstance, H as Host } from './index-N3w5zrz2.js';
+import { S as Skeleton } from './skeleton-C1-JoGFC.js';
+import { w as waitForConfig, c as configState } from './config-state-B3mtRA6f.js';
+import './parts-D3G5aVLy.js';
+import './index-BAq5IUBW.js';
+
+const CardFormSkeleton = (props) => {
+    const { isReady } = props;
+    if (isReady) {
+        return null;
+    }
+    return (h("div", { class: "container-fluid p-0" },
+        h("div", { class: "mb-3" },
+            h(Skeleton, { height: "18px", width: "100px" }),
+            h(Skeleton, { height: "36px" })),
+        h("div", { class: "row" },
+            h("div", { class: "col-4 align-content-end" },
+                h(Skeleton, { height: "18px", width: "80px" }),
+                h(Skeleton, { height: "36px" })),
+            h("div", { class: "col-4 align-content-end" },
+                h(Skeleton, { height: "36px" })),
+            h("div", { class: "col-4 align-content-end" },
+                h(Skeleton, { height: "18px", width: "30px" }),
+                h(Skeleton, { height: "36px" })))));
+};
+
+const CardForm = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.isReady = false;
+    }
+    async componentWillLoad() {
+        await waitForConfig();
+        this.iframeOrigin = configState.iframeOrigin;
+    }
+    componentDidRender() {
+        const elements = [
+            this.cardNumberIframeElement,
+            this.expirationMonthIframeElement,
+            this.expirationYearIframeElement,
+            this.cvvIframeElement,
+        ];
+        Promise.all(elements.map((element) => {
+            return new Promise((resolve) => {
+                element.addEventListener('iframeLoaded', () => { resolve(); });
+            });
+        })).then(() => {
+            this.isReady = true;
+        });
+    }
+    async validate() {
+        const cardNumberIsValid = await this.cardNumberIframeElement.validate();
+        const expirationMonthIsValid = await this.expirationMonthIframeElement.validate();
+        const expirationYearIsValid = await this.expirationYearIframeElement.validate();
+        const cvvIsValid = await this.cvvIframeElement.validate();
+        return cardNumberIsValid && expirationMonthIsValid && expirationYearIsValid && cvvIsValid;
+    }
+    async tokenize(clientId, paymentMethodMetadata, account) {
+        return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
+    }
+    render() {
+        return (h(Host, { key: '0f8d1d7a069380709165302ab55b8f272eb1d721' }, h(CardFormSkeleton, { key: 'f269c934c7b1712cc82a58f6a52a98ae06de0427', isReady: this.isReady }), h("div", { key: 'af64a2c9bff9e71427605d863613810aabbbf50e', class: "container-fluid p-0", style: {
+                opacity: this.isReady ? '1' : '0',
+                height: this.isReady ? 'auto' : '0',
+            } }, h("div", { key: 'b07542c92ca49a44a8c9ea04919ec3db14100cac', class: "mb-3" }, h("iframe-input", { key: 'a13821b11e3c3b9b5cfd42a967c5c708ee5fbb9e', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '4ffe80a04c90546ae26b7239d7a081c251b1e9a5', class: "d-flex align-items-start" }, h("div", { key: '8b86e21933299ace1eb6914ea003eb368f164945', class: "flex-fill me-3" }, h("iframe-input", { key: 'a1c4b27683e2685a4fe4da5ae7d86b9439ec90d9', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '614059cd2995bd630709b75e9e6c29c8134c8762', class: "flex-fill me-3" }, h("iframe-input", { key: '178b15d416591122cf271e63d633950fa6a67617', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: '097a78e72fa9eadd4b930b7eaf4afca5c3bf7d6b', class: "flex-fill" }, h("iframe-input", { key: 'cbe3bc2f75863d19a8e5345f0d2a68aa75a54a98', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+    }
+};
+
+export { CardForm as card_form };

package/dist/esm/{check-pkg-version-Dff5h73V.js → check-pkg-version-DZCwpP0g.js}

@@ -1,10 +1,9 @@
-import { p as packageJson } from './package-DzXsHdKv.js';
-import { A as Api } from './Api-BNYhCiE2.js';
-import './ComponentError-SdntD1xf.js';
-import './Checkout-B9LrTq63.js';
+import { p as packageJson } from './package-BWmYRnrR.js';
+import { A as Api } from './Api-C3T8XYbb.js';
+import './ComponentError-BhrFjjAs.js';
+import './Refund-0aZtuMmz.js';
 import './Pagination-CLHwhyvu.js';
-import './Payment-BGiKmQYR.js';
-import './Refund-DDIEc_gu.js';
+import './Payment-00TwhwCx.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-7MWRbTXI.js';
 

package/dist/esm/{checkout.service-DkTEFCSZ.js → checkout.service-CW2_CEte.js}

@@ -1,9 +1,8 @@
-import { A as Api } from './Api-BNYhCiE2.js';
-import './ComponentError-SdntD1xf.js';
-import './Checkout-B9LrTq63.js';
+import { A as Api } from './Api-C3T8XYbb.js';
+import './ComponentError-BhrFjjAs.js';
+import './Refund-0aZtuMmz.js';
 import './Pagination-CLHwhyvu.js';
-import './Payment-BGiKmQYR.js';
-import './Refund-DDIEc_gu.js';
+import './Payment-00TwhwCx.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-7MWRbTXI.js';
 

package/dist/esm/checkout.store-GXtlf5-4.js

@@ -0,0 +1,34 @@
+import { c as createStore } from './index-BAq5IUBW.js';
+
+const initialState = {
+    accountId: '',
+    authToken: '',
+    billingFormFields: {
+        address_postal_code: '',
+    },
+    bnplEnabled: false,
+    bnplProviderApiVersion: '',
+    bnplProviderCheckoutUrl: '',
+    bnplProviderClientId: '',
+    bnplProviderMode: '',
+    checkoutId: '',
+    disableBankAccount: false,
+    disableBnpl: false,
+    disableCreditCard: false,
+    disablePaymentMethodGroup: false,
+    paymentAmount: 0,
+    paymentDescription: '',
+    paymentMethodGroupId: '',
+    paymentMethods: [],
+    selectedPaymentMethod: '',
+    totalAmount: 0,
+};
+const { state: checkoutStore, onChange } = createStore(initialState);
+Object.keys(initialState).forEach((key) => {
+    // @ts-ignore
+    onChange(key, (newValue) => {
+        checkoutStore[key] = newValue;
+    });
+});
+
+export { checkoutStore as c, onChange as o };

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

@@ -1,24 +1,23 @@
-import { r as registerInstance, c as createEvent, h } from './index-Bta_r52Z.js';
-import './config-state-BjXhUj2q.js';
-import './utils-DB5fh6Iv.js';
-import './ComponentError-SdntD1xf.js';
-import './Checkout-B9LrTq63.js';
+import { r as registerInstance, c as createEvent, h } from './index-N3w5zrz2.js';
+import './config-state-B3mtRA6f.js';
+import './utils-BjLkBMLe.js';
+import './ComponentError-BhrFjjAs.js';
+import './Refund-0aZtuMmz.js';
 import { p as pagingDefaults } from './Pagination-CLHwhyvu.js';
-import './Payment-BGiKmQYR.js';
-import './Refund-DDIEc_gu.js';
+import './Payment-00TwhwCx.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-7MWRbTXI.js';
-import { T as Table, a as TableComponent, b as TableHead, c as TableHeadRow, d as TableBody, e as TableLoadingState, f as TableEmptyState, g as TableErrorState, h as TableRow, i as TableFoot, j as TableFootRow, k as TableFootCell, l as TableWrapper } from './table-BzdzS7PI.js';
+import { T as Table, a as TableComponent, b as TableHead, c as TableHeadRow, d as TableBody, e as TableLoadingState, f as TableEmptyState, g as TableErrorState, h as TableRow, i as TableFoot, j as TableFootRow, k as TableFootCell, l as TableWrapper } from './table-fsCYq8m9.js';
 import { T as TableClickActions } from './event-types-CZfYo5-1.js';
-import { c as checkoutTableColumns, a as checkoutTableCells } from './checkouts-table-rhDm-zAB.js';
-import { o as onQueryParamsChange, g as getRequestParams } from './checkouts-list-params-state-DhPyCV-V.js';
-import './index-Cf8VXyXg.js';
+import { c as checkoutTableColumns, a as checkoutTableCells } from './checkouts-table-BHhaS5bv.js';
+import { o as onQueryParamsChange, g as getRequestParams } from './checkouts-list-params-state-DFWVMJRJ.js';
+import './index-BAq5IUBW.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
-import './parts-BrLVc_85.js';
-import './spinner-C8twYXzL.js';
-import './badge-C-nwyQ3h.js';
+import './parts-D3G5aVLy.js';
+import './spinner-Ca9uu5Nd.js';
+import './badge-Dr7gkD2I.js';
 
 const CheckoutsListCore = class {
     constructor(hostRef) {
@@ -136,7 +135,7 @@ const CheckoutsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        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 }) }))))))));
+        return (h(TableWrapper, { key: 'c411d1c3a54fd8a331f0c5cdbae344e231482c0f' }, h(TableComponent, { key: '21774546f3500612497943869017fa7c712dff7e' }, h(TableHead, { key: 'c4e745ead905a393ff1b0cd0fba23db2fcc03ad8' }, h(TableHeadRow, { key: '88063d0baedd1febe0febcab1ccefc512accfd7d' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'e2534bc13d9e015f127c5396bbe73545d92536b4' }, h(TableLoadingState, { key: '0f0958fa87403652880222365cf7f88dd33335cc', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '588bb80d518892791ed2134dd5405940e7c28db7', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '219cce1137232c64b7c9188042c4aaca7e0e91b6', 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: '16978b3be698ceabd1d19b9eaa3f85c01a862b83' }, h(TableFootRow, { key: 'cd26e5b6f03dff77e09dfb4f9962e7601b2e40dc' }, h(TableFootCell, { key: '508008cf682b393549a839453d4b4c2eee1f67a4', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '688702c35e666def509ccb77b88b88ddd5e0d58a', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/esm/{checkouts-list-params-state-DhPyCV-V.js → checkouts-list-params-state-DFWVMJRJ.js}

@@ -1,4 +1,4 @@
-import { c as createStore } from './index-Cf8VXyXg.js';
+import { c as createStore } from './index-BAq5IUBW.js';
 
 const filterParamsInitialState = {};
 const propsParamsInitialState = {};

package/dist/esm/{checkouts-table-rhDm-zAB.js → checkouts-table-BHhaS5bv.js}

@@ -1,7 +1,7 @@
-import { h } from './index-Bta_r52Z.js';
-import { b as formatTime, d as formatDate } from './utils-DB5fh6Iv.js';
-import { B as BadgeVariant, a as Badge } from './badge-C-nwyQ3h.js';
-import { P as tableHeadCell, Q as getAlternateTableCellPart } from './parts-BrLVc_85.js';
+import { h } from './index-N3w5zrz2.js';
+import { b as formatTime, d as formatDate } from './utils-BjLkBMLe.js';
+import { B as BadgeVariant, a as Badge } from './badge-Dr7gkD2I.js';
+import { N as tableHeadCell, O as getAlternateTableCellPart } from './parts-D3G5aVLy.js';
 
 const MapCheckoutStatusToBadge = (status) => {
     const statusToBadgeProps = {

package/dist/esm/{config-state-BjXhUj2q.js → config-state-B3mtRA6f.js}

@@ -1,4 +1,4 @@
-import { c as createStore } from './index-Cf8VXyXg.js';
+import { c as createStore } from './index-BAq5IUBW.js';
 
 const initialState = {
     apiOrigin: "https://wc-proxy.justifi.ai",