@justifi/webcomponents 5.7.6-rc-21 → 5.7.7

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

@@ -1,372 +0,0 @@
-'use strict';
-
-var index = require('./index-dm_GlYlb.js');
-var index_esm = require('./index.esm-BleZSAc0.js');
-var schemaValidations = require('./schema-validations-jek_iZ9W.js');
-var parts = require('./parts-9jMf1erK.js');
-var styledHost = require('./styled-host-CqQYxX-w.js');
-require('./event-types-YOY5TKUN.js');
-var skeleton = require('./skeleton-x-GSs3xk.js');
-var checkPkgVersion = require('./check-pkg-version-BzCIWkkG.js');
-var configState = require('./config-state-5xZf-jax.js');
-var header3 = require('./header-3-D9Wa0IfT.js');
-var utils = require('./utils-DAyWinG2.js');
-var stateOptions = require('./state-options-CIT9xdTz.js');
-var button = require('./button-CfVQSysQ.js');
-var checkout_store = require('./checkout.store-CV_fuGQw.js');
-require('./_commonjsHelpers-BJu3ubxk.js');
-require('./business-form-options-CMII7nIK.js');
-require('./Business-DCRzZf0w.js');
-require('./helpers-B5OCqlIM.js');
-require('./package-B9ks67gS.js');
-require('./Api-CPuq_15r.js');
-require('./utils-BaGF9XIe.js');
-require('./dinero-BwNN_k7x.js');
-require('./ComponentError-D4OLnOkg.js');
-require('./Refund-CqWNG8sx.js');
-require('./Dispute-CruQTF6_.js');
-require('./Pagination-Dediz133.js');
-require('./index-Yd9aLenr.js');
-
-const JustifiRadioListItem = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.radioClick = index.createEvent(this, "radio-click");
-        this.checked = false;
-        this.hidden = false;
-        this.handleClick = () => {
-            this.radioClick.emit(this.value);
-        };
-    }
-    render() {
-        return (index.h(styledHost.StyledHost, { key: '492a73e2bab02c04aa8733ce0b9ab801e5ff8875' }, index.h("div", { key: 'c095a98ba11739b85ece4c7bb0e0c30e7e08ec7b', class: `radio-list-item p-3 ${this.class || ''}`, part: parts.radioListItem, onClick: this.handleClick, hidden: this.hidden }, index.h("form-control-radio", { key: '050ed9e552c4a8bf4462e544d3496bed356e7c06', name: this.name, value: this.value, checked: this.checked, label: this.label, inputHandler: () => null }))));
-    }
-};
-
-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: '81a8511265b4813817b4cf183aa176b464645e85' }, index.h("div", { key: '7dddd3ec7822077268c73da7d0f34a691ddde1cb', part: parts.billingForm, class: "mt-4" }, index.h("form", { key: '1c9000a4b022209129cf511d79a77cf3dc44b77e' }, index.h("fieldset", { key: '134c349c5745197b5ebb79b31748bf480e1cab7a' }, this.legend && (index.h("legend", { key: 'fb8e12086fd6fb51f7456d8fc6e82a9184514d4f' }, this.legend)), index.h("div", { key: 'a49ae2d182e442efbe44aae7c2e0a4e40dabe7d7', class: "row gy-3" }, index.h("div", { key: '2be4b2aab266d0fc17f32237693dea8578c7545d', class: "col-12" }, index.h("form-control-text", { key: '92d1b3b05ba04212e46feecfd886f7dcc912e4fe', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler }))))))));
-    }
-};
-
-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;
-        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: '653403782a62c5a2ea0675f9633c7197503c9ab7' }, index.h(BankAccountFormSkeleton, { key: '63f13c4e3c7ca588a17837faeca840302675c927', isReady: this.isReady }), index.h("hidden-input", { key: '7d825c7c130942e751f3ba17d195e979c406f4a6' }), index.h("div", { key: 'd9fec72e9526c9dadd3cae0af98d99b024320a2c', class: "container-fluid p-0", style: {
-                opacity: this.isReady ? '1' : '0',
-                height: this.isReady ? 'auto' : '0',
-            } }, index.h("div", { key: '22047ead687c0eb6cb724343091eac42760d93a4', class: "row mb-3" }, index.h("iframe-input", { key: '5f5a1300d37439b3c936dcc13e1e17cf779c9ba0', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), index.h("div", { key: '2898faa832be4454b81047cdc220cc418b6a6783', class: "row" }, index.h("iframe-input", { key: '962fc1a8504d5e84386818936b27d38ca580c410', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
-    }
-};
-
-const BillingForm = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    get showSimpleCardBillingForm() {
-        return this.paymentMethodType === 'card' && this.hideCardBillingForm;
-    }
-    get showSimpleBankAccountBillingForm() {
-        return this.paymentMethodType === 'bankAccount' && 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 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: stateOptions.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: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: utils.numberOnlyHandler }))))))));
-    }
-};
-
-const JustifiButton = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.variant = 'primary';
-        this.type = 'button';
-    }
-    render() {
-        return (index.h(styledHost.StyledHost, { key: 'fae177edc7a7a898f1782a01c26b65fb11c50c65' }, index.h(button.Button, { key: 'c097e63cce36a5b4e2cb522bf17ba2519c354c6e', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
-    }
-};
-
-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: 'a88ea2aa0b1cc2fccda7c169aad9c061e106ecfe' }, index.h("div", { key: '414df056d92819bf646886ca8e15f2ed10e6ab18', part: parts.billingForm }, index.h("form", { key: 'c11f6eb5c7c5c1ecbeb8cc8f644a3b3ba72254c7' }, index.h("fieldset", { key: 'dd69c65ff7f36da3954c01ca2401e8ede6799f14' }, this.legend && (index.h("legend", { key: '25a86a61452b84237cc58c047916de22c35b764d' }, this.legend)), index.h("div", { key: '2fa8445fcf4ac0500f357d92480f18ccac655689', class: "row gy-3" }, index.h("div", { key: 'b7ac75fcab43435a03ad919757541f74661ce5b4', class: "col-12" }, index.h("form-control-text", { key: 'fd9e84c9605edf1a987c7243409eb0182f79a803', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: utils.numberOnlyHandler }))))))));
-    }
-};
-
-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;
-        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: 'a53db7e555c2a1df6679bf9ddeada18d9e750a3d' }, index.h(CardFormSkeleton, { key: '70eda1f05670b09bdb6a5f9f506f5828fec0cd71', isReady: this.isReady }), index.h("hidden-input", { key: '648480344a5a79e79d8396cdcc402f63f40b2b18' }), index.h("div", { key: 'd7bcf16f905367429ddf4be468d12f603135affa', class: "container-fluid p-0", style: {
-                opacity: this.isReady ? '1' : '0',
-                height: this.isReady ? 'auto' : '0',
-            } }, index.h("div", { key: '9860508b6a16ae4a37d96c3d259237ccd17b28f1', class: "mb-3" }, index.h("iframe-input", { key: 'c37ec02e0b2f8465c4118892f0b51faaf9a57cdf', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), index.h("div", { key: '097258a271969ef38a1d32a5aa0b20c5443de991', class: "row" }, index.h("div", { key: 'ad2b656c503abd6aca2eea0842a70358097c452e', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '3e3fda000e1ea41e44a337a1efd886ce7d9503f7', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), index.h("div", { key: '13f33bd008ad4c6407336775d35b752c0e6eb8e5', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '3dcf445381f39544a1421569151c76c47e790456', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), index.h("div", { key: 'fbc26d74b4e18b7a77639d8b53720ca4e7bdd201', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '400c65fa8efb358396e561b3ba2a5ac13c3bcbbe', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
-    }
-};
-
-const SaveNewPaymentMethod = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.checkboxChanged = index.createEvent(this, "checkboxChanged");
-        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: 'f23a4f992eef86df7ebfa86f4b46b232456016b2' }, index.h("div", { key: '0ef7c08423451655318751a6377f0ba8ffda3c7c', class: "mt-4 form-check" }, index.h("form-control-checkbox", { key: '609527d08abb45603ea683a051cf9c09435fc5bc', label: "Save new payment method", name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange }))));
-    }
-};
-
-exports.justifi_bank_account_billing_form_simple = BankAccountBillingFormSimple;
-exports.justifi_bank_account_form = BankAccountForm;
-exports.justifi_billing_form = BillingForm;
-exports.justifi_billing_form_full = BillingFormFull;
-exports.justifi_button = JustifiButton;
-exports.justifi_card_billing_form_simple = CardBillingFormSimple;
-exports.justifi_card_form = JustifiCardForm;
-exports.justifi_radio_list_item = JustifiRadioListItem;
-exports.justifi_save_new_payment_method = SaveNewPaymentMethod;