@justifi/webcomponents 6.7.3 → 6.8.1

package/dist/cjs/{Business-uoeKyW_a.js → Business-CB8EVrhD.js}

@@ -498,6 +498,7 @@ class Business {
         this.website_url = business.website_url;
         this.date_of_incorporation = business.date_of_incorporation;
         this.country_of_establishment = normalizeCountry(business.country_of_establishment);
+        this.bank_account_verification = business.bank_account_verification;
     }
     get payload() {
         return {

package/dist/cjs/{GooglePay-CbKCUEfb.js → Plaid-DxPvVu0H.js}

@@ -4,6 +4,7 @@ var utils = require('./utils-D4WPxuzW.js');
 var Dispute = require('./Dispute-CruQTF6_.js');
 var index = require('./index-W-zoNiyM.js');
 var index$1 = require('./index-CajjbB9t.js');
+var ComponentError = require('./ComponentError-D4OLnOkg.js');
 
 class Completion {
     constructor(data) {
@@ -993,6 +994,56 @@ class GooglePayHelpers {
     }
 }
 
+// Plaid-specific error codes
+exports.PlaidErrorCodes = void 0;
+(function (PlaidErrorCodes) {
+    PlaidErrorCodes["PLAID_SDK_LOAD_FAILED"] = "plaid-sdk-load-failed";
+    PlaidErrorCodes["PLAID_LINK_INIT_FAILED"] = "plaid-link-init-failed";
+    PlaidErrorCodes["PLAID_LINK_TOKEN_FAILED"] = "plaid-link-token-failed";
+    PlaidErrorCodes["PLAID_AUTHENTICATION_FAILED"] = "plaid-authentication-failed";
+    PlaidErrorCodes["PLAID_BANK_NOT_SUPPORTED"] = "plaid-bank-not-supported";
+    PlaidErrorCodes["PLAID_TOKEN_EXPIRED"] = "plaid-token-expired";
+    PlaidErrorCodes["PLAID_NETWORK_ERROR"] = "plaid-network-error";
+    PlaidErrorCodes["PLAID_USER_CANCELLED"] = "plaid-user-cancelled";
+    PlaidErrorCodes["PLAID_TIMEOUT"] = "plaid-timeout";
+    PlaidErrorCodes["PLAID_INVALID_CREDENTIALS"] = "plaid-invalid-credentials";
+    PlaidErrorCodes["PLAID_ACCOUNT_LOCKED"] = "plaid-account-locked";
+    PlaidErrorCodes["PLAID_MAINTENANCE"] = "plaid-maintenance";
+    PlaidErrorCodes["PLAID_RATE_LIMITED"] = "plaid-rate-limited";
+})(exports.PlaidErrorCodes || (exports.PlaidErrorCodes = {}));
+// Plaid error message mapping
+const PLAID_ERROR_MESSAGES = {
+    [exports.PlaidErrorCodes.PLAID_SDK_LOAD_FAILED]: 'Unable to load Plaid. Please refresh the page and try again.',
+    [exports.PlaidErrorCodes.PLAID_LINK_INIT_FAILED]: 'Unable to initialize bank connection. Please try again.',
+    [exports.PlaidErrorCodes.PLAID_LINK_TOKEN_FAILED]: 'Unable to connect to bank service. Please try again.',
+    [exports.PlaidErrorCodes.PLAID_AUTHENTICATION_FAILED]: 'Bank authentication failed. Please try again.',
+    [exports.PlaidErrorCodes.PLAID_BANK_NOT_SUPPORTED]: 'Your bank is not currently supported. Please try a different payment method.',
+    [exports.PlaidErrorCodes.PLAID_TOKEN_EXPIRED]: 'Your bank session has expired. Please reconnect your account.',
+    [exports.PlaidErrorCodes.PLAID_NETWORK_ERROR]: 'Network connection issue. Please check your internet connection and try again.',
+    [exports.PlaidErrorCodes.PLAID_USER_CANCELLED]: 'Bank connection was cancelled. Click to try again.',
+    [exports.PlaidErrorCodes.PLAID_TIMEOUT]: 'Bank connection timed out. Please try again.',
+    [exports.PlaidErrorCodes.PLAID_INVALID_CREDENTIALS]: 'Invalid bank credentials. Please check your username and password.',
+    [exports.PlaidErrorCodes.PLAID_ACCOUNT_LOCKED]: 'Your bank account is temporarily locked. Please contact your bank.',
+    [exports.PlaidErrorCodes.PLAID_MAINTENANCE]: 'Bank service is temporarily unavailable. Please try again later.',
+    [exports.PlaidErrorCodes.PLAID_RATE_LIMITED]: 'Too many connection attempts. Please wait a moment and try again.',
+};
+// Plaid error severity mapping
+const PLAID_ERROR_SEVERITY = {
+    [exports.PlaidErrorCodes.PLAID_SDK_LOAD_FAILED]: ComponentError.ComponentErrorSeverity.ERROR,
+    [exports.PlaidErrorCodes.PLAID_LINK_INIT_FAILED]: ComponentError.ComponentErrorSeverity.ERROR,
+    [exports.PlaidErrorCodes.PLAID_LINK_TOKEN_FAILED]: ComponentError.ComponentErrorSeverity.ERROR,
+    [exports.PlaidErrorCodes.PLAID_AUTHENTICATION_FAILED]: ComponentError.ComponentErrorSeverity.ERROR,
+    [exports.PlaidErrorCodes.PLAID_BANK_NOT_SUPPORTED]: ComponentError.ComponentErrorSeverity.WARNING,
+    [exports.PlaidErrorCodes.PLAID_TOKEN_EXPIRED]: ComponentError.ComponentErrorSeverity.WARNING,
+    [exports.PlaidErrorCodes.PLAID_NETWORK_ERROR]: ComponentError.ComponentErrorSeverity.WARNING,
+    [exports.PlaidErrorCodes.PLAID_USER_CANCELLED]: ComponentError.ComponentErrorSeverity.INFO,
+    [exports.PlaidErrorCodes.PLAID_TIMEOUT]: ComponentError.ComponentErrorSeverity.WARNING,
+    [exports.PlaidErrorCodes.PLAID_INVALID_CREDENTIALS]: ComponentError.ComponentErrorSeverity.ERROR,
+    [exports.PlaidErrorCodes.PLAID_ACCOUNT_LOCKED]: ComponentError.ComponentErrorSeverity.ERROR,
+    [exports.PlaidErrorCodes.PLAID_MAINTENANCE]: ComponentError.ComponentErrorSeverity.WARNING,
+    [exports.PlaidErrorCodes.PLAID_RATE_LIMITED]: ComponentError.ComponentErrorSeverity.WARNING,
+};
+
 exports.ApplePayConfig = ApplePayConfig;
 exports.ApplePayHelpers = ApplePayHelpers;
 exports.ApplePayPaymentRequest = ApplePayPaymentRequest;
@@ -1002,6 +1053,8 @@ exports.EntityDocumentStorage = EntityDocumentStorage;
 exports.GooglePayConfig = GooglePayConfig;
 exports.GooglePayHelpers = GooglePayHelpers;
 exports.GooglePayPaymentDataRequest = GooglePayPaymentDataRequest;
+exports.PLAID_ERROR_MESSAGES = PLAID_ERROR_MESSAGES;
+exports.PLAID_ERROR_SEVERITY = PLAID_ERROR_SEVERITY;
 exports.Payment = Payment;
 exports.PaymentBalanceTransaction = PaymentBalanceTransaction;
 exports.Payout = Payout;

package/dist/cjs/{bank-account-document-form-inputs_8.cjs.entry.js → bank-account-document-form-inputs_9.cjs.entry.js}

@@ -3,12 +3,12 @@
 var index = require('./index-p7cvUYAE.js');
 require('./config-state-BIgGhhe9.js');
 require('./dinero-BwNN_k7x.js');
-require('./ComponentError-D4OLnOkg.js');
-var GooglePay = require('./GooglePay-CbKCUEfb.js');
+var ComponentError = require('./ComponentError-D4OLnOkg.js');
+var Plaid = require('./Plaid-DxPvVu0H.js');
 require('./Pagination-Dediz133.js');
-require('./Business-uoeKyW_a.js');
+require('./Business-CB8EVrhD.js');
 require('./Dispute-CruQTF6_.js');
-var businessFormOptions = require('./business-form-options-D1r-wJpo.js');
+var businessFormOptions = require('./business-form-options-B3CbEmdc.js');
 require('./event-types-DNOUef41.js');
 var utils = require('./utils-DAyWinG2.js');
 var parts = require('./parts-BsBVknuf.js');
@@ -16,11 +16,14 @@ var utils$1 = require('./utils-D4WPxuzW.js');
 var skeleton = require('./skeleton-BGGMhPJj.js');
 require('./event-types-YOY5TKUN.js');
 var formControlErrorText = require('./form-control-error-text-BC5aRpfl.js');
-var inputHandlers = require('./input-handlers-DaRKFvGI.js');
+var inputHandlers = require('./input-handlers-gV1LyFy3.js');
 var formInputMasks = require('./form-input-masks-BnNFJ3IJ.js');
-var countryConfig = require('./country-config-DGi9t3Ma.js');
+var countryConfig = require('./country-config-ETD-7Wb7.js');
 var paymentProvisioningActions = require('./payment-provisioning-actions-CZVlnRA0.js');
-var business_service = require('./business.service-DR4Ce5XV.js');
+var business_service = require('./business.service-zGEitIbP.js');
+var button = require('./button-C2p1BMP-.js');
+var styledHost = require('./styled-host-DAi5SuFa.js');
+var plaidIcon = require('./plaid-icon-DTpONc_Q.js');
 require('./index-W-zoNiyM.js');
 require('./index-CajjbB9t.js');
 require('./utils-DvUQQLmR.js');
@@ -31,7 +34,7 @@ const BankAccountDocumentFormInputs = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '7f9ea576aad16f3c2ea45c987a38878ea65f2df2', class: "row gy-3" }, index.h("div", { key: '316fe3f20df7c7dce2b8903e6073e0fe7920e5e8', class: "col-12" }, index.h("form-control-file", { key: '320d6b7f3de2cfeeb30eb1e08ca4122123854ffd', name: "voided_check", label: "Voided Check", documentType: GooglePay.EntityDocumentType.voidedCheck, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["voided_check"], multiple: true })), index.h("div", { key: 'f33a936c61c14c701e40d375e4dfc4c554b8293c', class: "col-12" }, index.h("form-control-file", { key: '1e160d8211a71175d6a45b10590fb2c8774f61e1', name: "bank_statement", label: "Bank Statement", documentType: GooglePay.EntityDocumentType.bankStatement, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["bank_statement"], multiple: true }))));
+        return (index.h("div", { key: '7f9ea576aad16f3c2ea45c987a38878ea65f2df2', class: "row gy-3" }, index.h("div", { key: '316fe3f20df7c7dce2b8903e6073e0fe7920e5e8', class: "col-12" }, index.h("form-control-file", { key: '320d6b7f3de2cfeeb30eb1e08ca4122123854ffd', name: "voided_check", label: "Voided Check", documentType: Plaid.EntityDocumentType.voidedCheck, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["voided_check"], multiple: true })), index.h("div", { key: 'f33a936c61c14c701e40d375e4dfc4c554b8293c', class: "col-12" }, index.h("form-control-file", { key: '1e160d8211a71175d6a45b10590fb2c8774f61e1', name: "bank_statement", label: "Bank Statement", documentType: Plaid.EntityDocumentType.bankStatement, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["bank_statement"], multiple: true }))));
     }
 };
 
@@ -200,6 +203,324 @@ const BusinessOwnerForm = class {
     }
 };
 
+const PlaidVerification = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.plaidVerificationSuccess = index.createEvent(this, "plaidVerificationSuccess", 7);
+        this.plaidVerificationError = index.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 plaidIcon.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: Plaid.PlaidErrorCodes.PLAID_SDK_LOAD_FAILED,
+                        message: Plaid.PLAID_ERROR_MESSAGES[Plaid.PlaidErrorCodes.PLAID_SDK_LOAD_FAILED],
+                        severity: Plaid.PLAID_ERROR_SEVERITY[Plaid.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: Plaid.PlaidErrorCodes.PLAID_LINK_TOKEN_FAILED,
+                        message: Plaid.PLAID_ERROR_MESSAGES[Plaid.PlaidErrorCodes.PLAID_LINK_TOKEN_FAILED],
+                        severity: Plaid.PLAID_ERROR_SEVERITY[Plaid.PlaidErrorCodes.PLAID_LINK_TOKEN_FAILED],
+                        retryable: true,
+                        userAction: 'Click to try again',
+                    });
+                    return;
+                }
+                // Initialize Plaid Link
+                const Plaid$1 = window.Plaid;
+                this.plaidLink = Plaid$1.create({
+                    token: this.linkToken,
+                    onSuccess: this.handlePlaidSuccess,
+                    onExit: this.handlePlaidExit,
+                    onEvent: this.handlePlaidEvent,
+                    onLoad: this.handlePlaidLoad,
+                });
+            }
+            catch (error) {
+                this.handleError({
+                    code: Plaid.PlaidErrorCodes.PLAID_LINK_INIT_FAILED,
+                    message: Plaid.PLAID_ERROR_MESSAGES[Plaid.PlaidErrorCodes.PLAID_LINK_INIT_FAILED],
+                    severity: Plaid.PLAID_ERROR_SEVERITY[Plaid.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: Plaid.PlaidErrorCodes.PLAID_LINK_TOKEN_FAILED,
+                        message: 'Missing authentication. Please provide authToken and accountId.',
+                        severity: ComponentError.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 = Plaid.PlaidErrorCodes.PLAID_LINK_TOKEN_FAILED;
+                let message = Plaid.PLAID_ERROR_MESSAGES[errorCode];
+                let retryable = true;
+                // Handle specific error types
+                if (error.name === 'AbortError') {
+                    errorCode = Plaid.PlaidErrorCodes.PLAID_TIMEOUT;
+                    message = Plaid.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 = Plaid.PlaidErrorCodes.PLAID_NETWORK_ERROR;
+                    message = Plaid.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 = Plaid.PlaidErrorCodes.PLAID_INVALID_CREDENTIALS;
+                    message = 'Authentication failed. Please check your credentials.';
+                    retryable = false;
+                }
+                this.handleError({
+                    code: errorCode,
+                    message: message,
+                    severity: Plaid.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: Plaid.PlaidErrorCodes.PLAID_AUTHENTICATION_FAILED,
+                    message: (error === null || error === void 0 ? void 0 : error.message) || 'Failed to verify bank account',
+                    severity: Plaid.PLAID_ERROR_SEVERITY[Plaid.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 = Plaid.PlaidErrorCodes.PLAID_AUTHENTICATION_FAILED;
+            let message = Plaid.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 = Plaid.PlaidErrorCodes.PLAID_INVALID_CREDENTIALS;
+                        message = Plaid.PLAID_ERROR_MESSAGES[errorCode];
+                        retryable = true;
+                        break;
+                    case 'ITEM_LOGIN_REQUIRED':
+                        errorCode = Plaid.PlaidErrorCodes.PLAID_INVALID_CREDENTIALS;
+                        message = 'Your bank requires re-authentication. Please try again.';
+                        retryable = true;
+                        break;
+                    case 'ITEM_LOCKED':
+                        errorCode = Plaid.PlaidErrorCodes.PLAID_ACCOUNT_LOCKED;
+                        message = Plaid.PLAID_ERROR_MESSAGES[errorCode];
+                        retryable = false;
+                        userAction = 'Contact your bank';
+                        break;
+                    case 'INSTITUTION_NOT_RESPONDING':
+                        errorCode = Plaid.PlaidErrorCodes.PLAID_MAINTENANCE;
+                        message = Plaid.PLAID_ERROR_MESSAGES[errorCode];
+                        retryable = true;
+                        break;
+                    case 'RATE_LIMIT_EXCEEDED':
+                        errorCode = Plaid.PlaidErrorCodes.PLAID_RATE_LIMITED;
+                        message = Plaid.PLAID_ERROR_MESSAGES[errorCode];
+                        retryable = true;
+                        break;
+                    default:
+                        if (error.error_message) {
+                            message = error.error_message;
+                        }
+                        break;
+                }
+            }
+            this.handleError({
+                code: errorCode,
+                message,
+                severity: Plaid.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: Plaid.PlaidErrorCodes.PLAID_SDK_LOAD_FAILED,
+                message: Plaid.PLAID_ERROR_MESSAGES[Plaid.PlaidErrorCodes.PLAID_SDK_LOAD_FAILED],
+                severity: Plaid.PLAID_ERROR_SEVERITY[Plaid.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 === ComponentError.ComponentErrorSeverity.ERROR
+                ? 'text-danger'
+                : this.error.severity === ComponentError.ComponentErrorSeverity.WARNING
+                    ? 'text-warning'
+                    : 'text-info';
+            return (index.h("div", { class: `${errorClass} mt-2` }, index.h("small", null, this.error.message), index.h("br", null), this.error.userAction && (index.h("small", { class: "text-muted" }, this.error.userAction))));
+        };
+        const renderStatusState = () => {
+            if (this.error)
+                return null;
+            if (this.isLoading) {
+                return (index.h("div", { class: "text-info mt-2" }, index.h("small", null, "Verifying bank account...")));
+            }
+            if (this.isSuccess) {
+                return (index.h("div", { class: "text-success mt-2" }, index.h("small", null, "\u2713 Bank account verified successfully")));
+            }
+            if (this.isAuthenticating) {
+                return (index.h("div", { class: "text-info mt-2" }, index.h("small", null, "Connecting to your bank...")));
+            }
+            return null;
+        };
+        const plaidLogo = (index.h("img", { class: "plaid-logo-img", src: plaidIcon.plaidIconSvg, alt: "Plaid", title: "Plaid", style: {
+                display: 'inline',
+                width: '20px',
+                height: '20px',
+                marginLeft: '5px',
+                marginTop: '-2px',
+            } }));
+        return (index.h(styledHost.StyledHost, null, index.h("script", { src: "https://cdn.plaid.com/link/v2/stable/link-initialize.js", async: true, ref: (el) => (this.scriptRef = el) }), index.h("div", null, index.h("div", { class: "mb-3" }, index.h(button.Button, { variant: "secondary", type: "button", onClick: (event) => { event.preventDefault(); this.openPlaidLink(); }, disabled: this.isLoading, part: parts.buttonSecondary }, "Link Bank Account with ", plaidLogo)), renderErrorState(), renderStatusState())));
+    }
+};
+
 exports.bank_account_document_form_inputs = BankAccountDocumentFormInputs;
 exports.bank_account_form_inputs = BankAccountFormInputs;
 exports.bank_account_form_inputs_canada = BankAccountFormInputsCanada;
@@ -208,3 +529,4 @@ exports.business_documents_on_file = BusinessDocumentsOnFile;
 exports.form_control_file = FileInput;
 exports.justifi_business_representative_form_inputs = RepresentativeFormInputs;
 exports.justifi_owner_form = BusinessOwnerForm;
+exports.plaid_verification = PlaidVerification;

package/dist/cjs/{business-additional-questions-schema-BtOuMq_U.js → business-additional-questions-schema-Cnh6AXQU.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 var index_esm = require('./index.esm-ByC0D4sJ.js');
-var schemaValidations = require('./schema-validations-DYYDrVol.js');
-var Business = require('./Business-uoeKyW_a.js');
-var countryConfig = require('./country-config-DGi9t3Ma.js');
+var schemaValidations = require('./schema-validations-BakyfJpE.js');
+var Business = require('./Business-CB8EVrhD.js');
+var countryConfig = require('./country-config-ETD-7Wb7.js');
 
 // Base schema (no country-specific rules for classification/tax id)
 const baseBusinessCoreInfoSchema = (allowOptionalFields) => {

package/dist/cjs/{business-form-options-D1r-wJpo.js → business-form-options-B3CbEmdc.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var Business = require('./Business-uoeKyW_a.js');
+var Business = require('./Business-CB8EVrhD.js');
 
 const businessClassificationOptions = [
     {

package/dist/cjs/{business-identity-schema-CMvq6f8m.js → business-identity-schema-0jg2Thn9.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var index_esm = require('./index.esm-ByC0D4sJ.js');
-var schemaValidations = require('./schema-validations-DYYDrVol.js');
-var Business = require('./Business-uoeKyW_a.js');
+var schemaValidations = require('./schema-validations-BakyfJpE.js');
+var Business = require('./Business-CB8EVrhD.js');
 
 // Internal USA schemas
 const schemaUSA$1 = () => index_esm.create$3({

package/dist/cjs/{business.service-DR4Ce5XV.js → business.service-zGEitIbP.js}

@@ -2,9 +2,9 @@
 
 var Api = require('./Api-CVbEWBG6.js');
 require('./ComponentError-D4OLnOkg.js');
-require('./GooglePay-CbKCUEfb.js');
+require('./Plaid-DxPvVu0H.js');
 require('./Pagination-Dediz133.js');
-require('./Business-uoeKyW_a.js');
+require('./Business-CB8EVrhD.js');
 require('./Dispute-CruQTF6_.js');
 
 const api = Api.Api();

package/dist/cjs/{check-pkg-version-Bs_9oZb4.js → check-pkg-version-BsCYiOlF.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var _package = require('./package-DcGEg97O.js');
+var _package = require('./package-Odd17EzW.js');
 var Api = require('./Api-CVbEWBG6.js');
 require('./ComponentError-D4OLnOkg.js');
-require('./GooglePay-CbKCUEfb.js');
+require('./Plaid-DxPvVu0H.js');
 require('./Pagination-Dediz133.js');
-require('./Business-uoeKyW_a.js');
+require('./Business-CB8EVrhD.js');
 require('./Dispute-CruQTF6_.js');
 
 const api = Api.Api();
@@ -24,6 +24,7 @@ class AnalyticsService {
  */
 class JustifiAnalytics {
     constructor(component) {
+        this.eventListeners = new Map();
         this.handleCustomEvent = async (data) => {
             // Track the event
             await this.service.record(data);
@@ -63,10 +64,12 @@ class JustifiAnalytics {
         this.eventEmitters.forEach((eventName) => {
             // if this.componentInstance.addEventListener is a function add the event listener
             if (typeof this.componentInstance.addEventListener === 'function') {
-                this.componentInstance.addEventListener(eventName, (event) => this.handleCustomEvent({
+                const boundHandler = (event) => this.handleCustomEvent({
                     event_type: eventName,
                     data: Object.assign(Object.assign({}, this.basicData), { error: event.detail }),
-                }));
+                });
+                this.eventListeners.set(eventName, boundHandler);
+                this.componentInstance.addEventListener(eventName, boundHandler);
             }
         });
     }
@@ -81,12 +84,10 @@ class JustifiAnalytics {
     }
     cleanup() {
         // Remove event listeners
-        if (!this.eventEmitters) {
-            return;
-        }
-        this.eventEmitters.forEach((event) => {
-            this.componentInstance.removeEventListener(event, this.handleCustomEvent);
+        this.eventListeners.forEach((handler, eventName) => {
+            this.componentInstance.removeEventListener(eventName, handler);
         });
+        this.eventListeners.clear();
     }
 }
 

package/dist/cjs/{checkout.service-CQqd4X4y.js → checkout.service-DT13pWxH.js}

@@ -2,9 +2,9 @@
 
 var Api = require('./Api-CVbEWBG6.js');
 require('./ComponentError-D4OLnOkg.js');
-require('./GooglePay-CbKCUEfb.js');
+require('./Plaid-DxPvVu0H.js');
 require('./Pagination-Dediz133.js');
-require('./Business-uoeKyW_a.js');
+require('./Business-CB8EVrhD.js');
 require('./Dispute-CruQTF6_.js');
 
 const api = Api.Api();

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

@@ -4,9 +4,9 @@ var index = require('./index-p7cvUYAE.js');
 require('./config-state-BIgGhhe9.js');
 require('./dinero-BwNN_k7x.js');
 require('./ComponentError-D4OLnOkg.js');
-require('./GooglePay-CbKCUEfb.js');
+require('./Plaid-DxPvVu0H.js');
 var Pagination = require('./Pagination-Dediz133.js');
-require('./Business-uoeKyW_a.js');
+require('./Business-CB8EVrhD.js');
 require('./Dispute-CruQTF6_.js');
 var table = require('./table-eTN_pRIP.js');
 var eventTypes = require('./event-types-YOY5TKUN.js');

package/dist/cjs/{country-config-DGi9t3Ma.js → country-config-ETD-7Wb7.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var Business = require('./Business-uoeKyW_a.js');
+var Business = require('./Business-CB8EVrhD.js');
 
 const ProvinceOptions = [
     {