@justifi/webcomponents 6.7.2 → 6.8.0

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

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

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

@@ -1,8 +1,8 @@
 'use strict';
 
 var index_esm = require('./index.esm-ByC0D4sJ.js');
-var schemaValidations = require('./schema-validations-Bf2mk2xU.js');
-var Business = require('./Business-DWHy_-z9.js');
+var schemaValidations = require('./schema-validations-BakyfJpE.js');
+var Business = require('./Business-CB8EVrhD.js');
 
 // Internal USA schemas
 const schemaUSA$1 = () => index_esm.create$3({
@@ -52,6 +52,7 @@ const schemaUSA = (role) => index_esm.create$3({
     dob_full: schemaValidations.dobValidation(role).nullable(),
     ssn_last4: index_esm.create$6().nullable(),
     identification_number: schemaValidations.ssnValidation.nullable(),
+    ownership_percentage: schemaValidations.ownershipPercentageValidation.nullable(),
     address: addressSchemaUSA(true),
 });
 const strictSchemaUSA = (role) => index_esm.create$3({
@@ -63,6 +64,7 @@ const strictSchemaUSA = (role) => index_esm.create$3({
     ssn_last4: index_esm.create$6().nullable(),
     // ssn required unless last4 provided (handled inside ssnValidation)
     identification_number: schemaValidations.ssnValidation,
+    ownership_percentage: schemaValidations.ownershipPercentageValidation.nullable(),
     address: addressSchemaUSA(false),
 });
 // Internal CAN schemas
@@ -74,6 +76,7 @@ const schemaCAN = (role) => index_esm.create$3({
     dob_full: schemaValidations.dobValidation(role).nullable(),
     ssn_last4: index_esm.create$6().nullable(),
     identification_number: schemaValidations.makeIdentityNumberValidation(Business.CountryCode.CAN).nullable(),
+    ownership_percentage: schemaValidations.ownershipPercentageValidation.nullable(),
     address: addressSchemaCAN(true),
 });
 const strictSchemaCAN = (role) => index_esm.create$3({
@@ -84,6 +87,7 @@ const strictSchemaCAN = (role) => index_esm.create$3({
     dob_full: schemaValidations.dobValidation(role).required('Enter date of birth'),
     ssn_last4: index_esm.create$6().nullable(),
     identification_number: schemaValidations.makeIdentityNumberValidation(Business.CountryCode.CAN),
+    ownership_percentage: schemaValidations.ownershipPercentageValidation.nullable(),
     address: addressSchemaCAN(false),
 });
 const identitySchemaUSA = (role, allowOptionalFields) => allowOptionalFields ? schemaUSA(role) : strictSchemaUSA(role);

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

@@ -1,10 +1,10 @@
 'use strict';
 
-var Api = require('./Api-QUTWjGTy.js');
+var Api = require('./Api-CVbEWBG6.js');
 require('./ComponentError-D4OLnOkg.js');
-require('./GooglePay-BwiJ_80p.js');
+require('./Plaid-DxPvVu0H.js');
 require('./Pagination-Dediz133.js');
-require('./Business-DWHy_-z9.js');
+require('./Business-CB8EVrhD.js');
 require('./Dispute-CruQTF6_.js');
 
 const api = Api.Api();

package/dist/cjs/{button-fUPGXjU_.js → button-C2p1BMP-.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-BhI7cJcE.js');
-var parts = require('./parts-BVbaniVM.js');
+var index = require('./index-p7cvUYAE.js');
+var parts = require('./parts-BsBVknuf.js');
 
 const ButtonSpinner = () => (index.h("div", { class: "spinner-border spinner-border-sm", role: "status", part: "button-spinner" }, index.h("span", { class: "visually-hidden" }, "Loading...")));
 

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

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-BhI7cJcE.js');
-var skeleton = require('./skeleton-B8dzxFFr.js');
-var configState = require('./config-state-CYoBVAca.js');
+var index = require('./index-p7cvUYAE.js');
+var skeleton = require('./skeleton-BGGMhPJj.js');
+var configState = require('./config-state-BIgGhhe9.js');
 var utils = require('./utils-D4WPxuzW.js');
-require('./parts-BVbaniVM.js');
-require('./index-mmd0OhmD.js');
+require('./parts-BsBVknuf.js');
+require('./index-W-zoNiyM.js');
 require('./dinero-BwNN_k7x.js');
 
 const CardFormSkeleton = (props) => {
@@ -52,10 +52,10 @@ const CardForm = class {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (index.h(index.Host, { key: '171cb8db5cce1778ef5f590c6b4d72f327c37bad' }, index.h(CardFormSkeleton, { key: '084ed0d409f1e747a95578060626d1704fefb783', isReady: this.isReady }), index.h("div", { key: 'ccf225f0f420a22cc1cffb1d7f9dc51fe92612ee', class: "container-fluid p-0", style: {
+        return (index.h(index.Host, { key: 'fd58409622904cfdbe1df9e7aa893cec0b469472' }, index.h(CardFormSkeleton, { key: '7bd4dbc17afc1641eafa5cc6c12349901a05b862', isReady: this.isReady }), index.h("div", { key: '1eb88b3443cb12f592a247335d5a6de2597bf10d', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, index.h("div", { key: '7e7599c24e95a364f1011ed8f8ba2e387f4bc184', class: "mb-3" }, index.h("iframe-input", { key: '5ec2f426a232a8c1387e7e54f7321672e16a230c', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), index.h("div", { key: 'bbf1284e4bd2213cf48eb64b88c5ecd5492c51e5', class: "d-flex align-items-start" }, index.h("div", { key: '70bf0e98c9c99913773ebcd5b6b9e88679779d6f', class: "flex-fill me-3" }, index.h("iframe-input", { key: 'b0ed2bbe9a63b83810fa170350cc28e777bc0509', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), index.h("div", { key: '4d6592dc2f6dea2d2d4ddb8667681576817e6c98', class: "flex-fill me-3" }, index.h("iframe-input", { key: '34dabee2355d51ca1175af9a084188a6d44714df', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), index.h("div", { key: 'c3afab4dea5e93edca3a0372d397afd8ef937de1', class: "flex-fill" }, index.h("iframe-input", { key: '0777691de3a8e12338a9c9b967ce3f20f675c6b3', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
+            } }, index.h("div", { key: '4b50883a1094343e1f039c8bafed2ecfb42be0e8', class: "mb-3" }, index.h("iframe-input", { key: '83930c6af6b6a7eb82bf66565fa2e9d16b3bfa59', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), index.h("div", { key: '33c8a34d012abc533d5b69baa3fddfcb3714be61', class: "d-flex align-items-start" }, index.h("div", { key: 'b37fedaab03b543789fb2909d0daa91d28d9b772', class: "flex-fill me-3" }, index.h("iframe-input", { key: 'd5fa7b25f4726e6896ee8fcf0a2ab882b1df5260', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), index.h("div", { key: '38798bb90f5457d3e5c3659c716fe38a79a2f2a0', class: "flex-fill me-3" }, index.h("iframe-input", { key: '44d57ddbe4221e1d0000a9db7a19d8878211cb50', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), index.h("div", { key: '233f99090baecc6097f2226d93a14d428571b03f', class: "flex-fill" }, index.h("iframe-input", { key: '0d353a3bc4c1ece3a5ff3aecc9aabf349d59bc90', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
     }
 };
 

package/dist/cjs/{check-pkg-version-BG-Rfkh5.js → check-pkg-version-DKH70uPq.js}

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

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

@@ -1,10 +1,10 @@
 'use strict';
 
-var Api = require('./Api-QUTWjGTy.js');
+var Api = require('./Api-CVbEWBG6.js');
 require('./ComponentError-D4OLnOkg.js');
-require('./GooglePay-BwiJ_80p.js');
+require('./Plaid-DxPvVu0H.js');
 require('./Pagination-Dediz133.js');
-require('./Business-DWHy_-z9.js');
+require('./Business-CB8EVrhD.js');
 require('./Dispute-CruQTF6_.js');
 
 const api = Api.Api();

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

@@ -1,29 +1,29 @@
 'use strict';
 
-var index = require('./index-BhI7cJcE.js');
-require('./config-state-CYoBVAca.js');
+var index = require('./index-p7cvUYAE.js');
+require('./config-state-BIgGhhe9.js');
 require('./dinero-BwNN_k7x.js');
 require('./ComponentError-D4OLnOkg.js');
-require('./GooglePay-BwiJ_80p.js');
+require('./Plaid-DxPvVu0H.js');
 var Pagination = require('./Pagination-Dediz133.js');
-require('./Business-DWHy_-z9.js');
+require('./Business-CB8EVrhD.js');
 require('./Dispute-CruQTF6_.js');
-var table = require('./table-CrtpRwGN.js');
+var table = require('./table-eTN_pRIP.js');
 var eventTypes = require('./event-types-YOY5TKUN.js');
-var checkoutsTable = require('./checkouts-table-BBtqxG2F.js');
-var checkoutsListParamsState = require('./checkouts-list-params-state-DfZySwaC.js');
-require('./index-mmd0OhmD.js');
+var checkoutsTable = require('./checkouts-table-DftTbgXr.js');
+var checkoutsListParamsState = require('./checkouts-list-params-state-vGJZ6Oe2.js');
+require('./index-W-zoNiyM.js');
 require('./utils-D4WPxuzW.js');
 require('./index-CajjbB9t.js');
-require('./parts-BVbaniVM.js');
-require('./spinner-jHyLNCGO.js');
-require('./badge-Cc87HAsf.js');
+require('./parts-BsBVknuf.js');
+require('./spinner-CV2CNXOQ.js');
+require('./badge-DkOPisAV.js');
 
 const CheckoutsListCore = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.clickEvent = index.createEvent(this, "click-event");
-        this.errorEvent = index.createEvent(this, "error-event");
+        this.clickEvent = index.createEvent(this, "click-event", 7);
+        this.errorEvent = index.createEvent(this, "error-event", 7);
         this.checkouts = [];
         this.subAccounts = [];
         this.loading = true;
@@ -135,7 +135,7 @@ const CheckoutsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (index.h(table.TableWrapper, { key: '408d4e9eab54491ce0cb775815c3e00eeb4854a3' }, index.h(table.TableComponent, { key: '52d68b140748feb5b20b01e9056a4f013dc6a4f2' }, index.h(table.TableHead, { key: '74d2ed3ab8629f60e5d789d160495dbdfa1d0109' }, index.h(table.TableHeadRow, { key: '216c56f85e307b622b682810973ec8fe05156173' }, this.checkoutsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: 'c94508c4337cd1381a9caf8ade4f677ef2d62fe3' }, index.h(table.TableLoadingState, { key: '2d62155279ca151f77f33321c27c0d68822b1c15', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), index.h(table.TableEmptyState, { key: '4c4d9c73989dabd4213cfc994e74ce0873741de8', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), index.h(table.TableErrorState, { key: '423a58df4dfa9e6b52fc41dd8d6f06c8d7cca16c', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index$1) => (index.h(table.TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h(table.TableFoot, { key: 'd1fbfca88fc702a4c0fae40586c946e3f75220af' }, index.h(table.TableFootRow, { key: '9d9c7862bc4d27d70a030d27cb735cb3654ea373' }, index.h(table.TableFootCell, { key: '53538be1d8eaf7b66b98476771f1f6d9552ab72d', colSpan: this.checkoutsTable.columnData.length }, index.h("pagination-menu", { key: '2336a06ecf1eb14719881306ee878105d4b43926', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (index.h(table.TableWrapper, { key: '54239d9ac3afe4d4594d523f9b84b5bf852190b7' }, index.h(table.TableComponent, { key: '0c466e435625f08326fc521690c055648a0d3a6e' }, index.h(table.TableHead, { key: '6ac0b1a9bf3d42eb5bac5910f341c84a75d15eaa' }, index.h(table.TableHeadRow, { key: '171cc43a933be88dcfe2385414d6368755a66a00' }, this.checkoutsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: '238b814cfb2e27fa0ae0aee319da04fb7a9da477' }, index.h(table.TableLoadingState, { key: '3e73b173a14edea582ee06caa248dd31bf7e8971', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), index.h(table.TableEmptyState, { key: 'cd2ec244aa3663f4255f245727790c30c28438f7', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), index.h(table.TableErrorState, { key: 'e2f458e70836a01cca79aa6e43c7d8a89bfa593d', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index$1) => (index.h(table.TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h(table.TableFoot, { key: '97d1c34429fba943a752e9ece7348dd19d742c68' }, index.h(table.TableFootRow, { key: '252e8f76070a8a6a531c710cf36117a04625271a' }, index.h(table.TableFootCell, { key: 'a3fcfa5e6a90cac15348a387f65fa5b7ed2517f8', colSpan: this.checkoutsTable.columnData.length }, index.h("pagination-menu", { key: 'e4fa2774647748fd12c3742b3dd078aee8fdf483', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/cjs/{payments-list-params-state-DfZySwaC.js → checkouts-list-params-state-vGJZ6Oe2.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-mmd0OhmD.js');
+var index = require('./index-W-zoNiyM.js');
 
 const filterParamsInitialState = {};
 const propsParamsInitialState = {};

package/dist/cjs/{checkouts-table-BBtqxG2F.js → checkouts-table-DftTbgXr.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-BhI7cJcE.js');
+var index = require('./index-p7cvUYAE.js');
 var utils = require('./utils-D4WPxuzW.js');
-var badge = require('./badge-Cc87HAsf.js');
-var parts = require('./parts-BVbaniVM.js');
+var badge = require('./badge-DkOPisAV.js');
+var parts = require('./parts-BsBVknuf.js');
 
 const MapCheckoutStatusToBadge = (status) => {
     const statusToBadgeProps = {

package/dist/cjs/{config-state-CYoBVAca.js → config-state-BIgGhhe9.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-mmd0OhmD.js');
+var index = require('./index-W-zoNiyM.js');
 
 const initialState = {
     apiOrigin: "https://wc-proxy.justifi.ai",

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

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

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-BhI7cJcE.js');
-var parts = require('./parts-BVbaniVM.js');
+var index = require('./index-p7cvUYAE.js');
+var parts = require('./parts-BsBVknuf.js');
 
 var top = 'top';
 var bottom = 'bottom';
@@ -1795,43 +1795,71 @@ var createPopper = /*#__PURE__*/popperGenerator({
 const CustomPopper = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.showEvent = index.createEvent(this, "showEvent");
-        this.hideEvent = index.createEvent(this, "hideEvent");
+        this.showEvent = index.createEvent(this, "showEvent", 7);
+        this.hideEvent = index.createEvent(this, "hideEvent", 7);
         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: 'c3ff01a53b15d4678dcbd58e97606885a510a880' }, index.h("style", { key: 'f239956643a0f5463303992aa2466e37988a124d' }, `
+        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: '7b710736c1ffe73559ef53d9f1525c22785cde2e', class: "popper-content", ref: (el) => this.popperContentRef = el }, index.h("slot", { key: '116be40554b590b382ea7002f5c442d010059b48' }))));
+          `), 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-q5ha39uN.js → dispute.service-GDUl1Wjs.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var Api = require('./Api-QUTWjGTy.js');
+var Api = require('./Api-CVbEWBG6.js');
 require('./ComponentError-D4OLnOkg.js');
-require('./GooglePay-BwiJ_80p.js');
+require('./Plaid-DxPvVu0H.js');
 require('./Pagination-Dediz133.js');
-require('./Business-DWHy_-z9.js');
+require('./Business-CB8EVrhD.js');
 require('./Dispute-CruQTF6_.js');
 
 const api = Api.Api();

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

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-BhI7cJcE.js');
-var parts = require('./parts-BVbaniVM.js');
-var businessFormOptions = require('./business-form-options-e9UFw4P-.js');
+var index = require('./index-p7cvUYAE.js');
+var parts = require('./parts-BsBVknuf.js');
+var businessFormOptions = require('./business-form-options-B3CbEmdc.js');
 var formInputMasks = require('./form-input-masks-BnNFJ3IJ.js');
-var Business = require('./Business-DWHy_-z9.js');
-var countryConfig = require('./country-config-MCOhn8o3.js');
+var Business = require('./Business-CB8EVrhD.js');
+var countryConfig = require('./country-config-ETD-7Wb7.js');
 
 const FormAlert = class {
     constructor(hostRef) {
@@ -39,7 +39,7 @@ const AdditionalQuestions = class {
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
         const additionalQuestionsDefaultValue = this.formController.getInitialValues().additional_questions;
-        return (index.h(index.Host, { key: 'e3e354a7cf470f658e0f95d37186b1f45771b673' }, index.h("fieldset", { key: '7fb001177a4f907d513eb5955063d446234ede0c' }, index.h("legend", { key: 'ee6b045a438be9f56345daad752e105640f1ca3d', part: parts.heading2 }, "Additional Questions"), index.h("div", { key: 'ed114675357f3b70c34a3eb941fdb30e6219cdc9', class: "row gy-3" }, index.h("div", { key: 'b85c27c827cf5e5d0d556c343315e5eec736f538', class: "col-12 col-md-6" }, index.h("form-control-monetary-provisioning", { key: '4576f67fa74ba7c2ca9730468ddc52b055a3c496', name: "business_revenue", label: "What is the business' estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.additional_questions) === null || _b === void 0 ? void 0 : _b.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: formInputMasks.CURRENCY_MASK.WHOLE })), index.h("div", { key: '0614c60cc7daaf890ccb4888d41b0260a26f9a0e', class: "col-12 col-md-6" }, index.h("form-control-monetary-provisioning", { key: '2c435c1553714d75542e0e3bcf1d723f26b37da8', name: "business_payment_volume", label: "What is the business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.additional_questions) === null || _d === void 0 ? void 0 : _d.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: formInputMasks.CURRENCY_MASK.WHOLE })), index.h("div", { key: '8d4a19eb0b6b5707f4a423543d86ae50f6492efc', class: "col-12" }, index.h("form-control-select", { key: '2e49f907bae85cd4901e4aa4413284596fbed365', name: 'business_when_service_received', label: 'On average, how long after paying will your customers typically receive their goods or services?', inputHandler: this.inputHandler, errorText: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.additional_questions) === null || _f === void 0 ? void 0 : _f.business_when_service_received, options: businessFormOptions.businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), index.h("div", { key: '11bc4e0bbe2122b977cf8bc29ac0601ef941881c', class: "col-12" }, index.h("form-control-select", { key: 'c511b728971250dc3272c1ef9ff96131a9ac6a2e', name: 'business_recurring_payments', label: 'Does your business offer recurring payments?', inputHandler: this.inputHandler, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.additional_questions) === null || _h === void 0 ? void 0 : _h.business_recurring_payments, options: businessFormOptions.recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), index.h("div", { key: '5a40dfe41a9fca815cdf0eb7455b41615d1e6c76', class: "col-12" }, index.h("form-control-text", { key: 'd8aaf0f6d7d44b1b15ec76af198a0117493f08c6', name: 'business_recurring_payments_percentage', label: 'What percent of revenue is generated from each recurring payment type offered?', inputHandler: this.inputHandler, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.additional_questions) === null || _k === void 0 ? void 0 : _k.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage })), index.h("div", { key: 'b211bb865a60baf1ea00c81f76f000ff2a31d7bd', class: "col-12" }, index.h("form-control-select", { key: '4b693e7425e690a59e2c70646cca2b886b8a8796', name: 'business_seasonal', label: 'Is this business seasonal?', inputHandler: this.inputHandler, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.additional_questions) === null || _m === void 0 ? void 0 : _m.business_seasonal, options: businessFormOptions.seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), index.h("div", { key: 'e85b7fceb9cdc808afaf3559609b7519c9630266', class: "col-12" }, index.h("form-control-text", { key: 'ae4a6518c7499826f30376f1c902f694244059c7', name: 'business_other_payment_details', label: 'Is there anything else you would like us to know about how your customers pay the business?', inputHandler: this.inputHandler, errorText: (_p = (_o = this.errors) === null || _o === void 0 ? void 0 : _o.additional_questions) === null || _p === void 0 ? void 0 : _p.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
+        return (index.h(index.Host, { key: '825ad2a859cacac1b9ba7be60ade5f3bb108abee' }, index.h("fieldset", { key: 'be913775846b09d99c0c5809a93dfc2779bbae9c' }, index.h("legend", { key: '52db62eb99455247f317f3dfce9ed260139d9b92', part: parts.heading2 }, "Additional Questions"), index.h("div", { key: '9bca42f1668874643cb2c46f3ac39df85fb0cc45', class: "row gy-3" }, index.h("div", { key: '4f5cfbb11109a00d5427096503bceeb443349925', class: "col-12 col-md-6" }, index.h("form-control-monetary-provisioning", { key: '8d467c76af23e7aaa0a437a6b8631f8966dd7c41', name: "business_revenue", label: "What is the business' estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.additional_questions) === null || _b === void 0 ? void 0 : _b.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: formInputMasks.CURRENCY_MASK.WHOLE })), index.h("div", { key: '4e5ed2a46af18734a97e498fe03d0b39b6d64895', class: "col-12 col-md-6" }, index.h("form-control-monetary-provisioning", { key: '5dac6143381928fa469e610a51c680dc2d6458ba', name: "business_payment_volume", label: "What is the business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.additional_questions) === null || _d === void 0 ? void 0 : _d.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: formInputMasks.CURRENCY_MASK.WHOLE })), index.h("div", { key: '7ffc0942f4aa7a28fe5cb647af3fb4d0fbdfb19f', class: "col-12" }, index.h("form-control-select", { key: 'dd323dcdb5152040737ad91715e5f1eba17afaed', name: 'business_when_service_received', label: 'On average, how long after paying will your customers typically receive their goods or services?', inputHandler: this.inputHandler, errorText: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.additional_questions) === null || _f === void 0 ? void 0 : _f.business_when_service_received, options: businessFormOptions.businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), index.h("div", { key: 'f7d98dcddaee8beb583b7436007660012c856d06', class: "col-12" }, index.h("form-control-select", { key: 'c3dd0af43353221f0b6f34555afc6627eb6e4805', name: 'business_recurring_payments', label: 'Does your business offer recurring payments?', inputHandler: this.inputHandler, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.additional_questions) === null || _h === void 0 ? void 0 : _h.business_recurring_payments, options: businessFormOptions.recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), index.h("div", { key: '6afac5b74ebf3f833f3a773c4c364ec805c827ee', class: "col-12" }, index.h("form-control-text", { key: '8730d4945250eaf2aee10e2eb2327876f98e07f3', name: 'business_recurring_payments_percentage', label: 'What percent of revenue is generated from each recurring payment type offered?', inputHandler: this.inputHandler, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.additional_questions) === null || _k === void 0 ? void 0 : _k.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage })), index.h("div", { key: '4e13389f89aad6598817c4a45e5a8125ae21b9a4', class: "col-12" }, index.h("form-control-select", { key: '5cb9f4af9b1a1a707f6110073356474397b46489', name: 'business_seasonal', label: 'Is this business seasonal?', inputHandler: this.inputHandler, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.additional_questions) === null || _m === void 0 ? void 0 : _m.business_seasonal, options: businessFormOptions.seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), index.h("div", { key: '705affae85c29fe6d5270ad32a2af9bdeed9b6e9', class: "col-12" }, index.h("form-control-text", { key: '08807d448e5a4f1865a22d06d9e1e34d27bb5f5f', name: 'business_other_payment_details', label: 'Is there anything else you would like us to know about how your customers pay the business?', inputHandler: this.inputHandler, errorText: (_p = (_o = this.errors) === null || _o === void 0 ? void 0 : _o.additional_questions) === null || _p === void 0 ? void 0 : _p.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
     }
 };
 
@@ -63,10 +63,10 @@ const BusinessCoreInfo = class {
     render() {
         var _a, _b;
         const coreInfoDefaultValue = this.formController.getInitialValues();
-        return (index.h(index.Host, { key: '0dba6443b063d02368f93f3a336a8051364b5fca' }, index.h("fieldset", { key: '42eabe1f20623241291a8bc374c14b0727fae5cd' }, index.h("legend", { key: 'b74d116fa26b843eee56201c3997ecf916453a23', part: parts.heading2 }, "General Info"), index.h("div", { key: '8370be848754f5730d1f5bffbfb51875cec01218', class: "row gy-3" }, index.h("div", { key: 'b891b5ce1820755b44a4d4d14240cd6f6f705114', class: "col-12" }, index.h("form-control-text", { key: '712f62f8feb4c34eb90048f29158c03cf71b38db', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), index.h("div", { key: '52cb8a48648bb036b04fba034dc27a4b286bf7ce', class: "col-12" }, index.h("form-control-text", { key: '655edd4ae78b47fea221308ce9e582eb731454a7', name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler })), index.h("div", { key: '0cd13bcea3e7e1ef90e5d071ea40690f7a8ea022', class: "col-12 col-md-8" }, index.h("form-control-select", { key: '00a2173bda66d059f9ef7534b3535a4f36dbbbc1', name: "classification", label: "Business Classification", options: businessFormOptions.businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), index.h("div", { key: '4c157888deded84baa24ffdd5c5d74e90590c5f8', class: "col-12 col-md-4" }, index.h("form-control-date", { key: '7af97d93cf2a9f7ff988621d53e528a8930932ed', name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), index.h("div", { key: 'b5d0493b01ad9a0853bea95b76220c939cd43828', class: "col-12 col-md-6" }, index.h("form-control-text", { key: '5df583e04316c0afeaef771177dff20f6d266362', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), index.h("div", { key: '0bd63d995778469190a97a21190e3da742a468fa', class: "col-12 col-md-6" }, (!((_a = this.coreInfo) === null || _a === void 0 ? void 0 : _a.tax_id_last4) || this.isEditingTaxId) ? (index.h("form-control-number-masked", { name: "tax_id", label: countryConfig.countryLabels[this.country].taxIdLabel, defaultValue: this.isEditingTaxId ? '' : coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: formInputMasks.IDENTITY_MASKS[this.country], helpText: countryConfig.countryLabels[this.country].taxIdHelpText })) : (index.h("div", null, index.h("label", { class: "form-label", part: parts.label }, countryConfig.countryLabels[this.country].taxIdLabel), index.h("div", { class: "input-group mb-3" }, index.h("input", { type: "text", class: "form-control", part: parts.inputDisabled, value: `****${(_b = this.coreInfo) === null || _b === void 0 ? void 0 : _b.tax_id_last4}`, disabled: true }), index.h("button", { class: "btn btn-secondary", type: "button", part: parts.buttonSecondary, onClick: () => {
+        return (index.h(index.Host, { key: 'd60b250bd327a8f49ac2854ef90a50149952d91f' }, index.h("fieldset", { key: '99523dc8f944bbbd51fd1cd660fcd2908658a5b8' }, index.h("legend", { key: 'f709a73ed08970d75e83617d9d4927a33fc8bcc4', part: parts.heading2 }, "General Info"), index.h("div", { key: '7519e5f5b18247f63010edb6b15994413a1349f1', class: "row gy-3" }, index.h("div", { key: 'd11c9b6bc5f91ed3c521eeee88ee866ec81cb363', class: "col-12" }, index.h("form-control-text", { key: '8d346946db7275e1f64c84019dc2e202be77f8f7', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), index.h("div", { key: '4bdfff98f5652dfd22c04a4340b1ac882bf3ce65', class: "col-12" }, index.h("form-control-text", { key: '97055ec207286cb931e04f301fb6a0abef8e1085', name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler })), index.h("div", { key: 'aa43935a6d369a3f7c7fea36805fe2b15b908e06', class: "col-12 col-md-8" }, index.h("form-control-select", { key: 'fe958c7152cc3da4f33f666c4f57e692119fda18', name: "classification", label: "Business Classification", options: businessFormOptions.businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), index.h("div", { key: 'c6c3233c998973732545d3f9623ee0e7f2606ead', class: "col-12 col-md-4" }, index.h("form-control-date", { key: 'a87ac87813b6fe6c84cafbda1977c4ba93741342', name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), index.h("div", { key: '5046bf2e0c9e2bbc6bbb6c8809b7147acab1ee1f', class: "col-12 col-md-6" }, index.h("form-control-text", { key: '1771cd9caf5e29d4e03666e3cebed92dcdaa686a', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), index.h("div", { key: '1a9beb47f729497275e15ad8d4910ad5b4c9951d', class: "col-12 col-md-6" }, (!((_a = this.coreInfo) === null || _a === void 0 ? void 0 : _a.tax_id_last4) || this.isEditingTaxId) ? (index.h("form-control-number-masked", { name: "tax_id", label: countryConfig.countryLabels[this.country].taxIdLabel, defaultValue: this.isEditingTaxId ? '' : coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: formInputMasks.IDENTITY_MASKS[this.country], helpText: countryConfig.countryLabels[this.country].taxIdHelpText })) : (index.h("div", null, index.h("label", { class: "form-label", part: parts.label }, countryConfig.countryLabels[this.country].taxIdLabel), index.h("div", { class: "input-group mb-3" }, index.h("input", { type: "text", class: "form-control", part: parts.inputDisabled, value: `****${(_b = this.coreInfo) === null || _b === void 0 ? void 0 : _b.tax_id_last4}`, disabled: true }), index.h("button", { class: "btn btn-secondary", type: "button", part: parts.buttonSecondary, onClick: () => {
                 this.isEditingTaxId = true;
                 this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { tax_id: '' }));
-            } }, "Change"))))), index.h("div", { key: '3decd3a593098a1c36e4baf1aeb846603b4a6769', class: "col-12" }, index.h("form-control-text", { key: 'e3cb697846ad086ca6f4998d302574bb4de4c4a6', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), index.h("div", { key: '69c357ad3d2b5464d0c333c8fdc82353044b7301', class: "col-12 col-md-6" }, index.h("form-control-text", { key: '49857dc20c817d8c600dbeae9c8191452ec1898f', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { key: '1c9279a56b389fcd71ffeaad66df8a067a035334', class: "col-12 col-md-6" }, index.h("form-control-number-masked", { key: '7c329ae3c7dcff34d88bce2a64d9ccaa09384055', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US }))))));
+            } }, "Change"))))), index.h("div", { key: '94b23160df7686b910628f02451c12a7752b72cd', class: "col-12" }, index.h("form-control-text", { key: '40faf5a4b4f9c8d21385ee078ed9f4aaa9f47583', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), index.h("div", { key: '36a7c80684f7fb5259f3e9385393a2787bbd1516', class: "col-12 col-md-6" }, index.h("form-control-text", { key: 'a3bf801d4789e2b6328842b4bb1dfe8758f946b6', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { key: '437eeff1d27957a77b7bf4c9e4aa2fc4fa436867', class: "col-12 col-md-6" }, index.h("form-control-number-masked", { key: '0780f85cedacda3b8288ba54b5b40b86338ce877', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US }))))));
     }
 };
 
@@ -100,11 +100,11 @@ const BusinessRepresentative = class {
     render() {
         var _a, _b;
         const representativeDefaultValue = this.formController.getInitialValues().representative;
-        return (index.h(index.Host, { key: '2d8a5324bfea8bd297b5db5f1e5aaf5d9aa51cb4' }, index.h("fieldset", { key: 'c25884a7aaa0ffb19316002e8ce9e158a1f0b8e9' }, index.h("legend", { key: 'af36d94625e4b82c8418079b60cade953ac53e8e', part: parts.heading2 }, "Representative"), index.h("div", { key: 'c3ad5ca5e1c636db05fa3994c443975ecc363e62', class: "row gy-3" }, index.h("div", { key: '8b27315feb79cf08d69c5a108426705cb6445c71', class: "col-12 col-md-8" }, index.h("form-control-text", { key: 'f6ffb2619c6537f99bed5a35602d3d7d68f821ad', name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { key: 'cde914c872fcfbe0395f358b570d9cefbf14872e', class: "col-12 col-md-4" }, index.h("form-control-text", { key: 'c70330625ed26d8d5e8d00af7df55571ef4ff32a', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), index.h("div", { key: '64bba44c0facd07c8648fba1ce31385b33f94513', class: "col-12 col-md-6" }, index.h("form-control-text", { key: '33c7c4a365f6d7ce43e6b98b9ca3646f2263abd1', name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { key: '5b96d76754918f37fc4f226a5c6656529b77b63f', class: "col-12 col-md-6" }, index.h("form-control-number-masked", { key: 'c7cf814cf84a0c69e547c0b60f643b7fb78490af', name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US })), index.h("div", { key: 'e5c486242e9fb47c81a28831a9a648bee28e95d5', class: "col-12 col-md-4" }, index.h("form-control-date", { key: '519cc94edb63b5f465d0ada9fe905e68aca54e1e', name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), index.h("div", { key: 'b971e1320a57061d9d1eae7adb28eda19ce855a4', class: "col-12 col-md-8" }, (!((_a = this.representative) === null || _a === void 0 ? void 0 : _a.ssn_last4) || this.isEditingIdentification) ? (index.h("form-control-number-masked", { name: "identification_number", label: this.identificationNumberLabel, defaultValue: this.isEditingIdentification ? '' : representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: formInputMasks.IDENTITY_MASKS[this.country], helpText: countryConfig.countryLabels[this.country].identityHelpText })) : (index.h("div", null, index.h("label", { class: "form-label", part: parts.label }, this.identificationNumberLabel), index.h("div", { class: "input-group mb-3" }, index.h("input", { type: "text", class: "form-control", part: parts.inputDisabled, value: `****${(_b = this.representative) === null || _b === void 0 ? void 0 : _b.ssn_last4}`, disabled: true }), index.h("button", { class: "btn btn-secondary", type: "button", part: parts.buttonSecondary, onClick: () => {
+        return (index.h(index.Host, { key: '23d11271b1ec0b5a36222cf972b3cbb94a436a99' }, index.h("fieldset", { key: '9062abcf81faf8c1bd136a7ad28ee9f21831b4fb' }, index.h("legend", { key: '61cf510c63cfe30278e1a07a0186a4feac0c31ec', part: parts.heading2 }, "Representative"), index.h("div", { key: '431ab7681cc1dc022d251dd4caaf4fc6a7def9b1', class: "row gy-3" }, index.h("div", { key: 'd94add92e02afa9dbb7cc617fea60bd0bc37db9c', class: "col-12 col-md-8" }, index.h("form-control-text", { key: '2cdf16e8f5984de4db422fde0b0e353fb6029912', name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { key: 'cff4220ba8704a02a7f8642b562116ef63400bd8', class: "col-12 col-md-4" }, index.h("form-control-text", { key: '949b4eea179738a03ff0b9336e8325320da56473', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), index.h("div", { key: 'dc21ee17586cce9b39a924df668ad9c5be1ab84b', class: "col-12 col-md-6" }, index.h("form-control-text", { key: '0470770dbe028c8247bd8405d68d4d1690b5e4e4', name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { key: 'dcbd23ab368e630ebaea9e8bdbb6985a98d5fbeb', class: "col-12 col-md-6" }, index.h("form-control-number-masked", { key: '6625e7fda86feabad127a97b7c06a40d19903b34', name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US })), index.h("div", { key: '6f9df4495d3fea041a643eb6bb0560b1747b094a', class: "col-12 col-md-4" }, index.h("form-control-date", { key: 'a8c3cbc3d2c075e82e82c8fd4a123eade5a64e5c', name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), index.h("div", { key: 'a5be0388dbfa97375cedaf059e51b680170d806f', class: "col-12 col-md-8" }, (!((_a = this.representative) === null || _a === void 0 ? void 0 : _a.ssn_last4) || this.isEditingIdentification) ? (index.h("form-control-number-masked", { name: "identification_number", label: this.identificationNumberLabel, defaultValue: this.isEditingIdentification ? '' : representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: formInputMasks.IDENTITY_MASKS[this.country], helpText: countryConfig.countryLabels[this.country].identityHelpText })) : (index.h("div", null, index.h("label", { class: "form-label", part: parts.label }, this.identificationNumberLabel), index.h("div", { class: "input-group mb-3" }, index.h("input", { type: "text", class: "form-control", part: parts.inputDisabled, value: `****${(_b = this.representative) === null || _b === void 0 ? void 0 : _b.ssn_last4}`, disabled: true }), index.h("button", { class: "btn btn-secondary", type: "button", part: parts.buttonSecondary, onClick: () => {
                 this.isEditingIdentification = true;
                 // Clear last4 and current value to force validation
                 this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { representative: Object.assign(Object.assign({}, this.formController.values.getValue().representative), { ssn_last4: null, identification_number: '' }) }));
-            } }, "Change"))))), index.h("div", { key: '92b0c2109f98ac67a32ad57ca91c4f663d3de307', class: "col-12" }, index.h("justifi-identity-address-form", { key: '187ac4670413b762f4f78dcde5a33ae2a73f203f', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
+            } }, "Change"))))), index.h("div", { key: 'be522af99631fad573411bc5415fd6a712bc5486', class: "col-12" }, index.h("justifi-identity-address-form", { key: '145c76eb8c16fdd113dcd61faff219f852b22214', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
     }
 };
 
@@ -124,7 +124,7 @@ const LegalAddressForm = class {
     render() {
         var _a;
         const legalAddressDefaultValue = this.formController.getInitialValues().legal_address;
-        return (index.h(index.Host, { key: '020c1a41ff7fa0881464463322b54754e7664957' }, index.h("fieldset", { key: 'cb1ae50abc99f8915cead7ef850de52f62bab304' }, index.h("legend", { key: '74d2bba4a9557ff2ac5b9b34d0947e9a076ddb84', part: parts.heading2 }, "Business Legal Address"), index.h("justifi-form-address-fields", { key: '86d9fc1d344ace729cdc75b1a9239b74865f306b', country: this.country, errors: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
+        return (index.h(index.Host, { key: '11d54eb58574e9afdeed03b357f4c5b89752b48b' }, index.h("fieldset", { key: '3608fc95fb7d60fcd5485394fc1a8210f91d13a8' }, index.h("legend", { key: 'ffe6b8794039b1df22e0bd1775cf497edac543d7', part: parts.heading2 }, "Business Legal Address"), index.h("justifi-form-address-fields", { key: '34adccfea54d0603d3e8899df048f3aab1b8b64c', country: this.country, errors: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
     }
 };
 

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

@@ -1,17 +1,20 @@
 'use strict';
 
-var index = require('./index-BhI7cJcE.js');
-var parts = require('./parts-BVbaniVM.js');
-var formControlHelpText = require('./form-control-help-text-tB5u1-5M.js');
-var formControlErrorText = require('./form-control-error-text-Dg_65HGK.js');
+var index = require('./index-p7cvUYAE.js');
+var parts = require('./parts-BsBVknuf.js');
+var formControlHelpText = require('./form-control-help-text-B2yMic8i.js');
+var formControlErrorText = require('./form-control-error-text-BC5aRpfl.js');
 require('./event-types-YOY5TKUN.js');
 
 const CheckboxInput = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.formControlInput = index.createEvent(this, "formControlInput");
-        this.formControlBlur = index.createEvent(this, "formControlBlur");
+        this.formControlInput = index.createEvent(this, "formControlInput", 7);
+        this.formControlBlur = index.createEvent(this, "formControlBlur", 7);
         this.isFocused = false;
+        this.errorText = '';
+        this.inputHandler = () => { };
+        this.disabled = false;
         this.handleFormControlInput = (event) => {
             event.preventDefault();
             const target = event.target;
@@ -39,10 +42,10 @@ const CheckboxInput = class {
         return parts.inputCheckbox;
     }
     render() {
-        return (index.h(index.Host, { key: 'b21aecbedc9eabe175a7c49de7289e7f514a2dca' }, index.h("div", { key: '7ce9735adb9b351864381ae4966e5344be8cb2de', class: 'form-group d-flex flex-column' }, index.h("div", { key: 'b99004c99627c2ffdc31c098d3ae956f391fbae3', class: "form-check" }, index.h("input", { key: 'f0e2bb106393a2eff4f172eac1c1e97aa8a184e2', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '56962751d91674cfeb2716ba90bb9e9751ea4f66' }, index.h("div", { key: 'e3bb3cac2bf8ae03fc72558b3c00ef32ee56f61d', class: 'form-group d-flex flex-column' }, index.h("div", { key: '7be82e8be1da073c8f0e5ca7d609ce1d29c82c5e', class: "form-check" }, index.h("input", { key: 'f6b5f0ed365937feeb6ee0d885c55a27f21eaec0', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), index.h("label", { key: '18911a1180bd64375104fdbb3ba9a89f822e33cb', class: "form-check-label", htmlFor: this.name, part: parts.label }, this.label)), index.h(formControlHelpText.FormControlHelpText, { key: '4d0d0df3bf3cbaf1314e37cbb24b5ba61446d1f7', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: '5270fa11eecdc61c155a9eeacb83781d7b2445d8', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), index.h("label", { key: 'dda8703d86506cdd5a3b3549f3c54296830ff20f', class: "form-check-label", htmlFor: this.name, part: parts.label }, this.label)), index.h(formControlHelpText.FormControlHelpText, { key: 'a4260e0cc463ad937128d46a3eb251191319473d', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: 'de41ad6865a3d0414fa850ee5439cc11abf31f4f', errorText: this.errorText, name: this.name }))));
     }
 };