@justifi/webcomponents 6.0.0-rc.2 → 6.0.0-rc.20

package/dist/cjs/{Api-CPuq_15r.js → Api-DyimBzKT.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var configState = require('./config-state-5xZf-jax.js');
-var utils = require('./utils-BaGF9XIe.js');
+var configState = require('./config-state-BBOZIS8x.js');
+var utils = require('./utils-ChCUZgUy.js');
 
 const Api = () => {
     async function getAuthorizationHeader(authToken) {

package/dist/cjs/{Refund-CqWNG8sx.js → Refund-BefKONu4.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var utils = require('./utils-BaGF9XIe.js');
+var utils = require('./utils-ChCUZgUy.js');
 var Dispute = require('./Dispute-CruQTF6_.js');
 
 class Completion {
@@ -109,7 +109,8 @@ exports.PaymentMethodTypes = void 0;
     PaymentMethodTypes["card"] = "card";
     PaymentMethodTypes["bankAccount"] = "bankAccount";
     PaymentMethodTypes["sezzle"] = "sezzle";
-    PaymentMethodTypes["saved"] = "saved";
+    PaymentMethodTypes["plaid"] = "plaid";
+    PaymentMethodTypes["applePay"] = "applePay";
 })(exports.PaymentMethodTypes || (exports.PaymentMethodTypes = {}));
 var PaymentTypes;
 (function (PaymentTypes) {
@@ -227,7 +228,9 @@ class Payment {
     }
     get payment_type() {
         if (this.payment_method) {
-            return this.payment_method.card ? PaymentTypes.card : PaymentTypes.bankAccount;
+            return this.payment_method.card
+                ? PaymentTypes.card
+                : PaymentTypes.bankAccount;
         }
         else {
             return PaymentTypes.unknown;

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
-var utils$1 = require('./utils-Df-pajL7.js');
-var utils = require('./utils-BaGF9XIe.js');
+var index = require('./index-C9hBD-32.js');
+var utils$1 = require('./utils-Bzyj4qWe.js');
+var utils = require('./utils-ChCUZgUy.js');
 require('./parts-9jMf1erK.js');
 require('./dinero-BwNN_k7x.js');
 

package/dist/cjs/{badge-CMmPvqtE.js → badge-CcJ9H85-.js}

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

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

@@ -1,22 +1,22 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
-require('./config-state-5xZf-jax.js');
+var index = require('./index-C9hBD-32.js');
+require('./config-state-BBOZIS8x.js');
 require('./dinero-BwNN_k7x.js');
 require('./ComponentError-D4OLnOkg.js');
-var Refund = require('./Refund-CqWNG8sx.js');
+var Refund = require('./Refund-BefKONu4.js');
 require('./Pagination-Dediz133.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 utils$1 = require('./utils-BaGF9XIe.js');
+var utils$1 = require('./utils-ChCUZgUy.js');
 var parts = require('./parts-9jMf1erK.js');
-var skeleton = require('./skeleton-x-GSs3xk.js');
+var skeleton = require('./skeleton-C7DQRD6r.js');
 require('./event-types-YOY5TKUN.js');
-var formControlErrorText = require('./form-control-error-text-HM0zQerh.js');
-require('./index-Yd9aLenr.js');
+var formControlErrorText = require('./form-control-error-text-B-P5UDhm.js');
+require('./index-B32W0A3m.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 
@@ -98,10 +98,10 @@ const FileInput = class {
         return part;
     }
     render() {
-        return (index.h(index.Host, { key: 'fdb25496e92f4a0ac8d59dc21a1ee0b4364dfb0b' }, index.h("div", { key: 'dfbb750595eafcaef0d02dffa740c58b0459d99a', class: "form-group d-flex flex-column" }, index.h("div", { key: '78b3a1c682ad87d317f7e7407fbd73392a20b5c2', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '1f0a3ee1e9252c5ea446636d6602102bb7b6215c', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '7cf6117ae465514d3cbeb1ed2186f6b9d708c14e', helpText: this.helpText })), index.h("input", { key: '44a29d1872127ae6b588553cceed75144dd80381', 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: '3f6adbe90fc89972562f658958433d77ca9ad67c' }, index.h("div", { key: '522ea5f78109a2717e8b016c16d29c9444ebf0c2', class: "form-group d-flex flex-column" }, index.h("div", { key: '39647185cf2b6fbe4317aa5ae609a971161974a7', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '18d7f1e782c74bfd9a1aad52c70d451e2d7ebdd5', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '3eab40969bc7d68b195093f7671244a2c1a0f537', helpText: this.helpText })), index.h("input", { key: '0acb164fc09a23fd8a8937222f527052bb02248e', 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: '50be6125a92cc147aa1b7be3b6777835d7a8d0c3', errorText: this.errorText, name: this.name }))));
+            } }), index.h(formControlErrorText.FormControlErrorText, { key: '03689848a01a3844dcf4480d5f997a3a52338ea1', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,10 +1,12 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
-var skeleton = require('./skeleton-x-GSs3xk.js');
-var configState = require('./config-state-5xZf-jax.js');
+var index = require('./index-C9hBD-32.js');
+var skeleton = require('./skeleton-C7DQRD6r.js');
+var configState = require('./config-state-BBOZIS8x.js');
+var utils = require('./utils-ChCUZgUy.js');
 require('./parts-9jMf1erK.js');
-require('./index-Yd9aLenr.js');
+require('./index-B32W0A3m.js');
+require('./dinero-BwNN_k7x.js');
 
 const BankAccountFormSkeleton = (props) => {
     const { isReady } = props;
@@ -30,6 +32,7 @@ const BankAccountForm = class {
     async componentWillLoad() {
         await configState.waitForConfig();
         this.iframeOrigin = configState.configState.iframeOrigin;
+        this.tabId = utils.generateTabId();
     }
     componentDidRender() {
         const elements = [
@@ -53,10 +56,10 @@ const BankAccountForm = class {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (index.h(index.Host, { key: '843caa7d14d4694d78e477cb51d6caac387fdb23' }, index.h(BankAccountFormSkeleton, { key: 'f4381a71ef5831d159f51472744c7d7a85221464', isReady: this.isReady }), index.h("div", { key: '8de6e74f3559d94747d8ca942f777977325f16e5', class: "container-fluid p-0", style: {
+        return (index.h(index.Host, { key: '7ee7c6e3c26ab1a90bdbf7215fe13f65aade1025' }, index.h(BankAccountFormSkeleton, { key: 'e4afc94a21b041972d031cfce88a102f763932d1', isReady: this.isReady }), index.h("div", { key: '8980e0dc0048dbd9cd93a4f93fab8c4cbfeef611', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, index.h("div", { key: '09e19bc320f2095c9148ddaa2105813071d5f9da', class: "row mb-3" }, index.h("iframe-input", { key: 'e6262b9fa09d8b30da046dc0c1a01a7bbac33a7d', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), index.h("div", { key: '15b85f900ce89f440ecbfe62e61d36d15eff9c2b', class: "row" }, index.h("iframe-input", { key: '9b4cf61adfd4a5c68e07cc4eb49841727ce2c63d', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+            } }, index.h("div", { key: 'd04bb6b18498de9646ba6e2ee32f223774a72cc7', class: "row mb-3" }, index.h("iframe-input", { key: '7eb29da8beff34cbe5d2b7c151fec433d17f8555', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), index.h("div", { key: 'c6345cddc37cbe5627ca4581fb98be55b85550a6', class: "row" }, index.h("iframe-input", { key: '0bf71a22e9126e04f15f213d84953ccfd3388ef0', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
     }
 };
 

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

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
-var utils = require('./utils-Df-pajL7.js');
-var styledHost = require('./styled-host-CqQYxX-w.js');
+var index = require('./index-C9hBD-32.js');
+var utils = require('./utils-Bzyj4qWe.js');
+var styledHost = require('./styled-host-BfVJlAsJ.js');
 require('./event-types-YOY5TKUN.js');
-var skeleton = require('./skeleton-x-GSs3xk.js');
+var skeleton = require('./skeleton-C7DQRD6r.js');
 require('./parts-9jMf1erK.js');
 
 const BusinessDetailsLoading = () => {

package/dist/cjs/{business.service-C3BdUPlm.js → business.service-BB6zl4Gc.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var Api = require('./Api-CPuq_15r.js');
+var Api = require('./Api-DyimBzKT.js');
 require('./ComponentError-D4OLnOkg.js');
-require('./Refund-CqWNG8sx.js');
+require('./Refund-BefKONu4.js');
 require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');

package/dist/cjs/{button-CfVQSysQ.js → button-DsHDMHaa.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
+var index = require('./index-C9hBD-32.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

@@ -1,10 +1,12 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
-var skeleton = require('./skeleton-x-GSs3xk.js');
-var configState = require('./config-state-5xZf-jax.js');
+var index = require('./index-C9hBD-32.js');
+var skeleton = require('./skeleton-C7DQRD6r.js');
+var configState = require('./config-state-BBOZIS8x.js');
+var utils = require('./utils-ChCUZgUy.js');
 require('./parts-9jMf1erK.js');
-require('./index-Yd9aLenr.js');
+require('./index-B32W0A3m.js');
+require('./dinero-BwNN_k7x.js');
 
 const CardFormSkeleton = (props) => {
     const { isReady } = props;
@@ -34,6 +36,7 @@ const CardForm = class {
     async componentWillLoad() {
         await configState.waitForConfig();
         this.iframeOrigin = configState.configState.iframeOrigin;
+        this.tabId = utils.generateTabId();
     }
     componentDidRender() {
         const elements = [
@@ -61,10 +64,10 @@ const CardForm = class {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (index.h(index.Host, { key: 'c43351c7ab1eb6bf413f162634f55007798bb076' }, index.h(CardFormSkeleton, { key: 'f0a29497de2270108868e892d666b552dea27a1e', isReady: this.isReady }), index.h("div", { key: '2734b111c1f2f2275435d2141445ac30482946be', class: "container-fluid p-0", style: {
+        return (index.h(index.Host, { key: '8a6454e0a16e0a26762627f7a42527ab243c1c7a' }, index.h(CardFormSkeleton, { key: 'ed7386f746518e1ebb62d1bf9bc2e98778d9804e', isReady: this.isReady }), index.h("div", { key: 'f3092bcce1626f04a079ebcf64f0cdf06a7029a8', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, index.h("div", { key: '036c359caaf8fc36fa6ba56bbcad5d01de1fe9c9', class: "mb-3" }, index.h("iframe-input", { key: '9baf7dc76ff18f8dee6e6cd08b93e1ba155d5cf2', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), index.h("div", { key: '080769719aa9b0d6abc9b18c46247eecd6428833', class: "d-flex align-items-start" }, index.h("div", { key: 'b3a825ed849ec0032d4a9018537f8ffab4b93ca3', class: "flex-fill me-3" }, index.h("iframe-input", { key: '5f60eb2d3b3e1303e1a0f6a3f0cd60270bb2d0b8', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), index.h("div", { key: 'cfd000502f10593b59608e13f5de7911c546d030', class: "flex-fill me-3" }, index.h("iframe-input", { key: 'ab2a45264fe5890c171d03000f30720eafe354b5', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), index.h("div", { key: '637516bfd8030e56c9b1e97edfd3a635edb95f20', class: "flex-fill" }, index.h("iframe-input", { key: 'e407cc2470841fe12b1bdb84bbc8ecfb0165c72d', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+            } }, index.h("div", { key: '3e211e500bef824aff5b6bf6cdedc99435cacfd4', class: "mb-3" }, index.h("iframe-input", { key: '6ad14a317fd6cad6d6535ba661684e31c325c5ab', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), index.h("div", { key: '931e9f1b047ff57c2b37bb2947e29f6708f239d9', class: "d-flex align-items-start" }, index.h("div", { key: '5ca19fbf9047bd6595557890b0bdbbf0d2e65de9', class: "flex-fill me-3" }, index.h("iframe-input", { key: 'c99f426b77308b15fcb174e8adbe8c120abc58b5', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), index.h("div", { key: '677b8fb8f33a021afda90a8b4e13b5f44b5fe694', class: "flex-fill me-3" }, index.h("iframe-input", { key: '9bcf91464c5f2ca77b339f2fe299db6027aa9f8b', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), index.h("div", { key: '9b5c52d9cc5b30eedf522801c3f8f6c0530757ce', class: "flex-fill" }, index.h("iframe-input", { key: '3e73df1c7119193a239fcd2f5212967e109cff83', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
     }
 };
 

package/dist/cjs/{check-pkg-version-BfmeLSXP.js → check-pkg-version-DS_8EVX4.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var _package = require('./package-CuNDvHTB.js');
-var Api = require('./Api-CPuq_15r.js');
+var _package = require('./package-XG0rW7xm.js');
+var Api = require('./Api-DyimBzKT.js');
 require('./ComponentError-D4OLnOkg.js');
-require('./Refund-CqWNG8sx.js');
+require('./Refund-BefKONu4.js');
 require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
@@ -96,6 +96,12 @@ const latestVersion = async (packageName) => {
     return json.version;
 };
 const checkPkgVersion = async () => {
+    var _a, _b;
+    // Skip version check in test environments to avoid async logs after tests complete
+    if (typeof process !== 'undefined' &&
+        (((_a = process.env) === null || _a === void 0 ? void 0 : _a.NODE_ENV) === 'test' || ((_b = process.env) === null || _b === void 0 ? void 0 : _b.JEST_WORKER_ID))) {
+        return;
+    }
     const version = _package.packageJson.version;
     const packageName = _package.packageJson.name;
     const latest = await latestVersion(packageName);

package/dist/cjs/{checkout.service-B0ZmvWwI.js → checkout.service-B-R80p4f.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var Api = require('./Api-CPuq_15r.js');
+var Api = require('./Api-DyimBzKT.js');
 require('./ComponentError-D4OLnOkg.js');
-require('./Refund-CqWNG8sx.js');
+require('./Refund-BefKONu4.js');
 require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');

package/dist/cjs/checkout.store-DJEc-So8.js

@@ -0,0 +1,91 @@
+'use strict';
+
+var index = require('./index-B32W0A3m.js');
+require('./config-state-BBOZIS8x.js');
+require('./dinero-BwNN_k7x.js');
+require('./ComponentError-D4OLnOkg.js');
+var Refund = require('./Refund-BefKONu4.js');
+require('./Pagination-Dediz133.js');
+require('./Business-DCRzZf0w.js');
+require('./Dispute-CruQTF6_.js');
+var index$1 = require('./index-D-dD-aC2.js');
+
+const initialState = {
+    accountId: '',
+    authToken: '',
+    billingFormFields: {
+        address_postal_code: '',
+    },
+    bnplEnabled: false,
+    insuranceEnabled: false,
+    bnplProviderApiVersion: '',
+    bnplProviderCheckoutUrl: '',
+    bnplProviderClientId: '',
+    bnplProviderMode: '',
+    checkoutId: '',
+    checkoutLoaded: false,
+    bankAccountVerification: undefined,
+    disableBankAccount: false,
+    disableBnpl: false,
+    disableCreditCard: false,
+    disablePaymentMethodGroup: false,
+    paymentAmount: 0,
+    paymentCurrency: 'USD',
+    paymentDescription: '',
+    paymentMethodGroupId: undefined,
+    paymentMethods: [],
+    paymentToken: undefined,
+    savePaymentMethod: false,
+    selectedPaymentMethod: { type: Refund.PaymentMethodTypes.card },
+    totalAmount: 0,
+    plaidPublicToken: undefined,
+    plaidLinkTokenId: undefined,
+};
+const { state: checkoutStore, onChange } = index.createStore(initialState);
+Object.keys(initialState).forEach((key) => {
+    // @ts-ignore
+    onChange(key, (newValue) => {
+        checkoutStore[key] = newValue;
+    });
+});
+// Helper: compute available payment methods based on store flags
+function getAvailablePaymentMethodTypes() {
+    var _a;
+    const methods = [];
+    if (!checkoutStore.disablePaymentMethodGroup &&
+        ((_a = checkoutStore.paymentMethods) === null || _a === void 0 ? void 0 : _a.length)) {
+        const hasSavedCard = checkoutStore.paymentMethods.some((pm) => pm.type === 'card');
+        const hasSavedBank = checkoutStore.paymentMethods.some((pm) => pm.type === 'bank_account');
+        if (hasSavedCard && !checkoutStore.disableCreditCard) {
+            methods.push(index$1.PAYMENT_METHODS.SAVED_CARD);
+        }
+        if (hasSavedBank && !checkoutStore.disableBankAccount) {
+            methods.push(index$1.PAYMENT_METHODS.SAVED_BANK_ACCOUNT);
+        }
+    }
+    if (!checkoutStore.disableCreditCard) {
+        methods.push(index$1.PAYMENT_METHODS.NEW_CARD);
+    }
+    if (!checkoutStore.disableBankAccount) {
+        methods.push(index$1.PAYMENT_METHODS.NEW_BANK_ACCOUNT);
+    }
+    if (checkoutStore.bnplEnabled && !checkoutStore.disableBnpl) {
+        methods.push(index$1.PAYMENT_METHODS.SEZZLE);
+    }
+    if (checkoutStore.bankAccountVerification === true &&
+        !checkoutStore.disableBankAccount) {
+        methods.push(index$1.PAYMENT_METHODS.PLAID);
+    }
+    return methods;
+}
+function onAnyChange(callback) {
+    Object.keys(initialState).forEach((key) => {
+        // @ts-ignore - onChange is generically typed by stencil/store but not exported here
+        onChange(key, (newValue) => callback(key, newValue));
+    });
+}
+
+exports.checkoutStore = checkoutStore;
+exports.getAvailablePaymentMethodTypes = getAvailablePaymentMethodTypes;
+exports.onAnyChange = onAnyChange;
+exports.onChange = onChange;

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

@@ -1,24 +1,24 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
-require('./config-state-5xZf-jax.js');
+var index = require('./index-C9hBD-32.js');
+require('./config-state-BBOZIS8x.js');
 require('./dinero-BwNN_k7x.js');
 require('./ComponentError-D4OLnOkg.js');
-require('./Refund-CqWNG8sx.js');
+require('./Refund-BefKONu4.js');
 var Pagination = require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var table = require('./table-BJVUhh3s.js');
+var table = require('./table-Ccdrt0v_.js');
 var eventTypes = require('./event-types-YOY5TKUN.js');
-var checkoutsTable = require('./checkouts-table-UN5gPpQ_.js');
-var checkoutsListParamsState = require('./checkouts-list-params-state-BNbT1fuJ.js');
-require('./index-Yd9aLenr.js');
-require('./utils-BaGF9XIe.js');
+var checkoutsTable = require('./checkouts-table-DjMdEiEW.js');
+var checkoutsListParamsState = require('./checkouts-list-params-state-Cewmin_p.js');
+require('./index-B32W0A3m.js');
+require('./utils-ChCUZgUy.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 require('./parts-9jMf1erK.js');
-require('./spinner-Kb1BFvnL.js');
-require('./badge-CMmPvqtE.js');
+require('./spinner-jmeA44Ee.js');
+require('./badge-CcJ9H85-.js');
 
 const CheckoutsListCore = class {
     constructor(hostRef) {
@@ -136,7 +136,7 @@ const CheckoutsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (index.h(table.TableWrapper, { key: 'c496328d1840fb1f823f233c04c78525b5f12553' }, index.h(table.TableComponent, { key: 'f994cfed9bf75a299fc94dd22306911d84b44541' }, index.h(table.TableHead, { key: '0ffb6ce97ebe1a35eb0143b43767223d844a70e0' }, index.h(table.TableHeadRow, { key: 'd063eaafc44bf75be0de5463a1f9b2789ec8b76e' }, this.checkoutsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: '624a316c1631070a999c48342e71c55207b51be3' }, index.h(table.TableLoadingState, { key: '0f7444acf626537bf2179fdb64a435550bcf20d3', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), index.h(table.TableEmptyState, { key: 'ea68f85498d3bcbb44c8d9158d5cc6a228867e6c', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), index.h(table.TableErrorState, { key: 'db72f0190431182f410f246ad00fceb51901fd66', 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: '855184d90f85a1dd299c372b5b065e1af2151a99' }, index.h(table.TableFootRow, { key: 'b216c505abd04f79c0a733312fc5babdb35f2b77' }, index.h(table.TableFootCell, { key: 'efa83af6ee8543443826ccfe4efc230afc5d05f6', colSpan: this.checkoutsTable.columnData.length }, index.h("pagination-menu", { key: '70664e167672a40b63c7fdd2603c52e8584870e9', 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/{payments-list-params-state-BNbT1fuJ.js → checkouts-list-params-state-Cewmin_p.js}

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

package/dist/cjs/{checkouts-table-UN5gPpQ_.js → checkouts-table-DjMdEiEW.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
-var utils = require('./utils-BaGF9XIe.js');
-var badge = require('./badge-CMmPvqtE.js');
+var index = require('./index-C9hBD-32.js');
+var utils = require('./utils-ChCUZgUy.js');
+var badge = require('./badge-CcJ9H85-.js');
 var parts = require('./parts-9jMf1erK.js');
 
 const MapCheckoutStatusToBadge = (status) => {

package/dist/cjs/{config-state-5xZf-jax.js → config-state-BBOZIS8x.js}

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

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
+var index = require('./index-C9hBD-32.js');
 var parts = require('./parts-9jMf1erK.js');
 
 var top = 'top';
@@ -1875,7 +1875,7 @@ const CustomPopper = class {
         this.hideEvent.emit();
     }
     render() {
-        return (index.h("div", { key: 'c5c8d766dfa1ad756a4133c8cafb7904802378dd' }, index.h("style", { key: 'e7362e29a1971eb98c78b9b1b27e7fd254c259c8' }, `
+        return (index.h("div", { key: '6249f59c6bcced199fe4d509988644633d783b6b' }, index.h("style", { key: '9d6a47ff5b927ebfb318b7d0852678f7ade406ca' }, `
           .popper-content {
             display: none;
           }
@@ -1883,7 +1883,7 @@ const CustomPopper = class {
             display: block;
             z-index: 1030;
           }
-          `), index.h("div", { key: 'f317844cc31312b38d5a2c01f55c3c82d7b4966f', class: "popper-content", ref: (el) => this.popperContentRef = el }, index.h("slot", { key: '84c82c3768182536c2dcbf84c445ef67b4311d24' }))));
+          `), index.h("div", { key: '311f13edc07bc1aea0569fb6c92fbbc241704529', class: "popper-content", ref: (el) => this.popperContentRef = el }, index.h("slot", { key: '93e806d8db16cd7c1b29ce6b6bec784c8126ab67' }))));
     }
 };
 

package/dist/cjs/{dispute.service-DsPEAcDn.js → dispute.service-B5tITFAh.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var Api = require('./Api-CPuq_15r.js');
+var Api = require('./Api-DyimBzKT.js');
 require('./ComponentError-D4OLnOkg.js');
-require('./Refund-CqWNG8sx.js');
+require('./Refund-BefKONu4.js');
 require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
+var index = require('./index-C9hBD-32.js');
 var parts = require('./parts-9jMf1erK.js');
 var businessFormOptions = require('./business-form-options-CMII7nIK.js');
 var formInputMasks = require('./form-input-masks-DgXd0f4V.js');

package/dist/cjs/form-control-checkbox.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
+var index = require('./index-C9hBD-32.js');
 var parts = require('./parts-9jMf1erK.js');
-var formControlHelpText = require('./form-control-help-text-5KIUw1IP.js');
-var formControlErrorText = require('./form-control-error-text-HM0zQerh.js');
+var formControlHelpText = require('./form-control-help-text-JoZjhb9m.js');
+var formControlErrorText = require('./form-control-error-text-B-P5UDhm.js');
 require('./event-types-YOY5TKUN.js');
 
 const CheckboxInput = class {
@@ -39,10 +39,10 @@ const CheckboxInput = class {
         return parts.inputCheckbox;
     }
     render() {
-        return (index.h(index.Host, { key: '0d374cd9b723d22a594cc15131fb58ea47f4bd30' }, index.h("div", { key: '8ac29bb245a0216555106f0032654546132677f2', class: 'form-group d-flex flex-column' }, index.h("div", { key: 'e332d04b1964a4f26d0b44ee69e80a16661f7774', class: "form-check" }, index.h("input", { key: 'f56ca248d45ad8ac9457c69befd9d071b79ca7e5', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: 'cb4fce894bdb9a24689e6a8b4078727b00001b3a' }, index.h("div", { key: 'da4671582783f5ebace5105434e484d816215f9e', class: 'form-group d-flex flex-column' }, index.h("div", { key: 'b8cd2036001fa732528391b6dbf1d0ae53043579', class: "form-check" }, index.h("input", { key: 'ae87dba4cdf3786e3c9a48c466deb9ef622cb5a9', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), index.h("label", { key: '8187e193ea1bb8c91990d757f7697a716b07a17d', class: "form-check-label", htmlFor: this.name, part: parts.label }, this.label)), index.h(formControlHelpText.FormControlHelpText, { key: '9ec4d8ec57ec09675ff83ec1125b1534da5b8275', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: '01adbe1f12aa5590049a4dfbbb354070d2b35b55', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), index.h("label", { key: 'bd2521e5b1af0a415f0780ee9708ff3c59707bcb', class: "form-check-label", htmlFor: this.name, part: parts.label }, this.label)), index.h(formControlHelpText.FormControlHelpText, { key: '29ac1320b027c81203fd4f5f424a25dd83bfbb80', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: 'a9206d48a18006459f7ae079413e7a5cc528aab5', errorText: this.errorText, name: this.name }))));
     }
 };
 

package/dist/cjs/form-control-date.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
+var index = require('./index-C9hBD-32.js');
 var parts = require('./parts-9jMf1erK.js');
-var formControlErrorText = require('./form-control-error-text-HM0zQerh.js');
+var formControlErrorText = require('./form-control-error-text-B-P5UDhm.js');
 require('./event-types-YOY5TKUN.js');
 
 const DateInput = class {
@@ -49,10 +49,10 @@ const DateInput = class {
         return part;
     }
     render() {
-        return (index.h(index.Host, { key: '6cd65d367a94e06c8d49be26e3e8d7e2751cfa51' }, index.h("div", { key: '6ff62394e1879e3ecebe8c610e4eb4cf7a9060a3', class: "form-group d-flex flex-column" }, index.h("div", { key: '68f0f7d9e86666c589078356440c9aaa80bba217', class: "d-flex gap-2" }, index.h("label", { key: 'c328217fd188da129cb23cef60b0a62bc9ed971a', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '238b5b79e5374c7d9b96e18584de9c4bca68d980', helpText: this.helpText })), index.h("input", { key: '0d1ebc76676163c1361660bc9cc0d31577bdb8a5', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '2e4a67de83ef5dcd64ff15e1f6fbc125db0d121d' }, index.h("div", { key: 'e73d09d041e2152e88917ac65f8a5b5bb7949df4', class: "form-group d-flex flex-column" }, index.h("div", { key: '7c0e2d8be29956e61aaa37bc4575efc595382ce7', class: "d-flex gap-2" }, index.h("label", { key: '1d3692f53203455abacb1addb300549d5d47d8e6', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'e16354b0813c63cd2b21b4185fdd33c0159d9ee3', helpText: this.helpText })), index.h("input", { key: 'bf559dea1bf215276a69833a0d5ff78502043669', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), index.h(formControlErrorText.FormControlErrorText, { key: '0bd94154e9ae185fb7de192f385a7031cb556207', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), index.h(formControlErrorText.FormControlErrorText, { key: 'df02643ac9a15c675726ccba1bfb2ec45ed2c4bc', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/cjs/{form-control-error-text-HM0zQerh.js → form-control-error-text-B-P5UDhm.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
+var index = require('./index-C9hBD-32.js');
 var parts = require('./parts-9jMf1erK.js');
 
 const FormControlErrorText = (props) => {

package/dist/cjs/form-control-file-v2_2.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
-var formControlErrorText = require('./form-control-error-text-HM0zQerh.js');
+var index = require('./index-C9hBD-32.js');
+var formControlErrorText = require('./form-control-error-text-B-P5UDhm.js');
 var parts = require('./parts-9jMf1erK.js');
 
 const FileInput = class {
@@ -11,7 +11,7 @@ const FileInput = class {
         this.formControlBlur = index.createEvent(this, "formControlBlur");
     }
     render() {
-        return (index.h(index.Host, { key: '2471eb40bed06640e17dd9cfadfe427c4178d923', exportparts: "label,input,input-invalid" }, index.h("div", { key: '0463e18df33326affe7a829711d7b7c615048c2c', class: "form-group d-flex flex-column" }, index.h("div", { key: 'f74bc11fc71a94edc1abfdfe19c361b4fb06fd8d', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'f2e7975411fe2e328554d2b90e1d730864db6f22', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'fd4aec54d0d69b1528083f564db69705e4ec1c96', helpText: this.helpText })), index.h("input", { key: '1eb925311b0cd7257d17565726e32a00766a3b9a', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit(), onChange: () => this.errorText = "" }), index.h(formControlErrorText.FormControlErrorText, { key: '4e0897e145758bdbf8b2a707ed6b7c0ddaaf9cc7', errorText: this.errorText, name: this.name }))));
+        return (index.h(index.Host, { key: '151b13500f5bc11102f13e9e8aba583f5535458f', exportparts: "label,input,input-invalid" }, index.h("div", { key: 'aa24b590885e67c0dae7bbf10a46e111cbb108ac', class: "form-group d-flex flex-column" }, index.h("div", { key: 'a6da0c166f60904ac32eef2e9ebb77c472bb7180', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '24ddc6dc7f49b1be6a8a8d81c829c11f8c76b9e0', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '5d058f5f8029abce0a75c86a2de3b11d3c26a8f6', helpText: this.helpText })), index.h("input", { key: 'c807436e93a21ad7c1fd942cfb295d51bf30a9b7', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit(), onChange: () => this.errorText = "" }), index.h(formControlErrorText.FormControlErrorText, { key: '59abec5b8a6660de5c3aa09d5341b53bc53b3dea', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -57,10 +57,10 @@ const TextInput = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: '7d4f4ae4d68bb1bd8367eaeb35004c812cc7a486' }, index.h("div", { key: 'f313b9fd13190c4bb2c9806ef81cef2b7c9fd888', class: "form-group d-flex flex-column" }, index.h("label", { key: '57d3e7f77c4a92c7e37a49a30981848586189c67', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("textarea", { key: '2a8f08aed29a0931d8ec6c00794b3d3a328040f4', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: 'b4cdee53e150296601582bd17a74e7bff12c1867' }, index.h("div", { key: '198dd6fc463200a2445bd08934a15a0423ba4778', class: "form-group d-flex flex-column" }, index.h("label", { key: '73624f9fa6f506bb184bf461b60717f1aac87fdc', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("textarea", { key: '4aa0e8ef05e13f8c4c60c73e3312fd8d19d1b442', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), index.h("form-control-help-text", { key: '2a2bf6e0bee0cd60f7fae84dc30684e816527b4d', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '4d4fc8fc5450eb711dad88e2d8ca0d318b6dfd0c', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), index.h("form-control-help-text", { key: 'e54de23fbe76cfc9f1a9e88d71737b23b84d0ea4', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '7ec33f817f34514cf2c8acdb2bb1647de433aad7', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{form-control-help-text-5KIUw1IP.js → form-control-help-text-JoZjhb9m.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
+var index = require('./index-C9hBD-32.js');
 var parts = require('./parts-9jMf1erK.js');
 
 const FormControlHelpText = (props) => {

package/dist/cjs/form-control-help-text.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
+var index = require('./index-C9hBD-32.js');
 
 const FormControlHelpText = class {
     constructor(hostRef) {