@justifi/webcomponents 5.0.0 → 5.1.0

package/dist/esm/{business.service-182aea6f.js → business.service-ab2663a3.js}

@@ -1,5 +1,4 @@
-import { c as config } from './config-187b3ae1.js';
-import { A as Api } from './Api-391d00e2.js';
+import { A as Api, c as config } from './Api-0cac5b8a.js';
 
 class BusinessService {
     async fetchBusiness(businessId, authToken) {
@@ -25,5 +24,11 @@ class IdentityService {
         return Api({ authToken, apiOrigin: config.proxyApiOrigin }).post(endpoint, payload);
     }
 }
+class BusinessBankAccountService {
+    async postBankAccount(authToken, payload) {
+        const endpoint = `entities/bank_accounts`;
+        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).post(endpoint, payload);
+    }
+}
 
-export { BusinessService as B, IdentityService as I };
+export { BusinessService as B, IdentityService as I, BusinessBankAccountService as a };

package/dist/esm/{button-1886a33d.js → button-8a02823c.js}

@@ -1,5 +1,5 @@
 import { h } from './index-29fcfdf5.js';
-import { f as buttonLoading, g as buttonPrimary, j as buttonSecondary } from './parts-186d437f.js';
+import { f as buttonLoading, g as buttonPrimary, j as buttonSecondary } from './parts-93f379ab.js';
 
 const ButtonSpinner = () => (h("div", { class: "spinner-border spinner-border-sm", role: "status", part: "button-spinner" },
     h("span", { class: "visually-hidden" }, "Loading...")));

package/dist/esm/{check-pkg-version-95b9be89.js → check-pkg-version-f613bceb.js}

@@ -1,6 +1,5 @@
-import { p as packageJson } from './package-223933b4.js';
-import { c as config } from './config-187b3ae1.js';
-import { A as Api } from './Api-391d00e2.js';
+import { p as packageJson } from './package-9b94eb81.js';
+import { A as Api, c as config } from './Api-0cac5b8a.js';
 
 class AnalyticsService {
     async record(body) {

package/dist/esm/{checkout.service-32a6ebe8.js → checkout.service-c275270e.js}

@@ -1,9 +1,8 @@
-import { c as config } from './config-187b3ae1.js';
-import { A as Api } from './Api-391d00e2.js';
-import './Checkout-0b4086f8.js';
+import { A as Api, c as config } from './Api-0cac5b8a.js';
+import './Checkout-d476bb83.js';
 import './Pagination-afc8f96d.js';
-import './Payment-4f72d277.js';
-import './SubAccount-99a00594.js';
+import './Payment-47630113.js';
+import './SubAccount-f31349a9.js';
 
 class CheckoutService {
     async fetchCheckout(authToken, checkoutId) {

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

@@ -1,15 +1,16 @@
 import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
-import './Checkout-0b4086f8.js';
+import './Checkout-d476bb83.js';
 import { p as pagingDefaults } from './Pagination-afc8f96d.js';
-import './Payment-4f72d277.js';
-import './SubAccount-99a00594.js';
-import { n as table, o as tableCell } from './parts-186d437f.js';
-import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types-01dcdcbd.js';
-import { c as checkoutTableColumns, a as checkoutTableCells } from './checkouts-table-8b116232.js';
+import './Payment-47630113.js';
+import './SubAccount-f31349a9.js';
+import { y as table, z as tableCell } from './parts-93f379ab.js';
+import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types-948c3b14.js';
+import { c as checkoutTableColumns, a as checkoutTableCells } from './checkouts-table-115bacc4.js';
 import { o as onQueryParamsChange, q as queryParams } from './checkouts-list-params-state-1d968971.js';
+import './utils-b76d791e.js';
 import './Dispute-5fd28ec9.js';
-import './spinner-879489b3.js';
-import './utils-54543523.js';
+import './spinner-b83f3a87.js';
+import './badge-b034e71b.js';
 import './index-a47fdc7f.js';
 
 const CheckoutsListCore = class {
@@ -132,7 +133,7 @@ const CheckoutsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: '7079f5dbb8f52d0e99da70f6975e65f2024bd7c9' }, h("div", { key: '8d73be1816687fe3af837d5853f75b5aad756f6e', class: "table-wrapper" }, h("table", { key: '3a9d8cb62a25d28660fa160de263ae80c2b67804', class: "table table-hover", part: table }, h("thead", { key: 'cc1954f52372d481e789cf5460118952633ab34e', class: "table-head sticky-top" }, h("tr", { key: '141e9d5f5e671181487a77dd01ea86d0f2927ba6', class: "table-light text-nowrap" }, this.checkoutsTable.columnData.map((column) => column))), h("tbody", { key: 'c6f1ba23fcda58bef598d32ec6901e7bae56fe9c', class: "table-body" }, h(TableLoadingState, { key: '746e4eaab6f4840f95a7243ac7d9a119fe4dac6c', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '7d7cfed557fe138cfd56a8283da75b8fd55ef01e', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '71e438127afde6489e232ecd19f91545da9ca8fa', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: '45a0d79963f2e6edd7f2f11620c0314345b3d6d5', class: "sticky-bottom" }, h("tr", { key: '8d502311b14f5f1a7cae5d00f3bff361f4816d72', class: "table-light align-middle" }, h("td", { key: '522745aa9b5d46188dd4b351debc83601c144dfe', part: tableCell, colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '41323e6e3aa31631dca4dba29e40551b9a9d5446', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: '910d95f94623ddd9e90a182a7a47e7dfdff1d9a6' }, h("div", { key: 'c296c31fe48bec06067215f6aa4cfb1a9d1b681a', class: "table-wrapper" }, h("table", { key: 'dddd43e74de4989261b8014d2c66cba7c26e9d98', class: "table table-hover", part: table }, h("thead", { key: '4eabd9c8687fbf316420c9a838a95016b20f12dd', class: "table-head sticky-top" }, h("tr", { key: '2cdd7f438099613e5a670343723b883470a65dbd', class: "table-light text-nowrap" }, this.checkoutsTable.columnData.map((column) => column))), h("tbody", { key: 'e3fd8f783e0e405d18bc120bf8c2ca4e2ca25f15', class: "table-body" }, h(TableLoadingState, { key: 'ec8e73a90b9951b5fba78651fdd9a93b7531ba49', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '6b1ebf8bbd62b0ba9c7032be47c87b929bc413db', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'a44e8985fb208b91635afe4910fdce5fb94d17e7', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: '05ac7e9796a7b4e4450151e762a409c050fc037f', class: "sticky-bottom" }, h("tr", { key: 'd6135d93dafeee69c6d9a12b9bd35e8c77ec3c5a', class: "table-light align-middle" }, h("td", { key: 'ad7b4df45f54519b759797f665bcfa68a1cd512d', part: tableCell, colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '3c97cf5daeb90e9b9a881280f25e4307b7392bcf', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "queryParams": ["updateOnPropChange"],

package/dist/esm/checkouts-table-115bacc4.js

@@ -0,0 +1,53 @@
+import { h } from './index-29fcfdf5.js';
+import { a as formatTime, b as formatDate } from './utils-b76d791e.js';
+import { B as Badge, a as BadgeVariant } from './badge-b034e71b.js';
+import { k as tableHeadCell, m as getAlternateTableCellPart } from './parts-93f379ab.js';
+
+const MapCheckoutStatusToBadge = (status) => {
+    const statusToBadgeProps = {
+        created: {
+            variant: BadgeVariant.PRIMARY,
+            title: 'The checkout has been created',
+            text: 'Created',
+        },
+        completed: {
+            variant: BadgeVariant.SUCCESS,
+            title: 'The checkout has been completed',
+            text: 'Completed',
+        },
+        attempted: {
+            variant: BadgeVariant.SECONDARY,
+            title: 'The checkout has been attempted',
+            text: 'Attempted',
+        },
+        expired: {
+            variant: BadgeVariant.DANGER,
+            title: 'The checkout has expired',
+            text: 'Expired',
+        },
+    };
+    const badgeProps = statusToBadgeProps[status];
+    return h(Badge, Object.assign({}, badgeProps));
+};
+
+const defaultColumnsKeys = 'created_at,payment_amount,payment_description,payment_mode,status';
+const checkoutTableColumns = {
+    created_at: () => (h("th", { part: tableHeadCell, scope: "col", title: "The date each checkout occurred" }, "Processed On")),
+    payment_amount: () => (h("th", { part: tableHeadCell, scope: "col", title: "The dollar amount of each checkout" }, "Payment Amount")),
+    payment_description: () => (h("th", { part: tableHeadCell, scope: "col", title: "The description of each checkout" }, "Payment Description")),
+    sub_account_name: () => (h("th", { part: tableHeadCell, scope: "col", title: "The sub account associated with the checkout" }, "Sub Account")),
+    payment_mode: () => (h("th", { part: tableHeadCell, scope: "col", title: "The payment mode of each checkout" }, "Payment Mode")),
+    status: () => (h("th", { part: tableHeadCell, scope: "col", title: "The current status of each checkout" }, "Status")),
+};
+const checkoutTableCells = {
+    created_at: (checkout, index) => (h("td", { part: getAlternateTableCellPart(index) },
+        h("div", { class: "fw-bold" }, formatDate(checkout.created_at)),
+        h("div", { class: "fw-bold" }, formatTime(checkout.created_at)))),
+    payment_amount: (checkout, index) => (h("td", { part: getAlternateTableCellPart(index) }, checkout.formattedPaymentAmount(checkout.payment_amount))),
+    payment_description: (checkout, index) => (h("td", { part: getAlternateTableCellPart(index) }, checkout.payment_description)),
+    sub_account_name: (checkout, index) => (h("td", { part: getAlternateTableCellPart(index) }, checkout.sub_account_name)),
+    payment_mode: (checkout, index) => (h("td", { part: getAlternateTableCellPart(index) }, checkout.payment_mode)),
+    status: (checkout, index) => (h("td", { part: getAlternateTableCellPart(index) }, MapCheckoutStatusToBadge(checkout.status))),
+};
+
+export { checkoutTableCells as a, checkoutTableColumns as c, defaultColumnsKeys as d };

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

@@ -1875,7 +1875,7 @@ const CustomPopper = class {
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: '153f64dde49d3c00975e4ab967092fe0eab2e096' }, h("style", { key: 'f3441ee39263f615a907d371e5a75be910e6ad80' }, `
+        return (h("div", { key: '277df43099c0dd77e7dc69927ef51d2457cec263' }, h("style", { key: 'b0bce6ba8275da36f98a9a12abd541fc0ae423f9' }, `
           .popper-content {
             display: none;
           }
@@ -1883,7 +1883,7 @@ const CustomPopper = class {
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '840e5c3a19a9d57dda561971967130e8bf53518b', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '2b9bbfe2b4cd7bfb5ff3a6c21a99dea7e23d1124' }))));
+          `), h("div", { key: '23b70bc63642a5a3ec4e67da2d698f4ce70325dd', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: 'c7fdc0e2e03def596ca1eb4a4cb813a93f8cea21' }))));
     }
 };
 

package/dist/esm/{dispute.service-4e5059aa.js → dispute.service-882e35ed.js}

@@ -1,9 +1,8 @@
-import { A as Api } from './Api-391d00e2.js';
-import './Checkout-0b4086f8.js';
+import { A as Api, c as config } from './Api-0cac5b8a.js';
+import './Checkout-d476bb83.js';
 import './Pagination-afc8f96d.js';
-import './Payment-4f72d277.js';
-import './SubAccount-99a00594.js';
-import { c as config } from './config-187b3ae1.js';
+import './Payment-47630113.js';
+import './SubAccount-f31349a9.js';
 
 class DisputeService {
     async fetchDispute(disputeId, authToken) {

package/dist/esm/{event-types-01dcdcbd.js → event-types-948c3b14.js}

@@ -1,6 +1,6 @@
 import { h } from './index-29fcfdf5.js';
-import { p as tableEmpty, q as tableError, o as tableCell } from './parts-186d437f.js';
-import { S as Spinner } from './spinner-879489b3.js';
+import { A as tableEmpty, B as tableError, z as tableCell } from './parts-93f379ab.js';
+import { S as Spinner } from './spinner-b83f3a87.js';
 
 const TableEmptyState = (props) => {
     const { columnSpan, isEmpty } = props;
@@ -38,7 +38,7 @@ class Table {
     }
     get rowData() {
         return this.collection.map((dataEntry, index) => {
-            return this.columnKeys.map((key) => this.tableCells[key](dataEntry[key], index));
+            return this.columnKeys.map((key) => this.tableCells[key](dataEntry, index));
         });
     }
     set collectionData(collection) {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host } from './index-29fcfdf5.js';
-import { u as alertDanger, h as heading2 } from './parts-186d437f.js';
+import { D as alertDanger, h as heading2 } from './parts-93f379ab.js';
 import { a as businessServiceReceivedOptions, r as recurringPaymentsOptions, s as seasonalBusinessOptions, b as businessClassificationOptions } from './business-form-options-018f62a5.js';
 import { C as CURRENCY_MASK, T as TAX_ID_MASKS, P as PHONE_MASKS, S as SSN_MASK } from './form-input-masks-0e18300f.js';
 import { C as CoreBusinessInfo } from './Business-29c69f22.js';
@@ -42,7 +42,7 @@ const AdditionalQuestions = class {
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
         const additionalQuestionsDefaultValue = this.formController.getInitialValues().additional_questions;
-        return (h(Host, { key: 'bb84bd6a1e3fa028c187a1d50c905e726549793d' }, h("fieldset", { key: '749a84c04210a561575b7182740fc6e5225756cb' }, h("legend", { key: '9b469b3014f11c3b108ca1ab85cfe61e202b9948', part: heading2 }, "Additional Questions"), h("div", { key: '1681a5e6f88b005dbf12c6e85c5b3b451a32d326', class: "row gy-3" }, h("div", { key: '8b29f94ac08449ed9d1995e1b3bd8e61692defa0', class: "col-12 col-md-6" }, h("form-control-monetary", { key: 'c05f4c9e4c14e2be2ce71f669d4f80661fac5812', name: "business_revenue", label: "What is the business' estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.additional_questions) === null || _b === void 0 ? void 0 : _b.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: 'bb7b1d913c72ead01ed7c1887ab3822082e156b4', class: "col-12 col-md-6" }, h("form-control-monetary", { key: '33c9e231009d4368b5dcc45851f96e6329de64aa', name: "business_payment_volume", label: "What is the business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.additional_questions) === null || _d === void 0 ? void 0 : _d.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: 'b2e265d1eb6199f37cc667df427213f874764450', class: "col-12" }, h("form-control-select", { key: '0eb29219e1ee105088cd7b4953db890f31060a27', name: 'business_when_service_received', label: 'On average, how long after paying will your customers typically receive their goods or services?', inputHandler: this.inputHandler, errorText: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.additional_questions) === null || _f === void 0 ? void 0 : _f.business_when_service_received, options: businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), h("div", { key: '368372379f4e361c1a85e56b4f5f9f46f490024e', class: "col-12" }, h("form-control-select", { key: '20c055aaecbc1c98861f675416bd17631f4427af', name: 'business_recurring_payments', label: 'Does your business offer recurring payments?', inputHandler: this.inputHandler, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.additional_questions) === null || _h === void 0 ? void 0 : _h.business_recurring_payments, options: recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), h("div", { key: 'bd9761c491278329673db6fc552aa81d410d3d4e', class: "col-12" }, h("form-control-text", { key: '7824d74e9855743c0fa3192aa67d091676ac8032', name: 'business_recurring_payments_percentage', label: 'What percent of revenue is generated from each recurring payment type offered?', inputHandler: this.inputHandler, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.additional_questions) === null || _k === void 0 ? void 0 : _k.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage })), h("div", { key: '5eaf43f760d3ca83fe6ce92934827eda00bce848', class: "col-12" }, h("form-control-select", { key: 'bf239e5e8ea008e0617f4930836e2cc54b7d0bfb', name: 'business_seasonal', label: 'Is this business seasonal?', inputHandler: this.inputHandler, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.additional_questions) === null || _m === void 0 ? void 0 : _m.business_seasonal, options: seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), h("div", { key: '67bf5e9add4e24d12feb6398fd55bd8d29d293ff', class: "col-12" }, h("form-control-text", { key: 'c7956d361e51bb80a96e42f208af4b3499a54c66', name: 'business_other_payment_details', label: 'Is there anything else you would like us to know about how your customers pay the business?', inputHandler: this.inputHandler, errorText: (_p = (_o = this.errors) === null || _o === void 0 ? void 0 : _o.additional_questions) === null || _p === void 0 ? void 0 : _p.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
+        return (h(Host, { key: '618736c7be498f1665c5cf4aa470dd90eed52334' }, h("fieldset", { key: 'fae6781f258757e72146d1c99b66654880d72cc0' }, h("legend", { key: '96be34e12f5445c7b67b22c5636c74fc44e7532d', part: heading2 }, "Additional Questions"), h("div", { key: 'cb2ee5e23c714bd950bd586d0cb72cc09489f2d3', class: "row gy-3" }, h("div", { key: 'f0f781b138c954b6ad1f9039d295b5c4134ed8ed', class: "col-12 col-md-6" }, h("form-control-monetary", { key: 'df81f8827a2a619570c3664873192219d6a01e7a', name: "business_revenue", label: "What is the business' estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.additional_questions) === null || _b === void 0 ? void 0 : _b.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: '1a051cae5f83329287f07b9964125757a3fb0965', class: "col-12 col-md-6" }, h("form-control-monetary", { key: 'd2662f5858e71554a318d17fb8ee4950ababb781', name: "business_payment_volume", label: "What is the business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.additional_questions) === null || _d === void 0 ? void 0 : _d.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: '04da123a8656cb50676a3b8981f3d5aba1188cc1', class: "col-12" }, h("form-control-select", { key: '8fcc2ac015c53a82e412f6dfccad4e6759a5d0b6', name: 'business_when_service_received', label: 'On average, how long after paying will your customers typically receive their goods or services?', inputHandler: this.inputHandler, errorText: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.additional_questions) === null || _f === void 0 ? void 0 : _f.business_when_service_received, options: businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), h("div", { key: 'c12eca7ac3d5b58a792fc96dd79bc080ffd0d2f8', class: "col-12" }, h("form-control-select", { key: 'e77bc7b5daab33b00fe098cd0f5200ee200085e9', name: 'business_recurring_payments', label: 'Does your business offer recurring payments?', inputHandler: this.inputHandler, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.additional_questions) === null || _h === void 0 ? void 0 : _h.business_recurring_payments, options: recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), h("div", { key: '27a94ad5b8fe71c6eb775816422151e3cd865040', class: "col-12" }, h("form-control-text", { key: '5ae2d05e20022b0d8d6b765df38bb0137537d122', name: 'business_recurring_payments_percentage', label: 'What percent of revenue is generated from each recurring payment type offered?', inputHandler: this.inputHandler, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.additional_questions) === null || _k === void 0 ? void 0 : _k.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage })), h("div", { key: '370e2ced766d57fcada32adff6b67644b164acfd', class: "col-12" }, h("form-control-select", { key: '1155dc7935f4ef243d1beec8136e5ccc10e808eb', name: 'business_seasonal', label: 'Is this business seasonal?', inputHandler: this.inputHandler, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.additional_questions) === null || _m === void 0 ? void 0 : _m.business_seasonal, options: seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), h("div", { key: 'f303957137b424aa3893d7fca83f239512189b6e', class: "col-12" }, h("form-control-text", { key: '1d5a1fe15fe3e85df4269f5b397e80a22b2f3bd4', name: 'business_other_payment_details', label: 'Is there anything else you would like us to know about how your customers pay the business?', inputHandler: this.inputHandler, errorText: (_p = (_o = this.errors) === null || _o === void 0 ? void 0 : _o.additional_questions) === null || _p === void 0 ? void 0 : _p.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
     }
 };
 
@@ -65,7 +65,7 @@ const BusinessCoreInfo = class {
     }
     render() {
         const coreInfoDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: 'e4137edfffdb68e6dd792a9b38b13752734f5fd2' }, h("fieldset", { key: '7652930c2d961361969a454b6632ece8d34e9a7b' }, h("legend", { key: 'cb6e3a3eb561d862ea57d74bfd8a59fc8f2bb017', part: heading2 }, "General Info"), h("div", { key: '7becc4c5b16f7a77ff425b40e961fb478e50b3b4', class: "row gy-3" }, h("div", { key: '1c4d8eba65f262bf35e405e38818c2bb489c4c1a', class: "col-12" }, h("form-control-text", { key: 'f71636cf4bb91ee161e6e056cafc275950642e20', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '1865bb01a25c5f6148331a15804e31f48af4c6e8', class: "col-12" }, h("form-control-text", { key: '9d8a77ea431d826c864fe833fdb7866aa3fc6283', 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: 'a271782b9750547ff609653307db7f3bfaccf25b', class: "col-12 col-md-8" }, h("form-control-select", { key: '52144fe64984bfbddc7d4488e48cc44decf44943', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: '88c72bf4401345def76beff2f555f8dcd04724a5', class: "col-12 col-md-4" }, h("form-control-date", { key: '6c8b11e80c6959f257ed9a1022d6f0bc9437cf79', 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: 'f5ddb61e0b705a4c16a0ae2b4610a6407cc4d919', class: "col-12 col-md-6" }, h("form-control-text", { key: '8e816266819351742ec3a00683a211d3b9ed5969', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '0e23adafca4f1dbde3a40d5f28a84278a00ef5df', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '143ad2c24b1643532186d0bbb4a0f4ada84cc880', 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: '3549c796c3c9653e2006f7441a3aedff5c559660', class: "col-12" }, h("form-control-text", { key: 'ae1794226a4aeffdc0ec0ae1a1959a7e1f599024', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: 'a10bae7797bdc5c0bad910281dba1006dcf336b7', class: "col-12 col-md-6" }, h("form-control-text", { key: 'f6c80857ae53d6949d9276d4df3d04e459300c5f', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'd680203bd386b10a8385bf50d2b7a8e5a5564e29', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'ca47e1b1d774b1fd61242ddd8d8adbeb21576970', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
+        return (h(Host, { key: '0a54d6f8c056defa8cabdb4dc179c163221da666' }, h("fieldset", { key: '4b0c98edb14fd99bdc1b69452f46176d13138521' }, h("legend", { key: 'ffa4420337c8c0007ea50ed903c2708fcda98027', part: heading2 }, "General Info"), h("div", { key: '2e81c755b2f5b8dc881dfac4bb0cb5c61efef68c', class: "row gy-3" }, h("div", { key: '02cd06cd22a47c19fe0f7ef56332946383c8fb09', class: "col-12" }, h("form-control-text", { key: '9eb76d9b46ca559acc02bd74146249c2d3b75032', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '6b3e5d12395548523ec27109b3498e17d160ebb5', class: "col-12" }, h("form-control-text", { key: '8ce4c6867f5ca0842b925448196eaae1299663de', 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: 'b66a589959a2ac7095ab87b9d123e79ed31588ab', class: "col-12 col-md-8" }, h("form-control-select", { key: '1ace9df2d442f1fc9411fba5c4f549a3d94f3e04', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: '008b69ab22ea29d8555db618734910de2a5d5740', class: "col-12 col-md-4" }, h("form-control-date", { key: '19d75c0375ae52cdf139024aff14d9d8911f7ec3', 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: 'dfa1903977fb2d0f2c7bbc8b990ab67d2040e9b1', class: "col-12 col-md-6" }, h("form-control-text", { key: 'fd7d05bd1401f86eb45b8c647d54714e14f2190a', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: 'ae9e24843b6909b288553ec54f99c577b5931417', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'a19f2126f9b24d2fb14a5887a8f83b548f36f4ad', 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: '029aaf6b714d7a0e1240176fe43e9c7d80e256bf', class: "col-12" }, h("form-control-text", { key: 'a81b306b6ab4bbe5bd1aa67ff10a2fd1e9bf092e', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: '408bc1916656193648b306cad6b3f6bd343ffc3b', class: "col-12 col-md-6" }, h("form-control-text", { key: 'd15350befa68b8125c0d292e6ffe7d2a09af5590', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '5835a78ff6cd8e08b364e4d0016df0fdffaa2fb6', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '4a8507cd54812937df751f69b90cc1d3df503de6', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
     }
 };
 
@@ -95,7 +95,7 @@ const BusinessRepresentative = class {
     }
     render() {
         const representativeDefaultValue = this.formController.getInitialValues().representative;
-        return (h(Host, { key: '6953e0a161c91c96bbd1175f827c408532d9671d' }, h("fieldset", { key: '6d964e41c2cbe52659cff1947f34a4bed0ac086b' }, h("legend", { key: 'f7cc0797ebbfabd6cf316507949f023eecb064eb', part: heading2 }, "Representative"), h("div", { key: '83c9b653887b11a242a64da2d6e56ee0a5928c09', class: "row gy-3" }, h("div", { key: '641bf82762b34021bb4de999b7ac7bdfc7467992', class: "col-12 col-md-8" }, h("form-control-text", { key: '5c467daf7356de89b9f83d1ad623b278a8728237', name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '3fe3718a17b31d15c538708bf04ac3709e4fc693', class: "col-12 col-md-4" }, h("form-control-text", { key: '12d100d5169fc48738b948ae427a25f9e56a3a43', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '96cc8dcd98a219da320060afecbe606484d5e366', class: "col-12 col-md-6" }, h("form-control-text", { key: '77847b0d23fd7e12330965948c983e8d6d4dc9a7', name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '85c1991710d1eb0459d6ec38f11e3e04db190e41', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '978cb087ff6dc7cb2b9de885eafb3ef129e9c98f', name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'abf26703f0a54067e37b1431730c88b3bec66ea0', class: "col-12 col-md-4" }, h("form-control-date", { key: '1dce5eca05db74ac62070152c169acf527cecde0', name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: 'b95022325c2954a38fd28d0e601b948c1dea1af9', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: 'c3e85a5a69b44bb009756ea431433e6997dbf33e', name: "identification_number", label: this.identificationNumberLabel, defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: 'f4e5fd0ee95bd83fc0916ebf70045e78e6ea0500', class: "col-12" }, h("justifi-identity-address-form", { key: '3559f515326eea50c760522f4a22a0231214ffc8', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))))));
+        return (h(Host, { key: 'f6ec629438bef335e9a3e04fccc0223f7bafbc26' }, h("fieldset", { key: '82eac6e79e74cbcc76438fe3180ef1af9ae467ac' }, h("legend", { key: '31ca1bf5cc4e8eea0c28a690b28637dcd42ffa58', part: heading2 }, "Representative"), h("div", { key: 'f9e554f72dfd3f0dec491158ad83dd47baf6d6cc', class: "row gy-3" }, h("div", { key: '79350e59178a94a5af9dbacf13ed6b20fdde8d73', class: "col-12 col-md-8" }, h("form-control-text", { key: '78ce85dafde41cd8343898baa4ab802ce2f2d166', name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '0b145987fc92bce37bcf3543b544754ed77db31e', class: "col-12 col-md-4" }, h("form-control-text", { key: '7d49c2ee8b342ca631cf55f57f529a77bd7c6e3f', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: 'a5c758e42bfed677f38b18298e550d1cbb753f3d', class: "col-12 col-md-6" }, h("form-control-text", { key: '5e0e9672443f2b1a7b0b63b95d007c29eae0c64d', name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '32d63091cdc630f5d0908ff17f0cea17685ecb64', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '975381119e6dc8de8caf969c432ab498b600c156', name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '86095ab1f1152242fcd68ad153e38b1d7f1ee98f', class: "col-12 col-md-4" }, h("form-control-date", { key: '361690e38df5bfe260bfaa200856f6e41c0c624c', name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: 'b0a24f235e569fe65b518871fe90f3202a4c9666', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: '54edaef9d4fed9e5dc2f6743e8168cda6e01c717', name: "identification_number", label: this.identificationNumberLabel, defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: 'efa8fb991a119b6640d876f48cca69fc19d19301', class: "col-12" }, h("justifi-identity-address-form", { key: '50b7dcee0b96a38de05d04fbae8b986bb755c888', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))))));
     }
 };
 
@@ -117,7 +117,7 @@ const LegalAddressForm = class {
     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: 'cdc38fd9219f476ab7e96dc822e011e576ffd4a4' }, h("fieldset", { key: '2ede5cb6b37f1e3777ca0cc67301df09c3fba094' }, h("legend", { key: '172c62472d8604980ad3852706753fa57ca7de61', part: heading2 }, "Business Legal Address"), h("div", { key: 'e06b8a7685b684d0b13dca7d353a25657a193d7f', class: "row gy-3" }, h("div", { key: '666b922155f4867095c42bc8e5d532666bfa5dae', class: "col-12" }, h("form-control-text", { key: '3438b500fa38f5a8598087e9f1443c81727a25f7', 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: '161beeeed0ee761e3a46eedf8be84fa41d3baa97', class: "col-12" }, h("form-control-text", { key: '50529cbf0bace2992f1a26904711b44900e7f9ae', 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: '9197e0c08d20fb1b4833bd5e3753bc9a98be38d3', class: "col-12" }, h("form-control-text", { key: 'a4f76e3e053a970971c65315679a26046e4bf93d', 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: 'fc0751e18457603a59d6f159a8355b05f3199098', class: "col-12" }, h("form-control-select", { key: '3b9c78bdc3997badec0d0752fd8a0dcfa278ebbe', 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: '088917f3ec58d3e0b91a80fc545be78cb7a0d5f2', class: "col-12" }, h("form-control-text", { key: 'abb1e41d287a7ea0165f68811ee60a7985d3bcc7', 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: '2f042e9969d48a35618124975def5b2fd06a9b98', class: "col-12" }, h("form-control-select", { key: '67bf02cb2b3e786b2a5a4f5817a4ffd5ff2fee96', 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: 'a9e2d2fa0e1ac8bd37eef9b40ae3ebee44e6246f' }, h("fieldset", { key: 'defd51a5bdbc9ecf4e640d2008bb1f1f83de5dda' }, h("legend", { key: '6d4d4563e426a02539f86c58a6eaa11927ec96e2', part: heading2 }, "Business Legal Address"), h("div", { key: 'c4d0786717af5da9baca6aca93b4e81f474a1746', class: "row gy-3" }, h("div", { key: 'f8be78e845a720143e3f175eec6c9f9ee929d612', class: "col-12" }, h("form-control-text", { key: '341d426271136e734d9dd8d1968de01938b5eebb', 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: 'ac5f410a9b12def5284636dd384560af93c982d6', class: "col-12" }, h("form-control-text", { key: 'b96a18e42af33fbfca0645d9aa039a2430dc0043', 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: 'c3ac5227e34c525b6be906b5cf06a428bebe2ad4', class: "col-12" }, h("form-control-text", { key: '972602adcf764500928eca67660b20344a1313ec', 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: '8ca2e4c78b986f5156976c5adb6b5a63c584607b', class: "col-12" }, h("form-control-select", { key: '2f0eacc656e741706064c10234e471fb53ca2be2', 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: 'e4d51b2347c78f5c47d5ce309c46baa5fc07f7f5', class: "col-12" }, h("form-control-text", { key: 'e237d5830f0c24bf40e43ba8d2d6b0fd095405ed', 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: 'a7bdcd1a867ff4816f20e89f651fe80fed2193cf', class: "col-12" }, h("form-control-select", { key: 'd345dd93d46618572c3aea87893c135ac688bde5', 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 }))))));
     }

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-29fcfdf5.js';
-import { M as inputCheckboxInvalid, N as inputCheckboxCheckedFocused, O as inputCheckboxFocused, P as inputCheckboxChecked, Q as inputCheckbox, l as label } from './parts-186d437f.js';
-import { F as FormControlHelpText } from './form-control-help-text-a2fc3617.js';
-import { F as FormControlErrorText } from './form-control-error-text-3b2553b5.js';
+import { V as inputCheckboxInvalid, W as inputCheckboxCheckedFocused, X as inputCheckboxFocused, Y as inputCheckboxChecked, Z as inputCheckbox, l as label } from './parts-93f379ab.js';
+import { F as FormControlHelpText } from './form-control-help-text-3b6f5980.js';
+import { F as FormControlErrorText } from './form-control-error-text-066cdad4.js';
 
 const CheckboxInput = class {
     constructor(hostRef) {
@@ -43,10 +43,10 @@ const CheckboxInput = class {
         return inputCheckbox;
     }
     render() {
-        return (h(Host, { key: '1aedf7dc7572040d5d1accb6fce84c42c12e2889' }, h("div", { key: '454a062fd481093d4b4a5769c3b2a79b61f07c20', class: 'form-group d-flex flex-column' }, h("div", { key: '087e692e098975b4a78ecbdfee50f183787b1f9e', class: "form-check" }, h("input", { key: 'cf71f2abd44da0cf0bed71f102af6ead74b34bf2', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '37c483442db30fe4662377c80798f60a220d005a' }, h("div", { key: 'b09832323b1d686404e362bb77281aec21fc581b', class: 'form-group d-flex flex-column' }, h("div", { key: '2064b9de15f1ca74a3d8132813f9108755a69dbf', class: "form-check" }, h("input", { key: '57218b62428c57d2c6beb65635d2cd51debb656c', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: '02ce674c833c5b2795d1d041bc1e7d9fe351f514', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: 'aab32007a08af39b4fa4314eba5e7e2b2ff57d31', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'cf906dec9c1f2763156fa0becf4389a728a14b39', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: '16a1122c4783eb07b00af9fb9449d626f978eeb4', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: 'e6d817bfbcecab7ebdc0537a19aa8e965239de5d', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '026032f91f2f011c1dbaa37be3c571e0fb707cbe', errorText: this.errorText, name: this.name }))));
     }
 };
 

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-29fcfdf5.js';
-import { l as label, c as input, b as inputInvalid, D as inputDisabled, a as inputFocused } from './parts-186d437f.js';
-import { F as FormControlErrorText } from './form-control-error-text-3b2553b5.js';
+import { l as label, c as input, b as inputInvalid, M as inputDisabled, a as inputFocused } from './parts-93f379ab.js';
+import { F as FormControlErrorText } from './form-control-error-text-066cdad4.js';
 
 const DateInput = class {
     constructor(hostRef) {
@@ -54,10 +54,10 @@ const DateInput = class {
         return part;
     }
     render() {
-        return (h(Host, { key: '238d6dc419c36dafa07e03e0b16dc8e18c620894' }, h("div", { key: 'e4dec93ad672ad2e8599851e0fc541b5a4fb21a0', class: "form-group d-flex flex-column" }, h("div", { key: '51cf231ffd7f8d7253ee67d85211d6e01b082ae9', class: "d-flex gap-2" }, h("label", { key: '23b2f623f5d019b87150061f848aebd32f54c164', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '3bd071cb30d9b52a60a1210bf49b96f2283f80dd', helpText: this.helpText })), h("input", { key: '10dc76f79b4cdc831195ab037369d9be10e6108b', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '079e8e9be2b4003c29926a3f29794fdcb655e873' }, h("div", { key: 'ccdbde4bb2a14d719a232309cb8df0ddd55d6677', class: "form-group d-flex flex-column" }, h("div", { key: '2dcd3e2cbeef153d1c3c6a3b55f9e68a4ae73e47', class: "d-flex gap-2" }, h("label", { key: '8154626fc1f1bd3cbc85aed221dd1a8ad2bc1ec3', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'a15f0872945e62061707e78070507069599db962', helpText: this.helpText })), h("input", { key: 'a63d12eba9bb0065a48f3087133447d408de4e55', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), h(FormControlErrorText, { key: 'e06413cc8b9d57f1a89efad44c3b93c82078f5b6', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), h(FormControlErrorText, { key: 'b7cdabdf444c9e07dda46f376e3f6372164dfeae', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/esm/{form-control-error-text-3b2553b5.js → form-control-error-text-066cdad4.js}

@@ -1,5 +1,5 @@
 import { h } from './index-29fcfdf5.js';
-import { d as textDanger } from './parts-186d437f.js';
+import { d as textDanger } from './parts-93f379ab.js';
 
 const FormControlErrorText = (props) => {
     const { errorText, name } = props;

package/dist/esm/form-control-file-v2_2.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-29fcfdf5.js';
-import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, D as inputDisabled, c as input, l as label } from './parts-186d437f.js';
+import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, M as inputDisabled, c as input, l as label } from './parts-93f379ab.js';
 
 const FileInput = class {
     constructor(hostRef) {
@@ -16,7 +16,7 @@ const FileInput = class {
         this.disabled = undefined;
     }
     render() {
-        return (h(Host, { key: '0ff92310d25c06e1fa0271f4dcb1f2c3f9af6bc9', exportparts: "label,input,input-invalid" }, h("div", { key: 'c07d1173914b8f4a474656108219502dcd356798', class: "form-group d-flex flex-column" }, h("div", { key: 'cc37bcfa3d65f4dc8b1d6f6b43b52a2282398b29', class: "d-flex align-items-start gap-2" }, h("label", { key: '5a042d4b42b5372ca465c3636dfedec7beea91f0', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '2b227a49d2e65d2b4a5d4248a5d1dbc234a8aaf0', helpText: this.helpText })), h("input", { key: '9c81ac8b2fe6742959d7502b99b43bd192efecd3', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit() }), h("form-control-error-text", { key: 'e650ab21dce572c1ed4c20f6d5f64253a39d5420', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '744d405a20702d024f33fc8bc5aa6cbc97c45260', exportparts: "label,input,input-invalid" }, h("div", { key: 'e20fde11ba0bb73f99d9ab7fe7e5a23b30a81ea3', class: "form-group d-flex flex-column" }, h("div", { key: 'fff2a256c667f26cb9cf3dc8a2420276a779a5c4', class: "d-flex align-items-start gap-2" }, h("label", { key: 'c9df617c17f646c6f48a904e3b96327ff55a6c13', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '4095bdb2e3393821fbf0e05592abe64d9c43ca7b', helpText: this.helpText })), h("input", { key: '0f7b7296cbcc68df6e6eb77056928175417e6ecd', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit() }), h("form-control-error-text", { key: '57398436dad7e92bfb362cdfeb73e4f7d939c51c', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
 };
@@ -71,10 +71,10 @@ const TextInput = class {
         return input;
     }
     render() {
-        return (h(Host, { key: '2bf7205da9907d7e72c57bdb8cf7225ba79df6f8' }, h("div", { key: 'bba562087283e69f6bf30d644befa71f3e7edd82', class: "form-group d-flex flex-column" }, h("label", { key: '6337fd2a00e5feff788aa867fb357bb42ee76f0e', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: 'fa0e759bb588317b24ea8ba9c554c93a8c5c8934', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '9e87b1f5529dedd7c181923a595c3a914a3ac729' }, h("div", { key: '18bf20bca1ab1d4a63d20ce52de8701bd750e315', class: "form-group d-flex flex-column" }, h("label", { key: '9a0f4a849115e646ffc892d35c7519ddc102be02', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '0643574a2bc802ea4dcb5b9577b84cd949e61f9e', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), h("form-control-help-text", { key: 'f03979b74b6cc7fd80b46345df805cf81f120dc5', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '5ab2c830a5f1345034e2c2abeca8d3e6e0a1a2ec', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), h("form-control-help-text", { key: '3fc99f67a4b13cadb47fbc34a027cc2e2c3e5097', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '6f69a3a24f8b4d21db958260a1bc6ceaaf70efa6', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-29fcfdf5.js';
-import { l as label, c as input, b as inputInvalid, D as inputDisabled, a as inputFocused } from './parts-186d437f.js';
-import { F as FormControlErrorText } from './form-control-error-text-3b2553b5.js';
+import { l as label, c as input, b as inputInvalid, M as inputDisabled, a as inputFocused } from './parts-93f379ab.js';
+import { F as FormControlErrorText } from './form-control-error-text-066cdad4.js';
 
 const FileInput = class {
     constructor(hostRef) {
@@ -52,10 +52,10 @@ const FileInput = class {
         return part;
     }
     render() {
-        return (h(Host, { key: 'fe114fda9b6ad4863b1c770721a0740571b7fc97' }, h("div", { key: '75a98a14cb2a1d6b75d6652122a38955a75824d5', class: "form-group d-flex flex-column" }, h("div", { key: '888de79af6f8a11cc60b4caf106ae06ad8279493', class: "d-flex align-items-start gap-2" }, h("label", { key: '9db2a6b00f02b89cab1784749e2d0043a71ece6c', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '6a2e7377ee731403185d47a45d6e6e5c7287f05f', helpText: this.helpText })), h("input", { key: '4528e49dfa270f8fd72ad58669767558f63389a4', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '442808bae357a7ce08299e5fdfb8ee0751567248' }, h("div", { key: 'ad7608679fa7db4868d6314e423022d2999075ec', class: "form-group d-flex flex-column" }, h("div", { key: 'b92dbbe308de82fcdd32e339a91806560c7ea3bd', class: "d-flex align-items-start gap-2" }, h("label", { key: '385e6dedc7f455bb8cb0af0f839301c4341bb5f8', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'c08c2d34a2c6b4bc0dd5bc8e873f04521f5f9f84', helpText: this.helpText })), h("input", { key: 'adfeb0d7f02959c6cbb1335b1e9a8b00050f4f3d', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            } }), h(FormControlErrorText, { key: 'fa1ac29957babba015d0a18eb07d5dba8d550fc8', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '7576a09ef2336bf4645816e8e3530acb3e8e4d9d', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/{form-control-help-text-a2fc3617.js → form-control-help-text-3b6f5980.js}

@@ -1,5 +1,5 @@
 import { h } from './index-29fcfdf5.js';
-import { t as text } from './parts-186d437f.js';
+import { t as text } from './parts-93f379ab.js';
 
 const FormControlHelpText = (props) => {
     const { helpText, name } = props;

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-29fcfdf5.js';
 import { I as IMask } from './index-d9a73ce3.js';
 import { C as CURRENCY_MASK } from './form-input-masks-0e18300f.js';
-import { l as label, t as text, E as inputGroup, b as inputInvalid, D as inputDisabled, a as inputFocused } from './parts-186d437f.js';
-import { F as FormControlHelpText } from './form-control-help-text-a2fc3617.js';
-import { F as FormControlErrorText } from './form-control-error-text-3b2553b5.js';
+import { l as label, t as text, N as inputGroup, b as inputInvalid, M as inputDisabled, a as inputFocused } from './parts-93f379ab.js';
+import { F as FormControlHelpText } from './form-control-help-text-3b6f5980.js';
+import { F as FormControlErrorText } from './form-control-error-text-066cdad4.js';
 
 const MonetaryInput = class {
     constructor(hostRef) {
@@ -68,10 +68,10 @@ const MonetaryInput = class {
         return part;
     }
     render() {
-        return (h(Host, { key: '88ef65f78570c7351c159e89fab22c453bdaa1ec' }, h("div", { key: '1e7cfe678ff76dcd4833626f6cdb8f278ff65236', class: "form-group d-flex flex-column" }, h("label", { key: 'd3ac3a07988ebd57dd5c58ad2ffdba7399daf3e5', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '382697de0c28754de0355fb819365869007c8c20', class: "input-group" }, h("span", { key: 'cf6f813dfcf45dd2c4c1a9b08360a0a70908d52e', class: "input-group-text", part: text }, "$"), h("input", { key: '47e21184a0b08b8e64ae9974610df777537b9789', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '17e5fecec611300d6f55ceed3aa0dbaadc198af2' }, h("div", { key: 'a351e02c9b118dd52c2f16f7fc12328194905923', class: "form-group d-flex flex-column" }, h("label", { key: '94f503e4e1bb020ab2b7822229d45fefef5dd7e1', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '2a3c6de082a5b91500061dd9af6f3e941445ad92', class: "input-group" }, h("span", { key: '88b07cbae192b290ffdfdef2f4c4c07bdfac1f8b', class: "input-group-text", part: text }, "$"), h("input", { key: '7de1c2fcf4ad3ab3b42a370d871d62242f262f7b', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: '5fc015ef8bc059be448a3d8667125e0502d1f519', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'e79f133b65fc016c6d8d940a631f6dd6694038d4', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: 'fb35421f1d48819e88130a0f78e22d12d2d34642', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'c5fbe9b975039e658031bc56db89ae6f6ce34006', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-29fcfdf5.js';
 import { I as IMask } from './index-d9a73ce3.js';
-import { b as inputInvalid, D as inputDisabled, a as inputFocused, c as input, l as label } from './parts-186d437f.js';
-import { F as FormControlErrorText } from './form-control-error-text-3b2553b5.js';
+import { b as inputInvalid, M as inputDisabled, a as inputFocused, c as input, l as label } from './parts-93f379ab.js';
+import { F as FormControlErrorText } from './form-control-error-text-066cdad4.js';
 import { S as StateOptions } from './state-options-a356fb11.js';
 import { n as numberOnlyHandler } from './utils-20cdf321.js';
 
@@ -73,10 +73,10 @@ const NumberInputMasked = class {
         return input;
     }
     render() {
-        return (h(Host, { key: 'e4b85378d57333a4408c941f49fde3a074128173' }, h("div", { key: 'c93d07e39bfbf1bfbc4ae424861a3b0a582a8d32', class: "form-group d-flex flex-column" }, h("div", { key: '0ea90b20800bf4c24e61e28e25575a77db7d42ef', class: "d-flex align-items-start gap-2" }, h("label", { key: '96ba0eb2bd01f4d9a5ab249ae718e4b699cc1497', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'ea12ab4a5b24d7baf2480f0a3a9e9ea2b792e144', helpText: this.helpText })), h("input", { key: '46e7d3817e1556ab91101085c41af284cdc14e24', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: '89db4bb1cfd29493cdd96c8c6e3c94e5af49a897' }, h("div", { key: '22210b1d7377890dbf784e8e38b4d34add828f75', class: "form-group d-flex flex-column" }, h("div", { key: '649c0ffdb254257d0d3ac9dbf5daa8d655e7bcae', class: "d-flex align-items-start gap-2" }, h("label", { key: 'c03d8b29747866564c7a708db4701cd0ea547402', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'ad3e013f5beab24849b62363d4f0436cfb1e4e69', helpText: this.helpText })), h("input", { key: 'abb8c2383c02a91763784fad05c31271387d7b82', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: '46fe5efdc607c8ffacbc9e7a061e6af9eb06d0a9', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: '835e3d30d0f2b6e9aa463c259b9ca5e514fd19e9', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
@@ -100,7 +100,7 @@ const IdentityAddressForm = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-        return (h(Host, { key: 'f656800204764998e856bc6e424d5b925556f74c' }, h("div", { key: '414d5507b883730806e43e7ee6b019eb1790b881', class: "row gy-3" }, h("div", { key: '20581fd2b6e19efeb59fb34d196da8d831961da7', class: "col-12 col-md-8" }, h("form-control-text", { key: '8cbdb2cd9e68a68344c58ca024dbdc45b04dd2b4', 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: 'e1725384142b69f39412cbdb01d9d036b1e13dc3', class: "col-12 col-md-4" }, h("form-control-text", { key: 'c90910fff750cae3133e84f01af76260d13c6848', 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: 'e5afde1beebbf0b23558b028ee06baebf15704ce', class: "col-12" }, h("form-control-text", { key: '972d1fb59ee22fa414c46e9d913de9f9fafa3e75', 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: '75fa447f21b17cc42853fd0c6cf01e94c04a6fa5', class: "col-12 col-md-6" }, h("form-control-select", { key: '5c0acedaea09564d0936c8d4facd45162658a204', 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: '6f2a269d614a16786cdc2675bf004afe2500a4b2', class: "col-12 col-md-6" }, h("form-control-text", { key: '713c45106b050b6d92e2335b0a574c6f2538050a', 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: 'de7ad3baaaed9d197cbf8c68e77c92e45ebeb384', class: "col-12" }, h("form-control-select", { key: 'a3283696fc83f3f891888588a313c70af989b04d', 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: 'fee663d501d8ed69d8959f3edbb7d40c8d599ed1' }, h("div", { key: '62cf6575afc3a416efbf262d9ad9e9999fd0b480', class: "row gy-3" }, h("div", { key: '353941d7f75be1a8f607bcfd6796e84c2923c5d4', class: "col-12 col-md-8" }, h("form-control-text", { key: '029374e05a1a4523223eff583b29c264d12c34b9', 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: '5a6efdc6724785c67088a9325c427d7594061db7', class: "col-12 col-md-4" }, h("form-control-text", { key: '42b98d49c6e3ccce6c4f27f0edc0b45199ad2011', 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: '6e8019d952b5c9b2a1eb1a291a3768e0b1281a10', class: "col-12" }, h("form-control-text", { key: '46a9ccdaa06d6f7bcc83589122fb84661091898a', 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: '60d5dd274bdafbe4fa9a690cd552e680028c6e5c', class: "col-12 col-md-6" }, h("form-control-select", { key: '132d048d21dff090951ffdec6812be06d13be30c', 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: '1f583d9c35eb86fd7067c619bde6d39120ac9581', class: "col-12 col-md-6" }, h("form-control-text", { key: '34ae70fda0faab6da9c5a278203144ecebce15b3', 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: 'b04acb1677d176d7b8ab3086c7ac85ece03a9f31', class: "col-12" }, h("form-control-select", { key: '77bd3623328cfb5e090838adb729edc4138134fa', 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/esm/form-control-number.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-29fcfdf5.js';
-import { i as inputInvalidAndFocused, a as inputFocused, b as inputInvalid, c as input, l as label } from './parts-186d437f.js';
-import { F as FormControlHelpText } from './form-control-help-text-a2fc3617.js';
-import { F as FormControlErrorText } from './form-control-error-text-3b2553b5.js';
+import { i as inputInvalidAndFocused, a as inputFocused, b as inputInvalid, c as input, l as label } from './parts-93f379ab.js';
+import { F as FormControlHelpText } from './form-control-help-text-3b6f5980.js';
+import { F as FormControlErrorText } from './form-control-error-text-066cdad4.js';
 
 const NumberInput = class {
     constructor(hostRef) {
@@ -48,10 +48,10 @@ const NumberInput = class {
         return input;
     }
     render() {
-        return (h(Host, { key: '49da5c23574f5edac307f75d83285addee02d49f' }, h("div", { key: 'f12d88f53e7a1e97d3219b3cc4a2020295b7cb14', class: 'form-group d-flex flex-column' }, h("label", { key: '0c926aae68a9e42df7d8e7810a9de75d4db5f5e4', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '606c34cd4f4095b6bfd6c33bf46be8d8948d44ee', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '84a9fa872fcd778c9b54d528de7ac170ea2f6173' }, h("div", { key: '263566ddbbbd5c064348bc57c1991302e933971a', class: 'form-group d-flex flex-column' }, h("label", { key: '0401bdc8bb45d6e0367afd51a36582c9556443f6', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'bac419a78477547420a8e1821fe02e46d7bfb12d', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), h(FormControlHelpText, { key: '0cf682568468359ab5b2451b9746e02c7352ba08', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '8eedbb1669d0d776c61444fbb435dbdc0a297675', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), h(FormControlHelpText, { key: '0cd70acee81da1c14fed139a1f0550aaadbb2671', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '2a71ab292360e2d360a7e698f1a8031562ad5119', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-29fcfdf5.js';
-import { H as inputRadioInvalid, I as inputRadioCheckedFocused, J as inputRadioChecked, K as inputRadioFocused, L as inputRadio, l as label } from './parts-186d437f.js';
+import { Q as inputRadioInvalid, R as inputRadioCheckedFocused, S as inputRadioChecked, T as inputRadioFocused, U as inputRadio, l as label } from './parts-93f379ab.js';
 
 const RadioInput = class {
     constructor(hostRef) {
@@ -38,10 +38,10 @@ const RadioInput = class {
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: '79dc4556ca7a8e4bcb1485b9112579d45b0aa7f8', class: 'form-group d-flex flex-column' }, h("div", { key: '2e3a4b6f766e66949c29fb2221c5fb993ec21bc1', class: "form-check" }, h("input", { key: 'c6eb1f898ce5271e306dacb5a3cebaf91ccf9c3c', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '6206191dcbd3f85e135a207890eec541329e6289', class: 'form-group d-flex flex-column' }, h("div", { key: 'ddaf426f9b4e21d1dd889550bf77c5a1c0e42897', class: "form-check" }, h("input", { key: '6ff61e0fb656b63363268bd6c4ab2602689aab8b', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onChange: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value, checked: this.checked }), h("label", { key: 'ca88d70ec21dac187445a32acb171263fe9f8b28', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '45ad5106aa41da3e2883456031d33b81be632eff', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '5cab198a27710fb8fee8902577dc288a8bd83e9c', errorText: this.errorText, name: this.name })));
+            }, onChange: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value, checked: this.checked }), h("label", { key: '9459bcab30351fc5ed57b9b83739732e75db92f3', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '3823895bb1b7e93c7610cab4f360b5a6c43874d9', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'bdcbb99da7ed76888807c57f70962480144d8e52', errorText: this.errorText, name: this.name })));
     }
 };