@justifi/webcomponents 6.11.0 → 6.12.1-rc.1

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

@@ -1,515 +0,0 @@
-import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-CV0Pyo1O.js';
-import './config-state-kKn89dp1.js';
-import './dinero-HXpYMWUU.js';
-import { C as ComponentErrorSeverity } from './ComponentError-Cjcsf8ku.js';
-import { E as EntityDocumentType, m as PLAID_ERROR_SEVERITY, n as PLAID_ERROR_MESSAGES, o as PlaidErrorCodes } from './Plaid-DOdR_CNb.js';
-import './Pagination-CLHwhyvu.js';
-import './Business-BcNb9bVO.js';
-import './Dispute-BH0Xfn-F.js';
-import { a as bankAccountTypeOptions } from './business-form-options-DRalxlqN.js';
-import './event-types-XYgDHrVL.js';
-import { n as numberOnlyHandler } from './utils-BnjCmwMr.js';
-import { t as text, F as card, b as heading2, ab as table, q as tableHeadCell, ak as tableCell, y as input, z as label, v as inputInvalid, w as inputDisabled, x as inputFocused, a2 as buttonSecondary, a3 as buttonPrimary } from './parts-D3V9AE6o.js';
-import { s as snakeCaseToHumanReadable, e as formatDate, d as formatTime } from './utils-7bp92NC7.js';
-import { S as Skeleton } from './skeleton-CV6EpBqb.js';
-import './event-types-CZfYo5-1.js';
-import { F as FormControlErrorText } from './form-control-error-text-JYoDicr0.js';
-import { u as updateFormValues, a as updateAddressFormValues, b as updateDateOfBirthFormValues } from './input-handlers-1lVyzImK.js';
-import { P as PHONE_MASKS, I as IDENTITY_MASKS } from './form-input-masks-CVaOFfrI.js';
-import { c as countryLabels } from './country-config-P042rrI3.js';
-import { c as makeGetIdentity, d as makePatchIdentity, e as makePostIdentity } from './payment-provisioning-actions-CBvplwPf.js';
-import { I as IdentityService } from './business.service-DSolii9Q.js';
-import { B as Button } from './button-CdXktiZq.js';
-import { S as StyledHost } from './styled-host-D6byRazK.js';
-import { P as PlaidService } from './plaid.service-D61Eq14d.js';
-import './index-cDVGjRkU.js';
-import './utils-BeQLScSm.js';
-import './Api-CLZVsXZg.js';
-
-const BankAccountDocumentFormInputs = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        return (h("div", { key: '7f9ea576aad16f3c2ea45c987a38878ea65f2df2', class: "row gy-3" }, h("div", { key: '316fe3f20df7c7dce2b8903e6073e0fe7920e5e8', class: "col-12" }, h("form-control-file", { key: '320d6b7f3de2cfeeb30eb1e08ca4122123854ffd', 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: 'f33a936c61c14c701e40d375e4dfc4c554b8293c', class: "col-12" }, h("form-control-file", { key: '1e160d8211a71175d6a45b10590fb2c8774f61e1', 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: '5dc7139f54d11979410d0d67ca29e65b02f30200', class: "row gy-3" }, h("div", { key: '118f15bf02855b24baec5ce2a2c3cf5b241b3da4', 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: 'db03eccee03ec4b7d0de637306315982a2cd770d', 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: '217120e0052b8ee41cac8f901ac4d9742b0c6ea9', 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: 'f589511545d6262966a6fa2888cb78babacfb770', 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: '24df83bb2666cee381c266608c43f3fd729db4cf', 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: '75fe11d71e57707d088f8a90a250621fce82647f', 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: '34cbf10449df73748095fd7122d0ae1355a83e13', class: "row gy-3" }, h("div", { key: '607cc5cbc70fdd2d5a325bef7002a44740394282', 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: 'f57f4cd733f2dd439d6d83f32078371618f5fa06', 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: 'b92dface0116321ea990bfcaf1b036b5629385db', 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: '45d68efa47de76ee420cedfb97e82f498a2de97b', 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: '8419925e8470d63d506e1f7e82ccdf1a1132ecc0', 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: 'aa6e83c409e0cf93f1903394f63c0b719ec8808e', 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: '029058c023daca9d0488f45478af6edafe359df7', 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: 'ad9eadcf49dbc67e51cd814d3ded334a587cc17c' }, h("label", { key: 'b8ba3d8b7ef9fc33e0e0870f71b7df5dbfae4759', class: "form-label", part: text }, this.label), h("div", { key: '1839bdadb96b3c814c73991530497f9a7be6a10d', 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", 7);
-        this.formControlBlur = createEvent(this, "formControlBlur", 7);
-        this.fileSelected = createEvent(this, "fileSelected", 7);
-        this.isFocused = false;
-        this.errorText = '';
-        this.inputHandler = () => { };
-        this.disabled = 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: '5dae73a138845ac8e08102905fb9ccae526519b5' }, h("div", { key: '38fa7c7c23abf18530a1508e93dee487382f8456', class: "form-group d-flex flex-column" }, h("div", { key: '3c90cfef275acbc2383f3af046b342408e524659', class: "d-flex align-items-start gap-2" }, h("label", { key: '65af257367512c58f75bff6ecc09248148c0929f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'd54ddf27dd6197f52487e342963e442dc04aa459', helpText: this.helpText })), h("input", { key: '033108ddee4cac2aca98bcde260ab391e24b8ce5', 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: '81aec26bc0781bbcfe531d37c0dd4bf6966ef9ce', 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: 'a9c0f6332bf302d5eb9f93c4ca045d572a40468f' }, h("fieldset", { key: '115c564826335a9c7b670bbc0409912c3eb7a4aa' }, h("div", { key: '6de8909b4b2f3c7d8ec4665aad77ef59cdf035b4', class: "d-flex align-items-center gap-2" }, h("legend", { key: 'bb8b5a3775eae450a866356a9e149a0bf57b5699', class: "mb-0", part: heading2 }, "Representative"), h("form-control-tooltip", { key: 'a0296d4a3c35a039525f39501e117ee6fdd12257', 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: 'abbee22f5664275f27dd8eeb2b12c87b059ff024', class: "mt-2" }), h("div", { key: 'e165ff125df62dc1d22b7329fe7fe2ff200cbbb3', class: "row gy-3" }, h("div", { key: '114ff752eeda3ffa90529ff6bc675b874f543336', class: "col-12 col-md-8" }, h("form-control-text", { key: '8b6ce9f4a327ca5282aa32c226f671945aa10404', 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: 'bce864367883c6bbf7bd0841114a3dbb39db692b', class: "col-12 col-md-4" }, h("form-control-text", { key: 'ec3e72dc3f84c0daee2c6509f7dbf2bad22f5db6', 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: '200ae959d897d9d22016553d3c586cf3f0438dd9', class: "col-12 col-md-6" }, h("form-control-text", { key: '4f77d6ca6c3c85edabc11af6f5703ab1327f05e7', 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: 'cf642ee73f7ae8b254920a3f781c23dc456f16ae', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'df609213bec728f17b2527a2e99ff3e0e69604aa', 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: '2e4565c06976723ae4e497a5305cea7468bac2f4', class: "col-12 col-md-4" }, h("form-control-date", { key: 'ca7d4bf05c32d1d9983df430d338cc3433015957', 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: 'f6cbe1b7f4e5575f626e6d73f31b4a1a09ac33e3', 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: 'e3fa556dece2feaf5eb175ae3734c2319777ef48', class: "col-12" }, h("justifi-identity-address-form", { key: 'fe3d349371d11b8a246b9c31aebd7d9c84e03f8e', 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", 7);
-    }
-    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: '47c36dfc76ac8a108950e17770d1a0fb06fe4e42', 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 }));
-    }
-};
-
-const PlaidVerification = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.plaidVerificationSuccess = createEvent(this, "plaidVerificationSuccess", 7);
-        this.plaidVerificationError = createEvent(this, "plaidVerificationError", 7);
-        this.linkToken = null;
-        this.linkTokenId = null;
-        this.plaidLink = null;
-        this.isAuthenticating = false;
-        this.isSuccess = false;
-        this.error = null;
-        this.isLoading = false;
-        this.plaidService = new PlaidService();
-        this.abortController = null;
-        this.timeoutId = null;
-        this.initializePlaidLink = async () => {
-            try {
-                // Check if Plaid is available globally
-                if (typeof window.Plaid === 'undefined') {
-                    this.handleError({
-                        code: PlaidErrorCodes.PLAID_SDK_LOAD_FAILED,
-                        message: PLAID_ERROR_MESSAGES[PlaidErrorCodes.PLAID_SDK_LOAD_FAILED],
-                        severity: PLAID_ERROR_SEVERITY[PlaidErrorCodes.PLAID_SDK_LOAD_FAILED],
-                        retryable: true,
-                        userAction: 'Refresh the page and try again',
-                    });
-                    return;
-                }
-                // Get link token from backend
-                await this.getLinkToken();
-                if (!this.linkToken) {
-                    this.handleError({
-                        code: PlaidErrorCodes.PLAID_LINK_TOKEN_FAILED,
-                        message: PLAID_ERROR_MESSAGES[PlaidErrorCodes.PLAID_LINK_TOKEN_FAILED],
-                        severity: PLAID_ERROR_SEVERITY[PlaidErrorCodes.PLAID_LINK_TOKEN_FAILED],
-                        retryable: true,
-                        userAction: 'Click to try again',
-                    });
-                    return;
-                }
-                // Initialize Plaid Link
-                const Plaid = window.Plaid;
-                this.plaidLink = Plaid.create({
-                    token: this.linkToken,
-                    onSuccess: this.handlePlaidSuccess,
-                    onExit: this.handlePlaidExit,
-                    onEvent: this.handlePlaidEvent,
-                    onLoad: this.handlePlaidLoad,
-                });
-            }
-            catch (error) {
-                this.handleError({
-                    code: PlaidErrorCodes.PLAID_LINK_INIT_FAILED,
-                    message: PLAID_ERROR_MESSAGES[PlaidErrorCodes.PLAID_LINK_INIT_FAILED],
-                    severity: PLAID_ERROR_SEVERITY[PlaidErrorCodes.PLAID_LINK_INIT_FAILED],
-                    originalError: error,
-                    retryable: true,
-                    userAction: 'Click to try again',
-                });
-            }
-        };
-        this.getLinkToken = async () => {
-            var _a, _b, _c, _d;
-            try {
-                if (!this.authToken || !this.accountId) {
-                    this.handleError({
-                        code: PlaidErrorCodes.PLAID_LINK_TOKEN_FAILED,
-                        message: 'Missing authentication. Please provide authToken and accountId.',
-                        severity: ComponentErrorSeverity.ERROR,
-                        retryable: false,
-                        userAction: 'Provide required props',
-                    });
-                    return;
-                }
-                // Create abort controller for timeout handling
-                this.abortController = new AbortController();
-                // Set timeout for the request
-                this.timeoutId = setTimeout(() => {
-                    var _a;
-                    (_a = this.abortController) === null || _a === void 0 ? void 0 : _a.abort();
-                }, 30000); // 30 second timeout
-                const response = await this.plaidService.getLinkTokenForVerification(this.authToken, this.businessId, this.abortController.signal);
-                // Clear timeout
-                if (this.timeoutId) {
-                    clearTimeout(this.timeoutId);
-                    this.timeoutId = null;
-                }
-                if (response.error) {
-                    const errorMessage = typeof response.error === 'string'
-                        ? response.error
-                        : response.error.message || 'Failed to get link token';
-                    throw new Error(errorMessage);
-                }
-                this.linkToken = response.data.link_token;
-                this.linkTokenId = response.data.id;
-            }
-            catch (error) {
-                // Clear timeout
-                if (this.timeoutId) {
-                    clearTimeout(this.timeoutId);
-                    this.timeoutId = null;
-                }
-                let errorCode = PlaidErrorCodes.PLAID_LINK_TOKEN_FAILED;
-                let message = PLAID_ERROR_MESSAGES[errorCode];
-                let retryable = true;
-                // Handle specific error types
-                if (error.name === 'AbortError') {
-                    errorCode = PlaidErrorCodes.PLAID_TIMEOUT;
-                    message = PLAID_ERROR_MESSAGES[errorCode];
-                    retryable = true;
-                }
-                else if (((_a = error.message) === null || _a === void 0 ? void 0 : _a.includes('network')) || ((_b = error.message) === null || _b === void 0 ? void 0 : _b.includes('fetch'))) {
-                    errorCode = PlaidErrorCodes.PLAID_NETWORK_ERROR;
-                    message = PLAID_ERROR_MESSAGES[errorCode];
-                    retryable = true;
-                }
-                else if (((_c = error.message) === null || _c === void 0 ? void 0 : _c.includes('401')) || ((_d = error.message) === null || _d === void 0 ? void 0 : _d.includes('unauthorized'))) {
-                    errorCode = PlaidErrorCodes.PLAID_INVALID_CREDENTIALS;
-                    message = 'Authentication failed. Please check your credentials.';
-                    retryable = false;
-                }
-                this.handleError({
-                    code: errorCode,
-                    message: message,
-                    severity: PLAID_ERROR_SEVERITY[errorCode],
-                    originalError: error,
-                    retryable,
-                    userAction: retryable ? 'Click to try again' : 'Check your credentials',
-                });
-            }
-        };
-        this.openPlaidLink = () => {
-            if (this.plaidLink && this.linkToken) {
-                this.isAuthenticating = true;
-                this.clearError();
-                this.plaidLink.open();
-            }
-        };
-        this.handlePlaidSuccess = async (publicToken, _metadata) => {
-            var _a;
-            this.isAuthenticating = false;
-            this.isLoading = true;
-            this.clearError();
-            try {
-                // Send publicToken to backend
-                const response = await this.plaidService.postPlaidVerifiedBankAccountData(this.authToken, this.businessId, { public_token: publicToken, link_token_id: this.linkTokenId }, (_a = this.abortController) === null || _a === void 0 ? void 0 : _a.signal);
-                if (response.error) {
-                    const errorMessage = typeof response.error === 'string'
-                        ? response.error
-                        : response.error.message || 'Failed to verify bank account';
-                    throw new Error(errorMessage);
-                }
-                // Success - display success message
-                this.isSuccess = true;
-                this.isLoading = false;
-                // Emit success event
-                this.plaidVerificationSuccess.emit({ publicToken, bankAccount: response.data });
-            }
-            catch (error) {
-                this.isLoading = false;
-                this.handleError({
-                    code: PlaidErrorCodes.PLAID_AUTHENTICATION_FAILED,
-                    message: (error === null || error === void 0 ? void 0 : error.message) || 'Failed to verify bank account',
-                    severity: PLAID_ERROR_SEVERITY[PlaidErrorCodes.PLAID_AUTHENTICATION_FAILED],
-                    originalError: error,
-                    retryable: true,
-                    userAction: 'Click to try again',
-                });
-            }
-        };
-        this.handlePlaidExit = (err, _metadata) => {
-            this.isAuthenticating = false;
-            if (err) {
-                this.handlePlaidError(err);
-            }
-        };
-        this.handlePlaidEvent = (eventName, metadata) => {
-            // Handle specific events if needed
-            switch (eventName) {
-                case 'OPEN':
-                    this.isAuthenticating = true;
-                    break;
-                case 'CLOSE':
-                    this.isAuthenticating = false;
-                    break;
-                case 'ERROR':
-                    this.handlePlaidError(metadata);
-                    break;
-            }
-        };
-        this.handlePlaidLoad = () => {
-            // Plaid Link loaded successfully
-        };
-        this.handlePlaidError = (error) => {
-            let errorCode = PlaidErrorCodes.PLAID_AUTHENTICATION_FAILED;
-            let message = PLAID_ERROR_MESSAGES[errorCode];
-            let retryable = true;
-            let userAction = 'Click to try again';
-            // Map Plaid error codes to our error codes
-            if (error.error_code) {
-                switch (error.error_code) {
-                    case 'INVALID_CREDENTIALS':
-                        errorCode = PlaidErrorCodes.PLAID_INVALID_CREDENTIALS;
-                        message = PLAID_ERROR_MESSAGES[errorCode];
-                        retryable = true;
-                        break;
-                    case 'ITEM_LOGIN_REQUIRED':
-                        errorCode = PlaidErrorCodes.PLAID_INVALID_CREDENTIALS;
-                        message = 'Your bank requires re-authentication. Please try again.';
-                        retryable = true;
-                        break;
-                    case 'ITEM_LOCKED':
-                        errorCode = PlaidErrorCodes.PLAID_ACCOUNT_LOCKED;
-                        message = PLAID_ERROR_MESSAGES[errorCode];
-                        retryable = false;
-                        userAction = 'Contact your bank';
-                        break;
-                    case 'INSTITUTION_NOT_RESPONDING':
-                        errorCode = PlaidErrorCodes.PLAID_MAINTENANCE;
-                        message = PLAID_ERROR_MESSAGES[errorCode];
-                        retryable = true;
-                        break;
-                    case 'RATE_LIMIT_EXCEEDED':
-                        errorCode = PlaidErrorCodes.PLAID_RATE_LIMITED;
-                        message = PLAID_ERROR_MESSAGES[errorCode];
-                        retryable = true;
-                        break;
-                    default:
-                        if (error.error_message) {
-                            message = error.error_message;
-                        }
-                        break;
-                }
-            }
-            this.handleError({
-                code: errorCode,
-                message,
-                severity: PLAID_ERROR_SEVERITY[errorCode],
-                originalError: error,
-                retryable,
-                userAction,
-            });
-            this.isAuthenticating = false;
-        };
-        this.handleError = (plaidError) => {
-            this.error = plaidError;
-            this.isLoading = false;
-            // Emit error event for parent components
-            this.plaidVerificationError.emit(plaidError);
-            console.error('Plaid verification error:', plaidError);
-        };
-        this.clearError = () => {
-            if (this.error) {
-                this.error = null;
-            }
-        };
-    }
-    componentDidRender() {
-        if (!this.scriptRef)
-            return;
-        this.scriptRef.onload = () => {
-            this.initializePlaidLink();
-        };
-        this.scriptRef.onerror = () => {
-            this.handleError({
-                code: PlaidErrorCodes.PLAID_SDK_LOAD_FAILED,
-                message: PLAID_ERROR_MESSAGES[PlaidErrorCodes.PLAID_SDK_LOAD_FAILED],
-                severity: PLAID_ERROR_SEVERITY[PlaidErrorCodes.PLAID_SDK_LOAD_FAILED],
-                retryable: true,
-                userAction: 'Refresh the page and try again',
-            });
-        };
-    }
-    disconnectedCallback() {
-        // Clean up timeouts and abort controllers
-        if (this.timeoutId) {
-            clearTimeout(this.timeoutId);
-        }
-        if (this.abortController) {
-            this.abortController.abort();
-        }
-    }
-    render() {
-        const renderErrorState = () => {
-            if (!this.error)
-                return null;
-            const errorClass = this.error.severity === ComponentErrorSeverity.ERROR
-                ? 'text-danger'
-                : this.error.severity === ComponentErrorSeverity.WARNING
-                    ? 'text-warning'
-                    : 'text-info';
-            return (h("div", { class: `${errorClass} mt-2` }, h("small", null, this.error.message), h("br", null), this.error.userAction && (h("small", { class: "text-muted" }, this.error.userAction))));
-        };
-        const renderStatusState = () => {
-            if (this.error)
-                return null;
-            if (this.isLoading) {
-                return (h("div", { class: "text-info mt-2" }, h("small", null, "Verifying bank account...")));
-            }
-            if (this.isSuccess) {
-                return (h("div", { class: "text-success mt-2" }, h("small", null, "\u2713 Bank account verified successfully")));
-            }
-            if (this.isAuthenticating) {
-                return (h("div", { class: "text-info mt-2" }, h("small", null, "Connecting to your bank...")));
-            }
-            return null;
-        };
-        const plaidLogo = (h("svg", { class: "plaid-logo-img", height: "20", width: "20", viewBox: "0 0 28 29", xmlns: "http://www.w3.org/2000/svg", style: { display: 'inline', marginLeft: '5px', marginRight: '5px', marginTop: '-2px' } }, h("g", { fill: "#fff", "fill-rule": "evenodd" }, h("path", { d: "M25.7629 26.2628L28 17.5309L24.9691 14.5001L27.9999 11.4691L25.7628 2.73706L17.0309 0.5L14.0001 3.531L10.969 0.50014L2.23706 2.73734L0 11.4691L3.03128 14.4999L0.00014 17.531L2.2372 26.2629L10.9691 28.5L14.0001 25.469L17.031 28.4999L25.7629 26.2628ZM15.7321 23.7371L18.6186 20.8505L22.2912 24.5233L17.6956 25.7007L15.7321 23.7371ZM11.1136 9.88154L14.0003 6.99502L16.8868 9.8814L14.0001 12.7679L11.1136 9.88154ZM12.2682 14.5L9.38154 17.3865L6.49502 14.5L9.38154 11.6135L12.2682 14.5ZM18.6187 11.6133L21.5053 14.5L18.6186 17.3865L15.7321 14.5L18.6187 11.6133ZM16.8867 19.1186L14.0001 22.0051L11.1135 19.1185L14.0001 16.2319L16.8867 19.1186ZM10.3044 25.7007L5.70864 24.5233L9.38154 20.8504L12.2682 23.7371L10.3044 25.7007ZM4.76308 16.2319L7.6496 19.1185L3.9767 22.7914L2.7993 18.1957L4.76308 16.2319ZM3.9767 6.20836L7.64974 9.8814L4.76308 12.7681L2.7993 10.8041L3.9767 6.20836ZM12.2683 5.26294L9.38168 8.1496L5.70892 4.4767L10.3047 3.2993L12.2683 5.26294ZM17.6959 3.2993L22.2915 4.4767L18.6186 8.14946L15.7321 5.26294L17.6959 3.2993ZM23.2372 12.7681L20.3505 9.8814L24.0233 6.20878L25.2007 10.8046L23.2372 12.7681ZM24.0233 22.7914L20.3505 19.1186L23.2372 16.2321L25.2007 18.1957L24.0233 22.7914Z" }))));
-        return (h(StyledHost, null, h("script", { src: "https://cdn.plaid.com/link/v2/stable/link-initialize.js", async: true, ref: (el) => (this.scriptRef = el) }), h("div", null, h("div", { class: "mb-3" }, h(Button, { variant: "primary", type: "button", onClick: (event) => { event.preventDefault(); this.openPlaidLink(); }, disabled: this.isLoading, part: buttonPrimary }, "Connect with Plaid ", plaidLogo, " (instant verification)")), renderErrorState(), renderStatusState())));
-    }
-};
-
-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, PlaidVerification as plaid_verification };