@justifi/webcomponents 5.7.3-rc-02 → 5.7.4-rc-01

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

@@ -1,99 +0,0 @@
-'use strict';
-
-var index = require('./index-2GwnTbNA.js');
-var parts = require('./parts-9jMf1erK.js');
-
-const PaymentMethodTypeLabels = {
-    bankAccount: 'New bank account',
-    card: 'New credit or debit card',
-};
-const NewPaymentMethod = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.paymentMethodOptionSelected = index.createEvent(this, "paymentMethodOptionSelected");
-        this.saveNewPaymentMethodChecked = false;
-        this.onPaymentMethodOptionClick = (e) => {
-            e.preventDefault();
-            this.paymentMethodOptionSelected.emit(this.paymentMethodOption);
-        };
-    }
-    handleCheckboxChanged(event) {
-        this.saveNewPaymentMethodChecked = event.detail;
-    }
-    async fillBillingForm(fields) {
-        this.billingFormRef.fill(fields);
-    }
-    async resolvePaymentMethod(insuranceValidation) {
-        var _a, _b;
-        if (!this.paymentMethodFormRef || !this.billingFormRef)
-            return;
-        try {
-            const { isValid, errors } = await this.validate();
-            if (!isValid || !insuranceValidation.isValid) {
-                // get propety value from first property in errors object
-                const message = `${Object.values(errors)[0] || 'Validation error'}`;
-                return {
-                    validationError: true,
-                    error: {
-                        code: 'validation_error',
-                        message,
-                        decline_code: undefined
-                    }
-                };
-            }
-            const tokenizeResponse = await this.tokenize();
-            if (tokenizeResponse.error) {
-                return { error: tokenizeResponse.error };
-            }
-            else {
-                const tokenizeRessponseData = tokenizeResponse.data;
-                return {
-                    token: ((_a = tokenizeRessponseData.card) === null || _a === void 0 ? void 0 : _a.token) || ((_b = tokenizeRessponseData.bank_account) === null || _b === void 0 ? void 0 : _b.token),
-                    data: tokenizeRessponseData
-                };
-            }
-        }
-        catch (error) {
-            return { error };
-        }
-    }
-    async validate() {
-        const billingFormValidation = await this.billingFormRef.validate();
-        const paymentMethodFormValidation = await this.paymentMethodFormRef.validate();
-        const isValid = billingFormValidation.isValid && paymentMethodFormValidation.isValid;
-        const errors = Object.assign(Object.assign({}, billingFormValidation.errors), paymentMethodFormValidation.errors);
-        return { isValid, errors };
-    }
-    async tokenize() {
-        try {
-            const billingFormFieldValues = await this.billingFormRef.getValues();
-            let paymentMethodData;
-            if (this.saveNewPaymentMethodChecked) {
-                paymentMethodData = Object.assign(Object.assign({}, billingFormFieldValues), { payment_method_group_id: this.paymentMethodGroupId });
-            }
-            else {
-                paymentMethodData = Object.assign({}, billingFormFieldValues);
-            }
-            const clientId = this.authToken;
-            const tokenizeResponse = await this.paymentMethodFormRef.tokenize(clientId, paymentMethodData, this.accountId);
-            return tokenizeResponse;
-        }
-        catch (error) {
-            return error;
-        }
-    }
-    showNewPaymentMethodForm() {
-        var _a;
-        const paymentMethodType = (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id;
-        return (index.h("div", { class: "mt-4 pb-4" }, index.h("hidden-input", null), paymentMethodType === 'card' ? (index.h("justifi-card-form", null)) : (index.h("justifi-bank-account-form", null)), index.h("justifi-billing-form", { hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: paymentMethodType }), index.h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupId })));
-    }
-    get hiddenRadioInput() {
-        return !this.showAch || !this.showCard;
-    }
-    render() {
-        var _a, _b;
-        return (index.h(index.Host, { key: '86a50eecba10706b674e3517c7b1e5ba6674035a', class: "payment-method" }, index.h("div", { key: '54ec6ea1d0eb1f1bcbb0b5c145858a270dc7ccf4', class: "radio-list-item p-3", part: parts.radioListItem, onClick: this.onPaymentMethodOptionClick, hidden: this.hiddenRadioInput }, index.h("form-control-radio", { key: '348ab53888c29f3b942f2698dcb72450d73ed90d', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: PaymentMethodTypeLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id] })), this.isSelected ? this.showNewPaymentMethodForm() : null));
-    }
-};
-
-exports.justifi_new_payment_method = NewPaymentMethod;

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

@@ -1,166 +0,0 @@
-'use strict';
-
-var index = require('./index-2GwnTbNA.js');
-var Payment = require('./Payment-D5UynU2f.js');
-var paymentMethodOptionUtils = require('./payment-method-option-utils-imuSE7KV.js');
-var checkout_store = require('./checkout.store-osqdxFMq.js');
-var parts = require('./parts-9jMf1erK.js');
-var styledHost = require('./styled-host-IMxk64cc.js');
-require('./event-types-YOY5TKUN.js');
-var utils = require('./utils-qOon0GWm.js');
-require('./Dispute-CruQTF6_.js');
-require('./index-DEMVrrsF.js');
-require('./_commonjsHelpers-BJu3ubxk.js');
-
-const PaymentMethodTypeLabels = {
-    bankAccount: 'New bank account',
-    card: 'New credit or debit card',
-};
-const PaymentMethodOptions = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.savedPaymentMethods = [];
-        this.paymentMethodOptions = [];
-    }
-    async fillBillingForm(fields) {
-        const newPaymentMethodElement = this.selectedPaymentMethodOptionRef;
-        if (newPaymentMethodElement.fillBillingForm) {
-            newPaymentMethodElement.fillBillingForm(fields);
-        }
-    }
-    connectedCallback() {
-        this.paymentMethodsChanged();
-    }
-    paymentMethodsChanged() {
-        var _a, _b;
-        this.paymentMethodOptions = this.savedPaymentMethods
-            .map((paymentMethod) => new paymentMethodOptionUtils.PaymentMethodOption(paymentMethod))
-            .filter((paymentMethod) => {
-            // Don't saved card or bank account if they are disabled
-            return ((this.showCard || paymentMethod.type !== Payment.PaymentMethodTypes.card) &&
-                (this.showAch || paymentMethod.type !== Payment.PaymentMethodTypes.bankAccount));
-        });
-        if (this.showBnpl && ((_a = this.bnpl) === null || _a === void 0 ? void 0 : _a.provider) === 'sezzle' && !this.insuranceToggled) {
-            this.paymentMethodOptions.push(new paymentMethodOptionUtils.PaymentMethodOption({ id: Payment.PaymentMethodTypes.sezzle }));
-        }
-        if (this.showCard) {
-            this.paymentMethodOptions.push(new paymentMethodOptionUtils.PaymentMethodOption({ id: Payment.PaymentMethodTypes.card }));
-        }
-        if (this.showAch) {
-            this.paymentMethodOptions.push(new paymentMethodOptionUtils.PaymentMethodOption({ id: Payment.PaymentMethodTypes.bankAccount }));
-        }
-        if (!checkout_store.state.selectedPaymentMethod) {
-            checkout_store.state.selectedPaymentMethod = (_b = this.paymentMethodOptions[0]) === null || _b === void 0 ? void 0 : _b.id;
-        }
-    }
-    paymentMethodOptionSelected(event) {
-        checkout_store.state.selectedPaymentMethod = event.detail.id;
-    }
-    get hiddenRadioInput() {
-        return !this.showAch || !this.showCard;
-    }
-    async resolvePaymentMethod(insuranceValidation) {
-        var _a;
-        return await ((_a = this.selectedPaymentMethodOptionRef) === null || _a === void 0 ? void 0 : _a.resolvePaymentMethod(insuranceValidation));
-    }
-    async validate() {
-        const newPaymentMethodElement = this.selectedPaymentMethodOptionRef;
-        return newPaymentMethodElement.validate();
-    }
-    render() {
-        return (index.h("div", { key: '43947388e9c3e84f5af7ebefb379dcb0fc89bae7' }, index.h("div", { key: '203dde4a60f39cfb38408f58670b89047cadd3b3', class: "radio-list-item p-3", part: parts.radioListItem, onClick: () => { checkout_store.state.selectedPaymentMethod = Payment.PaymentMethodTypes.card; }, hidden: this.hiddenRadioInput }, index.h("form-control-radio", { key: 'c26d64e69722cbdcdd1d573c93328d322b2db256', name: "paymentMethodType", value: Payment.PaymentMethodTypes.card, checked: checkout_store.state.selectedPaymentMethod === Payment.PaymentMethodTypes.card, label: PaymentMethodTypeLabels[Payment.PaymentMethodTypes.card] })), index.h("div", { key: '87799dce96c87b24d3f7ecc597021dbfde851a22', class: "radio-list-item p-3", part: parts.radioListItem, onClick: () => { checkout_store.state.selectedPaymentMethod = Payment.PaymentMethodTypes.bankAccount; }, hidden: this.hiddenRadioInput }, index.h("form-control-radio", { key: '22df7be58ce8a58a8ce38a52912234bd313c4d2e', name: "paymentMethodType", value: Payment.PaymentMethodTypes.bankAccount, checked: checkout_store.state.selectedPaymentMethod === Payment.PaymentMethodTypes.bankAccount, label: PaymentMethodTypeLabels[Payment.PaymentMethodTypes.bankAccount] })), index.h("justifi-sezzle-payment-method", { key: '3ce43229e7268a453e5a2bad83f573105e8a6727' }), index.h("justifi-saved-payment-methods", { key: 'e6de7f6010736a702337dd91defc8bf00604ee34', exportparts: parts.radioListItem.split(' ').join(',') })));
-    }
-    static get watchers() { return {
-        "savedPaymentMethods": ["paymentMethodsChanged"]
-    }; }
-};
-
-const SavedPaymentMethods = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.onPaymentMethodOptionClick = (paymentMethodId) => (e) => {
-            e.preventDefault();
-            checkout_store.state.selectedPaymentMethod = paymentMethodId;
-        };
-    }
-    componentWillLoad() {
-        if (!checkout_store.state.paymentMethods.length) {
-            console.warn('No saved payment methods available.');
-        }
-    }
-    render() {
-        return (index.h(styledHost.StyledHost, { key: '7bebb3f8ff2a2abe400e1d099154a1729913140c' }, index.h("div", { key: '3a5798c5ceba63160dceecb0dc65f8a211bb5110', class: "saved-payment-methods" }, checkout_store.state.paymentMethods.length ? checkout_store.state.paymentMethods.map((paymentMethod) => (index.h("div", { class: "radio-list-item p-3", part: parts.radioListItem, onClick: this.onPaymentMethodOptionClick(paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id) }, index.h("form-control-radio", { name: "paymentMethodType", value: paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id, checked: checkout_store.state.selectedPaymentMethod === (paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id), label: `${paymentMethodOptionUtils.CardBrandLabels[paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.brand] || ''} *${paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.acct_last_four}` })))) : null)));
-    }
-};
-
-const sezzleLogo = (index.h("img", { class: "sezzle-smart-button-logo-img", src: "https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg", alt: "Sezzle", style: {
-        display: 'inline',
-        width: '80px',
-        marginLeft: '5px',
-        marginTop: '-5px',
-    } }));
-const SezzlePaymentMethod = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.paymentMethodOptionSelected = index.createEvent(this, "paymentMethodOptionSelected");
-        this.paymentMethodOptionId = 'sezzle';
-        this.onPaymentMethodOptionClick = (e) => {
-            e.preventDefault();
-            checkout_store.state.selectedPaymentMethod = this.paymentMethodOptionId;
-            this.paymentMethodOptionSelected.emit(this.paymentMethodOptionId);
-        };
-        this.initializeSezzleCheckout = () => {
-            let resolveSezzlePromise;
-            this.sezzlePromise = new Promise((resolve) => { resolveSezzlePromise = resolve; });
-            const amount = Number(checkout_store.state.paymentAmount);
-            const Checkout = window.Checkout;
-            const checkout = new Checkout({
-                mode: 'popup',
-                publicKey: checkout_store.state.bnplProviderClientId,
-                apiMode: checkout_store.state.bnplProviderMode,
-                apiVersion: checkout_store.state.bnplProviderApiVersion,
-            });
-            checkout.sezzleButtonElement = this.sezzleButtonRef;
-            checkout.init({
-                onClick: function (event) {
-                    event.preventDefault();
-                    checkout.startCheckout({
-                        checkout_url: checkout_store.state.bnplProviderCheckoutUrl,
-                    });
-                },
-                onComplete: (event) => resolveSezzlePromise({ bnpl: event.data }),
-                onCancel: (event) => resolveSezzlePromise({ bnpl: event.data }),
-                onFailure: (event) => resolveSezzlePromise({ bnpl: event.data }),
-            });
-            this.sezzleCheckout = checkout;
-            this.installmentPlan = this.sezzleCheckout.getInstallmentPlan(amount);
-        };
-    }
-    componentDidRender() {
-        if (!this.scriptRef)
-            return;
-        this.scriptRef.onload = () => {
-            this.sezzleButtonRef = document.createElement('button');
-            this.initializeSezzleCheckout();
-        };
-    }
-    async resolvePaymentMethod(insuranceValidation) {
-        if (!insuranceValidation.isValid) {
-            return { validationError: true };
-        }
-        this.sezzleButtonRef.click();
-        return this.sezzlePromise;
-    }
-    render() {
-        var _a, _b;
-        if (!checkout_store.state.bnplEnabled) {
-            console.warn('justifi-sezzle-payment-method: BNPL is not enabled for this account.');
-            return null;
-        }
-        return (index.h(styledHost.StyledHost, { class: "payment-method" }, index.h("script", { src: "https://checkout-sdk.sezzle.com/checkout.min.js", async: true, ref: (el) => (this.scriptRef = el) }), index.h("div", { class: "radio-list-item p-3", part: parts.radioListItem, onClick: this.onPaymentMethodOptionClick }, index.h("form-control-radio", { name: "paymentMethodType", value: this.paymentMethodOptionId, checked: checkout_store.state.selectedPaymentMethod === this.paymentMethodOptionId, label: index.h("div", null, index.h("div", null, "Buy now, pay later with ", sezzleLogo), this.installmentPlan && (index.h("small", null, index.h("span", null, (_a = this.installmentPlan) === null || _a === void 0 ? void 0 : _a.installments.length), "\u00A0", index.h("span", null, this.installmentPlan.schedule, " payments of"), "\u00A0", index.h("span", { class: "fw-bold" }, utils.formatCurrency((_b = this.installmentPlan) === null || _b === void 0 ? void 0 : _b.installments[0].amountInCents))))) }))));
-    }
-};
-
-exports.justifi_payment_method_options = PaymentMethodOptions;
-exports.justifi_saved_payment_methods = SavedPaymentMethods;
-exports.justifi_sezzle_payment_method = SezzlePaymentMethod;

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

@@ -1,32 +0,0 @@
-'use strict';
-
-var index = require('./index-2GwnTbNA.js');
-var paymentMethodOptionUtils = require('./payment-method-option-utils-imuSE7KV.js');
-var parts = require('./parts-9jMf1erK.js');
-require('./utils-qOon0GWm.js');
-require('./_commonjsHelpers-BJu3ubxk.js');
-
-const SavedPaymentMethod = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.paymentMethodOptionSelected = index.createEvent(this, "paymentMethodOptionSelected");
-        this.onPaymentMethodOptionClick = (e) => {
-            e.preventDefault();
-            this.paymentMethodOptionSelected.emit(this.paymentMethodOption);
-        };
-    }
-    async resolvePaymentMethod(insuranceValidation) {
-        var _a;
-        if (!insuranceValidation.isValid) {
-            return { validationError: true };
-        }
-        return { token: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id };
-    }
-    ;
-    render() {
-        var _a, _b, _c;
-        return (index.h(index.Host, { key: '96a1e315728d17d67ef35f2a269210ec28b7eb24', class: "payment-method" }, index.h("div", { key: 'fb9edf8f6a5a2f76138a83f36c949ffdee4f0f01', class: "radio-list-item p-3", part: parts.radioListItem, onClick: this.onPaymentMethodOptionClick }, index.h("form-control-radio", { key: '14388b6e3ba9e631719587b798485e4d30664639', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${paymentMethodOptionUtils.CardBrandLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.brand] || ''} *${(_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.acct_last_four}` }))));
-    }
-};
-
-exports.justifi_saved_payment_method = SavedPaymentMethod;

package/dist/cjs/terminals-list-params-state-fVsfZZ5G.js

@@ -1,22 +0,0 @@
-'use strict';
-
-var index = require('./index-DEMVrrsF.js');
-
-const filterParamsInitialState = {};
-const propsParamsInitialState = {};
-const filterParamsStore = index.createStore(() => filterParamsInitialState);
-const { state: filterParams, on: onQueryParamsChange } = filterParamsStore;
-const propsParamsStore = index.createStore(() => propsParamsInitialState);
-const { state: propsParams } = propsParamsStore;
-const getRequestParams = () => {
-    return Object.assign(Object.assign({}, filterParams), propsParams);
-};
-const clearParams = () => {
-    filterParamsStore.reset();
-};
-
-exports.clearParams = clearParams;
-exports.filterParams = filterParams;
-exports.getRequestParams = getRequestParams;
-exports.onQueryParamsChange = onQueryParamsChange;
-exports.propsParams = propsParams;

package/dist/esm/form-control-select_2.entry.js

@@ -1,102 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-Bta_r52Z.js';
-import { c as input, l as label, b as inputInvalid, U as inputDisabled, a as inputFocused } from './parts-C71Mxtso.js';
-import { F as FormControlErrorText } from './form-control-error-text-C4vfc3el.js';
-import './event-types-CZfYo5-1.js';
-
-const SelectInput = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.formControlInput = createEvent(this, "formControlInput");
-        this.formControlBlur = createEvent(this, "formControlBlur");
-        this.isFocused = false;
-        this.handleFormControlInput = (event) => {
-            const target = event.target;
-            const name = target.getAttribute('name');
-            this.inputHandler(name, target.value);
-            this.formControlInput.emit(target.value);
-        };
-        this.updateInput = (newValue) => {
-            this.selectElement.value = newValue;
-        };
-    }
-    handleDefaultValueChange(newValue) {
-        this.updateInput(newValue);
-    }
-    componentDidLoad() {
-        this.updateInput(this.defaultValue);
-    }
-    get part() {
-        let part = input;
-        if (this.errorText) {
-            part = inputInvalid;
-        }
-        if (this.disabled) {
-            part = inputDisabled;
-        }
-        if (this.isFocused) {
-            part = inputFocused;
-        }
-        return part;
-    }
-    render() {
-        var _a;
-        return (h(Host, { key: '605b6cb9bfa7bac528ee0af9c4deb5e7b1356b93' }, h("div", { key: 'f8b42609971ff02c4bc147a113bb4a025d32bcd8', class: "form-group d-flex flex-column" }, h("div", { key: '26c87da7b92edbb7fd41825a4e64b642778d0808', class: "d-flex align-items-start gap-2" }, h("label", { key: '43ad562c323b586bf7ab0260258d8678ef3194aa', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '1e4b1fa0e9bae57b6e783fb873de38c49ae7a8a4', helpText: this.helpText })), h("select", { key: 'bef2df140499a642ea9bf5bd3f6d7b558042e733', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
-                this.isFocused = false;
-                this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (h("option", { value: option.value }, option.label)))), h(FormControlErrorText, { key: '99abaaa766c1270cf1cfd926320d343393b13d1d', errorText: this.errorText, name: this.name }))));
-    }
-    static get watchers() { return {
-        "defaultValue": ["handleDefaultValueChange"]
-    }; }
-};
-
-const TextInput = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.formControlInput = createEvent(this, "formControlInput");
-        this.formControlBlur = createEvent(this, "formControlBlur");
-        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.updateInput = (newValue) => {
-            const inputElement = this.el.querySelector('input');
-            if (inputElement) {
-                inputElement.value = newValue || '';
-            }
-        };
-    }
-    handleDefaultValueChange(newValue) {
-        this.updateInput(newValue);
-    }
-    componentDidLoad() {
-        this.updateInput(this.defaultValue);
-    }
-    get part() {
-        if (this.errorText) {
-            return inputInvalid;
-        }
-        if (this.disabled) {
-            return inputDisabled;
-        }
-        if (this.isFocused) {
-            return inputFocused;
-        }
-        return input;
-    }
-    render() {
-        return (h(Host, { key: 'fab6618fdcf4d8c5f61687ecd5edfd6783754ec8' }, h("div", { key: '8f5b56c46fcd890c2601dd3b79fe60438bd561ef', class: "form-group d-flex flex-column" }, h("div", { key: '2226c532baa84905d8051e2222f24105b224d42b', class: "d-flex align-items-start gap-2" }, h("label", { key: '7c516dce181a938168dbe4961a90a946c723fc91', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'f4868f88e4f3e4795e25ad505e78cf8ab212623d', helpText: this.helpText })), h("input", { key: '10f02be3c0d055089697155878fedc23aa9f31e3', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
-                this.isFocused = false;
-                this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: '02c21c4b071903db49e2e8b786275247d75c92f9', errorText: this.errorText, name: this.name }))));
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "defaultValue": ["handleDefaultValueChange"]
-    }; }
-};
-
-export { SelectInput as form_control_select, TextInput as form_control_text };

package/dist/esm/justifi-bank-account-form_4.entry.js

@@ -1,229 +0,0 @@
-import { h, r as registerInstance, c as createEvent } from './index-Bta_r52Z.js';
-import { S as StyledHost } from './styled-host-BSX_LSdk.js';
-import './event-types-CZfYo5-1.js';
-import { S as Skeleton } from './skeleton-BVM4XTj9.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-BmebRZ4u.js';
-import { c as create$3, F as FormController } from './index.esm-BCNUj0Dx.js';
-import { k as postalValidation, l as stateValidation, m as cityValidation, n as lineTwoValidation, q as lineOneValidation, y as identityNameValidation } from './schema-validations-DLWfpHyI.js';
-import { ai as billingForm } from './parts-C71Mxtso.js';
-import { H as Header3 } from './header-3-BMoxz2Hr.js';
-import './package-CJdXAC5R.js';
-import './Api-CqimcNgb.js';
-import './config-state-BjXhUj2q.js';
-import './index-Cf8VXyXg.js';
-import './utils-BjLkBMLe.js';
-import './_commonjsHelpers-BFTU3MAI.js';
-import './ComponentError-BhrFjjAs.js';
-import './Checkout-CH19cJxH.js';
-import './Pagination-CLHwhyvu.js';
-import './Payment-BEvE6jAC.js';
-import './Dispute-7MWRbTXI.js';
-import './Refund-BKe90wSq.js';
-import './Business-BCoP0TAV.js';
-import './helpers-Mu7LQT-w.js';
-import './state-options-BX8GieXu.js';
-import './business-form-options-CgssATyg.js';
-
-const BankAccountFormSkeleton = (props) => {
-    const { isReady } = props;
-    if (isReady) {
-        return null;
-    }
-    return (h("div", { class: "container-fluid p-0" },
-        h("div", { class: "row mb-3" },
-            h("div", { class: "col-12 align-content-end" },
-                h(Skeleton, { height: "18px", width: "120px" }),
-                h(Skeleton, { height: "36px" }))),
-        h("div", { class: "row" },
-            h("div", { class: "col-12 align-content-end" },
-                h(Skeleton, { height: "18px", width: "110px" }),
-                h(Skeleton, { height: "36px" })))));
-};
-
-const BankAccountForm = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.iframeOrigin = "https://components.justifi.ai";
-        this.isReady = false;
-    }
-    componentWillLoad() {
-        checkPkgVersion();
-        this.analytics = new 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 (h(StyledHost, { key: 'e0a71dff66a2786c0f182595758c2fc7a36c940e' }, h(BankAccountFormSkeleton, { key: 'b8e530e282ff062f53e196782c49855aed5084d3', isReady: this.isReady }), h("hidden-input", { key: '9b877adccc33cfa1151c6fcc0a847fddd7459875' }), h("div", { key: '6fc462b4aea6d7a3d469eda6c077c09202ac5066', class: "container-fluid p-0", style: {
-                opacity: this.isReady ? '1' : '0',
-                height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'bad1c793767232d22139f06e91c63fecb75d5e6b', class: "row mb-3" }, h("iframe-input", { key: '2e015f0d5e526f309d63b122f0ea900224b0eb91', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '7f2c7e8ca7675c3f936702f605a26f4698addf65', class: "row" }, h("iframe-input", { key: '21eb81b7e69f3e1b376b38e7d533992d977cc2c7', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
-    }
-};
-
-const billingFormSchema = (postalOnly) => {
-    const fullBillingForm = create$3({
-        name: identityNameValidation.required('Enter full name'),
-        address_line1: lineOneValidation.required('Enter street address'),
-        address_line2: lineTwoValidation.nullable(),
-        address_city: cityValidation.required('Enter city'),
-        address_state: stateValidation.required('Select state'),
-        address_postal_code: postalValidation.required('Enter postal code')
-    });
-    const postalForm = create$3({
-        name: identityNameValidation.nullable(),
-        address_line1: lineOneValidation.nullable(),
-        address_line2: lineTwoValidation.nullable(),
-        address_city: cityValidation.nullable(),
-        address_state: stateValidation.nullable(),
-        address_postal_code: postalValidation.required('Enter postal code')
-    });
-    return postalOnly ? postalForm : fullBillingForm;
-};
-
-const BillingForm = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.errors = {};
-        this.inputHandler = (name, value) => {
-            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
-        };
-    }
-    componentWillLoad() {
-        const postalOnly = this.isPostalOnlyMode;
-        this.formController = new FormController(billingFormSchema(postalOnly));
-    }
-    componentDidLoad() {
-        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
-        this.formController.errors.subscribe(errors => {
-            this.errors = Object.assign({}, errors);
-        });
-    }
-    get isPostalOnlyMode() {
-        return this.paymentMethodType === 'card' && this.hideCardBillingForm;
-    }
-    get hideAllBillingFields() {
-        return this.paymentMethodType === 'bankAccount' && this.hideBankAccountBillingForm;
-    }
-    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 showHeader = !this.isPostalOnlyMode && !this.hideAllBillingFields;
-        return (h("div", { key: 'e1834cb4638e0b5ea99c55e7a2f73542d2e5ea8d', part: billingForm, class: "mt-4", hidden: this.hideAllBillingFields }, showHeader && h(Header3, { key: '9936d16177d2c83219872c44b9ca91c264ae7052', text: "Billing address", class: "fs-6 fw-bold lh-lg mb-4" }), this.legend && h("legend", { key: 'c467223d7571122ea5c17885eed658c6cd6faf36' }, this.legend), this.isPostalOnlyMode ? (h("justifi-postal-code-form", null)) : (h("justifi-billing-information-form", null))));
-    }
-};
-
-const CardFormSkeleton = (props) => {
-    const { isReady } = props;
-    if (isReady) {
-        return null;
-    }
-    return (h("div", { class: "container-fluid p-0" },
-        h("div", { class: "mb-3" },
-            h(Skeleton, { height: "18px", width: "100px" }),
-            h(Skeleton, { height: "36px" })),
-        h("div", { class: "row" },
-            h("div", { class: "col-4 align-content-end" },
-                h(Skeleton, { height: "18px", width: "80px" }),
-                h(Skeleton, { height: "36px" })),
-            h("div", { class: "col-4 align-content-end" },
-                h(Skeleton, { height: "36px" })),
-            h("div", { class: "col-4 align-content-end" },
-                h(Skeleton, { height: "18px", width: "30px" }),
-                h(Skeleton, { height: "36px" })))));
-};
-
-const JustifiCardForm = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.iframeOrigin = "https://components.justifi.ai";
-        this.isReady = false;
-    }
-    componentWillLoad() {
-        checkPkgVersion();
-        this.analytics = new 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 (h(StyledHost, { key: '44aa8e7da60f3dc8408e53f1ca4bf1ec98e838be' }, h(CardFormSkeleton, { key: 'eaea67379e10386d215284de04cd140ac0af0274', isReady: this.isReady }), h("hidden-input", { key: '6bdd3a8aef52e4d2bb7e5a7855578af5e491d04f' }), h("div", { key: '8e271c01ecd6c178f44f9cd9d331d6fc6240bce4', class: "container-fluid p-0", style: {
-                opacity: this.isReady ? '1' : '0',
-                height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '568ac8e93eac648b43d047b2ba149230f7bd2e2f', class: "mb-3" }, h("iframe-input", { key: '5dde288003664ba6fb768a9e5837e4069e749ae5', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '57d7153ff9f21fbbfe2fbf41d664fbbc05fd72db', class: "row" }, h("div", { key: 'a6f2dcd5a98428f2af8773c7ebf76ea3c232a2a9', class: "col-4 align-content-end" }, h("iframe-input", { key: 'ac7ef13f9c9e788a065f6fe3485f8aeb20a3f6e8', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '36c7531f0f7f4a5c98eb36f1c3c395d392567041', class: "col-4 align-content-end" }, h("iframe-input", { key: '2c04a8aa66b73e1e485dd124b27ebf8d9da043d8', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: 'e413f4a9232c6c8f21fd9738d6b641d2ff9c547f', class: "col-4 align-content-end" }, h("iframe-input", { key: 'bf1204c99ec33e349fe07a741a4ba80d20def1f8', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
-    }
-};
-
-const SaveNewPaymentMethod = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.checkboxChanged = createEvent(this, "checkboxChanged");
-        this.isChecked = false;
-    }
-    handleCheckboxChange(_name, value) {
-        this.isChecked = value;
-        this.checkboxChanged.emit(this.isChecked);
-    }
-    render() {
-        return (h("div", { key: 'b196a8d34fb4afe1293f4ff9f6eea8bb3ed4c1a6', class: "mt-4 form-check" }, h("form-control-checkbox", { key: '1f35cb80578373e1f77f2a95f08310f0830e1c90', label: "Save new payment method", name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange.bind(this) })));
-    }
-};
-
-export { BankAccountForm as justifi_bank_account_form, BillingForm as justifi_billing_form, JustifiCardForm as justifi_card_form, SaveNewPaymentMethod as justifi_save_new_payment_method };