@justifi/webcomponents 6.5.1-rc.5 → 6.7.0

package/dist/esm/{Api-DX-IWyBw.js → Api-Dln8a6No.js}

@@ -1,5 +1,5 @@
 import { w as waitForConfig, c as configState } from './config-state-C2NXATwF.js';
-import { g as generateId } from './utils-CIaHqjQt.js';
+import { g as generateId } from './utils-CDaVtz_6.js';
 
 const Api = () => {
     async function getAuthorizationHeader(authToken) {

package/dist/esm/{Refund-BugCdfRo.js → GooglePay-NNHE-OLJ.js}

@@ -1,5 +1,7 @@
-import { f as formatCurrency } from './utils-CIaHqjQt.js';
+import { f as formatCurrency } from './utils-CDaVtz_6.js';
 import { a as DisputeStatus } from './Dispute-BH0Xfn-F.js';
+import { c as createStore } from './index-B-fWxE5e.js';
+import { P as PAYMENT_METHODS } from './index-DkoufM1t.js';
 
 class Completion {
     constructor(data) {
@@ -587,4 +589,406 @@ class RefundPayload {
     }
 }
 
-export { Checkout as C, EntityDocumentType as E, ICheckoutStatus as I, Payment as P, RefundReasons as R, SubAccount as S, TerminalOrderStatus as T, ICheckoutPaymentModeParam as a, TerminalOrderType as b, ITerminalStatus as c, Payout as d, Terminal as e, PaymentStatuses as f, PaymentBalanceTransaction as g, PayoutBalanceTransaction as h, TerminalOrder as i, TerminalModel as j, RefundPayload as k, EntityDocumentStorage as l, EntityDocument as m };
+var ApplePaySessionStatus;
+(function (ApplePaySessionStatus) {
+    ApplePaySessionStatus["STATUS_SUCCESS"] = "STATUS_SUCCESS";
+    ApplePaySessionStatus["STATUS_FAILURE"] = "STATUS_FAILURE";
+})(ApplePaySessionStatus || (ApplePaySessionStatus = {}));
+var ApplePayButtonType;
+(function (ApplePayButtonType) {
+    ApplePayButtonType["PLAIN"] = "plain";
+    ApplePayButtonType["BUY"] = "buy";
+    ApplePayButtonType["SET_UP"] = "set-up";
+    ApplePayButtonType["DONATE"] = "donate";
+    ApplePayButtonType["CHECK_OUT"] = "check-out";
+    ApplePayButtonType["BOOK"] = "book";
+    ApplePayButtonType["SUBSCRIBE"] = "subscribe";
+})(ApplePayButtonType || (ApplePayButtonType = {}));
+var ApplePayButtonStyle;
+(function (ApplePayButtonStyle) {
+    ApplePayButtonStyle["BLACK"] = "black";
+    ApplePayButtonStyle["WHITE"] = "white";
+    ApplePayButtonStyle["WHITE_OUTLINE"] = "white-outline";
+})(ApplePayButtonStyle || (ApplePayButtonStyle = {}));
+var ApplePayMerchantCapability;
+(function (ApplePayMerchantCapability) {
+    ApplePayMerchantCapability["SUPPORTS_3DS"] = "supports3DS";
+    ApplePayMerchantCapability["SUPPORTS_EMV"] = "supportsEMV";
+    ApplePayMerchantCapability["SUPPORTS_CREDIT"] = "supportsCredit";
+    ApplePayMerchantCapability["SUPPORTS_DEBIT"] = "supportsDebit";
+})(ApplePayMerchantCapability || (ApplePayMerchantCapability = {}));
+class ApplePayConfig {
+    constructor(data) {
+        this.merchantIdentifier = data.merchantIdentifier;
+        this.displayName = data.displayName;
+        this.initiative = data.initiative;
+        this.initiativeContext = data.initiativeContext;
+        this.buttonType = data.buttonType || ApplePayButtonType.PLAIN;
+        this.buttonStyle = data.buttonStyle || ApplePayButtonStyle.BLACK;
+        this.buttonLocale = data.buttonLocale || 'en-US';
+    }
+    get isValid() {
+        return !!(this.merchantIdentifier &&
+            this.displayName &&
+            this.initiative &&
+            this.initiativeContext);
+    }
+}
+class ApplePayPaymentRequest {
+    constructor(data) {
+        this.countryCode = data.countryCode;
+        this.currencyCode = data.currencyCode;
+        this.merchantCapabilities = data.merchantCapabilities;
+        this.supportedNetworks = data.supportedNetworks;
+        this.total = data.total;
+        this.lineItems = data.lineItems;
+        this.shippingMethods = data.shippingMethods;
+        this.applicationData = data.applicationData;
+        this.supportedCountries = data.supportedCountries;
+    }
+    get isValid() {
+        var _a, _b, _c, _d;
+        return !!(this.countryCode &&
+            this.currencyCode &&
+            ((_a = this.merchantCapabilities) === null || _a === void 0 ? void 0 : _a.length) &&
+            ((_b = this.supportedNetworks) === null || _b === void 0 ? void 0 : _b.length) &&
+            ((_c = this.total) === null || _c === void 0 ? void 0 : _c.label) &&
+            ((_d = this.total) === null || _d === void 0 ? void 0 : _d.amount));
+    }
+}
+class ApplePayHelpers {
+    static isApplePaySupported() {
+        var _a;
+        return (typeof window !== 'undefined' &&
+            'ApplePaySession' in window &&
+            ((_a = window.ApplePaySession) === null || _a === void 0 ? void 0 : _a.supportsVersion(3)));
+    }
+    static canMakePayments() {
+        var _a;
+        if (!this.isApplePaySupported()) {
+            return false;
+        }
+        return ((_a = window.ApplePaySession) === null || _a === void 0 ? void 0 : _a.canMakePayments()) || false;
+    }
+    static async canMakePaymentsWithActiveCard(merchantIdentifier) {
+        var _a;
+        if (!this.isApplePaySupported()) {
+            return false;
+        }
+        try {
+            return ((await ((_a = window.ApplePaySession) === null || _a === void 0 ? void 0 : _a.canMakePaymentsWithActiveCard(merchantIdentifier))) || false);
+        }
+        catch (error) {
+            console.error('Error checking Apple Pay active card:', error);
+            return false;
+        }
+    }
+    static formatAmount(amount) {
+        return (amount / 100).toFixed(2);
+    }
+    static parseAmount(amount) {
+        return Math.round(parseFloat(amount) * 100);
+    }
+    static createLineItem(label, amount, type = 'final') {
+        return {
+            label,
+            amount: this.formatAmount(amount),
+            type,
+        };
+    }
+    static getDefaultSupportedNetworks() {
+        return ['amex', 'discover', 'masterCard', 'visa'];
+    }
+    static getDefaultMerchantCapabilities() {
+        return [
+            ApplePayMerchantCapability.SUPPORTS_3DS,
+            ApplePayMerchantCapability.SUPPORTS_EMV,
+            ApplePayMerchantCapability.SUPPORTS_CREDIT,
+            ApplePayMerchantCapability.SUPPORTS_DEBIT,
+        ];
+    }
+}
+
+const initialState = {
+    accountId: '',
+    authToken: '',
+    billingFormFields: {
+        address_postal_code: '',
+    },
+    bnplEnabled: false,
+    applePayEnabled: false,
+    googlePayEnabled: 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.googlePayEnabled) {
+        methods.push(PAYMENT_METHODS.GOOGLE_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));
+    });
+}
+
+var GooglePayButtonType;
+(function (GooglePayButtonType) {
+    GooglePayButtonType["PLAIN"] = "plain";
+    GooglePayButtonType["BUY"] = "buy";
+    GooglePayButtonType["BOOK"] = "book";
+    GooglePayButtonType["CHECKOUT"] = "checkout";
+    GooglePayButtonType["DONATE"] = "donate";
+    GooglePayButtonType["ORDER"] = "order";
+    GooglePayButtonType["PAY"] = "pay";
+    GooglePayButtonType["SUBSCRIBE"] = "subscribe";
+})(GooglePayButtonType || (GooglePayButtonType = {}));
+var GooglePayButtonStyle;
+(function (GooglePayButtonStyle) {
+    GooglePayButtonStyle["BLACK"] = "black";
+    GooglePayButtonStyle["WHITE"] = "white";
+})(GooglePayButtonStyle || (GooglePayButtonStyle = {}));
+var GooglePayButtonSizeMode;
+(function (GooglePayButtonSizeMode) {
+    GooglePayButtonSizeMode["STATIC"] = "static";
+    GooglePayButtonSizeMode["FILL"] = "fill";
+})(GooglePayButtonSizeMode || (GooglePayButtonSizeMode = {}));
+var GooglePayEnvironment;
+(function (GooglePayEnvironment) {
+    GooglePayEnvironment["PRODUCTION"] = "PRODUCTION";
+    GooglePayEnvironment["TEST"] = "TEST";
+})(GooglePayEnvironment || (GooglePayEnvironment = {}));
+class GooglePayConfig {
+    constructor(data) {
+        this.environment = data.environment;
+        this.merchantId = data.merchantId;
+        this.merchantName = data.merchantName;
+        this.buttonType = data.buttonType || GooglePayButtonType.PLAIN;
+        this.buttonStyle = data.buttonStyle || GooglePayButtonStyle.BLACK;
+        this.buttonSizeMode = data.buttonSizeMode || GooglePayButtonSizeMode.STATIC;
+        this.buttonLocale = data.buttonLocale || 'en';
+    }
+    get isValid() {
+        return !!(this.environment && this.merchantName);
+    }
+}
+class GooglePayPaymentDataRequest {
+    constructor(data) {
+        this.apiVersion = data.apiVersion;
+        this.apiVersionMinor = data.apiVersionMinor;
+        this.allowedPaymentMethods = data.allowedPaymentMethods;
+        this.transactionInfo = data.transactionInfo;
+        this.merchantInfo = data.merchantInfo;
+        this.callbackIntents = data.callbackIntents;
+        this.shippingAddressRequired = data.shippingAddressRequired;
+        this.shippingAddressParameters = data.shippingAddressParameters;
+        this.emailRequired = data.emailRequired;
+    }
+    get isValid() {
+        var _a, _b, _c, _d;
+        const hasApiVersion = typeof this.apiVersion === 'number' && this.apiVersion > 0;
+        const hasApiVersionMinor = typeof this.apiVersionMinor === 'number' && this.apiVersionMinor >= 0;
+        const hasAllowedMethods = Array.isArray(this.allowedPaymentMethods) &&
+            this.allowedPaymentMethods.length > 0;
+        const hasTxnCountry = Boolean((_a = this.transactionInfo) === null || _a === void 0 ? void 0 : _a.countryCode);
+        const hasTxnCurrency = Boolean((_b = this.transactionInfo) === null || _b === void 0 ? void 0 : _b.currencyCode);
+        const hasTxnTotal = Boolean((_c = this.transactionInfo) === null || _c === void 0 ? void 0 : _c.totalPrice);
+        const hasMerchantName = Boolean((_d = this.merchantInfo) === null || _d === void 0 ? void 0 : _d.merchantName);
+        return (hasApiVersion &&
+            hasApiVersionMinor &&
+            hasAllowedMethods &&
+            hasTxnCountry &&
+            hasTxnCurrency &&
+            hasTxnTotal &&
+            hasMerchantName);
+    }
+}
+class GooglePayHelpers {
+    /**
+     * Check if Google Pay is supported in the current environment
+     */
+    static isGooglePaySupported() {
+        return (typeof window !== 'undefined' &&
+            'google' in window &&
+            'payments' in window.google &&
+            'api' in window.google.payments);
+    }
+    /**
+     * Create a Google Pay client instance
+     */
+    static createGooglePayClient(environment) {
+        if (!this.isGooglePaySupported()) {
+            return null;
+        }
+        try {
+            return new window.google.payments.api.PaymentsClient({
+                environment: environment === GooglePayEnvironment.PRODUCTION
+                    ? 'PRODUCTION'
+                    : 'TEST',
+            });
+        }
+        catch (_error) {
+            return null;
+        }
+    }
+    /**
+     * Format amount for Google Pay (expects string in full currency units)
+     */
+    static formatAmount(amount) {
+        return (amount / 100).toFixed(2);
+    }
+    /**
+     * Parse amount from Google Pay format to cents
+     */
+    static parseAmount(amount) {
+        return Math.round(parseFloat(amount) * 100);
+    }
+    /**
+     * Create a line item for Google Pay
+     */
+    static createLineItem(label, amount, type = 'LINE_ITEM') {
+        return {
+            label,
+            price: this.formatAmount(amount),
+            type,
+        };
+    }
+    /**
+     * Get default supported card networks
+     */
+    static getDefaultSupportedNetworks() {
+        return ['VISA', 'MASTERCARD', 'AMEX', 'DISCOVER'];
+    }
+    /**
+     * Get default allowed authentication methods
+     */
+    static getDefaultAuthMethods() {
+        return ['CRYPTOGRAM_3DS', 'PAN_ONLY'];
+    }
+    /**
+     * Create default card parameters
+     */
+    static createDefaultCardParameters() {
+        return {
+            allowedAuthMethods: this.getDefaultAuthMethods(),
+            allowedCardNetworks: this.getDefaultSupportedNetworks(),
+            billingAddressRequired: false,
+        };
+    }
+    /**
+     * Create default tokenization specification
+     */
+    static createTokenizationSpecification() {
+        return {
+            type: 'PAYMENT_GATEWAY',
+            parameters: {
+                gateway: 'justifi',
+                gatewayMerchantId: checkoutStore.accountId,
+            },
+        };
+    }
+    /**
+     * Create default payment method data
+     */
+    static createPaymentMethodData() {
+        return {
+            type: 'CARD',
+            parameters: this.createDefaultCardParameters(),
+            tokenizationSpecification: this.createTokenizationSpecification(),
+        };
+    }
+    /**
+     * Create base payment data request check
+     */
+    static createBasePaymentDataRequest() {
+        const base = {
+            apiVersion: 2,
+            apiVersionMinor: 0,
+            allowedPaymentMethods: [this.createPaymentMethodData()],
+        };
+        // For development and broader availability of the button, do not require an existing card
+        // This allows isReadyToPay to return true on supported browsers even without a saved payment method
+        base.existingPaymentMethodRequired = false;
+        return base;
+    }
+}
+
+export { ApplePayConfig as A, onChange as B, Checkout as C, onAnyChange as D, EntityDocumentType as E, getAvailablePaymentMethodTypes as F, GooglePayConfig as G, getCheckoutState as H, ICheckoutStatus as I, Payment as P, RefundReasons as R, SubAccount as S, TerminalOrderStatus as T, ICheckoutPaymentModeParam as a, TerminalOrderType as b, checkoutStore as c, ITerminalStatus as d, Payout as e, Terminal as f, PaymentStatuses as g, PaymentBalanceTransaction as h, PayoutBalanceTransaction as i, TerminalOrder as j, TerminalModel as k, RefundPayload as l, EntityDocumentStorage as m, EntityDocument as n, ApplePayHelpers as o, ApplePayPaymentRequest as p, ApplePaySessionStatus as q, ApplePayButtonStyle as r, ApplePayButtonType as s, ApplePayMerchantCapability as t, GooglePayHelpers as u, GooglePayPaymentDataRequest as v, GooglePayButtonSizeMode as w, GooglePayButtonStyle as x, GooglePayButtonType as y, GooglePayEnvironment as z };

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host } from './index-DwYM91AU.js';
-import { c as DetailItem, D as DetailSectionTitle } from './utils-BX7Rjm1M.js';
-import { m as isEmptyObject, s as snakeCaseToHumanReadable, n as formatMediumDate } from './utils-CIaHqjQt.js';
-import './parts-wtuY7MT2.js';
+import { c as DetailItem, D as DetailSectionTitle } from './utils-CgFsPVsv.js';
+import { m as isEmptyObject, s as snakeCaseToHumanReadable, n as formatMediumDate } from './utils-CDaVtz_6.js';
+import './parts-sA8HBfkI.js';
 import './dinero-HXpYMWUU.js';
 
 const AdditionalQuestionsDetails = class {

package/dist/esm/{badge-Bgosx-DC.js → badge-DtrH25ss.js}

@@ -1,5 +1,5 @@
 import { h } from './index-DwYM91AU.js';
-import { I as badgeDark, J as badgeLight, K as badgeInfo, L as badgeWarning, M as badgeDanger, N as badgeSuccess, O as badgeSecondary, P as badgePrimary, Q as badge } from './parts-wtuY7MT2.js';
+import { L as badgeDark, M as badgeLight, N as badgeInfo, O as badgeWarning, P as badgeDanger, Q as badgeSuccess, R as badgeSecondary, S as badgePrimary, T as badge } from './parts-sA8HBfkI.js';
 
 var BadgeVariant;
 (function (BadgeVariant) {

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

@@ -0,0 +1,198 @@
+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-NNHE-OLJ.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 { G as text, a0 as card, J as heading2, ap as table, V as tableHeadCell, ay as tableCell, c as input, l as label, b as inputInvalid, X as inputDisabled, a as inputFocused, ah as buttonSecondary } from './parts-sA8HBfkI.js';
+import { s as snakeCaseToHumanReadable, e as formatDate, d as formatTime } from './utils-CDaVtz_6.js';
+import { S as Skeleton } from './skeleton-Dtt56Fl3.js';
+import './event-types-CZfYo5-1.js';
+import { F as FormControlErrorText } from './form-control-error-text-BZYykCDp.js';
+import { u as updateFormValues, a as updateAddressFormValues, b as updateDateOfBirthFormValues } from './input-handlers-D3y0TzH9.js';
+import { P as PHONE_MASKS, I as IDENTITY_MASKS } from './form-input-masks-CVaOFfrI.js';
+import { c as countryLabels } from './country-config-BQ4D46Lb.js';
+import { c as makeGetIdentity, d as makePatchIdentity, e as makePostIdentity } from './payment-provisioning-actions-ONP8lDnV.js';
+import { I as IdentityService } from './business.service-BrUSam2T.js';
+import './index-B-fWxE5e.js';
+import './index-DkoufM1t.js';
+import './utils-BeQLScSm.js';
+import './Api-Dln8a6No.js';
+
+const BankAccountDocumentFormInputs = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return (h("div", { key: '86e292154357fdee7348377c1c640135bdab2bea', class: "row gy-3" }, h("div", { key: 'f35d977767de04b8d2be2886dcdb6158aa39e582', class: "col-12" }, h("form-control-file", { key: 'f78667ccdc39d1337f806a77e24b14ef9d59467e', 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: 'caaee3e795369cf8ba6e3c1bbe2fae7421b2ac80', class: "col-12" }, h("form-control-file", { key: '67bbe7631b48b4f851a33d63949b8e77d3b1c82d', 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: '2f29b1fd967a5eb4d0d3e19b2cbefb9c6e182935', class: "row gy-3" }, h("div", { key: '46250c36ba140f5a63f90afa51581ee3cea5f5e8', 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: '09c95c14e82f12d1e86ab65debb3e066fcd161ce', 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: '86c2932fdfeae789dc4cb48e255977fb981396c8', 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: '4ab380b55f4078dd4ed7d3909e8d7206a4cbfc8e', 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: 'a61023b07e4550ffcafbbd49c6214db5e8102644', 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: 'dcbef312084dcfbe405e18bba854b56837ee6f26', 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: 'b2fac559526f427194abe9533683cffc333cad11', class: "row gy-3" }, h("div", { key: '694356efd7ab3b60ff50b56b727d02b240a0f3d5', 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: 'a05e978c9d2612b5709c9d1c5c498e360aba374e', 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: 'a54b15dfa039697fe69c1a138cafb78ae632f83c', 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: '56f458eea6ed6d7a8108fcced3038b83c621d34e', 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: 'f42406ade05d7b3fbf58f11c56f8668c9370f038', 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: 'd5d3c2e4a63281725abf693f161a97723b5e049c', 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: '0d293c70faf73945ff36b021b708bfe0fa58739d', 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: '5b20bad2f4b01597f33221541248681fc08ab59d' }, h("label", { key: 'e0c297e57f2d5f6863b42c9549ee2b869380f128', class: "form-label", part: text }, this.label), h("div", { key: 'ac0512bbf49b43a9ca4a8c47d1f05d36e01fd655', 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)} - ${formatTime(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: '95a6b4192008faa7a9e0e012dda864d3a62c15dd' }, h("div", { key: '34d5ffd4bc5ab846c1c60487bd6ffe14d5de620e', class: "form-group d-flex flex-column" }, h("div", { key: 'd6c2b6d31464540a698b711e01fc7d3da6fa5210', class: "d-flex align-items-start gap-2" }, h("label", { key: '64105650845148fe40ae8730de602eb90f4aa5b0', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '5683cd62fa425e340e68267091f188dbacad5d33', helpText: this.helpText })), h("input", { key: 'dec6fca61cc0a50f3604e25990326faec0498fe2', 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: '31b57ac83f65fddac21f749e5655a43b9d01c73e', errorText: this.errorText, name: this.name }))));
+    }
+    get el() { return getElement(this); }
+};
+
+const RepresentativeFormInputs = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.isEditingIdentification = false;
+        this.inputHandler = (name, value) => {
+            updateFormValues(this.formController, { [name]: value });
+        };
+        this.onAddressFormUpdate = (values) => {
+            updateAddressFormValues(this.formController, Object.assign(Object.assign({}, this.formController.values.getValue().address), values));
+        };
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        return (h("form", { key: 'a8c9c71dfc532cbaccb93e1e7fe9f5ed58d40be9' }, h("fieldset", { key: '53c46c01bcd3548aaaa898ff5e63811beaed8538' }, h("div", { key: '63eef8979e6a650d48625b5ac851e6604ba24d03', class: "d-flex align-items-center gap-2" }, h("legend", { key: '2f3ed670ae2a807e391c96ef1847f77b088ce4e6', class: "mb-0", part: heading2 }, "Representative"), h("form-control-tooltip", { key: 'a05b200fd0e59e13dd7582509f8d45231a570dc5', helpText: "The representative for your business needs to be someone who has significant control over managing your business\u2019s finance. You will have an opportunity to add owners later in the form." })), h("hr", { key: 'f3f74109eea8175e79033bd7e6dc8716c4661b45', class: "mt-2" }), h("div", { key: 'b6c9b108849fd4b5c6437a2a252ccd28793aaf54', class: "row gy-3" }, h("div", { key: 'cf48fed5f8c489c1457610f92527fac6f1fc956d', class: "col-12 col-md-8" }, h("form-control-text", { key: 'a2284f90773a3acc17cfa36ff0ff5da3431e9fb1', name: "name", label: "Full Name", defaultValue: (_a = this.representativeDefaultValue) === null || _a === void 0 ? void 0 : _a.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '9d975f2c69ed84d60404223e80ba8980bfe20b2a', class: "col-12 col-md-4" }, h("form-control-text", { key: '80805abffa658b8b6c4952e5be7af371ca73c615', name: "title", label: "Title", defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: 'a62f04413d413545104fe541ebebfd11fb88bc1a', class: "col-12 col-md-6" }, h("form-control-text", { key: 'd3cae6a0a143790a236a5822051a002238105c0b', name: "email", label: "Email Address", defaultValue: (_c = this.representativeDefaultValue) === null || _c === void 0 ? void 0 : _c.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '7941c5d512ec57ab94f86066f80b0a5c19479040', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '3d117c5457a8b95ee1d8dcfbfba743eeabadb288', name: "phone", label: "Phone Number", defaultValue: (_d = this.representativeDefaultValue) === null || _d === void 0 ? void 0 : _d.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '807b7ac6e655d854536a7e770e9d5bcc0388e6c3', class: "col-12 col-md-4" }, h("form-control-date", { key: 'ce18de4b882dae9b02a11c1f1ad7420604f49e54', name: "dob_full", label: "Birth Date", defaultValue: (_e = this.representativeDefaultValue) === null || _e === void 0 ? void 0 : _e.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: 'ae2f1dca7ecc64e67d1faaf0e2bdb7bfb233f862', class: "col-12 col-md-8" }, (!((_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.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 }, countryLabels[this.country].idNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_h = this.representativeDefaultValue) === null || _h === void 0 ? void 0 : _h.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
+                this.isEditingIdentification = true;
+                // Clear current value to force validation
+                updateFormValues(this.formController, {
+                    identification_number: '',
+                    ssn_last4: null
+                });
+            } }, "Change"))))), h("div", { key: '755e3bf64ad60ff7801041bf17bdf96763a3153e', class: "col-12" }, h("justifi-identity-address-form", { key: 'a39d586db59a3f2072f66a22f5f4671c07a6b560', errors: this.errors.address, defaultValues: (_j = this.representativeDefaultValue) === null || _j === void 0 ? void 0 : _j.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
+    }
+};
+
+const BusinessOwnerForm = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errorEvent = createEvent(this, "error-event");
+    }
+    async validate() {
+        return this.coreComponent.validate();
+    }
+    async submit() {
+        return this.coreComponent.submit();
+    }
+    async validateAndSubmit({ onSuccess }) {
+        this.coreComponent.validateAndSubmit({ onSuccess });
+    }
+    componentWillLoad() {
+        this.initializeApi();
+    }
+    initializeApi() {
+        if (!this.authToken) {
+            return;
+        }
+        this.getOwner = makeGetIdentity({
+            authToken: this.authToken,
+            identityId: this.ownerId,
+            service: new IdentityService()
+        });
+        this.patchOwner = makePatchIdentity({
+            authToken: this.authToken,
+            identityId: this.ownerId,
+            service: new IdentityService()
+        });
+        this.postOwner = makePostIdentity({
+            authToken: this.authToken,
+            service: new IdentityService()
+        });
+    }
+    render() {
+        return (h("owner-form-core", { key: 'd3765b80461f8222189643b378ae5d63886163c3', ownerId: this.ownerId, businessId: this.businessId, getOwner: this.getOwner, patchOwner: this.patchOwner, postOwner: this.postOwner, allowOptionalFields: this.allowOptionalFields, removeOwner: this.removeOwner, newFormOpen: this.newFormOpen, ownersLength: this.ownersLength, country: this.country, ref: ref => this.coreComponent = ref }));
+    }
+};
+
+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, RepresentativeFormInputs as justifi_business_representative_form_inputs, BusinessOwnerForm as justifi_owner_form };