@justifi/webcomponents 6.5.1-rc.3 → 6.6.0

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

@@ -0,0 +1,197 @@
+import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-DwYM91AU.js';
+import './config-state-C2NXATwF.js';
+import './dinero-HXpYMWUU.js';
+import './ComponentError-Cjcsf8ku.js';
+import { E as EntityDocumentType } from './Refund-DDWRtCuX.js';
+import './Pagination-CLHwhyvu.js';
+import './Business-B5rtFhtR.js';
+import './Dispute-BH0Xfn-F.js';
+import { a as bankAccountTypeOptions } from './business-form-options-D6s5H4RI.js';
+import './event-types-XYgDHrVL.js';
+import { n as numberOnlyHandler } from './utils-BnjCmwMr.js';
+import { D as text, Z as card, G as heading2, am as table, S as tableHeadCell, av as tableCell, c as input, l as label, b as inputInvalid, U as inputDisabled, a as inputFocused, ae as buttonSecondary } from './parts-QmGrQis7.js';
+import { s as snakeCaseToHumanReadable, e as formatDate, d as formatTime } from './utils-CDaVtz_6.js';
+import { S as Skeleton } from './skeleton-BX70wCwq.js';
+import './event-types-CZfYo5-1.js';
+import { F as FormControlErrorText } from './form-control-error-text-BYooqu0N.js';
+import { u as updateFormValues, a as updateAddressFormValues, b as updateDateOfBirthFormValues } from './input-handlers-D3y0TzH9.js';
+import { P as PHONE_MASKS, I as IDENTITY_MASKS } from './form-input-masks-CVaOFfrI.js';
+import { c as countryLabels } from './country-config-BQ4D46Lb.js';
+import { c as makeGetIdentity, d as makePatchIdentity, e as makePostIdentity } from './payment-provisioning-actions-ONP8lDnV.js';
+import { I as IdentityService } from './business.service-CmSijtcP.js';
+import './index-B-fWxE5e.js';
+import './utils-BeQLScSm.js';
+import './Api-Dln8a6No.js';
+
+const BankAccountDocumentFormInputs = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return (h("div", { key: '86e292154357fdee7348377c1c640135bdab2bea', class: "row gy-3" }, h("div", { key: 'f35d977767de04b8d2be2886dcdb6158aa39e582', class: "col-12" }, h("form-control-file", { key: 'f78667ccdc39d1337f806a77e24b14ef9d59467e', 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: 'caaee3e795369cf8ba6e3c1bbe2fae7421b2ac80', class: "col-12" }, h("form-control-file", { key: '67bbe7631b48b4f851a33d63949b8e77d3b1c82d', name: "bank_statement", label: "Bank Statement", documentType: EntityDocumentType.bankStatement, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["bank_statement"], multiple: true }))));
+    }
+};
+
+const BankAccountFormInputs = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f;
+        return (h("div", { key: '2f29b1fd967a5eb4d0d3e19b2cbefb9c6e182935', class: "row gy-3" }, h("div", { key: '46250c36ba140f5a63f90afa51581ee3cea5f5e8', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Bank Name", value: (_a = this.defaultValue) === null || _a === void 0 ? void 0 : _a.bank_name })) : (h("form-control-text", { name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler }))), h("div", { key: '09c95c14e82f12d1e86ab65debb3e066fcd161ce', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Nickname", value: (_b = this.defaultValue) === null || _b === void 0 ? void 0 : _b.nickname })) : (h("form-control-text", { name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler }))), h("div", { key: '86c2932fdfeae789dc4cb48e255977fb981396c8', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Owner Name", value: (_c = this.defaultValue) === null || _c === void 0 ? void 0 : _c.account_owner_name })) : (h("form-control-text", { name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler }))), h("div", { key: '4ab380b55f4078dd4ed7d3909e8d7206a4cbfc8e', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Type", value: (_d = this.defaultValue) === null || _d === void 0 ? void 0 : _d.account_type })) : (h("form-control-select", { name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler }))), h("div", { key: 'a61023b07e4550ffcafbbd49c6214db5e8102644', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Number", value: ((_e = this.defaultValue) === null || _e === void 0 ? void 0 : _e.account_number_last4) ? `**** ${this.defaultValue.account_number_last4}` : '' })) : (h("form-control-text", { name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "Please copy the account number as shown on your statement/check. Do not include spaces or dashes." }))), h("div", { key: 'dcbef312084dcfbe405e18bba854b56837ee6f26', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Routing Number", value: ((_f = this.defaultValue) === null || _f === void 0 ? void 0 : _f.routing_number) || '' })) : (h("form-control-text", { name: "routing_number", label: "Routing Number", defaultValue: this.defaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "A valid routing number is nine digits. Please include any leading or trailing zeroes." })))));
+    }
+};
+
+const BankAccountFormInputsCanada = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        return (h("div", { key: 'b2fac559526f427194abe9533683cffc333cad11', class: "row gy-3" }, h("div", { key: '694356efd7ab3b60ff50b56b727d02b240a0f3d5', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Bank Name", value: (_a = this.defaultValue) === null || _a === void 0 ? void 0 : _a.bank_name })) : (h("form-control-text", { name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler }))), h("div", { key: 'a05e978c9d2612b5709c9d1c5c498e360aba374e', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Nickname", value: (_b = this.defaultValue) === null || _b === void 0 ? void 0 : _b.nickname })) : (h("form-control-text", { name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler }))), h("div", { key: 'a54b15dfa039697fe69c1a138cafb78ae632f83c', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Owner Name", value: (_c = this.defaultValue) === null || _c === void 0 ? void 0 : _c.account_owner_name })) : (h("form-control-text", { name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler }))), h("div", { key: '56f458eea6ed6d7a8108fcced3038b83c621d34e', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Type", value: (_d = this.defaultValue) === null || _d === void 0 ? void 0 : _d.account_type })) : (h("form-control-select", { name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler }))), h("div", { key: 'f42406ade05d7b3fbf58f11c56f8668c9370f038', class: "col-3" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Transit Number", value: ((_e = this.defaultValue) === null || _e === void 0 ? void 0 : _e.transit_number) || '' })) : (h("form-control-text", { name: "transit_number", label: "Transit Number", defaultValue: this.defaultValue.transit_number, maxLength: 5, errorText: this.errors.transit_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "5 digits" }))), h("div", { key: 'd5d3c2e4a63281725abf693f161a97723b5e049c', class: "col-3" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Institution Number", value: ((_f = this.defaultValue) === null || _f === void 0 ? void 0 : _f.institution_number) || '' })) : (h("form-control-text", { name: "institution_number", label: "Institution Number", defaultValue: this.defaultValue.institution_number, maxLength: 3, errorText: this.errors.institution_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "3 digits" }))), h("div", { key: '0d293c70faf73945ff36b021b708bfe0fa58739d', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Number", value: ((_g = this.defaultValue) === null || _g === void 0 ? void 0 : _g.account_number_last4) ? `**** ${this.defaultValue.account_number_last4}` : '' })) : (h("form-control-text", { name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "Please copy the account number as shown on your statement. Do not include spaces or dashes." })))));
+    }
+};
+
+const BankAccountReadOnlyValue = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return (h("div", { key: '5b20bad2f4b01597f33221541248681fc08ab59d' }, h("label", { key: 'e0c297e57f2d5f6863b42c9549ee2b869380f128', class: "form-label", part: text }, this.label), h("div", { key: 'ac0512bbf49b43a9ca4a8c47d1f05d36e01fd655', part: text }, this.value || '')));
+    }
+};
+
+const BusinessDocumentsOnFile = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.documents = [];
+        this.isLoading = false;
+    }
+    render() {
+        if (this.isLoading) {
+            return h(Skeleton, { height: "50px" });
+        }
+        if (!this.documents.length) {
+            return null;
+        }
+        return (h(Host, null, h("div", { class: "card", part: card }, h("div", { class: "card-body" }, h("h5", { class: "card-title", part: heading2 }, "Documents Already on File"), h("div", { class: "table-responsive" }, h("table", { class: "table table-sm table-borderless", part: table }, h("thead", null, h("tr", null, h("th", { style: { width: "25%" }, part: tableHeadCell, scope: "col" }, "File Name"), h("th", { style: { width: "25%" }, part: tableHeadCell, scope: "col" }, "File Type"), h("th", { style: { width: "25%" }, part: tableHeadCell, scope: "col" }, "Document Type"), h("th", { style: { width: "25%" }, part: tableHeadCell, scope: "col" }, "Date Uploaded"))), h("tbody", null, this.documents.sort((a, b) => a.document_type.localeCompare(b.document_type))
+            .map((document, index) => {
+            return (h("tr", { class: index === 0 ? "border-bottom border-top" : "border-bottom" }, h("td", { part: tableCell }, document.file_name), h("td", { part: tableCell }, document.file_type), h("td", { part: tableCell }, snakeCaseToHumanReadable(document.document_type)), h("td", { part: tableCell }, `${formatDate(document.created_at)} - ${formatTime(document.created_at)}`)));
+        })))))), h("hr", null)));
+    }
+};
+
+const FileInput = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.formControlInput = createEvent(this, "formControlInput");
+        this.formControlBlur = createEvent(this, "formControlBlur");
+        this.fileSelected = createEvent(this, "fileSelected");
+        this.isFocused = false;
+        this.handleFormControlInput = (event) => {
+            const target = event.target;
+            const name = target.getAttribute('name');
+            this.inputHandler(name, target.value);
+            this.formControlInput.emit({ name, value: target.value });
+        };
+        this.changeHandler = () => {
+            const inputFileList = this.fileInput.files;
+            if (inputFileList) {
+                this.fileSelected.emit({
+                    fileList: inputFileList,
+                    document_type: this.documentType
+                });
+            }
+        };
+    }
+    componentDidLoad() {
+        this.fileInput = this.el.querySelector('input');
+    }
+    get part() {
+        let part = input;
+        if (this.errorText) {
+            part = inputInvalid;
+        }
+        if (this.disabled) {
+            part = inputDisabled;
+        }
+        if (this.isFocused) {
+            part = inputFocused;
+        }
+        return part;
+    }
+    render() {
+        return (h(Host, { key: '80b1f75b69956b28615ebfc4f224702f38bdb03f' }, h("div", { key: '5934d7d48e9ac1ceee7804b477aa3ad2f27ca0ab', class: "form-group d-flex flex-column" }, h("div", { key: '521ca740b92a6177bd5ce355374496108398b4d5', class: "d-flex align-items-start gap-2" }, h("label", { key: '4bada23b536d6013aad85ee9cafd66abbf44af51', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '86af9d0e6ff35b81d53f32d5055a4814986b9447', helpText: this.helpText })), h("input", { key: '60bd9e5f25181ddf6607e0b4411a62215ff6e10e', 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: 'f1b4f498aa60b2dff655f11af579cf2916ad4d51', errorText: this.errorText, name: this.name }))));
+    }
+    get el() { return getElement(this); }
+};
+
+const RepresentativeFormInputs = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.isEditingIdentification = false;
+        this.inputHandler = (name, value) => {
+            updateFormValues(this.formController, { [name]: value });
+        };
+        this.onAddressFormUpdate = (values) => {
+            updateAddressFormValues(this.formController, Object.assign(Object.assign({}, this.formController.values.getValue().address), values));
+        };
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        return (h("form", { key: 'a8c9c71dfc532cbaccb93e1e7fe9f5ed58d40be9' }, h("fieldset", { key: '53c46c01bcd3548aaaa898ff5e63811beaed8538' }, h("div", { key: '63eef8979e6a650d48625b5ac851e6604ba24d03', class: "d-flex align-items-center gap-2" }, h("legend", { key: '2f3ed670ae2a807e391c96ef1847f77b088ce4e6', class: "mb-0", part: heading2 }, "Representative"), h("form-control-tooltip", { key: 'a05b200fd0e59e13dd7582509f8d45231a570dc5', helpText: "The representative for your business needs to be someone who has significant control over managing your business\u2019s finance. You will have an opportunity to add owners later in the form." })), h("hr", { key: 'f3f74109eea8175e79033bd7e6dc8716c4661b45', class: "mt-2" }), h("div", { key: 'b6c9b108849fd4b5c6437a2a252ccd28793aaf54', class: "row gy-3" }, h("div", { key: 'cf48fed5f8c489c1457610f92527fac6f1fc956d', class: "col-12 col-md-8" }, h("form-control-text", { key: 'a2284f90773a3acc17cfa36ff0ff5da3431e9fb1', name: "name", label: "Full Name", defaultValue: (_a = this.representativeDefaultValue) === null || _a === void 0 ? void 0 : _a.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '9d975f2c69ed84d60404223e80ba8980bfe20b2a', class: "col-12 col-md-4" }, h("form-control-text", { key: '80805abffa658b8b6c4952e5be7af371ca73c615', name: "title", label: "Title", defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: 'a62f04413d413545104fe541ebebfd11fb88bc1a', class: "col-12 col-md-6" }, h("form-control-text", { key: 'd3cae6a0a143790a236a5822051a002238105c0b', name: "email", label: "Email Address", defaultValue: (_c = this.representativeDefaultValue) === null || _c === void 0 ? void 0 : _c.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '7941c5d512ec57ab94f86066f80b0a5c19479040', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '3d117c5457a8b95ee1d8dcfbfba743eeabadb288', name: "phone", label: "Phone Number", defaultValue: (_d = this.representativeDefaultValue) === null || _d === void 0 ? void 0 : _d.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '807b7ac6e655d854536a7e770e9d5bcc0388e6c3', class: "col-12 col-md-4" }, h("form-control-date", { key: 'ce18de4b882dae9b02a11c1f1ad7420604f49e54', name: "dob_full", label: "Birth Date", defaultValue: (_e = this.representativeDefaultValue) === null || _e === void 0 ? void 0 : _e.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: 'ae2f1dca7ecc64e67d1faaf0e2bdb7bfb233f862', class: "col-12 col-md-8" }, (!((_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].idNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_h = this.representativeDefaultValue) === null || _h === void 0 ? void 0 : _h.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
+                this.isEditingIdentification = true;
+                // Clear current value to force validation
+                updateFormValues(this.formController, {
+                    identification_number: '',
+                    ssn_last4: null
+                });
+            } }, "Change"))))), h("div", { key: '755e3bf64ad60ff7801041bf17bdf96763a3153e', class: "col-12" }, h("justifi-identity-address-form", { key: 'a39d586db59a3f2072f66a22f5f4671c07a6b560', errors: this.errors.address, defaultValues: (_j = this.representativeDefaultValue) === null || _j === void 0 ? void 0 : _j.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
+    }
+};
+
+const BusinessOwnerForm = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errorEvent = createEvent(this, "error-event");
+    }
+    async validate() {
+        return this.coreComponent.validate();
+    }
+    async submit() {
+        return this.coreComponent.submit();
+    }
+    async validateAndSubmit({ onSuccess }) {
+        this.coreComponent.validateAndSubmit({ onSuccess });
+    }
+    componentWillLoad() {
+        this.initializeApi();
+    }
+    initializeApi() {
+        if (!this.authToken) {
+            return;
+        }
+        this.getOwner = makeGetIdentity({
+            authToken: this.authToken,
+            identityId: this.ownerId,
+            service: new IdentityService()
+        });
+        this.patchOwner = makePatchIdentity({
+            authToken: this.authToken,
+            identityId: this.ownerId,
+            service: new IdentityService()
+        });
+        this.postOwner = makePostIdentity({
+            authToken: this.authToken,
+            service: new IdentityService()
+        });
+    }
+    render() {
+        return (h("owner-form-core", { key: 'd3765b80461f8222189643b378ae5d63886163c3', ownerId: this.ownerId, businessId: this.businessId, getOwner: this.getOwner, patchOwner: this.patchOwner, postOwner: this.postOwner, allowOptionalFields: this.allowOptionalFields, removeOwner: this.removeOwner, newFormOpen: this.newFormOpen, ownersLength: this.ownersLength, country: this.country, ref: ref => this.coreComponent = ref }));
+    }
+};
+
+export { BankAccountDocumentFormInputs as bank_account_document_form_inputs, BankAccountFormInputs as bank_account_form_inputs, BankAccountFormInputsCanada as bank_account_form_inputs_canada, BankAccountReadOnlyValue as bank_account_read_only_value, BusinessDocumentsOnFile as business_documents_on_file, FileInput as form_control_file, RepresentativeFormInputs as justifi_business_representative_form_inputs, BusinessOwnerForm as justifi_owner_form };

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

@@ -1,8 +1,8 @@
 import { h, r as registerInstance, H as Host } from './index-DwYM91AU.js';
-import { S as Skeleton } from './skeleton-BmRZRW5K.js';
+import { S as Skeleton } from './skeleton-BX70wCwq.js';
 import { w as waitForConfig, c as configState } from './config-state-C2NXATwF.js';
-import { b as generateTabId } from './utils-CIaHqjQt.js';
-import './parts-wtuY7MT2.js';
+import { b as generateTabId } from './utils-CDaVtz_6.js';
+import './parts-QmGrQis7.js';
 import './index-B-fWxE5e.js';
 import './dinero-HXpYMWUU.js';
 
@@ -46,10 +46,10 @@ const BankAccountForm = class {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: 'c52bde6d4ad8484c2514197f48dc11e1a395a170' }, h(BankAccountFormSkeleton, { key: '4e52b258cea0b9d086187e58f73d13bf77aa7d4e', isReady: this.isReady }), h("div", { key: 'd12c2b471e35091a8615124ecd6e5a5362a42b89', class: "container-fluid p-0", style: {
+        return (h(Host, { key: '9ad0351fe9ef5ffdbab77a738b1e342b3124aa32' }, h(BankAccountFormSkeleton, { key: '4e3cdfbfcbb95998f7cb3724eba07a7ca860763b', isReady: this.isReady }), h("div", { key: '2c4ad45f9b98b5d18fb2359be671cc49d85e63ea', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'b432c0b7a4329f84e6697328315c9fa12b3e8898', class: "row mb-3" }, h("iframe-input", { key: '283a94b1d724cf80cf6910a2ab9ce070ce163f43', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: '6013df7745d3e254eee38095a60a97dd6cc3539d', class: "row" }, h("iframe-input", { key: '30d1f967f7a740a1f154126d2032425a834499cc', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
+            } }, h("div", { key: '4402087e14b02dd73d43873dc69fe26e9e35aed6', class: "row mb-3" }, h("iframe-input", { key: '8599126627554acc0bc45d23a7136a85c679d831', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: '95da6cb38cd214658dd2b527478f4d2ed6fc5256', class: "row" }, h("iframe-input", { key: 'c990dfe86d5ddb284fc673a459c42498bf149235', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
     }
 };
 

package/dist/esm/{business-additional-questions-schema-QFJEOHF5.js → business-additional-questions-schema-woG5-pgK.js}

@@ -1,5 +1,5 @@
 import { c as create$3, a as create$6 } from './index.esm-IWS0494Y.js';
-import { m as makeTaxIdValidation, d as dateOfIncorporationValidation, i as industryValidation, b as businessClassificationValidation, a as doingBusinessAsValidation, p as phoneValidation, e as emailValidation, w as websiteUrlValidation, c as businessNameValidation, t as taxIdValidation, o as otherPaymentDetailsValidation, s as seasonalBusinessValidation, r as recurringPaymentsPercentageValidation, f as recurringPaymentsValidation, g as whenServiceReceivedValidation, h as paymentVolumeValidation, j as revenueValidation } from './schema-validations-B5sfox_4.js';
+import { m as makeTaxIdValidation, d as dateOfIncorporationValidation, i as industryValidation, b as businessClassificationValidation, a as doingBusinessAsValidation, p as phoneValidation, e as emailValidation, w as websiteUrlValidation, c as businessNameValidation, t as taxIdValidation, o as otherPaymentDetailsValidation, f as whenServiceReceivedValidation, g as paymentVolumeValidation, r as revenueValidation } from './schema-validations-iamDi5JD.js';
 import { C as CountryCode } from './Business-B5rtFhtR.js';
 import { c as countryLabels } from './country-config-BQ4D46Lb.js';
 
@@ -53,18 +53,12 @@ const additionalQuestionsSchema = (allowOptionalFields) => {
         business_revenue: revenueValidation.required('Enter business revenue'),
         business_payment_volume: paymentVolumeValidation.required('Enter business payment volume'),
         business_when_service_received: whenServiceReceivedValidation.required('Select when service is received'),
-        business_recurring_payments: recurringPaymentsValidation.required('Select recurring payments'),
-        business_recurring_payments_percentage: recurringPaymentsPercentageValidation,
-        business_seasonal: seasonalBusinessValidation.required('Select business seasonal'),
         business_other_payment_details: otherPaymentDetailsValidation.nullable(),
     });
     const easySchema = create$3({
         business_revenue: revenueValidation.nullable(),
         business_payment_volume: paymentVolumeValidation.nullable(),
         business_when_service_received: whenServiceReceivedValidation.nullable(),
-        business_recurring_payments: recurringPaymentsValidation.nullable(),
-        business_recurring_payments_percentage: recurringPaymentsPercentageValidation,
-        business_seasonal: seasonalBusinessValidation.nullable(),
         business_other_payment_details: otherPaymentDetailsValidation.nullable(),
     });
     return allowOptionalFields ? easySchema : schema;

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-DwYM91AU.js';
-import { E as ErrorState } from './utils-BX7Rjm1M.js';
+import { E as ErrorState } from './utils-C1PX_3uA.js';
 import { S as StyledHost } from './styled-host-DhOcKWqZ.js';
 import './event-types-CZfYo5-1.js';
-import { S as Skeleton } from './skeleton-BmRZRW5K.js';
-import './parts-wtuY7MT2.js';
+import { S as Skeleton } from './skeleton-BX70wCwq.js';
+import './parts-QmGrQis7.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)))));

package/dist/esm/{business-identity-schema-DB_Hhjld.js → business-identity-schema-B7VTDF4j.js}

@@ -1,5 +1,5 @@
 import { c as create$3, a as create$6 } from './index.esm-IWS0494Y.js';
-import { k as cityValidation, l as lineTwoValidation, n as lineOneValidation, q as makePostalValidation, u as ssnValidation, v as dobValidation, p as phoneValidation, e as emailValidation, x as identityTitleValidation, y as identityNameValidation, z as makeIdentityNumberValidation } from './schema-validations-B5sfox_4.js';
+import { h as cityValidation, l as lineTwoValidation, j as lineOneValidation, k as makePostalValidation, s as ssnValidation, n as dobValidation, p as phoneValidation, e as emailValidation, q as identityTitleValidation, u as identityNameValidation, v as makeIdentityNumberValidation } from './schema-validations-iamDi5JD.js';
 import { C as CountryCode } from './Business-B5rtFhtR.js';
 
 // Internal USA schemas
@@ -92,4 +92,4 @@ const identitySchemaByCountry = {
     [CountryCode.CAN]: identitySchemaCAN,
 };
 
-export { addressSchemaUSA as a, identitySchemaCAN as b, addressSchemaCAN as c, identitySchemaByCountry as d, addressSchemaByCountry as e, identitySchemaUSA as i };
+export { identitySchemaUSA as a, addressSchemaUSA as b, identitySchemaCAN as c, addressSchemaCAN as d, addressSchemaByCountry as e, identitySchemaByCountry as i };

package/dist/esm/{business.service-CzHfftZk.js → business.service-CmSijtcP.js}

@@ -1,6 +1,6 @@
-import { A as Api } from './Api-DX-IWyBw.js';
+import { A as Api } from './Api-Dln8a6No.js';
 import './ComponentError-Cjcsf8ku.js';
-import './GooglePay-f7mYX17c.js';
+import './Refund-DDWRtCuX.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-B5rtFhtR.js';
 import './Dispute-BH0Xfn-F.js';

package/dist/esm/{button-DBmjN7Ra.js → button-BDwVDLs-.js}

@@ -1,5 +1,5 @@
 import { h } from './index-DwYM91AU.js';
-import { _ as buttonSecondary, af as buttonPrimary, ag as buttonLoading } from './parts-wtuY7MT2.js';
+import { ae as buttonSecondary, af as buttonPrimary, ag as buttonLoading } from './parts-QmGrQis7.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,8 +1,8 @@
 import { h, r as registerInstance, H as Host } from './index-DwYM91AU.js';
-import { S as Skeleton } from './skeleton-BmRZRW5K.js';
+import { S as Skeleton } from './skeleton-BX70wCwq.js';
 import { w as waitForConfig, c as configState } from './config-state-C2NXATwF.js';
-import { b as generateTabId } from './utils-CIaHqjQt.js';
-import './parts-wtuY7MT2.js';
+import { b as generateTabId } from './utils-CDaVtz_6.js';
+import './parts-QmGrQis7.js';
 import './index-B-fWxE5e.js';
 import './dinero-HXpYMWUU.js';
 
@@ -50,10 +50,10 @@ const CardForm = class {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: 'c97d78cffe3d8452c22218775c1d5ba299df44b8' }, h(CardFormSkeleton, { key: '0d19e9e137044ddc2d65700b2ab1697ad14f9add', isReady: this.isReady }), h("div", { key: '12ba94f7996b035bfa5ccbc9266f240bc465bf29', class: "container-fluid p-0", style: {
+        return (h(Host, { key: 'c83ad3b01653a4254c96dbbd2973670c2bb483ba' }, h(CardFormSkeleton, { key: 'bf81fcedb09880f3329d746aa06601e95b3f7e4e', isReady: this.isReady }), h("div", { key: 'a56d0eef13cd38e30e0f2ddafc9af4f7a19d25f0', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '334b186b9b458b90a3f6abe0a6e020f281abef66', class: "mb-3" }, h("iframe-input", { key: 'f73429270e31b16b4f94f533ea4ccf65fe726c2b', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: 'bc98478795277a4381ef16ace36b4b07b58045e6', class: "d-flex align-items-start" }, h("div", { key: 'eba7882dd19743a2a8c28546b739b809ca908982', class: "flex-fill me-3" }, h("iframe-input", { key: 'd352fc8ac9e5d4100c57396eb514f8835d8eff14', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: 'bfb3ea5395251c49d42319fb6ad8b5dc13a437aa', class: "flex-fill me-3" }, h("iframe-input", { key: 'b90d7f2d8bdb847ac368fe3cff3a88426c7b7cc1', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: 'a390b51062dc84b5621fc88dc20f1ce2d8a48767', class: "flex-fill" }, h("iframe-input", { key: '821a97f9496ae1f95c8e5de50b1196e55d7606ca', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
+            } }, h("div", { key: '00e82b719e5dd17088941067e4ec45f128fd2118', class: "mb-3" }, h("iframe-input", { key: 'df2e08109ef2bede239093ece5df4327f845eef5', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: '1d3a2d4fae47fa628ae09955620a65de25aa998c', class: "d-flex align-items-start" }, h("div", { key: '4541858226bbb1431ca2405dd28a3fe32d76b10b', class: "flex-fill me-3" }, h("iframe-input", { key: '81c2f0de6d6f6c6bb3feb96643034c66967e9277', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: 'b89ac66447fb8334d3293f5a7eaf33172410addd', class: "flex-fill me-3" }, h("iframe-input", { key: '030954f302edbf8cd071a49db71f867797b30558', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: '140ba4c5a77eef74d1e0d2040be15f8d70a692aa', class: "flex-fill" }, h("iframe-input", { key: '768f466bb75cc6bb76f86f084e6f93043a7d10b3', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
     }
 };
 

package/dist/esm/{check-pkg-version-Cqb7EhvC.js → check-pkg-version-B83yUQEx.js}

@@ -1,7 +1,7 @@
-import { p as packageJson } from './package-CzedYX3W.js';
-import { A as Api } from './Api-DX-IWyBw.js';
+import { p as packageJson } from './package-CdVle3mx.js';
+import { A as Api } from './Api-Dln8a6No.js';
 import './ComponentError-Cjcsf8ku.js';
-import './GooglePay-f7mYX17c.js';
+import './Refund-DDWRtCuX.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-B5rtFhtR.js';
 import './Dispute-BH0Xfn-F.js';

package/dist/esm/{checkout.service-BWdnJLVG.js → checkout.service-E60GnrZv.js}

@@ -1,6 +1,6 @@
-import { A as Api } from './Api-DX-IWyBw.js';
+import { A as Api } from './Api-Dln8a6No.js';
 import './ComponentError-Cjcsf8ku.js';
-import './GooglePay-f7mYX17c.js';
+import './Refund-DDWRtCuX.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-B5rtFhtR.js';
 import './Dispute-BH0Xfn-F.js';

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

@@ -0,0 +1,101 @@
+import { c as createStore } from './index-B-fWxE5e.js';
+import { P as PAYMENT_METHODS } from './index-DCIW8z1f.js';
+
+const initialState = {
+    accountId: '',
+    authToken: '',
+    billingFormFields: {
+        address_postal_code: '',
+    },
+    bnplEnabled: false,
+    applePayEnabled: false,
+    insuranceEnabled: false,
+    bnplProviderApiVersion: '',
+    bnplProviderCheckoutUrl: '',
+    bnplProviderClientId: '',
+    bnplProviderMode: '',
+    checkoutId: '',
+    checkoutLoaded: false,
+    bankAccountVerification: undefined,
+    disableBankAccount: 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) {
+        methods.push(PAYMENT_METHODS.SEZZLE);
+    }
+    if (checkoutStore.applePayEnabled) {
+        methods.push(PAYMENT_METHODS.APPLE_PAY);
+    }
+    if (checkoutStore.bankAccountVerification === true &&
+        !checkoutStore.disableBankAccount) {
+        methods.push(PAYMENT_METHODS.PLAID);
+    }
+    return methods;
+}
+function getCheckoutState() {
+    var _a;
+    return {
+        selectedPaymentMethod: checkoutStore.selectedPaymentMethod,
+        paymentAmount: checkoutStore.paymentAmount,
+        totalAmount: checkoutStore.totalAmount,
+        paymentCurrency: checkoutStore.paymentCurrency,
+        paymentDescription: checkoutStore.paymentDescription,
+        savedPaymentMethods: checkoutStore.paymentMethods,
+        savePaymentMethod: checkoutStore.savePaymentMethod,
+        bnplEnabled: checkoutStore.bnplEnabled,
+        applePayEnabled: checkoutStore.applePayEnabled,
+        insuranceEnabled: checkoutStore.insuranceEnabled,
+        disableBankAccount: checkoutStore.disableBankAccount,
+        disableCreditCard: checkoutStore.disableCreditCard,
+        disablePaymentMethodGroup: checkoutStore.disablePaymentMethodGroup,
+        paymentToken: (_a = checkoutStore.paymentToken) !== null && _a !== void 0 ? _a : undefined,
+    };
+}
+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 { getCheckoutState as a, onChange as b, checkoutStore as c, getAvailablePaymentMethodTypes as g, onAnyChange as o };

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

@@ -2,20 +2,19 @@ import { r as registerInstance, c as createEvent, h } from './index-DwYM91AU.js'
 import './config-state-C2NXATwF.js';
 import './dinero-HXpYMWUU.js';
 import './ComponentError-Cjcsf8ku.js';
-import './GooglePay-f7mYX17c.js';
+import './Refund-DDWRtCuX.js';
 import { p as pagingDefaults } from './Pagination-CLHwhyvu.js';
 import './Business-B5rtFhtR.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-Cjq1A6mO.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-KZoMaoUh.js';
 import { T as TableClickActions } from './event-types-CZfYo5-1.js';
-import { c as checkoutTableColumns, a as checkoutTableCells } from './checkouts-table-lgbZpF1o.js';
+import { c as checkoutTableColumns, a as checkoutTableCells } from './checkouts-table-BVWL1wN9.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './checkouts-list-params-state-gllzDQAb.js';
 import './index-B-fWxE5e.js';
-import './utils-CIaHqjQt.js';
-import './index-DkoufM1t.js';
-import './parts-wtuY7MT2.js';
-import './spinner-tU4D9iak.js';
-import './badge-Bgosx-DC.js';
+import './utils-CDaVtz_6.js';
+import './parts-QmGrQis7.js';
+import './spinner-CcDNFgNu.js';
+import './badge-BWd10d-w.js';
 
 const CheckoutsListCore = class {
     constructor(hostRef) {
@@ -133,7 +132,7 @@ const CheckoutsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'ea74cbb0bce1e96b597344ee226eebc5dc369b1b' }, h(TableComponent, { key: '37ca3a5b8c1d53604edb487d1e31f0d829a0a4a8' }, h(TableHead, { key: 'd61415d71f636ce288036867c70e22fa459e1cf6' }, h(TableHeadRow, { key: '75db78b57011fc3d14eea8ecd353ea117b4d951e' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '71631afc11d6a096f71275bd6231a1e5f0a66e72' }, h(TableLoadingState, { key: 'ea6c8eb8f602d1924b278c374ad02d218758e65c', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'f581dad5d925bcd85aea7b9292d719050eea5431', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'f6ecafe13119e285ab27396bade1992b31663e52', 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: '846c7a9976a4738f64d0a067bb8e48840e04b3ab' }, h(TableFootRow, { key: 'ce2c52b71c891a3621c54bfd3e9c75088d685818' }, h(TableFootCell, { key: 'ea253462403bb909e8423776027bbdadf41ab746', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '4d6d2f7a5559d2f20f86c8fc138a402e7b985503', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '1d569fb3adfb433dbc5f922eac92dd54c90e4026' }, h(TableComponent, { key: '08814bbcb72facf8a65f05fced211c7072d9de07' }, h(TableHead, { key: 'b6a81964a5d31e0a8071f72fa100a0addfa20450' }, h(TableHeadRow, { key: '68c3f64e205a7d24797d3dc22b77d3ae2660853f' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '71e40b95aea309fd80b4c2a5b29d346ff05bfa86' }, h(TableLoadingState, { key: '68f74fb34189d60edb7d31cf338b505ac0fdefa7', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'c9f5944d8286433c6f1427fbb622a9ecfb32ff59', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'ec6e7eae1606dcde81fcc866ae35668fbbdcb0ca', 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: 'c5ea4d43e61fa13b245f63b92402f0963bc5480e' }, h(TableFootRow, { key: 'f5c32fa16e4197290c081179b7235f783e8eb819' }, h(TableFootCell, { key: '4a8899287e30840905686d6f056db332761af2fb', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '2d0092eceeb124d622ad1477a9c0a84844247f04', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/esm/{checkouts-table-lgbZpF1o.js → checkouts-table-BVWL1wN9.js}

@@ -1,7 +1,7 @@
 import { h } from './index-DwYM91AU.js';
-import { d as formatTime, e as formatDate } from './utils-CIaHqjQt.js';
-import { B as BadgeVariant, a as Badge } from './badge-Bgosx-DC.js';
-import { S as tableHeadCell, T as getAlternateTableCellPart } from './parts-wtuY7MT2.js';
+import { d as formatTime, e as formatDate } from './utils-CDaVtz_6.js';
+import { B as BadgeVariant, a as Badge } from './badge-BWd10d-w.js';
+import { S as tableHeadCell, T as getAlternateTableCellPart } from './parts-QmGrQis7.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-DwYM91AU.js';
+import { ax as tooltip, ay as tooltipInner, az as tooltipIcon } from './parts-QmGrQis7.js';
 
 var top = 'top';
 var bottom = 'bottom';
@@ -1872,7 +1873,7 @@ const CustomPopper = class {
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: 'd41a43285190500dbdf63ebfe4c381e6ebe3c680' }, h("style", { key: 'c9f85586d09e78390d94a2c62815a30d5b5c72c8' }, `
+        return (h("div", { key: '73b07cca3eacc4041a0aba80818eab407e92b833' }, h("style", { key: '767463c48efc2828e9e9c48dacd2db0568d6a751' }, `
           .popper-content {
             display: none;
           }
@@ -1880,8 +1881,26 @@ const CustomPopper = class {
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '34cd3ce248d7856ef8cd287bf460fa663ff047da', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '8cf3cc61f96ccd087435dceb2a999bc367c110b8' }))));
+          `), h("div", { key: '284486020e76357a378fdc91ad899b87da27c4eb', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: 'c317e502124dc6ff11c7c4a606f09f4f69adffeb' }))));
     }
 };
 
-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 };

package/dist/esm/{dispute.service-CqX5HR5o.js → dispute.service-CAZJigrO.js}

@@ -1,6 +1,6 @@
-import { A as Api } from './Api-DX-IWyBw.js';
+import { A as Api } from './Api-Dln8a6No.js';
 import './ComponentError-Cjcsf8ku.js';
-import './GooglePay-f7mYX17c.js';
+import './Refund-DDWRtCuX.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-B5rtFhtR.js';
 import './Dispute-BH0Xfn-F.js';