@justifi/webcomponents 5.7.6-rc-19 → 5.7.6-rc-21

package/dist/esm/{Api-DQM93PRm.js → Api-N_veT2p6.js}

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

package/dist/esm/{Dispute-7MWRbTXI.js → Dispute-BH0Xfn-F.js}

@@ -54,4 +54,4 @@ class DisputeResponse {
     }
 }
 
-export { DisputeStatus as D, Dispute as a };
+export { Dispute as D, DisputeStatus as a };

package/dist/esm/{Refund-4B3c-kLz.js → Refund-Di6J0oN2.js}

@@ -1,4 +1,5 @@
-import { f as formatCurrency } from './utils-B7jE0g5_.js';
+import { f as formatCurrency } from './utils-lb8p1Exq.js';
+import { a as DisputeStatus } from './Dispute-BH0Xfn-F.js';
 
 class Completion {
     constructor(data) {
@@ -96,6 +97,151 @@ var CompletionStatuses;
     CompletionStatuses["succeeded"] = "succeeded";
 })(CompletionStatuses || (CompletionStatuses = {}));
 
+var CaptureStrategy;
+(function (CaptureStrategy) {
+    CaptureStrategy["automatic"] = "automatic";
+    CaptureStrategy["manual"] = "manual";
+})(CaptureStrategy || (CaptureStrategy = {}));
+var PaymentMethodTypes;
+(function (PaymentMethodTypes) {
+    PaymentMethodTypes["card"] = "card";
+    PaymentMethodTypes["bankAccount"] = "bankAccount";
+    PaymentMethodTypes["sezzle"] = "sezzle";
+    PaymentMethodTypes["saved"] = "saved";
+})(PaymentMethodTypes || (PaymentMethodTypes = {}));
+var PaymentTypes;
+(function (PaymentTypes) {
+    PaymentTypes["card"] = "Card";
+    PaymentTypes["bankAccount"] = "ACH";
+    PaymentTypes["unknown"] = "Unknown";
+})(PaymentTypes || (PaymentTypes = {}));
+var PaymentStatuses;
+(function (PaymentStatuses) {
+    PaymentStatuses["pending"] = "pending";
+    PaymentStatuses["automatic"] = "automatic";
+    PaymentStatuses["authorized"] = "authorized";
+    PaymentStatuses["succeeded"] = "succeeded";
+    PaymentStatuses["failed"] = "failed";
+    PaymentStatuses["canceled"] = "canceled";
+    PaymentStatuses["disputed"] = "disputed";
+    PaymentStatuses["fully_refunded"] = "fully_refunded";
+    PaymentStatuses["partially_refunded"] = "partially_refunded";
+})(PaymentStatuses || (PaymentStatuses = {}));
+var CurrencyTypes;
+(function (CurrencyTypes) {
+    CurrencyTypes["usd"] = "usd";
+    CurrencyTypes["cad"] = "cad";
+})(CurrencyTypes || (CurrencyTypes = {}));
+class PaymentMethod {
+    constructor(paymentMethod) {
+        this.card = paymentMethod.card ? new Card(paymentMethod.card) : undefined;
+        this.bank_account = paymentMethod.bank_account
+            ? new BankAccount(paymentMethod.bank_account)
+            : undefined;
+    }
+    get payersName() {
+        if (this.card) {
+            return this.card.name;
+        }
+        else if (this.bank_account) {
+            return this.bank_account.name;
+        }
+        return null;
+    }
+    get lastFourDigits() {
+        if (this.card) {
+            return `**** ${this.card.acct_last_four}`;
+        }
+        else if (this.bank_account) {
+            return `**** ${this.bank_account.acct_last_four}`;
+        }
+        return null;
+    }
+}
+class BankAccount {
+    constructor(bankAccount) {
+        this.id = bankAccount.id;
+        this.acct_last_four = bankAccount.acct_last_four;
+        this.name = bankAccount.name;
+        this.brand = bankAccount.brand;
+        this.token = bankAccount.token;
+        this.created_at = bankAccount.created_at;
+        this.updated_at = bankAccount.updated_at;
+    }
+}
+class Card {
+    constructor(card) {
+        this.id = card.id || '';
+        this.acct_last_four = card.acct_last_four;
+        this.name = card.name;
+        this.brand = card.brand;
+        this.token = card.token;
+        this.created_at = card.created_at;
+        this.updated_at = card.updated_at;
+    }
+}
+class Payment {
+    constructor(payment) {
+        this.id = payment.id;
+        this.account_id = payment.account_id;
+        this.currency = payment.currency;
+        this.amount = payment.amount;
+        this.amount_disputed = payment.amount_disputed;
+        this.amount_refundable = payment.amount_refundable;
+        this.amount_refunded = payment.amount_refunded;
+        this.balance = payment.balance;
+        this.captured = payment.captured;
+        this.capture_strategy = payment.capture_strategy;
+        this.description = payment.description;
+        this.disputed = payment.disputed;
+        this.disputes = payment.disputes;
+        this.error_code = payment.error_code;
+        this.error_description = payment.error_description;
+        this.expedited = payment.expedited;
+        this.fee_amount = payment.fee_amount;
+        this.is_test = payment.is_test;
+        this.metadata = payment.metadata;
+        this.payment_method = new PaymentMethod(payment.payment_method);
+        this.payment_intent_id = payment.payment_intent_id;
+        this.refunded = payment.refunded;
+        this.status = payment.status;
+        this.created_at = payment.created_at;
+        this.updated_at = payment.updated_at;
+    }
+    get disputedStatus() {
+        const lost = this.disputes.some((dispute) => dispute.status === DisputeStatus.lost);
+        // if a dispute is 'won', we don't show a dispute status, just general status
+        // TODO: update this logic to work with new DisputeStatus enum
+        // (cast 'open' as DisputeStatus in the meantime to keep existing functionality)
+        if (!this.disputed) {
+            return null;
+        }
+        else if (lost) {
+            return DisputeStatus.lost;
+        }
+        else {
+            return 'open';
+        }
+    }
+    get payment_type() {
+        if (this.payment_method) {
+            return this.payment_method.card ? PaymentTypes.card : PaymentTypes.bankAccount;
+        }
+        else {
+            return PaymentTypes.unknown;
+        }
+    }
+    get payers_name() {
+        return this.payment_method.payersName;
+    }
+    get last_four_digits() {
+        return this.payment_method.lastFourDigits;
+    }
+    formattedPaymentAmount(amount) {
+        return formatCurrency(amount, this.currency);
+    }
+}
+
 var PaymentBalanceTxnType;
 (function (PaymentBalanceTxnType) {
     PaymentBalanceTxnType["payment"] = "payment";
@@ -435,4 +581,4 @@ class RefundPayload {
     }
 }
 
-export { Checkout as C, EntityDocumentType as E, ICheckoutStatus as I, Payout as P, RefundReasons as R, SubAccount as S, TerminalOrderStatus as T, ICheckoutPaymentModeParam as a, TerminalOrderType as b, ITerminalStatus as c, Terminal as d, PaymentBalanceTransaction as e, PayoutBalanceTransaction as f, TerminalOrder as g, TerminalModel as h, RefundPayload as i, EntityDocumentStorage as j, EntityDocument as k };
+export { Checkout as C, EntityDocumentType as E, ICheckoutStatus as I, Payment as P, RefundReasons as R, SubAccount as S, TerminalOrderStatus as T, ICheckoutPaymentModeParam as a, TerminalOrderType as b, ITerminalStatus as c, Payout as d, Terminal as e, PaymentBalanceTransaction as f, PayoutBalanceTransaction as g, TerminalOrder as h, TerminalModel as i, RefundPayload as j, PaymentMethodTypes as k, EntityDocumentStorage as l, EntityDocument as m };

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

@@ -1,7 +1,8 @@
 import { r as registerInstance, h, H as Host } from './index-kpoIU4v_.js';
-import { c as DetailItem, D as DetailSectionTitle } from './utils-CBJo9jNE.js';
-import { m as isEmptyObject, i as snakeCaseToHumanReadable, n as formatMediumDate } from './utils-B7jE0g5_.js';
-import './parts-D3G5aVLy.js';
+import { c as DetailItem, D as DetailSectionTitle } from './utils-kWaZhFAd.js';
+import { l as isEmptyObject, s as snakeCaseToHumanReadable, m as formatMediumDate } from './utils-lb8p1Exq.js';
+import './parts-CfF8KKwx.js';
+import './dinero-HXpYMWUU.js';
 
 const AdditionalQuestionsDetails = class {
     constructor(hostRef) {

package/dist/esm/{badge-D-vrtiQR.js → badge-D_mzXSCQ.js}

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

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

@@ -1,19 +1,19 @@
 import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-kpoIU4v_.js';
 import './config-state-BrllxiM0.js';
-import { i as snakeCaseToHumanReadable, d as formatDate, j as formatTimeSeconds } from './utils-B7jE0g5_.js';
+import './dinero-HXpYMWUU.js';
 import './ComponentError-Cjcsf8ku.js';
-import { E as EntityDocumentType } from './Refund-4B3c-kLz.js';
+import { E as EntityDocumentType } from './Refund-Di6J0oN2.js';
 import './Pagination-CLHwhyvu.js';
-import './Payment-Bs0-9Lnt.js';
 import './Business-BCoP0TAV.js';
-import './Dispute-7MWRbTXI.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 { Y as card, C as heading2, an as table, N as tableHeadCell, ao as tableCell, c as input, l as label, b as inputInvalid, T as inputDisabled, a as inputFocused } from './parts-D3G5aVLy.js';
-import { S as Skeleton } from './skeleton-CZfDofm6.js';
+import { s as snakeCaseToHumanReadable, d as formatDate, i as formatTimeSeconds } from './utils-lb8p1Exq.js';
+import { Y as card, G as heading2, aj as table, R as tableHeadCell, ak as tableCell, c as input, l as label, b as inputInvalid, T as inputDisabled, a as inputFocused } from './parts-CfF8KKwx.js';
+import { S as Skeleton } from './skeleton-DrHwsgs_.js';
 import './event-types-CZfYo5-1.js';
-import { F as FormControlErrorText } from './form-control-error-text-Dew-m4MW.js';
+import { F as FormControlErrorText } from './form-control-error-text-D3ZwkOv-.js';
 import './index-B9me4yN2.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: 'a3ff8b1ff23923beb847e66d6c56a39de9a86434', class: "row gy-3" }, h("div", { key: '86f9ba3a8f0f87f7fa67ba0fcf1d7c04f67e9bc5', class: "col-12" }, h("form-control-file", { key: '9cc2bc21414c8e3f4b25ac47b76340a4ce569c42', 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: 'bee72d6c63514cdbd3200910d3a53b045c60d05d', class: "col-12" }, h("form-control-file", { key: '80a79f352d078cd210768b4060cad7014b1060c5', 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: '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 }))));
     }
 };
 
@@ -32,7 +32,7 @@ const BankAccountFormInputs = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'b18e803521d67b40e4e5af03a66dcdca0b678968', class: "row gy-3" }, h("div", { key: 'e2e6667ffbcebb6a9aa50739814e7bbebceaabfa', class: "col-12" }, h("form-control-text", { key: 'e1ad63fb7db32dbb6ed67cf18919c681d6d192ef', 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: '54db821813e7eb931b8f19fad7fce976cdeb0045', class: "col-12" }, h("form-control-text", { key: '4ecf222c1918e364f319d07e0a770d68dba099d0', name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: 'a92c38f2abbcb3dcaee4bc5ea73df44b31adc3f9', class: "col-12" }, h("form-control-text", { key: '492ff1a4d1e9c4f2fa9d0e527a34dc5ccb09afe6', 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: '8e14e6e3de43822d139085d3a05bfd0e7ae5b1be', class: "col-12" }, h("form-control-select", { key: 'f6648b6f7c4a475f88b849bf3a75d446bb539c69', 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: '68a2efc082f5b6414ebde10b6da4365677dbefca', class: "col-12" }, h("form-control-text", { key: '3ef9b3db5882063708ccf1eb282f3e90ed53ce82', 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: 'e3270db28269bc25dd4d5a99274f042c1efd1fc6', class: "col-12" }, h("form-control-text", { key: 'a8e801f65a4cc164cdc7bf186fed67f87abc828f', 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: '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." }))));
     }
 };
 
@@ -96,10 +96,10 @@ const FileInput = class {
         return part;
     }
     render() {
-        return (h(Host, { key: '9b5bd243aac2489ff2858bd51d0944e818a92ccf' }, h("div", { key: 'd4862c3718aa296169465f819b20a3e69a0dab6e', class: "form-group d-flex flex-column" }, h("div", { key: '3b2b06447c761fff886f51d5fdea4ccace01eaa7', class: "d-flex align-items-start gap-2" }, h("label", { key: 'fc711cf8063ea8d8251709082e235b54211f7cc6', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'dc8e7c0b1da64ecbb181a82c6c9487b0791bfa05', helpText: this.helpText })), h("input", { key: 'e7c66e58b526bbc79ec78450d4cc9379a1959ec1', 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: '7c6694e256d2b10d2789d3325848c782ee59628d' }, h("div", { key: 'b8b9da61559547cb162fc4e9d6226fa963b32392', class: "form-group d-flex flex-column" }, h("div", { key: '928b0a8403151c01c10335407e9763650a334f2d', class: "d-flex align-items-start gap-2" }, h("label", { key: 'be1158705e4cf3efdf94d2ff2959cdbe064b4f7b', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'ca3ab534358d1dbbbf5635215d9c97e83b91750e', helpText: this.helpText })), h("input", { key: '97c1e48f9d615f3adcebf305bd8368e06ac69ed1', 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: 'b316f69aade1bf56eb7d06dc6f9e1fb3e382073d', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '6c4aa5ad35ae4590e4a80e95a582157418d3103f', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
 };

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

@@ -1,7 +1,7 @@
 import { h, r as registerInstance, H as Host } from './index-kpoIU4v_.js';
-import { S as Skeleton } from './skeleton-CZfDofm6.js';
+import { S as Skeleton } from './skeleton-DrHwsgs_.js';
 import { w as waitForConfig, c as configState } from './config-state-BrllxiM0.js';
-import './parts-D3G5aVLy.js';
+import './parts-CfF8KKwx.js';
 import './index-B9me4yN2.js';
 
 const BankAccountFormSkeleton = (props) => {
@@ -51,10 +51,10 @@ const BankAccountForm = class {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: '91e0861d760dfa016e72b8758c37b86ce3fe8225' }, h(BankAccountFormSkeleton, { key: '806f012f41018540d3e1be34cb6d03fc61174253', isReady: this.isReady }), h("div", { key: '4660ea1bac93feaa04d643c1bf7a34da790bf308', class: "container-fluid p-0", style: {
+        return (h(Host, { key: 'b6cdf5a9320d92a5390daaa0a5218274f2dfc178' }, h(BankAccountFormSkeleton, { key: '286fcc38a26820d166ced0bc886143ed3d880da4', isReady: this.isReady }), h("div", { key: '041fcacff70d7cdfc0c8f41258bd9db18703e4c1', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '0d123854987108eb70d4818a2f909fafa6945109', class: "row mb-3" }, h("iframe-input", { key: '1520dbb02a93848e53dd2b4636c7951a20efe462', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '9365ffe0a279c92d7129c894afa52c7b2060573a', class: "row" }, h("iframe-input", { key: 'bfe10d4fd3f3aab6c035c03ce85e0786876adfce', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+            } }, 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` })))));
     }
 };
 

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

@@ -1,9 +1,9 @@
 import { h, F as Fragment, r as registerInstance, c as createEvent } from './index-kpoIU4v_.js';
-import { E as ErrorState } from './utils-CBJo9jNE.js';
+import { E as ErrorState } from './utils-kWaZhFAd.js';
 import { S as StyledHost } from './styled-host-B_XBaM7z.js';
 import './event-types-CZfYo5-1.js';
-import { S as Skeleton } from './skeleton-CZfDofm6.js';
-import './parts-D3G5aVLy.js';
+import { S as Skeleton } from './skeleton-DrHwsgs_.js';
+import './parts-CfF8KKwx.js';
 
 const BusinessDetailsLoading = () => {
     const Block = () => (h("div", { class: "mt-5" },

package/dist/esm/{business.service-BgXdRyYa.js → business.service-Bdvhdc_d.js}

@@ -1,10 +1,9 @@
-import { A as Api } from './Api-DQM93PRm.js';
+import { A as Api } from './Api-N_veT2p6.js';
 import './ComponentError-Cjcsf8ku.js';
-import './Refund-4B3c-kLz.js';
+import './Refund-Di6J0oN2.js';
 import './Pagination-CLHwhyvu.js';
-import './Payment-Bs0-9Lnt.js';
 import './Business-BCoP0TAV.js';
-import './Dispute-7MWRbTXI.js';
+import './Dispute-BH0Xfn-F.js';
 
 const api = Api();
 class BusinessService {

package/dist/esm/{button-DxM4-mlD.js → button-CeR8qVS3.js}

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

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

@@ -1,7 +1,7 @@
 import { h, r as registerInstance, H as Host } from './index-kpoIU4v_.js';
-import { S as Skeleton } from './skeleton-CZfDofm6.js';
+import { S as Skeleton } from './skeleton-DrHwsgs_.js';
 import { w as waitForConfig, c as configState } from './config-state-BrllxiM0.js';
-import './parts-D3G5aVLy.js';
+import './parts-CfF8KKwx.js';
 import './index-B9me4yN2.js';
 
 const CardFormSkeleton = (props) => {
@@ -59,10 +59,10 @@ const CardForm = class {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: '0f8d1d7a069380709165302ab55b8f272eb1d721' }, h(CardFormSkeleton, { key: 'f269c934c7b1712cc82a58f6a52a98ae06de0427', isReady: this.isReady }), h("div", { key: 'af64a2c9bff9e71427605d863613810aabbbf50e', class: "container-fluid p-0", style: {
+        return (h(Host, { key: 'd5e5c74e5e3be0bb5a9603a89724d23cc6216d6c' }, h(CardFormSkeleton, { key: 'a1e90d74ca6e72678255590a94937932a9520046', isReady: this.isReady }), h("div", { key: 'bb303552ed581492de8ebb0d83cea751ddd90a09', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'b07542c92ca49a44a8c9ea04919ec3db14100cac', class: "mb-3" }, h("iframe-input", { key: 'a13821b11e3c3b9b5cfd42a967c5c708ee5fbb9e', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '4ffe80a04c90546ae26b7239d7a081c251b1e9a5', class: "d-flex align-items-start" }, h("div", { key: '8b86e21933299ace1eb6914ea003eb368f164945', class: "flex-fill me-3" }, h("iframe-input", { key: 'a1c4b27683e2685a4fe4da5ae7d86b9439ec90d9', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '614059cd2995bd630709b75e9e6c29c8134c8762', class: "flex-fill me-3" }, h("iframe-input", { key: '178b15d416591122cf271e63d633950fa6a67617', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: '097a78e72fa9eadd4b930b7eaf4afca5c3bf7d6b', class: "flex-fill" }, h("iframe-input", { key: 'cbe3bc2f75863d19a8e5345f0d2a68aa75a54a98', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+            } }, 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` }))))));
     }
 };
 

package/dist/esm/{check-pkg-version-DFpvuqy7.js → check-pkg-version-D3fhoIFS.js}

@@ -1,11 +1,10 @@
-import { p as packageJson } from './package-ZCw5ZCb0.js';
-import { A as Api } from './Api-DQM93PRm.js';
+import { p as packageJson } from './package-wutYt_7D.js';
+import { A as Api } from './Api-N_veT2p6.js';
 import './ComponentError-Cjcsf8ku.js';
-import './Refund-4B3c-kLz.js';
+import './Refund-Di6J0oN2.js';
 import './Pagination-CLHwhyvu.js';
-import './Payment-Bs0-9Lnt.js';
 import './Business-BCoP0TAV.js';
-import './Dispute-7MWRbTXI.js';
+import './Dispute-BH0Xfn-F.js';
 
 const api = Api();
 class AnalyticsService {

package/dist/esm/{checkout.service-CXeKDZTF.js → checkout.service-XgGFa7H8.js}

@@ -1,10 +1,9 @@
-import { A as Api } from './Api-DQM93PRm.js';
+import { A as Api } from './Api-N_veT2p6.js';
 import './ComponentError-Cjcsf8ku.js';
-import './Refund-4B3c-kLz.js';
+import './Refund-Di6J0oN2.js';
 import './Pagination-CLHwhyvu.js';
-import './Payment-Bs0-9Lnt.js';
 import './Business-BCoP0TAV.js';
-import './Dispute-7MWRbTXI.js';
+import './Dispute-BH0Xfn-F.js';
 
 const api = Api();
 class CheckoutService {

package/dist/esm/{checkout.store-QrBBYQfi.js → checkout.store-B60siz2l.js}

@@ -17,10 +17,11 @@ const initialState = {
     disableCreditCard: false,
     disablePaymentMethodGroup: false,
     paymentAmount: 0,
-    paymentCurrency: 'USD',
     paymentDescription: '',
-    paymentMethodGroupId: '',
+    paymentMethodGroupId: undefined,
     paymentMethods: [],
+    paymentToken: undefined,
+    savePaymentMethod: false,
     selectedPaymentMethod: '',
     totalAmount: 0,
 };

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

@@ -1,22 +1,22 @@
 import { r as registerInstance, c as createEvent, h } from './index-kpoIU4v_.js';
 import './config-state-BrllxiM0.js';
-import './utils-B7jE0g5_.js';
+import './dinero-HXpYMWUU.js';
 import './ComponentError-Cjcsf8ku.js';
-import './Refund-4B3c-kLz.js';
+import './Refund-Di6J0oN2.js';
 import { p as pagingDefaults } from './Pagination-CLHwhyvu.js';
-import './Payment-Bs0-9Lnt.js';
 import './Business-BCoP0TAV.js';
-import './Dispute-7MWRbTXI.js';
-import { T as Table, a as TableComponent, b as TableHead, c as TableHeadRow, d as TableBody, e as TableLoadingState, f as TableEmptyState, g as TableErrorState, h as TableRow, i as TableFoot, j as TableFootRow, k as TableFootCell, l as TableWrapper } from './table-CTPfsGKi.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-qqt2Ew5y.js';
 import { T as TableClickActions } from './event-types-CZfYo5-1.js';
-import { c as checkoutTableColumns, a as checkoutTableCells } from './checkouts-table-Djb7Yj6O.js';
+import { c as checkoutTableColumns, a as checkoutTableCells } from './checkouts-table-CFZYoYjn.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './checkouts-list-params-state-SMXQIZTt.js';
 import './index-B9me4yN2.js';
+import './utils-lb8p1Exq.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
-import './parts-D3G5aVLy.js';
-import './spinner-D-vbFqC6.js';
-import './badge-D-vrtiQR.js';
+import './parts-CfF8KKwx.js';
+import './spinner-XBq6mVJW.js';
+import './badge-D_mzXSCQ.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: 'c411d1c3a54fd8a331f0c5cdbae344e231482c0f' }, h(TableComponent, { key: '21774546f3500612497943869017fa7c712dff7e' }, h(TableHead, { key: 'c4e745ead905a393ff1b0cd0fba23db2fcc03ad8' }, h(TableHeadRow, { key: '88063d0baedd1febe0febcab1ccefc512accfd7d' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'e2534bc13d9e015f127c5396bbe73545d92536b4' }, h(TableLoadingState, { key: '0f0958fa87403652880222365cf7f88dd33335cc', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '588bb80d518892791ed2134dd5405940e7c28db7', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '219cce1137232c64b7c9188042c4aaca7e0e91b6', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '16978b3be698ceabd1d19b9eaa3f85c01a862b83' }, h(TableFootRow, { key: 'cd26e5b6f03dff77e09dfb4f9962e7601b2e40dc' }, h(TableFootCell, { key: '508008cf682b393549a839453d4b4c2eee1f67a4', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '688702c35e666def509ccb77b88b88ddd5e0d58a', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        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 }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/esm/{checkouts-table-Djb7Yj6O.js → checkouts-table-CFZYoYjn.js}

@@ -1,7 +1,7 @@
 import { h } from './index-kpoIU4v_.js';
-import { b as formatTime, d as formatDate } from './utils-B7jE0g5_.js';
-import { B as BadgeVariant, a as Badge } from './badge-D-vrtiQR.js';
-import { N as tableHeadCell, O as getAlternateTableCellPart } from './parts-D3G5aVLy.js';
+import { b as formatTime, d as formatDate } from './utils-lb8p1Exq.js';
+import { B as BadgeVariant, a as Badge } from './badge-D_mzXSCQ.js';
+import { R as tableHeadCell, S as getAlternateTableCellPart } from './parts-CfF8KKwx.js';
 
 const MapCheckoutStatusToBadge = (status) => {
     const statusToBadgeProps = {

package/dist/esm/{custom-popper.entry.js → custom-popper_2.entry.js}

@@ -1,4 +1,5 @@
 import { r as registerInstance, c as createEvent, h } from './index-kpoIU4v_.js';
+import { aw as tooltip, ax as tooltipInner, ay as tooltipIcon } from './parts-CfF8KKwx.js';
 
 var top = 'top';
 var bottom = 'bottom';
@@ -1872,7 +1873,7 @@ const CustomPopper = class {
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: '8fb5f414392751dc7b9823143dd75c2a0a2300bf' }, h("style", { key: '4c52717da8ca29c8c768f38c9c3eb50d61871fa4' }, `
+        return (h("div", { key: '90bfd87560ce73c566c4cad1f1b3e4af97abd028' }, h("style", { key: '12f5050a144cabe57c13e8f1b9ffffdf6e0f848a' }, `
           .popper-content {
             display: none;
           }
@@ -1880,8 +1881,26 @@ const CustomPopper = class {
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: 'c1d79646cf4ef5636f2a7b329011bb78dd914317', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '09a3086cfbeb95e4518fc9cd5d7123ef0ff67b94' }))));
+          `), h("div", { key: '66add24bb0e6f3c9b9d7a32ef9d21526daa34b27', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '87db476f26c537bd917c090fbceaf37c75c7ad2c' }))));
     }
 };
 
-export { CustomPopper as custom_popper };
+const TooltipComponent = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    show() {
+        this.tooltip.classList.add('show');
+    }
+    hide() {
+        this.tooltip.classList.remove('show');
+    }
+    render() {
+        if (!this.helpText) {
+            return null;
+        }
+        return (h("div", { class: "tooltip-container" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "currentColor", class: "bi bi-question-square tooltip-icon", viewBox: "0 0 16 16", ref: (el) => (this.anchorIcon = el), part: tooltipIcon }, h("path", { d: "M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z" }), h("path", { d: "M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286m1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94" })), h("custom-popper", { trigger: "hover", placement: "top", anchorRef: this.anchorIcon }, h("div", { class: "tooltip bs-tooltip-top", part: tooltip, role: "tooltip", ref: (el) => (this.tooltip = el) }, h("div", { class: "tooltip-inner", part: tooltipInner }, this.helpText)))));
+    }
+};
+
+export { CustomPopper as custom_popper, TooltipComponent as form_control_tooltip };