@justifi/webcomponents 5.7.6-rc-20 → 5.7.6-rc-21

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

@@ -1,116 +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');
-var checkout_store = require('./checkout.store-mEv437nN.js');
-var paymentMethodOptionUtils = require('./payment-method-option-utils-CfLXhpsL.js');
-var utils = require('./utils-Dka3MplB.js');
-require('./index-Yd9aLenr.js');
-
-const SavedPaymentMethods = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.onPaymentMethodOptionClick = (paymentMethodId) => (e) => {
-            e.preventDefault();
-            checkout_store.checkoutStore.selectedPaymentMethod = paymentMethodId;
-        };
-        this.isAllowedPaymentMethod = (paymentMethod) => {
-            if (paymentMethod.type === 'card' && checkout_store.checkoutStore.disableCreditCard) {
-                return false;
-            }
-            if (paymentMethod.type === 'bank_account' && checkout_store.checkoutStore.disableBankAccount) {
-                return false;
-            }
-            return true;
-        };
-    }
-    componentWillLoad() {
-        if (!checkout_store.checkoutStore.paymentMethods.length) {
-            console.warn('No saved payment methods available.');
-        }
-        if (checkout_store.checkoutStore.disablePaymentMethodGroup) {
-            console.warn('Payment method group is disabled.');
-        }
-    }
-    render() {
-        if (checkout_store.checkoutStore.disablePaymentMethodGroup) {
-            return null;
-        }
-        return (index.h(styledHost.StyledHost, null, index.h("div", { class: "saved-payment-methods" }, checkout_store.checkoutStore.paymentMethods.length ? checkout_store.checkoutStore.paymentMethods
-            .filter(this.isAllowedPaymentMethod)
-            .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.checkoutStore.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.checkoutStore.selectedPaymentMethod = this.paymentMethodOptionId;
-            this.paymentMethodOptionSelected.emit(this.paymentMethodOptionId);
-        };
-        this.initializeSezzleCheckout = () => {
-            let resolveSezzlePromise;
-            this.sezzlePromise = new Promise((resolve) => { resolveSezzlePromise = resolve; });
-            const amount = Number(checkout_store.checkoutStore.paymentAmount);
-            const Checkout = window.Checkout;
-            const checkout = new Checkout({
-                mode: 'popup',
-                publicKey: checkout_store.checkoutStore.bnplProviderClientId,
-                apiMode: checkout_store.checkoutStore.bnplProviderMode,
-                apiVersion: checkout_store.checkoutStore.bnplProviderApiVersion,
-            });
-            checkout.sezzleButtonElement = this.sezzleButtonRef;
-            checkout.init({
-                onClick: function (event) {
-                    event.preventDefault();
-                    checkout.startCheckout({
-                        checkout_url: checkout_store.checkoutStore.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.checkoutStore.bnplEnabled || checkout_store.checkoutStore.disableBnpl) {
-            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.checkoutStore.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_saved_payment_methods = SavedPaymentMethods;
-exports.justifi_sezzle_payment_method = SezzlePaymentMethod;

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

@@ -1,123 +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();
-    }
-    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 = utils.processHTML(this.quote.product.description, [
-                    (html) => utils.removeAttribute(html, 'style'),
-                    (html) => utils.addAttribute(html, 'a', 'part', parts.text)
-                ]);
-                this.quote.product.legal_disclaimer = utils.processHTML(this.quote.product.legal_disclaimer, [
-                    (html) => utils.removeAttribute(html, 'style'),
-                    (html) => utils.addAttribute(html, 'a', 'part', parts.text)
-                ]);
-                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(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", { innerHTML: (_b = this.quote) === null || _b === void 0 ? void 0 : _b.product.description, part: parts.text }), 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", { innerHTML: (_d = this.quote) === null || _d === void 0 ? void 0 : _d.product.legal_disclaimer, part: parts.text })));
-    }
-};
-
-exports.justifi_season_interruption_insurance_core = SeasonInterruptionInsuranceCore;

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

@@ -1,86 +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-YrC82qgd.js');
-require('./config-state-5xZf-jax.js');
-require('./utils-Dka3MplB.js');
-var ComponentError = require('./ComponentError-D4OLnOkg.js');
-require('./Refund-BztCb6AK.js');
-require('./Pagination-Dediz133.js');
-require('./Payment-2Zmn-l6G.js');
-require('./Business-DCRzZf0w.js');
-require('./Dispute-CruQTF6_.js');
-var checkout_store = require('./checkout.store-mEv437nN.js');
-require('./parts-9jMf1erK.js');
-require('./package-DXiZjuAU.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);
-        if (!this.authToken) {
-            this.authToken = checkout_store.checkoutStore.authToken;
-        }
-        if (!this.accountId) {
-            this.accountId = checkout_store.checkoutStore.accountId;
-        }
-    }
-    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: 'b122a82d00045609c3aadb38780451c56fed3986' }, index.h("form", { key: '65ccc13977bfc61fae403a9e49fb796cda58c5a5' }, index.h("fieldset", { key: '7e2b545334a7b8951c491f04d1cb3b356095e1da' }, index.h("div", { key: 'e78e3b896d8b5e3b67017f5f214d9b2c224c6650', class: "row gy-3" }, index.h("div", { key: '679f6b00bb91a7551082e10dfc849d62070c0a72', class: "col-12" }, index.h("justifi-payment-method-options", { key: '41d9590b7a0d6476ae1774e8064e3813f485965f', 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: '2d7a9a0d13009f836bd05da27fc5400b194b105c', class: "col-12" }, index.h(button.Button, { key: '9d1e28220380560e92a895eecd714849cbbf06a3', 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;

package/dist/collection/api/ApplePay.js

@@ -1,119 +0,0 @@
-export var ApplePaySessionStatus;
-(function (ApplePaySessionStatus) {
-    ApplePaySessionStatus["STATUS_SUCCESS"] = "STATUS_SUCCESS";
-    ApplePaySessionStatus["STATUS_FAILURE"] = "STATUS_FAILURE";
-})(ApplePaySessionStatus || (ApplePaySessionStatus = {}));
-export var ApplePayButtonType;
-(function (ApplePayButtonType) {
-    ApplePayButtonType["PLAIN"] = "plain";
-    ApplePayButtonType["BUY"] = "buy";
-    ApplePayButtonType["SET_UP"] = "set-up";
-    ApplePayButtonType["DONATE"] = "donate";
-    ApplePayButtonType["CHECK_OUT"] = "check-out";
-    ApplePayButtonType["BOOK"] = "book";
-    ApplePayButtonType["SUBSCRIBE"] = "subscribe";
-})(ApplePayButtonType || (ApplePayButtonType = {}));
-export var ApplePayButtonStyle;
-(function (ApplePayButtonStyle) {
-    ApplePayButtonStyle["BLACK"] = "black";
-    ApplePayButtonStyle["WHITE"] = "white";
-    ApplePayButtonStyle["WHITE_OUTLINE"] = "white-outline";
-})(ApplePayButtonStyle || (ApplePayButtonStyle = {}));
-export var ApplePayMerchantCapability;
-(function (ApplePayMerchantCapability) {
-    ApplePayMerchantCapability["SUPPORTS_3DS"] = "supports3DS";
-    ApplePayMerchantCapability["SUPPORTS_EMV"] = "supportsEMV";
-    ApplePayMerchantCapability["SUPPORTS_CREDIT"] = "supportsCredit";
-    ApplePayMerchantCapability["SUPPORTS_DEBIT"] = "supportsDebit";
-})(ApplePayMerchantCapability || (ApplePayMerchantCapability = {}));
-export class ApplePayConfig {
-    constructor(data) {
-        this.merchantIdentifier = data.merchantIdentifier;
-        this.displayName = data.displayName;
-        this.initiative = data.initiative;
-        this.initiativeContext = data.initiativeContext;
-        this.buttonType = data.buttonType || ApplePayButtonType.PLAIN;
-        this.buttonStyle = data.buttonStyle || ApplePayButtonStyle.BLACK;
-        this.buttonLocale = data.buttonLocale || 'en-US';
-    }
-    get isValid() {
-        return !!(this.merchantIdentifier &&
-            this.displayName &&
-            this.initiative &&
-            this.initiativeContext);
-    }
-}
-export class ApplePayPaymentRequest {
-    constructor(data) {
-        this.countryCode = data.countryCode;
-        this.currencyCode = data.currencyCode;
-        this.merchantCapabilities = data.merchantCapabilities;
-        this.supportedNetworks = data.supportedNetworks;
-        this.total = data.total;
-        this.lineItems = data.lineItems;
-        this.shippingMethods = data.shippingMethods;
-        this.applicationData = data.applicationData;
-        this.supportedCountries = data.supportedCountries;
-    }
-    get isValid() {
-        var _a, _b, _c, _d;
-        return !!(this.countryCode &&
-            this.currencyCode &&
-            ((_a = this.merchantCapabilities) === null || _a === void 0 ? void 0 : _a.length) &&
-            ((_b = this.supportedNetworks) === null || _b === void 0 ? void 0 : _b.length) &&
-            ((_c = this.total) === null || _c === void 0 ? void 0 : _c.label) &&
-            ((_d = this.total) === null || _d === void 0 ? void 0 : _d.amount));
-    }
-}
-export class ApplePayHelpers {
-    static isApplePaySupported() {
-        var _a;
-        return (typeof window !== 'undefined' &&
-            'ApplePaySession' in window &&
-            ((_a = window.ApplePaySession) === null || _a === void 0 ? void 0 : _a.supportsVersion(3)));
-    }
-    static canMakePayments() {
-        var _a;
-        if (!this.isApplePaySupported()) {
-            return false;
-        }
-        return ((_a = window.ApplePaySession) === null || _a === void 0 ? void 0 : _a.canMakePayments()) || false;
-    }
-    static async canMakePaymentsWithActiveCard(merchantIdentifier) {
-        var _a;
-        if (!this.isApplePaySupported()) {
-            return false;
-        }
-        try {
-            return ((await ((_a = window.ApplePaySession) === null || _a === void 0 ? void 0 : _a.canMakePaymentsWithActiveCard(merchantIdentifier))) || false);
-        }
-        catch (error) {
-            console.error('Error checking Apple Pay active card:', error);
-            return false;
-        }
-    }
-    static formatAmount(amount) {
-        return (amount / 100).toFixed(2);
-    }
-    static parseAmount(amount) {
-        return Math.round(parseFloat(amount) * 100);
-    }
-    static createLineItem(label, amount, type = 'final') {
-        return {
-            label,
-            amount: this.formatAmount(amount),
-            type,
-        };
-    }
-    static getDefaultSupportedNetworks() {
-        return ['amex', 'discover', 'masterCard', 'visa'];
-    }
-    static getDefaultMerchantCapabilities() {
-        return [
-            ApplePayMerchantCapability.SUPPORTS_3DS,
-            ApplePayMerchantCapability.SUPPORTS_EMV,
-            ApplePayMerchantCapability.SUPPORTS_CREDIT,
-            ApplePayMerchantCapability.SUPPORTS_DEBIT,
-        ];
-    }
-}