@justifi/webcomponents 6.0.0-rc.9 → 6.0.1-rc.0

package/dist/esm/{Api-C1I68Tfr.js → Api-D4tj-h4P.js}

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

package/dist/esm/{Refund-kKW8S1h6.js → Refund-Bc5By0lb.js}

@@ -1,4 +1,4 @@
-import { f as formatCurrency } from './utils-lb8p1Exq.js';
+import { f as formatCurrency } from './utils-BscIVFn8.js';
 import { a as DisputeStatus } from './Dispute-BH0Xfn-F.js';
 
 class Completion {
@@ -107,6 +107,8 @@ var PaymentMethodTypes;
     PaymentMethodTypes["card"] = "card";
     PaymentMethodTypes["bankAccount"] = "bankAccount";
     PaymentMethodTypes["sezzle"] = "sezzle";
+    PaymentMethodTypes["plaid"] = "plaid";
+    PaymentMethodTypes["applePay"] = "applePay";
 })(PaymentMethodTypes || (PaymentMethodTypes = {}));
 var PaymentTypes;
 (function (PaymentTypes) {

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host } from './index-Bn7inNWG.js';
-import { c as DetailItem, D as DetailSectionTitle } from './utils-Dg6gMUTv.js';
-import { l as isEmptyObject, s as snakeCaseToHumanReadable, m as formatMediumDate } from './utils-lb8p1Exq.js';
+import { r as registerInstance, h, H as Host } from './index-qipqIMyC.js';
+import { c as DetailItem, D as DetailSectionTitle } from './utils-_ckvHjSW.js';
+import { m as isEmptyObject, s as snakeCaseToHumanReadable, n as formatMediumDate } from './utils-BscIVFn8.js';
 import './parts-RvUQ__Pq.js';
 import './dinero-HXpYMWUU.js';
 

package/dist/esm/{badge-DSYSJcRy.js → badge-ChwzCNAF.js}

@@ -1,4 +1,4 @@
-import { h } from './index-Bn7inNWG.js';
+import { h } from './index-qipqIMyC.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-RvUQ__Pq.js';
 
 var BadgeVariant;

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

@@ -1,20 +1,20 @@
-import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-Bn7inNWG.js';
-import './config-state-DZeVYerv.js';
+import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-qipqIMyC.js';
+import './config-state-Blo0ywwc.js';
 import './dinero-HXpYMWUU.js';
 import './ComponentError-Cjcsf8ku.js';
-import { E as EntityDocumentType } from './Refund-kKW8S1h6.js';
+import { E as EntityDocumentType } from './Refund-Bc5By0lb.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-BH0Xfn-F.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 { s as snakeCaseToHumanReadable, d as formatDate, i as formatTimeSeconds } from './utils-lb8p1Exq.js';
+import { s as snakeCaseToHumanReadable, e as formatDate, j as formatTimeSeconds } from './utils-BscIVFn8.js';
 import { Y as card, C as heading2, aj as table, N as tableHeadCell, ak as tableCell, c as input, l as label, b as inputInvalid, T as inputDisabled, a as inputFocused } from './parts-RvUQ__Pq.js';
-import { S as Skeleton } from './skeleton-qMb0_Cjy.js';
+import { S as Skeleton } from './skeleton-DtpkgjZ6.js';
 import './event-types-CZfYo5-1.js';
-import { F as FormControlErrorText } from './form-control-error-text-R7U07nTg.js';
-import './index-B_KxSZIF.js';
+import { F as FormControlErrorText } from './form-control-error-text-IXJJ4JpV.js';
+import './index-ZfXl6Xrm.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
 
@@ -23,7 +23,7 @@ const BankAccountDocumentFormInputs = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '23f5fa6b191b3feea7677a85a421002642a86f50', class: "row gy-3" }, h("div", { key: 'da9d9698f15aeb4bb05baef8fb63c630fcff8a82', class: "col-12" }, h("form-control-file", { key: 'b84a8ec1753210f74989c04b5520f0e94c5a083d', name: "voided_check", label: "Voided Check", documentType: EntityDocumentType.voidedCheck, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["voided_check"], multiple: true })), h("div", { key: '06d442df900406f122970bde6b2b293f2c9080ee', class: "col-12" }, h("form-control-file", { key: 'b3dc1d48900c5932c4d59f8b31a323193f0e86b4', name: "bank_statement", label: "Bank Statement", documentType: EntityDocumentType.bankStatement, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["bank_statement"], multiple: true }))));
+        return (h("div", { key: 'c62d858a070a4611bead814bacd350e7faa4b400', class: "row gy-3" }, h("div", { key: '0044e508f449953f9da16907d1a141a0b4b42f1f', class: "col-12" }, h("form-control-file", { key: 'add74fc5424ffdb64dbae5b2e0dddde39544e5e3', name: "voided_check", label: "Voided Check", documentType: EntityDocumentType.voidedCheck, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["voided_check"], multiple: true })), h("div", { key: '0d69209999cb8ded788a12ac3bd46360a73b1443', class: "col-12" }, h("form-control-file", { key: '73cf74f2a2cd19db35ac9e5191cb59a99098806b', name: "bank_statement", label: "Bank Statement", documentType: EntityDocumentType.bankStatement, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["bank_statement"], multiple: true }))));
     }
 };
 
@@ -32,7 +32,7 @@ const BankAccountFormInputs = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'da4dc9523bca84cdd02f7e5d47e513c426ed90fd', class: "row gy-3" }, h("div", { key: 'b625a293dec704cbbb132469fdbc8c5d99a660e1', class: "col-12" }, h("form-control-text", { key: 'b41460ddc605f73faf71233ccbbef7e34e690e5a', name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: 'e5560bcdba399baa2e54441436ef5c67936e9fef', class: "col-12" }, h("form-control-text", { key: '18cd16931899f724fd92cb89f1b8d4cd41c5354c', name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '3bb589db98e5d65022576b602bda41f36e3a90d5', class: "col-12" }, h("form-control-text", { key: 'c870513b8895add114d5ec588561fa6f33a63514', name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '1783e7b4af2b012338fe2e1b4f1faa9b5e086bcd', class: "col-12" }, h("form-control-select", { key: '6a9af0f6edeae133dce04b7f829abb802db4ac83', name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '3c3ffced96f67320b4c580be6f28dd8ef5d2c109', class: "col-12" }, h("form-control-text", { key: 'e85df115a9de08ad9abb3237f7bf6c6d23c84150', name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled, helpText: "Please copy the account number as shown on your statement/check. Do not include spaces or dashes." })), h("div", { key: '5a25cb25160aff24d1f62df2115dbd248709141e', class: "col-12" }, h("form-control-text", { key: 'dfdf7dce470efb8eea65aa6daf562d190963bace', name: "routing_number", label: "Routing Number", defaultValue: this.defaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled, helpText: "A valid routing number is nine digits. Please include any leading or trailing zeroes." }))));
+        return (h("div", { key: '1628c5430b9235c9e03eff78ccdbf9af49c7f455', class: "row gy-3" }, h("div", { key: 'c4af1f6adcf00c67cfc1c3e962ba716c471f8176', class: "col-12" }, h("form-control-text", { key: '3cb9addf2e55fb8d7f653621d3adccf17ff0bc3d', name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '1eb8b918e676b267caa0c8808a4dbde740ca46df', class: "col-12" }, h("form-control-text", { key: 'e540eeac2975e58fb5a28dc670441babdc62f857', name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '102078fb6d9bc409abe06d7ef4d3bbc11edc1f7a', class: "col-12" }, h("form-control-text", { key: '51f7801dab1d69ea38891e5b31c3c23166d2bdc6', name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '66d068a5c05b643e03f45f6cdb0a4f76720d5832', class: "col-12" }, h("form-control-select", { key: '5fa5b53dc35132b0d4948d8ca857563e726599bb', name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '522d348ea1460b7d645028a5174fce5bd6704adb', class: "col-12" }, h("form-control-text", { key: 'b2f3c8f097c5f0956252ada807f75d80f0c20225', name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled, helpText: "Please copy the account number as shown on your statement/check. Do not include spaces or dashes." })), h("div", { key: '627bfec99086214dad9f938a7c6f6650bb1023b8', class: "col-12" }, h("form-control-text", { key: 'a21cff4dbcbfb85dc851f1905a0dbeb99df81325', name: "routing_number", label: "Routing Number", defaultValue: this.defaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled, helpText: "A valid routing number is nine digits. Please include any leading or trailing zeroes." }))));
     }
 };
 
@@ -96,10 +96,10 @@ const FileInput = class {
         return part;
     }
     render() {
-        return (h(Host, { key: '028fa0490ce436410bf0aea234e92c171bf93b25' }, h("div", { key: '22d1cf8dd7d5731c8bb4469ecb788afef0a8ec6a', class: "form-group d-flex flex-column" }, h("div", { key: '9fe0d7827e5f18b8bec4894aa29f7a9e08e2e139', class: "d-flex align-items-start gap-2" }, h("label", { key: 'ddc0da46940544d5bcf12304f89f6bebc800e457', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '63cdd224e5075ee49a8795dd0d658c3b218db767', helpText: this.helpText })), h("input", { key: '3cb815fa320b991f7089452bd94e910c3ce910ea', 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: '3f6adbe90fc89972562f658958433d77ca9ad67c' }, h("div", { key: '522ea5f78109a2717e8b016c16d29c9444ebf0c2', class: "form-group d-flex flex-column" }, h("div", { key: '39647185cf2b6fbe4317aa5ae609a971161974a7', class: "d-flex align-items-start gap-2" }, h("label", { key: '18d7f1e782c74bfd9a1aad52c70d451e2d7ebdd5', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '3eab40969bc7d68b195093f7671244a2c1a0f537', helpText: this.helpText })), 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();
-            } }), h(FormControlErrorText, { key: '03f60fc9c2d42f987b951947f5b189eff623641b', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '03689848a01a3844dcf4480d5f997a3a52338ea1', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
 };

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

@@ -1,23 +1,17 @@
-import { h, r as registerInstance, H as Host } from './index-Bn7inNWG.js';
-import { S as Skeleton } from './skeleton-qMb0_Cjy.js';
-import { w as waitForConfig, c as configState } from './config-state-DZeVYerv.js';
+import { h, r as registerInstance, H as Host } from './index-qipqIMyC.js';
+import { S as Skeleton } from './skeleton-DtpkgjZ6.js';
+import { w as waitForConfig, c as configState } from './config-state-Blo0ywwc.js';
+import { b as generateTabId } from './utils-BscIVFn8.js';
 import './parts-RvUQ__Pq.js';
-import './index-B_KxSZIF.js';
+import './index-ZfXl6Xrm.js';
+import './dinero-HXpYMWUU.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" })))));
+    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 {
@@ -28,6 +22,7 @@ const BankAccountForm = class {
     async componentWillLoad() {
         await waitForConfig();
         this.iframeOrigin = configState.iframeOrigin;
+        this.tabId = generateTabId();
     }
     componentDidRender() {
         const elements = [
@@ -51,10 +46,10 @@ const BankAccountForm = class {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: 'b6cdf5a9320d92a5390daaa0a5218274f2dfc178' }, h(BankAccountFormSkeleton, { key: '286fcc38a26820d166ced0bc886143ed3d880da4', isReady: this.isReady }), h("div", { key: '041fcacff70d7cdfc0c8f41258bd9db18703e4c1', class: "container-fluid p-0", style: {
+        return (h(Host, { key: '10c2cf450e59fd8ac8b020e2e2b77cfc8821b215' }, h(BankAccountFormSkeleton, { key: '6fbcdf90c6da356b44813e7245054bad69fac4ca', isReady: this.isReady }), h("div", { key: 'c1df41c8bd3b3986191b0abad815667e1b88a135', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '94dc0eb0d79b40ade96e1961611e3e7a8eef20ea', class: "row mb-3" }, h("iframe-input", { key: '41c82b772e7873a45409e35ed56dfea16c20c2ee', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '1c95618a50e2d36a3a9a3a7b691ae0dfa6a09936', class: "row" }, h("iframe-input", { key: '28a4dde70c8f55b4f6bf6ce2d3beee6acbebbc0b', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+            } }, h("div", { key: 'e4643bc24f565a43a00f09cc93ba1d1fe7063435', class: "row mb-3" }, h("iframe-input", { key: '82850d403c7a137392acd3425c0f1daa3b6e97c9', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: '23854468a9e34f4f940b0988f3debc5f035d9102', class: "row" }, h("iframe-input", { key: '595739da0710dae542e4fa9b6286e957f599c502', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
     }
 };
 

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

@@ -1,28 +1,13 @@
-import { h, F as Fragment, r as registerInstance, c as createEvent } from './index-Bn7inNWG.js';
-import { E as ErrorState } from './utils-Dg6gMUTv.js';
-import { S as StyledHost } from './styled-host-CTAGIN84.js';
+import { h, F as Fragment, r as registerInstance, c as createEvent } from './index-qipqIMyC.js';
+import { E as ErrorState } from './utils-_ckvHjSW.js';
+import { S as StyledHost } from './styled-host-CbizlfAU.js';
 import './event-types-CZfYo5-1.js';
-import { S as Skeleton } from './skeleton-qMb0_Cjy.js';
+import { S as Skeleton } from './skeleton-DtpkgjZ6.js';
 import './parts-RvUQ__Pq.js';
 
 const BusinessDetailsLoading = () => {
-    const Block = () => (h("div", { class: "mt-5" },
-        h(Skeleton, { width: "40%", height: "1.5rem" }),
-        h("hr", null),
-        h("div", { class: "row g-3" },
-            h("div", { class: "col-12 col-md-6" },
-                h(Skeleton, null),
-                h(Skeleton, null),
-                h(Skeleton, null)),
-            h("div", { class: "col-12 col-md-6" },
-                h(Skeleton, null),
-                h(Skeleton, null),
-                h(Skeleton, null)))));
-    return (h(Fragment, null,
-        h(Block, null),
-        h(Block, null),
-        h(Block, null),
-        h(Block, null)));
+    const Block = () => (h("div", { class: "mt-5" }, h(Skeleton, { width: "40%", height: "1.5rem" }), h("hr", null), h("div", { class: "row g-3" }, h("div", { class: "col-12 col-md-6" }, h(Skeleton, null), h(Skeleton, null), h(Skeleton, null)), h("div", { class: "col-12 col-md-6" }, h(Skeleton, null), h(Skeleton, null), h(Skeleton, null)))));
+    return (h(Fragment, null, h(Block, null), h(Block, null), h(Block, null), h(Block, null)));
 };
 
 var RENDER_STATES;

package/dist/esm/{business.service-B3wlBl1x.js → business.service-CsbtEDNi.js}

@@ -1,6 +1,6 @@
-import { A as Api } from './Api-C1I68Tfr.js';
+import { A as Api } from './Api-D4tj-h4P.js';
 import './ComponentError-Cjcsf8ku.js';
-import './Refund-kKW8S1h6.js';
+import './Refund-Bc5By0lb.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-BH0Xfn-F.js';

package/dist/esm/{button-CpllL0At.js → button-SAIS_5os.js}

@@ -1,8 +1,7 @@
-import { h } from './index-Bn7inNWG.js';
+import { h } from './index-qipqIMyC.js';
 import { ad as buttonSecondary, ae as buttonPrimary, af as buttonLoading } from './parts-RvUQ__Pq.js';
 
-const ButtonSpinner = () => (h("div", { class: "spinner-border spinner-border-sm", role: "status", part: "button-spinner" },
-    h("span", { class: "visually-hidden" }, "Loading...")));
+const ButtonSpinner = () => (h("div", { class: "spinner-border spinner-border-sm", role: "status", part: "button-spinner" }, h("span", { class: "visually-hidden" }, "Loading...")));
 
 const Button = (props, children) => {
     const variantToButton = {

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

@@ -1,27 +1,17 @@
-import { h, r as registerInstance, H as Host } from './index-Bn7inNWG.js';
-import { S as Skeleton } from './skeleton-qMb0_Cjy.js';
-import { w as waitForConfig, c as configState } from './config-state-DZeVYerv.js';
+import { h, r as registerInstance, H as Host } from './index-qipqIMyC.js';
+import { S as Skeleton } from './skeleton-DtpkgjZ6.js';
+import { w as waitForConfig, c as configState } from './config-state-Blo0ywwc.js';
+import { b as generateTabId } from './utils-BscIVFn8.js';
 import './parts-RvUQ__Pq.js';
-import './index-B_KxSZIF.js';
+import './index-ZfXl6Xrm.js';
+import './dinero-HXpYMWUU.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" })))));
+    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 {
@@ -32,6 +22,7 @@ const CardForm = class {
     async componentWillLoad() {
         await waitForConfig();
         this.iframeOrigin = configState.iframeOrigin;
+        this.tabId = generateTabId();
     }
     componentDidRender() {
         const elements = [
@@ -59,10 +50,10 @@ const CardForm = class {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: 'd5e5c74e5e3be0bb5a9603a89724d23cc6216d6c' }, h(CardFormSkeleton, { key: 'a1e90d74ca6e72678255590a94937932a9520046', isReady: this.isReady }), h("div", { key: 'bb303552ed581492de8ebb0d83cea751ddd90a09', class: "container-fluid p-0", style: {
+        return (h(Host, { key: '4918918c10e558587e1d356cee9ec8540ed88e1c' }, h(CardFormSkeleton, { key: 'e61d11784aa1a9ea84fe9f0544a84f587cdf6fa4', isReady: this.isReady }), h("div", { key: 'd0640890482bcb679c0d49e569ed34912aa37426', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '9641c97124a504729b1eba3e8704d8fd3fda7fde', class: "mb-3" }, h("iframe-input", { key: 'a5a73c00c2ac0cd12ef98b155a40108248529fb7', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: 'dad1b83f028745aa8b85a8e552f702d5daa3ac6f', class: "d-flex align-items-start" }, h("div", { key: '5de05029d93a81d5ad8c799135863e8cdd1e8619', class: "flex-fill me-3" }, h("iframe-input", { key: '4ec81652e51187bbaa25600299f8cb89f0c41c5c', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '0280f01efdbbfa3542036fa4ee7baec130e42688', class: "flex-fill me-3" }, h("iframe-input", { key: 'b13dba61a6bd18529e70987029592b5b7307e74b', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: 'edf1e383a148a2d535c4733a2b5af2d8e31e2f43', class: "flex-fill" }, h("iframe-input", { key: 'd63e832db1a089f36909db23cacb110f6571535c', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+            } }, h("div", { key: 'ef3548ee5dcf517f5c31b3aa40fc5ed5f8e37f59', class: "mb-3" }, h("iframe-input", { key: '4fa52574bfe8334f3294e45b2e63bf109750f925', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: '5ad5bfe88c1531a74a636e2e07572b8401095ecf', class: "d-flex align-items-start" }, h("div", { key: '29d9d3e3c0080243ea44ca7515c690b90bd0d944', class: "flex-fill me-3" }, h("iframe-input", { key: '01ebb2a6101d33b08135ac879fce192f57ea822e', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: '769c4e873c4062ec90fae3a7b0606e8db49754c0', class: "flex-fill me-3" }, h("iframe-input", { key: 'a36c705e6f8231f01615ee8a878aa5427a11bcce', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: '2923118dc4ec2f107aad34e0f77ea3d58340a734', class: "flex-fill" }, h("iframe-input", { key: 'ec3226c1eca1705672e8ea7f80be47ca6f81838b', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
     }
 };
 

package/dist/esm/{check-pkg-version-CGQdCjwh.js → check-pkg-version-DSO4z-Vx.js}

@@ -1,7 +1,7 @@
-import { p as packageJson } from './package-BiWRKUx3.js';
-import { A as Api } from './Api-C1I68Tfr.js';
+import { p as packageJson } from './package-tyhA5jkt.js';
+import { A as Api } from './Api-D4tj-h4P.js';
 import './ComponentError-Cjcsf8ku.js';
-import './Refund-kKW8S1h6.js';
+import './Refund-Bc5By0lb.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-BH0Xfn-F.js';

package/dist/esm/{checkout.service-KDp7tISm.js → checkout.service-BCkQ9pOA.js}

@@ -1,6 +1,6 @@
-import { A as Api } from './Api-C1I68Tfr.js';
+import { A as Api } from './Api-D4tj-h4P.js';
 import './ComponentError-Cjcsf8ku.js';
-import './Refund-kKW8S1h6.js';
+import './Refund-Bc5By0lb.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-BH0Xfn-F.js';

package/dist/esm/checkout.store-DBvS7cVB.js

@@ -0,0 +1,79 @@
+import { c as createStore } from './index-ZfXl6Xrm.js';
+import { P as PAYMENT_METHODS } from './index-DCIW8z1f.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: undefined,
+    totalAmount: 0,
+    plaidPublicToken: undefined,
+    plaidLinkTokenId: undefined,
+};
+const { state: checkoutStore, onChange } = 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 === PAYMENT_METHODS.SAVED_CARD);
+        const hasSavedBank = checkoutStore.paymentMethods.some((pm) => pm.type === PAYMENT_METHODS.SAVED_BANK_ACCOUNT);
+        if (hasSavedCard && !checkoutStore.disableCreditCard) {
+            methods.push(PAYMENT_METHODS.SAVED_CARD);
+        }
+        if (hasSavedBank && !checkoutStore.disableBankAccount) {
+            methods.push(PAYMENT_METHODS.SAVED_BANK_ACCOUNT);
+        }
+    }
+    if (!checkoutStore.disableCreditCard) {
+        methods.push(PAYMENT_METHODS.NEW_CARD);
+    }
+    if (!checkoutStore.disableBankAccount) {
+        methods.push(PAYMENT_METHODS.NEW_BANK_ACCOUNT);
+    }
+    if (checkoutStore.bnplEnabled && !checkoutStore.disableBnpl) {
+        methods.push(PAYMENT_METHODS.SEZZLE);
+    }
+    if (checkoutStore.bankAccountVerification === true &&
+        !checkoutStore.disableBankAccount) {
+        methods.push(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));
+    });
+}
+
+export { onChange as a, checkoutStore as c, getAvailablePaymentMethodTypes as g, onAnyChange as o };

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

@@ -1,22 +1,22 @@
-import { r as registerInstance, c as createEvent, h } from './index-Bn7inNWG.js';
-import './config-state-DZeVYerv.js';
+import { r as registerInstance, c as createEvent, h } from './index-qipqIMyC.js';
+import './config-state-Blo0ywwc.js';
 import './dinero-HXpYMWUU.js';
 import './ComponentError-Cjcsf8ku.js';
-import './Refund-kKW8S1h6.js';
+import './Refund-Bc5By0lb.js';
 import { p as pagingDefaults } from './Pagination-CLHwhyvu.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-BH0Xfn-F.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-Br3n9Xu-.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-DcRHK_sm.js';
 import { T as TableClickActions } from './event-types-CZfYo5-1.js';
-import { c as checkoutTableColumns, a as checkoutTableCells } from './checkouts-table-QOdiLpak.js';
-import { o as onQueryParamsChange, g as getRequestParams } from './checkouts-list-params-state-D8tzsGR_.js';
-import './index-B_KxSZIF.js';
-import './utils-lb8p1Exq.js';
+import { c as checkoutTableColumns, a as checkoutTableCells } from './checkouts-table-CItEo0DU.js';
+import { o as onQueryParamsChange, g as getRequestParams } from './checkouts-list-params-state-C2_GlMKR.js';
+import './index-ZfXl6Xrm.js';
+import './utils-BscIVFn8.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
 import './parts-RvUQ__Pq.js';
-import './spinner-DUzyWLhj.js';
-import './badge-DSYSJcRy.js';
+import './spinner-CIXUVK4F.js';
+import './badge-ChwzCNAF.js';
 
 const CheckoutsListCore = class {
     constructor(hostRef) {
@@ -134,7 +134,7 @@ const CheckoutsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'ac27fa8b086e64e53a287f96be1d1212a7c23fc3' }, h(TableComponent, { key: '965b9e4761f686a254297a753b638952181d9758' }, h(TableHead, { key: '41502bb86d87acd8f730f22705d82a2bb4c3787c' }, h(TableHeadRow, { key: '9aa770a8bbb3c9623fde336580dcecda0ee6909e' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'ad20f6287a2eefd0aa659925cf4be8a03766c1c2' }, h(TableLoadingState, { key: 'bdd7d89bed12c4451199b59e2793cc3d4dbc24a8', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '8b89063a5cc78beb42a52375c431e834583ef12a', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'a557b0a68af21a5501139433f980a6c083536d71', 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: '0ba995e692b70214b1f63f3fbb7e05e76f229304' }, h(TableFootRow, { key: '25703345e36b46ce3a4cd9d09893c744b6db4d86' }, h(TableFootCell, { key: '07f5df6019322cb80053e4c061a2b5cb6ba7187e', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: 'daf2dd74a5f24192c9052a2906459a6d2b53544d', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '04dae06915792f92df18740353f63781fbc15558' }, h(TableComponent, { key: '87f0d5658e76198d6332c272eabc09236569a6c3' }, h(TableHead, { key: '7b9d1d9e5875b7c83c126c06a80b1e4f8e9ec86c' }, h(TableHeadRow, { key: '8e8963b02099f6ae81a1ab9b9e00212a87be742f' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '2e1b461150fc01112c08f030402c8433611da6f3' }, h(TableLoadingState, { key: 'aefba717db73fb1052eb49906354492548eda57d', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'b353ddae94305c6f58c4026ab6a48ef16a05005c', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '852bb7c4f1968f56a692e595dbe9a6223b5b3b1d', 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: '5077d7f5843d62b73d85adafff03022db168de0f' }, h(TableFootRow, { key: 'b338655c2ef2fb256795f781113a0fc312d76a1b' }, h(TableFootCell, { key: 'c6f4f321400d0f6a73f2ef85a77ea9dab38270b6', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: 'de00aeea2bbf8cf88c2e31105967d6355ebb18f0', 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-D8tzsGR_.js → checkouts-list-params-state-C2_GlMKR.js}

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

package/dist/esm/{checkouts-table-QOdiLpak.js → checkouts-table-CItEo0DU.js}

@@ -1,6 +1,6 @@
-import { h } from './index-Bn7inNWG.js';
-import { b as formatTime, d as formatDate } from './utils-lb8p1Exq.js';
-import { B as BadgeVariant, a as Badge } from './badge-DSYSJcRy.js';
+import { h } from './index-qipqIMyC.js';
+import { d as formatTime, e as formatDate } from './utils-BscIVFn8.js';
+import { B as BadgeVariant, a as Badge } from './badge-ChwzCNAF.js';
 import { N as tableHeadCell, O as getAlternateTableCellPart } from './parts-RvUQ__Pq.js';
 
 const MapCheckoutStatusToBadge = (status) => {
@@ -40,9 +40,7 @@ const checkoutTableColumns = {
     status: () => (h("th", { part: tableHeadCell, scope: "col", title: "The current status of each checkout" }, "Status")),
 };
 const checkoutTableCells = {
-    created_at: (checkout, index) => (h("td", { part: getAlternateTableCellPart(index) },
-        h("div", { class: "fw-bold" }, formatDate(checkout.created_at)),
-        h("div", { class: "fw-bold" }, formatTime(checkout.created_at)))),
+    created_at: (checkout, index) => (h("td", { part: getAlternateTableCellPart(index) }, h("div", { class: "fw-bold" }, formatDate(checkout.created_at)), h("div", { class: "fw-bold" }, formatTime(checkout.created_at)))),
     payment_amount: (checkout, index) => (h("td", { part: getAlternateTableCellPart(index) }, checkout.formattedPaymentAmount(checkout.payment_amount))),
     payment_description: (checkout, index) => (h("td", { part: getAlternateTableCellPart(index) }, checkout.payment_description)),
     sub_account_name: (checkout, index) => (h("td", { part: getAlternateTableCellPart(index) }, checkout.sub_account_name)),

package/dist/esm/{config-state-DZeVYerv.js → config-state-Blo0ywwc.js}

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

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-Bn7inNWG.js';
+import { r as registerInstance, c as createEvent, h } from './index-qipqIMyC.js';
 import { aw as tooltip, ax as tooltipInner, ay as tooltipIcon } from './parts-RvUQ__Pq.js';
 
 var top = 'top';
@@ -1873,7 +1873,7 @@ const CustomPopper = class {
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: '8bfc9503d439750dac5b1d7bf57b52a679342203' }, h("style", { key: 'c9b621af52af23eca1b31d212d212e9e1851efb4' }, `
+        return (h("div", { key: '6249f59c6bcced199fe4d509988644633d783b6b' }, h("style", { key: '9d6a47ff5b927ebfb318b7d0852678f7ade406ca' }, `
           .popper-content {
             display: none;
           }
@@ -1881,7 +1881,7 @@ const CustomPopper = class {
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '278b302602f6694c3d8897a11caffe8053396e14', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '512ccb791eaddb6d215f15257c4b09e0aad009c8' }))));
+          `), h("div", { key: '311f13edc07bc1aea0569fb6c92fbbc241704529', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '93e806d8db16cd7c1b29ce6b6bec784c8126ab67' }))));
     }
 };
 

package/dist/esm/{dispute.service-DEZEPwn-.js → dispute.service-CyLtJREK.js}

@@ -1,6 +1,6 @@
-import { A as Api } from './Api-C1I68Tfr.js';
+import { A as Api } from './Api-D4tj-h4P.js';
 import './ComponentError-Cjcsf8ku.js';
-import './Refund-kKW8S1h6.js';
+import './Refund-Bc5By0lb.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-BH0Xfn-F.js';