@justifi/webcomponents 6.7.3 → 6.8.1

package/dist/collection/ui-components/custom-popper/custom-popper.js

@@ -5,38 +5,66 @@ export class CustomPopper {
         this.placement = 'bottom';
         this.offset = [0, 10];
         this.strategy = 'absolute';
-        this.trigger = 'click'; // 'click', 'hover', 'focus'
+        this.trigger = 'click';
         this.isOpen = false;
+        this.initialized = false;
+        this.boundHandlers = {
+            show: null,
+            hide: null,
+            handleClick: null,
+        };
+    }
+    onAnchorRefChange(newValue) {
+        if (newValue && this.popperContentRef && !this.initialized) {
+            this.initPopper();
+        }
     }
     componentDidLoad() {
+        if (this.anchorRef && this.popperContentRef) {
+            this.initPopper();
+        }
+    }
+    initPopper() {
+        if (this.initialized)
+            return;
+        this.initialized = true;
+        // Store bound references
+        this.boundHandlers.show = this.show.bind(this);
+        this.boundHandlers.hide = this.hide.bind(this);
+        this.boundHandlers.handleClick = this.handleClick.bind(this);
         this.popperInstance = createPopper(this.anchorRef, this.popperContentRef, this.popperOptions);
         if (this.trigger === 'click') {
-            window.addEventListener('click', this.handleClick.bind(this));
+            window.addEventListener('click', this.boundHandlers.handleClick);
         }
         else if (this.trigger === 'hover') {
-            this.anchorRef.addEventListener('mouseenter', this.show.bind(this));
-            this.anchorRef.addEventListener('mouseleave', this.hide.bind(this));
-            this.popperContentRef.addEventListener('mouseenter', this.show.bind(this));
-            this.popperContentRef.addEventListener('mouseleave', this.hide.bind(this));
+            this.anchorRef.addEventListener('mouseenter', this.boundHandlers.show);
+            this.anchorRef.addEventListener('mouseleave', this.boundHandlers.hide);
+            this.popperContentRef.addEventListener('mouseenter', this.boundHandlers.show);
+            this.popperContentRef.addEventListener('mouseleave', this.boundHandlers.hide);
         }
         else if (this.trigger === 'focus') {
-            this.anchorRef.addEventListener('focus', this.show.bind(this));
-            this.anchorRef.addEventListener('blur', this.hide.bind(this));
+            this.anchorRef.addEventListener('focus', this.boundHandlers.show);
+            this.anchorRef.addEventListener('blur', this.boundHandlers.hide);
         }
     }
     disconnectedCallback() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        if (!this.initialized)
+            return;
+        // Clean up popper instance
+        (_a = this.popperInstance) === null || _a === void 0 ? void 0 : _a.destroy();
         if (this.trigger === 'click') {
-            window.removeEventListener('click', this.handleClick.bind(this));
+            window.removeEventListener('click', this.boundHandlers.handleClick);
         }
         else if (this.trigger === 'hover') {
-            this.anchorRef.removeEventListener('mouseenter', this.show.bind(this));
-            this.anchorRef.removeEventListener('mouseleave', this.hide.bind(this));
-            this.popperContentRef.removeEventListener('mouseenter', this.show.bind(this));
-            this.popperContentRef.removeEventListener('mouseleave', this.hide.bind(this));
+            (_b = this.anchorRef) === null || _b === void 0 ? void 0 : _b.removeEventListener('mouseenter', this.boundHandlers.show);
+            (_c = this.anchorRef) === null || _c === void 0 ? void 0 : _c.removeEventListener('mouseleave', this.boundHandlers.hide);
+            (_d = this.popperContentRef) === null || _d === void 0 ? void 0 : _d.removeEventListener('mouseenter', this.boundHandlers.show);
+            (_e = this.popperContentRef) === null || _e === void 0 ? void 0 : _e.removeEventListener('mouseleave', this.boundHandlers.hide);
         }
         else if (this.trigger === 'focus') {
-            this.anchorRef.removeEventListener('focus', this.show.bind(this));
-            this.anchorRef.removeEventListener('blur', this.hide.bind(this));
+            (_f = this.anchorRef) === null || _f === void 0 ? void 0 : _f.removeEventListener('focus', this.boundHandlers.show);
+            (_g = this.anchorRef) === null || _g === void 0 ? void 0 : _g.removeEventListener('blur', this.boundHandlers.hide);
         }
     }
     handleClick(event) {
@@ -80,7 +108,7 @@ export class CustomPopper {
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: 'd9ed696150f2def459af17d43a2a06e0fb24b2d1' }, h("style", { key: 'eb3f2a09ace3aa7d0d6225947a0d511cf73b107b' }, `
+        return (h("div", { key: '2d57f47cc668826c2a72d70d3a0404837398a646' }, h("style", { key: '6d02bdb47dd36a529d2e8ae3f2b4adad6c8cdf88' }, `
           .popper-content {
             display: none;
           }
@@ -88,7 +116,7 @@ export class CustomPopper {
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '3221d4cc026a4b9ef06aaaa38a5ad4bc5f190f81', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '6481dcba1041571349cb8c91c350c497453fe054' }))));
+          `), h("div", { key: 'fdcb769c70b92532427e09fdaa5bbdffc59c8ac3', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '1cdd517d323181dee0f2a345406d07432889ee21' }))));
     }
     static get is() { return "custom-popper"; }
     static get properties() {
@@ -200,7 +228,7 @@ export class CustomPopper {
                         }
                     }
                 },
-                "required": true,
+                "required": false,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -249,4 +277,10 @@ export class CustomPopper {
                 }
             }];
     }
+    static get watchers() {
+        return [{
+                "propName": "anchorRef",
+                "methodName": "onAnchorRefChange"
+            }];
+    }
 }

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-12-26T15:42:35",
+  "timestamp": "2026-01-21T22:50:21",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.38.3",
@@ -1139,7 +1139,7 @@
             }
           ],
           "optional": false,
-          "required": true,
+          "required": false,
           "getter": false,
           "setter": false
         },
@@ -7600,6 +7600,7 @@
       ],
       "dependencies": [
         "form-control-tooltip",
+        "plaid-verification",
         "bank-account-form-inputs-canada",
         "bank-account-form-inputs",
         "business-documents-on-file",
@@ -7608,6 +7609,7 @@
       "dependencyGraph": {
         "justifi-business-bank-account-form-step": [
           "form-control-tooltip",
+          "plaid-verification",
           "bank-account-form-inputs-canada",
           "bank-account-form-inputs",
           "business-documents-on-file",
@@ -15148,6 +15150,7 @@
         ],
         "justifi-business-bank-account-form-step": [
           "form-control-tooltip",
+          "plaid-verification",
           "bank-account-form-inputs-canada",
           "bank-account-form-inputs",
           "business-documents-on-file",
@@ -15502,6 +15505,7 @@
         ],
         "justifi-business-bank-account-form-step": [
           "form-control-tooltip",
+          "plaid-verification",
           "bank-account-form-inputs-canada",
           "bank-account-form-inputs",
           "business-documents-on-file",
@@ -15993,6 +15997,7 @@
         ],
         "justifi-business-bank-account-form-step": [
           "form-control-tooltip",
+          "plaid-verification",
           "bank-account-form-inputs-canada",
           "bank-account-form-inputs",
           "business-documents-on-file",
@@ -16973,8 +16978,9 @@
                 "id": "global::Promise"
               },
               "PlaidError": {
-                "location": "global",
-                "id": "global::PlaidError"
+                "location": "import",
+                "path": "../../../api/Plaid",
+                "id": "src/api/Plaid.ts::PlaidError"
               }
             },
             "return": "Promise<PlaidError>"
@@ -21485,6 +21491,136 @@
         ]
       }
     },
+    {
+      "filePath": "src/components/business-forms/payment-provisioning/plaid-verification/plaid-verification.tsx",
+      "encapsulation": "none",
+      "tag": "plaid-verification",
+      "readme": "# plaid-verification\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "accountId",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "account-id",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "authToken",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "auth-token",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "businessId",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "business-id",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "plaidVerificationError",
+          "detail": "PlaidError",
+          "bubbles": true,
+          "complexType": {
+            "original": "PlaidError",
+            "resolved": "PlaidError",
+            "references": {
+              "PlaidError": {
+                "location": "import",
+                "path": "../../../../api/Plaid",
+                "id": "src/api/Plaid.ts::PlaidError"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "plaidVerificationSuccess",
+          "detail": "{ publicToken: string; bankAccount: any; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "{ publicToken: string, bankAccount: any }",
+            "resolved": "{ publicToken: string; bankAccount: any; }",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [
+        "justifi-business-bank-account-form-step"
+      ],
+      "dependencies": [],
+      "dependencyGraph": {
+        "justifi-business-bank-account-form-step": [
+          "plaid-verification"
+        ]
+      }
+    },
     {
       "filePath": "src/components/business-details/representative-details/representative-details.tsx",
       "encapsulation": "none",
@@ -22178,6 +22314,11 @@
       "docstring": "",
       "path": "src/api/index.ts"
     },
+    "src/api/Plaid.ts::PlaidError": {
+      "declaration": "export interface PlaidError {\n  code: PlaidErrorCodes;\n  message: string;\n  severity: ComponentErrorSeverity;\n  originalError?: any;\n  retryable: boolean;\n  userAction?: string;\n}",
+      "docstring": "",
+      "path": "src/api/Plaid.ts"
+    },
     "src/components/modular-checkout/ModularCheckout.ts::Hook": {
       "declaration": "(\n  data: T,\n  resolve: (data: T) => void,\n  reject: () => void,\n) => void",
       "docstring": "",

package/dist/esm/{Business-CHJTjG_5.js → Business-GgW1g7FQ.js}

@@ -496,6 +496,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/esm/{GooglePay-5EiPffHy.js → Plaid-CBrksnBN.js}

@@ -2,6 +2,7 @@ import { f as formatCurrency } from './utils-CDaVtz_6.js';
 import { a as DisputeStatus } from './Dispute-BH0Xfn-F.js';
 import { c as createStore } from './index-cDVGjRkU.js';
 import { P as PAYMENT_METHODS } from './index-DkoufM1t.js';
+import { C as ComponentErrorSeverity } from './ComponentError-Cjcsf8ku.js';
 
 class Completion {
     constructor(data) {
@@ -991,4 +992,54 @@ class GooglePayHelpers {
     }
 }
 
-export { ApplePayConfig as A, onChange as B, Checkout as C, onAnyChange as D, EntityDocumentType as E, getAvailablePaymentMethodTypes as F, GooglePayConfig as G, getCheckoutState as H, ICheckoutStatus as I, Payment as P, RefundReasons as R, SubAccount as S, TerminalOrderStatus as T, ICheckoutPaymentModeParam as a, TerminalOrderType as b, checkoutStore as c, ITerminalStatus as d, Payout as e, Terminal as f, PaymentStatuses as g, PaymentBalanceTransaction as h, PayoutBalanceTransaction as i, TerminalOrder as j, TerminalModel as k, RefundPayload as l, EntityDocumentStorage as m, EntityDocument as n, ApplePayHelpers as o, ApplePayPaymentRequest as p, ApplePaySessionStatus as q, ApplePayButtonStyle as r, ApplePayButtonType as s, ApplePayMerchantCapability as t, GooglePayHelpers as u, GooglePayPaymentDataRequest as v, GooglePayButtonSizeMode as w, GooglePayButtonStyle as x, GooglePayButtonType as y, GooglePayEnvironment as z };
+// 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,
+};
+
+export { ApplePayConfig as A, GooglePayButtonStyle as B, Checkout as C, GooglePayButtonType as D, EntityDocumentType as E, GooglePayEnvironment as F, GooglePayConfig as G, onChange as H, ICheckoutStatus as I, onAnyChange as J, getAvailablePaymentMethodTypes as K, getCheckoutState as L, Payment as P, RefundReasons as R, SubAccount as S, TerminalOrderStatus as T, ICheckoutPaymentModeParam as a, TerminalOrderType as b, checkoutStore as c, ITerminalStatus as d, Payout as e, Terminal as f, PaymentStatuses as g, PaymentBalanceTransaction as h, PayoutBalanceTransaction as i, TerminalOrder as j, TerminalModel as k, RefundPayload as l, PLAID_ERROR_SEVERITY as m, PLAID_ERROR_MESSAGES as n, PlaidErrorCodes as o, EntityDocumentStorage as p, EntityDocument as q, ApplePayHelpers as r, ApplePayPaymentRequest as s, ApplePaySessionStatus as t, ApplePayButtonStyle as u, ApplePayButtonType as v, ApplePayMerchantCapability as w, GooglePayHelpers as x, GooglePayPaymentDataRequest as y, GooglePayButtonSizeMode as z };