@justifi/webcomponents 6.7.3 → 6.8.0

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

@@ -1800,38 +1800,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) {
@@ -1875,7 +1903,7 @@ const CustomPopper = class {
         this.hideEvent.emit();
     }
     render() {
-        return (index.h("div", { key: 'd9ed696150f2def459af17d43a2a06e0fb24b2d1' }, index.h("style", { key: 'eb3f2a09ace3aa7d0d6225947a0d511cf73b107b' }, `
+        return (index.h("div", { key: '2d57f47cc668826c2a72d70d3a0404837398a646' }, index.h("style", { key: '6d02bdb47dd36a529d2e8ae3f2b4adad6c8cdf88' }, `
           .popper-content {
             display: none;
           }
@@ -1883,8 +1911,11 @@ const CustomPopper = class {
             display: block;
             z-index: 1030;
           }
-          `), index.h("div", { key: '3221d4cc026a4b9ef06aaaa38a5ad4bc5f190f81', class: "popper-content", ref: (el) => this.popperContentRef = el }, index.h("slot", { key: '6481dcba1041571349cb8c91c350c497453fe054' }))));
+          `), index.h("div", { key: 'fdcb769c70b92532427e09fdaa5bbdffc59c8ac3', class: "popper-content", ref: (el) => this.popperContentRef = el }, index.h("slot", { key: '1cdd517d323181dee0f2a345406d07432889ee21' }))));
     }
+    static get watchers() { return {
+        "anchorRef": ["onAnchorRefChange"]
+    }; }
 };
 
 const TooltipComponent = class {

package/dist/cjs/{dispute.service-aok1_zRv.js → dispute.service-GDUl1Wjs.js}

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

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

@@ -2,10 +2,10 @@
 
 var index = require('./index-p7cvUYAE.js');
 var parts = require('./parts-BsBVknuf.js');
-var businessFormOptions = require('./business-form-options-D1r-wJpo.js');
+var businessFormOptions = require('./business-form-options-B3CbEmdc.js');
 var formInputMasks = require('./form-input-masks-BnNFJ3IJ.js');
-var Business = require('./Business-uoeKyW_a.js');
-var countryConfig = require('./country-config-DGi9t3Ma.js');
+var Business = require('./Business-CB8EVrhD.js');
+var countryConfig = require('./country-config-ETD-7Wb7.js');
 
 const FormAlert = class {
     constructor(hostRef) {

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

@@ -5,9 +5,9 @@ var index$1 = require('./index-1MT3Z4XI.js');
 var parts = require('./parts-BsBVknuf.js');
 var formControlErrorText = require('./form-control-error-text-BC5aRpfl.js');
 require('./event-types-YOY5TKUN.js');
-var Business = require('./Business-uoeKyW_a.js');
+var Business = require('./Business-CB8EVrhD.js');
 var utils = require('./utils-DAyWinG2.js');
-var countryConfig = require('./country-config-DGi9t3Ma.js');
+var countryConfig = require('./country-config-ETD-7Wb7.js');
 
 const NumberInputMasked = class {
     constructor(hostRef) {

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

@@ -6,16 +6,16 @@ var formControlHelpText = require('./form-control-help-text-B2yMic8i.js');
 var formControlErrorText = require('./form-control-error-text-BC5aRpfl.js');
 require('./event-types-YOY5TKUN.js');
 var index_esm = require('./index.esm-ByC0D4sJ.js');
-var Business = require('./Business-uoeKyW_a.js');
-var businessIdentitySchema = require('./business-identity-schema-CMvq6f8m.js');
+var Business = require('./Business-CB8EVrhD.js');
+var businessIdentitySchema = require('./business-identity-schema-0jg2Thn9.js');
 var button = require('./button-C2p1BMP-.js');
 var eventTypes = require('./event-types-DNOUef41.js');
 var formInputMasks = require('./form-input-masks-BnNFJ3IJ.js');
-var inputHandlers = require('./input-handlers-DaRKFvGI.js');
-var countryConfig = require('./country-config-DGi9t3Ma.js');
+var inputHandlers = require('./input-handlers-gV1LyFy3.js');
+var countryConfig = require('./country-config-ETD-7Wb7.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
-require('./schema-validations-DYYDrVol.js');
-require('./business-form-options-D1r-wJpo.js');
+require('./schema-validations-BakyfJpE.js');
+require('./business-form-options-B3CbEmdc.js');
 
 const NumberInput = class {
     constructor(hostRef) {

package/dist/cjs/{get-business-CtsxSYA6.js → get-business-CP0ALW9n.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var Business = require('./Business-uoeKyW_a.js');
+var Business = require('./Business-CB8EVrhD.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
 var utils = require('./utils-DvUQQLmR.js');
 

package/dist/cjs/{get-payment-details-tCICJHBb.js → get-payment-details-IA5Toi7Z.js}

@@ -3,9 +3,9 @@
 require('./config-state-BIgGhhe9.js');
 require('./dinero-BwNN_k7x.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var GooglePay = require('./GooglePay-CbKCUEfb.js');
+var Plaid = require('./Plaid-DxPvVu0H.js');
 require('./Pagination-Dediz133.js');
-require('./Business-uoeKyW_a.js');
+require('./Business-CB8EVrhD.js');
 require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DvUQQLmR.js');
 
@@ -14,7 +14,7 @@ const makeGetPaymentDetails = ({ id, authToken, service }) => async ({ onSuccess
     try {
         const response = await service.fetchPayment(id, authToken);
         if (!response.error) {
-            onSuccess({ payment: new GooglePay.Payment(response.data) });
+            onSuccess({ payment: new Plaid.Payment(response.data) });
         }
         else {
             const responseError = utils.getErrorMessage(response.error);

package/dist/cjs/{get-subaccounts-BcsCQAVN.js → get-subaccounts-DNMZjAyT.js}

@@ -2,9 +2,9 @@
 
 var Api = require('./Api-CVbEWBG6.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var GooglePay = require('./GooglePay-CbKCUEfb.js');
+var Plaid = require('./Plaid-DxPvVu0H.js');
 require('./Pagination-Dediz133.js');
-require('./Business-uoeKyW_a.js');
+require('./Business-CB8EVrhD.js');
 require('./Dispute-CruQTF6_.js');
 require('./config-state-BIgGhhe9.js');
 require('./dinero-BwNN_k7x.js');
@@ -25,7 +25,7 @@ const makeGetSubAccounts = ({ accountId, authToken, service }) => async ({ param
         const response = await service.fetchSubAccounts(accountId, authToken, params);
         if (!response.error) {
             const pagingInfo = Object.assign({}, response.page_info);
-            const subAccounts = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.map((dataItem) => new GooglePay.SubAccount(dataItem))) || [];
+            const subAccounts = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.map((dataItem) => new Plaid.SubAccount(dataItem))) || [];
             onSuccess({ subAccounts, pagingInfo });
         }
         else {

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

@@ -5,7 +5,7 @@ var index = require('./index-W-zoNiyM.js');
 var parts = require('./parts-BsBVknuf.js');
 var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
 var formControlErrorText = require('./form-control-error-text-BC5aRpfl.js');
-var _package = require('./package-DcGEg97O.js');
+var _package = require('./package-B4vs5j7c.js');
 
 const iframeInputStylesStore = index.createStore({
     focused: {

package/dist/cjs/{input-handlers-DaRKFvGI.js → input-handlers-gV1LyFy3.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var Business = require('./Business-uoeKyW_a.js');
+var Business = require('./Business-CB8EVrhD.js');
 
 const updateFormValues = (formController, newValues) => {
     formController.setValues(Object.assign(Object.assign({}, formController.values.getValue()), newValues));

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

@@ -3,20 +3,20 @@
 var index = require('./index-p7cvUYAE.js');
 var styledHost = require('./styled-host-DAi5SuFa.js');
 require('./event-types-YOY5TKUN.js');
-var checkPkgVersion = require('./check-pkg-version-Bs_9oZb4.js');
+var checkPkgVersion = require('./check-pkg-version-DKH70uPq.js');
 var configState = require('./config-state-BIgGhhe9.js');
 require('./dinero-BwNN_k7x.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var GooglePay = require('./GooglePay-CbKCUEfb.js');
+var Plaid = require('./Plaid-DxPvVu0H.js');
 require('./Pagination-Dediz133.js');
-require('./Business-uoeKyW_a.js');
+require('./Business-CB8EVrhD.js');
 require('./Dispute-CruQTF6_.js');
 var index$1 = require('./index-CajjbB9t.js');
 var skeleton = require('./skeleton-BGGMhPJj.js');
 var utils = require('./utils-D4WPxuzW.js');
 var button = require('./button-C2p1BMP-.js');
 var parts = require('./parts-BsBVknuf.js');
-require('./package-DcGEg97O.js');
+require('./package-B4vs5j7c.js');
 require('./Api-CVbEWBG6.js');
 require('./index-W-zoNiyM.js');
 
@@ -75,7 +75,7 @@ const InternalTokenizePaymentMethod = class {
     }
     handleRadioClick(event) {
         this.selectedPaymentMethod = event.detail;
-        GooglePay.checkoutStore.selectedPaymentMethod = { type: event.detail };
+        Plaid.checkoutStore.selectedPaymentMethod = { type: event.detail };
     }
     async fillBillingForm(fields) {
         var _a;
@@ -136,8 +136,8 @@ const InternalTokenizePaymentMethod = class {
         try {
             const billingFormFieldValues = await this.billingFormRef.getValues();
             const config = {
-                clientId: this.authToken || GooglePay.checkoutStore.authToken,
-                account: this.accountId || GooglePay.checkoutStore.accountId,
+                clientId: this.authToken || Plaid.checkoutStore.authToken,
+                account: this.accountId || Plaid.checkoutStore.accountId,
                 paymentMethodMetadata: this.buildPaymentMethodMetadata(billingFormFieldValues),
             };
             return await this.paymentMethodFormRef.tokenize(config);
@@ -148,13 +148,13 @@ const InternalTokenizePaymentMethod = class {
     }
     // 9. Local methods
     validateRequiredProps() {
-        if (!this.authToken && !GooglePay.checkoutStore.authToken) {
+        if (!this.authToken && !Plaid.checkoutStore.authToken) {
             this.emitError({
                 errorCode: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
                 message: ERROR_MESSAGES.AUTH_TOKEN_REQUIRED,
             });
         }
-        if (!this.accountId && !GooglePay.checkoutStore.accountId) {
+        if (!this.accountId && !Plaid.checkoutStore.accountId) {
             this.emitError({
                 errorCode: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
                 message: ERROR_MESSAGES.ACCOUNT_ID_REQUIRED,
@@ -167,11 +167,11 @@ const InternalTokenizePaymentMethod = class {
         }
         if (!this.disableCreditCard) {
             this.selectedPaymentMethod = index$1.PAYMENT_METHODS.NEW_CARD;
-            GooglePay.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.NEW_CARD };
+            Plaid.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.NEW_CARD };
         }
         else if (!this.disableBankAccount) {
             this.selectedPaymentMethod = index$1.PAYMENT_METHODS.NEW_BANK_ACCOUNT;
-            GooglePay.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.NEW_BANK_ACCOUNT };
+            Plaid.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.NEW_BANK_ACCOUNT };
         }
     }
     setComputedHideSubmitButton() {
@@ -261,16 +261,16 @@ const InternalTokenizePaymentMethod = class {
             ? Object.assign(Object.assign({}, billingFormFieldValues), { payment_method_group_id: this.paymentMethodGroupID }) : Object.assign({}, billingFormFieldValues);
     }
     get paymentMethodGroupID() {
-        return this.paymentMethodGroupId || GooglePay.checkoutStore.paymentMethodGroupId;
+        return this.paymentMethodGroupId || Plaid.checkoutStore.paymentMethodGroupId;
     }
     get shouldSavePaymentMethod() {
-        return !!(this.paymentMethodGroupId || GooglePay.checkoutStore.savePaymentMethod);
+        return !!(this.paymentMethodGroupId || Plaid.checkoutStore.savePaymentMethod);
     }
     get shouldHideRadioInput() {
         return this.disableCreditCard || this.disableBankAccount;
     }
     renderPaymentMethodOption(paymentMethodType) {
-        const isSelected = this.selectedPaymentMethod === paymentMethodType && GooglePay.checkoutStore.selectedPaymentMethod.id === undefined;
+        const isSelected = this.selectedPaymentMethod === paymentMethodType && Plaid.checkoutStore.selectedPaymentMethod.id === undefined;
         return (index.h("div", { class: "payment-method" }, index.h("justifi-radio-list-item", { name: "paymentMethodType", value: paymentMethodType, checked: isSelected, label: PAYMENT_METHOD_TYPE_LABELS[paymentMethodType], hidden: this.shouldHideRadioInput }), isSelected && this.renderSelectedPaymentMethodForm(paymentMethodType)));
     }
     renderSelectedPaymentMethodForm(paymentMethodType) {
@@ -451,7 +451,7 @@ const SaveNewPaymentMethod = class {
         this.isChecked = false;
         this.handleCheckboxChange = (_name, value) => {
             this.isChecked = value;
-            GooglePay.checkoutStore.savePaymentMethod = value;
+            Plaid.checkoutStore.savePaymentMethod = value;
             this.checkboxChanged.emit(this.isChecked);
         };
     }

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

@@ -3,25 +3,25 @@
 var index = require('./index-p7cvUYAE.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
 var paymentProvisioningActions = require('./payment-provisioning-actions-CZVlnRA0.js');
-var business_service = require('./business.service-DR4Ce5XV.js');
-var businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-BtOuMq_U.js');
+var business_service = require('./business.service-zGEitIbP.js');
+var businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-Cnh6AXQU.js');
 var index_esm = require('./index.esm-ByC0D4sJ.js');
-var Business = require('./Business-uoeKyW_a.js');
+var Business = require('./Business-CB8EVrhD.js');
 var formInputMasks = require('./form-input-masks-BnNFJ3IJ.js');
 var parts = require('./parts-BsBVknuf.js');
 var paymentProvisioningLoading = require('./payment-provisioning-loading-B3hvtd9o.js');
-var businessFormOptions = require('./business-form-options-D1r-wJpo.js');
+var businessFormOptions = require('./business-form-options-B3CbEmdc.js');
 var eventTypes = require('./event-types-DNOUef41.js');
 require('./config-state-BIgGhhe9.js');
 require('./dinero-BwNN_k7x.js');
-var GooglePay = require('./GooglePay-CbKCUEfb.js');
+var Plaid = require('./Plaid-DxPvVu0H.js');
 require('./Pagination-Dediz133.js');
 require('./Dispute-CruQTF6_.js');
-var schemaValidations = require('./schema-validations-DYYDrVol.js');
+var schemaValidations = require('./schema-validations-BakyfJpE.js');
 var button = require('./button-C2p1BMP-.js');
 require('./event-types-YOY5TKUN.js');
-var countryConfig = require('./country-config-DGi9t3Ma.js');
-var businessIdentitySchema = require('./business-identity-schema-CMvq6f8m.js');
+var countryConfig = require('./country-config-ETD-7Wb7.js');
+var businessIdentitySchema = require('./business-identity-schema-0jg2Thn9.js');
 var Api = require('./Api-CVbEWBG6.js');
 require('./utils-DvUQQLmR.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
@@ -218,8 +218,8 @@ const buildDocumentRules = (documents, allowOptionalFields) => {
             bank_statement: index_esm.create$8().nullable(),
         };
     }
-    const existingVoidedCheck = checkExistingDocs(documents, GooglePay.EntityDocumentType.voidedCheck);
-    const existingBankStatement = checkExistingDocs(documents, GooglePay.EntityDocumentType.bankStatement);
+    const existingVoidedCheck = checkExistingDocs(documents, Plaid.EntityDocumentType.voidedCheck);
+    const existingBankStatement = checkExistingDocs(documents, Plaid.EntityDocumentType.bankStatement);
     const existingDocument = existingVoidedCheck || existingBankStatement;
     const documentErrorText = 'Please upload either a voided check or a bank statement. Only one is required.';
     return {
@@ -281,9 +281,11 @@ const BusinessBankAccountFormStep = class {
         this.errors = {};
         this.bankAccount = {};
         this.existingDocuments = [];
-        this.documentData = new GooglePay.EntityDocumentStorage();
+        this.documentData = new Plaid.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);
@@ -307,7 +309,7 @@ const BusinessBankAccountFormStep = class {
         this.storeFiles = (e) => {
             const fileList = Array.from(e.detail.fileList);
             const docType = e.detail.document_type;
-            const documentList = fileList.map(file => new GooglePay.EntityDocument({ file, document_type: docType }, this.businessId));
+            const documentList = fileList.map(file => new Plaid.EntityDocument({ file, document_type: docType }, this.businessId));
             this.documentData[docType] = documentList;
         };
         this.getData = () => {
@@ -326,6 +328,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({
@@ -342,12 +346,12 @@ const BusinessBankAccountFormStep = class {
         };
         this.handleChangeBankAccount = () => {
             this.isAddingNewBankAccount = true;
-            this.documentData = new GooglePay.EntityDocumentStorage();
+            this.documentData = new Plaid.EntityDocumentStorage();
             this.initializeFormController();
         };
         this.handleCancel = () => {
             this.isAddingNewBankAccount = false;
-            this.documentData = new GooglePay.EntityDocumentStorage();
+            this.documentData = new Plaid.EntityDocumentStorage();
             this.initializeFormController();
         };
         this.handleSaveBankAccount = async () => {
@@ -541,13 +545,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 }) => {
@@ -587,10 +595,15 @@ const BusinessBankAccountFormStep = class {
     }
     render() {
         const bankAccountDefaultValue = this.formController.getInitialValues();
+        const shouldShowPlaidVerification = this.bankAccountVerification && this.platformAccountId;
         if (this.isLoading) {
             return index.h(paymentProvisioningLoading.PaymentProvisioningLoading, null);
         }
-        return (index.h("form", null, index.h("fieldset", { class: "mb-4" }, index.h("div", { class: "d-flex align-items-center gap-2" }, index.h("legend", { class: "mb-0", part: parts.heading2 }, "Bank Account Info"), index.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." })), index.h("hr", { class: "mt-2" }), this.country === Business.CountryCode.CAN ? (index.h("bank-account-form-inputs-canada", { defaultValue: bankAccountDefaultValue, errors: this.errors, inputHandler: this.inputHandler, formDisabled: this.showReadOnlyView })) : (index.h("bank-account-form-inputs", { defaultValue: bankAccountDefaultValue, errors: this.errors, inputHandler: this.inputHandler, formDisabled: this.showReadOnlyView })), this.showReadOnlyView && (index.h("div", { class: "mt-3" }, index.h(button.Button, { variant: "secondary", type: "button", onClick: this.handleChangeBankAccount, disabled: this.isLoading, part: parts.buttonSecondary }, "Change Bank Account"))), (!this.existingBankAccount || this.isAddingNewBankAccount) && (index.h("div", { class: "mt-3 d-flex gap-2" }, this.isAddingNewBankAccount && (index.h(button.Button, { variant: "secondary", type: "button", onClick: this.handleCancel, disabled: this.isLoading, part: parts.buttonSecondary }, "Cancel")), index.h(button.Button, { variant: "primary", type: "button", onClick: this.handleSaveBankAccount, disabled: this.isLoading, isLoading: this.isLoading }, "Save Bank Account")))), index.h("fieldset", { class: "mt-4" }, index.h("div", { class: "d-flex align-items-center gap-2" }, index.h("legend", { class: "mb-0", part: parts.heading2 }, "Document Uploads"), index.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." })), index.h("hr", { class: "mt-2" }), index.h("business-documents-on-file", { documents: this.existingDocuments, isLoading: this.isLoading }), index.h("bank-account-document-form-inputs", { inputHandler: this.inputHandler, errors: this.errors, storeFiles: this.storeFiles }))));
+        return (index.h("form", null, index.h("fieldset", { class: "mb-4" }, index.h("div", { class: "d-flex align-items-center gap-2" }, index.h("legend", { class: "mb-0", part: parts.heading2 }, "Bank Account Info"), index.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." })), index.h("hr", { class: "mt-2" }), shouldShowPlaidVerification && (index.h("div", { class: "mt-3" }, index.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 === Business.CountryCode.CAN ? (index.h("bank-account-form-inputs-canada", { defaultValue: bankAccountDefaultValue, errors: this.errors, inputHandler: this.inputHandler, formDisabled: this.showReadOnlyView })) : (index.h("bank-account-form-inputs", { defaultValue: bankAccountDefaultValue, errors: this.errors, inputHandler: this.inputHandler, formDisabled: this.showReadOnlyView })), this.showReadOnlyView && (index.h("div", { class: "mt-3" }, index.h(button.Button, { variant: "secondary", type: "button", onClick: this.handleChangeBankAccount, disabled: this.isLoading, part: parts.buttonSecondary }, "Change Bank Account"))), (!this.existingBankAccount || this.isAddingNewBankAccount) && (index.h("div", { class: "mt-3 d-flex gap-2" }, this.isAddingNewBankAccount && (index.h(button.Button, { variant: "secondary", type: "button", onClick: this.handleCancel, disabled: this.isLoading, part: parts.buttonSecondary }, "Cancel")), index.h(button.Button, { variant: "primary", type: "button", onClick: this.handleSaveBankAccount, disabled: this.isLoading, isLoading: this.isLoading }, "Save Bank Account")))), index.h("fieldset", { class: "mt-4" }, index.h("div", { class: "d-flex align-items-center gap-2" }, index.h("legend", { class: "mb-0", part: parts.heading2 }, "Document Uploads"), index.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." })), index.h("hr", { class: "mt-2" }), index.h("business-documents-on-file", { documents: this.existingDocuments, isLoading: this.isLoading }), index.h("bank-account-document-form-inputs", { inputHandler: this.inputHandler, errors: this.errors, storeFiles: this.storeFiles }))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],