@justifi/webcomponents 5.7.4 → 5.7.6-rc-01

package/dist/cjs/{Api-BTdkb3Zh.js → Api-c8NBCwu4.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var configState = require('./config-state-BTfJl-LU.js');
+var configState = require('./config-state-Dz9bnWHg.js');
 var utils = require('./utils-qOon0GWm.js');
 
 const Api = () => {

package/dist/cjs/{ComponentError-C4MdBBMe.js → ComponentError-CEv9ltwy.js}

@@ -8,10 +8,12 @@ exports.ComponentErrorCodes = void 0;
     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";
 })(exports.ComponentErrorCodes || (exports.ComponentErrorCodes = {}));
 exports.ComponentErrorSeverity = void 0;
 (function (ComponentErrorSeverity) {

package/dist/cjs/{Refund-BFE-2OxN.js → Refund-Dt1CMUjx.js}

@@ -2,6 +2,102 @@
 
 var utils = require('./utils-qOon0GWm.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 = exports.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 utils.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 = {}));
+exports.ICheckoutPaymentModeParam = void 0;
+(function (ICheckoutPaymentModeParam) {
+    ICheckoutPaymentModeParam["bnpl"] = "bnpl";
+    ICheckoutPaymentModeParam["ecom"] = "ecom";
+})(exports.ICheckoutPaymentModeParam || (exports.ICheckoutPaymentModeParam = {}));
+exports.ICheckoutStatus = void 0;
+(function (ICheckoutStatus) {
+    ICheckoutStatus["created"] = "created";
+    ICheckoutStatus["completed"] = "completed";
+    ICheckoutStatus["attempted"] = "attempted";
+    ICheckoutStatus["expired"] = "expired";
+})(exports.ICheckoutStatus || (exports.ICheckoutStatus = {}));
+var CompletionStatuses;
+(function (CompletionStatuses) {
+    CompletionStatuses["failed"] = "failed";
+    CompletionStatuses["succeeded"] = "succeeded";
+})(CompletionStatuses || (CompletionStatuses = {}));
+
 var PaymentBalanceTxnType;
 (function (PaymentBalanceTxnType) {
     PaymentBalanceTxnType["payment"] = "payment";
@@ -288,8 +384,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 = {
@@ -299,13 +395,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;
@@ -332,6 +437,7 @@ class RefundPayload {
     }
 }
 
+exports.Checkout = Checkout;
 exports.EntityDocument = EntityDocument;
 exports.EntityDocumentStorage = EntityDocumentStorage;
 exports.PaymentBalanceTransaction = PaymentBalanceTransaction;

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-2GwnTbNA.js');
-var utils$1 = require('./utils-bn0fXuc-.js');
+var index = require('./index-D5bL1DOi.js');
+var utils$1 = require('./utils-wkdkLmDI.js');
 var utils = require('./utils-qOon0GWm.js');
 require('./parts-9jMf1erK.js');
 require('./_commonjsHelpers-BJu3ubxk.js');

package/dist/cjs/{badge-sO_Hcamo.js → badge-DDksduwk.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-2GwnTbNA.js');
+var index = require('./index-D5bL1DOi.js');
 var parts = require('./parts-9jMf1erK.js');
 
 exports.BadgeVariant = void 0;

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

@@ -1,23 +1,22 @@
 'use strict';
 
-var index = require('./index-2GwnTbNA.js');
-require('./config-state-BTfJl-LU.js');
+var index = require('./index-D5bL1DOi.js');
+require('./config-state-Dz9bnWHg.js');
 var utils$1 = require('./utils-qOon0GWm.js');
-require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-TZnRz3-3.js');
+require('./ComponentError-CEv9ltwy.js');
+var Refund = require('./Refund-Dt1CMUjx.js');
 require('./Pagination-Dediz133.js');
 require('./Payment-D5UynU2f.js');
-var Refund = require('./Refund-BFE-2OxN.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 var businessFormOptions = require('./business-form-options-CMII7nIK.js');
 require('./event-types-DNOUef41.js');
 var utils = require('./utils-DAyWinG2.js');
 var parts = require('./parts-9jMf1erK.js');
-var skeleton = require('./skeleton-ByLavxr1.js');
+var skeleton = require('./skeleton-CbZBGO47.js');
 require('./event-types-YOY5TKUN.js');
-var formControlErrorText = require('./form-control-error-text-DPDsFdAT.js');
-require('./index-DEMVrrsF.js');
+var formControlErrorText = require('./form-control-error-text-CVPYL0lE.js');
+require('./index-BCtVWU61.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
@@ -100,10 +99,10 @@ const FileInput = class {
         return part;
     }
     render() {
-        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: () => {
+        return (index.h(index.Host, { key: '2f33f18c45bf27b27e3a3a633ba21ba90eee5ceb' }, index.h("div", { key: 'c749589536322fcc31a2ce7ccf1614c57881da36', class: "form-group d-flex flex-column" }, index.h("div", { key: 'c30a7d7ab3ade7898d74d0b0c638b7f76b05ad73', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '62a9d698290f4d02ec06f3c26327f7abfc6bf8dc', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '93636c12615e31be1091dce3a77e29c5b78620af', helpText: this.helpText })), index.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();
-            } }), index.h(formControlErrorText.FormControlErrorText, { key: '7359b6f39ac038230ce1d2d60454a4d4e69c6bb9', errorText: this.errorText, name: this.name }))));
+            } }), index.h(formControlErrorText.FormControlErrorText, { key: '90d3406a0417e6073815a2f6e370c14ec614bf6a', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -0,0 +1,63 @@
+'use strict';
+
+var index = require('./index-D5bL1DOi.js');
+var skeleton = require('./skeleton-CbZBGO47.js');
+var configState = require('./config-state-Dz9bnWHg.js');
+require('./parts-9jMf1erK.js');
+require('./index-BCtVWU61.js');
+
+const BankAccountFormSkeleton = (props) => {
+    const { isReady } = props;
+    if (isReady) {
+        return null;
+    }
+    return (index.h("div", { class: "container-fluid p-0" },
+        index.h("div", { class: "row mb-3" },
+            index.h("div", { class: "col-12 align-content-end" },
+                index.h(skeleton.Skeleton, { height: "18px", width: "120px" }),
+                index.h(skeleton.Skeleton, { height: "36px" }))),
+        index.h("div", { class: "row" },
+            index.h("div", { class: "col-12 align-content-end" },
+                index.h(skeleton.Skeleton, { height: "18px", width: "110px" }),
+                index.h(skeleton.Skeleton, { height: "36px" })))));
+};
+
+const BankAccountForm = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.isReady = false;
+    }
+    async componentWillLoad() {
+        await configState.waitForConfig();
+        this.iframeOrigin = configState.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 (index.h(index.Host, { key: '91e0861d760dfa016e72b8758c37b86ce3fe8225' }, index.h(BankAccountFormSkeleton, { key: '806f012f41018540d3e1be34cb6d03fc61174253', isReady: this.isReady }), index.h("div", { key: '4660ea1bac93feaa04d643c1bf7a34da790bf308', class: "container-fluid p-0", style: {
+                opacity: this.isReady ? '1' : '0',
+                height: this.isReady ? 'auto' : '0',
+            } }, index.h("div", { key: '0d123854987108eb70d4818a2f909fafa6945109', class: "row mb-3" }, index.h("iframe-input", { key: '1520dbb02a93848e53dd2b4636c7951a20efe462', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), index.h("div", { key: '9365ffe0a279c92d7129c894afa52c7b2060573a', class: "row" }, index.h("iframe-input", { key: 'bfe10d4fd3f3aab6c035c03ce85e0786876adfce', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+    }
+};
+
+exports.bank_account_form = BankAccountForm;

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

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-2GwnTbNA.js');
-var utils = require('./utils-bn0fXuc-.js');
-var styledHost = require('./styled-host-IMxk64cc.js');
+var index = require('./index-D5bL1DOi.js');
+var utils = require('./utils-wkdkLmDI.js');
+var styledHost = require('./styled-host-DXNHOiqW.js');
 require('./event-types-YOY5TKUN.js');
-var skeleton = require('./skeleton-ByLavxr1.js');
+var skeleton = require('./skeleton-CbZBGO47.js');
 require('./parts-9jMf1erK.js');
 
 const BusinessDetailsLoading = () => {

package/dist/cjs/{business.service-DNvLrr-n.js → business.service-W2PRAU9J.js}

@@ -1,11 +1,10 @@
 'use strict';
 
-var Api = require('./Api-BTdkb3Zh.js');
-require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-TZnRz3-3.js');
+var Api = require('./Api-c8NBCwu4.js');
+require('./ComponentError-CEv9ltwy.js');
+require('./Refund-Dt1CMUjx.js');
 require('./Pagination-Dediz133.js');
 require('./Payment-D5UynU2f.js');
-require('./Refund-BFE-2OxN.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 

package/dist/cjs/{button-CCZd8WSY.js → button-0HYMPryx.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-2GwnTbNA.js');
+var index = require('./index-D5bL1DOi.js');
 var parts = require('./parts-9jMf1erK.js');
 
 const ButtonSpinner = () => (index.h("div", { class: "spinner-border spinner-border-sm", role: "status", part: "button-spinner" },

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

@@ -0,0 +1,71 @@
+'use strict';
+
+var index = require('./index-D5bL1DOi.js');
+var skeleton = require('./skeleton-CbZBGO47.js');
+var configState = require('./config-state-Dz9bnWHg.js');
+require('./parts-9jMf1erK.js');
+require('./index-BCtVWU61.js');
+
+const CardFormSkeleton = (props) => {
+    const { isReady } = props;
+    if (isReady) {
+        return null;
+    }
+    return (index.h("div", { class: "container-fluid p-0" },
+        index.h("div", { class: "mb-3" },
+            index.h(skeleton.Skeleton, { height: "18px", width: "100px" }),
+            index.h(skeleton.Skeleton, { height: "36px" })),
+        index.h("div", { class: "row" },
+            index.h("div", { class: "col-4 align-content-end" },
+                index.h(skeleton.Skeleton, { height: "18px", width: "80px" }),
+                index.h(skeleton.Skeleton, { height: "36px" })),
+            index.h("div", { class: "col-4 align-content-end" },
+                index.h(skeleton.Skeleton, { height: "36px" })),
+            index.h("div", { class: "col-4 align-content-end" },
+                index.h(skeleton.Skeleton, { height: "18px", width: "30px" }),
+                index.h(skeleton.Skeleton, { height: "36px" })))));
+};
+
+const CardForm = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.isReady = false;
+    }
+    async componentWillLoad() {
+        await configState.waitForConfig();
+        this.iframeOrigin = configState.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 (index.h(index.Host, { key: '0f8d1d7a069380709165302ab55b8f272eb1d721' }, index.h(CardFormSkeleton, { key: 'f269c934c7b1712cc82a58f6a52a98ae06de0427', isReady: this.isReady }), index.h("div", { key: 'af64a2c9bff9e71427605d863613810aabbbf50e', class: "container-fluid p-0", style: {
+                opacity: this.isReady ? '1' : '0',
+                height: this.isReady ? 'auto' : '0',
+            } }, index.h("div", { key: 'b07542c92ca49a44a8c9ea04919ec3db14100cac', class: "mb-3" }, index.h("iframe-input", { key: 'a13821b11e3c3b9b5cfd42a967c5c708ee5fbb9e', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), index.h("div", { key: '4ffe80a04c90546ae26b7239d7a081c251b1e9a5', class: "d-flex align-items-start" }, index.h("div", { key: '8b86e21933299ace1eb6914ea003eb368f164945', class: "flex-fill me-3" }, index.h("iframe-input", { key: 'a1c4b27683e2685a4fe4da5ae7d86b9439ec90d9', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), index.h("div", { key: '614059cd2995bd630709b75e9e6c29c8134c8762', class: "flex-fill me-3" }, index.h("iframe-input", { key: '178b15d416591122cf271e63d633950fa6a67617', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), index.h("div", { key: '097a78e72fa9eadd4b930b7eaf4afca5c3bf7d6b', class: "flex-fill" }, index.h("iframe-input", { key: 'cbe3bc2f75863d19a8e5345f0d2a68aa75a54a98', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+    }
+};
+
+exports.card_form = CardForm;

package/dist/cjs/{check-pkg-version-BlUxyRaM.js → check-pkg-version-Dn-3Aibs.js}

@@ -1,12 +1,11 @@
 'use strict';
 
-var _package = require('./package-v-c3ZR5a.js');
-var Api = require('./Api-BTdkb3Zh.js');
-require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-TZnRz3-3.js');
+var _package = require('./package-ClqzRJoK.js');
+var Api = require('./Api-c8NBCwu4.js');
+require('./ComponentError-CEv9ltwy.js');
+require('./Refund-Dt1CMUjx.js');
 require('./Pagination-Dediz133.js');
 require('./Payment-D5UynU2f.js');
-require('./Refund-BFE-2OxN.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 

package/dist/cjs/{checkout.service-Bx0RBq-I.js → checkout.service-XwOh98gt.js}

@@ -1,11 +1,10 @@
 'use strict';
 
-var Api = require('./Api-BTdkb3Zh.js');
-require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-TZnRz3-3.js');
+var Api = require('./Api-c8NBCwu4.js');
+require('./ComponentError-CEv9ltwy.js');
+require('./Refund-Dt1CMUjx.js');
 require('./Pagination-Dediz133.js');
 require('./Payment-D5UynU2f.js');
-require('./Refund-BFE-2OxN.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 

package/dist/cjs/checkout.store--pVCO0L1.js

@@ -0,0 +1,37 @@
+'use strict';
+
+var index = require('./index-BCtVWU61.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 } = index.createStore(initialState);
+Object.keys(initialState).forEach((key) => {
+    // @ts-ignore
+    onChange(key, (newValue) => {
+        checkoutStore[key] = newValue;
+    });
+});
+
+exports.checkoutStore = checkoutStore;
+exports.onChange = onChange;

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

@@ -1,26 +1,25 @@
 'use strict';
 
-var index = require('./index-2GwnTbNA.js');
-require('./config-state-BTfJl-LU.js');
+var index = require('./index-D5bL1DOi.js');
+require('./config-state-Dz9bnWHg.js');
 require('./utils-qOon0GWm.js');
-require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-TZnRz3-3.js');
+require('./ComponentError-CEv9ltwy.js');
+require('./Refund-Dt1CMUjx.js');
 var Pagination = require('./Pagination-Dediz133.js');
 require('./Payment-D5UynU2f.js');
-require('./Refund-BFE-2OxN.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var table = require('./table-BgQP2M2-.js');
+var table = require('./table-CxvETNS1.js');
 var eventTypes = require('./event-types-YOY5TKUN.js');
-var checkoutsTable = require('./checkouts-table-C1Jv_A7m.js');
-var checkoutsListParamsState = require('./checkouts-list-params-state-fVsfZZ5G.js');
-require('./index-DEMVrrsF.js');
+var checkoutsTable = require('./checkouts-table-CrpOOe_e.js');
+var checkoutsListParamsState = require('./checkouts-list-params-state-DZUKBmLC.js');
+require('./index-BCtVWU61.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 require('./parts-9jMf1erK.js');
-require('./spinner-DOC4Ab7M.js');
-require('./badge-sO_Hcamo.js');
+require('./spinner-CIZFX7bz.js');
+require('./badge-DDksduwk.js');
 
 const CheckoutsListCore = class {
     constructor(hostRef) {
@@ -138,7 +137,7 @@ const CheckoutsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        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 }) }))))))));
+        return (index.h(table.TableWrapper, { key: 'c411d1c3a54fd8a331f0c5cdbae344e231482c0f' }, index.h(table.TableComponent, { key: '21774546f3500612497943869017fa7c712dff7e' }, index.h(table.TableHead, { key: 'c4e745ead905a393ff1b0cd0fba23db2fcc03ad8' }, index.h(table.TableHeadRow, { key: '88063d0baedd1febe0febcab1ccefc512accfd7d' }, this.checkoutsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: 'e2534bc13d9e015f127c5396bbe73545d92536b4' }, index.h(table.TableLoadingState, { key: '0f0958fa87403652880222365cf7f88dd33335cc', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), index.h(table.TableEmptyState, { key: '588bb80d518892791ed2134dd5405940e7c28db7', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), index.h(table.TableErrorState, { key: '219cce1137232c64b7c9188042c4aaca7e0e91b6', 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: '16978b3be698ceabd1d19b9eaa3f85c01a862b83' }, index.h(table.TableFootRow, { key: 'cd26e5b6f03dff77e09dfb4f9962e7601b2e40dc' }, index.h(table.TableFootCell, { key: '508008cf682b393549a839453d4b4c2eee1f67a4', colSpan: this.checkoutsTable.columnData.length }, index.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/cjs/{checkouts-list-params-state-fVsfZZ5G.js → checkouts-list-params-state-DZUKBmLC.js}

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

package/dist/cjs/{checkouts-table-C1Jv_A7m.js → checkouts-table-CrpOOe_e.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-2GwnTbNA.js');
+var index = require('./index-D5bL1DOi.js');
 var utils = require('./utils-qOon0GWm.js');
-var badge = require('./badge-sO_Hcamo.js');
+var badge = require('./badge-DDksduwk.js');
 var parts = require('./parts-9jMf1erK.js');
 
 const MapCheckoutStatusToBadge = (status) => {

package/dist/cjs/{config-state-BTfJl-LU.js → config-state-Dz9bnWHg.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DEMVrrsF.js');
+var index = require('./index-BCtVWU61.js');
 
 const initialState = {
     apiOrigin: "https://wc-proxy.justifi.ai",