@justifi/webcomponents 4.21.0 → 4.22.1

package/dist/collection/api/Terminal.js

@@ -0,0 +1,25 @@
+export var TerminalStatuses;
+(function (TerminalStatuses) {
+    TerminalStatuses["connected"] = "connected";
+    TerminalStatuses["disconnected"] = "disconnected";
+    TerminalStatuses["unknown"] = "unknown";
+})(TerminalStatuses || (TerminalStatuses = {}));
+export var TerminalProviders;
+(function (TerminalProviders) {
+    TerminalProviders["verifone"] = "verifone";
+})(TerminalProviders || (TerminalProviders = {}));
+export class Terminal {
+    constructor(data) {
+        this.id = data.id || '';
+        this.status = data.status;
+        this.account_id = data.account_id || '';
+        this.platform_account_id = data.platform_account_id || '';
+        this.provider = data.provider || '';
+        this.provider_id = data.provider_id || '';
+        this.created_at = data.created_at || '';
+        this.updated_at = data.updated_at || '';
+        this.verified_at = data.verified_at || '';
+        this.nickname = data.nickname || '';
+    }
+}
+;

package/dist/collection/api/get-subaccounts.js

@@ -0,0 +1,31 @@
+import { SubAccount } from "./SubAccount";
+import { ComponentErrorSeverity } from "./ComponentError";
+import { getErrorCode, getErrorMessage } from "./services/utils";
+export const makeGetSubAccounts = ({ accountId, authToken, service, apiOrigin }) => async ({ params, onSuccess, onError }) => {
+    var _a, _b;
+    try {
+        const response = await service.fetchSubAccounts(accountId, authToken, params, apiOrigin);
+        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 SubAccount(dataItem))) || [];
+            onSuccess({ subAccounts, pagingInfo });
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_b = response.error) === null || _b === void 0 ? void 0 : _b.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+};

package/dist/collection/api/index.js

@@ -5,3 +5,5 @@ export * from './Insurance';
 export * from './Pagination';
 export * from './Payment';
 export * from './Payout';
+export * from './Terminal';
+export * from './SubAccount';

package/dist/collection/api/services/checkout.service.js

@@ -1,10 +1,19 @@
-import { Api } from "..";
 import { config } from "../../../config";
+import { Api } from "..";
 export class CheckoutService {
     async fetchCheckout(authToken, checkoutId) {
         const endpoint = `checkouts/${checkoutId}`;
         return Api({ authToken, apiOrigin: config.proxyApiOrigin }).get(endpoint);
     }
+    async fetchCheckouts(accountId, authToken, params, apiOrigin) {
+        if (!apiOrigin) {
+            apiOrigin = config.proxyApiOrigin;
+        }
+        const headers = { Account: accountId };
+        const api = Api({ authToken, apiOrigin: apiOrigin });
+        const endpoint = 'checkouts';
+        return api.get(endpoint, params, null, headers);
+    }
     async complete(authToken, checkoutId, payment) {
         const endpoint = `checkouts/${checkoutId}/complete`;
         const payload = {

package/dist/collection/api/services/subaccounts.service.js

@@ -0,0 +1,13 @@
+import { Api } from "..";
+import { config } from "../../../config";
+export class SubAccountService {
+    async fetchSubAccounts(accountId, authToken, params, apiOrigin) {
+        if (!apiOrigin) {
+            apiOrigin = config.proxyApiOrigin;
+        }
+        const headers = { Account: accountId };
+        const api = Api({ authToken, apiOrigin: apiOrigin });
+        const endpoint = 'sub_accounts';
+        return api.get(endpoint, params, null, headers);
+    }
+}

package/dist/collection/api/services/terminal.service.js

@@ -0,0 +1,20 @@
+import { Api } from "..";
+import { config } from "../../../config";
+export class TerminalService {
+    async fetchTerminals(accountId, authToken, params, apiOrigin) {
+        if (!apiOrigin) {
+            apiOrigin = config.proxyApiOrigin;
+        }
+        const headers = { Account: accountId };
+        const api = Api({ authToken, apiOrigin: apiOrigin });
+        const endpoint = 'terminals';
+        return api.get(endpoint, params, null, headers);
+    }
+    async fetchTerminal(terminalId, authToken, apiOrigin) {
+        if (!apiOrigin) {
+            apiOrigin = config.proxyApiOrigin;
+        }
+        const endpoint = `terminals/${terminalId}`;
+        return Api({ authToken, apiOrigin: apiOrigin }).get(endpoint);
+    }
+}

package/dist/collection/collection-manifest.json

@@ -49,37 +49,59 @@
     "components/checkout/save-new-payment-method.js",
     "components/checkout/saved-payment-method.js",
     "components/checkout/sezzle-payment-method.js",
-    "components/details/details.js",
-    "components/form/form-control-checkbox.js",
-    "components/form/form-control-date.js",
-    "components/form/form-control-file.js",
-    "components/form/form-control-monetary.js",
-    "components/form/form-control-number-masked.js",
-    "components/form/form-control-number.js",
-    "components/form/form-control-select.js",
-    "components/form/form-control-text.js",
-    "components/form/form-helpers/form-alert/form-alert.js",
-    "components/form/form-helpers/form-control-error-text/form-control-error-text.js",
-    "components/form/form-helpers/form-control-help-text/form-control-help-text.js",
-    "components/form/form-helpers/form-control-tooltip/form-control-tooltip.js",
+    "components/checkouts-list/checkouts-list-core.js",
+    "components/checkouts-list/checkouts-list-filters.js",
+    "components/checkouts-list/checkouts-list.js",
+    "ui-components/filters/table-filters-menu.js",
+    "ui-components/form/form-control-select.js",
+    "components/dispute-management/dispute-management-core.js",
+    "components/dispute-management/dispute-management.js",
+    "components/dispute-management/dispute-notification.js",
+    "components/dispute-management/counter-dispute/additional-statement.js",
+    "components/dispute-management/counter-dispute/cancellation-policy.js",
+    "components/dispute-management/counter-dispute/counter-dispute.js",
+    "components/dispute-management/counter-dispute/customer-details.js",
+    "components/dispute-management/counter-dispute/dispute-reason.js",
+    "components/dispute-management/counter-dispute/duplicate-charge.js",
+    "components/dispute-management/counter-dispute/electronic-evidence.js",
+    "components/dispute-management/counter-dispute/product-or-service.js",
+    "components/dispute-management/counter-dispute/refund-policy.js",
+    "components/dispute-management/counter-dispute/shipping-details.js",
     "components/gross-payment-chart/gross-payment-chart-core.js",
     "components/gross-payment-chart/gross-payment-chart.js",
     "components/insurance/season-interruption/season-interruption-insurance-core.js",
     "components/insurance/season-interruption/season-interruption-insurance.js",
     "components/payment-details/payment-details-core.js",
     "components/payment-details/payment-details.js",
+    "ui-components/details/details.js",
     "components/payment-form/payment-form.js",
     "components/payment-form/payment-method-selector.js",
     "components/payments-list/payments-list-core.js",
     "components/payments-list/payments-list-filters.js",
     "components/payments-list/payments-list.js",
-    "ui-components/filters/table-filters-menu.js",
     "components/payout-details/payout-details-core.js",
     "components/payout-details/payout-details.js",
     "components/payouts-list/payouts-list-core.js",
     "components/payouts-list/payouts-list.js",
     "components/refund-form/refund-form.js",
-    "ui-components/custom-popper/custom-popper.js"
+    "components/terminals-list/terminals-list-core.js",
+    "components/terminals-list/terminals-list-filters.js",
+    "components/terminals-list/terminals-list.js",
+    "components/tokenize-payment-method/tokenize-payment-method.js",
+    "ui-components/custom-popper/custom-popper.js",
+    "ui-components/form/form-control-checkbox.js",
+    "ui-components/form/form-control-date.js",
+    "ui-components/form/form-control-file.js",
+    "ui-components/form/form-control-monetary.js",
+    "ui-components/form/form-control-number-masked.js",
+    "ui-components/form/form-control-number.js",
+    "ui-components/form/form-control-radio.js",
+    "ui-components/form/form-control-text.js",
+    "ui-components/form/form-control-textarea.js",
+    "ui-components/form/form-helpers/form-alert/form-alert.js",
+    "ui-components/form/form-helpers/form-control-error-text/form-control-error-text.js",
+    "ui-components/form/form-helpers/form-control-help-text/form-control-help-text.js",
+    "ui-components/form/form-helpers/form-control-tooltip/form-control-tooltip.js"
   ],
   "compiler": {
     "name": "@stencil/core",

package/dist/collection/components/billing-form/billing-form.js

@@ -1,8 +1,8 @@
 import { h } from "@stencil/core";
 import BillingFormSchema from "./billing-form-schema";
 import StateOptions from "../../utils/state-options";
-import { FormController } from "../form/form";
-import { numberOnlyHandler } from "../form/utils";
+import { FormController } from "../../ui-components/form/form";
+import { numberOnlyHandler } from "../../ui-components/form/utils";
 import { StyledHost } from "../../ui-components";
 /**
  * @exportedPart label: Label for inputs
@@ -40,7 +40,7 @@ export class BillingForm {
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(StyledHost, { key: 'b08094d3c44d35cdb3c21b4bc360dbbee19d7d15', exportparts: "label,input,input-invalid" }, h("form", { key: '392538a781ffa2ac299cbc4203bab5efd10e77cc' }, h("fieldset", { key: 'f4b5a5ec9a91e9f50a3847c5eb16635c4f9d569a' }, this.legend && h("legend", { key: 'eb75e22f9df33c13e3851ece784d237b8973e2c5' }, this.legend), h("div", { key: 'd7ffdc1cfeda5568ad003a4d3bbe94765de04605', class: "row gy-3" }, h("div", { key: 'c22f9e7b2f33b5c298bb5f0a5c7bcaa709c231a0', class: "col-12" }, h("form-control-text", { key: 'd6eb4d2f4d1a2a709e0f29bf18b5d9700bd91a13', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '8494ee3c14f8923d18d8708077e030c2f141a251', class: "col-12" }, h("form-control-text", { key: '63266eb0e2b2b006a3c914a68703ee1cdf848f83', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { key: '0a19fcf5c172d2539f23e147f39461d84dfd9d37', class: "col-12" }, h("form-control-text", { key: '0e5fae5d65d5ea195de0227d1e4f79cee7c7a0fb', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { key: '13104554e8247cb0534c3dc9e6a16b2f44397795', class: "col-12" }, h("form-control-text", { key: '430e59713ec66ff7a6f735ca24640c27b05cbeee', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { key: '5b81499717f67d5f499f4ebfc585056ef5bd3d56', class: "col-12" }, h("form-control-select", { key: '726c724eda5f25a92bad7e549ff7845ece7b41e1', name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { key: '5d5a6e0949c5ad93da5bc1837dadf88c2128212d', class: "col-12" }, h("form-control-text", { key: 'ebb4e77126d86011d9a1ed5d118461198b399092', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler })))))));
+        return (h(StyledHost, { key: '221838c3ba8255b62db0f2feee7b227b0d240627', exportparts: "label,input,input-invalid" }, h("form", { key: '87377d7776c3fdf7ffa351f25522921b233dd16f' }, h("fieldset", { key: '821487e408ec634dd23417604f02f1aa212dcb2a' }, this.legend && h("legend", { key: 'c042f51480e23ad455a6d3fc420f494c33d93f2c' }, this.legend), h("div", { key: '6a9f2c0fd10c7786b132f7208036cf878e3fe8c1', class: "row gy-3" }, h("div", { key: 'b375c19faeb23927e290c4a60b4347dc64868840', class: "col-12" }, h("form-control-text", { key: 'be3b78234607f996efe8971082ff457e63767e22', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '95d3f3bb6ff7df39deb2967db11017e8f80ca5a9', class: "col-12" }, h("form-control-text", { key: '9e719038219bf7b7651679b617b2131ab5336289', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { key: '0945bca70a70abfdce40c8d52537eb06479aface', class: "col-12" }, h("form-control-text", { key: '59b9b87c005609daf501b0d7d6a8d640297c75c4', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { key: 'f3e9d8297e9e4009a0b16f331eeffb1316a92030', class: "col-12" }, h("form-control-text", { key: '158a4d2e3e85700a5c80304e0316391090b52f74', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { key: '67110a816d76d4c98062859733def72e88f1a3d9', class: "col-12" }, h("form-control-select", { key: 'd26b22251d6da9d8f7b8bb109126e804cdfbccb0', name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { key: 'a248ef0a4860d9d634f46e96cc953c8ca0ee64f1', class: "col-12" }, h("form-control-text", { key: '36f96a7e94088dd140ca9774903387ae2be3cad8', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler })))))));
     }
     static get is() { return "justifi-billing-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/business-details/additional-questions-details/additional-questions-details.js

@@ -1,5 +1,5 @@
 import { Host, h } from "@stencil/core";
-import { DetailSectionTitle, DetailItem } from "../../details/utils";
+import { DetailItem, DetailSectionTitle } from "../../../ui-components/details/utils";
 import { isEmptyObject } from "../../../utils/utils";
 /**
  *

package/dist/collection/components/business-details/business-details-core.js

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import { ErrorState, LoadingState } from "../details/utils";
+import { ErrorState, LoadingState } from "../../ui-components/details/utils";
 import { StyledHost } from "../../ui-components";
 var RENDER_STATES;
 (function (RENDER_STATES) {

package/dist/collection/components/business-details/business-details.js

@@ -1,5 +1,5 @@
 import { Host, h } from "@stencil/core";
-import { ErrorState } from "../details/utils";
+import { ErrorState } from "../../ui-components/details/utils";
 import { BusinessService } from "../../api/services/business.service";
 import { makeGetBusiness } from "./get-business";
 import { ComponentErrorCodes, ComponentErrorSeverity } from "../../api/ComponentError";

package/dist/collection/components/business-details/generic-info-details/generic-info-details.js

@@ -1,5 +1,5 @@
 import { Host, h } from "@stencil/core";
-import { DetailSectionTitle, DetailItem } from "../../details/utils";
+import { DetailItem, DetailSectionTitle } from "../../../ui-components/details/utils";
 import { snakeCaseToHumanReadable } from "../../../utils/utils";
 export class GenericInfoDetails {
     constructor() {

package/dist/collection/components/business-details/legal-address-details/legal-address-details.js

@@ -1,5 +1,5 @@
 import { Host, h } from "@stencil/core";
-import { DetailSectionTitle, DetailItem } from "../../details/utils";
+import { DetailItem, DetailSectionTitle } from "../../../ui-components/details/utils";
 import { isEmptyObject } from "../../../utils/utils";
 export class LegalAddressDetails {
     constructor() {

package/dist/collection/components/business-details/owner-details/owner-details.js

@@ -1,5 +1,5 @@
 import { Host, h } from "@stencil/core";
-import { DetailSectionTitle, DetailItem } from "../../details/utils";
+import { DetailItem, DetailSectionTitle } from "../../../ui-components/details/utils";
 import { formatMediumDate } from "../../../utils/utils";
 export class OwnerDetails {
     constructor() {

package/dist/collection/components/business-details/representative-details/representative-details.js

@@ -1,5 +1,5 @@
 import { Host, h } from "@stencil/core";
-import { DetailSectionTitle, DetailItem } from "../../details/utils";
+import { DetailItem, DetailSectionTitle } from "../../../ui-components/details/utils";
 import { formatMediumDate, isEmptyObject } from "../../../utils/utils";
 /**
  *

package/dist/collection/components/business-forms/business-form/additional-questions/additional-questions.js

@@ -37,8 +37,8 @@ export class AdditionalQuestions {
                     "references": {
                         "FormController": {
                             "location": "import",
-                            "path": "../../../form/form",
-                            "id": "src/components/form/form.ts::FormController"
+                            "path": "../../../../components",
+                            "id": "src/components.d.ts::FormController"
                         }
                     }
                 },

package/dist/collection/components/business-forms/business-form/business-core-info/business-core-info.js

@@ -30,7 +30,7 @@ export class BusinessCoreInfo {
     }
     render() {
         const coreInfoDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: '59fa8a9a4bef1875845633b66b60ebf2350fe61e', exportparts: "label,input,input-invalid" }, h("fieldset", { key: '7b6c58d55cf2ed0f5020f043e164c63423d9ee4f' }, h("legend", { key: '5be18bc86f27541d7c6bb4ea4e05e3df4c9d87c0' }, "General Info"), h("hr", { key: '33747ac14e24ef2ecf9e84970cd8924b9f5a5c53' }), h("div", { key: '3d550cac878b9676d620fbea3c14dacf4db4e72f', class: "row gy-3" }, h("div", { key: 'd2226f4bdbbd87169d1ef75f9ffc1d7f6a6acba7', class: "col-12" }, h("form-control-text", { key: '4367c1eeec808b9b134c880be587f58327778bb2', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '455cacee1c69e28fc447e893bf648ff30946f66f', class: "col-12" }, h("form-control-text", { key: '1ea37fac67414741edab132c0b8d70c84cb4f1db', name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { key: '3da63dd018d2503a9b47a2b0950f95ce887ba38d', class: "col-12 col-md-8" }, h("form-control-select", { key: 'a059c7fda30418c4338ac58630170104d616c0f2', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: '9157cac7c6999b25c8acf4e698d082a0fcbffe9d', class: "col-12 col-md-4" }, h("form-control-date", { key: '0726e93b8f6b2bd792102bb131c13e0806717f82', name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { key: 'f3391ac0166116ef685c6d26e6d0705d087fa83d', class: "col-12 col-md-6" }, h("form-control-text", { key: '682a18784fab9410002c7949a7cfa606f3ec5784', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '4a2d95cc422ebc882e2a47237f5b1324a7660b36', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '0d138b6bafde2b5fc7c45f9d4d51746e5f91baaa', name: "tax_id", label: "Tax ID", defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: TAX_ID_MASKS.US })), h("div", { key: 'a895244496b196804a16931589f6f353c49476e8', class: "col-12" }, h("form-control-text", { key: '68375469c212b97e76861e5b8590dd502533a35a', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: '84d1a7f2b51b6dae3283bbd6d0f5aca81a0da07b', class: "col-12 col-md-6" }, h("form-control-text", { key: '27f9dd986a431fa14028f1faa3997bbdb623574e', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '0902cff0a887d5f19c5326ce135fed5f54d6643a', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'bbce92814cbf42f17a0a9e1e1df194d3ea3a15b0', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
+        return (h(Host, { key: '8d81a67cdd39073a8a2c4a392b848583bfbd3bb8', exportparts: "label,input,input-invalid" }, h("fieldset", { key: '83cf000ec3b8d66bc62d87e9adaf323e148d8caf' }, h("legend", { key: '904718bfb29a0542edf87a200c787424802a5e83' }, "General Info"), h("hr", { key: 'c62b85278d5dad53a5f87b4ce58e91092a7d8669' }), h("div", { key: 'f0bb373bf75561070fb745e0c73c3c65fd6754f1', class: "row gy-3" }, h("div", { key: 'a4d7446b5ba21a87b0f308726f0ebb6d827f4f97', class: "col-12" }, h("form-control-text", { key: '70c449d9559c0c08c449531a585fc0ffcd0a745c', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '8483e884591f2f48502d59ff3c2135a38f623752', class: "col-12" }, h("form-control-text", { key: '5037e14c786af49c92c139d83ac4b600a22e0d20', name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { key: '3de67ca2647f294aaea74964e7959e470d64ded6', class: "col-12 col-md-8" }, h("form-control-select", { key: '97f96111305371f1a4e037d49ed88cd9ee1864c6', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: '9e72fce44d9dedddb78e80e60de04f9d1c011c3d', class: "col-12 col-md-4" }, h("form-control-date", { key: '7ef7d6dfc1be302b7c34c03c5795d487bfecb628', name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { key: '1f922b07e9b518ef8803e38baf592edc5e1f3d53', class: "col-12 col-md-6" }, h("form-control-text", { key: '4db75fd442ab14ff0387967f8a91fc34b666aeca', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '3f7fe65745fc046a7654a1d091c68ba54f139bda', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '3e0c9db91b9bc2eed4a048d96e7d5c8e6cf9e04e', name: "tax_id", label: "Tax ID", defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: TAX_ID_MASKS.US })), h("div", { key: 'cc4f89e9b8507752c147a9f59ed6a945ccfa0d95', class: "col-12" }, h("form-control-text", { key: '7d19bd16720da687b4a0f506509ec9fd8a6185fa', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: 'ddfacd485ca994560955ffaf3e9dc21e6300ea06', class: "col-12 col-md-6" }, h("form-control-text", { key: '9047a690090fe0c64b580c64bed78febeffafee8', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '54a8e1f648446f5be503c2f1f9e99e841f9a6e6f', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'ce8821b40c1771df94bc2a9658eea34befdd462a', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
     }
     static get is() { return "justifi-business-core-info"; }
     static get properties() {
@@ -44,8 +44,8 @@ export class BusinessCoreInfo {
                     "references": {
                         "FormController": {
                             "location": "import",
-                            "path": "../../../form/form",
-                            "id": "src/components/form/form.ts::FormController"
+                            "path": "../../../../ui-components/form/form",
+                            "id": "src/ui-components/form/form.ts::FormController"
                         }
                     }
                 },

package/dist/collection/components/business-forms/business-form/business-form.js

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import { FormController } from "../../form/form";
+import { FormController } from "../../../ui-components/form/form";
 import { businessFormSchema } from "../schemas/business-form-schema";
 import { Api } from "../../../api";
 import { config } from "../../../../config";
@@ -98,7 +98,7 @@ export class BusinessForm {
         this.instantiateBusiness(response.data);
     }
     render() {
-        return (h(StyledHost, { key: '2f28b3e44c64d6ea1ac0d8584946927f6c9c3d05', exportparts: "label,input,input-invalid" }, h("form", { key: '5e57787b7dcd649c3523dc49d0a6946138643c7c', onSubmit: this.validateAndSubmit }, h("div", { key: '0ee6212aa6157ade79ab9b2ff5eb700549a8a916', class: "row gap-3" }, h("h1", { key: '84824314dd924cdab149c2b62b7e01b07dbf5d28' }, this.title), h("form-alert", { key: 'dca6d7ef6bcddd3090f44e5ccf9199bbd441dc87', text: this.errorMessage, hideAlert: this.hideErrors }), h("div", { key: 'a022912c284d63afbf9ce698b145d964d720b110', class: "col-12 mb-4" }, h("justifi-business-core-info", { key: 'be264b806255b790a166b8a3349d78845c6c8225', formController: this.formController })), h("div", { key: 'b3a52da227a71f941941f66b758f718cdc3b7800', class: "col-12 mb-4" }, h("justifi-legal-address-form", { key: '258dc5ebabc0e2dfaa8de28534238ef80a4f951d', formController: this.formController })), h("div", { key: '9dd5d30daf37d90a689333640cd1630000ee5e25', class: "col-12 mb-4" }, h("justifi-additional-questions", { key: 'aa1cdf3a39170fcefbd07afcce193ed36430dc5b', formController: this.formController })), h("div", { key: 'a8cd6655a6408bef11c9ad442ecae7a0b5e3c50d', class: "col-12 mb-4" }, h("justifi-business-representative", { key: '33db8cd22d22b694917332941b89b7535bd19201', formController: this.formController })), h("div", { key: '99d46400c8d46e5a3ca6747e5bae70bf5652a367', class: "col-12 d-flex flex-row-reverse" }, h("button", { key: '8b858727a11d5ec5f855c446f34da3c1d6253563', type: "submit", class: "btn btn-primary jfi-submit-button", disabled: this.disabledState, onClick: () => this.fireClickEvents({ name: BusinessFormClickActions.submit }) }, this.isLoading ? 'Loading...' : 'Submit'))))));
+        return (h(StyledHost, { key: 'f04193b776865a18072bd3f1773f37a41d9439a4', exportparts: "label,input,input-invalid" }, h("form", { key: '7acb5fe47087e2ec1c3ea1b825e34b96ca6881fd', onSubmit: this.validateAndSubmit }, h("div", { key: 'd7548b77f1c7d8bb937a4c98420cfec097d73b42', class: "row gap-3" }, h("h1", { key: 'f7e74ba9d0b75f5da52a691ec16ba8068a23bbaa' }, this.title), h("form-alert", { key: 'cb83cf84afb00a4e315eee940d2f67817ba6302d', text: this.errorMessage, hideAlert: this.hideErrors }), h("div", { key: '7c6ab18da58b0ecca644d3f4644e78cfe945b8eb', class: "col-12 mb-4" }, h("justifi-business-core-info", { key: 'f5d7304ca3dd69dd1fc65954b57e4e77e24e36c9', formController: this.formController })), h("div", { key: 'c6e870483b690dac1c8bf3400e7dfb47e46db014', class: "col-12 mb-4" }, h("justifi-legal-address-form", { key: 'd04d51527b8c5a6594d5aef592a90b9db2900ee7', formController: this.formController })), h("div", { key: '669b426f578ad83d18b81a46c8e73d60ff68db5e', class: "col-12 mb-4" }, h("justifi-additional-questions", { key: '5eece0ad9248e76b5b57fd99b07c8e0c77120765', formController: this.formController })), h("div", { key: '61a4f31878ec2c4ee69985d4246016e951f8e05b', class: "col-12 mb-4" }, h("justifi-business-representative", { key: '5252a87a8f362be267232bab93565d14c2a1dd41', formController: this.formController })), h("div", { key: 'cf380d4345d5c0e25702d727e36940a9b6e4ee73', class: "col-12 d-flex flex-row-reverse" }, h("button", { key: '75b0dd58c32db365f581c2f1b8519fe90ec2ae51', type: "submit", class: "btn btn-primary jfi-submit-button", disabled: this.disabledState, onClick: () => this.fireClickEvents({ name: BusinessFormClickActions.submit }) }, this.isLoading ? 'Loading...' : 'Submit'))))));
     }
     static get is() { return "justifi-business-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/business-forms/business-form/business-representative/business-representative.js

@@ -40,8 +40,8 @@ export class BusinessRepresentative {
                     "references": {
                         "FormController": {
                             "location": "import",
-                            "path": "../../../form/form",
-                            "id": "src/components/form/form.ts::FormController"
+                            "path": "../../../../components",
+                            "id": "src/components.d.ts::FormController"
                         }
                     }
                 },

package/dist/collection/components/business-forms/business-form/legal-address-form/legal-address-form.js

@@ -1,6 +1,6 @@
 import { Host, h } from "@stencil/core";
 import StateOptions from "../../../../utils/state-options";
-import { numberOnlyHandler } from "../../../form/utils";
+import { numberOnlyHandler } from "../../../../ui-components/form/utils";
 /**
  * @exportedPart label: Label for inputs
  * @exportedPart input: The input fields
@@ -23,7 +23,7 @@ export class LegalAddressForm {
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
         const legalAddressDefaultValue = this.formController.getInitialValues().legal_address;
-        return (h(Host, { key: '794669fd0c563f54abde94146df007b114c30465', exportparts: "label,input,input-invalid" }, h("fieldset", { key: '34cf40bcf68c4b0af97363700ede8d5ef778c38c' }, h("legend", { key: 'deb0acfa3da0128a9337ddddd76592d7569685c6' }, "Business Legal Address"), h("hr", { key: '1d01aa0b9577c47c24af4e85728828d41164c5ee' }), h("div", { key: '2199ba800c530bb9a5704431103660a39bdf70fb', class: "row gy-3" }, h("div", { key: '811fa71f919e62d6ecf44fd97e5940473bdb2a51', class: "col-12" }, h("form-control-text", { key: '06305b11aecb6b49bc8d3c0b39b8652f3968083e', name: "line1", label: "Legal Address", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address) === null || _b === void 0 ? void 0 : _b.line1 })), h("div", { key: 'c1a2aad7893ac8f5aed57e662ce0704a4e0ed2fa', class: "col-12" }, h("form-control-text", { key: '858e3e7be65828a89b07f954e82033c76f4ab350', name: "line2", label: "Address Line 2", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.legal_address) === null || _d === void 0 ? void 0 : _d.line2 })), h("div", { key: '641805ddb44395c77020e708b60ff2a09ffc5d5b', class: "col-12" }, h("form-control-text", { key: '6d881c0aacf9a689305a15f353d376917a6e8aff', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, errorText: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.legal_address) === null || _f === void 0 ? void 0 : _f.city })), h("div", { key: '6bab46c2823b9da84ac66496b80a4f98d237ccfe', class: "col-12" }, h("form-control-select", { key: '0cc60022e6862884df786ea7414cf4cae4c45728', name: "state", label: "State", options: StateOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.legal_address) === null || _h === void 0 ? void 0 : _h.state })), h("div", { key: 'ff349be7524f3b3fc7a3adee03259f7b8bf10390', class: "col-12" }, h("form-control-text", { key: '015277e0bde6a15077744f9d09bc016a0db4b465', name: "postal_code", label: "Postal Code", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.legal_address) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler })), h("div", { key: 'd6097ef782c0d47a2d93c4624635e7f820dac95d', class: "col-12" }, h("form-control-select", { key: '396a8c6bc10f288bde9289b7177c161e42f60b7e', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.legal_address) === null || _m === void 0 ? void 0 : _m.country,
+        return (h(Host, { key: 'c882f02585a8b78ddd35e0d28a71252324631634', exportparts: "label,input,input-invalid" }, h("fieldset", { key: '7b41893d22bc032020060200e63f80707385585c' }, h("legend", { key: 'ddd67063e34b95920080bd649c0e3cfd1f4f1c0b' }, "Business Legal Address"), h("hr", { key: '7a74e634115497c445437543120bc8d9ff2d16ef' }), h("div", { key: 'acd00ea38decc4f4605ba058e2580626a86397a4', class: "row gy-3" }, h("div", { key: 'ca5a109b181dceab7d71bf3b7aa4cbaadc70ad6f', class: "col-12" }, h("form-control-text", { key: '67271661212a45157e37fe136a4a778552a9bfc9', name: "line1", label: "Legal Address", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address) === null || _b === void 0 ? void 0 : _b.line1 })), h("div", { key: '1d2ed08d41694bf530c92c1cd6f7092c46f93b40', class: "col-12" }, h("form-control-text", { key: '66dcae505b16fe4a5cb43e541f197d7de45f374e', name: "line2", label: "Address Line 2", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.legal_address) === null || _d === void 0 ? void 0 : _d.line2 })), h("div", { key: 'ad5bd6ecb8fd5afec958d44fe6fb265b8cfac358', class: "col-12" }, h("form-control-text", { key: '33053662779ae34f6117fec9d2c8f2b3ae57ab53', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, errorText: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.legal_address) === null || _f === void 0 ? void 0 : _f.city })), h("div", { key: 'fa19d830d677b2e183dff7ee8532c23e77d2d162', class: "col-12" }, h("form-control-select", { key: '481324e4af2b4af52cd9955331b402a30ca0bc45', name: "state", label: "State", options: StateOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.legal_address) === null || _h === void 0 ? void 0 : _h.state })), h("div", { key: '76642ac99c59d4a4a75b2d8b03cffe807d96d62b', class: "col-12" }, h("form-control-text", { key: '0d46bb841e259ff86da5aff4e1e8ac9b000db331', name: "postal_code", label: "Postal Code", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.legal_address) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler })), h("div", { key: '947782f5fa17fa0df3e431fe587d1efefbecdc27', class: "col-12" }, h("form-control-select", { key: 'd8848595610231ad5bf86f21eaad4bbb45617b01', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.legal_address) === null || _m === void 0 ? void 0 : _m.country,
             // just for now so we skip handling country specificities
             disabled: true }))))));
     }
@@ -39,8 +39,8 @@ export class LegalAddressForm {
                     "references": {
                         "FormController": {
                             "location": "import",
-                            "path": "../../../form/form",
-                            "id": "src/components/form/form.ts::FormController"
+                            "path": "../../../../components",
+                            "id": "src/components.d.ts::FormController"
                         }
                     }
                 },

package/dist/collection/components/business-forms/owner-form/identity-address/identity-address-form.js

@@ -1,6 +1,6 @@
 import { Host, h } from "@stencil/core";
 import StateOptions from "../../../../utils/state-options";
-import { numberOnlyHandler } from "../../../form/utils";
+import { numberOnlyHandler } from "../../../../ui-components/form/utils";
 export class IdentityAddressForm {
     constructor() {
         this.inputHandler = (name, value) => {
@@ -17,7 +17,7 @@ export class IdentityAddressForm {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-        return (h(Host, { key: 'd090676d3bb1d9de9ae947ff25d94b5985ace914', exportparts: "label,input,input-invalid" }, h("div", { key: '64ddec6db508d27b709ad551f60fe58494631fe3', class: "row gy-3" }, h("div", { key: '7e0f89b7b8d5a466b89efad75498c5d1f2cac8ea', class: "col-12 col-md-8" }, h("form-control-text", { key: '0fdbbf48001fe60c5bf5e7a07d7b43186ca2f0eb', name: "line1", label: "Street Address", defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, inputHandler: this.inputHandler, helpText: "\u200B\u200BEnter your address exactly as stated on your driver's license. No PO Boxes." })), h("div", { key: '2b17a0fcd80dbea0703ac0291d5e509b0c14d9c8', class: "col-12 col-md-4" }, h("form-control-text", { key: 'ae29fceaf3af789789c86f545dab6a9d0e4c8429', name: "line2", label: "Apartment, Suite, etc. (optional)", defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2, inputHandler: this.inputHandler })), h("div", { key: '55ccf8053ec8e3c1f4534c47d8d23eeac3383d13', class: "col-12" }, h("form-control-text", { key: '3a3ca85cbf0514da6828e3f5a0bf0fd4b9e983c8', name: "city", label: "City", defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city, inputHandler: this.inputHandler })), h("div", { key: 'daf6e6031b8dfab6a3e0170f96cc2f0649ded7ce', class: "col-12 col-md-6" }, h("form-control-select", { key: '08791966d72817826f23c3d55ffe3cbaad0ac3bd', name: "state", label: "State", defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, options: StateOptions, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state, inputHandler: this.inputHandler })), h("div", { key: 'c97882ae4c598f762ec32e9ff54b819077ba7193', class: "col-12 col-md-6" }, h("form-control-text", { key: '562ffc8ad8de252d009a284b7b61f978084034dd', name: "postal_code", label: "Postal Code", defaultValue: (_j = this.defaultValues) === null || _j === void 0 ? void 0 : _j.postal_code, errorText: (_k = this.errors) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler, inputHandler: this.inputHandler })), h("div", { key: '6fda38b6ab0618bd9c47ae51417f3b7e10148f53', class: "col-12" }, h("form-control-select", { key: 'df9ec4209e2c82ba05af0160cb74849c20110bae', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: (_l = this.defaultValues) === null || _l === void 0 ? void 0 : _l.country, errorText: (_m = this.errors) === null || _m === void 0 ? void 0 : _m.country,
+        return (h(Host, { key: '5d9d020cdb5f9e0c422098f82fbd9b1c237515f2', exportparts: "label,input,input-invalid" }, h("div", { key: '280b3308698d51c8f3e60124f0433e12ff585abe', class: "row gy-3" }, h("div", { key: 'c31ef56c52561e2acaed2dac868117f6171a09cb', class: "col-12 col-md-8" }, h("form-control-text", { key: 'a53eb44a3b6ab0044ba1746025293fa5be1cd469', name: "line1", label: "Street Address", defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, inputHandler: this.inputHandler, helpText: "\u200B\u200BEnter your address exactly as stated on your driver's license. No PO Boxes." })), h("div", { key: 'cd62d3f1ea062f67ab71ced663954b172fa3c4ed', class: "col-12 col-md-4" }, h("form-control-text", { key: '24b4e359217b92c9d010c23f0a670f32a969c36e', name: "line2", label: "Apartment, Suite, etc. (optional)", defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2, inputHandler: this.inputHandler })), h("div", { key: '5e2cf9ef49d42c736d8004e5063377a962857b35', class: "col-12" }, h("form-control-text", { key: 'b408fca949adc1e1f96ad1ab01d8265ef427cd18', name: "city", label: "City", defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city, inputHandler: this.inputHandler })), h("div", { key: 'ab8c048e274784406a8a872650e68791d3aa5844', class: "col-12 col-md-6" }, h("form-control-select", { key: '76db258faf7a4b30f7f1b6c6e975e5ea7e7c61d6', name: "state", label: "State", defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, options: StateOptions, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state, inputHandler: this.inputHandler })), h("div", { key: '8bd2661ad3e579a52f91ce58c6be680d9955584b', class: "col-12 col-md-6" }, h("form-control-text", { key: 'd8a2f3552e25bc57d8f09e61ee78f7f5a33e4bc7', name: "postal_code", label: "Postal Code", defaultValue: (_j = this.defaultValues) === null || _j === void 0 ? void 0 : _j.postal_code, errorText: (_k = this.errors) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler, inputHandler: this.inputHandler })), h("div", { key: '93be2db05699edaa12981e0d96a9626ecc169030', class: "col-12" }, h("form-control-select", { key: '5f99c15b72cec36dc3b895c4dadce328f4503f6a', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: (_l = this.defaultValues) === null || _l === void 0 ? void 0 : _l.country, errorText: (_m = this.errors) === null || _m === void 0 ? void 0 : _m.country,
             // just for now so we skip handling country specificities
             disabled: true })))));
     }

package/dist/collection/components/business-forms/owner-form/owner-form-core.js

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import { FormController } from "../../form/form";
+import { FormController } from "../../../ui-components/form/form";
 import { Owner } from "../../../api/Identity";
 import { BusinessFormClickActions } from "../utils/business-form-types";
 import { identitySchema } from "../schemas/business-identity-schema";
@@ -163,7 +163,7 @@ export class BusinessOwnerFormCore {
         this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors)));
     }
     render() {
-        return (h("form", { key: '27f0d989f017bd03b84cf8c994fa96f9a65aad08', onSubmit: this.validateAndSubmit }, h("fieldset", { key: '2c793f1f8777181e5db0a4cae5b9994d9188685e' }, h("legend", { key: 'a8951fcd990c8136cf6672424869f5c96def3cef', class: "fw-semibold fs-5" }, this.formTitle), h("br", { key: 'faaf0cc27c448452a5172ad7fcfcf510ec586d2b' }), h("div", { key: '486638ad24414a05f84ada3f37a89d0cc12e7ffb', class: "row gy-3" }, h("owner-form-inputs", { key: 'bdfe7cb3305f31d93321319ef14eee3e5b331381', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController }), h("div", { key: '9e5c63e0637e0bffe5ab77a1f73c203704115479', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: '85de4b69c697ebf96778f538b1535bd1fb2c43e7', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: '1dd026432f19f84ae2142101191e511ebd62c2b3', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: '2570611bbe663e2e128f03806ecb036ce750c80b' }))));
+        return (h("form", { key: 'd7ab875b1efd58b9d17e40789eb43454d5601f47', onSubmit: this.validateAndSubmit }, h("fieldset", { key: '144871e2128c17ea843d3d0dc2c7b5dd51057107' }, h("legend", { key: 'b9a2229e0cb1220c2b848f56f512816253d98e36', class: "fw-semibold fs-5" }, this.formTitle), h("br", { key: 'd95786bee5d4640f970bfccea626a6d0bc7fb4a6' }), h("div", { key: 'f74c1b45eda698ca786214c2d30342ead9c820f0', class: "row gy-3" }, h("owner-form-inputs", { key: 'bc6a213dc74e1f30c7c18f65a31e1aaa9130746a', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController }), h("div", { key: 'e7536fc512a652bde416259b7f6177e5957b893f', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: '61c88e81e942f2e324b24b2634fe365863a2f23f', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: 'c280f92cf606abbc1ba30bef331407af7db9cb19', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: '10658eebfb37c21186b7a5d36e60db5daa9f26f6' }))));
     }
     static get is() { return "owner-form-core"; }
     static get properties() {

package/dist/collection/components/business-forms/owner-form/owner-form-inputs.js

@@ -14,7 +14,7 @@ export class BusinessOwnerFormInputs {
         this.formController = undefined;
     }
     render() {
-        return (h("div", { key: '6fcc165d4bc75b92403d9031ad98f05f6b1dcd34', class: "row gy-3" }, h("div", { key: '74f1e42a13892e95497a99684ba9de64719edb72', class: "col-12 col-md-8" }, h("form-control-text", { key: '29caea2b0b0a62822cc20c99e697f3db7c22a541', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '5b0f8da9a0512de70558baa9cb188b4d5e773dc2', class: "col-12 col-md-4" }, h("form-control-text", { key: '40d66a25fbf825fccb2e3c2b6a4b541a6888f5d7', name: "title", label: "Title", defaultValue: this.ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: '97646974ed1c539e70e602bfc8c42513b0d37c9d', class: "col-12 col-md-6" }, h("form-control-text", { key: '5f4497d54b17f556c74b5c18ea25091306d5b6d6', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '9aeb1227cd9afa053d62054222a361f42d20b925', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'c97e405262075c980b7e571eb08ab2d9414fb4d5', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '35555ccd9bfa61bbeeb85aa9586c38902b3a08a6', class: "col-12 col-md-4" }, h("form-control-date", { key: '9d865bdf390f2f88a0dc269462b6bce1d2a2675f', name: "dob_full", label: "Birth Date", defaultValue: this.ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: '8a16b08239069ac5ac5273471ab2eeae92a299d7', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: '8e74b1c7fef3087bd842394847c5b4c290be190c', name: "identification_number", label: "SSN", defaultValue: this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK, helpText: "Enter your full Social Security Number. It is required for Federal OFAC check." })), h("div", { key: 'c07f5293a29e330d2ab62cfa72f5d56e7fdee7cf', class: "col-12" }, h("justifi-identity-address-form", { key: '2b18ebc2f7de2004993d617b80067f55c6d3de4d', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))));
+        return (h("div", { key: '00c4e99a70bdeac642774796bb6a983ad926b86d', class: "row gy-3" }, h("div", { key: '457ba67f652e7ec33909764667b76b25c0c01f75', class: "col-12 col-md-8" }, h("form-control-text", { key: '33293c6a0fc131c1db2d498f2ea8774cb9689b8e', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '07be686fa8f43b04bd3a925e969ecede1286e651', class: "col-12 col-md-4" }, h("form-control-text", { key: 'c89285d508e0d809332f529edef3e6d3a68c4993', name: "title", label: "Title", defaultValue: this.ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: '76af9226fb138b2698c254ba26749b5d372ee14d', class: "col-12 col-md-6" }, h("form-control-text", { key: '37f334b0ee260501fd99845b6196a94c56fd16da', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '3750f6f86d1bc3c3a1796a06ef4119ee188f2b56', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '283f5179e64378a7a07a654d28511558de03ca68', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '48186c6dfe8cd2a27de92db9970953e1e99340f2', class: "col-12 col-md-4" }, h("form-control-date", { key: '6d90d43875feefd24477279232a21b4ac7a7b7bc', name: "dob_full", label: "Birth Date", defaultValue: this.ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: '19b1a6fd0dd52d3d5f52cf764ff429bd26ba8cdd', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: '5a7ea47c254967f0d3d546ac9949dfa3d670bc25', name: "identification_number", label: "SSN", defaultValue: this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK, helpText: "Enter your full Social Security Number. It is required for Federal OFAC check." })), h("div", { key: '59c4fcb4186d488497d66479fced70bf2dc24d89', class: "col-12" }, h("justifi-identity-address-form", { key: 'faff7bb194f9c2c2ff80193db18ab0030f34fc09', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))));
     }
     ;
     static get is() { return "owner-form-inputs"; }
@@ -63,8 +63,8 @@ export class BusinessOwnerFormInputs {
                     "references": {
                         "FormController": {
                             "location": "import",
-                            "path": "../../form/form",
-                            "id": "src/components/form/form.ts::FormController"
+                            "path": "../../../components",
+                            "id": "src/components.d.ts::FormController"
                         }
                     }
                 },

package/dist/collection/components/business-forms/payment-provisioning/additional-questions/business-additional-questions-form-step-core.js

@@ -1,6 +1,6 @@
 import { h } from "@stencil/core";
 import { additionalQuestionsSchema } from "../../schemas/business-additional-questions-schema";
-import { FormController } from "../../../form/form";
+import { FormController } from "../../../../ui-components/form/form";
 import { AdditionalQuestions } from "../../../../api/Business";
 import { BusinessFormStepV2 } from "../../utils/business-form-types";
 import { CURRENCY_MASK } from "../../../../utils/form-input-masks";
@@ -88,7 +88,7 @@ export class AdditionalQuestionsFormStepCore {
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
         const additionalQuestionsDefaultValue = this.formController.getInitialValues();
-        return (h("form", { key: '4a72792da50b0a4feaed0ced62266aa78b2e3c6b' }, h("fieldset", { key: 'de77f0e1933a7e5a1dc4c99906d4b4b5385f66ee' }, h("div", { key: '121f4a2ede83b5d91757c18bb1fb223a866470ea', class: "d-flex align-items-center gap-2" }, h("legend", { key: '15d0b9d2fc50e5bd5746be1d589e902feb2583ca', class: "mb-0" }, "Additional Questions"), h("form-control-tooltip", { key: 'e1babd3de64a0dd1c6daa70691e8d46183a8fd3e', helpText: "This information helps us understand the business and identify and monitor trends to safeguard you and your customers." })), h("hr", { key: '44ca37e8de71170488b58b4a4117e287e6ab0766', class: "mt-2" }), h("div", { key: '655521e5a3774d72ec026e9ca7309b680710b40d', class: "row gy-3" }, h("div", { key: 'bfd69518ce9c2efc1db13d0e8d708a995181a6cc', class: "col-12 col-md-6" }, h("form-control-monetary", { key: 'bcaac6bcc18fad927c42e3881e8ef21a3f6bc972', name: "business_revenue", label: "What is your business\u2019 estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: '1f1b0ae79efd5d58554cd88dbb04defa0d2bdc9b', class: "col-12 col-md-6" }, h("form-control-monetary", { key: 'f4f561cf3bea66969e310827c6c8a7d7b02a02ba', name: "business_payment_volume", label: "What is your business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: 'c23361e909ec2854a2289e7a361c9cb60019b46a', class: "col-12" }, h("form-control-select", { key: 'bda327ec9c7435c1cd27cfe4c5c29dfdb7245ec0', 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: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.business_when_service_received, options: businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), h("div", { key: '27bcc5431a686e824615ae01dead1f5104c9b94a', class: "col-12" }, h("form-control-select", { key: '082d23acbbd37508d217cc21b7768117408d763f', name: "business_recurring_payments", label: "Does your business offer recurring payments?", inputHandler: this.inputHandler, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.business_recurring_payments, options: recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), h("div", { key: '4167027883cdff3ad77a4079dd373fabf09d9ec5', class: 'col-12', hidden: !this.recurringPayments }, h("form-control-text", { key: 'f07a610b67e17d733288cdb1f848e03250aea598', name: "business_recurring_payments_percentage", label: "What percent of revenue is generated from each recurring payment type offered?", inputHandler: this.inputHandler, errorText: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage, helpText: "For example: 50% monthly, 50% annual." })), h("div", { key: '9baae4260f1cda1d43e594ce3a96461584e0a67e', class: "col-12" }, h("form-control-select", { key: 'a61245d3c61cc7de903bfdc5f3082065c58ce554', name: "business_seasonal", label: "Is this business seasonal?", inputHandler: this.inputHandler, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.business_seasonal, options: seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), h("div", { key: 'd98b4071d9e70643d1808b913062e479b7d28cda', class: "col-12" }, h("form-control-text", { key: '5b7103e0fbc391dba09fd5cf0adebcfa827ddb14', name: "business_other_payment_details", label: "Is there anything else you would like us to know about how your customers pay the business? (optional)", inputHandler: this.inputHandler, errorText: (_g = this.errors) === null || _g === void 0 ? void 0 : _g.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
+        return (h("form", { key: '469cda15cbb05da33e26bc645cc51ebbbdf6e7fc' }, h("fieldset", { key: 'b00875b7d3f3d3ad338c38000cc29b3a550e8a50' }, h("div", { key: '6dfc3d60d5b5469613681715bf1965752fdb9662', class: "d-flex align-items-center gap-2" }, h("legend", { key: '65b2a3769f96714563a468eca3f1d7e82d6a1538', class: "mb-0" }, "Additional Questions"), h("form-control-tooltip", { key: '7a51538fe74cf8e0f3ed49042d6301fb2bd7909b', helpText: "This information helps us understand the business and identify and monitor trends to safeguard you and your customers." })), h("hr", { key: '42496d5e78ed4922a0165caab9e6e7e48cb44616', class: "mt-2" }), h("div", { key: '0d7ff24d81a3f54e223293c393d4ce89588a1c58', class: "row gy-3" }, h("div", { key: '12a1c72e5e5802f7729f2a09764a5cffa194639d', class: "col-12 col-md-6" }, h("form-control-monetary", { key: 'c9f4aecc5b7108c788237f776953c5cd9ae844b8', name: "business_revenue", label: "What is your business\u2019 estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: 'ecd78939d2a7ac81932898f65f3c9424f157fb3d', class: "col-12 col-md-6" }, h("form-control-monetary", { key: '5df34b238082a11a4589a05e24c53650bd2c0b79', name: "business_payment_volume", label: "What is your business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: '9db14123245c84eb3dc33d28154ac9be458987cc', class: "col-12" }, h("form-control-select", { key: '7e9899a2e41c14ae968c5451e46d445cbaa289a4', 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: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.business_when_service_received, options: businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), h("div", { key: 'f5ebffe9294cbe7e16487c8e63009f7c4901fee1', class: "col-12" }, h("form-control-select", { key: '32a0f978252a52cff90a3a9c1e675515960ee016', name: "business_recurring_payments", label: "Does your business offer recurring payments?", inputHandler: this.inputHandler, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.business_recurring_payments, options: recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), h("div", { key: '0aa20a223c15959c7b1e36b8570c17c11c193a8c', class: 'col-12', hidden: !this.recurringPayments }, h("form-control-text", { key: 'e6abbe38ef92091d87c04f832c860ac1a34e855f', name: "business_recurring_payments_percentage", label: "What percent of revenue is generated from each recurring payment type offered?", inputHandler: this.inputHandler, errorText: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage, helpText: "For example: 50% monthly, 50% annual." })), h("div", { key: '1c2fbe366315babd398e48b38861cb2b8336b287', class: "col-12" }, h("form-control-select", { key: 'eb45c69781ea51ab35f3f0782d1245f553ff63a5', name: "business_seasonal", label: "Is this business seasonal?", inputHandler: this.inputHandler, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.business_seasonal, options: seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), h("div", { key: 'ded80ce1cf8b0fd1b580d5002a1a869aed132f62', class: "col-12" }, h("form-control-text", { key: '80612b8d9381072e0ae670f07b649f01f1cfed66', name: "business_other_payment_details", label: "Is there anything else you would like us to know about how your customers pay the business? (optional)", inputHandler: this.inputHandler, errorText: (_g = this.errors) === null || _g === void 0 ? void 0 : _g.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
     }
     static get is() { return "justifi-additional-questions-form-step-core"; }
     static get properties() {

package/dist/collection/components/business-forms/payment-provisioning/bank-account/business-bank-account-form-step.js

@@ -1,11 +1,11 @@
 import { h } from "@stencil/core";
-import { FormController } from "../../../form/form";
+import { FormController } from "../../../../ui-components/form/form";
 import { BusinessFormStep, BusinessFormStepV2 } from "../../utils/business-form-types";
 import { businessBankAccountSchema } from "../../schemas/business-bank-account-schema";
 import { bankAccountTypeOptions } from "../../utils/business-form-options";
 import { Api } from "../../../../api";
 import { config } from "../../../../../config";
-import { numberOnlyHandler } from "../../../form/utils";
+import { numberOnlyHandler } from "../../../../ui-components/form/utils";
 import { BankAccount } from "../../../../api/BankAccount";
 import { ComponentErrorCodes, ComponentErrorSeverity } from "../../../../api/ComponentError";
 /**
@@ -125,7 +125,7 @@ export class BusinessBankAccountFormStep {
     }
     render() {
         const bankAccountDefaultValue = this.formController.getInitialValues();
-        return (h("form", { key: 'c19f52934f1fa591d71175d1a0a584c0e9d0bd92' }, h("fieldset", { key: '96c326422e38efe3413b282fcc2415355108992c' }, h("div", { key: '7a39297bc087e310ad28fbdd58e71b509c002132', class: "d-flex align-items-center gap-2" }, h("legend", { key: '81b0cc0fc84846e04f3efb1efc0c33c181a3399d', class: "mb-0" }, "Bank Account Info"), h("form-control-tooltip", { key: 'f24f0605251a59c7df3a01bfb5d01302e95b45ba', helpText: "The Direct Deposit Account is the business bank account where your 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", { key: '8386d2b17e191ca529a663ced0c430e71c3da4d6', class: "mt-2" }), h("div", { key: 'd5ddcc4c0b54320a0e1f1fd381dd41e8bdb86c2f', class: "row gy-3" }, h("div", { key: '29bd4e26bed9fef74ee79241d5dc6fd9a4d5954e', class: "col-12" }, h("form-control-text", { key: 'ac9781048b7dfb24da9565b058994ffd78053db9', name: "bank_name", label: "Bank Name", defaultValue: bankAccountDefaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: 'db9d13b0a62927b790bdcf5bc77ffa4fbadb227b', class: "col-12" }, h("form-control-text", { key: '41d192f0d9df09e62aa929642ca2ae40946f951e', name: "nickname", label: "Nickname", defaultValue: bankAccountDefaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '2b37a20c6bb6f942ccf5b49e84a2d6d1669d9fd7', class: "col-12" }, h("form-control-text", { key: '0392b8d08a48ff27af80d6fa42959b90a713de4e', name: "account_owner_name", label: "Account Owner Name", defaultValue: bankAccountDefaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '2a30485d70f0825e7e677b3f4b75caf4c601090e', class: "col-12" }, h("form-control-select", { key: '65cb43b080e47208bf83099cfec12cc8351281c6', name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: bankAccountDefaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: 'ab0c65f348486814ac14ed548ecaa25610e14d58', class: "col-12" }, h("form-control-text", { key: '3c08ce88f652bfe6ae64807beab30ed796cad6c3', name: "account_number", label: "Account Number", defaultValue: bankAccountDefaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled, helpText: "Please copy the account number as shown on your statement/check. Do not include spaces or dashes." })), h("div", { key: 'f5314db551f6d4482f151b49d9db685b78223f2a', class: "col-12" }, h("form-control-text", { key: '1f204b3140c9fc4fe20519ebc082751c291ba816', name: "routing_number", label: "Routing Number", defaultValue: bankAccountDefaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled, helpText: "A valid routing number is nine digits. Please include any leading or trailing zeroes." }))))));
+        return (h("form", { key: '7ae39afd400c9bc2a86f75aeb2a529a36ecd849c' }, h("fieldset", { key: 'd01072ed3710acfbb7916de8ffb9fb80770750af' }, h("div", { key: '75228827d492fcdbd603963a3574c1dca84530b4', class: "d-flex align-items-center gap-2" }, h("legend", { key: '23600460d0b1486d3d4cd612bc9532ba30d5da0e', class: "mb-0" }, "Bank Account Info"), h("form-control-tooltip", { key: 'fed3ad0eef074985a25488a9c093b9eb0cbafabb', helpText: "The Direct Deposit Account is the business bank account where your 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", { key: 'f7405cf23ee0a90d46f2c394d09ae421fe9472ee', class: "mt-2" }), h("div", { key: '4cc1d09daed6a897778440f69bd0a9dbd99c1270', class: "row gy-3" }, h("div", { key: 'f7e0e160adaf0925b4ea5ada12137dcf3e5c5d35', class: "col-12" }, h("form-control-text", { key: 'd7cbdb427b9bf332dd9da5885ccfc73d0dd4b40b', name: "bank_name", label: "Bank Name", defaultValue: bankAccountDefaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '010c5dd53d8d31f9edc4f0e7ca225c0d2c8a1e09', class: "col-12" }, h("form-control-text", { key: 'f524266d5fcd4e3e35539c130f6dfe742d620593', name: "nickname", label: "Nickname", defaultValue: bankAccountDefaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '1875fc9bb5e0741e1c2aff205effa030aafcd0e2', class: "col-12" }, h("form-control-text", { key: '343754af2350ca668f39270513fa44be416834ba', name: "account_owner_name", label: "Account Owner Name", defaultValue: bankAccountDefaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '9870781e41bd5879ec161569a7b60ecc049690cc', class: "col-12" }, h("form-control-select", { key: '1ade0e3e0f470e3165d227b67c9dd4054d8443fc', name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: bankAccountDefaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: 'c5e531aaded367bd825913cb100dd3225d1c6f61', class: "col-12" }, h("form-control-text", { key: '39cd3bca5b86a0ca175c26be3982bc0e98953439', name: "account_number", label: "Account Number", defaultValue: bankAccountDefaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled, helpText: "Please copy the account number as shown on your statement/check. Do not include spaces or dashes." })), h("div", { key: '8c3306dde7149b49d1ad6ba426634674e318b4fd', class: "col-12" }, h("form-control-text", { key: '970305b04e9517f56bcb8217cd938b8971ca34b4', name: "routing_number", label: "Routing Number", defaultValue: bankAccountDefaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled, helpText: "A valid routing number is nine digits. Please include any leading or trailing zeroes." }))))));
     }
     static get is() { return "justifi-business-bank-account-form-step"; }
     static get properties() {