@justifi/webcomponents 6.5.1-rc.2 → 6.6.0

package/dist/collection/ui-components/google-pay-button.js

@@ -1,251 +0,0 @@
-import { h } from "@stencil/core";
-import { GooglePayButtonType, GooglePayButtonStyle, GooglePayButtonSizeMode } from "../api/GooglePay";
-const ProcessingSpinner = () => (h("div", { class: 'processing-overlay' }, h("div", { class: 'spinner' }), h("span", null, "Processing...")));
-export const GooglePayButton = (props) => {
-    const getGooglePayButtonClass = () => {
-        let classes = "google-pay-button";
-        // Button style
-        switch (props.buttonStyle) {
-            case GooglePayButtonStyle.WHITE:
-                classes += " google-pay-button-white";
-                break;
-            case GooglePayButtonStyle.BLACK:
-            default:
-                classes += " google-pay-button-black";
-                break;
-        }
-        // Button type
-        switch (props.buttonType) {
-            case GooglePayButtonType.BUY:
-                classes += " google-pay-button-type-buy";
-                break;
-            case GooglePayButtonType.BOOK:
-                classes += " google-pay-button-type-book";
-                break;
-            case GooglePayButtonType.CHECKOUT:
-                classes += " google-pay-button-type-checkout";
-                break;
-            case GooglePayButtonType.DONATE:
-                classes += " google-pay-button-type-donate";
-                break;
-            case GooglePayButtonType.ORDER:
-                classes += " google-pay-button-type-order";
-                break;
-            case GooglePayButtonType.PAY:
-                classes += " google-pay-button-type-pay";
-                break;
-            case GooglePayButtonType.SUBSCRIBE:
-                classes += " google-pay-button-type-subscribe";
-                break;
-            case GooglePayButtonType.PLAIN:
-            default:
-                classes += " google-pay-button-type-plain";
-                break;
-        }
-        // Size mode
-        switch (props.buttonSizeMode) {
-            case GooglePayButtonSizeMode.FILL:
-                classes += " google-pay-button-fill";
-                break;
-            case GooglePayButtonSizeMode.STATIC:
-            default:
-                classes += " google-pay-button-static";
-                break;
-        }
-        if (props.disabled || props.isProcessing || !props.isAvailable) {
-            classes += " disabled";
-        }
-        return classes;
-    };
-    const getButtonStyles = () => {
-        const styles = {};
-        if (props.buttonSizeMode === GooglePayButtonSizeMode.FILL) {
-            styles.width = '100%';
-            styles.minWidth = '200px';
-        }
-        else {
-            styles.width = props.width || '200px';
-        }
-        styles.height = props.height || '48px';
-        return styles;
-    };
-    const handleClick = () => {
-        if (!props.disabled &&
-            !props.isProcessing &&
-            props.isAvailable &&
-            props.clickHandler) {
-            props.clickHandler();
-        }
-    };
-    return (h("div", { class: "google-pay-button-container" }, h("button", Object.assign({ class: getGooglePayButtonClass(), style: getButtonStyles(), onClick: handleClick, disabled: props.disabled || props.isProcessing || !props.isAvailable, "aria-label": "Google Pay", type: "button" }, props), props.isProcessing && ProcessingSpinner(), h("div", { class: 'google-pay-button-content' }, h("svg", { width: "41", height: "17", xmlns: "http://www.w3.org/2000/svg" }, h("g", { fill: "none", "fill-rule": "evenodd" }, h("path", { d: "M19.526 2.635v4.083h2.518c.6 0 1.096-.202 1.488-.605.403-.402.605-.882.605-1.437 0-.544-.202-1.018-.605-1.422-.392-.413-.888-.62-1.488-.62h-2.518zm0 5.52v4.736h-1.504V1.198h3.99c1.013 0 1.873.337 2.582 1.012.72.675 1.08 1.497 1.08 2.466 0 .991-.36 1.819-1.08 2.482-.697.665-1.559.996-2.583.996h-2.485v.001zm7.668 2.287c0 .392.166.718.499.98.332.26.722.391 1.168.391.633 0 1.196-.234 1.692-.701.497-.469.744-1.019.744-1.65-.469-.37-1.123-.555-1.962-.555-.61 0-1.12.148-1.528.442-.409.294-.613.657-.613 1.093m1.946-5.815c1.112 0 1.989.297 2.633.89.642.594.964 1.408.964 2.442v4.932h-1.439v-1.11h-.065c-.622.914-1.45 1.372-2.486 1.372-.882 0-1.621-.262-2.215-.784-.594-.523-.891-1.176-.891-1.96 0-.828.313-1.486.94-1.976s1.463-.735 2.51-.735c.892 0 1.629.163 2.206.49v-.344c0-.522-.207-.966-.621-1.33a2.132 2.132 0 0 0-1.455-.547c-.84 0-1.504.353-1.995 1.062l-1.324-.834c.73-1.045 1.81-1.568 3.238-1.568m11.853.262l-5.02 11.53H34.42l1.864-4.034-3.302-7.496h1.635l2.387 5.749h.032l2.322-5.75z", fill: "#FFF" }), h("path", { d: "M13.448 7.134c0-.473-.04-.93-.116-1.366H6.988v2.588h3.634a3.11 3.11 0 0 1-1.344 2.042v1.68h2.169c1.27-1.17 2.001-2.9 2.001-4.944", fill: "#4285F4" }), h("path", { d: "M6.988 13.7c1.816 0 3.344-.595 4.459-1.621l-2.169-1.681c-.603.406-1.38.643-2.29.643-1.754 0-3.244-1.182-3.776-2.774H.978v1.731a6.728 6.728 0 0 0 6.01 3.703", fill: "#34A853" }), h("path", { d: "M3.212 8.267a4.034 4.034 0 0 1 0-2.572V3.964H.978A6.678 6.678 0 0 0 .261 6.98c0 1.085.26 2.11.717 3.017l2.234-1.731z", fill: "#FABB05" }), h("path", { d: "M6.988 2.921c.992 0 1.88.34 2.58 1.008v.001l1.92-1.918C10.324.928 8.804.262 6.989.262a6.728 6.728 0 0 0-6.01 3.702l2.234 1.731c.532-1.592 2.022-2.774 3.776-2.774", fill: "#E94235" }))))), h("style", null, `
-          .google-pay-button-container {
-            display: block;
-            position: relative;
-          }
-
-          .google-pay-button {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            border: none;
-            border-radius: 4px;
-            cursor: pointer;
-            font-size: 14px;
-            font-weight: 500;
-            letter-spacing: 0.25px;
-            line-height: 16px;
-            outline: none;
-            padding: 0 20px;
-            position: relative;
-            min-width: 140px;
-            min-height: 48px;
-          }
-
-          /* Button styles */
-          .google-pay-button.google-pay-button-black {
-            background-color: #000;
-            color: #fff;
-          }
-
-          .google-pay-button.google-pay-button-white {
-            background-color: #fff;
-            color: #3c4043;
-          }
-
-          /* Button content */
-          .google-pay-button-content {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            gap: 8px;
-            white-space: nowrap;
-          }
-
-          .google-g-logo {
-            width: 20px;
-            height: 20px;
-            flex-shrink: 0;
-          }
-
-          .pay-text {
-            font-family: 'Google Sans', arial, sans-serif;
-            font-size: 14px;
-            font-weight: 500;
-            margin-left: 8px;
-          }
-
-          /* Button types - text content handled by ::before pseudo-element */
-          .google-pay-button-type-buy .google-pay-button-content::before {
-            content: 'Buy with';
-            margin-right: 8px;
-          }
-
-          .google-pay-button-type-book .google-pay-button-content::before {
-            content: 'Book with';
-            margin-right: 8px;
-          }
-
-          .google-pay-button-type-checkout .google-pay-button-content::before {
-            content: 'Checkout with';
-            margin-right: 8px;
-          }
-
-          .google-pay-button-type-donate .google-pay-button-content::before {
-            content: 'Donate with';
-            margin-right: 8px;
-          }
-
-          .google-pay-button-type-order .google-pay-button-content::before {
-            content: 'Order with';
-            margin-right: 8px;
-          }
-
-          .google-pay-button-type-pay .google-pay-button-content::before {
-            content: 'Pay with';
-            margin-right: 8px;
-          }
-
-          .google-pay-button-type-subscribe .google-pay-button-content::before {
-            content: 'Subscribe with';
-            margin-right: 8px;
-          }
-
-          /* Size modes */
-          .google-pay-button.google-pay-button-fill {
-            width: 100%;
-            min-width: 200px;
-          }
-
-          .google-pay-button.google-pay-button-static {
-            width: auto;
-          }
-
-          /* Hover and focus states */
-          .google-pay-button:hover:not(.disabled) {
-            box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15), 0 1px 3px 1px rgba(0, 0, 0, 0.30);
-          }
-
-          .google-pay-button:focus:not(.disabled) {
-            box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15), 0 1px 3px 1px rgba(0, 0, 0, 0.30);
-          }
-
-          .google-pay-button:active:not(.disabled) {
-            box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15), 0 1px 3px 1px rgba(0, 0, 0, 0.30);
-            transform: translateY(1px);
-          }
-
-          /* Disabled state */
-          .google-pay-button.disabled {
-            opacity: 0.5;
-            cursor: not-allowed;
-            box-shadow: none;
-          }
-
-          .google-pay-button.disabled:hover,
-          .google-pay-button.disabled:focus,
-          .google-pay-button.disabled:active {
-            box-shadow: none;
-            transform: none;
-          }
-
-          /* Processing overlay */
-          .processing-overlay {
-            position: absolute;
-            top: 0;
-            left: 0;
-            right: 0;
-            bottom: 0;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            gap: 8px;
-            background: rgba(0, 0, 0, 0.8);
-            color: white;
-            border-radius: 4px;
-            font-size: 14px;
-            font-weight: 500;
-          }
-
-          .spinner {
-            width: 16px;
-            height: 16px;
-            border: 2px solid rgba(255, 255, 255, 0.3);
-            border-top: 2px solid #fff;
-            border-radius: 50%;
-            animation: spin 1s linear infinite;
-          }
-
-          @keyframes spin {
-            0% { transform: rotate(0deg); }
-            100% { transform: rotate(360deg); }
-          }
-
-          /* Responsive design */
-          @media (max-width: 480px) {
-            .google-pay-button {
-              width: 100% !important;
-              min-width: 200px;
-            }
-          }
-        `)));
-};

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

@@ -1,126 +0,0 @@
-import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-DwYM91AU.js';
-import './config-state-C2NXATwF.js';
-import './dinero-HXpYMWUU.js';
-import './ComponentError-Cjcsf8ku.js';
-import { E as EntityDocumentType } from './GooglePay-9bPcqGZ9.js';
-import './Pagination-CLHwhyvu.js';
-import './Business-B5rtFhtR.js';
-import './Dispute-BH0Xfn-F.js';
-import { a as bankAccountTypeOptions } from './business-form-options-D6s5H4RI.js';
-import './event-types-XYgDHrVL.js';
-import { n as numberOnlyHandler } from './utils-BnjCmwMr.js';
-import { D as text, Z as card, G as heading2, ap as table, S as tableHeadCell, ay as tableCell, c as input, l as label, b as inputInvalid, U as inputDisabled, a as inputFocused } from './parts-wtuY7MT2.js';
-import { s as snakeCaseToHumanReadable, e as formatDate, o as formatTimeSeconds } from './utils-CIaHqjQt.js';
-import { S as Skeleton } from './skeleton-BmRZRW5K.js';
-import './event-types-CZfYo5-1.js';
-import { F as FormControlErrorText } from './form-control-error-text-B5LSdUXI.js';
-import './index-B-fWxE5e.js';
-import './index-DkoufM1t.js';
-
-const BankAccountDocumentFormInputs = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        return (h("div", { key: '4daf6eadf7e1213c3534bd845c917af0b1ec1fec', class: "row gy-3" }, h("div", { key: '9d7235d40a0884960948eaac7dc990e947bf5165', class: "col-12" }, h("form-control-file", { key: 'e0e3704079e20c86dacec668d27ca23ef981aa2f', 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: '5c4c20191c6c54170896a9c0f893a7fe06ff6a70', class: "col-12" }, h("form-control-file", { key: '6d4ac9d3a47952644bab5afe4b23332a56c04035', name: "bank_statement", label: "Bank Statement", documentType: EntityDocumentType.bankStatement, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["bank_statement"], multiple: true }))));
-    }
-};
-
-const BankAccountFormInputs = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        var _a, _b, _c, _d, _e, _f;
-        return (h("div", { key: '951373cbaf604ec2f34364fd93ac9ccf666a4e58', class: "row gy-3" }, h("div", { key: 'a2fbc555aeb3b9bed12f032385ea9889482e6caf', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Bank Name", value: (_a = this.defaultValue) === null || _a === void 0 ? void 0 : _a.bank_name })) : (h("form-control-text", { name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler }))), h("div", { key: 'c05c9e185293799ee94cbd8bec3976d115469b00', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Nickname", value: (_b = this.defaultValue) === null || _b === void 0 ? void 0 : _b.nickname })) : (h("form-control-text", { name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler }))), h("div", { key: 'b3cc026a1c2079ddcd744d7557742ac98073f03c', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Owner Name", value: (_c = this.defaultValue) === null || _c === void 0 ? void 0 : _c.account_owner_name })) : (h("form-control-text", { name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler }))), h("div", { key: 'f3649a91a8af13374eb55f06ecc81e6e06bd4b01', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Type", value: (_d = this.defaultValue) === null || _d === void 0 ? void 0 : _d.account_type })) : (h("form-control-select", { name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler }))), h("div", { key: '34eb7df603e1d7d9bb616c51057dd5da9a2e3e3f', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Number", value: ((_e = this.defaultValue) === null || _e === void 0 ? void 0 : _e.account_number_last4) ? `**** ${this.defaultValue.account_number_last4}` : '' })) : (h("form-control-text", { name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "Please copy the account number as shown on your statement/check. Do not include spaces or dashes." }))), h("div", { key: '64897a96be65ddd311267e5ea1571993ab61787d', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Routing Number", value: ((_f = this.defaultValue) === null || _f === void 0 ? void 0 : _f.routing_number) || '' })) : (h("form-control-text", { name: "routing_number", label: "Routing Number", defaultValue: this.defaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "A valid routing number is nine digits. Please include any leading or trailing zeroes." })))));
-    }
-};
-
-const BankAccountFormInputsCanada = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        var _a, _b, _c, _d, _e, _f, _g;
-        return (h("div", { key: '80b2030f1c1840df293a5ec600fe16836b502647', class: "row gy-3" }, h("div", { key: '5a28a5b515856da7808fc49cf0f775f8c4c71daa', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Bank Name", value: (_a = this.defaultValue) === null || _a === void 0 ? void 0 : _a.bank_name })) : (h("form-control-text", { name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler }))), h("div", { key: '62761912ccf0ee5ba1e5c13cbb08cde9687d05bd', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Nickname", value: (_b = this.defaultValue) === null || _b === void 0 ? void 0 : _b.nickname })) : (h("form-control-text", { name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler }))), h("div", { key: '04472a07096890a51d2e2db463f7040a389fd4e1', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Owner Name", value: (_c = this.defaultValue) === null || _c === void 0 ? void 0 : _c.account_owner_name })) : (h("form-control-text", { name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler }))), h("div", { key: 'c2caa8ddb2b1038efb49e3361eab760108a34308', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Type", value: (_d = this.defaultValue) === null || _d === void 0 ? void 0 : _d.account_type })) : (h("form-control-select", { name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler }))), h("div", { key: '2446720991bd2512f6bb8a779e47e526100dacb3', class: "col-3" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Transit Number", value: ((_e = this.defaultValue) === null || _e === void 0 ? void 0 : _e.transit_number) || '' })) : (h("form-control-text", { name: "transit_number", label: "Transit Number", defaultValue: this.defaultValue.transit_number, maxLength: 5, errorText: this.errors.transit_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "5 digits" }))), h("div", { key: '98cda3809e604cc3e863f2d01698e217694b2550', class: "col-3" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Institution Number", value: ((_f = this.defaultValue) === null || _f === void 0 ? void 0 : _f.institution_number) || '' })) : (h("form-control-text", { name: "institution_number", label: "Institution Number", defaultValue: this.defaultValue.institution_number, maxLength: 3, errorText: this.errors.institution_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "3 digits" }))), h("div", { key: 'de285afb20fe922e3a8dd66727222e2f49567aae', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Number", value: ((_g = this.defaultValue) === null || _g === void 0 ? void 0 : _g.account_number_last4) ? `**** ${this.defaultValue.account_number_last4}` : '' })) : (h("form-control-text", { name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "Please copy the account number as shown on your statement. Do not include spaces or dashes." })))));
-    }
-};
-
-const BankAccountReadOnlyValue = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        return (h("div", { key: '0d44d4aa265a5fd36ca30f1db072eb834f8bdf1b' }, h("label", { key: '892e6dbdbff5d484df4dfb522f3db8968f46d7d4', class: "form-label", part: text }, this.label), h("div", { key: 'cd617e2302834ad67ebccd64e24d535b2cc19da8', part: text }, this.value || '')));
-    }
-};
-
-const BusinessDocumentsOnFile = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.documents = [];
-        this.isLoading = false;
-    }
-    render() {
-        if (this.isLoading) {
-            return h(Skeleton, { height: "50px" });
-        }
-        if (!this.documents.length) {
-            return null;
-        }
-        return (h(Host, null, h("div", { class: "card", part: card }, h("div", { class: "card-body" }, h("h5", { class: "card-title", part: heading2 }, "Documents Already on File"), h("div", { class: "table-responsive" }, h("table", { class: "table table-sm table-borderless", part: table }, h("thead", null, h("tr", null, h("th", { style: { width: "25%" }, part: tableHeadCell, scope: "col" }, "File Name"), h("th", { style: { width: "25%" }, part: tableHeadCell, scope: "col" }, "File Type"), h("th", { style: { width: "25%" }, part: tableHeadCell, scope: "col" }, "Document Type"), h("th", { style: { width: "25%" }, part: tableHeadCell, scope: "col" }, "Date Uploaded"))), h("tbody", null, this.documents.sort((a, b) => a.document_type.localeCompare(b.document_type))
-            .map((document, index) => {
-            return (h("tr", { class: index === 0 ? "border-bottom border-top" : "border-bottom" }, h("td", { part: tableCell }, document.file_name), h("td", { part: tableCell }, document.file_type), h("td", { part: tableCell }, snakeCaseToHumanReadable(document.document_type)), h("td", { part: tableCell }, `${formatDate(document.created_at)} - ${formatTimeSeconds(document.created_at)}`)));
-        })))))), h("hr", null)));
-    }
-};
-
-const FileInput = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        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');
-            this.inputHandler(name, target.value);
-            this.formControlInput.emit({ name, value: target.value });
-        };
-        this.changeHandler = () => {
-            const inputFileList = this.fileInput.files;
-            if (inputFileList) {
-                this.fileSelected.emit({
-                    fileList: inputFileList,
-                    document_type: this.documentType
-                });
-            }
-        };
-    }
-    componentDidLoad() {
-        this.fileInput = this.el.querySelector('input');
-    }
-    get part() {
-        let part = input;
-        if (this.errorText) {
-            part = inputInvalid;
-        }
-        if (this.disabled) {
-            part = inputDisabled;
-        }
-        if (this.isFocused) {
-            part = inputFocused;
-        }
-        return part;
-    }
-    render() {
-        return (h(Host, { key: 'fdb25496e92f4a0ac8d59dc21a1ee0b4364dfb0b' }, h("div", { key: 'dfbb750595eafcaef0d02dffa740c58b0459d99a', class: "form-group d-flex flex-column" }, h("div", { key: '78b3a1c682ad87d317f7e7407fbd73392a20b5c2', class: "d-flex align-items-start gap-2" }, h("label", { key: '1f0a3ee1e9252c5ea446636d6602102bb7b6215c', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '7cf6117ae465514d3cbeb1ed2186f6b9d708c14e', helpText: this.helpText })), h("input", { key: '44a29d1872127ae6b588553cceed75144dd80381', 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: '50be6125a92cc147aa1b7be3b6777835d7a8d0c3', errorText: this.errorText, name: this.name }))));
-    }
-    get el() { return getElement(this); }
-};
-
-export { BankAccountDocumentFormInputs as bank_account_document_form_inputs, BankAccountFormInputs as bank_account_form_inputs, BankAccountFormInputsCanada as bank_account_form_inputs_canada, BankAccountReadOnlyValue as bank_account_read_only_value, BusinessDocumentsOnFile as business_documents_on_file, FileInput as form_control_file };