@justifi/webcomponents 6.10.4 → 6.12.0

package/dist/cjs/internal-tokenize-payment-method_7.cjs.entry.js

@@ -1,470 +0,0 @@
-'use strict';
-
-var index = require('./index-p7cvUYAE.js');
-var styledHost = require('./styled-host-DAi5SuFa.js');
-require('./event-types-YOY5TKUN.js');
-var checkPkgVersion = require('./check-pkg-version-Mv0ez8Cf.js');
-var configState = require('./config-state-BIgGhhe9.js');
-require('./dinero-BwNN_k7x.js');
-var ComponentError = require('./ComponentError-D4OLnOkg.js');
-require('./Plaid-B_UkFjIV.js');
-require('./Pagination-Dediz133.js');
-require('./Business-oBifyXkW.js');
-require('./Dispute-CruQTF6_.js');
-var checkout_store = require('./checkout.store-zTfjieKa.js');
-var index$1 = require('./index-CajjbB9t.js');
-var skeleton = require('./skeleton-BfN_sjaY.js');
-var utils = require('./utils-BHi4j5rB.js');
-var button = require('./button-DAbSQPoU.js');
-var parts = require('./parts-WjOn_TIy.js');
-require('./package-OpgJzVo3.js');
-require('./Api-Bukk55YZ.js');
-require('./index-W-zoNiyM.js');
-
-const JustifiRadioListItem = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.radioClick = index.createEvent(this, "radio-click", 7);
-        this.checked = false;
-        this.hidden = false;
-        this.handleClick = () => {
-            this.radioClick.emit(this.value);
-        };
-    }
-    render() {
-        return (index.h(styledHost.StyledHost, { key: '1ae40f787970160e38b72f917bda96f480d2a890' }, index.h("div", { key: '2130596c8294cc38365e6126806735da0f93ef4a', class: `radio-list-item p-3 ${this.class || ''}`, part: parts.radioListItem, onClick: this.handleClick, hidden: this.hidden }, index.h("form-control-radio", { key: '7d5524f518430f2bfd1c9863f354318929353cfb', name: this.name, value: this.value, checked: this.checked, label: this.label, inputHandler: () => null }))));
-    }
-};
-
-// Constants
-const PAYMENT_METHOD_TYPE_LABELS = {
-    [index$1.PAYMENT_METHODS.NEW_BANK_ACCOUNT]: 'New bank account',
-    [index$1.PAYMENT_METHODS.NEW_CARD]: 'New credit or debit card',
-};
-const ERROR_MESSAGES = {
-    AUTH_TOKEN_REQUIRED: 'Auth token is required when using the tokenize-payment-method component not slotted in justifi-modular-checkout',
-    ACCOUNT_ID_REQUIRED: 'Account ID is required when using the tokenize-payment-method component not slotted in justifi-modular-checkout',
-    FORM_NOT_READY: 'Payment form not ready',
-    VALIDATION_ERROR: 'Validation error',
-};
-const InternalTokenizePaymentMethod = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.errorEvent = index.createEvent(this, "error-event", 7);
-        this.submitEvent = index.createEvent(this, "submit-event", 7);
-        this.computedHideSubmitButton = false;
-        this.isLoading = false;
-        this.submitButtonText = 'Submit';
-    }
-    paymentMethodsChanged() {
-        this.setDefaultSelectedPaymentMethod();
-    }
-    connectedCallback() {
-        this.setDefaultSelectedPaymentMethod();
-        this.setComputedHideSubmitButton();
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
-        if (this.unsubscribeFromStore) {
-            this.unsubscribeFromStore();
-        }
-    }
-    componentWillLoad() {
-        checkPkgVersion.checkPkgVersion();
-        this.analytics = new checkPkgVersion.JustifiAnalytics(this);
-    }
-    handleRadioClick(event) {
-        this.selectedPaymentMethod = event.detail;
-        checkout_store.checkoutStore.selectedPaymentMethod = { type: event.detail };
-    }
-    async fillBillingForm(fields) {
-        var _a;
-        (_a = this.billingFormRef) === null || _a === void 0 ? void 0 : _a.fill(fields);
-    }
-    async tokenizePaymentMethod(event) {
-        event === null || event === void 0 ? void 0 : event.preventDefault();
-        this.validateRequiredProps();
-        this.isLoading = true;
-        try {
-            const validation = await this.validate();
-            if (!validation.isValid) {
-                this.errorEvent.emit({
-                    errorCode: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
-                    message: ERROR_MESSAGES.VALIDATION_ERROR,
-                });
-                this.isLoading = false;
-                return;
-            }
-            const tokenizeResponse = await this.resolvePaymentMethod({ isValid: true });
-            if (tokenizeResponse.error) {
-                this.emitError({
-                    errorCode: tokenizeResponse.error.code,
-                    message: tokenizeResponse.error.message,
-                });
-            }
-            this.submitEvent.emit({ response: tokenizeResponse });
-            return tokenizeResponse;
-        }
-        catch (error) {
-            const errorResponse = this.createErrorResponse(ComponentError.ComponentErrorCodes.TOKENIZE_ERROR, error.message);
-            this.emitError({
-                errorCode: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
-                message: error.message,
-            });
-            this.submitEvent.emit({ response: errorResponse });
-            return errorResponse;
-        }
-        finally {
-            this.isLoading = false;
-        }
-    }
-    async validate() {
-        if (!this.areFormsReady()) {
-            return { isValid: false, errors: { general: ERROR_MESSAGES.FORM_NOT_READY } };
-        }
-        const [billingValidation, paymentMethodValidation] = await Promise.all([
-            this.billingFormRef.validate(),
-            this.paymentMethodFormRef.validate(),
-        ]);
-        const result = {
-            isValid: billingValidation.isValid && paymentMethodValidation.isValid,
-            errors: Object.assign(Object.assign({}, billingValidation.errors), paymentMethodValidation.errors),
-        };
-        return result;
-    }
-    async tokenize() {
-        try {
-            const billingFormFieldValues = await this.billingFormRef.getValues();
-            const config = {
-                clientId: this.authToken || checkout_store.checkoutStore.authToken,
-                account: this.accountId || checkout_store.checkoutStore.accountId,
-                paymentMethodMetadata: this.buildPaymentMethodMetadata(billingFormFieldValues),
-            };
-            return await this.paymentMethodFormRef.tokenize(config);
-        }
-        catch (error) {
-            return error;
-        }
-    }
-    // 9. Local methods
-    validateRequiredProps() {
-        if (!this.authToken && !checkout_store.checkoutStore.authToken) {
-            this.emitError({
-                errorCode: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
-                message: ERROR_MESSAGES.AUTH_TOKEN_REQUIRED,
-            });
-        }
-        if (!this.accountId && !checkout_store.checkoutStore.accountId) {
-            this.emitError({
-                errorCode: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
-                message: ERROR_MESSAGES.ACCOUNT_ID_REQUIRED,
-            });
-        }
-    }
-    setDefaultSelectedPaymentMethod() {
-        if (this.selectedPaymentMethod) {
-            return;
-        }
-        if (!this.disableCreditCard) {
-            this.selectedPaymentMethod = index$1.PAYMENT_METHODS.NEW_CARD;
-            checkout_store.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.NEW_CARD };
-        }
-        else if (!this.disableBankAccount) {
-            this.selectedPaymentMethod = index$1.PAYMENT_METHODS.NEW_BANK_ACCOUNT;
-            checkout_store.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.NEW_BANK_ACCOUNT };
-        }
-    }
-    setComputedHideSubmitButton() {
-        // If hideSubmitButton prop is explicitly set, use that value
-        if (this.hideSubmitButton !== undefined) {
-            this.computedHideSubmitButton = this.hideSubmitButton;
-            return;
-        }
-        // Otherwise, auto-detect if component is slotted within modular-checkout
-        const isWithinModularCheckout = this.isSlottedWithinModularCheckout();
-        this.computedHideSubmitButton = isWithinModularCheckout;
-    }
-    isSlottedWithinModularCheckout() {
-        var _a;
-        let parent = (_a = this.host) === null || _a === void 0 ? void 0 : _a.parentElement;
-        while (parent) {
-            if (parent.tagName === 'JUSTIFI-MODULAR-CHECKOUT') {
-                return true;
-            }
-            parent = parent.parentElement;
-        }
-        return false;
-    }
-    get availablePaymentMethods() {
-        const methods = [];
-        if (!this.disableCreditCard) {
-            methods.push(index$1.PAYMENT_METHODS.NEW_CARD);
-        }
-        if (!this.disableBankAccount) {
-            methods.push(index$1.PAYMENT_METHODS.NEW_BANK_ACCOUNT);
-        }
-        return methods;
-    }
-    areFormsReady() {
-        return !!(this.billingFormRef && this.paymentMethodFormRef);
-    }
-    emitError(errorData) {
-        this.errorEvent.emit(Object.assign(Object.assign({}, errorData), { severity: ComponentError.ComponentErrorSeverity.ERROR }));
-    }
-    createErrorResponse(code, message) {
-        return {
-            error: {
-                code: code,
-                message,
-                decline_code: undefined,
-            },
-        };
-    }
-    async resolvePaymentMethod(insuranceValidation) {
-        if (!this.areFormsReady()) {
-            return this.createErrorResponse('form_not_ready', ERROR_MESSAGES.FORM_NOT_READY);
-        }
-        try {
-            const validation = await this.validate();
-            if (!validation.isValid || !insuranceValidation.isValid) {
-                const errorMessage = Object.values(validation.errors)[0] || ERROR_MESSAGES.VALIDATION_ERROR;
-                return {
-                    validationError: true,
-                    error: {
-                        code: 'validation_error',
-                        message: String(errorMessage),
-                        decline_code: undefined,
-                    },
-                };
-            }
-            const result = await this.performTokenization();
-            return result;
-        }
-        catch (error) {
-            return { error };
-        }
-    }
-    async performTokenization() {
-        var _a, _b;
-        const tokenizeResponse = await this.tokenize();
-        if (tokenizeResponse.error) {
-            return { error: tokenizeResponse.error };
-        }
-        const tokenizeResponseData = tokenizeResponse.data;
-        return {
-            token: ((_a = tokenizeResponseData.card) === null || _a === void 0 ? void 0 : _a.token) || ((_b = tokenizeResponseData.bank_account) === null || _b === void 0 ? void 0 : _b.token),
-            data: tokenizeResponseData,
-        };
-    }
-    buildPaymentMethodMetadata(billingFormFieldValues) {
-        return this.shouldSavePaymentMethod
-            ? Object.assign(Object.assign({}, billingFormFieldValues), { payment_method_group_id: this.paymentMethodGroupID }) : Object.assign({}, billingFormFieldValues);
-    }
-    get paymentMethodGroupID() {
-        return this.paymentMethodGroupId || checkout_store.checkoutStore.paymentMethodGroupId;
-    }
-    get shouldSavePaymentMethod() {
-        return !!(this.paymentMethodGroupId || checkout_store.checkoutStore.savePaymentMethod);
-    }
-    get shouldHideRadioInput() {
-        return this.disableCreditCard || this.disableBankAccount;
-    }
-    renderPaymentMethodOption(paymentMethodType) {
-        const isSelected = this.selectedPaymentMethod === paymentMethodType && checkout_store.checkoutStore.selectedPaymentMethod.id === undefined;
-        return (index.h("div", { class: "payment-method" }, index.h("justifi-radio-list-item", { name: "paymentMethodType", value: paymentMethodType, checked: isSelected, label: PAYMENT_METHOD_TYPE_LABELS[paymentMethodType], hidden: this.shouldHideRadioInput }), isSelected && this.renderSelectedPaymentMethodForm(paymentMethodType)));
-    }
-    renderSelectedPaymentMethodForm(paymentMethodType) {
-        return (index.h("div", { class: "mt-4 pb-4" }, this.renderPaymentMethodForm(paymentMethodType), index.h("div", { class: "mt-4" }, index.h("justifi-billing-form", { ref: (el) => (this.billingFormRef = el), hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: paymentMethodType })), index.h("div", { class: "mt-4" }, index.h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupID, label: this.savePaymentMethodLabel }))));
-    }
-    renderPaymentMethodForm(paymentMethodType) {
-        return paymentMethodType === index$1.PAYMENT_METHODS.NEW_CARD ? (index.h("justifi-card-form", { ref: (el) => (this.paymentMethodFormRef = el) })) : (index.h("justifi-bank-account-form", { ref: (el) => (this.paymentMethodFormRef = el) }));
-    }
-    render() {
-        return (index.h(styledHost.StyledHost, { key: 'bb6a2e0eec485c96a756c504a278670804be0634' }, index.h("form", { key: 'f12f65c8fbe45e86418be9d3c2ff1107e292c86d' }, index.h("fieldset", { key: 'becda77faf80fd8b1e6d967cc4ead3d4adc3b6e8' }, index.h("div", { key: '0419c1843747f59e68800ae3e2c78096b32605b0', class: "row gy-3" }, index.h("div", { key: '8724f40a13bc62808f6e99cced2f8d7419b22d53', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), index.h("div", { key: 'ec9c0e2f6a85976d68e3dc939cd2826bfbd840d8', class: "col-12" }, index.h("justifi-button", { key: '1c4b6a83c8357e15eaba071ea2fb8ba82b4c978c', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
-    }
-    get host() { return index.getElement(this); }
-    static get watchers() { return {
-        "disableCreditCard": ["paymentMethodsChanged"],
-        "disableBankAccount": ["paymentMethodsChanged"]
-    }; }
-};
-
-const BankAccountFormSkeleton = (props) => {
-    const { isReady } = props;
-    if (isReady) {
-        return null;
-    }
-    return (index.h("div", { class: "container-fluid p-0" }, index.h("div", { class: "row mb-3" }, index.h("div", { class: "col-12 align-content-end" }, index.h(skeleton.Skeleton, { height: "18px", width: "120px" }), index.h(skeleton.Skeleton, { height: "36px" }))), index.h("div", { class: "row" }, index.h("div", { class: "col-12 align-content-end" }, index.h(skeleton.Skeleton, { height: "18px", width: "110px" }), index.h(skeleton.Skeleton, { height: "36px" })))));
-};
-
-const BankAccountForm = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.isReady = false;
-    }
-    async componentWillLoad() {
-        await configState.waitForConfig();
-        this.iframeOrigin = configState.configState.iframeOrigin;
-        this.tabId = utils.generateTabId();
-        checkPkgVersion.checkPkgVersion();
-        this.analytics = new checkPkgVersion.JustifiAnalytics(this);
-    }
-    componentDidRender() {
-        const elements = [
-            this.accountNumberIframeElement,
-            this.routingNumberIframeElement,
-        ];
-        Promise.all(elements.map((element) => {
-            return new Promise((resolve) => {
-                element.addEventListener('iframeLoaded', () => { resolve(); });
-            });
-        })).then(() => {
-            this.isReady = true;
-        });
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
-    }
-    async validate() {
-        const accountNumberIsValid = await this.accountNumberIframeElement.validate();
-        const routingNumberIsValid = await this.routingNumberIframeElement.validate();
-        return accountNumberIsValid && routingNumberIsValid;
-    }
-    async tokenize({ clientId, paymentMethodMetadata, account }) {
-        return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
-    }
-    render() {
-        return (index.h(styledHost.StyledHost, { key: '6c1e183b7ba2c70b41e22386d74a9cf7430aa8d5' }, index.h(BankAccountFormSkeleton, { key: '2755f4d21f8d62919ef56909f2dc6b9211bf550d', isReady: this.isReady }), index.h("hidden-input", { key: 'c35448285cd2b53973caa4a56c28a135e1ed7d74' }), index.h("div", { key: '9fae602596267bafc39b9e3e9946a289b38393b6', class: "container-fluid p-0", style: {
-                opacity: this.isReady ? '1' : '0',
-                height: this.isReady ? 'auto' : '0',
-            } }, index.h("div", { key: 'bfaee6ed0eaa2a68175f18146d56195cc1a23e91', class: "row mb-3" }, index.h("iframe-input", { key: '7385c2582ad5b397eb2afcb9c87b789d4918542c', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), index.h("div", { key: 'effe6b1f18d5fa531f4537accfe8279b81bc7b49', class: "row" }, index.h("iframe-input", { key: '19cc7e46d8f7cb79c70ba21f2e9c15c7665eca47', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
-    }
-};
-
-const BillingForm = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    get showSimpleCardBillingForm() {
-        return this.paymentMethodType === index$1.PAYMENT_METHODS.NEW_CARD && this.hideCardBillingForm;
-    }
-    get showSimpleBankAccountBillingForm() {
-        return this.paymentMethodType === index$1.PAYMENT_METHODS.NEW_BANK_ACCOUNT && this.hideBankAccountBillingForm;
-    }
-    async getValues() {
-        var _a;
-        return (_a = this.selectedFormRef) === null || _a === void 0 ? void 0 : _a.getValues();
-    }
-    async fill(fields) {
-        var _a;
-        (_a = this.selectedFormRef) === null || _a === void 0 ? void 0 : _a.fill(fields);
-    }
-    async validate() {
-        var _a;
-        return (_a = this.selectedFormRef) === null || _a === void 0 ? void 0 : _a.validate();
-    }
-    render() {
-        if (this.showSimpleBankAccountBillingForm) {
-            return (index.h(index.Host, null, index.h("justifi-bank-account-billing-form-simple", { legend: this.legend, ref: (el) => (this.selectedFormRef = el) })));
-        }
-        if (this.showSimpleCardBillingForm) {
-            return (index.h(index.Host, null, index.h("justifi-card-billing-form-simple", { legend: this.legend, ref: (el) => (this.selectedFormRef = el) })));
-        }
-        return (index.h(index.Host, null, index.h("justifi-billing-form-full", { legend: this.legend, ref: (el) => (this.selectedFormRef = el) })));
-    }
-};
-
-const JustifiButton = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.variant = 'primary';
-        this.type = 'button';
-    }
-    render() {
-        return (index.h(styledHost.StyledHost, { key: '5f92a2a58c0828c78818f0055dc2692857730788' }, index.h(button.Button, { key: '541fe7cc24e137cf55fc470b16f3aa8c47eee0d3', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
-    }
-};
-
-const CardFormSkeleton = (props) => {
-    const { isReady } = props;
-    if (isReady) {
-        return null;
-    }
-    return (index.h("div", { class: "container-fluid p-0" }, index.h("div", { class: "mb-3" }, index.h(skeleton.Skeleton, { height: "18px", width: "100px" }), index.h(skeleton.Skeleton, { height: "36px" })), index.h("div", { class: "row" }, index.h("div", { class: "col-4 align-content-end" }, index.h(skeleton.Skeleton, { height: "18px", width: "80px" }), index.h(skeleton.Skeleton, { height: "36px" })), index.h("div", { class: "col-4 align-content-end" }, index.h(skeleton.Skeleton, { height: "36px" })), index.h("div", { class: "col-4 align-content-end" }, index.h(skeleton.Skeleton, { height: "18px", width: "30px" }), index.h(skeleton.Skeleton, { height: "36px" })))));
-};
-
-const JustifiCardForm = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.isReady = false;
-    }
-    async componentWillLoad() {
-        await configState.waitForConfig();
-        this.iframeOrigin = configState.configState.iframeOrigin;
-        this.tabId = utils.generateTabId();
-        checkPkgVersion.checkPkgVersion();
-        this.analytics = new checkPkgVersion.JustifiAnalytics(this);
-    }
-    componentDidRender() {
-        const elements = [
-            this.cardNumberIframeElement,
-            this.expirationMonthIframeElement,
-            this.expirationYearIframeElement,
-            this.cvvIframeElement,
-        ];
-        Promise.all(elements.map((element) => {
-            return new Promise((resolve) => {
-                element.addEventListener('iframeLoaded', () => { resolve(); });
-            });
-        })).then(() => {
-            this.isReady = true;
-        });
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
-    }
-    async validate() {
-        const cardNumberIsValid = await this.cardNumberIframeElement.validate();
-        const expirationMonthIsValid = await this.expirationMonthIframeElement.validate();
-        const expirationYearIsValid = await this.expirationYearIframeElement.validate();
-        const cvvIsValid = await this.cvvIframeElement.validate();
-        return cardNumberIsValid && expirationMonthIsValid && expirationYearIsValid && cvvIsValid;
-    }
-    async tokenize({ clientId, paymentMethodMetadata, account, }) {
-        return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
-    }
-    render() {
-        return (index.h(styledHost.StyledHost, { key: 'e204cee1fc875392b8056baf58b7234a739fffce' }, index.h(CardFormSkeleton, { key: '3accfb88d66661ceaef39f765bb3fddfd0f98393', isReady: this.isReady }), index.h("hidden-input", { key: '0416ddca8b444cf8702f3fff52065bf647bd4b61' }), index.h("div", { key: '37c1d5014e5a6658bfd28e08e361ffaa6488f6d7', class: "container-fluid p-0", style: {
-                opacity: this.isReady ? '1' : '0',
-                height: this.isReady ? 'auto' : '0',
-            } }, index.h("div", { key: 'e2956855dfbcab38a782c22e93bd49252196baa8', class: "mb-3" }, index.h("iframe-input", { key: '55105f1eebab4b846e1b5c55448259368a412349', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), index.h("div", { key: '9464b1a500a84dcaa438a9ebdad756637d14cb24', class: "row" }, index.h("div", { key: 'adc51687629fb00d26c6627e95c0228f5a4dfd11', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '52a0e5e198b6bfac00515ec220370e289674b613', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), index.h("div", { key: '1b09582711d838643db265b003ed18b18042713e', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'a1731a8dc02723398e1aae58b3812fccf62e6157', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), index.h("div", { key: '1e2c3205f2e0b28d036480d2c61934da5e7da620', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'b7b87360068434122f9b5a8935468240684b7a1d', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
-    }
-};
-
-const SaveNewPaymentMethod = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.checkboxChanged = index.createEvent(this, "checkboxChanged", 7);
-        this.label = 'Save New Payment Method';
-        this.isChecked = false;
-        this.handleCheckboxChange = (_name, value) => {
-            this.isChecked = value;
-            checkout_store.checkoutStore.savePaymentMethod = value;
-            this.checkboxChanged.emit(this.isChecked);
-        };
-    }
-    render() {
-        return (index.h(styledHost.StyledHost, { key: '981f6a84fc14a7b687e1b6567b30fb9f861b0aa2' }, index.h("form-control-checkbox", { key: '566f6261d19f96b87b9382b26a86b71461a29d08', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
-    }
-};
-
-exports.internal_tokenize_payment_method = InternalTokenizePaymentMethod;
-exports.justifi_bank_account_form = BankAccountForm;
-exports.justifi_billing_form = BillingForm;
-exports.justifi_button = JustifiButton;
-exports.justifi_card_form = JustifiCardForm;
-exports.justifi_radio_list_item = JustifiRadioListItem;
-exports.justifi_save_new_payment_method = SaveNewPaymentMethod;

package/dist/cjs/justifi-bank-account-billing-form-simple_3.cjs.entry.js

@@ -1,147 +0,0 @@
-'use strict';
-
-var index = require('./index-p7cvUYAE.js');
-var index_esm = require('./index.esm-C1ZPG85l.js');
-var schemaValidations = require('./schema-validations-_yWWnnaG.js');
-var parts = require('./parts-WjOn_TIy.js');
-var styledHost = require('./styled-host-DAi5SuFa.js');
-require('./event-types-YOY5TKUN.js');
-var header3 = require('./header-3-kgnQtxEu.js');
-var Business = require('./Business-oBifyXkW.js');
-require('./_commonjsHelpers-BJu3ubxk.js');
-require('./country-config-D7fss2oF.js');
-require('./business-form-options-D_nM7NDk.js');
-
-const fullBillingSchema = () => index_esm.create$3({
-    name: schemaValidations.identityNameValidation.required('Enter full name'),
-    address_line1: schemaValidations.lineOneValidation.required('Enter street address'),
-    address_line2: schemaValidations.lineTwoValidation.nullable(),
-    address_city: schemaValidations.cityValidation.required('Enter city'),
-    address_state: schemaValidations.stateValidation.required('Select state'),
-    address_postal_code: schemaValidations.postalValidation.required('Enter postal code'),
-});
-const postalOnlySchema = () => index_esm.create$3({
-    name: schemaValidations.identityNameValidation.nullable(),
-    address_line1: schemaValidations.lineOneValidation.nullable(),
-    address_line2: schemaValidations.lineTwoValidation.nullable(),
-    address_city: schemaValidations.cityValidation.nullable(),
-    address_state: schemaValidations.stateValidation.nullable(),
-    address_postal_code: schemaValidations.postalValidation.required('Enter postal code'),
-});
-const nameOnlySchema = () => index_esm.create$3({
-    name: schemaValidations.identityNameValidation.required('Enter full name'),
-    address_line1: schemaValidations.lineOneValidation.nullable(),
-    address_line2: schemaValidations.lineTwoValidation.nullable(),
-    address_city: schemaValidations.cityValidation.nullable(),
-    address_state: schemaValidations.stateValidation.nullable(),
-    address_postal_code: schemaValidations.postalValidation.nullable(),
-});
-
-const BankAccountBillingFormSimple = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.errors = {};
-        this.inputHandler = (name, value) => {
-            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
-        };
-    }
-    componentWillLoad() {
-        this.formController = new index_esm.FormController(nameOnlySchema());
-    }
-    componentDidLoad() {
-        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
-        this.formController.errors.subscribe(errors => {
-            this.errors = Object.assign({}, errors);
-        });
-    }
-    async getValues() {
-        return this.formController.values.getValue();
-    }
-    async fill(fields) {
-        this.formController.setInitialValues(fields);
-    }
-    async validate() {
-        const isValid = await this.formController.validate();
-        const errors = this.formController.errors.getValue();
-        return { isValid, errors };
-    }
-    render() {
-        const billingFormDefaultValue = this.formController.getInitialValues();
-        return (index.h(styledHost.StyledHost, { key: '1ad536d9f27bdb1cb3da9721c486cd4f1006ecb1' }, index.h("div", { key: 'b1589bbc4bba3703c54e6a5651aaad5499c218f4', part: parts.billingForm, class: "mt-4" }, index.h("form", { key: 'd60bc906ec293d45c1887c0864ff4c1f28845461' }, index.h("fieldset", { key: '166465d844cbfb0d55dae03d88b52ad202d1616c' }, this.legend && (index.h("legend", { key: '509d5e560791fb6f96a5e755931fd7a363b21e06' }, this.legend)), index.h("div", { key: '979e4bae922ff88aae107d921136215474a847ea', class: "row gy-3" }, index.h("div", { key: '4014b6c65739d39077d69f0e649eec0fadab0c87', class: "col-12" }, index.h("form-control-text", { key: '2e9e1dbb43ffdd9848415ceefc8df75ec60a35e0', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler }))))))));
-    }
-};
-
-const BillingFormFull = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.errors = {};
-        this.inputHandler = (name, value) => {
-            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
-        };
-    }
-    componentWillLoad() {
-        this.formController = new index_esm.FormController(fullBillingSchema());
-        // Set up subscriptions here to avoid warnings about setting state during componentDidLoad
-        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
-        this.formController.errors.subscribe(errors => {
-            this.errors = Object.assign({}, errors);
-        });
-    }
-    async getValues() {
-        return this.formController.values.getValue();
-    }
-    async fill(fields) {
-        this.formController.setInitialValues(fields);
-    }
-    async validate() {
-        const isValid = await this.formController.validate();
-        const errors = this.formController.errors.getValue();
-        return { isValid, errors };
-    }
-    render() {
-        // Guard clause to ensure formController is initialized before rendering
-        if (!this.formController) {
-            return null;
-        }
-        const billingFormDefaultValue = this.formController.getInitialValues();
-        return (index.h(styledHost.StyledHost, null, index.h("div", { part: parts.billingForm, class: "mt-4" }, index.h(header3.Header3, { text: "Billing address", class: "fs-6 fw-bold lh-lg mb-4" }), index.h("form", null, index.h("fieldset", null, this.legend && (index.h("legend", null, this.legend)), index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12" }, index.h("form-control-text", { name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("form-control-select", { name: 'address_state', label: 'State', options: Business.StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: 'address_postal_code', label: "Postal Code", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 7 }))))))));
-    }
-};
-
-const CardBillingFormSimple = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.errors = {};
-        this.inputHandler = (name, value) => {
-            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
-        };
-    }
-    componentWillLoad() {
-        this.formController = new index_esm.FormController(postalOnlySchema());
-    }
-    componentDidLoad() {
-        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
-        this.formController.errors.subscribe(errors => {
-            this.errors = Object.assign({}, errors);
-        });
-    }
-    async getValues() {
-        return this.formController.values.getValue();
-    }
-    async fill(fields) {
-        this.formController.setInitialValues(fields);
-    }
-    async validate() {
-        const isValid = await this.formController.validate();
-        const errors = this.formController.errors.getValue();
-        return { isValid, errors };
-    }
-    render() {
-        const billingFormDefaultValue = this.formController.getInitialValues();
-        return (index.h(styledHost.StyledHost, { key: '5d685e6a8e7b22780431b4f2315a95c43766242e' }, index.h("div", { key: 'c71d5e6b49162ff2c21cd7b9ee0e9951c264034e', part: parts.billingForm }, index.h("form", { key: 'a935f2ee1999afe079c13bd3b0e3b2b5225c12d2' }, index.h("fieldset", { key: '1808d8afc17a22d4156534dc7e54af8350d406b4' }, this.legend && (index.h("legend", { key: 'c73a35b4311515cf57d6ed5193056a9197cddaa9' }, this.legend)), index.h("div", { key: 'a36b221db49c567f6fc5e20af2a60fd30eeb4568', class: "row gy-3" }, index.h("div", { key: '907f29bec68ac9d43fd66f28226b87f2003efbaa', class: "col-12" }, index.h("form-control-text", { key: '93024133c94fc8eb2f1a34073ea7945d873420c4', name: 'address_postal_code', label: "Postal Code", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 7 }))))))));
-    }
-};
-
-exports.justifi_bank_account_billing_form_simple = BankAccountBillingFormSimple;
-exports.justifi_billing_form_full = BillingFormFull;
-exports.justifi_card_billing_form_simple = CardBillingFormSimple;

package/dist/cjs/justifi-tokenize-payment-method.cjs.entry.js

@@ -1,24 +0,0 @@
-'use strict';
-
-var index = require('./index-p7cvUYAE.js');
-
-const TokenizePaymentMethod = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.submitButtonText = 'Submit';
-    }
-    async tokenizePaymentMethod(event) {
-        return this.tokenizePaymentMethodRef.tokenizePaymentMethod(event);
-    }
-    async fillBillingForm(fields) {
-        return this.tokenizePaymentMethodRef.fillBillingForm(fields);
-    }
-    async validate() {
-        return this.tokenizePaymentMethodRef.validate();
-    }
-    render() {
-        return (index.h("internal-tokenize-payment-method", { key: 'eeef0082ce936beae8d4ca51bb23bd7c965191ee', ref: (el) => this.tokenizePaymentMethodRef = el, authToken: this.authToken, accountId: this.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: this.hideSubmitButton, paymentMethodGroupId: this.paymentMethodGroupId }));
-    }
-};
-
-exports.justifi_tokenize_payment_method = TokenizePaymentMethod;