@justifi/webcomponents 5.7.6-rc-21 → 5.7.7

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

@@ -1,31 +0,0 @@
-'use strict';
-
-var index = require('./index-dm_GlYlb.js');
-var paymentMethodOptionUtils = require('./payment-method-option-utils-WYHIHy-l.js');
-var parts = require('./parts-9jMf1erK.js');
-require('./dinero-BwNN_k7x.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: '077ad61b1a84963ebaad43397aa7c88211d9dd7e', class: "payment-method" }, index.h("div", { key: 'e01a2e45c55273cb0ee9774b60504d7098a74cf9', class: "radio-list-item p-3", part: parts.radioListItem, onClick: this.onPaymentMethodOptionClick }, index.h("form-control-radio", { key: 'f34e9fe3f52fbf1acfdc72993259d6f6f58ac470', 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/justifi-skeleton.cjs.entry.js

@@ -1,17 +0,0 @@
-'use strict';
-
-var index = require('./index-dm_GlYlb.js');
-var styledHost = require('./styled-host-CqQYxX-w.js');
-var skeleton = require('./skeleton-x-GSs3xk.js');
-require('./parts-9jMf1erK.js');
-
-const JustifiSkeleton = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    render() {
-        return (index.h(styledHost.StyledHost, { key: 'c54376afe1b0cebb0394ede10307bcdb32d68bb5' }, index.h(skeleton.Skeleton, { key: '681e9e9d33bd7c2385e7b527f9093a93fbf884bb', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
-    }
-};
-
-exports.justifi_skeleton = JustifiSkeleton;

package/dist/cjs/payment-method-option-utils-WYHIHy-l.js

@@ -1,15 +0,0 @@
-'use strict';
-
-require('./dinero-BwNN_k7x.js');
-
-exports.CardBrandLabels = void 0;
-(function (CardBrandLabels) {
-    CardBrandLabels["american_express"] = "American Express";
-    CardBrandLabels["diners_club"] = "Diners Club";
-    CardBrandLabels["discover"] = "Discover";
-    CardBrandLabels["jcb"] = "JCB";
-    CardBrandLabels["mastercard"] = "Mastercard";
-    CardBrandLabels["china_unionpay"] = "UnionPay";
-    CardBrandLabels["visa"] = "Visa";
-    CardBrandLabels["unknown"] = "Unknown";
-})(exports.CardBrandLabels || (exports.CardBrandLabels = {}));

package/dist/cjs/payment-method-option.cjs.entry.js

@@ -1,17 +0,0 @@
-'use strict';
-
-var index = require('./index-dm_GlYlb.js');
-var parts = require('./parts-9jMf1erK.js');
-var styledHost = require('./styled-host-CqQYxX-w.js');
-require('./event-types-YOY5TKUN.js');
-
-const PaymentMethodOption = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    render() {
-        return (index.h(styledHost.StyledHost, { key: '8055addaf7563d5deb7d9b31794bf36e1d273a0d', class: "payment-method" }, index.h("div", { key: '5fb85a3e5c94eff4e397ba5b23d3fb7a34e4c312', class: "radio-list-item p-3", part: parts.radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, index.h("form-control-radio", { key: 'b36c23bb6eeee3fc7325ea6d9b46aed4fc43c21c', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
-    }
-};
-
-exports.payment_method_option = PaymentMethodOption;

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

@@ -1,22 +0,0 @@
-'use strict';
-
-var index = require('./index-Yd9aLenr.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/collection/api/BillingInformation.js

@@ -1 +0,0 @@
-export {};

package/dist/collection/api/PaymentMethod.js

@@ -1 +0,0 @@
-export {};

package/dist/collection/components/modular-checkout/modular-checkout.js

@@ -1,430 +0,0 @@
-import { h, Host } from "@stencil/core";
-import { checkoutStore, onChange } from "../../store/checkout.store";
-import JustifiAnalytics from "../../api/Analytics";
-import { checkPkgVersion } from "../../utils/check-pkg-version";
-import { ComponentErrorCodes, ComponentErrorMessages, ComponentErrorSeverity, ICheckoutStatus } from "../../api";
-import { makeCheckoutComplete, makeGetCheckout } from "../../actions/checkout/checkout-actions";
-import { CheckoutService } from "../../api/services/checkout.service";
-import { insuranceValues, insuranceValuesOn, hasInsuranceValueChanged } from "../insurance/insurance-state";
-export class ModularCheckout {
-    constructor() {
-        this.savePaymentMethod = false;
-    }
-    savePaymentMethodChanged(newValue) {
-        checkoutStore.savePaymentMethod = newValue;
-    }
-    connectedCallback() {
-        this.observer = new MutationObserver(() => {
-            this.queryFormRefs();
-        });
-        this.observer.observe(this.hostEl, {
-            childList: true,
-            subtree: true
-        });
-        checkoutStore.checkoutId = this.checkoutId;
-        const config = {
-            authToken: this.authToken,
-            checkoutId: this.checkoutId,
-            service: new CheckoutService()
-        };
-        this.getCheckout = makeGetCheckout(config);
-        this.completeCheckout = makeCheckoutComplete(config);
-        onChange('selectedPaymentMethod', (newValue) => {
-            this.paymentMethodChangedEvent.emit(newValue);
-        });
-    }
-    componentWillLoad() {
-        if (!this.authToken || !this.checkoutId) {
-            this.errorEvent.emit({
-                message: ComponentErrorMessages.NOT_AUTHENTICATED,
-                errorCode: ComponentErrorCodes.NOT_AUTHENTICATED,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-            return;
-        }
-        this.analytics = new JustifiAnalytics(this);
-        checkPkgVersion();
-        checkoutStore.authToken = this.authToken;
-        checkoutStore.savePaymentMethod = this.savePaymentMethod;
-        this.fetchCheckout();
-        // Refresh the checkout data when insurance values actually change (not on initial load)
-        insuranceValuesOn('set', (key) => {
-            const value = insuranceValues[key];
-            if (value !== undefined && hasInsuranceValueChanged(key, value)) {
-                this.fetchCheckout();
-            }
-        });
-    }
-    componentDidLoad() {
-        this.queryFormRefs();
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
-    }
-    fetchCheckout() {
-        if (this.getCheckout) {
-            this.getCheckout({
-                onSuccess: ({ checkout }) => {
-                    if (checkout.status === ICheckoutStatus.completed) {
-                        this.errorEvent.emit({
-                            message: ComponentErrorMessages.CHECKOUT_ALREADY_COMPLETED,
-                            errorCode: ComponentErrorCodes.CHECKOUT_ALREADY_COMPLETED,
-                            severity: ComponentErrorSeverity.ERROR,
-                        });
-                        return;
-                    }
-                    else if (checkout.status === ICheckoutStatus.expired) {
-                        this.errorEvent.emit({
-                            message: ComponentErrorMessages.CHECKOUT_EXPIRED,
-                            errorCode: ComponentErrorCodes.CHECKOUT_EXPIRED,
-                            severity: ComponentErrorSeverity.ERROR,
-                        });
-                        return;
-                    }
-                    this.updateStore(checkout);
-                },
-                onError: (error) => {
-                    this.errorEvent.emit({
-                        message: error.message,
-                        errorCode: ComponentErrorCodes.FETCH_ERROR,
-                        severity: ComponentErrorSeverity.ERROR,
-                    });
-                }
-            });
-        }
-    }
-    updateStore(checkout) {
-        var _a, _b, _c, _d;
-        checkoutStore.accountId = checkout.account_id;
-        checkoutStore.paymentMethods = checkout.payment_methods;
-        checkoutStore.paymentMethodGroupId = checkout.payment_method_group_id;
-        checkoutStore.paymentDescription = checkout.payment_description;
-        checkoutStore.totalAmount = checkout.total_amount;
-        checkoutStore.paymentAmount = checkout.payment_amount;
-        checkoutStore.bnplEnabled = checkout.payment_settings.bnpl_payments;
-        checkoutStore.bnplProviderClientId = (_a = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _a === void 0 ? void 0 : _a.provider_client_id;
-        checkoutStore.bnplProviderMode = (_b = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _b === void 0 ? void 0 : _b.provider_mode;
-        checkoutStore.bnplProviderApiVersion = (_c = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _c === void 0 ? void 0 : _c.provider_api_version;
-        checkoutStore.bnplProviderCheckoutUrl = (_d = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _d === void 0 ? void 0 : _d.provider_checkout_url;
-    }
-    queryFormRefs() {
-        this.paymentMethodFormRef = this.hostEl.querySelector('justifi-card-form, justifi-bank-account-form');
-        this.billingInformationFormRef = this.hostEl.querySelector('justifi-billing-form, justifi-bank-account-billing-form-simple, justifi-card-billing-form-simple');
-        this.insuranceFormRef = this.hostEl.querySelector('justifi-season-interruption-insurance');
-        this.sezzlePaymentMethodRef = this.hostEl.querySelector('justifi-sezzle-payment-method');
-    }
-    async tokenizePaymentMethod(tokenizeArgs) {
-        var _a, _b, _c;
-        const billingInfoValues = (_b = await ((_a = this.billingInformationFormRef) === null || _a === void 0 ? void 0 : _a.getValues())) !== null && _b !== void 0 ? _b : {};
-        const combinedBillingInfo = Object.assign(Object.assign({}, tokenizeArgs), billingInfoValues);
-        const paymentMethodMetadata = Object.assign({ accountId: checkoutStore.accountId, payment_method_group_id: undefined }, combinedBillingInfo);
-        if (checkoutStore.savePaymentMethod) {
-            paymentMethodMetadata.payment_method_group_id = checkoutStore.paymentMethodGroupId;
-        }
-        return (_c = this.paymentMethodFormRef) === null || _c === void 0 ? void 0 : _c.tokenize({
-            clientId: this.authToken,
-            paymentMethodMetadata,
-            account: checkoutStore.accountId,
-        });
-    }
-    async getPaymentMethod(submitCheckoutArgs) {
-        // If we have a payment token from the store (set by tokenize-payment-method), use it
-        if (checkoutStore.paymentToken) {
-            return checkoutStore.paymentToken;
-        }
-        // Fallback to the original tokenization logic for backward compatibility
-        if (!this.paymentMethodFormRef) {
-            return checkoutStore.selectedPaymentMethod;
-        }
-        const { error, id: token } = await this.tokenizePaymentMethod(submitCheckoutArgs);
-        if (error) {
-            this.errorEvent.emit({
-                errorCode: error.code,
-                message: error.message,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-            return undefined;
-        }
-        return token;
-    }
-    async validate() {
-        var _a;
-        const promises = [
-            (_a = this.billingInformationFormRef) === null || _a === void 0 ? void 0 : _a.validate()
-        ];
-        // Only validate payment method form if we don't have a payment token from tokenize-payment-method
-        if (!checkoutStore.paymentToken && this.paymentMethodFormRef) {
-            promises.push(this.paymentMethodFormRef.validate());
-        }
-        if (this.insuranceFormRef) {
-            promises.push(this.insuranceFormRef.validate());
-        }
-        const validationResults = await Promise.all(promises);
-        return validationResults.every(result => {
-            // Handle different return types from different form components
-            if (typeof result === 'boolean') {
-                return result;
-            }
-            if (result && typeof result === 'object' && 'isValid' in result) {
-                return result.isValid;
-            }
-            return result !== false;
-        });
-    }
-    async submitCheckout(submitCheckoutArgs) {
-        var _a;
-        const isValid = await this.validate();
-        if (!isValid) {
-            this.errorEvent.emit({
-                message: 'Please fill in all required fields.',
-                errorCode: ComponentErrorCodes.VALIDATION_ERROR,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-            return;
-        }
-        let payment;
-        if (checkoutStore.selectedPaymentMethod === 'sezzle') {
-            const insuranceValidation = this.insuranceFormRef ? await this.insuranceFormRef.validate() : { isValid: true };
-            const sezzleResult = await this.sezzlePaymentMethodRef.resolvePaymentMethod(insuranceValidation);
-            if (sezzleResult.error) {
-                this.errorEvent.emit({
-                    message: sezzleResult.error.message,
-                    errorCode: ComponentErrorCodes.TOKENIZE_ERROR,
-                    severity: ComponentErrorSeverity.ERROR,
-                });
-                return;
-            }
-            else if (((_a = sezzleResult.bnpl) === null || _a === void 0 ? void 0 : _a.status) === 'success') {
-                payment = {
-                    payment_mode: 'bnpl',
-                    payment_token: undefined,
-                };
-            }
-        }
-        else {
-            const paymentMethod = await this.getPaymentMethod(submitCheckoutArgs);
-            if (!paymentMethod) {
-                this.errorEvent.emit({
-                    message: 'Payment method tokenization failed.',
-                    errorCode: ComponentErrorCodes.TOKENIZE_ERROR,
-                    severity: ComponentErrorSeverity.ERROR,
-                });
-                return;
-            }
-            ;
-            payment = {
-                payment_mode: 'ecom',
-                payment_token: paymentMethod,
-            };
-        }
-        this.completeCheckout({
-            payment,
-            onSuccess: ({ checkout }) => {
-                this.submitEvent.emit({
-                    checkout,
-                    message: 'Checkout completed successfully',
-                });
-            },
-            onError: (error) => {
-                this.errorEvent.emit({
-                    message: error.message,
-                    errorCode: ComponentErrorCodes.COMPLETE_CHECKOUT_ERROR,
-                    severity: ComponentErrorSeverity.ERROR,
-                });
-            },
-        });
-    }
-    async setSelectedPaymentMethod(paymentMethodId) {
-        checkoutStore.selectedPaymentMethod = paymentMethodId;
-    }
-    render() {
-        return (h(Host, { key: '047a90f9aed88b72c60f6333e20fa00871fdd17a' }));
-    }
-    static get is() { return "justifi-modular-checkout"; }
-    static get properties() {
-        return {
-            "authToken": {
-                "type": "string",
-                "attribute": "auth-token",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "checkoutId": {
-                "type": "string",
-                "attribute": "checkout-id",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "savePaymentMethod": {
-                "type": "boolean",
-                "attribute": "save-payment-method",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "false"
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "errorEvent",
-                "name": "error-event",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                }
-            }, {
-                "method": "submitEvent",
-                "name": "submit-event",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                }
-            }, {
-                "method": "paymentMethodChangedEvent",
-                "name": "payment-method-changed",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                }
-            }];
-    }
-    static get methods() {
-        return {
-            "validate": {
-                "complexType": {
-                    "signature": "() => Promise<boolean>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<boolean>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            },
-            "submitCheckout": {
-                "complexType": {
-                    "signature": "(submitCheckoutArgs?: BillingFormFields) => Promise<void>",
-                    "parameters": [{
-                            "name": "submitCheckoutArgs",
-                            "type": "BillingFormFields",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "BillingFormFields": {
-                            "location": "import",
-                            "path": "../../components",
-                            "id": "src/components.d.ts::BillingFormFields"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            },
-            "setSelectedPaymentMethod": {
-                "complexType": {
-                    "signature": "(paymentMethodId: string) => Promise<void>",
-                    "parameters": [{
-                            "name": "paymentMethodId",
-                            "type": "string",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            }
-        };
-    }
-    static get elementRef() { return "hostEl"; }
-    static get watchers() {
-        return [{
-                "propName": "savePaymentMethod",
-                "methodName": "savePaymentMethodChanged"
-            }];
-    }
-}

package/dist/collection/components/modular-checkout/sub-components/bank-account-skeleton.js

@@ -1,10 +0,0 @@
-import { h } from "@stencil/core";
-import { Skeleton } from "../../../ui-components";
-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" })))));
-};
-export default BankAccountFormSkeleton;

package/dist/collection/components/modular-checkout/sub-components/bank-account.js

@@ -1,98 +0,0 @@
-import { h } from "@stencil/core";
-import { StyledHost } from "../../../ui-components";
-import BankAccountFormSkeleton from "./bank-account-skeleton";
-import { checkPkgVersion } from "../../../utils/check-pkg-version";
-import JustifiAnalytics from "../../../api/Analytics";
-import { configState, waitForConfig } from "../../config-provider/config-state";
-export class BankAccountForm {
-    constructor() {
-        this.isReady = false;
-    }
-    async componentWillLoad() {
-        await waitForConfig();
-        this.iframeOrigin = configState.iframeOrigin;
-        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: '653403782a62c5a2ea0675f9633c7197503c9ab7' }, h(BankAccountFormSkeleton, { key: '63f13c4e3c7ca588a17837faeca840302675c927', isReady: this.isReady }), h("hidden-input", { key: '7d825c7c130942e751f3ba17d195e979c406f4a6' }), h("div", { key: 'd9fec72e9526c9dadd3cae0af98d99b024320a2c', class: "container-fluid p-0", style: {
-                opacity: this.isReady ? '1' : '0',
-                height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '22047ead687c0eb6cb724343091eac42760d93a4', class: "row mb-3" }, h("iframe-input", { key: '5f5a1300d37439b3c936dcc13e1e17cf779c9ba0', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '2898faa832be4454b81047cdc220cc418b6a6783', class: "row" }, h("iframe-input", { key: '962fc1a8504d5e84386818936b27d38ca580c410', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
-    }
-    static get is() { return "justifi-bank-account-form"; }
-    static get encapsulation() { return "shadow"; }
-    static get states() {
-        return {
-            "iframeOrigin": {},
-            "isReady": {}
-        };
-    }
-    static get methods() {
-        return {
-            "validate": {
-                "complexType": {
-                    "signature": "() => Promise<any>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<any>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            },
-            "tokenize": {
-                "complexType": {
-                    "signature": "({ clientId, paymentMethodMetadata, account }: { clientId: string; paymentMethodMetadata: any; account?: string; }) => Promise<any>",
-                    "parameters": [{
-                            "name": "__0",
-                            "type": "{ clientId: string; paymentMethodMetadata: any; account?: string; }",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<any>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            }
-        };
-    }
-}

package/dist/collection/components/modular-checkout/sub-components/card-form-skeleton.js

@@ -1,10 +0,0 @@
-import { h } from "@stencil/core";
-import { Skeleton } from "../../../ui-components";
-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" })))));
-};
-export default CardFormSkeleton;