@justifi/webcomponents 6.14.5 → 6.15.0-rc.2

package/dist/esm/form-control-number_2.entry.js

@@ -48,10 +48,10 @@ const FormControlNumber = class {
         return input;
     }
     render() {
-        return (h(Host, { key: 'a47de1fbb4fbd97b47c4dc934d58a628c65f1dbf' }, h("div", { key: 'bbd063c3f0c68bdad5f1849fed8ac318ebb423ef', class: 'form-group d-flex flex-column' }, h("label", { key: '796cb0253dc523ceb21464f3ce528509abffecfa', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '8ceaf162d7db2c639b679a431dea7b962593eb09', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'e21694c1c7611df6ede999aa75fece02977f66f3' }, h("div", { key: '8ea4a38832865e82ffeebcceaabc704d10403966', class: 'form-group d-flex flex-column' }, h("label", { key: '396ab2f79a7168080538ae46da735506b0797311', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '715cb6bfbf439fdd4f659e6d21091b047cbca94d', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), h(FormControlHelpText, { key: '6935e075c057a55f0af02051eb97310b187ae807', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '019b48db586768219622e657e121772e4f0203c5', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), h(FormControlHelpText, { key: 'f8695d85c9b447644b5bdf02d4df9e1c1e3e5da7', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'e736f720d89f5d5aeee6982cb15ea11f63c5dd93', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/form-control-radio.entry.js

@@ -33,10 +33,10 @@ const FormControlRadio = class {
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: '0c6362e375e04d23c7e31a6be9ea6a43fbfdaac2', class: 'form-group d-flex flex-column' }, h("div", { key: '81b22f74d5b872318e121a2be0cbd8108c3f32ec', class: "form-check" }, h("input", { key: '903e8b0ad9cb30241d175da091de758bf4ac2471', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'ffbfee5a2bffb9dc2d6c2489faa9daa60a36604e', class: 'form-group d-flex flex-column' }, h("div", { key: '93e4d129fd0a67d6b6f021b2af4e816683f8b926', class: "form-check" }, h("input", { key: 'e100d93d9750db95262e63aaaf75ff413dbc0928', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onChange: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value, checked: this.checked }), h("label", { key: 'df1402687b5965cbbd41ab65dc3de46a2e6e86b8', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: 'cf5498002674765b9cc5a0a09be1851be4221e9f', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'c5b50668f0451d1d5cbf94c1399057758ac93a5e', errorText: this.errorText, name: this.name })));
+            }, onChange: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value, checked: this.checked }), h("label", { key: '14a8bb0f48683405413245f572d3186d8948de41', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: 'ca497838c5f52e0c9a528c9503b2e17785239d23', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '6f1f5d3ac8e1fe55d9c676f5e5f96633de777d01', errorText: this.errorText, name: this.name })));
     }
 };
 

package/dist/esm/form-control-select_2.entry.js

@@ -40,10 +40,10 @@ const FormControlSelect = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: '181f9882efa122d1158475b03c5d91b6a596a029' }, h("div", { key: 'ab62345c08da6d3d33fa110937c936758e065eb3', class: "form-group d-flex flex-column" }, h("div", { key: 'a4cd1468d4c57b63ee25f25cca6f42ea08b70ef4', class: "d-flex align-items-start gap-2" }, h("label", { key: 'ebb6e16b2e11a3623c3152eb8e1b51412fa4d1ae', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '5d5d414a90927659661b6a2e167056c938e9c5a7', helpText: this.helpText })), h("select", { key: '8105c889f7fdb9376848c6057ccd58b9c62841a4', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '1bf4b5a98883ea56ee00cc10c8e665c5816322f9' }, h("div", { key: '9c36f16f9fad894ffe4ae9e665fae50839fbac58', class: "form-group d-flex flex-column" }, h("div", { key: 'f81841ffb7bf19c6460a087cec95617aa3a983a2', class: "d-flex align-items-start gap-2" }, h("label", { key: 'd17ae46135877411c2aa15b5a2390c31ca791955', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '2e0c07c7f0421547271c18fa1919e97b1735a6ba', helpText: this.helpText })), h("select", { key: '5c68fb7f1ae8c55b3c52730286f2b33391b619cc', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (h("option", { value: option.value }, option.label)))), h(FormControlErrorText, { key: '061a26387560f0b8085e83e1c373a43340146469', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (h("option", { value: option.value }, option.label)))), h(FormControlErrorText, { key: '43c4397970628eabb1554d9352808566aa219a7a', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
@@ -88,10 +88,10 @@ const FormControlText = class {
         return input;
     }
     render() {
-        return (h(Host, { key: '5732a2a92dd945b8520e277bf10e22ea296b0949' }, h("div", { key: '9f58456015584c0cd945686e8bc7d629f46a39a2', class: "form-group d-flex flex-column" }, h("div", { key: '1dccca5e3f97a41e895e7572f24f0e21d2b912c1', class: "d-flex align-items-start gap-2" }, h("label", { key: '54d52a444a22f460579911ecf869633b041bcab9', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '65f9c29cb659be24d88697c72dac422c70431209', helpText: this.helpText })), h("input", { key: 'ba4b46b0e3e66112ed90e64425de6fd9c97559d2', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '0a275b26c5e6604a478bd4618f8955264205b4f8' }, h("div", { key: 'c495cf0113cfd1ddd6a4d586dfb96d67ec7e92f1', class: "form-group d-flex flex-column" }, h("div", { key: '6a97e6086faaf4b43c41da9615568f359760343c', class: "d-flex align-items-start gap-2" }, h("label", { key: '39c1d7b7d281874a81125374e7a351783de14207', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '646caf4cd154574488610f47a593a8fbfff0778f', helpText: this.helpText })), h("input", { key: '540637afeb21d3da93c304710568a0ed8ad99dc4', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: 'f7bf2c8f5f1c30cfdc4e6c2927434a50f7f58add', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: '1a8246dbf9908c7e56ae2cc0cbea65934c3a33ce', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/{get-business-BSyOONF0.js → get-business-BLCT-zfN.js}

@@ -1,6 +1,6 @@
 import { B as Business } from './Business-DaDqgDrb.js';
-import { C as ComponentErrorSeverity } from './Plaid-DJ-4YL0_.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils-D6LKoG0M.js';
+import { C as ComponentErrorSeverity } from './Plaid-BP3xNxQF.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-YUOJKtjO.js';
 
 const makeGetBusiness = ({ id, authToken, service }) => async ({ onSuccess, onError, final }) => {
     var _a;

package/dist/esm/{get-payment-details-CoGzqJ6o.js → get-payment-details-BokzuPGl.js}

@@ -1,9 +1,9 @@
 import './config-state-BKOsYBXZ.js';
 import './dinero-HXpYMWUU.js';
-import { e as Payment, C as ComponentErrorSeverity } from './Plaid-DJ-4YL0_.js';
+import { e as Payment, C as ComponentErrorSeverity } from './Plaid-BP3xNxQF.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-DaDqgDrb.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils-D6LKoG0M.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-YUOJKtjO.js';
 
 const makeGetPaymentDetails = ({ id, authToken, service }) => async ({ onSuccess, onError, final }) => {
     var _a;

package/dist/esm/{get-subaccounts-BraeNX17.js → get-subaccounts-ClGG-LRZ.js}

@@ -1,10 +1,10 @@
-import { A as Api } from './Api-DScockhO.js';
-import { S as SubAccount, C as ComponentErrorSeverity } from './Plaid-DJ-4YL0_.js';
+import { A as Api } from './Api-83B3f28Q.js';
+import { S as SubAccount, C as ComponentErrorSeverity } from './Plaid-BP3xNxQF.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-DaDqgDrb.js';
 import './config-state-BKOsYBXZ.js';
 import './dinero-HXpYMWUU.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils-D6LKoG0M.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-YUOJKtjO.js';
 
 const api = Api();
 class SubAccountService {

package/dist/esm/{index-DkoufM1t.js → index-DEx8fQeW.js}

@@ -4,6 +4,8 @@ var PAYMENT_MODE;
     PAYMENT_MODE["BNPL"] = "bnpl";
     PAYMENT_MODE["APPLE_PAY"] = "apple_pay";
     PAYMENT_MODE["GOOGLE_PAY"] = "google_pay";
+    PAYMENT_MODE["PAYPAL"] = "paypal";
+    PAYMENT_MODE["VENMO"] = "venmo";
 })(PAYMENT_MODE || (PAYMENT_MODE = {}));
 // Maps the backend payment method types to the frontend payment method types
 var PAYMENT_METHOD_TYPES;
@@ -26,6 +28,8 @@ var PAYMENT_METHODS;
     PAYMENT_METHODS["GOOGLE_PAY"] = "google_pay";
     PAYMENT_METHODS["SEZZLE"] = "sezzle";
     PAYMENT_METHODS["PLAID"] = "plaid";
+    PAYMENT_METHODS["PAYPAL"] = "paypal";
+    PAYMENT_METHODS["VENMO"] = "venmo";
 })(PAYMENT_METHODS || (PAYMENT_METHODS = {}));
 const mapPaymentMethodType = (type) => {
     switch (type) {

package/dist/esm/index.js

@@ -1 +1 @@
-export { P as PAYMENT_METHODS } from './index-DkoufM1t.js';
+export { P as PAYMENT_METHODS } from './index-DEx8fQeW.js';

package/dist/esm/internal-button.entry.js

@@ -9,7 +9,7 @@ const InternalButton = class {
         this.type = 'button';
     }
     render() {
-        return (h(Button, { key: 'a20d0f251ab26062356b54965b3981af7953c71f', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle, hidden: this.hidden }, this.text));
+        return (h(Button, { key: '4048996761c978279f2aefbb43bbbb249fe445d9', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle, hidden: this.hidden }, this.text));
     }
 };
 

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

@@ -1,29 +1,29 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CV0Pyo1O.js';
-import { A as Api } from './Api-DScockhO.js';
-import { A as ApplePayConfig, r as ApplePayHelpers, s as ApplePayPaymentRequest, t as ApplePaySessionStatus, u as ApplePayButtonStyle, v as ApplePayButtonType, w as ApplePayMerchantCapability, C as ComponentErrorSeverity, b as ComponentErrorCodes, c as ComponentErrorMessages, I as ICheckoutStatus, x as PLAID_ERROR_SEVERITY, y as PLAID_ERROR_MESSAGES, z as PlaidErrorCodes } from './Plaid-DJ-4YL0_.js';
+import { A as Api } from './Api-83B3f28Q.js';
+import { A as ApplePayConfig, r as ApplePayHelpers, s as ApplePayPaymentRequest, t as ApplePaySessionStatus, u as ApplePayButtonStyle, v as ApplePayButtonType, w as ApplePayMerchantCapability, C as ComponentErrorSeverity, b as ComponentErrorCodes, c as ComponentErrorMessages, I as ICheckoutStatus, x as PLAID_ERROR_SEVERITY, y as PLAID_ERROR_MESSAGES, z as PlaidErrorCodes } from './Plaid-BP3xNxQF.js';
 import { S as StyledHost } from './styled-host-RvPhw8Gu.js';
 import './event-types-CZfYo5-1.js';
 import { S as Skeleton } from './skeleton-dbktEkFS.js';
-import { c as checkoutStore, o as onChange, a as onAnyChange, g as getAvailablePaymentMethodTypes, b as getCheckoutState } from './checkout.store-B6amfNq_.js';
+import { c as checkoutStore, o as onChange, a as onAnyChange, g as getAvailablePaymentMethodTypes, b as getCheckoutState } from './checkout.store-B2mtQcB5.js';
 import { t as text, r as radioListItem } from './parts-Bu7gdOaV.js';
 import { f as formatCurrency } from './utils-D8J8OvxY.js';
 import { w as waitForConfig, c as configState } from './config-state-BKOsYBXZ.js';
 import { H as Header1 } from './header-1-BI0o3rMW.js';
 import { H as Header2, b as insuranceValuesOn, h as hasInsuranceValueChanged, i as insuranceValues } from './insurance-state-DM0VaTpH.js';
 import { H as Header3 } from './header-3-DNqRk_HO.js';
-import { J as JustifiAnalytics } from './Analytics-Dgz_MQ1D.js';
-import { c as checkPkgVersion } from './check-pkg-version-CPMg0K2m.js';
+import { J as JustifiAnalytics } from './Analytics-3WmRTICF.js';
+import { c as checkPkgVersion } from './check-pkg-version-CmFl6VLH.js';
 import './dinero-HXpYMWUU.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-DaDqgDrb.js';
-import { m as makeGetCheckout, a as makeCheckoutComplete } from './checkout-actions-DhL8YxrK.js';
-import { C as CheckoutService } from './checkout.service-CU4BnB34.js';
-import { P as PlaidService } from './plaid.service-DwWljJOH.js';
-import { P as PAYMENT_METHODS, a as PaymentMethod, b as PAYMENT_MODE } from './index-DkoufM1t.js';
+import { m as makeGetCheckout, a as makeCheckoutComplete } from './checkout-actions-0ftD0elo.js';
+import { C as CheckoutService } from './checkout.service-wjFjBxIB.js';
+import { P as PlaidService } from './plaid.service-DufQkxDk.js';
+import { P as PAYMENT_METHODS, a as PaymentMethod, b as PAYMENT_MODE } from './index-DEx8fQeW.js';
 import { C as CardBrandLabels } from './payment-method-option-utils-lUHAQVFl.js';
-import './package-CiypNylL.js';
+import './package-CAVi_ne1.js';
 import './index-3wWWWrhn.js';
-import './utils-D6LKoG0M.js';
+import './utils-YUOJKtjO.js';
 
 const JustifiRadioListItem = class {
     constructor(hostRef) {
@@ -743,7 +743,7 @@ const JustifiButton = class {
         this.type = 'button';
     }
     render() {
-        return (h(StyledHost, { key: '241fe8903788f0442b42bf5a6835d152d1944967' }, 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 (h(StyledHost, { key: '1e09a302d064e2e4a860dc4efd9eb9693d4d0055' }, 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 })));
     }
 };
 
@@ -752,7 +752,7 @@ const JustifiCheckoutSummary = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(StyledHost, { key: '336fa6563952ee7905c2ed4a3330d73bbb33a0eb' }, h("section", { key: '48b8798a925d618f5a2c52d743190207b78eb70a' }, h("div", { key: '81d91167c10ccc49acb039ea54a9f97f4aa6e305' }, h("div", { key: '9744242f2c2c3082e9c1a3af6e716ec4cb28f1fd', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '438062935abd2f00495c432ef6652e3808e5215f' }, h("span", { key: 'e3f24d9c52ddae0206cbefe61bd08f24697fe28e', part: text }, "Total"), "\u00A0", h("span", { key: '9835cb60de31a2c8946b7ac2dd6d1fa82f223110', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
+        return (h(StyledHost, { key: '7d3447ff4daa9bf4f603ca381027b3f43cfcc6a1' }, h("section", { key: '1c8189ccde6dc986ad2d4c74da2dd10cacfc1c36' }, h("div", { key: '45e6d5f47d8a92e0bd4a7bfa427630a96f049b4a' }, h("div", { key: '9900b5fd770cd59b00803c3614216c16a803da41', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '16cec140ef6912533a80b1f6341fcc9cb341b478' }, h("span", { key: 'f8883538c99a524017bb102bfd8cfaea7062e650', part: text }, "Total"), "\u00A0", h("span", { key: '11baa64630a60c56cedfa53548c107ec3fe3c0f5', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
     }
 };
 
@@ -911,7 +911,7 @@ const JustifiHeader = class {
     }
     render() {
         const HeaderComponent = this.levels[this.level];
-        return (h(StyledHost, { key: '5a0872ee486bdba3ba1c86145946889bb7d151f2' }, h(HeaderComponent, { key: '89807e249cdf64f7ef80800276cb50966083f28e', text: this.text, class: this.class })));
+        return (h(StyledHost, { key: '1843adabddf7d439036f8ce6f55627b7ca3e4a9f' }, h(HeaderComponent, { key: 'b16e5624ce7e092cc8c144a7cdfd9cb6afdf7a83', text: this.text, class: this.class })));
     }
 };
 
@@ -922,6 +922,43 @@ const JustifiModularCheckout = class {
         this.submitEvent = createEvent(this, "submit-event", 7);
         this.checkoutChangedEvent = createEvent(this, "checkout-changed", 7);
         this.plaidService = new PlaidService();
+        this.handlePaypalStarted = () => {
+            checkoutStore.isWalletProcessing = true;
+        };
+        this.handlePaypalCompleted = (event) => {
+            const { success, paymentMethodId, fundingSource } = event.detail || {};
+            checkoutStore.isWalletProcessing = false;
+            if (success && paymentMethodId) {
+                checkoutStore.paymentToken = paymentMethodId;
+                checkoutStore.selectedPaymentMethod = {
+                    type: fundingSource === "venmo"
+                        ? PAYMENT_METHODS.VENMO
+                        : PAYMENT_METHODS.PAYPAL,
+                };
+                this.submitCheckout();
+            }
+            else {
+                this.errorEvent.emit({
+                    message: "Paypal payment failed",
+                    errorCode: ComponentErrorCodes.TOKENIZE_ERROR,
+                    severity: ComponentErrorSeverity.ERROR,
+                });
+            }
+        };
+        this.handlePaypalCancelled = () => {
+            checkoutStore.isWalletProcessing = false;
+            checkoutStore.paymentToken = undefined;
+            checkoutStore.selectedPaymentMethod = undefined;
+        };
+        this.handlePaypalError = (event) => {
+            checkoutStore.isWalletProcessing = false;
+            const { error, code } = event.detail || {};
+            this.errorEvent.emit({
+                message: error || "Paypal error occurred",
+                errorCode: `PAYPAL_${code}`,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        };
         this.handleApplePayStarted = () => {
             checkoutStore.isWalletProcessing = true;
         };
@@ -991,6 +1028,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,
@@ -1026,6 +1064,7 @@ const JustifiModularCheckout = class {
         this.queryFormRefs();
         this.setupApplePayListeners();
         this.setupGooglePayListeners();
+        this.setupPaypalListeners();
     }
     disconnectedCallback() {
         var _a, _b;
@@ -1034,6 +1073,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) {
@@ -1076,9 +1116,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;
         checkoutStore.accountId = checkout.account_id;
-        checkoutStore.checkoutLoaded = true;
         const rawMode = checkout.mode != null ? String(checkout.mode).toLowerCase() : '';
         checkoutStore.checkoutMode =
             rawMode === 'test' ? 'test' : rawMode === 'live' ? 'live' : null;
@@ -1090,16 +1129,20 @@ const JustifiModularCheckout = class {
         checkoutStore.totalAmount = checkout.total_amount;
         checkoutStore.paymentAmount = checkout.payment_amount;
         checkoutStore.bnplEnabled = checkout.payment_settings.bnpl_payments;
-        checkoutStore.insuranceEnabled = checkout.payment_settings.insurance_payments;
-        checkoutStore.bankAccountVerification = (_b = checkout.payment_settings) === null || _b === void 0 ? void 0 : _b.bank_account_verification;
-        checkoutStore.applePayEnabled = (_c = checkout.payment_settings) === null || _c === void 0 ? void 0 : _c.apple_payments;
-        checkoutStore.googlePayEnabled = (_d = checkout.payment_settings) === null || _d === void 0 ? void 0 : _d.google_payments;
+        checkoutStore.insuranceEnabled = (_b = checkout.payment_settings.insurance_payments) !== null && _b !== void 0 ? _b : false;
+        checkoutStore.bankAccountVerification = (_c = checkout.payment_settings) === null || _c === void 0 ? void 0 : _c.bank_account_verification;
+        checkoutStore.applePayEnabled = (_e = (_d = checkout.payment_settings) === null || _d === void 0 ? void 0 : _d.apple_payments) !== null && _e !== void 0 ? _e : false;
+        checkoutStore.googlePayEnabled = (_g = (_f = checkout.payment_settings) === null || _f === void 0 ? void 0 : _f.google_payments) !== null && _g !== void 0 ? _g : false;
+        checkoutStore.paypalEnabled = (_j = (_h = checkout.payment_settings) === null || _h === void 0 ? void 0 : _h.paypal_payments) !== null && _j !== void 0 ? _j : false;
+        checkoutStore.paypalProviderClientId = (_l = (_k = checkout.paypal) === null || _k === void 0 ? void 0 : _k.provider_client_id) !== null && _l !== void 0 ? _l : '';
         checkoutStore.achPaymentsEnabled = achEnabled;
-        checkoutStore.bnplProviderClientId = (_e = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _e === void 0 ? void 0 : _e.provider_client_id;
-        checkoutStore.bnplProviderMode = (_f = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _f === void 0 ? void 0 : _f.provider_mode;
-        checkoutStore.bnplProviderApiVersion = (_g = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _g === void 0 ? void 0 : _g.provider_api_version;
+        checkoutStore.bnplProviderClientId = (_m = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _m === void 0 ? void 0 : _m.provider_client_id;
+        checkoutStore.bnplProviderMode = (_o = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _o === void 0 ? void 0 : _o.provider_mode;
+        checkoutStore.bnplProviderApiVersion = (_p = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _p === void 0 ? void 0 : _p.provider_api_version;
         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;
+        checkoutStore.paymentCurrency = (checkout.payment_currency || checkoutStore.paymentCurrency).toUpperCase();
+        checkoutStore.checkoutLoaded = true;
     }
     emitCheckoutChanged() {
         const detail = {
@@ -1113,6 +1156,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 (!checkoutStore.selectedPaymentMethod && this.paymentMethodFormRef) {
@@ -1157,6 +1201,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 : {};
@@ -1340,6 +1400,10 @@ const JustifiModularCheckout = class {
                     return PAYMENT_MODE.APPLE_PAY;
                 case PAYMENT_METHODS.GOOGLE_PAY:
                     return PAYMENT_MODE.GOOGLE_PAY;
+                case PAYMENT_METHODS.PAYPAL:
+                    return PAYMENT_MODE.PAYPAL;
+                case PAYMENT_METHODS.VENMO:
+                    return PAYMENT_MODE.VENMO;
                 default:
                     return undefined;
             }
@@ -1381,11 +1445,234 @@ const JustifiModularCheckout = class {
         });
     }
     render() {
-        return h(Host, { key: 'c9b021ee33cdac2c88ec16df613ccaf3f4e981ef' });
+        return h(Host, { key: '127bf2aea6758c7d91e33f252a3db4bc27b066ff' });
     }
     get hostEl() { return getElement(this); }
 };
 
+const 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) {
+        registerInstance(this, hostRef);
+        this.paypalStarted = createEvent(this, "paypalStarted", 7);
+        this.paypalCompleted = createEvent(this, "paypalCompleted", 7);
+        this.paypalCancelled = createEvent(this, "paypalCancelled", 7);
+        this.paypalError = 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 (checkoutStore.checkoutLoaded) {
+            this.initializePaypal();
+        }
+        else {
+            onChange('checkoutLoaded', (loaded) => {
+                if (loaded)
+                    this.initializePaypal();
+            });
+        }
+    }
+    componentDidRender() {
+        this.applyVisibility();
+    }
+    get currencyCode() {
+        return (checkoutStore.paymentCurrency || PAYPAL_DEFAULT_CURRENCY).toUpperCase();
+    }
+    get showPaypal() {
+        return !!checkoutStore.paypalEnabled && this.paypalEligible;
+    }
+    get showVenmo() {
+        return (!!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(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 = 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(checkoutStore.authToken, 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 (h(StyledHost, { key: '05c771ae41d3b21da7046e70c7d0e03efc296a0c' }, h("div", { key: '8e7a14372ce29b4da284efadb43c27d0c059607e', class: "paypal-buttons", ref: (el) => (this.buttonsEl = el) }, h("paypal-button", { key: 'aa7fa82c96ca4d41872f445a01e72a18f6f5920a', type: "pay", ref: (el) => (this.paypalButtonEl = el), onClick: () => this.startSession(this.paypalSession, 'paypal') }), h("venmo-button", { key: '2cb068aa82460068548f133607cebec096028a41', type: "pay", ref: (el) => (this.venmoButtonEl = el), onClick: () => this.startSession(this.venmoSession, 'venmo') })), 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 {
@@ -2318,7 +2605,7 @@ const JustifiTokenizePaymentMethod = class {
             } }));
     }
     render() {
-        return (h(StyledHost, { key: 'bc76697688be332ef84db56e61b6b455a6d1e986' }, h("form", { key: '8f64f55f945d4ff4ed0f144c724dbd71278ec771' }, h("fieldset", { key: '15b6d388117738391089cf91f999247cddb29714' }, h("div", { key: 'a4e23f7808b446dff6f7da437dba3cb57d2d62aa', class: "row gy-3" }, h("div", { key: '63b0584d217d9bb50036eb7d5837e7287be58760', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: 'c9345be3429cd8ab01a84e8584270938feceba39', class: "col-12" }, 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 (h(StyledHost, { key: '16a5a47febb09295c95f141ddc96a849e530c477' }, h("form", { key: 'e1ac3ac80435b32cb0a742198d814778bffd635c' }, h("fieldset", { key: '68d0f984d3e66a6abc794e8b2086e27f26ecc809' }, h("div", { key: 'b1759ec1b9c94a976da992947b06da6d8f48f553', class: "row gy-3" }, h("div", { key: 'bc1ef82406d3da36c5d4d97b1a10259de87fdd09', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: 'ed26f2908aa90daba5ab320a668369566b9dacfa', class: "col-12" }, 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 getElement(this); }
     static get watchers() { return {
@@ -2327,4 +2614,4 @@ const JustifiTokenizePaymentMethod = class {
     }; }
 };
 
-export { JustifiApplePay as justifi_apple_pay, JustifiButton as justifi_button, JustifiCheckoutSummary as justifi_checkout_summary, JustifiGooglePay as justifi_google_pay, JustifiHeader as justifi_header, JustifiModularCheckout as justifi_modular_checkout, JustifiPlaidPaymentMethod as justifi_plaid_payment_method, JustifiRadioListItem as justifi_radio_list_item, JustifiSavedPaymentMethods as justifi_saved_payment_methods, JustifiSezzlePaymentMethod as justifi_sezzle_payment_method, JustifiTokenizePaymentMethod as justifi_tokenize_payment_method };
+export { JustifiApplePay as justifi_apple_pay, JustifiButton as justifi_button, JustifiCheckoutSummary as justifi_checkout_summary, JustifiGooglePay as justifi_google_pay, JustifiHeader as justifi_header, JustifiModularCheckout as justifi_modular_checkout, JustifiPaypal as justifi_paypal, JustifiPlaidPaymentMethod as justifi_plaid_payment_method, JustifiRadioListItem as justifi_radio_list_item, JustifiSavedPaymentMethods as justifi_saved_payment_methods, JustifiSezzlePaymentMethod as justifi_sezzle_payment_method, JustifiTokenizePaymentMethod as justifi_tokenize_payment_method };