@justifi/webcomponents 5.7.6 → 6.0.0-rc.2

package/dist/cjs/justifi-checkout-core.cjs.entry.js

@@ -1,141 +0,0 @@
-'use strict';
-
-var index = require('./index-dm_GlYlb.js');
-var utils = require('./utils-Dka3MplB.js');
-var Checkout = require('./Checkout-nsVtlYWD.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-var insuranceState = require('./insurance-state-qT_hkvZV.js');
-var button = require('./button-CfVQSysQ.js');
-var styledHost = require('./styled-host-CqQYxX-w.js');
-var skeleton = require('./skeleton-x-GSs3xk.js');
-var parts = require('./parts-9jMf1erK.js');
-var header3 = require('./header-3-D9Wa0IfT.js');
-require('./event-types-YOY5TKUN.js');
-require('./index-Yd9aLenr.js');
-
-const CheckoutCore = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.submitEvent = index.createEvent(this, "submit-event");
-        this.errorEvent = index.createEvent(this, "error-event");
-        this.loaded = index.createEvent(this, "loaded");
-        this.hasLoadedFonts = false;
-        this.renderState = 'loading';
-        this.creatingNewPaymentMethod = false;
-        this.insuranceToggled = false;
-        this.completeCheckout = async (payment) => {
-            this.complete({
-                payment,
-                onSuccess: this.onSubmitted,
-                onError: this.onError,
-            });
-        };
-        this.onSubmitted = (response) => {
-            this.submitEvent.emit({ response: response });
-            this.renderState = 'success';
-        };
-        this.onError = ({ error, code, severity }) => {
-            this.serverError = error;
-            this.errorEvent.emit({
-                errorCode: code,
-                message: error,
-                severity,
-            });
-            this.renderState = 'error';
-        };
-    }
-    async fillBillingForm(fields) {
-        this.paymentMethodOptionsRef.fillBillingForm(fields);
-    }
-    async validate() {
-        const insuranceValidation = insuranceState.validateInsuranceValues();
-        const { isValid } = await this.paymentMethodOptionsRef.validate();
-        if (!insuranceValidation.isValid || !isValid) {
-            return { isValid: false };
-        }
-        else {
-            return { isValid: true };
-        }
-    }
-    componentWillLoad() {
-        if (this.getCheckout) {
-            this.fetchData();
-            // Refresh the checkout data when insurance is added or removed
-            insuranceState.insuranceValuesOn('set', (key) => {
-                const value = insuranceState.insuranceValues[key];
-                if (value !== undefined) {
-                    this.insuranceToggled = value;
-                    this.fetchData();
-                }
-            });
-        }
-    }
-    fetchData() {
-        this.renderState = 'loading';
-        this.getCheckout({
-            onSuccess: ({ checkout }) => {
-                this.checkout = new Checkout.Checkout(checkout);
-                const { status } = this.checkout;
-                this.loaded.emit({ checkout_status: status });
-                this.renderState = 'success';
-            },
-            onError: ({ error, code, severity }) => {
-                this.serverError = error;
-                this.renderState = 'error';
-                this.errorEvent.emit({
-                    errorCode: code,
-                    message: error,
-                    severity,
-                });
-            }
-        });
-    }
-    ;
-    async submit(event) {
-        var _a;
-        event.preventDefault();
-        this.renderState = 'loading';
-        const insuranceValidation = insuranceState.validateInsuranceValues();
-        const payload = await this.paymentMethodOptionsRef.resolvePaymentMethod(insuranceValidation);
-        if (payload.validationError) {
-            this.renderState = 'error';
-        }
-        else if (payload.error) {
-            this.renderState = 'error';
-            this.serverError = payload.error.message;
-            this.onError({
-                code: payload.error.code,
-                error: payload.error.message,
-                severity: ComponentError.ComponentErrorSeverity.ERROR,
-            });
-        }
-        else if (payload.token) {
-            this.completeCheckout({ payment_mode: 'ecom', payment_token: payload.token });
-        }
-        else if (((_a = payload.bnpl) === null || _a === void 0 ? void 0 : _a.status) === 'success') {
-            this.completeCheckout({ payment_mode: 'bnpl' });
-        }
-        else {
-            this.renderState = 'error';
-        }
-    }
-    get isLoading() {
-        return this.renderState === 'loading';
-    }
-    get isError() {
-        return this.renderState === 'error';
-    }
-    get paymentType() {
-        var _a, _b, _c, _d, _e;
-        return (index.h("section", null, index.h("div", { class: !this.isLoading && 'visually-hidden' }, index.h(skeleton.Skeleton, { height: "300px" })), index.h("div", { class: this.isLoading && 'visually-hidden' }, index.h("justifi-payment-method-options", { ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": !this.disableBnpl, paymentMethodGroupId: (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_method_group_id, "show-saved-payment-methods": !this.disablePaymentMethodGroup, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, bnpl: (_b = this.checkout) === null || _b === void 0 ? void 0 : _b.bnpl, authToken: this.authToken, "account-id": (_c = this.checkout) === null || _c === void 0 ? void 0 : _c.account_id, savedPaymentMethods: ((_d = this.checkout) === null || _d === void 0 ? void 0 : _d.payment_methods) || [], paymentAmount: (_e = this.checkout) === null || _e === void 0 ? void 0 : _e.payment_amount, insuranceToggled: this.insuranceToggled }))));
-    }
-    get summary() {
-        var _a, _b;
-        return (index.h("section", null, index.h("div", { class: !this.isLoading && 'visually-hidden' }, index.h(skeleton.Skeleton, { height: "24px" })), index.h("div", { class: this.isLoading && 'visually-hidden' }, index.h("div", { part: parts.text }, (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_description), index.h("div", null, index.h("span", { part: parts.text }, "Total"), "\u00A0", index.h("span", { part: parts.text }, utils.formatCurrency(+((_b = this.checkout) === null || _b === void 0 ? void 0 : _b.total_amount)))))));
-    }
-    render() {
-        return (index.h(styledHost.StyledHost, { key: '2fb8b2c2b543712023c74cf9b41dc57675c89237' }, index.h("div", { key: 'caba36e076e4162d9c92844f7c0632b5bf678de6', class: "row gy-3 jfi-checkout-core" }, index.h("div", { key: '6a27d64005d785815d5567894d6e2a6e1e515cf8', class: "col-12", part: parts.checkoutSummary }, index.h(insuranceState.Header2, { key: '645fe4250331805e86811700b453458f065188bd', text: "Summary", class: "fs-5 fw-bold pb-3" }), this.summary), index.h("div", { key: 'c49c73eb3462ad17e0344e74be508abe958a9358', class: "col-12" }, index.h("slot", { key: 'be626bff57c95b92f9853e2e9b63dd9279834142', name: "insurance" })), index.h("div", { key: '025b0400164935f10d6c79d445bfdcf157290fd6', class: "col-12 mt-4" }, index.h(insuranceState.Header2, { key: '483b5d53b5cea3ae6fccfbb3aa9d3efe0dc8fcab', text: "Payment", class: "fs-5 fw-bold pb-3" }), index.h(header3.Header3, { key: '21abbd4d669e351c8ad0a87b7b408a4998948b46', text: "Select payment type", class: "fs-6 fw-bold lh-lg" }), index.h("div", { key: '9441e97e1bd64b796ebcf1404d4ca04964990982', class: "d-flex flex-column" }, this.paymentType)), index.h("div", { key: '9db2e4fccff5b868e7d329d9b0be864942adcc3d', class: "col-12" }, index.h("div", { key: '2eaef4ed6062b27de2516de7b71a056c829f8cab', class: "d-flex justify-content-end" }, index.h(button.Button, { key: '505869afa61094d628b58a32749c44f678e4fda3', type: "submit", variant: "primary", onClick: (e) => this.submit(e), disabled: this.isLoading, isLoading: this.isLoading, style: { width: '100%' } }, "Pay"))))));
-    }
-};
-
-exports.justifi_checkout_core = CheckoutCore;

package/dist/cjs/justifi-season-interruption-insurance-core.cjs.entry.js

@@ -1,124 +0,0 @@
-'use strict';
-
-var index = require('./index-dm_GlYlb.js');
-var utils = require('./utils-Dka3MplB.js');
-var insuranceState = require('./insurance-state-qT_hkvZV.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');
-require('./index-Yd9aLenr.js');
-
-const SeasonInterruptionInsuranceLoading = () => (index.h("div", { class: "row gap-3" },
-    index.h("div", { class: "col-12" },
-        index.h(skeleton.Skeleton, { width: "35%", height: "30px" })),
-    index.h("div", { class: "col-12" },
-        index.h(skeleton.Skeleton, { width: "70%" })),
-    index.h("div", { class: "col-12" },
-        index.h(skeleton.Skeleton, { width: "40%" })),
-    index.h("div", { class: "col-12" },
-        index.h(skeleton.Skeleton, { width: "40%" })),
-    index.h("div", { class: "col-12" },
-        index.h(skeleton.Skeleton, { width: "100%" })),
-    index.h("div", { class: "col-12" },
-        index.h(skeleton.Skeleton, { width: "80%" }))));
-
-const SeasonInterruptionInsuranceCore = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.insuranceUpdated = index.createEvent(this, "insurance-updated");
-        this.errorEvent = index.createEvent(this, "error-event");
-        this.isLoading = true;
-    }
-    async validate() {
-        return insuranceState.validateInsuranceValues();
-    }
-    processHTMLContent(html) {
-        return utils.processHTML(html, [
-            (html) => utils.removeAttribute(html, 'style'),
-            (html) => utils.addAttribute(html, 'a', 'part', parts.text),
-            (html) => utils.addAttribute(html, 'p', 'part', parts.text),
-        ]);
-    }
-    componentWillLoad() {
-        if (this.getQuote) {
-            this.fetchData();
-        }
-    }
-    ;
-    fetchData() {
-        this.isLoading = true;
-        this.getQuote({
-            payload: {
-                checkout_id: this.checkoutId,
-                policy_type: "season_interruption",
-                primary_identity: {
-                    state: this.primaryIdentityState,
-                    email: this.primaryIdentityEmailAddress,
-                    first_name: this.primaryIdentityFirstName,
-                    last_name: this.primaryIdentityLastName,
-                    postal_code: this.primaryIdentityPostalCode,
-                    country: this.primaryIdentityCountry
-                },
-                policy_attributes: {
-                    insurable_amount: this.policyAttributesInsurableAmount,
-                    start_date: this.policyAttributesStartDate,
-                    end_date: this.policyAttributesEndDate,
-                    covered_identity: {
-                        first_name: this.coveredIdentityFirstName,
-                        last_name: this.coveredIdentityLastName
-                    }
-                }
-            },
-            onSuccess: ({ quote }) => {
-                this.quote = quote;
-                this.quote.product.description = this.processHTMLContent(this.quote.product.description);
-                this.quote.product.legal_disclaimer = this.processHTMLContent(this.quote.product.legal_disclaimer);
-                insuranceState.insuranceValues[quote.policy_type] = quote.accepted;
-                this.isLoading = false;
-            },
-            onError: ({ error, code, severity }) => {
-                this.isLoading = false;
-                this.errorEvent.emit({
-                    errorCode: code,
-                    message: error,
-                    severity,
-                });
-            }
-        });
-    }
-    ;
-    onChangeHandler(_name, value) {
-        this.accepted = value;
-        insuranceState.insuranceErrors[this.quote.policy_type] = false;
-        this.toggleCoverage({
-            quoteId: this.quote.id,
-            payload: { accepted: this.accepted },
-            onSuccess: () => {
-                this.insuranceUpdated.emit();
-                insuranceState.insuranceValues[this.quote.policy_type] = this.accepted;
-            },
-            onError: ({ error, code, severity }) => {
-                this.errorEvent.emit({
-                    errorCode: code,
-                    message: error,
-                    severity,
-                });
-            }
-        });
-    }
-    get error() {
-        var _a;
-        return insuranceState.insuranceErrors[(_a = this.quote) === null || _a === void 0 ? void 0 : _a.policy_type];
-    }
-    render() {
-        var _a, _b, _c, _d;
-        if (this.isLoading)
-            return (index.h(styledHost.StyledHost, null, index.h(SeasonInterruptionInsuranceLoading, null)));
-        return (index.h(styledHost.StyledHost, null, index.h("div", null, index.h(insuranceState.Header2, { text: (_a = this.quote) === null || _a === void 0 ? void 0 : _a.product.title, class: "fs-5 fw-bold pb-3" }), index.h("small", { part: parts.text, innerHTML: (_b = this.quote) === null || _b === void 0 ? void 0 : _b.product.description }), index.h("form-control-radio", { label: `Accept coverage for ${utils.formatCurrency((_c = this.quote) === null || _c === void 0 ? void 0 : _c.total_cents)}`, name: "opt-in", value: 'true', checked: this.accepted === 'true', inputHandler: this.onChangeHandler.bind(this),
-            // don't wanna show error message, but need to show the red border
-            errorText: this.error ? ' ' : undefined }), index.h("form-control-radio", { label: "Decline coverage", name: "opt-in", value: 'false', checked: this.accepted === 'false', inputHandler: this.onChangeHandler.bind(this), errorText: this.error ? ' ' : undefined }), index.h("div", { class: "invalid-feedback", style: { display: this.error ? 'block' : 'none' }, part: parts.textDanger }, "Please select an option"), index.h("small", { part: parts.text, innerHTML: (_d = this.quote) === null || _d === void 0 ? void 0 : _d.product.legal_disclaimer }))));
-    }
-};
-
-exports.justifi_season_interruption_insurance_core = SeasonInterruptionInsuranceCore;

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

@@ -1,80 +0,0 @@
-'use strict';
-
-var index = require('./index-dm_GlYlb.js');
-var button = require('./button-CfVQSysQ.js');
-var styledHost = require('./styled-host-CqQYxX-w.js');
-require('./event-types-YOY5TKUN.js');
-var checkPkgVersion = require('./check-pkg-version-Co_IKlwj.js');
-require('./config-state-5xZf-jax.js');
-require('./utils-Dka3MplB.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-nsVtlYWD.js');
-require('./Pagination-Dediz133.js');
-require('./Payment-2Zmn-l6G.js');
-require('./Refund-h6MCxFEE.js');
-require('./Business-DCRzZf0w.js');
-require('./Dispute-CruQTF6_.js');
-require('./parts-9jMf1erK.js');
-require('./package-B7_ed3oS.js');
-require('./Api-p2pK86Zd.js');
-require('./index-Yd9aLenr.js');
-require('./helpers-B5OCqlIM.js');
-require('./state-options-CIT9xdTz.js');
-
-const TokenizePaymentMethod = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.errorEvent = index.createEvent(this, "error-event");
-        this.submitEvent = index.createEvent(this, "submit-event");
-        this.submitButtonText = 'Submit';
-        this.isLoading = false;
-    }
-    componentWillLoad() {
-        checkPkgVersion.checkPkgVersion();
-        this.analytics = new checkPkgVersion.JustifiAnalytics(this);
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
-    }
-    ;
-    async tokenizePaymentMethod(event) {
-        event && event.preventDefault();
-        this.isLoading = true;
-        let tokenizeResponse;
-        try {
-            tokenizeResponse = await this.paymentMethodOptionsRef.resolvePaymentMethod({ isValid: true });
-            if (tokenizeResponse.error) {
-                this.errorEvent.emit({
-                    errorCode: tokenizeResponse.error.code,
-                    message: tokenizeResponse.error.message,
-                    severity: ComponentError.ComponentErrorSeverity.ERROR,
-                });
-            }
-        }
-        catch (error) {
-            const errorData = {
-                errorCode: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
-                message: error.message,
-                severity: ComponentError.ComponentErrorSeverity.ERROR,
-            };
-            this.errorEvent.emit(errorData);
-        }
-        finally {
-            this.submitEvent.emit({ response: tokenizeResponse });
-            this.isLoading = false;
-            return tokenizeResponse;
-        }
-    }
-    async fillBillingForm(fields) {
-        this.paymentMethodOptionsRef.fillBillingForm(fields);
-    }
-    async validate() {
-        return this.paymentMethodOptionsRef.validate();
-    }
-    render() {
-        return (index.h(styledHost.StyledHost, { key: 'bde61e05e8148b4bb3c054d124070a160fd7ca13' }, index.h("form", { key: 'ea0dd3192fc924bbf22a80562030c6557e32d905' }, index.h("fieldset", { key: '8a96c0b8e5497d97f0e546558e0ad37a57a459cb' }, index.h("div", { key: '849547d7b1c810533af86104eb7ae42b569c9c97', class: "row gy-3" }, index.h("div", { key: 'afc1b73d0a027e2ea6e8cec831f43f53cd2b8666', class: "col-12" }, index.h("justifi-payment-method-options", { key: '8af2e6076d689ca358a9542cea10d314dee68444', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, authToken: this.authToken, "account-id": this.accountId })), index.h("div", { key: '62ac0ff4f7774adadfa8bbbdbc474ba3cd15c5f4', class: "col-12" }, index.h(button.Button, { key: 'c5212829153b3c217ce18aac4cbb3afa58f1e7b3', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton }, this.submitButtonText)))))));
-    }
-};
-
-exports.justifi_tokenize_payment_method = TokenizePaymentMethod;