@justifi/webcomponents 5.7.5 → 5.7.6-rc-01

package/dist/cjs/justifi-button_5.cjs.entry.js

@@ -0,0 +1,322 @@
+'use strict';
+
+var index = require('./index-D5bL1DOi.js');
+var styledHost = require('./styled-host-DXNHOiqW.js');
+var button = require('./button-0HYMPryx.js');
+var parts = require('./parts-9jMf1erK.js');
+var utils = require('./utils-qOon0GWm.js');
+var checkout_store = require('./checkout.store--pVCO0L1.js');
+require('./event-types-YOY5TKUN.js');
+var header1 = require('./header-1-M-mc3bsa.js');
+var insuranceState = require('./insurance-state-BsGy_svD.js');
+var header3 = require('./header-3-BnKbOjvz.js');
+var checkPkgVersion = require('./check-pkg-version-Dn-3Aibs.js');
+require('./config-state-Dz9bnWHg.js');
+var ComponentError = require('./ComponentError-CEv9ltwy.js');
+require('./Refund-Dt1CMUjx.js');
+require('./Pagination-Dediz133.js');
+require('./Payment-D5UynU2f.js');
+require('./Business-DCRzZf0w.js');
+require('./Dispute-CruQTF6_.js');
+var utils$1 = require('./utils-IGCnjtqc.js');
+var checkout_service = require('./checkout.service-XwOh98gt.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
+require('./index-BCtVWU61.js');
+require('./package-ClqzRJoK.js');
+require('./Api-c8NBCwu4.js');
+require('./helpers-B5OCqlIM.js');
+require('./state-options-CIT9xdTz.js');
+
+const JustifiButton = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.variant = 'primary';
+        this.type = 'button';
+    }
+    render() {
+        return (index.h(styledHost.StyledHost, { key: 'e921657ff4c5aae07184ba6560a0f42b1e908643' }, index.h(button.Button, { key: '837cad8384e8d0e2e81d329beb4693ebb15b7d59', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
+    }
+};
+
+const Summary = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h(styledHost.StyledHost, { key: '9057314b14d664a53f9027fe8931c9e06d40da06' }, index.h("section", { key: '7f9d83b6684b0e12b8ac2f77980a46a8645bf9eb' }, index.h("div", { key: 'dec6d2cfc844ea84c8b2ed432ff158336accf753' }, index.h("div", { key: 'a70a972e3dcdad849602dcc701a945c065711a8a', part: parts.text }, checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.paymentDescription), index.h("div", { key: 'cb2836ddfecd765399d596156cafeb2eec8e65eb' }, index.h("span", { key: '9578966828d25390357d15a0b20348a39b30ab4f', part: parts.text }, "Total"), "\u00A0", index.h("span", { key: '00643561d4e300539f43b970e4e31bc387d6e307', part: parts.text }, utils.formatCurrency(+(checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.totalAmount))))))));
+    }
+};
+
+const Header = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.levels = {
+            h1: header1.Header1,
+            h2: insuranceState.Header2,
+            h3: header3.Header3,
+        };
+        this.level = 'h1';
+    }
+    render() {
+        const HeaderComponent = this.levels[this.level];
+        return (index.h(styledHost.StyledHost, { key: '1aa6a2f69da4f32ddfaae58c751134b4a8bd20b9' }, index.h(HeaderComponent, { key: 'f2877d1ef32662ab1a17a993d80366df01120a00', text: this.text, class: this.class })));
+    }
+};
+
+const makeGetCheckout = ({ authToken, checkoutId, service }) => async ({ onSuccess, onError }) => {
+    var _a;
+    try {
+        const response = await service.fetchCheckout(authToken, checkoutId);
+        if (!response.error) {
+            const checkout = response.data;
+            onSuccess({ checkout });
+        }
+        else {
+            const responseError = utils$1.getErrorMessage(response.error);
+            const code = utils$1.getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentError.ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = utils$1.getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentError.ComponentErrorSeverity.ERROR,
+        });
+    }
+};
+const makeCheckoutComplete = ({ authToken, checkoutId, service }) => async ({ payment, onSuccess, onError }) => {
+    var _a;
+    try {
+        const response = await service.complete(authToken, checkoutId, payment);
+        if (!response.error) {
+            onSuccess(response);
+        }
+        else {
+            const responseError = utils$1.getErrorMessage(response.error);
+            const code = utils$1.getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentError.ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = utils$1.getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentError.ComponentErrorSeverity.ERROR,
+        });
+    }
+};
+
+const CheckoutWrapper = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.errorEvent = index.createEvent(this, "error-event");
+        this.submitEvent = index.createEvent(this, "submit-event");
+        this.savePaymentMethod = false;
+    }
+    connectedCallback() {
+        this.observer = new MutationObserver(() => {
+            this.queryFormRefs();
+        });
+        this.observer.observe(this.hostEl, {
+            childList: true,
+            subtree: true
+        });
+        checkout_store.checkoutStore.checkoutId = this.checkoutId;
+        const config = {
+            authToken: this.authToken,
+            checkoutId: this.checkoutId,
+            service: new checkout_service.CheckoutService()
+        };
+        this.getCheckout = makeGetCheckout(config);
+        this.completeCheckout = makeCheckoutComplete(config);
+    }
+    componentWillLoad() {
+        this.analytics = new checkPkgVersion.JustifiAnalytics(this);
+        checkPkgVersion.checkPkgVersion();
+        checkout_store.checkoutStore.authToken = this.authToken;
+        this.fetchCheckout();
+        // Refresh the checkout data when insurance is added or removed
+        insuranceState.insuranceValuesOn('set', (key) => {
+            const value = insuranceState.insuranceValues[key];
+            if (value !== undefined) {
+                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 }) => {
+                    this.updateStore(checkout);
+                },
+                onError: (error) => {
+                    this.errorEvent.emit({
+                        message: error.message,
+                        errorCode: ComponentError.ComponentErrorCodes.FETCH_ERROR,
+                        severity: ComponentError.ComponentErrorSeverity.ERROR,
+                    });
+                }
+            });
+        }
+    }
+    updateStore(checkout) {
+        var _a, _b, _c, _d;
+        checkout_store.checkoutStore.accountId = checkout.account_id;
+        checkout_store.checkoutStore.paymentMethods = checkout.payment_methods;
+        checkout_store.checkoutStore.paymentMethodGroupId = checkout.payment_method_group_id;
+        checkout_store.checkoutStore.paymentDescription = checkout.payment_description;
+        checkout_store.checkoutStore.totalAmount = checkout.total_amount;
+        checkout_store.checkoutStore.paymentAmount = checkout.payment_amount;
+        checkout_store.checkoutStore.bnplEnabled = checkout.payment_settings.bnpl_payments;
+        checkout_store.checkoutStore.bnplProviderClientId = (_a = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _a === void 0 ? void 0 : _a.provider_client_id;
+        checkout_store.checkoutStore.bnplProviderMode = (_b = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _b === void 0 ? void 0 : _b.provider_mode;
+        checkout_store.checkoutStore.bnplProviderApiVersion = (_c = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _c === void 0 ? void 0 : _c.provider_api_version;
+        checkout_store.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-information-form, justifi-postal-code-form');
+        this.insuranceFormRef = this.hostEl.querySelector('justifi-season-interruption-insurance');
+        this.sezzlePaymentMethodRef = this.hostEl.querySelector('justifi-sezzle-payment-method');
+    }
+    async tokenizePaymentMethod(tokenizeArgs) {
+        var _a, _b;
+        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: checkout_store.checkoutStore.accountId, payment_method_group_id: undefined }, combinedBillingInfo);
+        if (this.savePaymentMethod) {
+            paymentMethodMetadata.payment_method_group_id = checkout_store.checkoutStore.paymentMethodGroupId;
+        }
+        return this.paymentMethodFormRef.tokenize({
+            clientId: this.authToken,
+            paymentMethodMetadata,
+            account: checkout_store.checkoutStore.accountId,
+        });
+    }
+    async getPaymentMethod(submitCheckoutArgs) {
+        if (!this.paymentMethodFormRef) {
+            return checkout_store.checkoutStore.selectedPaymentMethod;
+        }
+        const { error, id: token } = await this.tokenizePaymentMethod(submitCheckoutArgs);
+        if (error) {
+            this.errorEvent.emit({
+                errorCode: error.code,
+                message: error.message,
+                severity: ComponentError.ComponentErrorSeverity.ERROR,
+            });
+            return undefined;
+        }
+        return token;
+    }
+    async validate() {
+        var _a, _b;
+        const promises = [
+            (_a = this.paymentMethodFormRef) === null || _a === void 0 ? void 0 : _a.validate(),
+            (_b = this.billingInformationFormRef) === null || _b === void 0 ? void 0 : _b.validate()
+        ];
+        if (this.insuranceFormRef) {
+            promises.push(this.insuranceFormRef.validate());
+        }
+        const validationResults = await Promise.all(promises);
+        return validationResults.every(result => (result === null || result === void 0 ? void 0 : result.isValid) !== false);
+    }
+    async submitCheckout(submitCheckoutArgs) {
+        var _a;
+        const isValid = await this.validate();
+        if (!isValid) {
+            this.errorEvent.emit({
+                message: 'Please fill in all required fields.',
+                errorCode: ComponentError.ComponentErrorCodes.VALIDATION_ERROR,
+                severity: ComponentError.ComponentErrorSeverity.ERROR,
+            });
+            return;
+        }
+        let payment;
+        if (checkout_store.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: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
+                    severity: ComponentError.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: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
+                    severity: ComponentError.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: ComponentError.ComponentErrorCodes.COMPLETE_CHECKOUT_ERROR,
+                    severity: ComponentError.ComponentErrorSeverity.ERROR,
+                });
+            },
+        });
+    }
+    render() {
+        return (index.h(index.Host, { key: 'a9a6bd46fce34ecd2aec40db02f04c25ed500396' }));
+    }
+    get hostEl() { return index.getElement(this); }
+};
+
+const PaymentMethodOption = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h(styledHost.StyledHost, { key: 'bef445cfdd80c24e9b005f503cf4913ceac4eae8', class: "payment-method" }, index.h("div", { key: 'af292fe29e32858371b7a41fb3d1b983a33d4cc0', class: "radio-list-item p-3", part: parts.radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, index.h("form-control-radio", { key: '7f3e0ea48a5a8d9b655e1f8609065b7de06386eb', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
+    }
+};
+
+exports.justifi_button = JustifiButton;
+exports.justifi_checkout_summary = Summary;
+exports.justifi_header = Header;
+exports.justifi_modular_checkout = CheckoutWrapper;
+exports.payment_method_option = PaymentMethodOption;

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

@@ -1,137 +1,122 @@
 'use strict';
 
 var index = require('./index-D5bL1DOi.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-var utils = require('./utils-l0veqT9y.js');
-var checkout_service = require('./checkout.service-DtMzeEwi.js');
-var checkPkgVersion = require('./check-pkg-version-DuL7lRe2.js');
+var checkPkgVersion = require('./check-pkg-version-Dn-3Aibs.js');
+var checkout_store = require('./checkout.store--pVCO0L1.js');
+var parts = require('./parts-9jMf1erK.js');
+var Payment = require('./Payment-D5UynU2f.js');
+var styledHost = require('./styled-host-DXNHOiqW.js');
+require('./event-types-YOY5TKUN.js');
+require('./package-ClqzRJoK.js');
 require('./Api-c8NBCwu4.js');
 require('./config-state-Dz9bnWHg.js');
 require('./index-BCtVWU61.js');
 require('./utils-qOon0GWm.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
-require('./Checkout-TZnRz3-3.js');
+require('./ComponentError-CEv9ltwy.js');
+require('./Refund-Dt1CMUjx.js');
 require('./Pagination-Dediz133.js');
-require('./Payment-D5UynU2f.js');
-require('./Dispute-CruQTF6_.js');
-require('./Refund-DN-yzFgy.js');
 require('./Business-DCRzZf0w.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
-require('./package-o4g7MDiy.js');
+require('./Dispute-CruQTF6_.js');
 
-const makeGetCheckout = ({ authToken, checkoutId, service }) => async ({ onSuccess, onError }) => {
-    var _a;
-    try {
-        const response = await service.fetchCheckout(authToken, checkoutId);
-        if (!response.error) {
-            const checkout = response.data;
-            onSuccess({ checkout });
-        }
-        else {
-            const responseError = utils.getErrorMessage(response.error);
-            const code = utils.getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
-            return onError({
-                error: responseError,
-                code,
-                severity: ComponentError.ComponentErrorSeverity.ERROR,
-            });
-        }
-    }
-    catch (error) {
-        const code = utils.getErrorCode(error === null || error === void 0 ? void 0 : error.code);
-        return onError({
-            error: error.message || error,
-            code,
-            severity: ComponentError.ComponentErrorSeverity.ERROR,
-        });
-    }
-};
-const makeCheckoutComplete = ({ authToken, checkoutId, service }) => async ({ payment, onSuccess, onError }) => {
-    var _a;
-    try {
-        const response = await service.complete(authToken, checkoutId, payment);
-        if (!response.error) {
-            onSuccess(response);
-        }
-        else {
-            const responseError = utils.getErrorMessage(response.error);
-            const code = utils.getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
-            return onError({
-                error: responseError,
-                code,
-                severity: ComponentError.ComponentErrorSeverity.ERROR,
-            });
-        }
-    }
-    catch (error) {
-        const code = utils.getErrorCode(error === null || error === void 0 ? void 0 : error.code);
-        return onError({
-            error: error.message || error,
-            code,
-            severity: ComponentError.ComponentErrorSeverity.ERROR,
-        });
-    }
+const PaymentMethodTypeLabels = {
+    bankAccount: 'New bank account',
+    card: 'New credit or debit card',
 };
-
 const Checkout = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.errorEvent = index.createEvent(this, "error-event");
         this.loadedEvent = index.createEvent(this, "loaded");
+        this.submitEvent = index.createEvent(this, "submit-event");
         this.errorMessage = '';
+        this.insuranceToggled = false;
+        this.isSubmitting = false; // This is used to prevent multiple submissions and is different from loading state
+        this.paymentMethodOptions = [];
+        this.savePaymentMethod = false;
+        this.disableBankAccount = false;
+        this.disableBnpl = false;
+        this.disableCreditCard = false;
+        this.disablePaymentMethodGroup = false;
+        this.hideBankAccountBillingForm = false;
+        this.hideCardBillingForm = false;
+    }
+    propChanged() {
+        this.updateStore();
+    }
+    connectedCallback() {
+        if (this.authToken && this.checkoutId) {
+            this.updateStore();
+        }
     }
     componentWillLoad() {
         checkPkgVersion.checkPkgVersion();
         this.analytics = new checkPkgVersion.JustifiAnalytics(this);
-        this.initializeGetCheckout();
     }
     disconnectedCallback() {
         var _a;
         (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
-    ;
-    initializeGetCheckout() {
-        if (this.authToken && this.checkoutId) {
-            this.getCheckout = makeGetCheckout({
-                authToken: this.authToken,
-                checkoutId: this.checkoutId,
-                service: new checkout_service.CheckoutService()
-            });
-            this.complete = makeCheckoutComplete({
-                authToken: this.authToken,
-                checkoutId: this.checkoutId,
-                service: new checkout_service.CheckoutService()
-            });
-        }
-        else {
-            this.errorEvent.emit({
-                message: 'auth-token and checkout-id are required',
-                errorCode: ComponentError.ComponentErrorCodes.MISSING_PROPS,
-                severity: ComponentError.ComponentErrorSeverity.ERROR,
-            });
-        }
+    savePaymentMethodChanged(event) {
+        this.savePaymentMethod = event.detail;
     }
-    propChanged() {
-        this.initializeGetCheckout();
+    checkoutComplete(_event) {
+        this.isSubmitting = false;
+    }
+    checkoutError(event) {
+        this.isSubmitting = false;
+        console.error('checkout error', event.detail);
+    }
+    paymentMethodOptionSelected(event) {
+        checkout_store.checkoutStore.selectedPaymentMethod = event.detail.id;
     }
     async fillBillingForm(fields) {
-        this.checkoutCoreRef.fillBillingForm(fields);
+        checkout_store.checkoutStore.billingFormFields = fields;
     }
     async validate() {
-        const { isValid } = await this.checkoutCoreRef.validate();
-        return { isValid };
+        var _a;
+        return { isValid: await ((_a = this.modularCheckoutRef) === null || _a === void 0 ? void 0 : _a.validate()) };
+    }
+    updateStore() {
+        checkout_store.checkoutStore.checkoutId = this.checkoutId;
+        checkout_store.checkoutStore.authToken = this.authToken;
+        checkout_store.checkoutStore.disableCreditCard = this.disableCreditCard;
+        checkout_store.checkoutStore.disableBankAccount = this.disableBankAccount;
+        checkout_store.checkoutStore.disableBnpl = this.disableBnpl;
+        checkout_store.checkoutStore.disablePaymentMethodGroup = this.disablePaymentMethodGroup;
+    }
+    async submit(_event) {
+        this.isSubmitting = true;
+        this.modularCheckoutRef.submitCheckout(checkout_store.checkoutStore.billingFormFields);
+    }
+    get canSavePaymentMethod() {
+        return checkout_store.checkoutStore.selectedPaymentMethod === Payment.PaymentMethodTypes.card || checkout_store.checkoutStore.selectedPaymentMethod === Payment.PaymentMethodTypes.bankAccount;
+    }
+    get showBillingForm() {
+        return (checkout_store.checkoutStore.selectedPaymentMethod === Payment.PaymentMethodTypes.card && !this.hideCardBillingForm)
+            || (checkout_store.checkoutStore.selectedPaymentMethod === Payment.PaymentMethodTypes.bankAccount && !this.hideBankAccountBillingForm);
+    }
+    get showBillingFormSection() {
+        return checkout_store.checkoutStore.selectedPaymentMethod === Payment.PaymentMethodTypes.card || checkout_store.checkoutStore.selectedPaymentMethod === Payment.PaymentMethodTypes.bankAccount;
+    }
+    get showPaymentTypeHeader() {
+        return !this.disableCreditCard && !this.disableBankAccount;
+    }
+    get showPostalCodeForm() {
+        return checkout_store.checkoutStore.selectedPaymentMethod === Payment.PaymentMethodTypes.card && this.hideCardBillingForm;
     }
     render() {
-        return (index.h("justifi-checkout-core", { key: 'c1c7cf4f1aadce928e3ed6a6ae05a7824d875d68', getCheckout: this.getCheckout, authToken: this.authToken, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, ref: el => {
-                if (el) {
-                    this.checkoutCoreRef = el;
-                }
-            } }, index.h("div", { key: '7a4be7220e5eb199f94c5086c23e10dce68d4854', slot: "insurance" }, index.h("slot", { key: 'f5db23ef6dc82d0521518ea2dbfe99d8c8b6c2cc', name: "insurance" }))));
+        return (index.h(styledHost.StyledHost, { key: '4fb1d82b065de6c1e4651a246a53f8e58451d6f6' }, index.h("justifi-modular-checkout", { key: '232cf32890422f474cf929b7c7ed7246d7b39c75', ref: (el) => (this.modularCheckoutRef = el), authToken: this.authToken, checkoutId: this.checkoutId, savePaymentMethod: this.canSavePaymentMethod && this.savePaymentMethod }, index.h("div", { key: '677ad110b05520be3b729995657086f0f6cbf337', class: "row gy-3 jfi-checkout-core" }, index.h("div", { key: '458c84541dd154dd8b4ad1d0f2320e2308cc1785', class: "col-12", part: parts.checkoutSummary }, index.h("justifi-header", { key: '440a7d1ad7b21da3db66e6c6f1f9afefb434a089', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), index.h("section", { key: '99bd431a8f70ce6e764cc04da3d0aaae6f0ebcbe' }, index.h("justifi-checkout-summary", { key: '52da663e5bed35f0deb220800c7ede8835a3671b' }))), index.h("div", { key: 'e95b1c6830d20c5af57c558badb04d07d3c48f23', class: "col-12 mt-4" }, index.h("slot", { key: '527d58d4806d2e1bbcba499e97ab65f6c9c7efb9', name: "insurance" })), index.h("div", { key: '69d1319d1e05852de4f5566ad3be20bc9a6ee499', class: "col-12 mt-4" }, index.h("justifi-header", { key: '1682f909f22172a44da54118aefe428f92908e91', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (index.h("justifi-header", { key: '7942a12143bea0235705969737e11d59bc5180e1', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), index.h("div", { key: '497664d455695693c4f9a1a4465c62ad4d5b6bdf', class: "d-flex flex-column" }, index.h("section", { key: 'd3da4c18b430e1b36f7b9ba20be517994e763b5e' }, index.h("div", { key: '1cc0f0462a0f70d2acc4c9fdee25fbb2fe953c22' }, index.h("justifi-saved-payment-methods", { key: '576da27df84d67bc69f2d95f00a6c440fa73f7ed' }), index.h("justifi-sezzle-payment-method", { key: '6544a3a250ee012870a9edce71dd763553d44554' }), !this.disableCreditCard && (index.h("div", { key: '79050f768d8d76c4d882bed667e85391c230a960' }, index.h("payment-method-option", { key: '5a6c1dc583766707e6215203fdba176bd65b501d', paymentMethodOptionId: Payment.PaymentMethodTypes.card, isSelected: checkout_store.checkoutStore.selectedPaymentMethod === Payment.PaymentMethodTypes.card, clickHandler: () => { checkout_store.checkoutStore.selectedPaymentMethod = Payment.PaymentMethodTypes.card; }, radioButtonHidden: this.disableCreditCard, label: PaymentMethodTypeLabels[Payment.PaymentMethodTypes.card] }), checkout_store.checkoutStore.selectedPaymentMethod === Payment.PaymentMethodTypes.card && (index.h("div", { key: '5e6f0b854191a9a5db8936b2e30518fba251e478', class: "mt-4 mb-4" }, index.h("justifi-card-form", { key: '6c3f72f27dfe36924fe94ab4f7c79b6b9ff19b47' }))))), !this.disableBankAccount && (index.h("div", { key: 'f6a88103b2c30e4dd10e733b19aaa29a7a44430c' }, index.h("payment-method-option", { key: '67ef047a8caad5bc389238d54bb3d7056ca4b9e6', paymentMethodOptionId: Payment.PaymentMethodTypes.bankAccount, isSelected: checkout_store.checkoutStore.selectedPaymentMethod === Payment.PaymentMethodTypes.bankAccount, clickHandler: () => { checkout_store.checkoutStore.selectedPaymentMethod = Payment.PaymentMethodTypes.bankAccount; }, radioButtonHidden: this.disableBankAccount, label: PaymentMethodTypeLabels[Payment.PaymentMethodTypes.bankAccount] }), checkout_store.checkoutStore.selectedPaymentMethod === Payment.PaymentMethodTypes.bankAccount && (index.h("div", { key: 'e67924184fc43811523081711f59865a01d7cf9f', class: "mt-4 mb-4" }, index.h("justifi-bank-account-form", { key: 'a01cdfe8be1bc98d4c0f75c2a9f2ca1cce519042' }))))))))), this.showBillingFormSection && (index.h("div", { key: 'a15f1202548c7d6c302c2b2827168a6a119f8634', class: "col-12 mt-4" }, this.showBillingForm && (index.h("justifi-header", { key: 'ee654c812cb097449937da4253e191de1ee669d5', text: "Billing Address", level: "h2", class: "fs-5 fw-bold pb-3" })), this.showPostalCodeForm && (index.h("justifi-postal-code-form", { key: '2a5736e6da3354f7a9d1a5b8870a2f61c09c2592' })), this.showBillingForm && (index.h("justifi-billing-information-form", { key: '7dd63931e75d7583b4f51a1f6bb2b1e84a46e078' })))), index.h("div", { key: '54aeb0f07f574ee004ec02cd279265202cffa9bf', class: "col-12" }, this.canSavePaymentMethod && (index.h("justifi-save-new-payment-method", { key: '2e010be22091cee1ebc4353d5dac3b49639175e7' }))), index.h("div", { key: '71df812c8a922ae8b447d647f69675230c092db9', class: "mt-4" }, index.h("justifi-button", { key: '057cd18c6235c73cc69ca85e9cb35a2a614a4d9a', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: this.isSubmitting, isLoading: this.isSubmitting, customStyle: { width: '100%', textAlign: "center" } }))))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
-        "checkoutId": ["propChanged"]
+        "checkoutId": ["propChanged"],
+        "disableCreditCard": ["propChanged"],
+        "disableBankAccount": ["propChanged"],
+        "disableBnpl": ["propChanged"],
+        "disablePaymentMethodGroup": ["propChanged"]
     }; }
 };
 

package/dist/cjs/justifi-checkouts-list-filters.cjs.entry.js

@@ -3,11 +3,10 @@
 var index = require('./index-D5bL1DOi.js');
 require('./config-state-Dz9bnWHg.js');
 require('./utils-qOon0GWm.js');
-require('./ComponentError-C4MdBBMe.js');
-var Checkout = require('./Checkout-TZnRz3-3.js');
+require('./ComponentError-CEv9ltwy.js');
+var Refund = require('./Refund-Dt1CMUjx.js');
 require('./Pagination-Dediz133.js');
 require('./Payment-D5UynU2f.js');
-require('./Refund-DN-yzFgy.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 var checkoutsListParamsState = require('./checkouts-list-params-state-DZUKBmLC.js');
@@ -40,22 +39,22 @@ const CheckoutsListFilters = class {
     get checkoutStatusOptions() {
         return [
             { label: 'All', value: '' },
-            { label: 'Created', value: Checkout.ICheckoutStatus.created },
-            { label: 'Completed', value: Checkout.ICheckoutStatus.completed },
-            { label: 'Attempted', value: Checkout.ICheckoutStatus.attempted },
-            { label: 'Expired', value: Checkout.ICheckoutStatus.expired },
+            { label: 'Created', value: Refund.ICheckoutStatus.created },
+            { label: 'Completed', value: Refund.ICheckoutStatus.completed },
+            { label: 'Attempted', value: Refund.ICheckoutStatus.attempted },
+            { label: 'Expired', value: Refund.ICheckoutStatus.expired },
         ];
     }
     get checkoutPaymentModeOptions() {
         return [
             { label: 'All', value: '' },
-            { label: 'E-commerce', value: Checkout.ICheckoutPaymentModeParam.ecom },
-            { label: 'BNPL', value: Checkout.ICheckoutPaymentModeParam.bnpl },
+            { label: 'E-commerce', value: Refund.ICheckoutPaymentModeParam.ecom },
+            { label: 'BNPL', value: Refund.ICheckoutPaymentModeParam.bnpl },
         ];
     }
     render() {
         const filterMenuParams = Object.assign({}, checkoutsListParamsState.filterParams);
-        return (index.h(styledHost.StyledHost, { key: 'bcae6fee83117dde40a29ebcab8e85089bcdc37e' }, index.h("table-filters-menu", { key: '56c6a5d205836fe010917f0f0d978507cf227a3f', params: filterMenuParams, clearParams: checkoutsListParamsState.clearParams, part: parts.checkoutsListFilterMenu }, index.h("div", { key: 'c82691f9b863368a2b7523dc7d9d348c3fe2e776', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: '9abbb01e53139ebd376a638400b199d88288b175', class: "p-2" }, index.h("form-control-select", { key: '3859777cf1f4ee451a65440a90dfe9e5f4a2f069', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || checkoutsListParamsState.filterParams.status, disabled: !!this.checkoutStatus, part: parts.statusCheckoutsListFilterParam })), index.h("div", { key: '3c23d4b820ea2424d6ddc01e6952c8c46cd7d975', class: "p-2" }, index.h("form-control-select", { key: 'c376228f82419b959b3fefa6b32d25c584c6ea3b', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || checkoutsListParamsState.filterParams.payment_mode, disabled: !!this.paymentMode, part: parts.paymentModeCheckoutsListFilterParam }))))));
+        return (index.h(styledHost.StyledHost, { key: '5474a09b729c816bafb47101dbf5a25aff92eb1b' }, index.h("table-filters-menu", { key: '92e46a05e67bdf84b74cd644c1b89d0fc4c86af9', params: filterMenuParams, clearParams: checkoutsListParamsState.clearParams, part: parts.checkoutsListFilterMenu }, index.h("div", { key: 'd8562876f8a0c1d85caa5a298cccdb1143bd7512', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: '4162644cf10861d91a79dc07f845dd21a6c8d6a5', class: "p-2" }, index.h("form-control-select", { key: '2b13ef4af25f6ac3865f3b0edde91929655537bf', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || checkoutsListParamsState.filterParams.status, disabled: !!this.checkoutStatus, part: parts.statusCheckoutsListFilterParam })), index.h("div", { key: '9aee7f453be147b03a548fe9ea9bd9bcc6a233aa', class: "p-2" }, index.h("form-control-select", { key: '8f375d5660c3414e5f3796e02694fa46ed761871', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || checkoutsListParamsState.filterParams.payment_mode, disabled: !!this.paymentMode, part: parts.paymentModeCheckoutsListFilterParam }))))));
     }
 };
 

package/dist/cjs/justifi-checkouts-list.cjs.entry.js

@@ -3,17 +3,16 @@
 var index = require('./index-D5bL1DOi.js');
 require('./config-state-Dz9bnWHg.js');
 require('./utils-qOon0GWm.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-var Checkout = require('./Checkout-TZnRz3-3.js');
+var ComponentError = require('./ComponentError-CEv9ltwy.js');
+var Refund = require('./Refund-Dt1CMUjx.js');
 require('./Pagination-Dediz133.js');
 require('./Payment-D5UynU2f.js');
-require('./Refund-DN-yzFgy.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var utils = require('./utils-l0veqT9y.js');
-var checkPkgVersion = require('./check-pkg-version-DuL7lRe2.js');
-var checkout_service = require('./checkout.service-DtMzeEwi.js');
-var getSubaccounts = require('./get-subaccounts-fBIoOr7m.js');
+var utils = require('./utils-IGCnjtqc.js');
+var checkPkgVersion = require('./check-pkg-version-Dn-3Aibs.js');
+var checkout_service = require('./checkout.service-XwOh98gt.js');
+var getSubaccounts = require('./get-subaccounts-D4woaGSs.js');
 var styledHost = require('./styled-host-DXNHOiqW.js');
 require('./event-types-YOY5TKUN.js');
 var checkoutsTable = require('./checkouts-table-CrpOOe_e.js');
@@ -21,7 +20,7 @@ require('./index-BCtVWU61.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
-require('./package-o4g7MDiy.js');
+require('./package-ClqzRJoK.js');
 require('./Api-c8NBCwu4.js');
 require('./badge-DDksduwk.js');
 require('./parts-9jMf1erK.js');
@@ -32,7 +31,7 @@ const makeGetCheckouts = ({ accountId, authToken, service }) => async ({ params,
         const response = await service.fetchCheckouts(accountId, authToken, params);
         if (!response.error) {
             const pagingInfo = Object.assign({}, response.page_info);
-            const checkouts = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.map((dataItem) => new Checkout.Checkout(dataItem))) || [];
+            const checkouts = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.map((dataItem) => new Refund.Checkout(dataItem))) || [];
             onSuccess({ checkouts, pagingInfo });
         }
         else {
@@ -110,7 +109,7 @@ const CheckoutsList = class {
         }
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'c76ca3b186023ebea3ac3fe0cf6599786a2f2ea7' }, index.h("checkouts-list-core", { key: '484d31c0b0434181b3bd69cb9c3b6810aa0f2983', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (index.h(styledHost.StyledHost, { key: '41bf633467138b6af13b1c02ccf1e1016ec54bfe' }, index.h("checkouts-list-core", { key: 'cd3ca431258ad73e701fe74612ecdf2c0f2a1bda', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/cjs/justifi-dispute-management-core.cjs.entry.js

@@ -51,7 +51,7 @@ const DisputeManagementCore = class {
         });
     }
     render() {
-        return (index.h("div", { key: '5a8663529813801b730d449c835cfafb9924d860' }, this.showDisputeResponseForm ? (index.h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (index.h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
+        return (index.h("div", { key: 'c85852cbd1169f371eb30ae06b6a2a564a15ece7' }, this.showDisputeResponseForm ? (index.h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (index.h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
     }
     static get watchers() { return {
         "getDispute": ["updateOnPropChange"]