@justifi/webcomponents 4.20.1 → 4.22.0

package/dist/collection/api/SubAccount.js

@@ -0,0 +1,33 @@
+export var AccountType;
+(function (AccountType) {
+    AccountType["test"] = "test";
+    AccountType["live"] = "live";
+})(AccountType || (AccountType = {}));
+export var AccountStatus;
+(function (AccountStatus) {
+    AccountStatus["created"] = "created";
+    AccountStatus["submitted"] = "submitted";
+    AccountStatus["information_needed"] = "information_needed";
+    AccountStatus["rejected"] = "rejected";
+    AccountStatus["enabled"] = "enabled";
+    AccountStatus["disabled"] = "disabled";
+    AccountStatus["archived"] = "archived";
+})(AccountStatus || (AccountStatus = {}));
+export class SubAccount {
+    constructor(subAccount) {
+        this.id = subAccount.id;
+        this.name = subAccount.name;
+        this.account_type = subAccount.account_type;
+        this.status = subAccount.status;
+        this.currency = subAccount.currency;
+        this.platform_account_id = subAccount.platform_account_id;
+        this.payout_account_id = subAccount.payout_account_id;
+        this.business_id = subAccount.business_id;
+        this.application_fee_rates = subAccount.application_fee_rates;
+        this.processing_ready = subAccount.processing_ready;
+        this.payout_ready = subAccount.payout_ready;
+        this.related_accounts = subAccount.related_accounts;
+        this.created_at = subAccount.created_at;
+        this.updated_at = subAccount.updated_at;
+    }
+}

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,36 +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/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: 'ea6055fb3457e28666b11b72173ad70b83a87659', 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 })), h("div", { key: '5f6f456c573fb9318e58976decb67274b209fa23', class: "col-12 col-md-4" }, h("form-control-text", { key: '86fffd4641953d0445a7c24d332cda513121b65e', 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: 'e06339cefebe37ae0629631fbc5101c9dbc040a6', class: "col-12" }, h("form-control-text", { key: 'd2af696b33092247b6741c8034aaf12ab51aa878', 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: 'b655a66fb68f059fa91ae5f9f60fdebe0ae04fad', class: "col-12 col-md-6" }, h("form-control-select", { key: '50a65861a5a39daac199571c5a0273340556e476', 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: '30255517e0fa1ede35d7b2525625ebc389c44525', class: "col-12 col-md-6" }, h("form-control-text", { key: 'b7b0a773c7b2dbe05c4bf8e9fc7235a01bf36832', 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: '804e9aa1ca7b4ae167ae64969107ad6352559ed7', class: "col-12" }, h("form-control-select", { key: '1aa3734e10502bc8f1732f386b60135b8a7d94a6', 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-6' }, 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: '5967094f115a64876f8dc943a273f5a22b193f1c', name: 'title', label: 'Title', defaultValue: this.ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '6c05fec9b87f8ba5e3be9ce74ef727a1e4b14905', class: 'col-12 col-md-6' }, h("form-control-text", { key: '8c5b2839b6de605915d8e7c14a0ba22d3f440bda', name: 'email', label: 'Email Address', defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'd7eae882aea84b8562e459e66bc1ba885c4be3c7', class: 'col-12 col-md-6' }, h("form-control-number-masked", { key: '2d6b33f47e4008745fd65c5ef3cb60dd92b85eba', name: 'phone', label: 'Phone Number', defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '92b825163aedf052bdb89721397da69c717e595d', class: 'col-12 col-md-4' }, h("form-control-date", { key: 'cd884b773ef0eb60effc61e8cfbf42b21620cd1c', 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) })), h("div", { key: '614ba65972946645ba5c7a299c00efd0e85abf5e', class: 'col-12 col-md-8' }, h("form-control-number-masked", { key: '7cd9fe7a1b56d351942a0b962f3c7227459406ae', name: 'identification_number', label: 'SSN', defaultValue: this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: 'ce08f35a16de4b9be65377cde0a9daa5b4cbe876', class: 'col-12' }, h("justifi-identity-address-form", { key: '79a7f5e8c08fc57383c1975145a6b06bd4e615dd', 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"
                         }
                     }
                 },