@justifi/webcomponents 6.14.5 → 6.15.0-rc.2

package/dist/cjs/{justifi-apple-pay_11.cjs.entry.js → justifi-apple-pay_12.cjs.entry.js}

@@ -1,31 +1,31 @@
 'use strict';
 
 var index = require('./index-p7cvUYAE.js');
-var Api = require('./Api-BzB0rppJ.js');
-var Plaid = require('./Plaid-B2o4c_Ej.js');
+var Api = require('./Api-Do6SaltY.js');
+var Plaid = require('./Plaid-D85oV9FN.js');
 var styledHost = require('./styled-host-CW1WUnUq.js');
 require('./event-types-YOY5TKUN.js');
 var skeleton = require('./skeleton-DvRCiQlA.js');
-var checkout_store = require('./checkout.store-DOa1-SjA.js');
+var checkout_store = require('./checkout.store-DaV9lvEQ.js');
 var parts = require('./parts-BXshb_S-.js');
 var utils = require('./utils-DB4XHlAU.js');
 var configState = require('./config-state-C1YMiFpR.js');
 var header1 = require('./header-1-CsBQoo1f.js');
 var insuranceState = require('./insurance-state-CHQD1ZGw.js');
 var header3 = require('./header-3-DCYJhPro.js');
-var Analytics = require('./Analytics-BVHauOC2.js');
-var checkPkgVersion = require('./check-pkg-version-JMiLuNXu.js');
+var Analytics = require('./Analytics-COhunq0p.js');
+var checkPkgVersion = require('./check-pkg-version-BxGoSXGD.js');
 require('./dinero-BwNN_k7x.js');
 require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
-var checkoutActions = require('./checkout-actions-VCJi-q4z.js');
-var checkout_service = require('./checkout.service-0vHtBDZY.js');
-var plaid_service = require('./plaid.service-B_YQGBoC.js');
-var index$1 = require('./index-CajjbB9t.js');
+var checkoutActions = require('./checkout-actions-BRQFQ6n-.js');
+var checkout_service = require('./checkout.service-CPsXfx0Z.js');
+var plaid_service = require('./plaid.service-Cukg5wuY.js');
+var index$1 = require('./index-DDa1jd08.js');
 var paymentMethodOptionUtils = require('./payment-method-option-utils-WYHIHy-l.js');
-require('./package-DfdMLmz7.js');
+require('./package-G3Vs7Jx5.js');
 require('./index-DDrfAj-j.js');
-require('./utils-WrOn06xB.js');
+require('./utils-CBriZzRC.js');
 
 const JustifiRadioListItem = class {
     constructor(hostRef) {
@@ -745,7 +745,7 @@ const JustifiButton = class {
         this.type = 'button';
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '241fe8903788f0442b42bf5a6835d152d1944967' }, index.h("internal-button", { key: '7c13bd1fa53cf9faae26e521af5a40a08659fe92', text: this.text, variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, type: this.type, disabled: this.disabled, class: this.class, customStyle: this.customStyle, hidden: this.hidden })));
+        return (index.h(styledHost.StyledHost, { key: '1e09a302d064e2e4a860dc4efd9eb9693d4d0055' }, index.h("internal-button", { key: '9ce7819853789c44860de43f26632c62415ebdb5', text: this.text, variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, type: this.type, disabled: this.disabled, class: this.class, customStyle: this.customStyle, hidden: this.hidden })));
     }
 };
 
@@ -754,7 +754,7 @@ const JustifiCheckoutSummary = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '336fa6563952ee7905c2ed4a3330d73bbb33a0eb' }, index.h("section", { key: '48b8798a925d618f5a2c52d743190207b78eb70a' }, index.h("div", { key: '81d91167c10ccc49acb039ea54a9f97f4aa6e305' }, index.h("div", { key: '9744242f2c2c3082e9c1a3af6e716ec4cb28f1fd', part: parts.text }, checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.paymentDescription), index.h("div", { key: '438062935abd2f00495c432ef6652e3808e5215f' }, index.h("span", { key: 'e3f24d9c52ddae0206cbefe61bd08f24697fe28e', part: parts.text }, "Total"), "\u00A0", index.h("span", { key: '9835cb60de31a2c8946b7ac2dd6d1fa82f223110', part: parts.text }, utils.formatCurrency(+(checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.totalAmount))))))));
+        return (index.h(styledHost.StyledHost, { key: '7d3447ff4daa9bf4f603ca381027b3f43cfcc6a1' }, index.h("section", { key: '1c8189ccde6dc986ad2d4c74da2dd10cacfc1c36' }, index.h("div", { key: '45e6d5f47d8a92e0bd4a7bfa427630a96f049b4a' }, index.h("div", { key: '9900b5fd770cd59b00803c3614216c16a803da41', part: parts.text }, checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.paymentDescription), index.h("div", { key: '16cec140ef6912533a80b1f6341fcc9cb341b478' }, index.h("span", { key: 'f8883538c99a524017bb102bfd8cfaea7062e650', part: parts.text }, "Total"), "\u00A0", index.h("span", { key: '11baa64630a60c56cedfa53548c107ec3fe3c0f5', part: parts.text }, utils.formatCurrency(+(checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.totalAmount))))))));
     }
 };
 
@@ -913,7 +913,7 @@ const JustifiHeader = class {
     }
     render() {
         const HeaderComponent = this.levels[this.level];
-        return (index.h(styledHost.StyledHost, { key: '5a0872ee486bdba3ba1c86145946889bb7d151f2' }, index.h(HeaderComponent, { key: '89807e249cdf64f7ef80800276cb50966083f28e', text: this.text, class: this.class })));
+        return (index.h(styledHost.StyledHost, { key: '1843adabddf7d439036f8ce6f55627b7ca3e4a9f' }, index.h(HeaderComponent, { key: 'b16e5624ce7e092cc8c144a7cdfd9cb6afdf7a83', text: this.text, class: this.class })));
     }
 };
 
@@ -924,6 +924,43 @@ const JustifiModularCheckout = class {
         this.submitEvent = index.createEvent(this, "submit-event", 7);
         this.checkoutChangedEvent = index.createEvent(this, "checkout-changed", 7);
         this.plaidService = new plaid_service.PlaidService();
+        this.handlePaypalStarted = () => {
+            checkout_store.checkoutStore.isWalletProcessing = true;
+        };
+        this.handlePaypalCompleted = (event) => {
+            const { success, paymentMethodId, fundingSource } = event.detail || {};
+            checkout_store.checkoutStore.isWalletProcessing = false;
+            if (success && paymentMethodId) {
+                checkout_store.checkoutStore.paymentToken = paymentMethodId;
+                checkout_store.checkoutStore.selectedPaymentMethod = {
+                    type: fundingSource === "venmo"
+                        ? index$1.PAYMENT_METHODS.VENMO
+                        : index$1.PAYMENT_METHODS.PAYPAL,
+                };
+                this.submitCheckout();
+            }
+            else {
+                this.errorEvent.emit({
+                    message: "Paypal payment failed",
+                    errorCode: Plaid.ComponentErrorCodes.TOKENIZE_ERROR,
+                    severity: Plaid.ComponentErrorSeverity.ERROR,
+                });
+            }
+        };
+        this.handlePaypalCancelled = () => {
+            checkout_store.checkoutStore.isWalletProcessing = false;
+            checkout_store.checkoutStore.paymentToken = undefined;
+            checkout_store.checkoutStore.selectedPaymentMethod = undefined;
+        };
+        this.handlePaypalError = (event) => {
+            checkout_store.checkoutStore.isWalletProcessing = false;
+            const { error, code } = event.detail || {};
+            this.errorEvent.emit({
+                message: error || "Paypal error occurred",
+                errorCode: `PAYPAL_${code}`,
+                severity: Plaid.ComponentErrorSeverity.ERROR,
+            });
+        };
         this.handleApplePayStarted = () => {
             checkout_store.checkoutStore.isWalletProcessing = true;
         };
@@ -993,6 +1030,7 @@ const JustifiModularCheckout = class {
             this.queryFormRefs();
             this.setupApplePayListeners(); // set up again listeners when DOM changes
             this.setupGooglePayListeners();
+            this.setupPaypalListeners();
         });
         this.observer.observe(this.hostEl, {
             childList: true,
@@ -1028,6 +1066,7 @@ const JustifiModularCheckout = class {
         this.queryFormRefs();
         this.setupApplePayListeners();
         this.setupGooglePayListeners();
+        this.setupPaypalListeners();
     }
     disconnectedCallback() {
         var _a, _b;
@@ -1036,6 +1075,7 @@ const JustifiModularCheckout = class {
         (_b = this.observer) === null || _b === void 0 ? void 0 : _b.disconnect();
         this.removeApplePayListeners();
         this.removeGooglePayListeners();
+        this.removePaypalListeners();
     }
     fetchCheckout() {
         if (!this.authToken || !this.checkoutId) {
@@ -1078,9 +1118,8 @@ const JustifiModularCheckout = class {
         }
     }
     updateStore(checkout) {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
         checkout_store.checkoutStore.accountId = checkout.account_id;
-        checkout_store.checkoutStore.checkoutLoaded = true;
         const rawMode = checkout.mode != null ? String(checkout.mode).toLowerCase() : '';
         checkout_store.checkoutStore.checkoutMode =
             rawMode === 'test' ? 'test' : rawMode === 'live' ? 'live' : null;
@@ -1092,16 +1131,20 @@ const JustifiModularCheckout = class {
         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.insuranceEnabled = checkout.payment_settings.insurance_payments;
-        checkout_store.checkoutStore.bankAccountVerification = (_b = checkout.payment_settings) === null || _b === void 0 ? void 0 : _b.bank_account_verification;
-        checkout_store.checkoutStore.applePayEnabled = (_c = checkout.payment_settings) === null || _c === void 0 ? void 0 : _c.apple_payments;
-        checkout_store.checkoutStore.googlePayEnabled = (_d = checkout.payment_settings) === null || _d === void 0 ? void 0 : _d.google_payments;
+        checkout_store.checkoutStore.insuranceEnabled = (_b = checkout.payment_settings.insurance_payments) !== null && _b !== void 0 ? _b : false;
+        checkout_store.checkoutStore.bankAccountVerification = (_c = checkout.payment_settings) === null || _c === void 0 ? void 0 : _c.bank_account_verification;
+        checkout_store.checkoutStore.applePayEnabled = (_e = (_d = checkout.payment_settings) === null || _d === void 0 ? void 0 : _d.apple_payments) !== null && _e !== void 0 ? _e : false;
+        checkout_store.checkoutStore.googlePayEnabled = (_g = (_f = checkout.payment_settings) === null || _f === void 0 ? void 0 : _f.google_payments) !== null && _g !== void 0 ? _g : false;
+        checkout_store.checkoutStore.paypalEnabled = (_j = (_h = checkout.payment_settings) === null || _h === void 0 ? void 0 : _h.paypal_payments) !== null && _j !== void 0 ? _j : false;
+        checkout_store.checkoutStore.paypalProviderClientId = (_l = (_k = checkout.paypal) === null || _k === void 0 ? void 0 : _k.provider_client_id) !== null && _l !== void 0 ? _l : '';
         checkout_store.checkoutStore.achPaymentsEnabled = achEnabled;
-        checkout_store.checkoutStore.bnplProviderClientId = (_e = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _e === void 0 ? void 0 : _e.provider_client_id;
-        checkout_store.checkoutStore.bnplProviderMode = (_f = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _f === void 0 ? void 0 : _f.provider_mode;
-        checkout_store.checkoutStore.bnplProviderApiVersion = (_g = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _g === void 0 ? void 0 : _g.provider_api_version;
+        checkout_store.checkoutStore.bnplProviderClientId = (_m = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _m === void 0 ? void 0 : _m.provider_client_id;
+        checkout_store.checkoutStore.bnplProviderMode = (_o = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _o === void 0 ? void 0 : _o.provider_mode;
+        checkout_store.checkoutStore.bnplProviderApiVersion = (_p = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _p === void 0 ? void 0 : _p.provider_api_version;
         checkout_store.checkoutStore.bnplProviderCheckoutUrl =
-            (_h = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _h === void 0 ? void 0 : _h.provider_checkout_url;
+            (_q = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _q === void 0 ? void 0 : _q.provider_checkout_url;
+        checkout_store.checkoutStore.paymentCurrency = (checkout.payment_currency || checkout_store.checkoutStore.paymentCurrency).toUpperCase();
+        checkout_store.checkoutStore.checkoutLoaded = true;
     }
     emitCheckoutChanged() {
         const detail = {
@@ -1115,6 +1158,7 @@ const JustifiModularCheckout = class {
         this.billingFormRef = this.hostEl.querySelector("justifi-billing-form, justifi-bank-account-billing-form-simple, justifi-card-billing-form-simple, justifi-billing-form-full, justifi-tokenize-payment-method");
         this.applePayRef = this.hostEl.querySelector("justifi-apple-pay");
         this.googlePayRef = this.hostEl.querySelector("justifi-google-pay");
+        this.paypalRef = this.hostEl.querySelector("justifi-paypal");
         this.paymentMethodFormRef =
             this.hostEl.querySelector('justifi-card-form, justifi-bank-account-form, justifi-tokenize-payment-method');
         if (!checkout_store.checkoutStore.selectedPaymentMethod && this.paymentMethodFormRef) {
@@ -1159,6 +1203,22 @@ const JustifiModularCheckout = class {
             this.googlePayRef.removeEventListener("googlePayCancelled", this.handleGooglePayCancelled);
         }
     }
+    setupPaypalListeners() {
+        if (this.paypalRef) {
+            this.paypalRef.addEventListener("paypalStarted", this.handlePaypalStarted);
+            this.paypalRef.addEventListener("paypalCompleted", this.handlePaypalCompleted);
+            this.paypalRef.addEventListener("paypalCancelled", this.handlePaypalCancelled);
+            this.paypalRef.addEventListener("paypalError", this.handlePaypalError);
+        }
+    }
+    removePaypalListeners() {
+        if (this.paypalRef) {
+            this.paypalRef.removeEventListener("paypalStarted", this.handlePaypalStarted);
+            this.paypalRef.removeEventListener("paypalCompleted", this.handlePaypalCompleted);
+            this.paypalRef.removeEventListener("paypalCancelled", this.handlePaypalCancelled);
+            this.paypalRef.removeEventListener("paypalError", this.handlePaypalError);
+        }
+    }
     async tokenizePaymentMethod(tokenizeArgs) {
         var _a, _b, _c;
         const billingInfoValues = (_b = (await ((_a = this.billingFormRef) === null || _a === void 0 ? void 0 : _a.getValues()))) !== null && _b !== void 0 ? _b : {};
@@ -1342,6 +1402,10 @@ const JustifiModularCheckout = class {
                     return index$1.PAYMENT_MODE.APPLE_PAY;
                 case index$1.PAYMENT_METHODS.GOOGLE_PAY:
                     return index$1.PAYMENT_MODE.GOOGLE_PAY;
+                case index$1.PAYMENT_METHODS.PAYPAL:
+                    return index$1.PAYMENT_MODE.PAYPAL;
+                case index$1.PAYMENT_METHODS.VENMO:
+                    return index$1.PAYMENT_MODE.VENMO;
                 default:
                     return undefined;
             }
@@ -1383,11 +1447,234 @@ const JustifiModularCheckout = class {
         });
     }
     render() {
-        return index.h(index.Host, { key: 'c9b021ee33cdac2c88ec16df613ccaf3f4e981ef' });
+        return index.h(index.Host, { key: '127bf2aea6758c7d91e33f252a3db4bc27b066ff' });
     }
     get hostEl() { return index.getElement(this); }
 };
 
+const api = Api.Api();
+class PaypalService {
+    async createPaypalOrder(authToken, checkoutId, fundingSource, signal) {
+        const endpoint = `checkouts/${checkoutId}/paypal/orders`;
+        const body = { funding_source: fundingSource };
+        return api.post({ endpoint, body, authToken, signal });
+    }
+}
+
+const PAYPAL_SANDBOX_SCRIPT_URL = 'https://www.sandbox.paypal.com/web-sdk/v6/core';
+const PAYPAL_PRODUCTION_SCRIPT_URL = 'https://www.paypal.com/web-sdk/v6/core';
+const PAYPAL_SCRIPT_DATA_TEST_ID = 'paypal-script';
+const PAYPAL_COMPONENTS = ['paypal-payments', 'venmo-payments'];
+const PAYPAL_PAGE_TYPE = 'checkout';
+const PAYPAL_DEFAULT_CURRENCY = 'USD';
+const PAYPAL_PRESENTATION_MODE = 'auto';
+/** Venmo only settles in USD, and the checkout payload carries no country. */
+const VENMO_SUPPORTED_CURRENCY = 'USD';
+/** `test` checkouts talk to PayPal's sandbox; everything else goes to production. */
+const paypalScriptUrl = (mode) => mode === 'test' ? PAYPAL_SANDBOX_SCRIPT_URL : PAYPAL_PRODUCTION_SCRIPT_URL;
+const PaypalErrorCode = {
+    CONFIG_ERROR: 'CONFIG_ERROR',
+    INITIALIZATION_ERROR: 'INITIALIZATION_ERROR',
+    ORDER_ERROR: 'ORDER_ERROR',
+    PAYMENT_FAILED: 'PAYMENT_FAILED',
+};
+
+const SHOWN_CLASS = 'shown';
+const setShown = (el, shown) => {
+    if (!el)
+        return;
+    if (shown)
+        el.classList.add(SHOWN_CLASS);
+    else
+        el.classList.remove(SHOWN_CLASS);
+};
+const JustifiPaypal = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.paypalStarted = index.createEvent(this, "paypalStarted", 7);
+        this.paypalCompleted = index.createEvent(this, "paypalCompleted", 7);
+        this.paypalCancelled = index.createEvent(this, "paypalCancelled", 7);
+        this.paypalError = index.createEvent(this, "paypalError", 7);
+        this.paypalService = new PaypalService();
+        this.paypalEligible = false;
+        this.venmoEligible = false;
+        this.startSession = async (session, fundingSource) => {
+            if (!session)
+                return;
+            this.pendingOrderId = undefined;
+            this.paypalStarted.emit({ fundingSource });
+            let orderFailed = false;
+            const order = this.createOrder(fundingSource)
+                .then((created) => ({ orderId: created.provider_order_id }))
+                .catch((error) => {
+                orderFailed = true;
+                this.emitError((error === null || error === void 0 ? void 0 : error.message) || 'Could not create the Paypal order', PaypalErrorCode.ORDER_ERROR);
+                throw error;
+            });
+            // The SDK is what normally consumes this rejection; swallow a copy so a
+            // failed order can never surface as an unhandled rejection.
+            order.catch(() => undefined);
+            try {
+                await session.start({ presentationMode: PAYPAL_PRESENTATION_MODE }, order);
+            }
+            catch (error) {
+                if (orderFailed)
+                    return;
+                this.emitError((error === null || error === void 0 ? void 0 : error.message) || 'Paypal payment failed', PaypalErrorCode.PAYMENT_FAILED);
+            }
+        };
+    }
+    componentDidLoad() {
+        if (checkout_store.checkoutStore.checkoutLoaded) {
+            this.initializePaypal();
+        }
+        else {
+            checkout_store.onChange('checkoutLoaded', (loaded) => {
+                if (loaded)
+                    this.initializePaypal();
+            });
+        }
+    }
+    componentDidRender() {
+        this.applyVisibility();
+    }
+    get currencyCode() {
+        return (checkout_store.checkoutStore.paymentCurrency || PAYPAL_DEFAULT_CURRENCY).toUpperCase();
+    }
+    get showPaypal() {
+        return !!checkout_store.checkoutStore.paypalEnabled && this.paypalEligible;
+    }
+    get showVenmo() {
+        return (!!checkout_store.checkoutStore.paypalEnabled &&
+            this.venmoEligible &&
+            this.currencyCode === VENMO_SUPPORTED_CURRENCY);
+    }
+    applyVisibility() {
+        const { showPaypal, showVenmo } = this;
+        setShown(this.buttonsEl, showPaypal || showVenmo);
+        setShown(this.paypalButtonEl, showPaypal);
+        setShown(this.venmoButtonEl, showVenmo);
+    }
+    emitError(error, code) {
+        this.paypalError.emit({ error, code });
+    }
+    // The script tag is the dedup token, so a second instance (or a remount)
+    // reuses the in-flight load instead of appending another SDK.
+    loadPaypalScript() {
+        const loaded = window.paypal;
+        if (loaded)
+            return Promise.resolve(loaded);
+        return new Promise((resolve, reject) => {
+            const selector = `script[data-test-id="${PAYPAL_SCRIPT_DATA_TEST_ID}"]`;
+            let script = document.head.querySelector(selector);
+            if (!script) {
+                script = document.createElement('script');
+                script.src = paypalScriptUrl(checkout_store.checkoutStore.checkoutMode);
+                script.async = true;
+                script.setAttribute('data-test-id', PAYPAL_SCRIPT_DATA_TEST_ID);
+                document.head.appendChild(script);
+            }
+            script.addEventListener('load', () => {
+                const paypal = window.paypal;
+                if (paypal) {
+                    resolve(paypal);
+                }
+                else {
+                    reject(new Error('Paypal script loaded but window.paypal is undefined'));
+                }
+            });
+            script.addEventListener('error', () => reject(new Error('Error loading Paypal script')));
+        });
+    }
+    metadataId() {
+        return (Math.random().toString(36).substring(2, 15) +
+            Math.random().toString(36).substring(2, 15));
+    }
+    async initializePaypal() {
+        const clientId = checkout_store.checkoutStore.paypalProviderClientId;
+        if (!clientId) {
+            this.paypalEligible = false;
+            this.venmoEligible = false;
+            this.applyVisibility();
+            this.emitError('Missing Paypal client id', PaypalErrorCode.CONFIG_ERROR);
+            return;
+        }
+        try {
+            const paypal = await this.loadPaypalScript();
+            this.sdkInstance = await paypal.createInstance({
+                clientId,
+                components: PAYPAL_COMPONENTS,
+                pageType: PAYPAL_PAGE_TYPE,
+                metadataId: this.metadataId(),
+            });
+            const eligibleMethods = await this.sdkInstance.findEligibleMethods({
+                currencyCode: this.currencyCode,
+            });
+            this.paypalEligible = eligibleMethods.isEligible('paypal');
+            this.venmoEligible = eligibleMethods.isEligible('venmo');
+            if (this.paypalEligible) {
+                this.paypalSession = this.sdkInstance.createPayPalOneTimePaymentSession(this.sessionOptions('paypal'));
+            }
+            if (this.venmoEligible) {
+                this.venmoSession = this.sdkInstance.createVenmoOneTimePaymentSession(this.sessionOptions('venmo'));
+            }
+            this.applyVisibility();
+        }
+        catch (error) {
+            this.paypalEligible = false;
+            this.venmoEligible = false;
+            this.applyVisibility();
+            this.emitError((error === null || error === void 0 ? void 0 : error.message) || 'Error initializing Paypal', PaypalErrorCode.INITIALIZATION_ERROR);
+        }
+    }
+    sessionOptions(fundingSource) {
+        return {
+            onApprove: () => this.paypalCompleted.emit({
+                success: true,
+                paymentMethodId: this.pendingOrderId,
+                fundingSource,
+            }),
+            onCancel: () => this.paypalCancelled.emit({ fundingSource }),
+            onError: (error) => this.emitError((error === null || error === void 0 ? void 0 : error.message) || 'Paypal payment failed', PaypalErrorCode.PAYMENT_FAILED),
+        };
+    }
+    async createOrder(fundingSource) {
+        const response = await this.paypalService.createPaypalOrder(checkout_store.checkoutStore.authToken, checkout_store.checkoutStore.checkoutId, fundingSource);
+        if (response === null || response === void 0 ? void 0 : response.error) {
+            const message = typeof response.error === 'string'
+                ? response.error
+                : response.error.message;
+            throw new Error(message || 'Could not create the Paypal order');
+        }
+        const order = response === null || response === void 0 ? void 0 : response.data;
+        if (!(order === null || order === void 0 ? void 0 : order.provider_order_id)) {
+            throw new Error('Paypal order is missing a provider order id');
+        }
+        this.pendingOrderId = order.id;
+        return order;
+    }
+    render() {
+        return (index.h(styledHost.StyledHost, { key: '05c771ae41d3b21da7046e70c7d0e03efc296a0c' }, index.h("div", { key: '8e7a14372ce29b4da284efadb43c27d0c059607e', class: "paypal-buttons", ref: (el) => (this.buttonsEl = el) }, index.h("paypal-button", { key: 'aa7fa82c96ca4d41872f445a01e72a18f6f5920a', type: "pay", ref: (el) => (this.paypalButtonEl = el), onClick: () => this.startSession(this.paypalSession, 'paypal') }), index.h("venmo-button", { key: '2cb068aa82460068548f133607cebec096028a41', type: "pay", ref: (el) => (this.venmoButtonEl = el), onClick: () => this.startSession(this.venmoSession, 'venmo') })), index.h("style", { key: '159cc68f682ed79a9a83be7d1b4c88127f8a2623' }, `
+            .paypal-buttons {
+              display: none;
+              gap: 8px;
+              width: 100%;
+            }
+            .paypal-buttons.shown {
+              display: flex;
+            }
+            .paypal-buttons > * {
+              display: none;
+              flex: 1 1 0;
+              min-width: 0;
+            }
+            .paypal-buttons > .shown {
+              display: block;
+            }
+          `)));
+    }
+};
+
 const plaidIconSvg = 'data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjggMjkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgY2xhc3M9ImNzcy0xcmRhajhtIj48ZyBmaWxsPSIjMTExIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yNS43NjI5IDI2LjI2MjhMMjggMTcuNTMwOUwyNC45NjkxIDE0LjUwMDFMMjcuOTk5OSAxMS40NjkxTDI1Ljc2MjggMi43MzcwNkwxNy4wMzA5IDAuNUwxNC4wMDAxIDMuNTMxTDEwLjk2OSAwLjUwMDE0TDIuMjM3MDYgMi43MzczNEwwIDExLjQ2OTFMMy4wMzEyOCAxNC40OTk5TDAuMDAwMTQgMTcuNTMxTDIuMjM3MiAyNi4yNjI5TDEwLjk2OTEgMjguNUwxNC4wMDAxIDI1LjQ2OUwxNy4wMzEgMjguNDk5OUwyNS43NjI5IDI2LjI2MjhaTTE1LjczMjEgMjMuNzM3MUwxOC42MTg2IDIwLjg1MDVMMjIuMjkxMiAyNC41MjMzTDE3LjY5NTYgMjUuNzAwN0wxNS43MzIxIDIzLjczNzFaTTExLjExMzYgOS44ODE1NEwxNC4wMDAzIDYuOTk1MDJMMTYuODg2OCA5Ljg4MTRMMTQuMDAwMSAxMi43Njc5TDExLjExMzYgOS44ODE1NFpNMTIuMjY4MiAxNC41TDkuMzgxNTQgMTcuMzg2NUw2LjQ5NTAyIDE0LjVMOS4zODE1NCAxMS42MTM1TDEyLjI2ODIgMTQuNVpNMTguNjE4NyAxMS42MTMzTDIxLjUwNTMgMTQuNUwxOC42MTg2IDE3LjM4NjVMMTUuNzMyMSAxNC41TDE4LjYxODcgMTEuNjEzM1pNMTYuODg2NyAxOS4xMTg2TDE0LjAwMDEgMjIuMDA1MUwxMS4xMTM1IDE5LjExODVMMTQuMDAwMSAxNi4yMzE5TDE2Ljg4NjcgMTkuMTE4NlpNMTAuMzA0NCAyNS43MDA3TDUuNzA4NjQgMjQuNTIzM0w5LjM4MTU0IDIwLjg1MDRMMTIuMjY4MiAyMy43MzcxTDEwLjMwNDQgMjUuNzAwN1pNNC43NjMwOCAxNi4yMzE5TDcuNjQ5NiAxOS4xMTg1TDMuOTc2NyAyMi43OTE0TDIuNzk5MyAxOC4xOTU3TDQuNzYzMDggMTYuMjMxOVpNMy45NzY3IDYuMjA4MzZMNy42NDk3NCA5Ljg4MTRMNC43NjMwOCAxMi43NjgxTDIuNzk5MyAxMC44MDQxTDMuOTc2NyA2LjIwODM2Wk0xMi4yNjgzIDUuMjYyOTRMOS4zODE2OCA4LjE0OTZMNS43MDg5MiA0LjQ3NjdMMTAuMzA0NyAzLjI5OTNMMTIuMjY4MyA1LjI2Mjk0Wk0xNy42OTU5IDMuMjk5M0wyMi4yOTE1IDQuNDc2N0wxOC42MTg2IDguMTQ5NDZMMTUuNzMyMSA1LjI2Mjk0TDE3LjY5NTkgMy4yOTkzWk0yMy4yMzcyIDEyLjc2ODFMMjAuMzUwNSA5Ljg4MTRMMjQuMDIzMyA2LjIwODc4TDI1LjIwMDcgMTAuODA0NkwyMy4yMzcyIDEyLjc2ODFaTTI0LjAyMzMgMjIuNzkxNEwyMC4zNTA1IDE5LjExODZMMjMuMjM3MiAxNi4yMzIxTDI1LjIwMDcgMTguMTk1N0wyNC4wMjMzIDIyLjc5MTRaIj48L3BhdGg+PC9nPjwvc3ZnPgo=';
 
 const JustifiPlaidPaymentMethod = class {
@@ -2320,7 +2607,7 @@ const JustifiTokenizePaymentMethod = class {
             } }));
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'bc76697688be332ef84db56e61b6b455a6d1e986' }, index.h("form", { key: '8f64f55f945d4ff4ed0f144c724dbd71278ec771' }, index.h("fieldset", { key: '15b6d388117738391089cf91f999247cddb29714' }, index.h("div", { key: 'a4e23f7808b446dff6f7da437dba3cb57d2d62aa', class: "row gy-3" }, index.h("div", { key: '63b0584d217d9bb50036eb7d5837e7287be58760', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), index.h("div", { key: 'c9345be3429cd8ab01a84e8584270938feceba39', class: "col-12" }, index.h("internal-button", { key: 'aa56df7b6b1250e9b81fbc281b969d2a37a05428', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
+        return (index.h(styledHost.StyledHost, { key: '16a5a47febb09295c95f141ddc96a849e530c477' }, index.h("form", { key: 'e1ac3ac80435b32cb0a742198d814778bffd635c' }, index.h("fieldset", { key: '68d0f984d3e66a6abc794e8b2086e27f26ecc809' }, index.h("div", { key: 'b1759ec1b9c94a976da992947b06da6d8f48f553', class: "row gy-3" }, index.h("div", { key: 'bc1ef82406d3da36c5d4d97b1a10259de87fdd09', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), index.h("div", { key: 'ed26f2908aa90daba5ab320a668369566b9dacfa', class: "col-12" }, index.h("internal-button", { key: '094cdacb592825374ad33dd80a05091747bfec4b', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
@@ -2335,6 +2622,7 @@ exports.justifi_checkout_summary = JustifiCheckoutSummary;
 exports.justifi_google_pay = JustifiGooglePay;
 exports.justifi_header = JustifiHeader;
 exports.justifi_modular_checkout = JustifiModularCheckout;
+exports.justifi_paypal = JustifiPaypal;
 exports.justifi_plaid_payment_method = JustifiPlaidPaymentMethod;
 exports.justifi_radio_list_item = JustifiRadioListItem;
 exports.justifi_saved_payment_methods = JustifiSavedPaymentMethods;

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

@@ -1,16 +1,16 @@
 'use strict';
 
 var index = require('./index-p7cvUYAE.js');
-var Analytics = require('./Analytics-BVHauOC2.js');
-var checkPkgVersion = require('./check-pkg-version-JMiLuNXu.js');
+var Analytics = require('./Analytics-COhunq0p.js');
+var checkPkgVersion = require('./check-pkg-version-BxGoSXGD.js');
 var configState = require('./config-state-C1YMiFpR.js');
 var styledHost = require('./styled-host-CW1WUnUq.js');
 require('./event-types-YOY5TKUN.js');
-require('./package-DfdMLmz7.js');
-require('./Api-BzB0rppJ.js');
+require('./package-G3Vs7Jx5.js');
+require('./Api-Do6SaltY.js');
 require('./utils-DB4XHlAU.js');
 require('./dinero-BwNN_k7x.js');
-require('./Plaid-B2o4c_Ej.js');
+require('./Plaid-D85oV9FN.js');
 require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
 require('./index-DDrfAj-j.js');
@@ -37,7 +37,7 @@ const JustifiBankAccountBillingFormSimple = class {
         return (_b = (_a = this.bankAccountBillingFormSimpleRef) === null || _a === void 0 ? void 0 : _a.validate()) !== null && _b !== void 0 ? _b : { isValid: false, errors: {} };
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '669227ed02e4f0791882b95ed814ea1865db80de' }, index.h("bank-account-billing-form-simple", { key: '97cbe9637d8969023b1f7d3a6b3091a246112032', legend: this.legend, ref: (el) => (this.bankAccountBillingFormSimpleRef = el) })));
+        return (index.h(styledHost.StyledHost, { key: '9848071f08342d3f5c2f7001af6e15148e713495' }, index.h("bank-account-billing-form-simple", { key: '35f2baeb2f017116199ccff431d0acac01ad498f', legend: this.legend, ref: (el) => (this.bankAccountBillingFormSimpleRef = el) })));
     }
 };
 

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

@@ -1,16 +1,16 @@
 'use strict';
 
 var index = require('./index-p7cvUYAE.js');
-var checkPkgVersion = require('./check-pkg-version-JMiLuNXu.js');
-var Analytics = require('./Analytics-BVHauOC2.js');
+var checkPkgVersion = require('./check-pkg-version-BxGoSXGD.js');
+var Analytics = require('./Analytics-COhunq0p.js');
 var configState = require('./config-state-C1YMiFpR.js');
 var styledHost = require('./styled-host-CW1WUnUq.js');
 require('./event-types-YOY5TKUN.js');
-require('./package-DfdMLmz7.js');
-require('./Api-BzB0rppJ.js');
+require('./package-G3Vs7Jx5.js');
+require('./Api-Do6SaltY.js');
 require('./utils-DB4XHlAU.js');
 require('./dinero-BwNN_k7x.js');
-require('./Plaid-B2o4c_Ej.js');
+require('./Plaid-D85oV9FN.js');
 require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
 require('./index-DDrfAj-j.js');
@@ -45,7 +45,7 @@ const JustifiBankAccountForm = class {
         return this.bankAccountFormElement.tokenize({ clientId, paymentMethodMetadata, account });
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '3c8a48f6060f14433ae94399fc48097cb138e301' }, index.h("bank-account-form", { key: '30cd40b60629f5c7f874194dd7641ee3737e8b69', ref: (el) => (this.bankAccountFormElement = el) })));
+        return (index.h(styledHost.StyledHost, { key: '1263233d6c63c0df4a2a6a17b263651156ad6bee' }, index.h("bank-account-form", { key: 'f6c6707201ef127eafc81e12535bcfa37ddf3c5d', ref: (el) => (this.bankAccountFormElement = el) })));
     }
 };
 

package/dist/cjs/justifi-billing-form-full.cjs.entry.js

@@ -17,7 +17,7 @@ const JustifiBillingFormFull = class {
         return (_b = (_a = this.billingFormFullRef) === null || _a === void 0 ? void 0 : _a.validate()) !== null && _b !== void 0 ? _b : { isValid: false, errors: {} };
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'be25329cda69d5b2c00a84d5abc8ec8a7c5c643d' }, index.h("billing-form-full", { key: 'c2437172bfbc1c52eb2a86efbef978747e76b4b7', legend: this.legend, ref: (el) => (this.billingFormFullRef = el) })));
+        return (index.h(styledHost.StyledHost, { key: '0486f3f304d4751751b54a4a698ef5d7cb742947' }, index.h("billing-form-full", { key: '4c0822f484b70a14dca9309f6d145e1c8b6261dd', legend: this.legend, ref: (el) => (this.billingFormFullRef = el) })));
     }
 };
 

package/dist/cjs/justifi-billing-form.cjs.entry.js

@@ -17,7 +17,7 @@ const JustifiBillingForm = class {
         return (_b = (_a = this.billingFormRef) === null || _a === void 0 ? void 0 : _a.validate()) !== null && _b !== void 0 ? _b : { isValid: false, errors: {} };
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '40a8a4342204d1679c9b37fb775184131c68248b' }, index.h("billing-form", { key: '65156fc636a2196aa2d189ce5c4d66f755deb3f6', legend: this.legend, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: this.paymentMethodType, ref: (el) => (this.billingFormRef = el) })));
+        return (index.h(styledHost.StyledHost, { key: '5f845819a98bb3f9c477d39447c342dbc568f541' }, index.h("billing-form", { key: '992fb4ea8df4767d7359b73250581b8b1e5c83ad', legend: this.legend, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: this.paymentMethodType, ref: (el) => (this.billingFormRef = el) })));
     }
 };
 

package/dist/cjs/justifi-business-details.cjs.entry.js

@@ -2,24 +2,24 @@
 
 var index = require('./index-p7cvUYAE.js');
 var utils = require('./utils-8RGQVADu.js');
-var business_service = require('./business.service-j_VDzA2-.js');
-var getBusiness = require('./get-business-BBDsPv-b.js');
-var Plaid = require('./Plaid-B2o4c_Ej.js');
-var Analytics = require('./Analytics-BVHauOC2.js');
-var checkPkgVersion = require('./check-pkg-version-JMiLuNXu.js');
+var business_service = require('./business.service-72YETCdB.js');
+var getBusiness = require('./get-business-BpaRbn5S.js');
+var Plaid = require('./Plaid-D85oV9FN.js');
+var Analytics = require('./Analytics-COhunq0p.js');
+var checkPkgVersion = require('./check-pkg-version-BxGoSXGD.js');
 var styledHost = require('./styled-host-CW1WUnUq.js');
 require('./event-types-YOY5TKUN.js');
 var skeleton = require('./skeleton-DvRCiQlA.js');
 require('./parts-BXshb_S-.js');
-require('./Api-BzB0rppJ.js');
+require('./Api-Do6SaltY.js');
 require('./config-state-C1YMiFpR.js');
 require('./index-DDrfAj-j.js');
 require('./utils-DB4XHlAU.js');
 require('./dinero-BwNN_k7x.js');
-require('./package-DfdMLmz7.js');
+require('./package-G3Vs7Jx5.js');
 require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
-require('./utils-WrOn06xB.js');
+require('./utils-CBriZzRC.js');
 
 const BusinessDetailsLoading = () => {
     const Block = () => (index.h("div", { class: "mt-5" }, index.h(skeleton.Skeleton, { width: "40%", height: "1.5rem" }), index.h("hr", null), index.h("div", { class: "row g-3" }, index.h("div", { class: "col-12 col-md-6" }, index.h(skeleton.Skeleton, null), index.h(skeleton.Skeleton, null), index.h(skeleton.Skeleton, null)), index.h("div", { class: "col-12 col-md-6" }, index.h(skeleton.Skeleton, null), index.h(skeleton.Skeleton, null), index.h(skeleton.Skeleton, null)))));

package/dist/cjs/justifi-business-form.cjs.entry.js

@@ -5,29 +5,29 @@ var index_esm = require('./index.esm-BNETBIV_.js');
 var businessIdentitySchema = require('./business-identity-schema-hpDJFnB4.js');
 require('./config-state-C1YMiFpR.js');
 require('./dinero-BwNN_k7x.js');
-var Plaid = require('./Plaid-B2o4c_Ej.js');
+var Plaid = require('./Plaid-D85oV9FN.js');
 require('./Pagination-Dediz133.js');
 var Business = require('./Business-oBifyXkW.js');
-var Analytics = require('./Analytics-BVHauOC2.js');
+var Analytics = require('./Analytics-COhunq0p.js');
 var button = require('./button-CR9Rl1-o.js');
 var styledHost = require('./styled-host-CW1WUnUq.js');
 var header1 = require('./header-1-CsBQoo1f.js');
 require('./event-types-YOY5TKUN.js');
-var checkPkgVersion = require('./check-pkg-version-JMiLuNXu.js');
+var checkPkgVersion = require('./check-pkg-version-BxGoSXGD.js');
 var skeleton = require('./skeleton-DvRCiQlA.js');
 var eventTypes = require('./event-types-DNOUef41.js');
-var paymentProvisioningActions = require('./payment-provisioning-actions-CIsDrh8k.js');
-var business_service = require('./business.service-j_VDzA2-.js');
+var paymentProvisioningActions = require('./payment-provisioning-actions-DDooZhhk.js');
+var business_service = require('./business.service-72YETCdB.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./schema-validations-DehT309E.js');
 require('./country-config-C1bWmF8P.js');
 require('./business-form-options-CnlrfbQ6.js');
 require('./index-DDrfAj-j.js');
 require('./utils-DB4XHlAU.js');
-require('./package-DfdMLmz7.js');
-require('./Api-BzB0rppJ.js');
+require('./package-G3Vs7Jx5.js');
+require('./Api-Do6SaltY.js');
 require('./parts-BXshb_S-.js');
-require('./utils-WrOn06xB.js');
+require('./utils-CBriZzRC.js');
 
 const businessFormSchemaUSA = index_esm.create$3(Object.assign(Object.assign({}, businessIdentitySchema.businessCoreInfoSchemaUSA().fields), { legal_address: businessIdentitySchema.addressSchemaUSA(), additional_questions: businessIdentitySchema.additionalQuestionsSchema(), representative: businessIdentitySchema.identitySchemaUSA('representative') }));
 index_esm.create$3(Object.assign(Object.assign({}, businessIdentitySchema.businessCoreInfoSchemaCAN().fields), { legal_address: businessIdentitySchema.addressSchemaCAN(), additional_questions: businessIdentitySchema.additionalQuestionsSchema(), representative: businessIdentitySchema.identitySchemaCAN('representative') }));

package/dist/cjs/justifi-card-billing-form-simple.cjs.entry.js

@@ -17,7 +17,7 @@ const JustifiCardBillingFormSimple = class {
         return (_b = (_a = this.cardBillingFormSimpleRef) === null || _a === void 0 ? void 0 : _a.validate()) !== null && _b !== void 0 ? _b : { isValid: false, errors: {} };
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '799c9c1ed22b4794fc292a6cbe0986ad91c41cd9' }, index.h("card-billing-form-simple", { key: '5a96ecdd0a474fae719f6fa48bcb4a88fd74ef92', legend: this.legend, ref: (el) => (this.cardBillingFormSimpleRef = el) })));
+        return (index.h(styledHost.StyledHost, { key: '252d0c30a2ce3775759aa0490592bea6608620ca' }, index.h("card-billing-form-simple", { key: '62a33d79b9b12dfefbfef68f0cf9ec8beb52d177', legend: this.legend, ref: (el) => (this.cardBillingFormSimpleRef = el) })));
     }
 };