@justifi/webcomponents 5.4.4 → 5.6.0

package/dist/esm/Api-C9CDE-UM.js

@@ -0,0 +1,72 @@
+import { g as generateId } from './utils-BWcTxbSg.js';
+
+const Api = ({ authToken, apiOrigin }) => {
+    async function getAuthorizationHeader() {
+        if (!authToken) {
+            return {
+                'Content-Type': 'application/json',
+            };
+        }
+        return {
+            Authorization: `Bearer ${authToken}`,
+            'Idempotency-Key': generateId(),
+            'Content-Type': 'application/json',
+        };
+    }
+    async function makeRequest({ endpoint, method, params, body, signal, headers, }) {
+        const url = `${apiOrigin}/v1/${endpoint}`;
+        const requestUrl = params ? `${url}?${new URLSearchParams(params)}` : url;
+        const defaultHeaders = await getAuthorizationHeader();
+        const mergedHeaders = Object.assign(Object.assign({}, defaultHeaders), headers);
+        const response = await fetch(requestUrl, {
+            method: method,
+            headers: mergedHeaders,
+            body: body,
+            signal: signal,
+        });
+        if (response) {
+            return response.status === 204 ? {} : response.json();
+        }
+        handleError(requestUrl);
+    }
+    async function get({ endpoint, params, signal, headers, }) {
+        return makeRequest({ endpoint, method: 'GET', params, signal, headers });
+    }
+    async function post({ endpoint, body, params, signal, headers, }) {
+        return makeRequest({
+            endpoint,
+            method: 'POST',
+            params,
+            body: JSON.stringify(body),
+            signal,
+            headers,
+        });
+    }
+    async function put({ endpoint, body, params, signal, }) {
+        return makeRequest({
+            endpoint,
+            method: 'PUT',
+            params,
+            body: JSON.stringify(body),
+            signal,
+        });
+    }
+    async function patch({ endpoint, body, params, signal, }) {
+        return makeRequest({
+            endpoint,
+            method: 'PATCH',
+            params,
+            body: JSON.stringify(body),
+            signal,
+        });
+    }
+    async function destroy({ endpoint, params, signal, }) {
+        return makeRequest({ endpoint, method: 'DELETE', params, signal });
+    }
+    return { get, post, put, patch, destroy };
+};
+function handleError(requestUrl) {
+    console.error(`Error fetching from ${requestUrl}`);
+}
+
+export { Api as A };

package/dist/esm/{Business-0855931c.js → Business-D6XNzizo.js}

@@ -1,4 +1,4 @@
-import { f as filterNumber, c as constructDate, g as getStateAbbreviation } from './helpers-96ea3464.js';
+import { f as filterNumber, a as constructDate, g as getStateAbbreviation } from './helpers-Mu7LQT-w.js';
 
 class Owner {
     constructor(owner) {
@@ -227,4 +227,4 @@ class Business {
     }
 }
 
-export { AdditionalQuestions as A, Business as B, CoreBusinessInfo as C, Owner as O, Representative as R, BusinessFormServerErrors as a, BusinessClassification as b, Address as c };
+export { AdditionalQuestions as A, Business as B, CoreBusinessInfo as C, Owner as O, Representative as R, BusinessClassification as a, BusinessFormServerErrors as b, Address as c };

package/dist/esm/{Checkout-18d8bf94.js → Checkout-Dfpql997.js}

@@ -1,4 +1,4 @@
-import { f as formatCurrency } from './utils-ec50661e.js';
+import { f as formatCurrency } from './utils-BWcTxbSg.js';
 
 class Completion {
     constructor(data) {

package/dist/esm/{ComponentError-c61dce41.js → ComponentError-SdntD1xf.js}

@@ -9,6 +9,7 @@ var ComponentErrorCodes;
     ComponentErrorCodes["NOT_AUTHENTICATED"] = "not-authenticated";
     ComponentErrorCodes["INVALID_PARAMETER"] = "invalid-parameter";
     ComponentErrorCodes["PROVISIONING_REQUESTED"] = "provisioning-already-requested";
+    ComponentErrorCodes["INVALID_REFUND_AMOUNT"] = "invalid-refund-amount";
 })(ComponentErrorCodes || (ComponentErrorCodes = {}));
 var ComponentErrorSeverity;
 (function (ComponentErrorSeverity) {
@@ -17,4 +18,4 @@ var ComponentErrorSeverity;
     ComponentErrorSeverity["ERROR"] = "error";
 })(ComponentErrorSeverity || (ComponentErrorSeverity = {}));
 
-export { ComponentErrorCodes as C, ComponentErrorSeverity as a };
+export { ComponentErrorSeverity as C, ComponentErrorCodes as a };

package/dist/esm/{Document-1907c0d4.js → Document-Ct-uNz2r.js}

@@ -52,4 +52,4 @@ class EntityDocument {
     }
 }
 
-export { EntityDocumentType as E, EntityDocument as a, EntityDocumentStorage as b };
+export { EntityDocumentType as E, EntityDocumentStorage as a, EntityDocument as b };

package/dist/esm/{Payment-806af354.js → Payment-BADkZFaz.js}

@@ -1,5 +1,5 @@
-import { f as formatCurrency } from './utils-ec50661e.js';
-import { D as DisputeStatus } from './Dispute-5fd28ec9.js';
+import { f as formatCurrency } from './utils-BWcTxbSg.js';
+import { D as DisputeStatus } from './Dispute-7MWRbTXI.js';
 
 var CaptureStrategy;
 (function (CaptureStrategy) {

package/dist/esm/{SubAccount-7520271c.js → Refund-DOvd7RJp.js}

@@ -1,4 +1,47 @@
-import { f as formatCurrency } from './utils-ec50661e.js';
+import { f as formatCurrency } from './utils-BWcTxbSg.js';
+
+var PaymentBalanceTxnType;
+(function (PaymentBalanceTxnType) {
+    PaymentBalanceTxnType["payment"] = "payment";
+    PaymentBalanceTxnType["paymentFee"] = "payment_fee";
+    PaymentBalanceTxnType["payout"] = "payout";
+    PaymentBalanceTxnType["refund"] = "refund";
+    PaymentBalanceTxnType["feeRefund"] = "fee_refund";
+    PaymentBalanceTxnType["dispute"] = "dispute";
+    PaymentBalanceTxnType["disputeFee"] = "dispute_fee";
+    PaymentBalanceTxnType["disputeFeeRefund"] = "dispute_fee_refund";
+    PaymentBalanceTxnType["disputeRefund"] = "dispute_refund";
+    PaymentBalanceTxnType["applicationFeeReturned"] = "application_fee_returned";
+})(PaymentBalanceTxnType || (PaymentBalanceTxnType = {}));
+class PaymentBalanceTransaction {
+    constructor(balanceTransaction) {
+        this.id = balanceTransaction.id;
+        this.amount = balanceTransaction.amount;
+        this.balance = balanceTransaction.balance;
+        this.currency = balanceTransaction.currency;
+        this.financial_transaction_id = balanceTransaction.financial_transaction_id;
+        this.payment_id = balanceTransaction.payment_id;
+        this.payment_balance_txn_type = balanceTransaction.payment_balance_txn_type;
+        this.source_id = balanceTransaction.source_id;
+        this.source_type = balanceTransaction.source_type;
+        this.created_at = balanceTransaction.created_at;
+        this.updated_at = balanceTransaction.updated_at;
+    }
+    get displayTransactionId() {
+        if (this.payment_balance_txn_type === PaymentBalanceTxnType.paymentFee) {
+            return '--';
+        }
+        else if (this.payment_balance_txn_type === PaymentBalanceTxnType.applicationFeeReturned) {
+            return '--';
+        }
+        else {
+            return this.source_id;
+        }
+    }
+    formattedPaymentAmount(amount) {
+        return formatCurrency(amount, this.currency);
+    }
+}
 
 var PayoutStatuses;
 (function (PayoutStatuses) {
@@ -45,6 +88,40 @@ class Payout {
     }
 }
 
+var PayoutBalanceTransactionType;
+(function (PayoutBalanceTransactionType) {
+    PayoutBalanceTransactionType["fee"] = "fee";
+    PayoutBalanceTransactionType["payment"] = "payment";
+    PayoutBalanceTransactionType["payout"] = "payout";
+    PayoutBalanceTransactionType["sellerPaymentRefund"] = "seller_payment_refund";
+    PayoutBalanceTransactionType["disputeAmountCollected"] = "dispute_amount_collected";
+    PayoutBalanceTransactionType["disputeFeeCollected"] = "dispute_fee_collected";
+    PayoutBalanceTransactionType["sellerPayment"] = "seller_payment";
+    PayoutBalanceTransactionType["transfer"] = "transfer";
+    PayoutBalanceTransactionType["partnerPlatformProceedsCredit"] = "partner_platform_proceeds_credit";
+})(PayoutBalanceTransactionType || (PayoutBalanceTransactionType = {}));
+class PayoutBalanceTransaction {
+    constructor(balanceTransaction) {
+        this.id = balanceTransaction.id;
+        this.account_id = balanceTransaction.account_id;
+        this.payout_id = balanceTransaction.payout_id;
+        this.financial_transaction_id = balanceTransaction.financial_transaction_id;
+        this.amount = balanceTransaction.amount;
+        this.fee = balanceTransaction.fee;
+        this.net = balanceTransaction.net;
+        this.currency = balanceTransaction.currency;
+        this.source_id = balanceTransaction.source_id;
+        this.description = balanceTransaction.description;
+        this.txn_type = balanceTransaction.txn_type;
+        this.created_at = balanceTransaction.created_at;
+        this.available_on = balanceTransaction.available_on;
+        this.updated_at = balanceTransaction.updated_at;
+    }
+    formattedPaymentAmount(amount) {
+        return formatCurrency(amount, this.currency);
+    }
+}
+
 var ITerminalStatus;
 (function (ITerminalStatus) {
     ITerminalStatus["connected"] = "connected";
@@ -83,6 +160,9 @@ var TerminalOrderStatus;
     TerminalOrderStatus["created"] = "created";
     TerminalOrderStatus["submitted"] = "submitted";
     TerminalOrderStatus["completed"] = "completed";
+    TerminalOrderStatus["in_progress"] = "in_progress";
+    TerminalOrderStatus["on_hold"] = "on_hold";
+    TerminalOrderStatus["canceled"] = "canceled";
 })(TerminalOrderStatus || (TerminalOrderStatus = {}));
 class TerminalOrder {
     constructor(data) {
@@ -175,4 +255,24 @@ class SubAccount {
     }
 }
 
-export { ITerminalStatus as I, Payout as P, SubAccount as S, TerminalModel as T, TerminalOrder as a, TerminalOrderType as b, TerminalOrderStatus as c, Terminal as d };
+var RefundStatuses;
+(function (RefundStatuses) {
+    RefundStatuses["succeeded"] = "succeeded";
+    RefundStatuses["failed"] = "failed";
+})(RefundStatuses || (RefundStatuses = {}));
+var RefundReasons;
+(function (RefundReasons) {
+    RefundReasons["customerRequest"] = "customer_request";
+    RefundReasons["duplicate"] = "duplicate";
+    RefundReasons["fraudulent"] = "fraudulent";
+})(RefundReasons || (RefundReasons = {}));
+class RefundPayload {
+    constructor(refundPayload) {
+        this.amount = refundPayload.amount;
+        this.reason = refundPayload.reason;
+        this.description = refundPayload.description;
+        this.metadata = refundPayload.metadata;
+    }
+}
+
+export { ITerminalStatus as I, Payout as P, RefundReasons as R, SubAccount as S, TerminalOrderStatus as T, TerminalOrderType as a, Terminal as b, PaymentBalanceTransaction as c, PayoutBalanceTransaction as d, TerminalOrder as e, TerminalModel as f, RefundPayload as g };

package/dist/esm/_commonjsHelpers-BFTU3MAI.js

@@ -0,0 +1,7 @@
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+export { commonjsGlobal as c, getDefaultExportFromCjs as g };

package/dist/esm/additional-questions-details_5.entry.js

@@ -1,12 +1,12 @@
-import { r as registerInstance, h, H as Host } from './index-29fcfdf5.js';
-import { c as DetailItem, D as DetailSectionTitle } from './utils-96d9c205.js';
-import { j as isEmptyObject, s as snakeCaseToHumanReadable, k as formatMediumDate } from './utils-ec50661e.js';
-import './parts-fd740f54.js';
+import { r as registerInstance, h, H as Host } from './index-D4-FKsCU.js';
+import { c as DetailItem, D as DetailSectionTitle } from './utils-1z8cNzLu.js';
+import { l as isEmptyObject, s as snakeCaseToHumanReadable, m as formatMediumDate } from './utils-BWcTxbSg.js';
+import './parts-6ctk_bhj.js';
+import './_commonjsHelpers-BFTU3MAI.js';
 
 const AdditionalQuestionsDetails = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.additionalQuestions = undefined;
     }
     render() {
         var _a, _b;
@@ -19,7 +19,6 @@ const AdditionalQuestionsDetails = class {
 const GenericInfoDetails = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.business = undefined;
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h;
@@ -32,7 +31,6 @@ const GenericInfoDetails = class {
 const LegalAddressDetails = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.legalAddress = undefined;
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
@@ -45,7 +43,6 @@ const LegalAddressDetails = class {
 const OwnerDetails = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.owners = undefined;
     }
     render() {
         var _a;
@@ -64,7 +61,6 @@ const OwnerDetails = class {
 const JustifiRepresentativeDetails = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.representative = undefined;
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;

package/dist/esm/{badge-1be14e8c.js → badge-D5PvLnZT.js}

@@ -1,5 +1,5 @@
-import { h } from './index-29fcfdf5.js';
-import { n as badge, o as badgePrimary, p as badgeSecondary, q as badgeSuccess, r as badgeDanger, u as badgeWarning, v as badgeInfo, w as badgeLight, x as badgeDark } from './parts-fd740f54.js';
+import { h } from './index-D4-FKsCU.js';
+import { J as badgeDark, K as badgeLight, L as badgeInfo, M as badgeWarning, N as badgeDanger, O as badgeSuccess, P as badgeSecondary, Q as badgePrimary, R as badge } from './parts-6ctk_bhj.js';
 
 var BadgeVariant;
 (function (BadgeVariant) {
@@ -39,4 +39,4 @@ const Badge = (props) => {
     return (h("span", { class: cssClasses[variant] || cssClasses.default, part: badgeVariant[variant] || badgeVariant.default, title: title }, text));
 };
 
-export { Badge as B, BadgeVariant as a };
+export { BadgeVariant as B, Badge as a };

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

@@ -1,28 +1,26 @@
-import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-29fcfdf5.js';
-import './ComponentError-c61dce41.js';
-import './Checkout-18d8bf94.js';
-import './Pagination-afc8f96d.js';
-import './Payment-806af354.js';
-import './SubAccount-7520271c.js';
-import { E as EntityDocumentType } from './Document-1907c0d4.js';
-import { c as bankAccountTypeOptions } from './business-form-options-86a13078.js';
-import './event-types-5c87de02.js';
-import { n as numberOnlyHandler } from './utils-20cdf321.js';
-import { s as snakeCaseToHumanReadable, b as formatDate, m as formatTimeSeconds } from './utils-ec50661e.js';
-import { a6 as card, h as heading2, V as table, k as tableHeadCell, W as tableCell, l as label, c as input, b as inputInvalid, $ as inputDisabled, a as inputFocused } from './parts-fd740f54.js';
-import { S as Skeleton } from './skeleton-ab3f676e.js';
-import { F as FormControlErrorText } from './form-control-error-text-176d20d8.js';
-import './Dispute-5fd28ec9.js';
-import './Business-0855931c.js';
-import './helpers-96ea3464.js';
-import './state-options-a356fb11.js';
+import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-D4-FKsCU.js';
+import { s as snakeCaseToHumanReadable, d as formatDate, i as formatTimeSeconds } from './utils-BWcTxbSg.js';
+import './ComponentError-SdntD1xf.js';
+import './Checkout-Dfpql997.js';
+import './Pagination-CLHwhyvu.js';
+import './Payment-BADkZFaz.js';
+import './Refund-DOvd7RJp.js';
+import { E as EntityDocumentType } from './Document-Ct-uNz2r.js';
+import { c as bankAccountTypeOptions } from './business-form-options-Bn05PRR4.js';
+import './event-types-XYgDHrVL.js';
+import { n as numberOnlyHandler } from './utils-BnjCmwMr.js';
+import { Z as card, H as heading2, A as table, T as tableHeadCell, B as tableCell, c as input, l as label, b as inputInvalid, C as inputDisabled, a as inputFocused } from './parts-6ctk_bhj.js';
+import { S as Skeleton } from './skeleton-D8dsThNX.js';
+import { F as FormControlErrorText } from './form-control-error-text-nyeinPVQ.js';
+import './_commonjsHelpers-BFTU3MAI.js';
+import './Dispute-7MWRbTXI.js';
+import './Business-D6XNzizo.js';
+import './helpers-Mu7LQT-w.js';
+import './state-options-BX8GieXu.js';
 
 const BankAccountDocumentFormInputs = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.inputHandler = undefined;
-        this.errors = undefined;
-        this.storeFiles = undefined;
     }
     render() {
         return (h("div", { key: 'a3ff8b1ff23923beb847e66d6c56a39de9a86434', class: "row gy-3" }, h("div", { key: '86f9ba3a8f0f87f7fa67ba0fcf1d7c04f67e9bc5', class: "col-12" }, h("form-control-file", { key: '9cc2bc21414c8e3f4b25ac47b76340a4ce569c42', name: "voided_check", label: "Voided Check", documentType: EntityDocumentType.voidedCheck, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["voided_check"], multiple: true })), h("div", { key: 'bee72d6c63514cdbd3200910d3a53b045c60d05d', class: "col-12" }, h("form-control-file", { key: '80a79f352d078cd210768b4060cad7014b1060c5', name: "bank_statement", label: "Bank Statement", documentType: EntityDocumentType.bankStatement, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["bank_statement"], multiple: true }))));
@@ -32,10 +30,6 @@ const BankAccountDocumentFormInputs = class {
 const BankAccountFormInputs = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.defaultValue = undefined;
-        this.errors = undefined;
-        this.inputHandler = undefined;
-        this.formDisabled = undefined;
     }
     render() {
         return (h("div", { key: 'b18e803521d67b40e4e5af03a66dcdca0b678968', class: "row gy-3" }, h("div", { key: 'e2e6667ffbcebb6a9aa50739814e7bbebceaabfa', class: "col-12" }, h("form-control-text", { key: 'e1ad63fb7db32dbb6ed67cf18919c681d6d192ef', name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '54db821813e7eb931b8f19fad7fce976cdeb0045', class: "col-12" }, h("form-control-text", { key: '4ecf222c1918e364f319d07e0a770d68dba099d0', name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: 'a92c38f2abbcb3dcaee4bc5ea73df44b31adc3f9', class: "col-12" }, h("form-control-text", { key: '492ff1a4d1e9c4f2fa9d0e527a34dc5ccb09afe6', name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '8e14e6e3de43822d139085d3a05bfd0e7ae5b1be', class: "col-12" }, h("form-control-select", { key: 'f6648b6f7c4a475f88b849bf3a75d446bb539c69', name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '68a2efc082f5b6414ebde10b6da4365677dbefca', class: "col-12" }, h("form-control-text", { key: '3ef9b3db5882063708ccf1eb282f3e90ed53ce82', name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled, helpText: "Please copy the account number as shown on your statement/check. Do not include spaces or dashes." })), h("div", { key: 'e3270db28269bc25dd4d5a99274f042c1efd1fc6', class: "col-12" }, h("form-control-text", { key: 'a8e801f65a4cc164cdc7bf186fed67f87abc828f', name: "routing_number", label: "Routing Number", defaultValue: this.defaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled, helpText: "A valid routing number is nine digits. Please include any leading or trailing zeroes." }))));
@@ -65,9 +59,10 @@ const BusinessDocumentsOnFile = class {
 const FileInput = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.formControlInput = createEvent(this, "formControlInput", 7);
-        this.formControlBlur = createEvent(this, "formControlBlur", 7);
-        this.fileSelected = createEvent(this, "fileSelected", 7);
+        this.formControlInput = createEvent(this, "formControlInput");
+        this.formControlBlur = createEvent(this, "formControlBlur");
+        this.fileSelected = createEvent(this, "fileSelected");
+        this.isFocused = false;
         this.handleFormControlInput = (event) => {
             const target = event.target;
             const name = target.getAttribute('name');
@@ -83,17 +78,6 @@ const FileInput = class {
                 });
             }
         };
-        this.files = undefined;
-        this.fileString = undefined;
-        this.isFocused = false;
-        this.label = undefined;
-        this.name = undefined;
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.multiple = undefined;
-        this.documentType = undefined;
-        this.inputHandler = undefined;
-        this.disabled = undefined;
     }
     componentDidLoad() {
         this.fileInput = this.el.querySelector('input');
@@ -112,10 +96,10 @@ const FileInput = class {
         return part;
     }
     render() {
-        return (h(Host, { key: 'a70c3c2b62599cdedf34c837e29f53011e56e018' }, h("div", { key: 'ae42cd54552d7e2b95c619acf25c4b24a0c29dc9', class: "form-group d-flex flex-column" }, h("div", { key: '7b3b935921448a4e46d864dc933f5fd7c63ead93', class: "d-flex align-items-start gap-2" }, h("label", { key: '5f1e6608b4bed90aadbf8ee6c45d6f92fa40d429', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '831be18cf54359800498a91ff4d0f8111feb0603', helpText: this.helpText })), h("input", { key: '5541ad6ba3a84e1bced7b61429c93b1d3b3632df', 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: 'c4eb924b2def951a74f6b5aeb036a405537e824c' }, h("div", { key: '3b8bcb605f8addc7188fa82e5ef91c437c17d5f0', class: "form-group d-flex flex-column" }, h("div", { key: '7f0e0cb4cb6dd1f75ddcd054843d2b1663b8db64', class: "d-flex align-items-start gap-2" }, h("label", { key: '73b1eca3f6f175c2832f76be825d97f708aed9bf', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '389ee4bcc680a25991d048ba3839104368c26c15', helpText: this.helpText })), h("input", { key: 'e1c713e5600dace0d44ea5f640bd60bf9d3ec0bd', 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: '7c93f4e7fc3354479bd688e9a386948dc3b349de', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '64828199873b08ab92c5418a1a1d5493bb41d947', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
 };