@justifi/webcomponents 6.7.3 → 6.8.0

package/dist/esm/{business-identity-schema-CaMnpPqx.js → business-identity-schema-BTyJz7M9.js}

@@ -1,6 +1,6 @@
 import { c as create$3, a as create$6 } from './index.esm-IWS0494Y.js';
-import { h as cityValidation, l as lineTwoValidation, j as lineOneValidation, k as makePostalValidation, n as ownershipPercentageValidation, s as ssnValidation, q as dobValidation, p as phoneValidation, e as emailValidation, u as identityTitleValidation, v as identityNameValidation, x as makeIdentityNumberValidation } from './schema-validations-jBrJ0mYI.js';
-import { C as CountryCode } from './Business-CHJTjG_5.js';
+import { h as cityValidation, l as lineTwoValidation, j as lineOneValidation, k as makePostalValidation, n as ownershipPercentageValidation, s as ssnValidation, q as dobValidation, p as phoneValidation, e as emailValidation, u as identityTitleValidation, v as identityNameValidation, x as makeIdentityNumberValidation } from './schema-validations-CfHWzMvr.js';
+import { C as CountryCode } from './Business-GgW1g7FQ.js';
 
 // Internal USA schemas
 const schemaUSA$1 = () => create$3({

package/dist/esm/{business.service-C7smiL6_.js → business.service-BWm7Kqs4.js}

@@ -1,8 +1,8 @@
 import { A as Api } from './Api-ohkSjyhl.js';
 import './ComponentError-Cjcsf8ku.js';
-import './GooglePay-5EiPffHy.js';
+import './Plaid-CBrksnBN.js';
 import './Pagination-CLHwhyvu.js';
-import './Business-CHJTjG_5.js';
+import './Business-GgW1g7FQ.js';
 import './Dispute-BH0Xfn-F.js';
 
 const api = Api();

package/dist/esm/{check-pkg-version-DIZ2yD72.js → check-pkg-version-CioeuqLV.js}

@@ -1,9 +1,9 @@
-import { p as packageJson } from './package-ZkBwsSuI.js';
+import { p as packageJson } from './package-CekpA_KC.js';
 import { A as Api } from './Api-ohkSjyhl.js';
 import './ComponentError-Cjcsf8ku.js';
-import './GooglePay-5EiPffHy.js';
+import './Plaid-CBrksnBN.js';
 import './Pagination-CLHwhyvu.js';
-import './Business-CHJTjG_5.js';
+import './Business-GgW1g7FQ.js';
 import './Dispute-BH0Xfn-F.js';
 
 const api = Api();
@@ -22,6 +22,7 @@ class AnalyticsService {
  */
 class JustifiAnalytics {
     constructor(component) {
+        this.eventListeners = new Map();
         this.handleCustomEvent = async (data) => {
             // Track the event
             await this.service.record(data);
@@ -61,10 +62,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);
             }
         });
     }
@@ -79,12 +82,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/esm/{checkout.service-CYq6KXZv.js → checkout.service-D4Mljqjr.js}

@@ -1,8 +1,8 @@
 import { A as Api } from './Api-ohkSjyhl.js';
 import './ComponentError-Cjcsf8ku.js';
-import './GooglePay-5EiPffHy.js';
+import './Plaid-CBrksnBN.js';
 import './Pagination-CLHwhyvu.js';
-import './Business-CHJTjG_5.js';
+import './Business-GgW1g7FQ.js';
 import './Dispute-BH0Xfn-F.js';
 
 const api = Api();

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

@@ -2,9 +2,9 @@ import { r as registerInstance, c as createEvent, h } from './index-CV0Pyo1O.js'
 import './config-state-kKn89dp1.js';
 import './dinero-HXpYMWUU.js';
 import './ComponentError-Cjcsf8ku.js';
-import './GooglePay-5EiPffHy.js';
+import './Plaid-CBrksnBN.js';
 import { p as pagingDefaults } from './Pagination-CLHwhyvu.js';
-import './Business-CHJTjG_5.js';
+import './Business-GgW1g7FQ.js';
 import './Dispute-BH0Xfn-F.js';
 import { T as Table, a as TableComponent, b as TableHead, c as TableHeadRow, d as TableBody, e as TableLoadingState, f as TableEmptyState, g as TableErrorState, h as TableRow, i as TableFoot, j as TableFootRow, k as TableFootCell, l as TableWrapper } from './table-BbMG2jg9.js';
 import { T as TableClickActions } from './event-types-CZfYo5-1.js';

package/dist/esm/{country-config-CQxaTFuP.js → country-config-D-9YmU94.js}

@@ -1,4 +1,4 @@
-import { S as StateOptions } from './Business-CHJTjG_5.js';
+import { S as StateOptions } from './Business-GgW1g7FQ.js';
 
 const ProvinceOptions = [
     {

package/dist/esm/custom-popper_2.entry.js

@@ -1798,38 +1798,66 @@ const CustomPopper = class {
         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) {
@@ -1873,7 +1901,7 @@ const CustomPopper = class {
         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;
           }
@@ -1881,8 +1909,11 @@ const CustomPopper = class {
             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 watchers() { return {
+        "anchorRef": ["onAnchorRefChange"]
+    }; }
 };
 
 const TooltipComponent = class {

package/dist/esm/{dispute.service-D7Dv8LTn.js → dispute.service-ZpqfPDC0.js}

@@ -1,8 +1,8 @@
 import { A as Api } from './Api-ohkSjyhl.js';
 import './ComponentError-Cjcsf8ku.js';
-import './GooglePay-5EiPffHy.js';
+import './Plaid-CBrksnBN.js';
 import './Pagination-CLHwhyvu.js';
-import './Business-CHJTjG_5.js';
+import './Business-GgW1g7FQ.js';
 import './Dispute-BH0Xfn-F.js';
 
 const api = Api();

package/dist/esm/form-alert_5.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, H as Host } from './index-CV0Pyo1O.js';
 import { az as alertDanger, D as heading2, V as label, S as inputDisabled, ag as buttonSecondary } from './parts-DrquDBSk.js';
-import { b as businessServiceReceivedOptions, r as recurringPaymentsOptions, s as seasonalBusinessOptions, c as businessClassificationOptions } from './business-form-options-Bm89rMmk.js';
+import { b as businessServiceReceivedOptions, r as recurringPaymentsOptions, s as seasonalBusinessOptions, c as businessClassificationOptions } from './business-form-options-DamBLV7N.js';
 import { C as CURRENCY_MASK, I as IDENTITY_MASKS, P as PHONE_MASKS } from './form-input-masks-CVaOFfrI.js';
-import { e as CoreBusinessInfo, d as deconstructDate } from './Business-CHJTjG_5.js';
-import { c as countryLabels } from './country-config-CQxaTFuP.js';
+import { e as CoreBusinessInfo, d as deconstructDate } from './Business-GgW1g7FQ.js';
+import { c as countryLabels } from './country-config-D-9YmU94.js';
 
 const FormAlert = class {
     constructor(hostRef) {

package/dist/esm/form-control-number-masked_3.entry.js

@@ -3,9 +3,9 @@ import { I as IMask } from './index-Ce_F4E0f.js';
 import { R as inputInvalid, S as inputDisabled, T as inputFocused, U as input, V as label } from './parts-DrquDBSk.js';
 import { F as FormControlErrorText } from './form-control-error-text-CTQxgr7_.js';
 import './event-types-CZfYo5-1.js';
-import { C as CountryCode } from './Business-CHJTjG_5.js';
+import { C as CountryCode } from './Business-GgW1g7FQ.js';
 import { n as numberOnlyHandler } from './utils-BnjCmwMr.js';
-import { b as countryOptions, c as countryLabels } from './country-config-CQxaTFuP.js';
+import { b as countryOptions, c as countryLabels } from './country-config-D-9YmU94.js';
 
 const NumberInputMasked = class {
     constructor(hostRef) {

package/dist/esm/form-control-number_3.entry.js

@@ -4,16 +4,16 @@ import { F as FormControlHelpText } from './form-control-help-text-B-aaeX6n.js';
 import { F as FormControlErrorText } from './form-control-error-text-CTQxgr7_.js';
 import './event-types-CZfYo5-1.js';
 import { F as FormController } from './index.esm-IWS0494Y.js';
-import { O as Owner } from './Business-CHJTjG_5.js';
-import { d as identitySchemaByCountry } from './business-identity-schema-CaMnpPqx.js';
+import { O as Owner } from './Business-GgW1g7FQ.js';
+import { d as identitySchemaByCountry } from './business-identity-schema-BTyJz7M9.js';
 import { B as Button } from './button-DMeChykB.js';
 import { B as BusinessFormClickActions } from './event-types-XYgDHrVL.js';
 import { I as IDENTITY_MASKS, P as PHONE_MASKS } from './form-input-masks-CVaOFfrI.js';
-import { u as updateFormValues, a as updateAddressFormValues, b as updateDateOfBirthFormValues } from './input-handlers-AgwQ-yKX.js';
-import { c as countryLabels } from './country-config-CQxaTFuP.js';
+import { u as updateFormValues, a as updateAddressFormValues, b as updateDateOfBirthFormValues } from './input-handlers-CzWCJ849.js';
+import { c as countryLabels } from './country-config-D-9YmU94.js';
 import './_commonjsHelpers-BFTU3MAI.js';
-import './schema-validations-jBrJ0mYI.js';
-import './business-form-options-Bm89rMmk.js';
+import './schema-validations-CfHWzMvr.js';
+import './business-form-options-DamBLV7N.js';
 
 const NumberInput = class {
     constructor(hostRef) {

package/dist/esm/{get-business-BAmwId14.js → get-business-BMB2IxN_.js}

@@ -1,4 +1,4 @@
-import { B as Business } from './Business-CHJTjG_5.js';
+import { B as Business } from './Business-GgW1g7FQ.js';
 import { C as ComponentErrorSeverity } from './ComponentError-Cjcsf8ku.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
 

package/dist/esm/{get-payment-details-CPJZp31y.js → get-payment-details-B71Qi6mF.js}

@@ -1,9 +1,9 @@
 import './config-state-kKn89dp1.js';
 import './dinero-HXpYMWUU.js';
 import { C as ComponentErrorSeverity } from './ComponentError-Cjcsf8ku.js';
-import { P as Payment } from './GooglePay-5EiPffHy.js';
+import { P as Payment } from './Plaid-CBrksnBN.js';
 import './Pagination-CLHwhyvu.js';
-import './Business-CHJTjG_5.js';
+import './Business-GgW1g7FQ.js';
 import './Dispute-BH0Xfn-F.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
 

package/dist/esm/{get-subaccounts-CqMFocN0.js → get-subaccounts-DXJdRbWg.js}

@@ -1,8 +1,8 @@
 import { A as Api } from './Api-ohkSjyhl.js';
 import { C as ComponentErrorSeverity } from './ComponentError-Cjcsf8ku.js';
-import { S as SubAccount } from './GooglePay-5EiPffHy.js';
+import { S as SubAccount } from './Plaid-CBrksnBN.js';
 import './Pagination-CLHwhyvu.js';
-import './Business-CHJTjG_5.js';
+import './Business-GgW1g7FQ.js';
 import './Dispute-BH0Xfn-F.js';
 import './config-state-kKn89dp1.js';
 import './dinero-HXpYMWUU.js';

package/dist/esm/hidden-input_2.entry.js

@@ -3,7 +3,7 @@ import { c as createStore } from './index-cDVGjRkU.js';
 import { al as inputInvalidAndFocused, R as inputInvalid, T as inputFocused, U as input, V as label } from './parts-DrquDBSk.js';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-BFTU3MAI.js';
 import { F as FormControlErrorText } from './form-control-error-text-CTQxgr7_.js';
-import { p as packageJson } from './package-ZkBwsSuI.js';
+import { p as packageJson } from './package-CekpA_KC.js';
 
 const iframeInputStylesStore = createStore({
     focused: {

package/dist/esm/{input-handlers-AgwQ-yKX.js → input-handlers-CzWCJ849.js}

@@ -1,4 +1,4 @@
-import { d as deconstructDate } from './Business-CHJTjG_5.js';
+import { d as deconstructDate } from './Business-GgW1g7FQ.js';
 
 const updateFormValues = (formController, newValues) => {
     formController.setValues(Object.assign(Object.assign({}, formController.values.getValue()), newValues));

package/dist/esm/internal-tokenize-payment-method_7.entry.js

@@ -1,20 +1,20 @@
 import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-CV0Pyo1O.js';
 import { S as StyledHost } from './styled-host-D6byRazK.js';
 import './event-types-CZfYo5-1.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-DIZ2yD72.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-CioeuqLV.js';
 import { w as waitForConfig, c as configState } from './config-state-kKn89dp1.js';
 import './dinero-HXpYMWUU.js';
 import { a as ComponentErrorCodes, C as ComponentErrorSeverity } from './ComponentError-Cjcsf8ku.js';
-import { c as checkoutStore } from './GooglePay-5EiPffHy.js';
+import { c as checkoutStore } from './Plaid-CBrksnBN.js';
 import './Pagination-CLHwhyvu.js';
-import './Business-CHJTjG_5.js';
+import './Business-GgW1g7FQ.js';
 import './Dispute-BH0Xfn-F.js';
 import { P as PAYMENT_METHODS } from './index-DkoufM1t.js';
 import { S as Skeleton } from './skeleton-D9UXuoik.js';
 import { b as generateTabId } from './utils-CDaVtz_6.js';
 import { B as Button } from './button-DMeChykB.js';
 import { r as radioListItem } from './parts-DrquDBSk.js';
-import './package-ZkBwsSuI.js';
+import './package-CekpA_KC.js';
 import './Api-ohkSjyhl.js';
 import './index-cDVGjRkU.js';
 

package/dist/esm/justifi-additional-questions-form-step_9.entry.js

@@ -1,25 +1,25 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-CV0Pyo1O.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
 import { m as makeGetBusiness, b as makePatchBusiness, f as makePostBankAccount, g as makePostDocumentRecord } from './payment-provisioning-actions-ONP8lDnV.js';
-import { B as BusinessService, a as BusinessBankAccountService, D as DocumentRecordService } from './business.service-C7smiL6_.js';
-import { a as additionalQuestionsSchema, c as businessCoreInfoSchemaCAN, b as businessCoreInfoSchemaUSA } from './business-additional-questions-schema-DQb10ehS.js';
+import { B as BusinessService, a as BusinessBankAccountService, D as DocumentRecordService } from './business.service-BWm7Kqs4.js';
+import { a as additionalQuestionsSchema, c as businessCoreInfoSchemaCAN, b as businessCoreInfoSchemaUSA } from './business-additional-questions-schema-CQ8CuEfQ.js';
 import { F as FormController, c as create$3, a as create$6, b as create$8, d as create$7 } from './index.esm-IWS0494Y.js';
-import { A as AdditionalQuestions, C as CountryCode, e as CoreBusinessInfo, R as Representative, f as Address } from './Business-CHJTjG_5.js';
+import { A as AdditionalQuestions, C as CountryCode, e as CoreBusinessInfo, R as Representative, f as Address } from './Business-GgW1g7FQ.js';
 import { C as CURRENCY_MASK, P as PHONE_MASKS } from './form-input-masks-CVaOFfrI.js';
 import { D as heading2, ag as buttonSecondary, V as label, S as inputDisabled, aA as alert } from './parts-DrquDBSk.js';
 import { P as PaymentProvisioningLoading } from './payment-provisioning-loading-DU0pNyqx.js';
-import { b as businessServiceReceivedOptions, c as businessClassificationOptions } from './business-form-options-Bm89rMmk.js';
+import { b as businessServiceReceivedOptions, c as businessClassificationOptions } from './business-form-options-DamBLV7N.js';
 import { a as BusinessFormStep, B as BusinessFormClickActions } from './event-types-XYgDHrVL.js';
 import './config-state-kKn89dp1.js';
 import './dinero-HXpYMWUU.js';
-import { E as EntityDocumentType, m as EntityDocumentStorage, n as EntityDocument } from './GooglePay-5EiPffHy.js';
+import { E as EntityDocumentType, p as EntityDocumentStorage, q as EntityDocument } from './Plaid-CBrksnBN.js';
 import './Pagination-CLHwhyvu.js';
 import './Dispute-BH0Xfn-F.js';
-import { A as accountNumberValidation, B as accountTypeValidation, v as identityNameValidation, C as nicknameValidation, D as bankNameValidation, E as numbersOnlyRegex, F as routingNumberValidation } from './schema-validations-jBrJ0mYI.js';
+import { A as accountNumberValidation, B as accountTypeValidation, v as identityNameValidation, C as nicknameValidation, D as bankNameValidation, E as numbersOnlyRegex, F as routingNumberValidation } from './schema-validations-CfHWzMvr.js';
 import { B as Button } from './button-DMeChykB.js';
 import './event-types-CZfYo5-1.js';
-import { c as countryLabels } from './country-config-CQxaTFuP.js';
-import { d as identitySchemaByCountry, e as addressSchemaByCountry } from './business-identity-schema-CaMnpPqx.js';
+import { c as countryLabels } from './country-config-D-9YmU94.js';
+import { d as identitySchemaByCountry, e as addressSchemaByCountry } from './business-identity-schema-BTyJz7M9.js';
 import { A as Api } from './Api-ohkSjyhl.js';
 import './utils-BeQLScSm.js';
 import './_commonjsHelpers-BFTU3MAI.js';
@@ -282,6 +282,8 @@ const BusinessBankAccountFormStep = class {
         this.documentData = new EntityDocumentStorage();
         this.isLoading = false;
         this.isAddingNewBankAccount = true;
+        this.bankAccountVerification = false;
+        this.platformAccountId = null;
         this.getSchema = () => {
             const schema = bankAccountSchemaByCountry[this.country];
             return schema(this.allowOptionalFields, this.existingDocuments);
@@ -324,6 +326,8 @@ const BusinessBankAccountFormStep = class {
                         this.bankAccount.business_id = this.businessId;
                     }
                     this.existingDocuments = response.data.documents;
+                    this.bankAccountVerification = response.data.settings.bank_account_verification === true;
+                    this.platformAccountId = response.data.platform_account_id;
                 },
                 onError: ({ error, code, severity }) => {
                     this.errorEvent.emit({
@@ -539,13 +543,17 @@ const BusinessBankAccountFormStep = class {
             this.isLoading = true;
             this.getBusiness({
                 onSuccess: (response) => {
-                    if (response.data.bank_accounts.length > 0) {
+                    const { data } = response;
+                    const { bank_accounts, documents, settings, platform_account_id } = data;
+                    if (bank_accounts.length > 0) {
                         // Get the latest bank account (last in array)
-                        const bankAccounts = response.data.bank_accounts;
+                        const bankAccounts = bank_accounts;
                         const latestBankAccount = bankAccounts[bankAccounts.length - 1];
                         this.bankAccount = new BankAccount(latestBankAccount);
                     }
-                    this.existingDocuments = response.data.documents;
+                    this.existingDocuments = documents;
+                    this.bankAccountVerification = settings.bank_account_verification === true;
+                    this.platformAccountId = platform_account_id;
                     this.initializeFormController();
                 },
                 onError: ({ error, code, severity }) => {
@@ -585,10 +593,15 @@ const BusinessBankAccountFormStep = class {
     }
     render() {
         const bankAccountDefaultValue = this.formController.getInitialValues();
+        const shouldShowPlaidVerification = this.bankAccountVerification && this.platformAccountId;
         if (this.isLoading) {
             return h(PaymentProvisioningLoading, null);
         }
-        return (h("form", null, h("fieldset", { class: "mb-4" }, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Bank Account Info"), h("form-control-tooltip", { helpText: "This direct deposit account is the designated bank account where incoming funds will be deposited. The name of this account must match the registered business name exactly. We are not able to accept personal accounts unless your business is a registered sole proprietorship." })), h("hr", { class: "mt-2" }), this.country === CountryCode.CAN ? (h("bank-account-form-inputs-canada", { defaultValue: bankAccountDefaultValue, errors: this.errors, inputHandler: this.inputHandler, formDisabled: this.showReadOnlyView })) : (h("bank-account-form-inputs", { defaultValue: bankAccountDefaultValue, errors: this.errors, inputHandler: this.inputHandler, formDisabled: this.showReadOnlyView })), this.showReadOnlyView && (h("div", { class: "mt-3" }, h(Button, { variant: "secondary", type: "button", onClick: this.handleChangeBankAccount, disabled: this.isLoading, part: buttonSecondary }, "Change Bank Account"))), (!this.existingBankAccount || this.isAddingNewBankAccount) && (h("div", { class: "mt-3 d-flex gap-2" }, this.isAddingNewBankAccount && (h(Button, { variant: "secondary", type: "button", onClick: this.handleCancel, disabled: this.isLoading, part: buttonSecondary }, "Cancel")), h(Button, { variant: "primary", type: "button", onClick: this.handleSaveBankAccount, disabled: this.isLoading, isLoading: this.isLoading }, "Save Bank Account")))), h("fieldset", { class: "mt-4" }, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Document Uploads"), h("form-control-tooltip", { helpText: "One document (voided check or bank statement) is required for underwriting purposes. It needs to visibly show the name tied to the account and the account number. Various file formats such as PDF, DOC, DOCX, JPEG are accepted. Multiple files can be uploaded for each document category." })), h("hr", { class: "mt-2" }), h("business-documents-on-file", { documents: this.existingDocuments, isLoading: this.isLoading }), h("bank-account-document-form-inputs", { inputHandler: this.inputHandler, errors: this.errors, storeFiles: this.storeFiles }))));
+        return (h("form", null, h("fieldset", { class: "mb-4" }, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Bank Account Info"), h("form-control-tooltip", { helpText: "This direct deposit account is the designated bank account where incoming funds will be deposited. The name of this account must match the registered business name exactly. We are not able to accept personal accounts unless your business is a registered sole proprietorship." })), h("hr", { class: "mt-2" }), shouldShowPlaidVerification && (h("div", { class: "mt-3" }, h("plaid-verification", { authToken: this.authToken, accountId: this.platformAccountId, businessId: this.businessId, onPlaidVerificationSuccess: () => {
+                // Refresh bank account data after successful Plaid verification
+                this.isAddingNewBankAccount = false;
+                this.refreshBankAccountData();
+            } }))), this.country === CountryCode.CAN ? (h("bank-account-form-inputs-canada", { defaultValue: bankAccountDefaultValue, errors: this.errors, inputHandler: this.inputHandler, formDisabled: this.showReadOnlyView })) : (h("bank-account-form-inputs", { defaultValue: bankAccountDefaultValue, errors: this.errors, inputHandler: this.inputHandler, formDisabled: this.showReadOnlyView })), this.showReadOnlyView && (h("div", { class: "mt-3" }, h(Button, { variant: "secondary", type: "button", onClick: this.handleChangeBankAccount, disabled: this.isLoading, part: buttonSecondary }, "Change Bank Account"))), (!this.existingBankAccount || this.isAddingNewBankAccount) && (h("div", { class: "mt-3 d-flex gap-2" }, this.isAddingNewBankAccount && (h(Button, { variant: "secondary", type: "button", onClick: this.handleCancel, disabled: this.isLoading, part: buttonSecondary }, "Cancel")), h(Button, { variant: "primary", type: "button", onClick: this.handleSaveBankAccount, disabled: this.isLoading, isLoading: this.isLoading }, "Save Bank Account")))), h("fieldset", { class: "mt-4" }, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Document Uploads"), h("form-control-tooltip", { helpText: "One document (voided check or bank statement) is required for underwriting purposes. It needs to visibly show the name tied to the account and the account number. Various file formats such as PDF, DOC, DOCX, JPEG are accepted. Multiple files can be uploaded for each document category." })), h("hr", { class: "mt-2" }), h("business-documents-on-file", { documents: this.existingDocuments, isLoading: this.isLoading }), h("bank-account-document-form-inputs", { inputHandler: this.inputHandler, errors: this.errors, storeFiles: this.storeFiles }))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

package/dist/esm/justifi-apple-pay_8.entry.js

@@ -1,6 +1,6 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-CV0Pyo1O.js';
 import { A as Api } from './Api-ohkSjyhl.js';
-import { A as ApplePayConfig, o as ApplePayHelpers, p as ApplePayPaymentRequest, q as ApplePaySessionStatus, r as ApplePayButtonStyle, s as ApplePayButtonType, c as checkoutStore, t as ApplePayMerchantCapability, G as GooglePayConfig, u as GooglePayHelpers, v as GooglePayPaymentDataRequest, w as GooglePayButtonSizeMode, x as GooglePayButtonStyle, y as GooglePayButtonType, z as GooglePayEnvironment, B as onChange, D as onAnyChange, I as ICheckoutStatus, F as getAvailablePaymentMethodTypes, H as getCheckoutState } from './GooglePay-5EiPffHy.js';
+import { A as ApplePayConfig, r as ApplePayHelpers, s as ApplePayPaymentRequest, t as ApplePaySessionStatus, u as ApplePayButtonStyle, v as ApplePayButtonType, c as checkoutStore, w as ApplePayMerchantCapability, G as GooglePayConfig, x as GooglePayHelpers, y as GooglePayPaymentDataRequest, z as GooglePayButtonSizeMode, B as GooglePayButtonStyle, D as GooglePayButtonType, F as GooglePayEnvironment, H as onChange, J as onAnyChange, I as ICheckoutStatus, K as getAvailablePaymentMethodTypes, L as getCheckoutState, m as PLAID_ERROR_SEVERITY, n as PLAID_ERROR_MESSAGES, o as PlaidErrorCodes } from './Plaid-CBrksnBN.js';
 import { S as StyledHost } from './styled-host-D6byRazK.js';
 import './event-types-CZfYo5-1.js';
 import { S as Skeleton } from './skeleton-D9UXuoik.js';
@@ -10,18 +10,19 @@ import { P as PAYMENT_METHODS, a as PaymentMethod, b as PAYMENT_MODE } from './i
 import { H as Header1 } from './header-1-DFMANSXo.js';
 import { H as Header2, b as insuranceValuesOn, h as hasInsuranceValueChanged, i as insuranceValues } from './insurance-state-DQ3xzFpR.js';
 import { H as Header3 } from './header-3-Ck64YtdM.js';
-import { J as JustifiAnalytics, c as checkPkgVersion } from './check-pkg-version-DIZ2yD72.js';
+import { J as JustifiAnalytics, c as checkPkgVersion } from './check-pkg-version-CioeuqLV.js';
 import './config-state-kKn89dp1.js';
 import './dinero-HXpYMWUU.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes, b as ComponentErrorMessages } from './ComponentError-Cjcsf8ku.js';
 import './Pagination-CLHwhyvu.js';
-import './Business-CHJTjG_5.js';
+import './Business-GgW1g7FQ.js';
 import './Dispute-BH0Xfn-F.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
-import { C as CheckoutService } from './checkout.service-CYq6KXZv.js';
+import { C as CheckoutService } from './checkout.service-D4Mljqjr.js';
+import { P as PlaidService, p as plaidIconSvg } from './plaid-icon-wJLd-2NX.js';
 import { C as CardBrandLabels } from './payment-method-option-utils-lUHAQVFl.js';
 import './index-cDVGjRkU.js';
-import './package-ZkBwsSuI.js';
+import './package-CekpA_KC.js';
 
 // Centralized error codes for Apple Pay service
 var ApplePayServiceErrorCode;
@@ -1506,26 +1507,6 @@ const makeCheckoutComplete = ({ authToken, checkoutId, service }) => async ({ pa
     }
 };
 
-const api = Api();
-class PlaidService {
-    async getLinkToken(authToken, accountId, checkoutId, signal) {
-        const endpoint = `plaid/${accountId}/link`;
-        const body = { checkout_id: checkoutId };
-        return api.post({ endpoint, body, authToken, signal });
-    }
-    async tokenizeBankAccount(authToken, accountId, publicToken, linkTokenId, paymentMethodGroupId, signal) {
-        const endpoint = `plaid/${accountId}/tokenize`;
-        const body = { public_token: publicToken };
-        if (linkTokenId) {
-            body.link_token_id = linkTokenId;
-        }
-        if (paymentMethodGroupId) {
-            body.payment_method_group_id = paymentMethodGroupId;
-        }
-        return api.post({ endpoint, body, authToken, signal });
-    }
-}
-
 const ModularCheckout = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -1931,57 +1912,6 @@ const ModularCheckout = class {
     get hostEl() { return getElement(this); }
 };
 
-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 = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);

package/dist/esm/justifi-bank-account-billing-form-simple_3.entry.js

@@ -1,14 +1,14 @@
 import { r as registerInstance, h } from './index-CV0Pyo1O.js';
 import { c as create$3, F as FormController } from './index.esm-IWS0494Y.js';
-import { y as postalValidation, z as stateValidation, h as cityValidation, l as lineTwoValidation, j as lineOneValidation, v as identityNameValidation } from './schema-validations-jBrJ0mYI.js';
+import { y as postalValidation, z as stateValidation, h as cityValidation, l as lineTwoValidation, j as lineOneValidation, v as identityNameValidation } from './schema-validations-CfHWzMvr.js';
 import { an as billingForm } from './parts-DrquDBSk.js';
 import { S as StyledHost } from './styled-host-D6byRazK.js';
 import './event-types-CZfYo5-1.js';
 import { H as Header3 } from './header-3-Ck64YtdM.js';
-import { S as StateOptions } from './Business-CHJTjG_5.js';
+import { S as StateOptions } from './Business-GgW1g7FQ.js';
 import './_commonjsHelpers-BFTU3MAI.js';
-import './country-config-CQxaTFuP.js';
-import './business-form-options-Bm89rMmk.js';
+import './country-config-D-9YmU94.js';
+import './business-form-options-DamBLV7N.js';
 
 const fullBillingSchema = () => create$3({
     name: identityNameValidation.required('Enter full name'),