@justifi/webcomponents 6.5.1-rc.2 → 6.6.0

package/dist/esm/bank-account-form.entry.js

@@ -1,8 +1,8 @@
 import { h, r as registerInstance, H as Host } from './index-DwYM91AU.js';
-import { S as Skeleton } from './skeleton-BmRZRW5K.js';
+import { S as Skeleton } from './skeleton-BX70wCwq.js';
 import { w as waitForConfig, c as configState } from './config-state-C2NXATwF.js';
-import { b as generateTabId } from './utils-CIaHqjQt.js';
-import './parts-wtuY7MT2.js';
+import { b as generateTabId } from './utils-CDaVtz_6.js';
+import './parts-QmGrQis7.js';
 import './index-B-fWxE5e.js';
 import './dinero-HXpYMWUU.js';
 
@@ -46,10 +46,10 @@ const BankAccountForm = class {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: 'c52bde6d4ad8484c2514197f48dc11e1a395a170' }, h(BankAccountFormSkeleton, { key: '4e52b258cea0b9d086187e58f73d13bf77aa7d4e', isReady: this.isReady }), h("div", { key: 'd12c2b471e35091a8615124ecd6e5a5362a42b89', class: "container-fluid p-0", style: {
+        return (h(Host, { key: '9ad0351fe9ef5ffdbab77a738b1e342b3124aa32' }, h(BankAccountFormSkeleton, { key: '4e3cdfbfcbb95998f7cb3724eba07a7ca860763b', isReady: this.isReady }), h("div", { key: '2c4ad45f9b98b5d18fb2359be671cc49d85e63ea', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'b432c0b7a4329f84e6697328315c9fa12b3e8898', class: "row mb-3" }, h("iframe-input", { key: '283a94b1d724cf80cf6910a2ab9ce070ce163f43', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: '6013df7745d3e254eee38095a60a97dd6cc3539d', class: "row" }, h("iframe-input", { key: '30d1f967f7a740a1f154126d2032425a834499cc', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
+            } }, h("div", { key: '4402087e14b02dd73d43873dc69fe26e9e35aed6', class: "row mb-3" }, h("iframe-input", { key: '8599126627554acc0bc45d23a7136a85c679d831', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: '95da6cb38cd214658dd2b527478f4d2ed6fc5256', class: "row" }, h("iframe-input", { key: 'c990dfe86d5ddb284fc673a459c42498bf149235', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
     }
 };
 

package/dist/esm/{business-additional-questions-schema-QFJEOHF5.js → business-additional-questions-schema-woG5-pgK.js}

@@ -1,5 +1,5 @@
 import { c as create$3, a as create$6 } from './index.esm-IWS0494Y.js';
-import { m as makeTaxIdValidation, d as dateOfIncorporationValidation, i as industryValidation, b as businessClassificationValidation, a as doingBusinessAsValidation, p as phoneValidation, e as emailValidation, w as websiteUrlValidation, c as businessNameValidation, t as taxIdValidation, o as otherPaymentDetailsValidation, s as seasonalBusinessValidation, r as recurringPaymentsPercentageValidation, f as recurringPaymentsValidation, g as whenServiceReceivedValidation, h as paymentVolumeValidation, j as revenueValidation } from './schema-validations-B5sfox_4.js';
+import { m as makeTaxIdValidation, d as dateOfIncorporationValidation, i as industryValidation, b as businessClassificationValidation, a as doingBusinessAsValidation, p as phoneValidation, e as emailValidation, w as websiteUrlValidation, c as businessNameValidation, t as taxIdValidation, o as otherPaymentDetailsValidation, f as whenServiceReceivedValidation, g as paymentVolumeValidation, r as revenueValidation } from './schema-validations-iamDi5JD.js';
 import { C as CountryCode } from './Business-B5rtFhtR.js';
 import { c as countryLabels } from './country-config-BQ4D46Lb.js';
 
@@ -53,18 +53,12 @@ const additionalQuestionsSchema = (allowOptionalFields) => {
         business_revenue: revenueValidation.required('Enter business revenue'),
         business_payment_volume: paymentVolumeValidation.required('Enter business payment volume'),
         business_when_service_received: whenServiceReceivedValidation.required('Select when service is received'),
-        business_recurring_payments: recurringPaymentsValidation.required('Select recurring payments'),
-        business_recurring_payments_percentage: recurringPaymentsPercentageValidation,
-        business_seasonal: seasonalBusinessValidation.required('Select business seasonal'),
         business_other_payment_details: otherPaymentDetailsValidation.nullable(),
     });
     const easySchema = create$3({
         business_revenue: revenueValidation.nullable(),
         business_payment_volume: paymentVolumeValidation.nullable(),
         business_when_service_received: whenServiceReceivedValidation.nullable(),
-        business_recurring_payments: recurringPaymentsValidation.nullable(),
-        business_recurring_payments_percentage: recurringPaymentsPercentageValidation,
-        business_seasonal: seasonalBusinessValidation.nullable(),
         business_other_payment_details: otherPaymentDetailsValidation.nullable(),
     });
     return allowOptionalFields ? easySchema : schema;

package/dist/esm/business-details-core.entry.js

@@ -1,9 +1,9 @@
 import { h, F as Fragment, r as registerInstance, c as createEvent } from './index-DwYM91AU.js';
-import { E as ErrorState } from './utils-BX7Rjm1M.js';
+import { E as ErrorState } from './utils-C1PX_3uA.js';
 import { S as StyledHost } from './styled-host-DhOcKWqZ.js';
 import './event-types-CZfYo5-1.js';
-import { S as Skeleton } from './skeleton-BmRZRW5K.js';
-import './parts-wtuY7MT2.js';
+import { S as Skeleton } from './skeleton-BX70wCwq.js';
+import './parts-QmGrQis7.js';
 
 const BusinessDetailsLoading = () => {
     const Block = () => (h("div", { class: "mt-5" }, h(Skeleton, { width: "40%", height: "1.5rem" }), h("hr", null), h("div", { class: "row g-3" }, h("div", { class: "col-12 col-md-6" }, h(Skeleton, null), h(Skeleton, null), h(Skeleton, null)), h("div", { class: "col-12 col-md-6" }, h(Skeleton, null), h(Skeleton, null), h(Skeleton, null)))));

package/dist/esm/{business-identity-schema-DB_Hhjld.js → business-identity-schema-B7VTDF4j.js}

@@ -1,5 +1,5 @@
 import { c as create$3, a as create$6 } from './index.esm-IWS0494Y.js';
-import { k as cityValidation, l as lineTwoValidation, n as lineOneValidation, q as makePostalValidation, u as ssnValidation, v as dobValidation, p as phoneValidation, e as emailValidation, x as identityTitleValidation, y as identityNameValidation, z as makeIdentityNumberValidation } from './schema-validations-B5sfox_4.js';
+import { h as cityValidation, l as lineTwoValidation, j as lineOneValidation, k as makePostalValidation, s as ssnValidation, n as dobValidation, p as phoneValidation, e as emailValidation, q as identityTitleValidation, u as identityNameValidation, v as makeIdentityNumberValidation } from './schema-validations-iamDi5JD.js';
 import { C as CountryCode } from './Business-B5rtFhtR.js';
 
 // Internal USA schemas
@@ -92,4 +92,4 @@ const identitySchemaByCountry = {
     [CountryCode.CAN]: identitySchemaCAN,
 };
 
-export { addressSchemaUSA as a, identitySchemaCAN as b, addressSchemaCAN as c, identitySchemaByCountry as d, addressSchemaByCountry as e, identitySchemaUSA as i };
+export { identitySchemaUSA as a, addressSchemaUSA as b, identitySchemaCAN as c, addressSchemaCAN as d, addressSchemaByCountry as e, identitySchemaByCountry as i };

package/dist/esm/{business.service-2j91Emgq.js → business.service-CmSijtcP.js}

@@ -1,6 +1,6 @@
-import { A as Api } from './Api-DX-IWyBw.js';
+import { A as Api } from './Api-Dln8a6No.js';
 import './ComponentError-Cjcsf8ku.js';
-import './GooglePay-9bPcqGZ9.js';
+import './Refund-DDWRtCuX.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-B5rtFhtR.js';
 import './Dispute-BH0Xfn-F.js';

package/dist/esm/{button-DBmjN7Ra.js → button-BDwVDLs-.js}

@@ -1,5 +1,5 @@
 import { h } from './index-DwYM91AU.js';
-import { _ as buttonSecondary, af as buttonPrimary, ag as buttonLoading } from './parts-wtuY7MT2.js';
+import { ae as buttonSecondary, af as buttonPrimary, ag as buttonLoading } from './parts-QmGrQis7.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/card-form.entry.js

@@ -1,8 +1,8 @@
 import { h, r as registerInstance, H as Host } from './index-DwYM91AU.js';
-import { S as Skeleton } from './skeleton-BmRZRW5K.js';
+import { S as Skeleton } from './skeleton-BX70wCwq.js';
 import { w as waitForConfig, c as configState } from './config-state-C2NXATwF.js';
-import { b as generateTabId } from './utils-CIaHqjQt.js';
-import './parts-wtuY7MT2.js';
+import { b as generateTabId } from './utils-CDaVtz_6.js';
+import './parts-QmGrQis7.js';
 import './index-B-fWxE5e.js';
 import './dinero-HXpYMWUU.js';
 
@@ -50,10 +50,10 @@ const CardForm = class {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: 'c97d78cffe3d8452c22218775c1d5ba299df44b8' }, h(CardFormSkeleton, { key: '0d19e9e137044ddc2d65700b2ab1697ad14f9add', isReady: this.isReady }), h("div", { key: '12ba94f7996b035bfa5ccbc9266f240bc465bf29', class: "container-fluid p-0", style: {
+        return (h(Host, { key: 'c83ad3b01653a4254c96dbbd2973670c2bb483ba' }, h(CardFormSkeleton, { key: 'bf81fcedb09880f3329d746aa06601e95b3f7e4e', isReady: this.isReady }), h("div", { key: 'a56d0eef13cd38e30e0f2ddafc9af4f7a19d25f0', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '334b186b9b458b90a3f6abe0a6e020f281abef66', class: "mb-3" }, h("iframe-input", { key: 'f73429270e31b16b4f94f533ea4ccf65fe726c2b', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: 'bc98478795277a4381ef16ace36b4b07b58045e6', class: "d-flex align-items-start" }, h("div", { key: 'eba7882dd19743a2a8c28546b739b809ca908982', class: "flex-fill me-3" }, h("iframe-input", { key: 'd352fc8ac9e5d4100c57396eb514f8835d8eff14', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: 'bfb3ea5395251c49d42319fb6ad8b5dc13a437aa', class: "flex-fill me-3" }, h("iframe-input", { key: 'b90d7f2d8bdb847ac368fe3cff3a88426c7b7cc1', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: 'a390b51062dc84b5621fc88dc20f1ce2d8a48767', class: "flex-fill" }, h("iframe-input", { key: '821a97f9496ae1f95c8e5de50b1196e55d7606ca', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
+            } }, h("div", { key: '00e82b719e5dd17088941067e4ec45f128fd2118', class: "mb-3" }, h("iframe-input", { key: 'df2e08109ef2bede239093ece5df4327f845eef5', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: '1d3a2d4fae47fa628ae09955620a65de25aa998c', class: "d-flex align-items-start" }, h("div", { key: '4541858226bbb1431ca2405dd28a3fe32d76b10b', class: "flex-fill me-3" }, h("iframe-input", { key: '81c2f0de6d6f6c6bb3feb96643034c66967e9277', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: 'b89ac66447fb8334d3293f5a7eaf33172410addd', class: "flex-fill me-3" }, h("iframe-input", { key: '030954f302edbf8cd071a49db71f867797b30558', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: '140ba4c5a77eef74d1e0d2040be15f8d70a692aa', class: "flex-fill" }, h("iframe-input", { key: '768f466bb75cc6bb76f86f084e6f93043a7d10b3', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
     }
 };
 

package/dist/esm/{check-pkg-version-2BU_KPHv.js → check-pkg-version-B83yUQEx.js}

@@ -1,7 +1,7 @@
-import { p as packageJson } from './package-Bx3wyDU2.js';
-import { A as Api } from './Api-DX-IWyBw.js';
+import { p as packageJson } from './package-CdVle3mx.js';
+import { A as Api } from './Api-Dln8a6No.js';
 import './ComponentError-Cjcsf8ku.js';
-import './GooglePay-9bPcqGZ9.js';
+import './Refund-DDWRtCuX.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-B5rtFhtR.js';
 import './Dispute-BH0Xfn-F.js';

package/dist/esm/{checkout.service-D-dEMyXF.js → checkout.service-E60GnrZv.js}

@@ -1,6 +1,6 @@
-import { A as Api } from './Api-DX-IWyBw.js';
+import { A as Api } from './Api-Dln8a6No.js';
 import './ComponentError-Cjcsf8ku.js';
-import './GooglePay-9bPcqGZ9.js';
+import './Refund-DDWRtCuX.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-B5rtFhtR.js';
 import './Dispute-BH0Xfn-F.js';

package/dist/esm/checkout.store-CaS_htQd.js

@@ -0,0 +1,101 @@
+import { c as createStore } from './index-B-fWxE5e.js';
+import { P as PAYMENT_METHODS } from './index-DCIW8z1f.js';
+
+const initialState = {
+    accountId: '',
+    authToken: '',
+    billingFormFields: {
+        address_postal_code: '',
+    },
+    bnplEnabled: false,
+    applePayEnabled: false,
+    insuranceEnabled: false,
+    bnplProviderApiVersion: '',
+    bnplProviderCheckoutUrl: '',
+    bnplProviderClientId: '',
+    bnplProviderMode: '',
+    checkoutId: '',
+    checkoutLoaded: false,
+    bankAccountVerification: undefined,
+    disableBankAccount: false,
+    disableCreditCard: false,
+    disablePaymentMethodGroup: false,
+    paymentAmount: 0,
+    paymentCurrency: 'USD',
+    paymentDescription: '',
+    paymentMethodGroupId: undefined,
+    paymentMethods: [],
+    paymentToken: undefined,
+    savePaymentMethod: false,
+    selectedPaymentMethod: undefined,
+    totalAmount: 0,
+    plaidPublicToken: undefined,
+    plaidLinkTokenId: undefined,
+};
+const { state: checkoutStore, onChange } = createStore(initialState);
+Object.keys(initialState).forEach((key) => {
+    // @ts-ignore
+    onChange(key, (newValue) => {
+        checkoutStore[key] = newValue;
+    });
+});
+// Helper: compute available payment methods based on store flags
+function getAvailablePaymentMethodTypes() {
+    var _a;
+    const methods = [];
+    if (!checkoutStore.disablePaymentMethodGroup &&
+        ((_a = checkoutStore.paymentMethods) === null || _a === void 0 ? void 0 : _a.length)) {
+        const hasSavedCard = checkoutStore.paymentMethods.some((pm) => pm.type === PAYMENT_METHODS.SAVED_CARD);
+        const hasSavedBank = checkoutStore.paymentMethods.some((pm) => pm.type === PAYMENT_METHODS.SAVED_BANK_ACCOUNT);
+        if (hasSavedCard && !checkoutStore.disableCreditCard) {
+            methods.push(PAYMENT_METHODS.SAVED_CARD);
+        }
+        if (hasSavedBank && !checkoutStore.disableBankAccount) {
+            methods.push(PAYMENT_METHODS.SAVED_BANK_ACCOUNT);
+        }
+    }
+    if (!checkoutStore.disableCreditCard) {
+        methods.push(PAYMENT_METHODS.NEW_CARD);
+    }
+    if (!checkoutStore.disableBankAccount) {
+        methods.push(PAYMENT_METHODS.NEW_BANK_ACCOUNT);
+    }
+    if (checkoutStore.bnplEnabled) {
+        methods.push(PAYMENT_METHODS.SEZZLE);
+    }
+    if (checkoutStore.applePayEnabled) {
+        methods.push(PAYMENT_METHODS.APPLE_PAY);
+    }
+    if (checkoutStore.bankAccountVerification === true &&
+        !checkoutStore.disableBankAccount) {
+        methods.push(PAYMENT_METHODS.PLAID);
+    }
+    return methods;
+}
+function getCheckoutState() {
+    var _a;
+    return {
+        selectedPaymentMethod: checkoutStore.selectedPaymentMethod,
+        paymentAmount: checkoutStore.paymentAmount,
+        totalAmount: checkoutStore.totalAmount,
+        paymentCurrency: checkoutStore.paymentCurrency,
+        paymentDescription: checkoutStore.paymentDescription,
+        savedPaymentMethods: checkoutStore.paymentMethods,
+        savePaymentMethod: checkoutStore.savePaymentMethod,
+        bnplEnabled: checkoutStore.bnplEnabled,
+        applePayEnabled: checkoutStore.applePayEnabled,
+        insuranceEnabled: checkoutStore.insuranceEnabled,
+        disableBankAccount: checkoutStore.disableBankAccount,
+        disableCreditCard: checkoutStore.disableCreditCard,
+        disablePaymentMethodGroup: checkoutStore.disablePaymentMethodGroup,
+        paymentToken: (_a = checkoutStore.paymentToken) !== null && _a !== void 0 ? _a : undefined,
+    };
+}
+function onAnyChange(callback) {
+    Object.keys(initialState).forEach((key) => {
+        // @ts-ignore - onChange is generically typed by stencil/store but not exported here
+        onChange(key, (newValue) => callback(key, newValue));
+    });
+}
+
+export { getCheckoutState as a, onChange as b, checkoutStore as c, getAvailablePaymentMethodTypes as g, onAnyChange as o };

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

@@ -2,20 +2,19 @@ import { r as registerInstance, c as createEvent, h } from './index-DwYM91AU.js'
 import './config-state-C2NXATwF.js';
 import './dinero-HXpYMWUU.js';
 import './ComponentError-Cjcsf8ku.js';
-import './GooglePay-9bPcqGZ9.js';
+import './Refund-DDWRtCuX.js';
 import { p as pagingDefaults } from './Pagination-CLHwhyvu.js';
 import './Business-B5rtFhtR.js';
 import './Dispute-BH0Xfn-F.js';
-import { T as Table, a as TableComponent, b as TableHead, c as TableHeadRow, d as TableBody, e as TableLoadingState, f as TableEmptyState, g as TableErrorState, h as TableRow, i as TableFoot, j as TableFootRow, k as TableFootCell, l as TableWrapper } from './table-Cjq1A6mO.js';
+import { T as Table, a as TableComponent, b as TableHead, c as TableHeadRow, d as TableBody, e as TableLoadingState, f as TableEmptyState, g as TableErrorState, h as TableRow, i as TableFoot, j as TableFootRow, k as TableFootCell, l as TableWrapper } from './table-KZoMaoUh.js';
 import { T as TableClickActions } from './event-types-CZfYo5-1.js';
-import { c as checkoutTableColumns, a as checkoutTableCells } from './checkouts-table-lgbZpF1o.js';
+import { c as checkoutTableColumns, a as checkoutTableCells } from './checkouts-table-BVWL1wN9.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './checkouts-list-params-state-gllzDQAb.js';
 import './index-B-fWxE5e.js';
-import './utils-CIaHqjQt.js';
-import './index-DkoufM1t.js';
-import './parts-wtuY7MT2.js';
-import './spinner-tU4D9iak.js';
-import './badge-Bgosx-DC.js';
+import './utils-CDaVtz_6.js';
+import './parts-QmGrQis7.js';
+import './spinner-CcDNFgNu.js';
+import './badge-BWd10d-w.js';
 
 const CheckoutsListCore = class {
     constructor(hostRef) {
@@ -133,7 +132,7 @@ const CheckoutsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'ea74cbb0bce1e96b597344ee226eebc5dc369b1b' }, h(TableComponent, { key: '37ca3a5b8c1d53604edb487d1e31f0d829a0a4a8' }, h(TableHead, { key: 'd61415d71f636ce288036867c70e22fa459e1cf6' }, h(TableHeadRow, { key: '75db78b57011fc3d14eea8ecd353ea117b4d951e' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '71631afc11d6a096f71275bd6231a1e5f0a66e72' }, h(TableLoadingState, { key: 'ea6c8eb8f602d1924b278c374ad02d218758e65c', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'f581dad5d925bcd85aea7b9292d719050eea5431', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'f6ecafe13119e285ab27396bade1992b31663e52', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '846c7a9976a4738f64d0a067bb8e48840e04b3ab' }, h(TableFootRow, { key: 'ce2c52b71c891a3621c54bfd3e9c75088d685818' }, h(TableFootCell, { key: 'ea253462403bb909e8423776027bbdadf41ab746', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '4d6d2f7a5559d2f20f86c8fc138a402e7b985503', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '1d569fb3adfb433dbc5f922eac92dd54c90e4026' }, h(TableComponent, { key: '08814bbcb72facf8a65f05fced211c7072d9de07' }, h(TableHead, { key: 'b6a81964a5d31e0a8071f72fa100a0addfa20450' }, h(TableHeadRow, { key: '68c3f64e205a7d24797d3dc22b77d3ae2660853f' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '71e40b95aea309fd80b4c2a5b29d346ff05bfa86' }, h(TableLoadingState, { key: '68f74fb34189d60edb7d31cf338b505ac0fdefa7', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'c9f5944d8286433c6f1427fbb622a9ecfb32ff59', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'ec6e7eae1606dcde81fcc866ae35668fbbdcb0ca', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'c5ea4d43e61fa13b245f63b92402f0963bc5480e' }, h(TableFootRow, { key: 'f5c32fa16e4197290c081179b7235f783e8eb819' }, h(TableFootCell, { key: '4a8899287e30840905686d6f056db332761af2fb', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '2d0092eceeb124d622ad1477a9c0a84844247f04', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/esm/{checkouts-table-lgbZpF1o.js → checkouts-table-BVWL1wN9.js}

@@ -1,7 +1,7 @@
 import { h } from './index-DwYM91AU.js';
-import { d as formatTime, e as formatDate } from './utils-CIaHqjQt.js';
-import { B as BadgeVariant, a as Badge } from './badge-Bgosx-DC.js';
-import { S as tableHeadCell, T as getAlternateTableCellPart } from './parts-wtuY7MT2.js';
+import { d as formatTime, e as formatDate } from './utils-CDaVtz_6.js';
+import { B as BadgeVariant, a as Badge } from './badge-BWd10d-w.js';
+import { S as tableHeadCell, T as getAlternateTableCellPart } from './parts-QmGrQis7.js';
 
 const MapCheckoutStatusToBadge = (status) => {
     const statusToBadgeProps = {

package/dist/esm/{custom-popper.entry.js → custom-popper_2.entry.js}

@@ -1,4 +1,5 @@
 import { r as registerInstance, c as createEvent, h } from './index-DwYM91AU.js';
+import { ax as tooltip, ay as tooltipInner, az as tooltipIcon } from './parts-QmGrQis7.js';
 
 var top = 'top';
 var bottom = 'bottom';
@@ -1872,7 +1873,7 @@ const CustomPopper = class {
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: 'd41a43285190500dbdf63ebfe4c381e6ebe3c680' }, h("style", { key: 'c9f85586d09e78390d94a2c62815a30d5b5c72c8' }, `
+        return (h("div", { key: '73b07cca3eacc4041a0aba80818eab407e92b833' }, h("style", { key: '767463c48efc2828e9e9c48dacd2db0568d6a751' }, `
           .popper-content {
             display: none;
           }
@@ -1880,8 +1881,26 @@ const CustomPopper = class {
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '34cd3ce248d7856ef8cd287bf460fa663ff047da', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '8cf3cc61f96ccd087435dceb2a999bc367c110b8' }))));
+          `), h("div", { key: '284486020e76357a378fdc91ad899b87da27c4eb', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: 'c317e502124dc6ff11c7c4a606f09f4f69adffeb' }))));
     }
 };
 
-export { CustomPopper as custom_popper };
+const TooltipComponent = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    show() {
+        this.tooltip.classList.add('show');
+    }
+    hide() {
+        this.tooltip.classList.remove('show');
+    }
+    render() {
+        if (!this.helpText) {
+            return null;
+        }
+        return (h("div", { class: "tooltip-container" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "currentColor", class: "bi bi-question-square tooltip-icon", viewBox: "0 0 16 16", ref: (el) => (this.anchorIcon = el), part: tooltipIcon }, h("path", { d: "M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z" }), h("path", { d: "M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286m1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94" })), h("custom-popper", { trigger: "hover", placement: "top", anchorRef: this.anchorIcon }, h("div", { class: "tooltip bs-tooltip-top", part: tooltip, role: "tooltip", ref: (el) => (this.tooltip = el) }, h("div", { class: "tooltip-inner", part: tooltipInner }, this.helpText)))));
+    }
+};
+
+export { CustomPopper as custom_popper, TooltipComponent as form_control_tooltip };

package/dist/esm/{dispute.service-DPumDIuV.js → dispute.service-CAZJigrO.js}

@@ -1,6 +1,6 @@
-import { A as Api } from './Api-DX-IWyBw.js';
+import { A as Api } from './Api-Dln8a6No.js';
 import './ComponentError-Cjcsf8ku.js';
-import './GooglePay-9bPcqGZ9.js';
+import './Refund-DDWRtCuX.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-B5rtFhtR.js';
 import './Dispute-BH0Xfn-F.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host } from './index-DwYM91AU.js';
-import { az as alertDanger, G as heading2, l as label, U as inputDisabled, _ as buttonSecondary } from './parts-wtuY7MT2.js';
+import { aw as alertDanger, G as heading2, l as label, U as inputDisabled, ae as buttonSecondary } from './parts-QmGrQis7.js';
 import { b as businessServiceReceivedOptions, r as recurringPaymentsOptions, s as seasonalBusinessOptions, c as businessClassificationOptions } from './business-form-options-D6s5H4RI.js';
 import { C as CURRENCY_MASK, I as IDENTITY_MASKS, P as PHONE_MASKS } from './form-input-masks-CVaOFfrI.js';
 import { e as CoreBusinessInfo, d as deconstructDate } from './Business-B5rtFhtR.js';
@@ -37,7 +37,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: '8f51222ff2a06a8636c2252a1df25803c464cd5a' }, h("fieldset", { key: 'c705274cb9e5cc651f8cedb5ac23714a75dca09a' }, h("legend", { key: '0e865f2763c872ccd65c7d255e0a49533bf8afbe', part: heading2 }, "Additional Questions"), h("div", { key: 'b5a9d2c8086820d837a6261c0fbbd1c4785e8cbe', class: "row gy-3" }, h("div", { key: 'b0174e926ef2726d9c1ce809d00cf8fef623207c', class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { key: '5553ed9ca690b4b7a54dfe864225fb4e10987c96', 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: 'a01e709a65772041979e7b8c057b271e26524174', class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { key: '2e56403c3eb357dac7f6791e0c5fa4fca58e6cfb', 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: '74318a7f6fdcc265d96827e5fb02d797631b3fd5', class: "col-12" }, h("form-control-select", { key: 'd166c9a1951afc9e1876d078ddc026671e8e0dcc', 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: 'e47aefb3a2274244d3e2561da7cfecb203445f1e', class: "col-12" }, h("form-control-select", { key: '33978d0af775cace90de84104f74b2d6c22ae1c0', 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: '93f996064e4055c9a81c0077a20fd878ad1a6c97', class: "col-12" }, h("form-control-text", { key: '68ac25357311838b8fa9a897fbb324f45f589f5f', 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: 'f2dfe10a8ed19faa36a38a8192268813b03d454f', class: "col-12" }, h("form-control-select", { key: '1d6cf56564944d8dbef4f22c403232c9b7841018', 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: 'fe75a54400d4614fe1d3ed9099ff5a5d3822c007', class: "col-12" }, h("form-control-text", { key: 'aa7609f7687a5c0666bf35119cd4af7ad4e68f89', 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: 'e3e354a7cf470f658e0f95d37186b1f45771b673' }, h("fieldset", { key: '7fb001177a4f907d513eb5955063d446234ede0c' }, h("legend", { key: 'ee6b045a438be9f56345daad752e105640f1ca3d', part: heading2 }, "Additional Questions"), h("div", { key: 'ed114675357f3b70c34a3eb941fdb30e6219cdc9', class: "row gy-3" }, h("div", { key: 'b85c27c827cf5e5d0d556c343315e5eec736f538', class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { key: '4576f67fa74ba7c2ca9730468ddc52b055a3c496', name: "business_revenue", label: "What is the business' estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.additional_questions) === null || _b === void 0 ? void 0 : _b.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: '0614c60cc7daaf890ccb4888d41b0260a26f9a0e', class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { key: '2c435c1553714d75542e0e3bcf1d723f26b37da8', name: "business_payment_volume", label: "What is the business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.additional_questions) === null || _d === void 0 ? void 0 : _d.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: '8d4a19eb0b6b5707f4a423543d86ae50f6492efc', class: "col-12" }, h("form-control-select", { key: '2e49f907bae85cd4901e4aa4413284596fbed365', name: 'business_when_service_received', label: 'On average, how long after paying will your customers typically receive their goods or services?', inputHandler: this.inputHandler, errorText: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.additional_questions) === null || _f === void 0 ? void 0 : _f.business_when_service_received, options: businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), h("div", { key: '11bc4e0bbe2122b977cf8bc29ac0601ef941881c', class: "col-12" }, h("form-control-select", { key: 'c511b728971250dc3272c1ef9ff96131a9ac6a2e', name: 'business_recurring_payments', label: 'Does your business offer recurring payments?', inputHandler: this.inputHandler, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.additional_questions) === null || _h === void 0 ? void 0 : _h.business_recurring_payments, options: recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), h("div", { key: '5a40dfe41a9fca815cdf0eb7455b41615d1e6c76', class: "col-12" }, h("form-control-text", { key: 'd8aaf0f6d7d44b1b15ec76af198a0117493f08c6', name: 'business_recurring_payments_percentage', label: 'What percent of revenue is generated from each recurring payment type offered?', inputHandler: this.inputHandler, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.additional_questions) === null || _k === void 0 ? void 0 : _k.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage })), h("div", { key: 'b211bb865a60baf1ea00c81f76f000ff2a31d7bd', class: "col-12" }, h("form-control-select", { key: '4b693e7425e690a59e2c70646cca2b886b8a8796', name: 'business_seasonal', label: 'Is this business seasonal?', inputHandler: this.inputHandler, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.additional_questions) === null || _m === void 0 ? void 0 : _m.business_seasonal, options: seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), h("div", { key: 'e85b7fceb9cdc808afaf3559609b7519c9630266', class: "col-12" }, h("form-control-text", { key: 'ae4a6518c7499826f30376f1c902f694244059c7', name: 'business_other_payment_details', label: 'Is there anything else you would like us to know about how your customers pay the business?', inputHandler: this.inputHandler, errorText: (_p = (_o = this.errors) === null || _o === void 0 ? void 0 : _o.additional_questions) === null || _p === void 0 ? void 0 : _p.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
     }
 };
 
@@ -61,10 +61,10 @@ const BusinessCoreInfo = class {
     render() {
         var _a, _b;
         const coreInfoDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: 'abe85b33019341e670263a3fabefe1c73c203a12' }, h("fieldset", { key: '12eb6d4e78e56c8771d95e03fa7d8c4c9ea6478f' }, h("legend", { key: '514cb38045c7d4a4a6746a3846c84013507d0691', part: heading2 }, "General Info"), h("div", { key: '30a509f2dd8ec2938dcc790d8891a917b76b91a0', class: "row gy-3" }, h("div", { key: 'ced24f46905abd380fd190bd56d56eba7ec65289', class: "col-12" }, h("form-control-text", { key: '26e986bef6cad147cd7e5b557e27ad8e61932e54', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: 'fabae43dc916ee087b73e366b01bc40fc29a4110', class: "col-12" }, h("form-control-text", { key: 'bf7e45fe95c0156c583c693006f4a65f2d1d6b1b', 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: '12d52af1fb5dcef7382b8a36f44a048bcff5a752', class: "col-12 col-md-8" }, h("form-control-select", { key: '94ea7c2438e5fbb0b85a9df5915d78791ae026ea', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: '90800a655ff4470ea6de9f774dcdccc95862c821', class: "col-12 col-md-4" }, h("form-control-date", { key: '715436c7bf7d34ab2505b1005873ac549f351af1', 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: 'f4502deec218f3493210ecb6b1ad19fc7cf9f28f', class: "col-12 col-md-6" }, h("form-control-text", { key: '91614c8854a4b2e79fea028c1ad43ef751dacfb1', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '9c7a45b88199e7d00673e6d569f45e2dcf3d242d', class: "col-12 col-md-6" }, (!((_a = this.coreInfo) === null || _a === void 0 ? void 0 : _a.tax_id_last4) || this.isEditingTaxId) ? (h("form-control-number-masked", { name: "tax_id", label: countryLabels[this.country].taxIdLabel, defaultValue: this.isEditingTaxId ? '' : coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].taxIdHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].taxIdLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.coreInfo) === null || _b === void 0 ? void 0 : _b.tax_id_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
+        return (h(Host, { key: '0dba6443b063d02368f93f3a336a8051364b5fca' }, h("fieldset", { key: '42eabe1f20623241291a8bc374c14b0727fae5cd' }, h("legend", { key: 'b74d116fa26b843eee56201c3997ecf916453a23', part: heading2 }, "General Info"), h("div", { key: '8370be848754f5730d1f5bffbfb51875cec01218', class: "row gy-3" }, h("div", { key: 'b891b5ce1820755b44a4d4d14240cd6f6f705114', class: "col-12" }, h("form-control-text", { key: '712f62f8feb4c34eb90048f29158c03cf71b38db', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '52cb8a48648bb036b04fba034dc27a4b286bf7ce', class: "col-12" }, h("form-control-text", { key: '655edd4ae78b47fea221308ce9e582eb731454a7', name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { key: '0cd13bcea3e7e1ef90e5d071ea40690f7a8ea022', class: "col-12 col-md-8" }, h("form-control-select", { key: '00a2173bda66d059f9ef7534b3535a4f36dbbbc1', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: '4c157888deded84baa24ffdd5c5d74e90590c5f8', class: "col-12 col-md-4" }, h("form-control-date", { key: '7af97d93cf2a9f7ff988621d53e528a8930932ed', name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { key: 'b5d0493b01ad9a0853bea95b76220c939cd43828', class: "col-12 col-md-6" }, h("form-control-text", { key: '5df583e04316c0afeaef771177dff20f6d266362', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '0bd63d995778469190a97a21190e3da742a468fa', class: "col-12 col-md-6" }, (!((_a = this.coreInfo) === null || _a === void 0 ? void 0 : _a.tax_id_last4) || this.isEditingTaxId) ? (h("form-control-number-masked", { name: "tax_id", label: countryLabels[this.country].taxIdLabel, defaultValue: this.isEditingTaxId ? '' : coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].taxIdHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].taxIdLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.coreInfo) === null || _b === void 0 ? void 0 : _b.tax_id_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
                 this.isEditingTaxId = true;
                 this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { tax_id: '' }));
-            } }, "Change"))))), h("div", { key: 'd0eb145c0afde23fd1dcf7837763971b259ff260', class: "col-12" }, h("form-control-text", { key: '7b2d6a1558b6be6adc87ff4109bca6e9238c2ecf', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: 'eb9637448b9f9a6e4a8b8a08ad9f7f48ff56ec4f', class: "col-12 col-md-6" }, h("form-control-text", { key: '1f2b0ce0c7dd02485635e8f666d59cd7ec792dbc', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '46fa9ad350b8482296ce0a76db841b78efb9b83b', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '9d4376e2e1d4372470ba8483f8fe1c0992267e38', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
+            } }, "Change"))))), h("div", { key: '3decd3a593098a1c36e4baf1aeb846603b4a6769', class: "col-12" }, h("form-control-text", { key: 'e3cb697846ad086ca6f4998d302574bb4de4c4a6', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: '69c357ad3d2b5464d0c333c8fdc82353044b7301', class: "col-12 col-md-6" }, h("form-control-text", { key: '49857dc20c817d8c600dbeae9c8191452ec1898f', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '1c9279a56b389fcd71ffeaad66df8a067a035334', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '7c329ae3c7dcff34d88bce2a64d9ccaa09384055', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
     }
 };
 
@@ -98,11 +98,11 @@ const BusinessRepresentative = class {
     render() {
         var _a, _b;
         const representativeDefaultValue = this.formController.getInitialValues().representative;
-        return (h(Host, { key: '1ce133c6cf1804607b661953bb9d952e6dfdede7' }, h("fieldset", { key: '759e0e7adc03c8814e09effd245e7c25f9fcf536' }, h("legend", { key: '625eb15226d9318075c57c7e13d6b8a04686f00f', part: heading2 }, "Representative"), h("div", { key: '8b11c10cd073c3ffcb7c52f97c463b91a5609afa', class: "row gy-3" }, h("div", { key: '35b0b9a741ee46dfc049ea5914dfa672e4bd64f3', class: "col-12 col-md-8" }, h("form-control-text", { key: '577cb8c5911c5a8364de282ca04e75b045d6de36', 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: '3ebaa46f7045f1db417285fe3ef9c19310dbe0c6', class: "col-12 col-md-4" }, h("form-control-text", { key: '69eb59adf3da1d3d48b1d395badd4c76ac0d8383', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: 'd9ee1e3a4919e5d714f34ff1417677a48101166f', class: "col-12 col-md-6" }, h("form-control-text", { key: 'cc6c0e28dc815985be5309de33957fcd37f53b29', 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: 'd40a0a637c921ca6e8fa4aa347369c029c4569cb', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'ce15cd57570e34d14bc596c1b5f7e49d3f33ea36', 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: '1504ac209231141b564412af3719b2ab6d84e553', class: "col-12 col-md-4" }, h("form-control-date", { key: '8fe92ed396ab947f439a04e2b67787725b393dcb', 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: 'd8ee89f3f4124ebb222d99a9337db4be7ab7df61', class: "col-12 col-md-8" }, (!((_a = this.representative) === null || _a === void 0 ? void 0 : _a.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: this.identificationNumberLabel, defaultValue: this.isEditingIdentification ? '' : representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, this.identificationNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.representative) === null || _b === void 0 ? void 0 : _b.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
+        return (h(Host, { key: '2d8a5324bfea8bd297b5db5f1e5aaf5d9aa51cb4' }, h("fieldset", { key: 'c25884a7aaa0ffb19316002e8ce9e158a1f0b8e9' }, h("legend", { key: 'af36d94625e4b82c8418079b60cade953ac53e8e', part: heading2 }, "Representative"), h("div", { key: 'c3ad5ca5e1c636db05fa3994c443975ecc363e62', class: "row gy-3" }, h("div", { key: '8b27315feb79cf08d69c5a108426705cb6445c71', class: "col-12 col-md-8" }, h("form-control-text", { key: 'f6ffb2619c6537f99bed5a35602d3d7d68f821ad', name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'cde914c872fcfbe0395f358b570d9cefbf14872e', class: "col-12 col-md-4" }, h("form-control-text", { key: 'c70330625ed26d8d5e8d00af7df55571ef4ff32a', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '64bba44c0facd07c8648fba1ce31385b33f94513', class: "col-12 col-md-6" }, h("form-control-text", { key: '33c7c4a365f6d7ce43e6b98b9ca3646f2263abd1', name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '5b96d76754918f37fc4f226a5c6656529b77b63f', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'c7cf814cf84a0c69e547c0b60f643b7fb78490af', name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'e5c486242e9fb47c81a28831a9a648bee28e95d5', class: "col-12 col-md-4" }, h("form-control-date", { key: '519cc94edb63b5f465d0ada9fe905e68aca54e1e', name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: 'b971e1320a57061d9d1eae7adb28eda19ce855a4', class: "col-12 col-md-8" }, (!((_a = this.representative) === null || _a === void 0 ? void 0 : _a.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: this.identificationNumberLabel, defaultValue: this.isEditingIdentification ? '' : representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, this.identificationNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.representative) === null || _b === void 0 ? void 0 : _b.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
                 this.isEditingIdentification = true;
                 // Clear last4 and current value to force validation
                 this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { representative: Object.assign(Object.assign({}, this.formController.values.getValue().representative), { ssn_last4: null, identification_number: '' }) }));
-            } }, "Change"))))), h("div", { key: '54548bf9622fcc949ebd91db29cc8b877dd7652d', class: "col-12" }, h("justifi-identity-address-form", { key: '9925b7d70bceb8e3d1dafc9313673a5c8a0810a0', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
+            } }, "Change"))))), h("div", { key: '92b0c2109f98ac67a32ad57ca91c4f663d3de307', class: "col-12" }, h("justifi-identity-address-form", { key: '187ac4670413b762f4f78dcde5a33ae2a73f203f', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
     }
 };
 
@@ -122,7 +122,7 @@ const LegalAddressForm = class {
     render() {
         var _a;
         const legalAddressDefaultValue = this.formController.getInitialValues().legal_address;
-        return (h(Host, { key: '0e6136a175ee0bb8708d1848ad850bd973f60c4b' }, h("fieldset", { key: '2fcfb7b8cc1bf70157dbfaba7bb5df9ddd82454b' }, h("legend", { key: 'ce30f5e679113cceda046f142e01548a1db573a0', part: heading2 }, "Business Legal Address"), h("justifi-form-address-fields", { key: 'a091d88fb62401c814458d696866de64a26a6bff', country: this.country, errors: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
+        return (h(Host, { key: '020c1a41ff7fa0881464463322b54754e7664957' }, h("fieldset", { key: 'cb1ae50abc99f8915cead7ef850de52f62bab304' }, h("legend", { key: '74d2bba4a9557ff2ac5b9b34d0947e9a076ddb84', part: heading2 }, "Business Legal Address"), h("justifi-form-address-fields", { key: '86d9fc1d344ace729cdc75b1a9239b74865f306b', country: this.country, errors: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
     }
 };
 

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-DwYM91AU.js';
-import { a0 as inputCheckboxInvalid, a1 as inputCheckboxCheckedFocused, a2 as inputCheckboxFocused, a3 as inputCheckboxChecked, a4 as inputCheckbox, l as label } from './parts-wtuY7MT2.js';
-import { F as FormControlHelpText } from './form-control-help-text-BK9RNOf-.js';
-import { F as FormControlErrorText } from './form-control-error-text-B5LSdUXI.js';
+import { $ as inputCheckboxInvalid, a0 as inputCheckboxCheckedFocused, a1 as inputCheckboxFocused, a2 as inputCheckboxChecked, a3 as inputCheckbox, l as label } from './parts-QmGrQis7.js';
+import { F as FormControlHelpText } from './form-control-help-text-CF1UA5Sl.js';
+import { F as FormControlErrorText } from './form-control-error-text-BYooqu0N.js';
 import './event-types-CZfYo5-1.js';
 
 const CheckboxInput = class {
@@ -37,10 +37,10 @@ const CheckboxInput = class {
         return inputCheckbox;
     }
     render() {
-        return (h(Host, { key: 'b807bfa85e0bca62a639f19e1f30fa747b8072fe' }, h("div", { key: '5d2694ffa11664f6c0aa5300aedd5eec8596b307', class: 'form-group d-flex flex-column' }, h("div", { key: '7b5394d56eaa028e0d7e6d208218ff0eab79cb31', class: "form-check" }, h("input", { key: '2fc998ec3d2a9e9eb9c6dc9f7a4d544d583b78ba', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '258008acd0e8eee703d0e7f0f275f8d5c91417f0' }, h("div", { key: '12037881c0788583ed044e78473fc3dacfd2e5d2', class: 'form-group d-flex flex-column' }, h("div", { key: '1769466a28a564c2c82209d159f2fa880e8c5606', class: "form-check" }, h("input", { key: '54a821964bff8b729167bc8f3c217a149495c68e', 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: '5908446baac590c68042f07a945d78ad7182958a', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: 'e754a1e7b67a27a68f0017e8536a6fab47eb8b10', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '0c5d2e8c1e44eadb43c5e2df022a7ae1c8fd8fc9', 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: '5b1d4268d17ff6b2e50c4e3304490e9dad09e63f', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '038f3dd4666db959a9d5e5ed763f7fe583c1a48c', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'b9afaf8f897513a5c1a27c4b0bbf2fc80aa824a3', 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-DwYM91AU.js';
-import { c as input, l as label, b as inputInvalid, U as inputDisabled, a as inputFocused } from './parts-wtuY7MT2.js';
-import { F as FormControlErrorText } from './form-control-error-text-B5LSdUXI.js';
+import { c as input, l as label, b as inputInvalid, U as inputDisabled, a as inputFocused } from './parts-QmGrQis7.js';
+import { F as FormControlErrorText } from './form-control-error-text-BYooqu0N.js';
 import './event-types-CZfYo5-1.js';
 
 const DateInput = class {
@@ -47,10 +47,10 @@ const DateInput = class {
         return part;
     }
     render() {
-        return (h(Host, { key: '69ef8b13877f5a1222da2863ae4776b92125291a' }, h("div", { key: '5c7dda504e14d6f4eee4bacbb84493d9e75bd2e0', class: "form-group d-flex flex-column" }, h("div", { key: '967f8103c8004437654231e017adce9a05cd4ce4', class: "d-flex gap-2" }, h("label", { key: 'e974346e8e6cb459652a3623b45c65841e83666a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'dc7b1c88e0542c8c7c7730af48d38803abc0ee1e', helpText: this.helpText })), h("input", { key: '1c23f346c5f59cd9039c4d991b8dc7d24060a3df', 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: '60dc007a63a4c53c1d05ec701d0d3e5426faa95b' }, h("div", { key: '6a001ac3163dd4484417dbf633fdf079caabba0b', class: "form-group d-flex flex-column" }, h("div", { key: '4f0d1aa933a45f4775a1c97557bba04ca56dd833', class: "d-flex gap-2" }, h("label", { key: 'd215fa9ce7e9d9e47e710a70f181d5b8d46a6576', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e4a273e4383aa6322dc753807d2bc975aac70038', helpText: this.helpText })), h("input", { key: 'e0f394b7923680f487c1702cf98269996200006b', 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: '72385ca52f02222bddc17e4ad97c3449a0bfa21a', 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: '5e107f1e2610a46cdaddf89d5c0ec1a851517aae', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/esm/{form-control-error-text-B5LSdUXI.js → form-control-error-text-BYooqu0N.js}

@@ -1,5 +1,5 @@
 import { h } from './index-DwYM91AU.js';
-import { E as textDanger } from './parts-wtuY7MT2.js';
+import { E as textDanger } from './parts-QmGrQis7.js';
 
 const FormControlErrorText = (props) => {
     const { errorText, name } = props;

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-DwYM91AU.js';
-import { F as FormControlErrorText } from './form-control-error-text-B5LSdUXI.js';
-import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, U as inputDisabled, c as input, l as label } from './parts-wtuY7MT2.js';
+import { F as FormControlErrorText } from './form-control-error-text-BYooqu0N.js';
+import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, U as inputDisabled, c as input, l as label } from './parts-QmGrQis7.js';
 
 const FileInput = class {
     constructor(hostRef) {
@@ -9,7 +9,7 @@ const FileInput = class {
         this.formControlBlur = createEvent(this, "formControlBlur");
     }
     render() {
-        return (h(Host, { key: '2471eb40bed06640e17dd9cfadfe427c4178d923', exportparts: "label,input,input-invalid" }, h("div", { key: '0463e18df33326affe7a829711d7b7c615048c2c', class: "form-group d-flex flex-column" }, h("div", { key: 'f74bc11fc71a94edc1abfdfe19c361b4fb06fd8d', class: "d-flex align-items-start gap-2" }, h("label", { key: 'f2e7975411fe2e328554d2b90e1d730864db6f22', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'fd4aec54d0d69b1528083f564db69705e4ec1c96', helpText: this.helpText })), h("input", { key: '1eb925311b0cd7257d17565726e32a00766a3b9a', 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(), onChange: () => this.errorText = "" }), h(FormControlErrorText, { key: '4e0897e145758bdbf8b2a707ed6b7c0ddaaf9cc7', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '18db0d27493416cbba3112d5eb3b517534463b5e', exportparts: "label,input,input-invalid" }, h("div", { key: '05d3269920dee47ee1895208ea2def7dfc21fd76', class: "form-group d-flex flex-column" }, h("div", { key: 'ea521871188ec3df8841add01219d581c0ef225c', class: "d-flex align-items-start gap-2" }, h("label", { key: '2f6bbebbffc027c4b26ca1b8bffba41f4e14a048', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '18ad9727a6ec2ba8bc32f610a6fb403f02c6cb65', helpText: this.helpText })), h("input", { key: '3527b426dcb8e9158635999bb14519ba89b58958', 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(), onChange: () => this.errorText = "" }), h(FormControlErrorText, { key: '5978fc20f0935746f5ade33a3a1626a2f7387272', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
 };
@@ -55,10 +55,10 @@ const TextInput = class {
         return input;
     }
     render() {
-        return (h(Host, { key: '7d4f4ae4d68bb1bd8367eaeb35004c812cc7a486' }, h("div", { key: 'f313b9fd13190c4bb2c9806ef81cef2b7c9fd888', class: "form-group d-flex flex-column" }, h("label", { key: '57d3e7f77c4a92c7e37a49a30981848586189c67', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '2a8f08aed29a0931d8ec6c00794b3d3a328040f4', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'b741c3a1b3bf044b47e06910fb5bde9ab029721d' }, h("div", { key: '196b903bf5d5521d32f940a6a996638265d51060', class: "form-group d-flex flex-column" }, h("label", { key: '3ed923b4fedfbcb9ff4ab3f30186150be607ab47', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: 'e51c01f30a1622c107917d2cc3577550c280aec7', 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: '2a2bf6e0bee0cd60f7fae84dc30684e816527b4d', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '4d4fc8fc5450eb711dad88e2d8ca0d318b6dfd0c', 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: '6e73ab2e6726eaeb98355aa38071d96e4a9a818a', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'b1155c177d342edd01df9c1e992ea7cf0c744c20', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/{form-control-help-text-BK9RNOf-.js → form-control-help-text-CF1UA5Sl.js}

@@ -1,5 +1,5 @@
 import { h } from './index-DwYM91AU.js';
-import { D as text } from './parts-wtuY7MT2.js';
+import { D as text } from './parts-QmGrQis7.js';
 
 const FormControlHelpText = (props) => {
     const { helpText, name } = props;