@justifi/webcomponents 6.7.3 → 6.8.0

package/dist/module/payouts-list-core2.js

@@ -1,7 +1,7 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import './config-state.js';
 import './dinero.js';
-import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Refund.js';
+import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Plaid.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Business.js';
 import './ApplePay.js';

package/dist/module/plaid-icon.js

@@ -0,0 +1,3 @@
+const plaidIconSvg = 'data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjggMjkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgY2xhc3M9ImNzcy0xcmRhajhtIj48ZyBmaWxsPSIjMTExIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yNS43NjI5IDI2LjI2MjhMMjggMTcuNTMwOUwyNC45NjkxIDE0LjUwMDFMMjcuOTk5OSAxMS40NjkxTDI1Ljc2MjggMi43MzcwNkwxNy4wMzA5IDAuNUwxNC4wMDAxIDMuNTMxTDEwLjk2OSAwLjUwMDE0TDIuMjM3MDYgMi43MzczNEwwIDExLjQ2OTFMMy4wMzEyOCAxNC40OTk5TDAuMDAwMTQgMTcuNTMxTDIuMjM3MiAyNi4yNjI5TDEwLjk2OTEgMjguNUwxNC4wMDAxIDI1LjQ2OUwxNy4wMzEgMjguNDk5OUwyNS43NjI5IDI2LjI2MjhaTTE1LjczMjEgMjMuNzM3MUwxOC42MTg2IDIwLjg1MDVMMjIuMjkxMiAyNC41MjMzTDE3LjY5NTYgMjUuNzAwN0wxNS43MzIxIDIzLjczNzFaTTExLjExMzYgOS44ODE1NEwxNC4wMDAzIDYuOTk1MDJMMTYuODg2OCA5Ljg4MTRMMTQuMDAwMSAxMi43Njc5TDExLjExMzYgOS44ODE1NFpNMTIuMjY4MiAxNC41TDkuMzgxNTQgMTcuMzg2NUw2LjQ5NTAyIDE0LjVMOS4zODE1NCAxMS42MTM1TDEyLjI2ODIgMTQuNVpNMTguNjE4NyAxMS42MTMzTDIxLjUwNTMgMTQuNUwxOC42MTg2IDE3LjM4NjVMMTUuNzMyMSAxNC41TDE4LjYxODcgMTEuNjEzM1pNMTYuODg2NyAxOS4xMTg2TDE0LjAwMDEgMjIuMDA1MUwxMS4xMTM1IDE5LjExODVMMTQuMDAwMSAxNi4yMzE5TDE2Ljg4NjcgMTkuMTE4NlpNMTAuMzA0NCAyNS43MDA3TDUuNzA4NjQgMjQuNTIzM0w5LjM4MTU0IDIwLjg1MDRMMTIuMjY4MiAyMy43MzcxTDEwLjMwNDQgMjUuNzAwN1pNNC43NjMwOCAxNi4yMzE5TDcuNjQ5NiAxOS4xMTg1TDMuOTc2NyAyMi43OTE0TDIuNzk5MyAxOC4xOTU3TDQuNzYzMDggMTYuMjMxOVpNMy45NzY3IDYuMjA4MzZMNy42NDk3NCA5Ljg4MTRMNC43NjMwOCAxMi43NjgxTDIuNzk5MyAxMC44MDQxTDMuOTc2NyA2LjIwODM2Wk0xMi4yNjgzIDUuMjYyOTRMOS4zODE2OCA4LjE0OTZMNS43MDg5MiA0LjQ3NjdMMTAuMzA0NyAzLjI5OTNMMTIuMjY4MyA1LjI2Mjk0Wk0xNy42OTU5IDMuMjk5M0wyMi4yOTE1IDQuNDc2N0wxOC42MTg2IDguMTQ5NDZMMTUuNzMyMSA1LjI2Mjk0TDE3LjY5NTkgMy4yOTkzWk0yMy4yMzcyIDEyLjc2ODFMMjAuMzUwNSA5Ljg4MTRMMjQuMDIzMyA2LjIwODc4TDI1LjIwMDcgMTAuODA0NkwyMy4yMzcyIDEyLjc2ODFaTTI0LjAyMzMgMjIuNzkxNEwyMC4zNTA1IDE5LjExODZMMjMuMjM3MiAxNi4yMzIxTDI1LjIwMDcgMTguMTk1N0wyNC4wMjMzIDIyLjc5MTRaIj48L3BhdGg+PC9nPjwvc3ZnPgo=';
+
+export { plaidIconSvg as p };

package/dist/module/plaid-payment-method.js

@@ -1,64 +1,14 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c as checkoutStore, b as onChange } from './checkout.store.js';
+import { c as checkoutStore, o as onChange } from './checkout.store.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
+import { p as plaidIconSvg } from './plaid-icon.js';
 import { P as PlaidService } from './plaid.service.js';
-import { a as ComponentErrorSeverity } from './Refund.js';
+import { P as PLAID_ERROR_SEVERITY, b as PLAID_ERROR_MESSAGES, c as PlaidErrorCodes, a as ComponentErrorSeverity } from './Plaid.js';
 import { P as PAYMENT_METHODS } from './ModularCheckout.js';
 
-const plaidIconSvg = 'data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjggMjkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgY2xhc3M9ImNzcy0xcmRhajhtIj48ZyBmaWxsPSIjMTExIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yNS43NjI5IDI2LjI2MjhMMjggMTcuNTMwOUwyNC45NjkxIDE0LjUwMDFMMjcuOTk5OSAxMS40NjkxTDI1Ljc2MjggMi43MzcwNkwxNy4wMzA5IDAuNUwxNC4wMDAxIDMuNTMxTDEwLjk2OSAwLjUwMDE0TDIuMjM3MDYgMi43MzczNEwwIDExLjQ2OTFMMy4wMzEyOCAxNC40OTk5TDAuMDAwMTQgMTcuNTMxTDIuMjM3MiAyNi4yNjI5TDEwLjk2OTEgMjguNUwxNC4wMDAxIDI1LjQ2OUwxNy4wMzEgMjguNDk5OUwyNS43NjI5IDI2LjI2MjhaTTE1LjczMjEgMjMuNzM3MUwxOC42MTg2IDIwLjg1MDVMMjIuMjkxMiAyNC41MjMzTDE3LjY5NTYgMjUuNzAwN0wxNS43MzIxIDIzLjczNzFaTTExLjExMzYgOS44ODE1NEwxNC4wMDAzIDYuOTk1MDJMMTYuODg2OCA5Ljg4MTRMMTQuMDAwMSAxMi43Njc5TDExLjExMzYgOS44ODE1NFpNMTIuMjY4MiAxNC41TDkuMzgxNTQgMTcuMzg2NUw2LjQ5NTAyIDE0LjVMOS4zODE1NCAxMS42MTM1TDEyLjI2ODIgMTQuNVpNMTguNjE4NyAxMS42MTMzTDIxLjUwNTMgMTQuNUwxOC42MTg2IDE3LjM4NjVMMTUuNzMyMSAxNC41TDE4LjYxODcgMTEuNjEzM1pNMTYuODg2NyAxOS4xMTg2TDE0LjAwMDEgMjIuMDA1MUwxMS4xMTM1IDE5LjExODVMMTQuMDAwMSAxNi4yMzE5TDE2Ljg4NjcgMTkuMTE4NlpNMTAuMzA0NCAyNS43MDA3TDUuNzA4NjQgMjQuNTIzM0w5LjM4MTU0IDIwLjg1MDRMMTIuMjY4MiAyMy43MzcxTDEwLjMwNDQgMjUuNzAwN1pNNC43NjMwOCAxNi4yMzE5TDcuNjQ5NiAxOS4xMTg1TDMuOTc2NyAyMi43OTE0TDIuNzk5MyAxOC4xOTU3TDQuNzYzMDggMTYuMjMxOVpNMy45NzY3IDYuMjA4MzZMNy42NDk3NCA5Ljg4MTRMNC43NjMwOCAxMi43NjgxTDIuNzk5MyAxMC44MDQxTDMuOTc2NyA2LjIwODM2Wk0xMi4yNjgzIDUuMjYyOTRMOS4zODE2OCA4LjE0OTZMNS43MDg5MiA0LjQ3NjdMMTAuMzA0NyAzLjI5OTNMMTIuMjY4MyA1LjI2Mjk0Wk0xNy42OTU5IDMuMjk5M0wyMi4yOTE1IDQuNDc2N0wxOC42MTg2IDguMTQ5NDZMMTUuNzMyMSA1LjI2Mjk0TDE3LjY5NTkgMy4yOTkzWk0yMy4yMzcyIDEyLjc2ODFMMjAuMzUwNSA5Ljg4MTRMMjQuMDIzMyA2LjIwODc4TDI1LjIwMDcgMTAuODA0NkwyMy4yMzcyIDEyLjc2ODFaTTI0LjAyMzMgMjIuNzkxNEwyMC4zNTA1IDE5LjExODZMMjMuMjM3MiAxNi4yMzIxTDI1LjIwMDcgMTguMTk1N0wyNC4wMjMzIDIyLjc5MTRaIj48L3BhdGg+PC9nPjwvc3ZnPgo=';
-
-// Plaid-specific error codes
-var PlaidErrorCodes;
-(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";
-})(PlaidErrorCodes || (PlaidErrorCodes = {}));
-// Plaid error message mapping
-const PLAID_ERROR_MESSAGES = {
-    [PlaidErrorCodes.PLAID_SDK_LOAD_FAILED]: 'Unable to load Plaid. Please refresh the page and try again.',
-    [PlaidErrorCodes.PLAID_LINK_INIT_FAILED]: 'Unable to initialize bank connection. Please try again.',
-    [PlaidErrorCodes.PLAID_LINK_TOKEN_FAILED]: 'Unable to connect to bank service. Please try again.',
-    [PlaidErrorCodes.PLAID_AUTHENTICATION_FAILED]: 'Bank authentication failed. Please try again.',
-    [PlaidErrorCodes.PLAID_BANK_NOT_SUPPORTED]: 'Your bank is not currently supported. Please try a different payment method.',
-    [PlaidErrorCodes.PLAID_TOKEN_EXPIRED]: 'Your bank session has expired. Please reconnect your account.',
-    [PlaidErrorCodes.PLAID_NETWORK_ERROR]: 'Network connection issue. Please check your internet connection and try again.',
-    [PlaidErrorCodes.PLAID_USER_CANCELLED]: 'Bank connection was cancelled. Click to try again.',
-    [PlaidErrorCodes.PLAID_TIMEOUT]: 'Bank connection timed out. Please try again.',
-    [PlaidErrorCodes.PLAID_INVALID_CREDENTIALS]: 'Invalid bank credentials. Please check your username and password.',
-    [PlaidErrorCodes.PLAID_ACCOUNT_LOCKED]: 'Your bank account is temporarily locked. Please contact your bank.',
-    [PlaidErrorCodes.PLAID_MAINTENANCE]: 'Bank service is temporarily unavailable. Please try again later.',
-    [PlaidErrorCodes.PLAID_RATE_LIMITED]: 'Too many connection attempts. Please wait a moment and try again.',
-};
-// Plaid error severity mapping
-const PLAID_ERROR_SEVERITY = {
-    [PlaidErrorCodes.PLAID_SDK_LOAD_FAILED]: ComponentErrorSeverity.ERROR,
-    [PlaidErrorCodes.PLAID_LINK_INIT_FAILED]: ComponentErrorSeverity.ERROR,
-    [PlaidErrorCodes.PLAID_LINK_TOKEN_FAILED]: ComponentErrorSeverity.ERROR,
-    [PlaidErrorCodes.PLAID_AUTHENTICATION_FAILED]: ComponentErrorSeverity.ERROR,
-    [PlaidErrorCodes.PLAID_BANK_NOT_SUPPORTED]: ComponentErrorSeverity.WARNING,
-    [PlaidErrorCodes.PLAID_TOKEN_EXPIRED]: ComponentErrorSeverity.WARNING,
-    [PlaidErrorCodes.PLAID_NETWORK_ERROR]: ComponentErrorSeverity.WARNING,
-    [PlaidErrorCodes.PLAID_USER_CANCELLED]: ComponentErrorSeverity.INFO,
-    [PlaidErrorCodes.PLAID_TIMEOUT]: ComponentErrorSeverity.WARNING,
-    [PlaidErrorCodes.PLAID_INVALID_CREDENTIALS]: ComponentErrorSeverity.ERROR,
-    [PlaidErrorCodes.PLAID_ACCOUNT_LOCKED]: ComponentErrorSeverity.ERROR,
-    [PlaidErrorCodes.PLAID_MAINTENANCE]: ComponentErrorSeverity.WARNING,
-    [PlaidErrorCodes.PLAID_RATE_LIMITED]: ComponentErrorSeverity.WARNING,
-};
 const PlaidPaymentMethod = /*@__PURE__*/ proxyCustomElement(class PlaidPaymentMethod extends HTMLElement {
     constructor(registerHost) {
         super();

package/dist/module/plaid-verification.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PlaidVerification extends Components.PlaidVerification, HTMLElement {}
+export const PlaidVerification: {
+    prototype: PlaidVerification;
+    new (): PlaidVerification;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/module/plaid-verification.js

@@ -0,0 +1,6 @@
+import { P as PlaidVerification$1, d as defineCustomElement$1 } from './plaid-verification2.js';
+
+const PlaidVerification = PlaidVerification$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { PlaidVerification, defineCustomElement };

package/dist/module/plaid-verification2.js

@@ -0,0 +1,358 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { B as Button } from './button.js';
+import { S as StyledHost } from './styled-host.js';
+import { Y as buttonSecondary } from './parts.js';
+import './details.js';
+import './event-types.js';
+import './justifi-radio-list-item2.js';
+import { P as PlaidService } from './plaid.service.js';
+import { P as PLAID_ERROR_SEVERITY, b as PLAID_ERROR_MESSAGES, c as PlaidErrorCodes, a as ComponentErrorSeverity } from './Plaid.js';
+import { p as plaidIconSvg } from './plaid-icon.js';
+
+const PlaidVerification = /*@__PURE__*/ proxyCustomElement(class PlaidVerification extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        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("img", { class: "plaid-logo-img", src: plaidIconSvg, alt: "Plaid", title: "Plaid", style: {
+                display: 'inline',
+                width: '20px',
+                height: '20px',
+                marginLeft: '5px',
+                marginTop: '-2px',
+            } }));
+        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: "secondary", type: "button", onClick: (event) => { event.preventDefault(); this.openPlaidLink(); }, disabled: this.isLoading, part: buttonSecondary }, "Link Bank Account with ", plaidLogo)), renderErrorState(), renderStatusState())));
+    }
+}, [256, "plaid-verification", {
+        "authToken": [1, "auth-token"],
+        "accountId": [1, "account-id"],
+        "businessId": [1, "business-id"],
+        "linkToken": [32],
+        "linkTokenId": [32],
+        "plaidLink": [32],
+        "isAuthenticating": [32],
+        "isSuccess": [32],
+        "error": [32],
+        "isLoading": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["plaid-verification"];
+    components.forEach(tagName => { switch (tagName) {
+        case "plaid-verification":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, PlaidVerification);
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { PlaidVerification as P, defineCustomElement as d };

package/dist/module/plaid.service.js

@@ -1,5 +1,5 @@
 import { A as Api } from './Api.js';
-import './Refund.js';
+import './Plaid.js';
 import './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
@@ -12,6 +12,19 @@ class PlaidService {
         const body = { checkout_id: checkoutId };
         return api.post({ endpoint, body, authToken, signal });
     }
+    async getLinkTokenForVerification(authToken, businessId, signal) {
+        const endpoint = `entities/plaid/${businessId}/link_token`;
+        const body = {};
+        return api.post({ endpoint, body, authToken, signal });
+    }
+    async getBankAccountData(authToken, businessId, signal) {
+        const endpoint = `entities/plaid/${businessId}/bank_account`;
+        return api.get({ endpoint, authToken, signal });
+    }
+    async postPlaidVerifiedBankAccountData(authToken, businessId, payload, signal) {
+        const endpoint = `entities/plaid/${businessId}/bank_account`;
+        return api.post({ endpoint, body: payload, authToken, signal });
+    }
     async tokenizeBankAccount(authToken, accountId, publicToken, linkTokenId, paymentMethodGroupId, signal) {
         const endpoint = `plaid/${accountId}/tokenize`;
         const body = { public_token: publicToken };

package/dist/module/terminal-orders-list-core2.js

@@ -5,7 +5,7 @@ import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
 import './config-state.js';
 import './dinero.js';
-import { f as TerminalOrderType } from './Refund.js';
+import { i as TerminalOrderType } from './Plaid.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Business.js';
 import './ApplePay.js';

package/dist/module/terminal.service.js

@@ -1,5 +1,5 @@
 import { A as Api } from './Api.js';
-import './Refund.js';
+import './Plaid.js';
 import './Pagination.js';
 import './Business.js';
 import './ApplePay.js';

package/dist/module/terminals-list-core2.js

@@ -1,7 +1,7 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import './config-state.js';
 import './dinero.js';
-import './Refund.js';
+import './Plaid.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Business.js';
 import './ApplePay.js';

package/dist/module/utils4.js

@@ -1,4 +1,4 @@
-import { C as ComponentErrorCodes } from './Refund.js';
+import { C as ComponentErrorCodes } from './Plaid.js';
 
 // Errors on [capital]/config/locales/en.yml
 // Add more errors as needed

package/dist/types/api/Analytics.d.ts

@@ -20,6 +20,7 @@ declare class JustifiAnalytics {
     eventEmitters: string[];
     service: AnalyticsService;
     basicData: iBasicData;
+    private eventListeners;
     constructor(component: ComponentInterface);
     get resourceId(): any;
     setUpBasicData(): void;

package/dist/types/api/BankAccount.d.ts

@@ -18,6 +18,7 @@ export interface IBankAccount {
     platform_account_id?: string;
     created_at?: string;
     updated_at?: string;
+    verification_provider?: string;
 }
 export declare class BankAccount implements IBankAccount {
     id?: string;

package/dist/types/api/Business.d.ts

@@ -149,6 +149,7 @@ export interface IBusiness {
     website_url: string;
     date_of_incorporation?: string;
     country_of_establishment?: CountryCode;
+    bank_account_verification?: boolean;
 }
 export declare class Business implements IBusiness {
     additional_questions: IAdditionalQuestions;
@@ -176,6 +177,7 @@ export declare class Business implements IBusiness {
     date_of_incorporation?: string;
     product_categories: ProductCategories;
     country_of_establishment?: CountryCode;
+    bank_account_verification?: boolean;
     constructor(business: IBusiness);
     get payload(): {
         additional_questions: {

package/dist/types/api/Plaid.d.ts

@@ -0,0 +1,54 @@
+import { ComponentErrorSeverity } from './ComponentError';
+export declare enum PlaidErrorCodes {
+    PLAID_SDK_LOAD_FAILED = "plaid-sdk-load-failed",
+    PLAID_LINK_INIT_FAILED = "plaid-link-init-failed",
+    PLAID_LINK_TOKEN_FAILED = "plaid-link-token-failed",
+    PLAID_AUTHENTICATION_FAILED = "plaid-authentication-failed",
+    PLAID_BANK_NOT_SUPPORTED = "plaid-bank-not-supported",
+    PLAID_TOKEN_EXPIRED = "plaid-token-expired",
+    PLAID_NETWORK_ERROR = "plaid-network-error",
+    PLAID_USER_CANCELLED = "plaid-user-cancelled",
+    PLAID_TIMEOUT = "plaid-timeout",
+    PLAID_INVALID_CREDENTIALS = "plaid-invalid-credentials",
+    PLAID_ACCOUNT_LOCKED = "plaid-account-locked",
+    PLAID_MAINTENANCE = "plaid-maintenance",
+    PLAID_RATE_LIMITED = "plaid-rate-limited"
+}
+export declare const PLAID_ERROR_MESSAGES: {
+    "plaid-sdk-load-failed": string;
+    "plaid-link-init-failed": string;
+    "plaid-link-token-failed": string;
+    "plaid-authentication-failed": string;
+    "plaid-bank-not-supported": string;
+    "plaid-token-expired": string;
+    "plaid-network-error": string;
+    "plaid-user-cancelled": string;
+    "plaid-timeout": string;
+    "plaid-invalid-credentials": string;
+    "plaid-account-locked": string;
+    "plaid-maintenance": string;
+    "plaid-rate-limited": string;
+};
+export declare const PLAID_ERROR_SEVERITY: {
+    "plaid-sdk-load-failed": ComponentErrorSeverity;
+    "plaid-link-init-failed": ComponentErrorSeverity;
+    "plaid-link-token-failed": ComponentErrorSeverity;
+    "plaid-authentication-failed": ComponentErrorSeverity;
+    "plaid-bank-not-supported": ComponentErrorSeverity;
+    "plaid-token-expired": ComponentErrorSeverity;
+    "plaid-network-error": ComponentErrorSeverity;
+    "plaid-user-cancelled": ComponentErrorSeverity;
+    "plaid-timeout": ComponentErrorSeverity;
+    "plaid-invalid-credentials": ComponentErrorSeverity;
+    "plaid-account-locked": ComponentErrorSeverity;
+    "plaid-maintenance": ComponentErrorSeverity;
+    "plaid-rate-limited": ComponentErrorSeverity;
+};
+export interface PlaidError {
+    code: PlaidErrorCodes;
+    message: string;
+    severity: ComponentErrorSeverity;
+    originalError?: any;
+    retryable: boolean;
+    userAction?: string;
+}

package/dist/types/api/index.d.ts

@@ -21,4 +21,5 @@ export * from './Dispute';
 export * from './GrossVolume';
 export * from './ApplePay';
 export * from './GooglePay';
+export * from './Plaid';
 export { BankAccount, IBankAccount } from './BankAccount';

package/dist/types/api/services/plaid.service.d.ts

@@ -1,12 +1,20 @@
 import { IApiResponse } from '..';
 export interface ILinkTokenResponse {
+    id: string;
     link_token: string;
 }
 export interface IPlaidService {
     getLinkToken(authToken: string, accountId: string, checkoutId: string, signal?: AbortSignal): Promise<IApiResponse<ILinkTokenResponse>>;
+    getLinkTokenForVerification(authToken: string, businessId: string, signal?: AbortSignal): Promise<IApiResponse<ILinkTokenResponse>>;
     tokenizeBankAccount(authToken: string, accountId: string, publicToken: string, linkTokenId?: string, paymentMethodGroupId?: string, signal?: AbortSignal): Promise<IApiResponse<any>>;
 }
 export declare class PlaidService implements IPlaidService {
     getLinkToken(authToken: string, accountId: string, checkoutId: string, signal?: AbortSignal): Promise<IApiResponse<ILinkTokenResponse>>;
+    getLinkTokenForVerification(authToken: string, businessId: string, signal?: AbortSignal): Promise<IApiResponse<ILinkTokenResponse>>;
+    getBankAccountData(authToken: string, businessId: string, signal?: AbortSignal): Promise<IApiResponse<any>>;
+    postPlaidVerifiedBankAccountData(authToken: string, businessId: string, payload: {
+        public_token: string;
+        link_token_id: string;
+    }, signal?: AbortSignal): Promise<IApiResponse<any>>;
     tokenizeBankAccount(authToken: string, accountId: string, publicToken: string, linkTokenId?: string, paymentMethodGroupId?: string, signal?: AbortSignal): Promise<IApiResponse<any>>;
 }

package/dist/types/components/business-forms/payment-provisioning/bank-account/business-bank-account-form-step.d.ts

@@ -14,6 +14,8 @@ export declare class BusinessBankAccountFormStep {
     postBankAccount: Function;
     postDocumentRecord: Function;
     postDocument: Function;
+    bankAccountVerification: boolean;
+    platformAccountId: string | null;
     authToken: string;
     businessId: string;
     allowOptionalFields?: boolean;