npm - @funnelsgrove/payments - Versions diffs - 0.32.0 → 0.34.0 - Mend

@funnelsgrove/payments 0.32.0 → 0.34.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (25) hide show

package/README.md CHANGED Viewed

@@ -41,6 +41,15 @@ mobile remains full-screen and all checkout analytics and verified-success behav
 Pass `presentation='inline'` to embed a card-only form in the paywall. The host owns the offer summary and renewal disclosure. Inline checkout has no modal semantics, close button, Escape dismissal, or shared wallet session; analytics and verified-success callbacks are unchanged.
+For a mixed Stripe/PayPal Offer Set, pass the selected binding's `PayPalCheckout`
+as `paypalCheckout` to `SharedStripeCheckoutV2Dialog`. It appears in the checkout
+method picker alongside available wallets and card. Forward `onPendingChange`
+to `paypalPending` so an unresolved PayPal purchase keeps its selected method.
+The PayPal panel shows its native billing terms and hides the Stripe discount
+summary. This slot applies only to dialog presentation. A PayPal-only Offer Set
+uses `PayPalCheckoutDialog` around the same native checkout, without creating a
+Stripe session. The funnel owns opening the dialog and post-success navigation.
 Use `completeStripeOneClickPayment` for normal post-checkout one-click upsells. It delegates the charge to `funnelSdkService.chargeOneClickPayment` and owns any required Stripe confirmation. Pass its optional `checkoutAnalytics` context to let the shared package emit `checkout_completed` only after `succeeded`, including after required confirmation. The context uses `StripeSubscriptionCheckoutAnalyticsContext`; completion is deduplicated by PaymentIntent ID, and analytics failures do not fail the payment. Funnel code supplies the context and completes its step; the shared package owns the analytics callback. `chargeStripeOneClickPayment` remains the lower-level charge-only primitive.
 Solidgate browser checkout is available for controlled provider-routed funnels through

package/dist/components/ManageSubscriptionScreen.d.ts CHANGED Viewed

@@ -46,6 +46,7 @@ type ManageSubscription = RuntimeSubscription & {
 };
 export declare function ManageSubscriptionScreen({ stepId, content, homeStepId, nodeId, plans, }: ManageSubscriptionScreenProps): import("react/jsx-runtime").JSX.Element;
 export declare const __manageSubscriptionScreenTestables: {
+    isCancelledActiveSubscription: (subscription: ManageSubscription) => boolean;
     resolveBillingDateLabel: (subscription: Pick<ManageSubscription, "cancelAtPeriodEnd" | "currentPeriodEnd" | "status">, options?: {
         cancelled?: boolean;
         past?: boolean;

package/dist/components/ManageSubscriptionScreen.js CHANGED Viewed

@@ -8,7 +8,8 @@ const pastSubscriptionsNote = 'Past subscriptions are already canceled or expire
 const cancelledSubscriptionsNote = 'These subscriptions are cancelled and remain active until the date shown below.';
 const getNormalizedStatus = (subscription) => subscription.status.trim().toLowerCase();
 const isCancelledActiveSubscription = (subscription) => {
-    return subscription.cancelAtPeriodEnd && getNormalizedStatus(subscription) !== 'canceled';
+    return subscription.cancelAtPeriodEnd && (getNormalizedStatus(subscription) !== 'canceled'
+        || Date.parse(subscription.currentPeriodEnd || '') > Date.now());
 };
 const isCancellableSubscription = (subscription) => {
     return getNormalizedStatus(subscription) !== 'canceled' && !subscription.cancelAtPeriodEnd;
@@ -243,6 +244,7 @@ function SubscriptionSection({ title, subscriptions, plans, onSelect, descriptio
                 }) })] }));
 }
 export const __manageSubscriptionScreenTestables = {
+    isCancelledActiveSubscription,
     resolveBillingDateLabel,
     resolveSubscriptionStatusLabel,
 };

package/dist/generated/package-version.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export declare const PAYMENTS_PACKAGE_VERSION = "0.32.0";
1	+ export declare const PAYMENTS_PACKAGE_VERSION = "0.34.0";

package/dist/generated/package-version.js CHANGED Viewed

@@ -1,2 +1,2 @@
 // Generated by scripts/generate-package-version.mjs.
-export const PAYMENTS_PACKAGE_VERSION = "0.32.0";
+export const PAYMENTS_PACKAGE_VERSION = "0.34.0";

package/dist/index.d.ts CHANGED Viewed

@@ -15,3 +15,6 @@ export * from './providers/solidgate/index.js';
 export { ManageSubscriptionScreen, type ManageSubscriptionContent, type ManageSubscriptionScreenProps, type ManageSubscriptionLabels, } from './components/ManageSubscriptionScreen.js';
 export { isCheckoutEmailError, isValidCheckoutEmail } from './services/checkoutEmail.js';
 export * from './components/CheckoutEmailDialog.js';
+export { PayPalCheckoutDialog } from './providers/paypal/PayPalCheckoutDialog.js';
+export { PayPalCheckout, type PayPalCheckoutProps } from './providers/paypal/PayPalCheckout.js';
+export { readPendingPayPalCheckout } from './providers/paypal/paypalCheckout.service.js';

package/dist/index.js CHANGED Viewed

@@ -18,3 +18,6 @@ export * from './providers/solidgate/index.js';
 export { ManageSubscriptionScreen, } from './components/ManageSubscriptionScreen.js';
 export { isCheckoutEmailError, isValidCheckoutEmail } from './services/checkoutEmail.js';
 export * from './components/CheckoutEmailDialog.js';
+export { PayPalCheckoutDialog } from './providers/paypal/PayPalCheckoutDialog.js';
+export { PayPalCheckout } from './providers/paypal/PayPalCheckout.js';
+export { readPendingPayPalCheckout } from './providers/paypal/paypalCheckout.service.js';

package/dist/providers/paypal/PayPalCheckout.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { type PayPalCheckoutInput } from './paypalCheckout.service.js';
+export type PayPalCheckoutProps = PayPalCheckoutInput & {
+    onSuccess: () => void;
+    onPreparationStart?: () => void;
+    onPendingChange?: (pending: boolean) => void;
+};
+/** A keyed instance owns one merchant/plan selection throughout buyer approval. */
+export declare function PayPalCheckout(props: PayPalCheckoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/providers/paypal/PayPalCheckout.js ADDED Viewed

@@ -0,0 +1,210 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { completePaywallCheckout, retainPaywallCheckout } from '@funnelsgrove/runtime';
+import { loadPayPalSdk } from './paypalSdk.js';
+import { PayPalCheckoutRequestError, readPendingPayPalCheckout, storePendingPayPalCheckout, preparePayPalCheckout, verifyPayPalCheckout } from './paypalCheckout.service.js';
+/** A keyed instance owns one merchant/plan selection throughout buyer approval. */
+export function PayPalCheckout(props) {
+    const container = useRef(null);
+    const attemptKey = useRef(crypto.randomUUID());
+    const callbacks = useRef(props);
+    callbacks.current = props;
+    const [error, setError] = useState(null);
+    const [state, setState] = useState('loading');
+    const [retry, setRetry] = useState(0);
+    const [summary, setSummary] = useState(props.option.summary);
+    const verifyRef = useRef(null);
+    const inputKey = JSON.stringify([props.option, props.environment, props.funnelEndUserId, props.offerSetId, props.funnelPlanKey, props.runtimeConfig]);
+    useEffect(() => {
+        var _a, _b, _c, _d, _e;
+        const pending = readPendingPayPalCheckout(callbacks.current);
+        const input = pending ? Object.assign(Object.assign({}, callbacks.current), { option: pending.option, offerSetId: pending.offerSetId, funnelPlanKey: pending.funnelPlanKey }) : callbacks.current;
+        setSummary(input.option.summary);
+        const controller = new AbortController();
+        let button;
+        let attempt = null;
+        let verifying = false;
+        let approved = false;
+        let blocked = false;
+        let completed = false;
+        let idempotencyKey = attemptKey.current;
+        const storageKey = `fg-paypal:${input.environment}:${((_a = input.runtimeConfig) === null || _a === void 0 ? void 0 : _a.funnelId) || ''}:${input.funnelEndUserId}:${input.offerSetId}:${input.funnelPlanKey}:${input.option.paymentProfileId}:${input.option.providerPlanId}`;
+        try {
+            const saved = sessionStorage.getItem(storageKey);
+            if (saved === null || saved === void 0 ? void 0 : saved.startsWith('{')) {
+                const record = JSON.parse(saved);
+                if (typeof record.key === 'string')
+                    idempotencyKey = record.key;
+                if (typeof ((_b = record.attempt) === null || _b === void 0 ? void 0 : _b.attemptId) === 'string' && typeof ((_c = record.attempt) === null || _c === void 0 ? void 0 : _c.subscriptionId) === 'string') {
+                    attempt = record.attempt;
+                    approved = record.approved === true;
+                }
+            }
+            else if (saved)
+                idempotencyKey = saved;
+        }
+        catch ( /* In-memory key still protects retries when browser storage is disabled. */_f) { /* In-memory key still protects retries when browser storage is disabled. */ }
+        if (pending) {
+            attempt = pending.attempt;
+            approved = pending.approved !== false;
+            idempotencyKey = pending.idempotencyKey;
+        }
+        const persist = () => {
+            try {
+                sessionStorage.setItem(storageKey, JSON.stringify({ key: idempotencyKey, attempt, approved }));
+            }
+            catch ( /* Optional persistence. */_a) { /* Optional persistence. */ }
+            if (attempt)
+                storePendingPayPalCheckout(input, { option: input.option, offerSetId: input.offerSetId, funnelPlanKey: input.funnelPlanKey, attempt, idempotencyKey, approved });
+        };
+        persist();
+        const showError = (message) => {
+            var _a, _b;
+            if (controller.signal.aborted || blocked || completed)
+                return;
+            setError(message);
+            setState(attempt ? 'pending' : 'ready');
+            if (!attempt)
+                (_b = (_a = callbacks.current).onPendingChange) === null || _b === void 0 ? void 0 : _b.call(_a, false);
+        };
+        const showRequestError = (error, fallback) => {
+            var _a, _b;
+            if (controller.signal.aborted || completed)
+                return;
+            if (error instanceof PayPalCheckoutRequestError) {
+                blocked = true;
+                setError(error.message);
+                setState('blocked');
+                (_b = (_a = callbacks.current).onPendingChange) === null || _b === void 0 ? void 0 : _b.call(_a, true);
+                return;
+            }
+            showError(fallback);
+        };
+        const verify = async () => {
+            var _a, _b;
+            if (!attempt || verifying || controller.signal.aborted)
+                return;
+            verifying = true;
+            setError(null);
+            setState('verifying');
+            try {
+                // Polling is bounded; a pending payment retains the same attempt for a manual recheck.
+                for (let index = 0; index < 20 && !controller.signal.aborted; index += 1) {
+                    const status = await verifyPayPalCheckout(input, attempt, controller.signal);
+                    if (controller.signal.aborted)
+                        return;
+                    if (status === 'succeeded') {
+                        const embedded = await completePaywallCheckout('paypal', attempt.attemptId, { signal: controller.signal });
+                        if (controller.signal.aborted)
+                            return;
+                        completed = true;
+                        setState('success');
+                        storePendingPayPalCheckout(input, null);
+                        try {
+                            sessionStorage.removeItem(storageKey);
+                        }
+                        catch ( /* Optional persistence. */_c) { /* Optional persistence. */ }
+                        (_b = (_a = callbacks.current).onPendingChange) === null || _b === void 0 ? void 0 : _b.call(_a, false);
+                        if (!embedded)
+                            callbacks.current.onSuccess();
+                        return;
+                    }
+                    if (status === 'requires_payment' && !approved) {
+                        await renderButton();
+                        return;
+                    }
+                    await new Promise(resolve => {
+                        const done = () => { clearTimeout(timeout); controller.signal.removeEventListener('abort', done); resolve(); };
+                        const timeout = setTimeout(done, 1500);
+                        controller.signal.addEventListener('abort', done, { once: true });
+                    });
+                }
+                showError('PayPal is still confirming your subscription. Check its status before trying another purchase.');
+            }
+            catch (error) {
+                showRequestError(error, 'Unable to confirm your subscription yet. Check payment status to continue.');
+            }
+            finally {
+                verifying = false;
+            }
+        };
+        verifyRef.current = verify;
+        setState('loading');
+        setError(null);
+        const renderButton = async () => {
+            if (controller.signal.aborted)
+                return;
+            if (button) {
+                setState('ready');
+                return;
+            }
+            const sdk = await loadPayPalSdk(input.option.clientId, input.environment, input.option.currency);
+            if (controller.signal.aborted || !container.current)
+                return;
+            button = sdk.Buttons({
+                fundingSource: sdk.FUNDING.PAYPAL, style: { label: 'paypal', layout: 'vertical', height: 48 },
+                createSubscription: async () => {
+                    var _a, _b, _c, _d;
+                    if (controller.signal.aborted || completed || blocked)
+                        throw new Error('This PayPal checkout is no longer accepting approval.');
+                    (_b = (_a = callbacks.current).onPreparationStart) === null || _b === void 0 ? void 0 : _b.call(_a);
+                    (_d = (_c = callbacks.current).onPendingChange) === null || _d === void 0 ? void 0 : _d.call(_c, true);
+                    setError(null);
+                    setState('approving');
+                    try {
+                        if (attempt) {
+                            const status = await verifyPayPalCheckout(input, attempt, controller.signal);
+                            if (status !== 'requires_payment') {
+                                await verify();
+                                throw new Error('Check payment status before approving this subscription.');
+                            }
+                        }
+                        else {
+                            attempt = await preparePayPalCheckout(input, idempotencyKey, controller.signal);
+                        }
+                        persist();
+                        retainPaywallCheckout('paypal', attempt.attemptId, input.option.paymentProfileId);
+                        return attempt.subscriptionId;
+                    }
+                    catch (error) {
+                        showRequestError(error, 'PayPal is temporarily unavailable. Please try again.');
+                        throw error;
+                    }
+                },
+                onApprove: async (data) => {
+                    if (controller.signal.aborted || completed || blocked)
+                        return;
+                    if (!attempt || data.subscriptionID !== attempt.subscriptionId) {
+                        showError('Unable to match this PayPal approval. Check payment status.');
+                        return;
+                    }
+                    approved = true;
+                    persist();
+                    await verify();
+                },
+                onCancel: () => { var _a, _b; if (!controller.signal.aborted && !approved && !completed && !blocked) {
+                    attempt = null;
+                    persist();
+                    storePendingPayPalCheckout(input, null);
+                    setState('ready');
+                    (_b = (_a = callbacks.current).onPendingChange) === null || _b === void 0 ? void 0 : _b.call(_a, false);
+                } },
+                onError: () => showError('PayPal is temporarily unavailable. Please try again.'),
+            });
+            await button.render(container.current);
+            if (!controller.signal.aborted)
+                setState('ready');
+        };
+        if (attempt) {
+            (_e = (_d = callbacks.current).onPendingChange) === null || _e === void 0 ? void 0 : _e.call(_d, true);
+            retainPaywallCheckout('paypal', attempt.attemptId, input.option.paymentProfileId);
+            void verify();
+        }
+        else {
+            void renderButton().catch(() => showError('Unable to load PayPal. Please try again.'));
+        }
+        return () => { controller.abort(); verifyRef.current = null; void (button === null || button === void 0 ? void 0 : button.close().catch(() => undefined)); };
+    }, [inputKey, retry]);
+    return _jsxs("section", { "aria-label": 'PayPal payment', className: 'space-y-3', children: [_jsxs("p", { className: 'text-sm', children: ["PayPal \u00B7 ", summary] }), _jsx("div", { ref: container, hidden: state === 'blocked' || state === 'pending' || state === 'verifying' || state === 'success' }), state === 'loading' ? _jsx("p", { role: 'status', children: "Loading PayPal\u2026" }) : null, state === 'verifying' ? _jsx("p", { role: 'status', children: "Confirming your subscription\u2026" }) : null, state === 'success' ? _jsx("p", { role: 'status', children: "Subscription confirmed." }) : null, error ? _jsx("p", { role: 'alert', children: error }) : null, state === 'pending' ? _jsx("button", { type: 'button', onClick: () => { var _a; return void ((_a = verifyRef.current) === null || _a === void 0 ? void 0 : _a.call(verifyRef)); }, children: "Check payment status" })
+                : error && state !== 'blocked' ? _jsx("button", { type: 'button', onClick: () => setRetry(value => value + 1), children: "Retry PayPal" }) : null] });
+}

package/dist/providers/paypal/PayPalCheckoutDialog.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { type ReactNode } from 'react';
+/** The same checkout surface for an Offer Set with only a PayPal binding. */
+export declare function PayPalCheckoutDialog({ children, title, closeAriaLabel, onClose }: {
+    children: ReactNode;
+    title: string;
+    closeAriaLabel: string;
+    onClose: () => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/providers/paypal/PayPalCheckoutDialog.js ADDED Viewed

@@ -0,0 +1,16 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useId } from 'react';
+import { sharedStripeCheckoutV2Styles } from '../stripe/components/SharedStripeCheckoutV2.styles.js';
+import { PaymentBrandMark } from '../stripe/components/CheckoutBrandAssets.js';
+/** The same checkout surface for an Offer Set with only a PayPal binding. */
+export function PayPalCheckoutDialog({ children, title, closeAriaLabel, onClose }) {
+    const titleId = useId();
+    useEffect(() => {
+        const handleKey = (event) => { if (event.key === 'Escape')
+            onClose(); };
+        window.addEventListener('keydown', handleKey);
+        return () => window.removeEventListener('keydown', handleKey);
+    }, [onClose]);
+    return _jsxs(_Fragment, { children: [_jsx("div", { className: 'shared-checkout-v2-overlay', children: _jsx("div", { className: 'shared-checkout-v2-dialog', role: 'dialog', "aria-modal": 'true', "aria-labelledby": titleId, children: _jsxs("div", { className: 'shared-checkout-v2-shell', children: [_jsxs("header", { className: 'shared-checkout-v2-header', children: [_jsx("button", { type: 'button', className: 'shared-checkout-v2-close', "aria-label": closeAriaLabel, onClick: onClose, children: _jsx("span", { "aria-hidden": 'true' }) }), _jsx("h2", { id: titleId, children: title })] }), _jsxs("div", { className: 'shared-checkout-v2-payment', children: [_jsxs("div", { className: 'shared-checkout-v2-method is-selected', "aria-label": 'PayPal', children: [_jsx(PaymentBrandMark, { label: 'PayPal', className: 'shared-checkout-v2-tab-wallet' }), _jsx("span", { children: "PayPal" })] }), children] })] }) }) }), _jsx("style", { children: sharedStripeCheckoutV2Styles })] });
+}

package/dist/providers/paypal/paypalCheckout.service.d.ts ADDED Viewed

@@ -0,0 +1,35 @@
+import { type FunnelSdkRuntimeConfigOverrides } from '@funnelsgrove/runtime';
+import type { PayPalBillingOption } from '../../services/publishedBillingRuntime.service.js';
+export type PayPalCheckoutInput = {
+    option: PayPalBillingOption;
+    environment: 'test' | 'live';
+    funnelEndUserId: string;
+    offerSetId: string;
+    funnelPlanKey: string;
+    runtimeConfig?: FunnelSdkRuntimeConfigOverrides;
+};
+export type PayPalCheckoutAttempt = {
+    attemptId: string;
+    subscriptionId: string;
+};
+declare const checkoutErrorMessages: {
+    checkout_unavailable: string;
+    checkout_outcome_unresolved: string;
+    already_subscribed_to_product: string;
+};
+export declare class PayPalCheckoutRequestError extends Error {
+    readonly code: keyof typeof checkoutErrorMessages;
+    constructor(code: keyof typeof checkoutErrorMessages);
+}
+export declare function preparePayPalCheckout(input: PayPalCheckoutInput, idempotencyKey: string, signal: AbortSignal): Promise<PayPalCheckoutAttempt>;
+export declare function verifyPayPalCheckout(input: PayPalCheckoutInput, attempt: PayPalCheckoutAttempt, signal: AbortSignal): Promise<'succeeded' | 'requires_payment' | 'verifying' | 'preparing'>;
+export type PendingPayPalCheckout = Pick<PayPalCheckoutInput, 'option' | 'offerSetId' | 'funnelPlanKey'> & {
+    attempt: PayPalCheckoutAttempt;
+    idempotencyKey: string;
+    approved?: boolean;
+};
+type PendingScope = Pick<PayPalCheckoutInput, 'runtimeConfig' | 'environment' | 'funnelEndUserId'>;
+/** A prepared checkout must survive a lost approval callback or default-plan change. */
+export declare const readPendingPayPalCheckout: (scope: PendingScope) => PendingPayPalCheckout | null;
+export declare const storePendingPayPalCheckout: (scope: PendingScope, value: PendingPayPalCheckout | null) => void;
+export {};

package/dist/providers/paypal/paypalCheckout.service.js ADDED Viewed

@@ -0,0 +1,87 @@
+import { FUNNEL_ID, FUNNEL_SDK_PUBLISHABLE_KEY, buildMainApiUrl, resolvePreviewPaymentPublishableKey } from '@funnelsgrove/runtime';
+const record = (value) => Boolean(value) && typeof value === 'object' && !Array.isArray(value);
+const checkoutErrorMessages = {
+    checkout_unavailable: 'This PayPal checkout is no longer available. Please contact support before starting another purchase.',
+    checkout_outcome_unresolved: 'We are still checking this PayPal checkout. Please wait or contact support before starting another purchase.',
+    already_subscribed_to_product: 'You already have an active subscription to this product.',
+};
+export class PayPalCheckoutRequestError extends Error {
+    constructor(code) {
+        super(checkoutErrorMessages[code]);
+        this.code = code;
+        this.name = 'PayPalCheckoutRequestError';
+    }
+}
+async function request(input, path, signal, body) {
+    var _a, _b, _c, _d;
+    const key = resolvePreviewPaymentPublishableKey((_b = (_a = input.runtimeConfig) === null || _a === void 0 ? void 0 : _a.funnelSdkPublishableKey) !== null && _b !== void 0 ? _b : FUNNEL_SDK_PUBLISHABLE_KEY);
+    const base = (_d = (_c = input.runtimeConfig) === null || _c === void 0 ? void 0 : _c.apiBaseUrl) === null || _d === void 0 ? void 0 : _d.trim().replace(/\/+$/, '');
+    const response = await fetch(base ? `${base}${path}` : buildMainApiUrl(path), Object.assign({ method: body ? 'POST' : 'GET', signal, headers: Object.assign(Object.assign({}, (body ? { 'content-type': 'application/json' } : {})), (key ? { 'x-sdk-publishable-key': key } : {})) }, (body ? { body: JSON.stringify(body) } : {})));
+    if (!response.ok) {
+        const failure = await response.json().catch(() => null);
+        if (record(failure) && (failure.code === 'checkout_unavailable'
+            || failure.code === 'checkout_outcome_unresolved' || failure.code === 'already_subscribed_to_product')) {
+            throw new PayPalCheckoutRequestError(failure.code);
+        }
+        throw new Error('Unable to confirm with PayPal. Please try again.');
+    }
+    const result = await response.json();
+    if (!record(result))
+        throw new Error('Invalid PayPal checkout response.');
+    return result;
+}
+export async function preparePayPalCheckout(input, idempotencyKey, signal) {
+    var _a;
+    const result = await request(input, '/sdk/public/v2/payments/checkout-sessions', signal, {
+        provider: 'paypal', checkoutType: 'subscription', uiMode: 'custom', environment: input.environment,
+        paymentProfileId: input.option.paymentProfileId, providerPlanId: input.option.providerPlanId,
+        funnelId: ((_a = input.runtimeConfig) === null || _a === void 0 ? void 0 : _a.funnelId) || FUNNEL_ID, funnelEndUserId: input.funnelEndUserId,
+        offerSetId: input.offerSetId, planKey: input.funnelPlanKey, idempotencyKey,
+        returnUrl: window.location.href, successUrl: window.location.href, failUrl: window.location.href,
+    });
+    const initialization = result.initialization;
+    if (typeof result.attemptId !== 'string' || !result.attemptId || !record(initialization)
+        || initialization.kind !== 'paypal' || initialization.clientId !== input.option.clientId
+        || typeof initialization.subscriptionId !== 'string' || !initialization.subscriptionId)
+        throw new Error('Invalid PayPal checkout response.');
+    return { attemptId: result.attemptId, subscriptionId: initialization.subscriptionId };
+}
+export async function verifyPayPalCheckout(input, attempt, signal) {
+    var _a;
+    const query = new URLSearchParams({ provider: 'paypal', funnelId: ((_a = input.runtimeConfig) === null || _a === void 0 ? void 0 : _a.funnelId) || FUNNEL_ID, funnelEndUserId: input.funnelEndUserId });
+    const result = await request(input, `/sdk/public/v2/payments/checkout-sessions/${encodeURIComponent(attempt.attemptId)}?${query}`, signal);
+    if (result.attemptId !== attempt.attemptId)
+        throw new Error('Invalid PayPal checkout response.');
+    if (result.status === 'failed' || result.status === 'expired')
+        throw new PayPalCheckoutRequestError('checkout_unavailable');
+    if (result.status !== 'succeeded' && result.status !== 'requires_payment'
+        && result.status !== 'verifying' && result.status !== 'preparing')
+        throw new Error('Invalid PayPal checkout response.');
+    return result.status;
+}
+const pendingKey = (scope) => { var _a; return `fg-paypal-pending:${scope.environment}:${((_a = scope.runtimeConfig) === null || _a === void 0 ? void 0 : _a.funnelId) || FUNNEL_ID}:${scope.funnelEndUserId}`; };
+/** A prepared checkout must survive a lost approval callback or default-plan change. */
+export const readPendingPayPalCheckout = (scope) => {
+    try {
+        const value = JSON.parse(sessionStorage.getItem(pendingKey(scope)) || 'null');
+        if (!record(value) || !record(value.attempt) || !record(value.option)
+            || ![value.offerSetId, value.funnelPlanKey, value.idempotencyKey, value.attempt.attemptId, value.attempt.subscriptionId,
+                value.option.paymentProfileId, value.option.providerPlanId, value.option.clientId, value.option.currency, value.option.summary]
+                .every(field => typeof field === 'string' && field.length > 0)
+            || typeof value.option.amountMinor !== 'number')
+            return null;
+        return value;
+    }
+    catch (_a) {
+        return null;
+    }
+};
+export const storePendingPayPalCheckout = (scope, value) => {
+    try {
+        if (value)
+            sessionStorage.setItem(pendingKey(scope), JSON.stringify(value));
+        else
+            sessionStorage.removeItem(pendingKey(scope));
+    }
+    catch ( /* Browser storage can be unavailable; the mounted checkout still retains ownership. */_a) { /* Browser storage can be unavailable; the mounted checkout still retains ownership. */ }
+};

package/dist/providers/paypal/paypalSdk.d.ts ADDED Viewed

@@ -0,0 +1,25 @@
+type PayPalButton = {
+    render: (container: HTMLElement) => Promise<void>;
+    close: () => Promise<void>;
+};
+export type PayPalSdk = {
+    FUNDING: {
+        PAYPAL: string;
+    };
+    Buttons: (options: {
+        fundingSource: string;
+        style: {
+            label: string;
+            layout: string;
+            height: number;
+        };
+        createSubscription: () => Promise<string>;
+        onApprove: (data: {
+            subscriptionID: string;
+        }) => Promise<void>;
+        onCancel: () => void;
+        onError: () => void;
+    }) => PayPalButton;
+};
+export declare function loadPayPalSdk(clientId: string, environment: 'test' | 'live', currency: string): Promise<PayPalSdk>;
+export {};

package/dist/providers/paypal/paypalSdk.js ADDED Viewed

@@ -0,0 +1,33 @@
+const instances = new Map();
+let sequence = 0;
+export function loadPayPalSdk(clientId, environment, currency) {
+    const key = JSON.stringify([clientId, environment, currency]);
+    const existing = instances.get(key);
+    if (existing)
+        return existing;
+    const namespace = `fgPayPal${++sequence}`;
+    const pending = new Promise((resolve, reject) => {
+        const script = document.createElement('script');
+        const query = new URLSearchParams({ 'client-id': clientId, components: 'buttons', intent: 'subscription', vault: 'true', currency,
+            'integration-date': '2026-09-30' });
+        script.src = `https://www.paypal.com/sdk/js?${query}`;
+        script.dataset.namespace = namespace;
+        script.async = true;
+        const failed = () => { clearTimeout(timeout); script.remove(); reject(new Error('Unable to load PayPal. Please try again.')); };
+        const timeout = setTimeout(failed, 20000);
+        script.onerror = failed;
+        script.onload = () => {
+            clearTimeout(timeout);
+            const sdk = window[namespace];
+            if (!(sdk === null || sdk === void 0 ? void 0 : sdk.Buttons)) {
+                failed();
+                return;
+            }
+            resolve(sdk);
+        };
+        document.head.appendChild(script);
+    });
+    instances.set(key, pending);
+    void pending.catch(() => instances.delete(key));
+    return pending;
+}

package/dist/providers/stripe/components/SharedCheckoutPaymentMethods.internal.d.ts ADDED Viewed

@@ -0,0 +1,18 @@
+import type { PlatformWalletPaymentMethod } from './walletPlatform.js';
+type Props = {
+    showWalletMethod: boolean;
+    showPayPalMethod: boolean;
+    selectedMethod: 'wallet' | 'card' | 'paypal';
+    disabled: boolean;
+    paymentMethodLabel: string;
+    cardLabel: string;
+    paypalLabel: string;
+    walletAriaLabel: string;
+    walletPaymentMethods: readonly PlatformWalletPaymentMethod[];
+    cardBrandLabels: readonly string[];
+    onWalletSelect: () => void;
+    onCardSelect: () => void;
+    onPayPalSelect: () => void;
+};
+export declare function SharedCheckoutPaymentMethods({ showWalletMethod, showPayPalMethod, selectedMethod, disabled, paymentMethodLabel, cardLabel, paypalLabel, walletAriaLabel, walletPaymentMethods, cardBrandLabels, onWalletSelect, onCardSelect, onPayPalSelect }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/providers/stripe/components/SharedCheckoutPaymentMethods.internal.js ADDED Viewed

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PaymentBrandMark } from './CheckoutBrandAssets.js';
+export function SharedCheckoutPaymentMethods({ showWalletMethod, showPayPalMethod, selectedMethod, disabled, paymentMethodLabel, cardLabel, paypalLabel, walletAriaLabel, walletPaymentMethods, cardBrandLabels, onWalletSelect, onCardSelect, onPayPalSelect }) {
+    return (_jsxs("div", { className: 'shared-checkout-v2-methods', "data-paypal": showPayPalMethod ? 'true' : undefined, role: 'tablist', "aria-label": paymentMethodLabel, children: [showWalletMethod ? _jsxs("button", { type: 'button', disabled: disabled, className: [
+                    'shared-checkout-v2-method',
+                    selectedMethod === 'wallet' ? 'is-selected' : '',
+                ]
+                    .filter(Boolean)
+                    .join(' '), onClick: onWalletSelect, role: 'tab', "aria-selected": selectedMethod === 'wallet', children: [_jsxs("span", { className: 'shared-checkout-v2-tab-wallets', "aria-hidden": 'true', children: [walletPaymentMethods.includes('applePay') ? (_jsx(PaymentBrandMark, { label: 'Apple Pay', className: 'shared-checkout-v2-tab-wallet' })) : null, walletPaymentMethods.includes('googlePay') ? (_jsx(PaymentBrandMark, { label: 'Google Pay', className: 'shared-checkout-v2-tab-wallet' })) : null] }), _jsx("span", { className: 'shared-checkout-v2-sr-only', children: walletAriaLabel })] }) : null, showPayPalMethod ? _jsxs("button", { type: 'button', role: 'tab', "aria-label": paypalLabel, "aria-selected": selectedMethod === 'paypal', disabled: disabled, onClick: onPayPalSelect, className: `shared-checkout-v2-method ${selectedMethod === 'paypal' ? 'is-selected' : ''}`, children: [_jsx(PaymentBrandMark, { label: 'PayPal', className: 'shared-checkout-v2-tab-wallet' }), _jsx("span", { children: paypalLabel })] }) : null, _jsxs("button", { type: 'button', className: [
+                    'shared-checkout-v2-method',
+                    selectedMethod === 'card' ? 'is-selected' : '',
+                ]
+                    .filter(Boolean)
+                    .join(' '), disabled: disabled, onClick: onCardSelect, role: 'tab', "aria-selected": selectedMethod === 'card', children: [_jsx("strong", { children: cardLabel }), _jsx("span", { className: 'shared-checkout-v2-tab-brands', "aria-hidden": 'true', children: cardBrandLabels.slice(0, 4).map((label) => (_jsx(PaymentBrandMark, { label: label, className: 'shared-checkout-v2-tab-brand' }, label))) })] })] }));
+}

package/dist/providers/stripe/components/SharedStripeCheckoutV2.styles.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export declare const sharedStripeCheckoutV2Styles = "\n.shared-checkout-v2-overlay {\n position: fixed;\n inset: 0;\n z-index: 110;\n display: flex;\n align-items: stretch;\n justify-content: center;\n overflow: hidden;\n background: #fff;\n}\n\n.shared-checkout-v2-dialog {\n width: min(100%, 430px);\n height: 100svh;\n max-height: 100svh;\n overflow: hidden;\n background: #fff;\n}\n\n@media (min-width: 640px) {\n .shared-checkout-v2-overlay:has(.shared-checkout-v2-dialog[data-variant='compact']) {\n align-items: center;\n padding: 24px;\n background: rgb(0 0 0 / 48%);\n }\n\n .shared-checkout-v2-dialog[data-variant='compact'] {\n width: min(100%, 520px);\n height: auto;\n max-height: calc(100svh - 48px);\n border-radius: 24px;\n box-shadow: 0 24px 70px rgb(0 0 0 / 28%);\n }\n}\n\n.shared-checkout-v2-shell[data-variant='compact'] {\n height: auto;\n max-height: min(100svh, 760px);\n}\n\n.shared-checkout-v2-shell[data-variant='compact'] .shared-checkout-v2-header {\n min-height: 88px;\n padding: 0 72px;\n}\n\n.shared-checkout-v2-shell[data-variant='compact'] .shared-checkout-v2-header h2 {\n font-size: 27px;\n}\n\n.shared-checkout-v2-shell[data-variant='compact'] .shared-checkout-v2-close {\n right: 22px;\n left: auto;\n}\n\n.shared-checkout-v2-shell[data-variant='compact'] .shared-checkout-v2-summary {\n padding: 0 36px;\n}\n\n.shared-checkout-v2-shell[data-variant='compact'] .shared-checkout-v2-total {\n min-height: 82px;\n border: 1px solid #ececef;\n border-radius: 16px;\n padding: 0 22px;\n background: #fbfbfc;\n}\n\n.shared-checkout-v2-shell[data-variant='compact'] .shared-checkout-v2-total svg {\n display: none;\n}\n\n.shared-checkout-v2-shell[data-variant='compact'] .shared-checkout-v2-payment {\n padding-right: 36px;\n padding-left: 36px;\n}\n\n.shared-checkout-v2-shell[data-variant='compact'] .shared-checkout-v2-card-submit {\n border-radius: 14px;\n background: var(--shared-checkout-v2-button-color);\n text-transform: none;\n}\n\n.shared-checkout-v2-shell {\n height: 100%;\n max-height: 100svh;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n overflow-x: hidden;\n -webkit-overflow-scrolling: touch;\n background: #fff;\n color: #303136;\n font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n}\n\n.shared-checkout-v2-verifying,\n.shared-checkout-v2-confirmed {\n box-sizing: border-box;\n min-height: 100%;\n margin: 0;\n padding: 32px 24px;\n background: #fff;\n color: #303136;\n font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n font-size: 16px;\n line-height: 1.5;\n}\n\n.shared-checkout-v2-verifying p {\n margin: 0 0 24px;\n}\n\n.shared-checkout-v2-status-button {\n min-height: 48px;\n border: 0;\n border-radius: 11px;\n padding: 12px 18px;\n background: var(--shared-checkout-v2-button-color);\n color: #fff;\n font: inherit;\n font-weight: 700;\n cursor: pointer;\n}\n\n.shared-checkout-v2-status-button:disabled {\n cursor: wait;\n opacity: 0.72;\n}\n\n.shared-checkout-v2-header {\n position: relative;\n min-height: 70px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 56px;\n background: #fff;\n}\n\n.shared-checkout-v2-header h2 {\n margin: 0;\n color: #020203;\n font-size: 24px;\n font-weight: 900;\n line-height: 1.15;\n letter-spacing: 0;\n text-align: center;\n}\n\n.shared-checkout-v2-close {\n position: absolute;\n left: 16px;\n top: 50%;\n width: 40px;\n height: 40px;\n border: 0;\n border-radius: 999px;\n background: #f2f2f3;\n color: #aaa;\n transform: translateY(-50%);\n cursor: pointer;\n}\n\n.shared-checkout-v2-close span,\n.shared-checkout-v2-close span::after {\n position: absolute;\n left: 50%;\n top: 50%;\n width: 28px;\n height: 4px;\n border-radius: 999px;\n background: currentColor;\n content: '';\n}\n\n.shared-checkout-v2-close span {\n transform: translate(-50%, -50%) rotate(45deg);\n}\n\n.shared-checkout-v2-close span::after {\n transform: translate(-50%, -50%) rotate(90deg);\n}\n\n.shared-checkout-v2-summary {\n padding: 0 17px 0;\n background: #fff;\n}\n\n.shared-checkout-v2-countdown {\n margin: 0;\n min-height: 37px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 12px;\n background: color-mix(in srgb, var(--shared-checkout-v2-theme-color) 10%, #fff);\n color: var(--shared-checkout-v2-theme-color);\n font-size: 16px;\n font-weight: 900;\n line-height: 1.2;\n letter-spacing: 0;\n text-align: center;\n}\n\n.shared-checkout-v2-satisfaction {\n margin: 17px 0 21px;\n color: #2f3034;\n font-size: 19px;\n font-weight: 800;\n line-height: 1.15;\n letter-spacing: 0;\n text-align: center;\n}\n\n.shared-checkout-v2-satisfaction strong {\n color: var(--shared-checkout-v2-theme-color);\n}\n\n.shared-checkout-v2-price-stack {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.shared-checkout-v2-price-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n font-size: 18px;\n line-height: 1.2;\n letter-spacing: 0;\n}\n\n.shared-checkout-v2-price-row.is-muted {\n color: #9d9d9f;\n font-size: 17px;\n font-weight: 500;\n}\n\n.shared-checkout-v2-strike {\n text-decoration-line: line-through;\n text-decoration-thickness: 2px;\n}\n\n.shared-checkout-v2-price-row.is-discount {\n color: #040508;\n font-size: 17px;\n font-weight: 900;\n}\n\n.shared-checkout-v2-price-row.is-discount strong:last-child {\n color: #ff2544;\n}\n\n.shared-checkout-v2-promo {\n min-height: 42px;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n border-radius: 13px;\n background: #f0f0f0;\n padding: 0 14px;\n color: #8d8d90;\n font-size: 16px;\n font-weight: 500;\n line-height: 1.1;\n}\n\n.shared-checkout-v2-promo strong {\n color: #050609;\n font-weight: 900;\n}\n\n.shared-checkout-v2-total {\n margin-top: 20px;\n min-height: 76px;\n border-top: 1px solid #dedede;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n color: #303136;\n}\n\n.shared-checkout-v2-total span {\n font-size: 23px;\n font-weight: 800;\n line-height: 1;\n}\n\n.shared-checkout-v2-total strong {\n display: inline-flex;\n align-items: center;\n gap: 7px;\n color: #303136;\n font-size: 25px;\n font-weight: 900;\n line-height: 1;\n}\n\n.shared-checkout-v2-total svg {\n width: 25px;\n height: 25px;\n fill: none;\n stroke: currentColor;\n stroke-width: 2;\n stroke-linejoin: round;\n}\n\n.shared-checkout-v2-total.is-plain {\n margin-top: 0;\n}\n\n.shared-checkout-v2-saved {\n width: fit-content;\n min-height: 36px;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n margin: -8px 0 9px auto;\n border-radius: 12px;\n background: #ffdce3;\n padding: 0 14px;\n color: #ff2544;\n font-size: 14px;\n font-weight: 900;\n line-height: 1.1;\n letter-spacing: 0;\n}\n\n.shared-checkout-v2-payment {\n min-height: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n background: #f2f2f3;\n padding: 9px 17px 32px;\n}\n\n.shared-checkout-v2-methods {\n display: grid;\n grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n gap: 42px;\n}\n\n.shared-checkout-v2-method {\n min-width: 0;\n min-height: 74px;\n box-sizing: border-box;\n border: 2px solid #e6e7eb;\n border-radius: 13px;\n background: #fff;\n color: #344376;\n padding: 9px 8px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 6px;\n cursor: pointer;\n}\n\n.shared-checkout-v2-method.is-selected {\n border: 3px solid #050505;\n}\n\n.shared-checkout-v2-tab-wallet {\n width: 58px;\n height: 36px;\n}\n\n.shared-checkout-v2-tab-wallet svg {\n display: block;\n width: 100%;\n height: 100%;\n}\n\n.shared-checkout-v2-tab-wallets {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n}\n\n.shared-checkout-v2-method strong {\n color: #344376;\n font-size: 20px;\n font-weight: 900;\n line-height: 1;\n letter-spacing: 0;\n}\n\n.shared-checkout-v2-tab-brands {\n display: flex;\n align-items: center;\n justify-content: center;\n max-width: 100%;\n gap: 4px;\n}\n\n.shared-checkout-v2-tab-brand {\n min-width: 0;\n width: 24px;\n height: 15px;\n}\n\n.shared-checkout-v2-tab-brand svg {\n display: block;\n width: 100%;\n height: 100%;\n}\n\n.shared-checkout-v2-wallet-panel,\n.shared-checkout-v2-card-panel {\n display: flex;\n flex-direction: column;\n height: 0;\n overflow: hidden;\n opacity: 0;\n pointer-events: none;\n}\n\n.shared-checkout-v2-wallet-panel[hidden],\n.shared-checkout-v2-card-panel[hidden] {\n display: none;\n}\n\n.shared-checkout-v2-wallet-panel {\n align-items: center;\n gap: 22px;\n padding-top: 5px;\n}\n\n.shared-checkout-v2-secure-pill {\n width: fit-content;\n min-height: 47px;\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n margin: 0 auto;\n border-radius: 12px;\n background: #dcffd0;\n padding: 0 22px;\n color: #207733;\n font-size: 18px;\n font-weight: 600;\n line-height: 1.1;\n letter-spacing: 0;\n}\n\n.shared-checkout-v2-secure-pill-icon {\n width: 24px;\n height: 24px;\n flex: none;\n color: #147232;\n}\n\n.shared-checkout-v2-wallet-shell {\n width: 100%;\n min-height: 124px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n.shared-checkout-v2-express-buttons {\n width: 100%;\n}\n\n.shared-checkout-v2-card-panel {\n position: relative;\n gap: 10px;\n margin-inline: -17px;\n background: #f2f2f3;\n padding: 16px 32px 92px;\n}\n\n.shared-checkout-v2-wallet-panel.is-visible,\n.shared-checkout-v2-card-panel.is-visible {\n height: auto;\n overflow: visible;\n opacity: 1;\n pointer-events: auto;\n}\n\n.shared-checkout-v2-wallet-panel:not(.is-visible),\n.shared-checkout-v2-card-panel:not(.is-visible) {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n.shared-checkout-v2-email-field {\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n gap: 7px;\n border: 0;\n border-radius: 0;\n background: transparent;\n margin-bottom: 14px;\n padding: 0;\n color: #303136;\n font-size: 14px;\n font-weight: 400;\n line-height: 1.2;\n}\n\n.shared-checkout-v2-email-field.is-disabled {\n cursor: default;\n}\n\n.shared-checkout-v2-email-label {\n padding: 0 14px;\n color: #303136;\n font-size: 14px;\n font-weight: 400;\n line-height: 1.2;\n}\n\n.shared-checkout-v2-email-control {\n min-height: 50px;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n border: 1px solid #dedede;\n background: #fff;\n box-shadow: 0 1px 2px rgb(16 24 40 / 8%);\n padding: 0 14px;\n}\n\n.shared-checkout-v2-email-input {\n width: 100%;\n min-height: 48px;\n box-sizing: border-box;\n border: 0;\n background: transparent;\n padding: 0;\n color: #303136;\n font: inherit;\n font-size: 18px;\n font-weight: 400;\n line-height: 1.2;\n outline: none;\n}\n\n.shared-checkout-v2-email-input:disabled {\n color: #74767c;\n opacity: 1;\n -webkit-text-fill-color: #74767c;\n}\n\n.shared-checkout-v2-email-input::placeholder {\n color: #8c909a;\n}\n\n.shared-checkout-v2-card-box {\n overflow: visible;\n border: 0;\n border-radius: 6px;\n background: transparent;\n box-shadow: none;\n}\n\n.shared-checkout-v2-country-field {\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n gap: 7px;\n margin: 14px 0 0;\n color: #303136;\n font-size: 14px;\n font-weight: 400;\n line-height: 1.2;\n}\n\n.shared-checkout-v2-country-label {\n padding: 0 14px;\n}\n\n.shared-checkout-v2-country-control {\n position: relative;\n display: block;\n}\n\n.shared-checkout-v2-country-control::after {\n position: absolute;\n right: 17px;\n top: 50%;\n width: 8px;\n height: 8px;\n border-right: 2px solid #6f7380;\n border-bottom: 2px solid #6f7380;\n content: '';\n pointer-events: none;\n transform: translateY(-65%) rotate(45deg);\n}\n\n.shared-checkout-v2-country-select {\n width: 100%;\n min-height: 50px;\n box-sizing: border-box;\n appearance: none;\n border: 1px solid #dedede;\n border-radius: 0;\n background: #fff;\n box-shadow: 0 1px 2px rgb(16 24 40 / 8%);\n color: #303136;\n font: inherit;\n font-size: 18px;\n font-weight: 400;\n line-height: 1.2;\n outline: none;\n padding: 0 44px 0 14px;\n}\n\n.shared-checkout-v2-error {\n margin: 0;\n color: #c43737;\n font-size: 13px;\n font-weight: 600;\n line-height: 1.35;\n}\n\n.shared-checkout-v2-card-submit {\n min-height: 60px;\n border: 0;\n border-radius: 11px;\n background: var(--shared-checkout-v2-button-color);\n color: #fff;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 14px;\n font-size: 22px;\n font-weight: 900;\n line-height: 1;\n letter-spacing: 0;\n cursor: pointer;\n}\n\n.shared-checkout-v2-card-submit:disabled {\n cursor: wait;\n opacity: 0.72;\n}\n\n.shared-checkout-v2-card-submit-icon {\n width: 26px;\n height: 26px;\n}\n\n.shared-checkout-v2-card-brands {\n min-height: 34px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n opacity: 0.95;\n}\n\n.shared-checkout-v2-card-brand {\n width: 42px;\n height: 25px;\n}\n\n.shared-checkout-v2-secure-pill--card {\n position: absolute;\n left: 50%;\n bottom: 16px;\n transform: translateX(-50%);\n white-space: nowrap;\n}\n\n.shared-checkout-v2-sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}\n\n.shared-checkout-special-offer-overlay {\n position: fixed;\n inset: 0;\n z-index: 120;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n padding: 22px;\n background: rgb(0 0 0 / 48%);\n}\n\n.shared-checkout-special-offer-dialog {\n width: min(100%, 386px);\n box-sizing: border-box;\n border-radius: 14px;\n background: #fff;\n padding: 55px 26px 28px;\n color: #303136;\n text-align: center;\n font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n}\n\n.shared-checkout-special-offer-gift {\n display: block;\n width: min(100%, 260px);\n height: auto;\n margin: 0 auto 22px;\n}\n\n.shared-checkout-special-offer-gift--image {\n position: relative;\n width: min(100%, 250px);\n aspect-ratio: 1;\n}\n\n.shared-checkout-special-offer-gift-image {\n display: block;\n width: 100%;\n height: 100%;\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n user-select: none;\n}\n\n.shared-checkout-special-offer-image-discount {\n position: absolute;\n top: 69%;\n left: 50%;\n transform: translate(-50%, -50%);\n color: #1f8f4d;\n font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n font-size: 34px;\n font-weight: 900;\n line-height: 1;\n letter-spacing: 0;\n pointer-events: none;\n white-space: nowrap;\n}\n\n.shared-checkout-special-offer-dialog h2 {\n margin: 0;\n color: #303136;\n font-size: 36px;\n font-weight: 900;\n line-height: 1.1;\n letter-spacing: 0;\n}\n\n.shared-checkout-special-offer-dialog p {\n margin: 26px 0 32px;\n color: #77787e;\n font-size: 24px;\n font-weight: 500;\n line-height: 1.18;\n letter-spacing: 0;\n}\n\n.shared-checkout-special-offer-button {\n width: 100%;\n min-height: 76px;\n border: 0;\n border-radius: 12px;\n background: var(--shared-checkout-v2-button-color);\n color: #fff;\n font-size: 23px;\n font-weight: 900;\n line-height: 1;\n letter-spacing: 0;\n cursor: pointer;\n}\n\n@media (max-width: 429px) {\n .shared-checkout-v2-header {\n min-height: 64px;\n }\n\n .shared-checkout-v2-header h2 {\n font-size: 24px;\n }\n\n .shared-checkout-v2-summary {\n padding-inline: 17px;\n }\n\n .shared-checkout-v2-satisfaction {\n font-size: 19px;\n }\n\n .shared-checkout-v2-methods {\n gap: 42px;\n }\n\n .shared-checkout-v2-method strong {\n font-size: 19px;\n }\n\n .shared-checkout-v2-card-panel {\n padding-inline: 32px;\n }\n}\n\n.shared-checkout-v2-inline { width: 100%; min-width: 0; }\n.shared-checkout-v2-inline .shared-checkout-v2-shell {\n height: auto; max-height: none; overflow: visible; background: #fff; color: #303136;\n}\n.shared-checkout-v2-inline .shared-checkout-v2-shell .shared-checkout-v2-payment {\n padding: 0; margin: 0; background: #fff;\n}\n.shared-checkout-v2-inline .shared-checkout-v2-card-submit {\n border-radius: 12px; background: var(--shared-checkout-v2-button-color); text-transform: none;\n}\n\n.shared-checkout-v2-inline .shared-checkout-v2-card-panel {\n margin: 0; padding: 0; background: #fff;\n}\n.shared-checkout-v2-inline .shared-checkout-v2-email-control { border-radius: 12px; }\n.shared-checkout-v2-inline .shared-checkout-v2-email-input { font-size: 14px; }\n.shared-checkout-v2-inline .shared-checkout-v2-secure-pill { font-size: 11px; min-height: 32px; position: static; transform: none; align-self: center; white-space: normal; }\n";
1	+ export declare const sharedStripeCheckoutV2Styles = "\n.shared-checkout-v2-overlay {\n position: fixed;\n inset: 0;\n z-index: 110;\n display: flex;\n align-items: stretch;\n justify-content: center;\n overflow: hidden;\n background: #fff;\n}\n\n.shared-checkout-v2-dialog {\n width: min(100%, 430px);\n height: 100svh;\n max-height: 100svh;\n overflow: hidden;\n background: #fff;\n}\n\n@media (min-width: 640px) {\n .shared-checkout-v2-overlay:has(.shared-checkout-v2-dialog[data-variant='compact']) {\n align-items: center;\n padding: 24px;\n background: rgb(0 0 0 / 48%);\n }\n\n .shared-checkout-v2-dialog[data-variant='compact'] {\n width: min(100%, 520px);\n height: auto;\n max-height: calc(100svh - 48px);\n border-radius: 24px;\n box-shadow: 0 24px 70px rgb(0 0 0 / 28%);\n }\n}\n\n.shared-checkout-v2-shell[data-variant='compact'] {\n height: auto;\n max-height: min(100svh, 760px);\n}\n\n.shared-checkout-v2-shell[data-variant='compact'] .shared-checkout-v2-header {\n min-height: 88px;\n padding: 0 72px;\n}\n\n.shared-checkout-v2-shell[data-variant='compact'] .shared-checkout-v2-header h2 {\n font-size: 27px;\n}\n\n.shared-checkout-v2-shell[data-variant='compact'] .shared-checkout-v2-close {\n right: 22px;\n left: auto;\n}\n\n.shared-checkout-v2-shell[data-variant='compact'] .shared-checkout-v2-summary {\n padding: 0 36px;\n}\n\n.shared-checkout-v2-shell[data-variant='compact'] .shared-checkout-v2-total {\n min-height: 82px;\n border: 1px solid #ececef;\n border-radius: 16px;\n padding: 0 22px;\n background: #fbfbfc;\n}\n\n.shared-checkout-v2-shell[data-variant='compact'] .shared-checkout-v2-total svg {\n display: none;\n}\n\n.shared-checkout-v2-shell[data-variant='compact'] .shared-checkout-v2-payment {\n padding-right: 36px;\n padding-left: 36px;\n}\n\n.shared-checkout-v2-shell[data-variant='compact'] .shared-checkout-v2-card-submit {\n border-radius: 14px;\n background: var(--shared-checkout-v2-button-color);\n text-transform: none;\n}\n\n.shared-checkout-v2-shell {\n height: 100%;\n max-height: 100svh;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n overflow-x: hidden;\n -webkit-overflow-scrolling: touch;\n background: #fff;\n color: #303136;\n font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n}\n\n.shared-checkout-v2-verifying,\n.shared-checkout-v2-confirmed {\n box-sizing: border-box;\n min-height: 100%;\n margin: 0;\n padding: 32px 24px;\n background: #fff;\n color: #303136;\n font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n font-size: 16px;\n line-height: 1.5;\n}\n\n.shared-checkout-v2-verifying p {\n margin: 0 0 24px;\n}\n\n.shared-checkout-v2-status-button {\n min-height: 48px;\n border: 0;\n border-radius: 11px;\n padding: 12px 18px;\n background: var(--shared-checkout-v2-button-color);\n color: #fff;\n font: inherit;\n font-weight: 700;\n cursor: pointer;\n}\n\n.shared-checkout-v2-status-button:disabled {\n cursor: wait;\n opacity: 0.72;\n}\n\n.shared-checkout-v2-header {\n position: relative;\n min-height: 70px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 56px;\n background: #fff;\n}\n\n.shared-checkout-v2-header h2 {\n margin: 0;\n color: #020203;\n font-size: 24px;\n font-weight: 900;\n line-height: 1.15;\n letter-spacing: 0;\n text-align: center;\n}\n\n.shared-checkout-v2-close {\n position: absolute;\n left: 16px;\n top: 50%;\n width: 40px;\n height: 40px;\n border: 0;\n border-radius: 999px;\n background: #f2f2f3;\n color: #aaa;\n transform: translateY(-50%);\n cursor: pointer;\n}\n\n.shared-checkout-v2-close span,\n.shared-checkout-v2-close span::after {\n position: absolute;\n left: 50%;\n top: 50%;\n width: 28px;\n height: 4px;\n border-radius: 999px;\n background: currentColor;\n content: '';\n}\n\n.shared-checkout-v2-close span {\n transform: translate(-50%, -50%) rotate(45deg);\n}\n\n.shared-checkout-v2-close span::after {\n transform: translate(-50%, -50%) rotate(90deg);\n}\n\n.shared-checkout-v2-summary {\n padding: 0 17px 0;\n background: #fff;\n}\n\n.shared-checkout-v2-countdown {\n margin: 0;\n min-height: 37px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 12px;\n background: color-mix(in srgb, var(--shared-checkout-v2-theme-color) 10%, #fff);\n color: var(--shared-checkout-v2-theme-color);\n font-size: 16px;\n font-weight: 900;\n line-height: 1.2;\n letter-spacing: 0;\n text-align: center;\n}\n\n.shared-checkout-v2-satisfaction {\n margin: 17px 0 21px;\n color: #2f3034;\n font-size: 19px;\n font-weight: 800;\n line-height: 1.15;\n letter-spacing: 0;\n text-align: center;\n}\n\n.shared-checkout-v2-satisfaction strong {\n color: var(--shared-checkout-v2-theme-color);\n}\n\n.shared-checkout-v2-price-stack {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.shared-checkout-v2-price-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n font-size: 18px;\n line-height: 1.2;\n letter-spacing: 0;\n}\n\n.shared-checkout-v2-price-row.is-muted {\n color: #9d9d9f;\n font-size: 17px;\n font-weight: 500;\n}\n\n.shared-checkout-v2-strike {\n text-decoration-line: line-through;\n text-decoration-thickness: 2px;\n}\n\n.shared-checkout-v2-price-row.is-discount {\n color: #040508;\n font-size: 17px;\n font-weight: 900;\n}\n\n.shared-checkout-v2-price-row.is-discount strong:last-child {\n color: #ff2544;\n}\n\n.shared-checkout-v2-promo {\n min-height: 42px;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n border-radius: 13px;\n background: #f0f0f0;\n padding: 0 14px;\n color: #8d8d90;\n font-size: 16px;\n font-weight: 500;\n line-height: 1.1;\n}\n\n.shared-checkout-v2-promo strong {\n color: #050609;\n font-weight: 900;\n}\n\n.shared-checkout-v2-total {\n margin-top: 20px;\n min-height: 76px;\n border-top: 1px solid #dedede;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n color: #303136;\n}\n\n.shared-checkout-v2-total span {\n font-size: 23px;\n font-weight: 800;\n line-height: 1;\n}\n\n.shared-checkout-v2-total strong {\n display: inline-flex;\n align-items: center;\n gap: 7px;\n color: #303136;\n font-size: 25px;\n font-weight: 900;\n line-height: 1;\n}\n\n.shared-checkout-v2-total svg {\n width: 25px;\n height: 25px;\n fill: none;\n stroke: currentColor;\n stroke-width: 2;\n stroke-linejoin: round;\n}\n\n.shared-checkout-v2-total.is-plain {\n margin-top: 0;\n}\n\n.shared-checkout-v2-saved {\n width: fit-content;\n min-height: 36px;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n margin: -8px 0 9px auto;\n border-radius: 12px;\n background: #ffdce3;\n padding: 0 14px;\n color: #ff2544;\n font-size: 14px;\n font-weight: 900;\n line-height: 1.1;\n letter-spacing: 0;\n}\n\n.shared-checkout-v2-payment {\n min-height: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n background: #f2f2f3;\n padding: 9px 17px 32px;\n}\n\n.shared-checkout-v2-methods {\n display: grid;\n grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n gap: 42px;\n}\n\n.shared-checkout-v2-methods[data-paypal='true'] {\n grid-template-columns: none;\n grid-auto-columns: minmax(0, 1fr);\n grid-auto-flow: column;\n gap: 10px;\n}\n\n.shared-checkout-v2-methods[data-paypal='true'] .shared-checkout-v2-tab-wallets {\n max-width: 100%;\n flex-wrap: wrap;\n gap: 2px;\n}\n\n.shared-checkout-v2-method:disabled { cursor: default; opacity: 0.6; }\n\n.shared-checkout-v2-method {\n min-width: 0;\n min-height: 74px;\n box-sizing: border-box;\n border: 2px solid #e6e7eb;\n border-radius: 13px;\n background: #fff;\n color: #344376;\n padding: 9px 8px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 6px;\n cursor: pointer;\n}\n\n.shared-checkout-v2-method.is-selected {\n border: 3px solid #050505;\n}\n\n.shared-checkout-v2-tab-wallet {\n width: 58px;\n height: 36px;\n}\n\n.shared-checkout-v2-tab-wallet svg {\n display: block;\n width: 100%;\n height: 100%;\n}\n\n.shared-checkout-v2-tab-wallets {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n}\n\n.shared-checkout-v2-method strong {\n color: #344376;\n font-size: 20px;\n font-weight: 900;\n line-height: 1;\n letter-spacing: 0;\n}\n\n.shared-checkout-v2-tab-brands {\n display: flex;\n align-items: center;\n justify-content: center;\n max-width: 100%;\n gap: 4px;\n}\n\n.shared-checkout-v2-tab-brand {\n min-width: 0;\n width: 24px;\n height: 15px;\n}\n\n.shared-checkout-v2-tab-brand svg {\n display: block;\n width: 100%;\n height: 100%;\n}\n\n.shared-checkout-v2-wallet-panel,\n.shared-checkout-v2-card-panel {\n display: flex;\n flex-direction: column;\n height: 0;\n overflow: hidden;\n opacity: 0;\n pointer-events: none;\n}\n\n.shared-checkout-v2-wallet-panel[hidden],\n.shared-checkout-v2-card-panel[hidden] {\n display: none;\n}\n\n.shared-checkout-v2-wallet-panel {\n align-items: center;\n gap: 22px;\n padding-top: 5px;\n}\n\n.shared-checkout-v2-secure-pill {\n width: fit-content;\n min-height: 47px;\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n margin: 0 auto;\n border-radius: 12px;\n background: #dcffd0;\n padding: 0 22px;\n color: #207733;\n font-size: 18px;\n font-weight: 600;\n line-height: 1.1;\n letter-spacing: 0;\n}\n\n.shared-checkout-v2-secure-pill-icon {\n width: 24px;\n height: 24px;\n flex: none;\n color: #147232;\n}\n\n.shared-checkout-v2-wallet-shell {\n width: 100%;\n min-height: 124px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n.shared-checkout-v2-express-buttons {\n width: 100%;\n}\n\n.shared-checkout-v2-card-panel {\n position: relative;\n gap: 10px;\n margin-inline: -17px;\n background: #f2f2f3;\n padding: 16px 32px 92px;\n}\n\n.shared-checkout-v2-wallet-panel.is-visible,\n.shared-checkout-v2-card-panel.is-visible {\n height: auto;\n overflow: visible;\n opacity: 1;\n pointer-events: auto;\n}\n\n.shared-checkout-v2-wallet-panel:not(.is-visible),\n.shared-checkout-v2-card-panel:not(.is-visible) {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n.shared-checkout-v2-email-field {\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n gap: 7px;\n border: 0;\n border-radius: 0;\n background: transparent;\n margin-bottom: 14px;\n padding: 0;\n color: #303136;\n font-size: 14px;\n font-weight: 400;\n line-height: 1.2;\n}\n\n.shared-checkout-v2-email-field.is-disabled {\n cursor: default;\n}\n\n.shared-checkout-v2-email-label {\n padding: 0 14px;\n color: #303136;\n font-size: 14px;\n font-weight: 400;\n line-height: 1.2;\n}\n\n.shared-checkout-v2-email-control {\n min-height: 50px;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n border: 1px solid #dedede;\n background: #fff;\n box-shadow: 0 1px 2px rgb(16 24 40 / 8%);\n padding: 0 14px;\n}\n\n.shared-checkout-v2-email-input {\n width: 100%;\n min-height: 48px;\n box-sizing: border-box;\n border: 0;\n background: transparent;\n padding: 0;\n color: #303136;\n font: inherit;\n font-size: 18px;\n font-weight: 400;\n line-height: 1.2;\n outline: none;\n}\n\n.shared-checkout-v2-email-input:disabled {\n color: #74767c;\n opacity: 1;\n -webkit-text-fill-color: #74767c;\n}\n\n.shared-checkout-v2-email-input::placeholder {\n color: #8c909a;\n}\n\n.shared-checkout-v2-card-box {\n overflow: visible;\n border: 0;\n border-radius: 6px;\n background: transparent;\n box-shadow: none;\n}\n\n.shared-checkout-v2-country-field {\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n gap: 7px;\n margin: 14px 0 0;\n color: #303136;\n font-size: 14px;\n font-weight: 400;\n line-height: 1.2;\n}\n\n.shared-checkout-v2-country-label {\n padding: 0 14px;\n}\n\n.shared-checkout-v2-country-control {\n position: relative;\n display: block;\n}\n\n.shared-checkout-v2-country-control::after {\n position: absolute;\n right: 17px;\n top: 50%;\n width: 8px;\n height: 8px;\n border-right: 2px solid #6f7380;\n border-bottom: 2px solid #6f7380;\n content: '';\n pointer-events: none;\n transform: translateY(-65%) rotate(45deg);\n}\n\n.shared-checkout-v2-country-select {\n width: 100%;\n min-height: 50px;\n box-sizing: border-box;\n appearance: none;\n border: 1px solid #dedede;\n border-radius: 0;\n background: #fff;\n box-shadow: 0 1px 2px rgb(16 24 40 / 8%);\n color: #303136;\n font: inherit;\n font-size: 18px;\n font-weight: 400;\n line-height: 1.2;\n outline: none;\n padding: 0 44px 0 14px;\n}\n\n.shared-checkout-v2-error {\n margin: 0;\n color: #c43737;\n font-size: 13px;\n font-weight: 600;\n line-height: 1.35;\n}\n\n.shared-checkout-v2-card-submit {\n min-height: 60px;\n border: 0;\n border-radius: 11px;\n background: var(--shared-checkout-v2-button-color);\n color: #fff;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 14px;\n font-size: 22px;\n font-weight: 900;\n line-height: 1;\n letter-spacing: 0;\n cursor: pointer;\n}\n\n.shared-checkout-v2-card-submit:disabled {\n cursor: wait;\n opacity: 0.72;\n}\n\n.shared-checkout-v2-card-submit-icon {\n width: 26px;\n height: 26px;\n}\n\n.shared-checkout-v2-card-brands {\n min-height: 34px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n opacity: 0.95;\n}\n\n.shared-checkout-v2-card-brand {\n width: 42px;\n height: 25px;\n}\n\n.shared-checkout-v2-secure-pill--card {\n position: absolute;\n left: 50%;\n bottom: 16px;\n transform: translateX(-50%);\n white-space: nowrap;\n}\n\n.shared-checkout-v2-sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}\n\n.shared-checkout-special-offer-overlay {\n position: fixed;\n inset: 0;\n z-index: 120;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n padding: 22px;\n background: rgb(0 0 0 / 48%);\n}\n\n.shared-checkout-special-offer-dialog {\n width: min(100%, 386px);\n box-sizing: border-box;\n border-radius: 14px;\n background: #fff;\n padding: 55px 26px 28px;\n color: #303136;\n text-align: center;\n font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n}\n\n.shared-checkout-special-offer-gift {\n display: block;\n width: min(100%, 260px);\n height: auto;\n margin: 0 auto 22px;\n}\n\n.shared-checkout-special-offer-gift--image {\n position: relative;\n width: min(100%, 250px);\n aspect-ratio: 1;\n}\n\n.shared-checkout-special-offer-gift-image {\n display: block;\n width: 100%;\n height: 100%;\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n user-select: none;\n}\n\n.shared-checkout-special-offer-image-discount {\n position: absolute;\n top: 69%;\n left: 50%;\n transform: translate(-50%, -50%);\n color: #1f8f4d;\n font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n font-size: 34px;\n font-weight: 900;\n line-height: 1;\n letter-spacing: 0;\n pointer-events: none;\n white-space: nowrap;\n}\n\n.shared-checkout-special-offer-dialog h2 {\n margin: 0;\n color: #303136;\n font-size: 36px;\n font-weight: 900;\n line-height: 1.1;\n letter-spacing: 0;\n}\n\n.shared-checkout-special-offer-dialog p {\n margin: 26px 0 32px;\n color: #77787e;\n font-size: 24px;\n font-weight: 500;\n line-height: 1.18;\n letter-spacing: 0;\n}\n\n.shared-checkout-special-offer-button {\n width: 100%;\n min-height: 76px;\n border: 0;\n border-radius: 12px;\n background: var(--shared-checkout-v2-button-color);\n color: #fff;\n font-size: 23px;\n font-weight: 900;\n line-height: 1;\n letter-spacing: 0;\n cursor: pointer;\n}\n\n@media (max-width: 429px) {\n .shared-checkout-v2-header {\n min-height: 64px;\n }\n\n .shared-checkout-v2-header h2 {\n font-size: 24px;\n }\n\n .shared-checkout-v2-summary {\n padding-inline: 17px;\n }\n\n .shared-checkout-v2-satisfaction {\n font-size: 19px;\n }\n\n .shared-checkout-v2-methods {\n gap: 42px;\n }\n\n .shared-checkout-v2-method strong {\n font-size: 19px;\n }\n\n .shared-checkout-v2-card-panel {\n padding-inline: 32px;\n }\n}\n\n.shared-checkout-v2-inline { width: 100%; min-width: 0; }\n.shared-checkout-v2-inline .shared-checkout-v2-shell {\n height: auto; max-height: none; overflow: visible; background: #fff; color: #303136;\n}\n.shared-checkout-v2-inline .shared-checkout-v2-shell .shared-checkout-v2-payment {\n padding: 0; margin: 0; background: #fff;\n}\n.shared-checkout-v2-inline .shared-checkout-v2-card-submit {\n border-radius: 12px; background: var(--shared-checkout-v2-button-color); text-transform: none;\n}\n\n.shared-checkout-v2-inline .shared-checkout-v2-card-panel {\n margin: 0; padding: 0; background: #fff;\n}\n.shared-checkout-v2-inline .shared-checkout-v2-email-control { border-radius: 12px; }\n.shared-checkout-v2-inline .shared-checkout-v2-email-input { font-size: 14px; }\n.shared-checkout-v2-inline .shared-checkout-v2-secure-pill { font-size: 11px; min-height: 32px; position: static; transform: none; align-self: center; white-space: normal; }\n";

package/dist/providers/stripe/components/SharedStripeCheckoutV2.styles.js CHANGED Viewed

@@ -349,6 +349,21 @@ export const sharedStripeCheckoutV2Styles = `
   gap: 42px;
 }
+.shared-checkout-v2-methods[data-paypal='true'] {
+  grid-template-columns: none;
+  grid-auto-columns: minmax(0, 1fr);
+  grid-auto-flow: column;
+  gap: 10px;
+}
+.shared-checkout-v2-methods[data-paypal='true'] .shared-checkout-v2-tab-wallets {
+  max-width: 100%;
+  flex-wrap: wrap;
+  gap: 2px;
+}
+.shared-checkout-v2-method:disabled { cursor: default; opacity: 0.6; }
 .shared-checkout-v2-method {
   min-width: 0;
   min-height: 74px;

package/dist/providers/stripe/components/SharedStripeCheckoutV2Dialog.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { type CSSProperties } from 'react';
+import { type CSSProperties, type ReactNode } from 'react';
 import type { Stripe } from '@stripe/stripe-js';
 import { type StripeSubscriptionCheckoutAnalyticsContext } from '../services/checkoutCompletionAnalytics.service.js';
 import type { SharedStripeCheckoutV2Copy } from './checkout-v2.content.js';
@@ -38,6 +38,9 @@ export type SharedStripeCheckoutV2DialogProps = {
     onPaymentInfoSubmitted?: () => void | Promise<void>;
     onSuccess?: () => void | Promise<void>;
     paymentMethodLabels?: readonly string[];
+    /** Native PayPal checkout for the selected Offer Set binding, inside the method picker. */
+    paypalCheckout?: ReactNode;
+    paypalPending?: boolean;
     paypalButtonLabel: string;
     paypalLabel: string;
     promoActive?: boolean;

package/dist/providers/stripe/components/SharedStripeCheckoutV2Form.internal.d.ts CHANGED Viewed

@@ -3,5 +3,5 @@ export declare const getFixedSupportedBillingCountry: (supportedCountries: reado
 type SharedStripeCheckoutV2FormProps = Omit<SharedStripeCheckoutV2DialogProps, 'stripePromise' | 'onClose'> & {
     onClose: () => void;
 };
-export declare function SharedStripeCheckoutV2CheckoutSessionForm({ copy, amountCents, buttonColor, cardSubmitLabel, closeAriaLabel, countdownLabel, checkoutAnalytics, checkoutSessionId, customerEmail, customerEmailEditable: allowEmailEditing, customerEmailLabel, customerEmailPlaceholder, customerEmailInvalidMessage, customerName, discountAmountLabel, discountLabel, discountPercent, initialWalletAvailable, onClose, onWalletCancel, onCustomerEmailChange, onCustomerEmailCommit, onError, onInactiveCheckoutSession, onPaymentInfoSubmitted, onSuccess, paymentMethodLabels, promoActive, processingLabel, promoCode, promoCodeLabel, remainingSeconds, returnUrl, savedLabel, secureLabel, satisfactionLabel, satisfactionPercent, summaryLabel, supportedCountries, themeColor, title, totalLabel, totalValue, unsupportedCountryMessage, walletButtonLabel, originalPriceLabel, originalPriceValue, variant, presentation, }: SharedStripeCheckoutV2FormProps): import("react/jsx-runtime").JSX.Element;
+export declare function SharedStripeCheckoutV2CheckoutSessionForm({ copy, amountCents, buttonColor, cardSubmitLabel, closeAriaLabel, countdownLabel, checkoutAnalytics, checkoutSessionId, customerEmail, customerEmailEditable: allowEmailEditing, customerEmailLabel, customerEmailPlaceholder, customerEmailInvalidMessage, customerName, discountAmountLabel, discountLabel, discountPercent, initialWalletAvailable, onClose, onWalletCancel, onCustomerEmailChange, onCustomerEmailCommit, onError, onInactiveCheckoutSession, onPaymentInfoSubmitted, onSuccess, paymentMethodLabels, paypalCheckout, paypalPending, paypalLabel, promoActive, processingLabel, promoCode, promoCodeLabel, remainingSeconds, returnUrl, savedLabel, secureLabel, satisfactionLabel, satisfactionPercent, summaryLabel, supportedCountries, themeColor, title, totalLabel, totalValue, unsupportedCountryMessage, walletButtonLabel, originalPriceLabel, originalPriceValue, variant, presentation, }: SharedStripeCheckoutV2FormProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/providers/stripe/components/SharedStripeCheckoutV2Form.internal.js CHANGED Viewed

@@ -11,6 +11,7 @@ import { isInactiveCheckoutSessionError } from '../hooks/useStripeSubscriptionCh
 import { getStripeWalletPaymentMethodOrder, usePlatformWalletPaymentMethods } from './walletPlatform.js';
 import { trackPaidStripeSubscriptionCheckoutCompleted, trackStripeSubscriptionPaymentInfoSubmitted } from '../services/checkoutCompletionAnalytics.service.js';
 import { trackCheckoutFailureShown } from '../../../services/checkoutObservability.service.js';
+import { SharedCheckoutPaymentMethods } from './SharedCheckoutPaymentMethods.internal.js';
 import { SharedStripeCheckoutV2Summary } from './SharedStripeCheckoutV2Summary.internal.js';
 import { useCheckoutEmail } from './useCheckoutEmail.internal.js';
 import { defaultCheckoutV2Copy } from './checkout-v2.content.js';
@@ -22,15 +23,16 @@ function getFriendlyCardErrorMessage(error, fallback) {
         ? error.message
         : fallback;
 }
-export function SharedStripeCheckoutV2CheckoutSessionForm({ copy = defaultCheckoutV2Copy, amountCents, buttonColor, cardSubmitLabel, closeAriaLabel, countdownLabel, checkoutAnalytics, checkoutSessionId, customerEmail, customerEmailEditable: allowEmailEditing = false, customerEmailLabel = 'Email', customerEmailPlaceholder = 'Enter your email', customerEmailInvalidMessage = 'Enter a valid email address.', customerName, discountAmountLabel, discountLabel, discountPercent, initialWalletAvailable, onClose, onWalletCancel, onCustomerEmailChange, onCustomerEmailCommit, onError, onInactiveCheckoutSession, onPaymentInfoSubmitted, onSuccess, paymentMethodLabels = defaultPaymentMethodLabels, promoActive, processingLabel, promoCode, promoCodeLabel, remainingSeconds, returnUrl, savedLabel, secureLabel, satisfactionLabel, satisfactionPercent, summaryLabel, supportedCountries, themeColor, title, totalLabel, totalValue, unsupportedCountryMessage, walletButtonLabel, originalPriceLabel, originalPriceValue, variant = 'standard', presentation = 'dialog', }) {
+export function SharedStripeCheckoutV2CheckoutSessionForm({ copy = defaultCheckoutV2Copy, amountCents, buttonColor, cardSubmitLabel, closeAriaLabel, countdownLabel, checkoutAnalytics, checkoutSessionId, customerEmail, customerEmailEditable: allowEmailEditing = false, customerEmailLabel = 'Email', customerEmailPlaceholder = 'Enter your email', customerEmailInvalidMessage = 'Enter a valid email address.', customerName, discountAmountLabel, discountLabel, discountPercent, initialWalletAvailable, onClose, onWalletCancel, onCustomerEmailChange, onCustomerEmailCommit, onError, onInactiveCheckoutSession, onPaymentInfoSubmitted, onSuccess, paymentMethodLabels = defaultPaymentMethodLabels, paypalCheckout, paypalPending = false, paypalLabel, promoActive, processingLabel, promoCode, promoCodeLabel, remainingSeconds, returnUrl, savedLabel, secureLabel, satisfactionLabel, satisfactionPercent, summaryLabel, supportedCountries, themeColor, title, totalLabel, totalValue, unsupportedCountryMessage, walletButtonLabel, originalPriceLabel, originalPriceValue, variant = 'standard', presentation = 'dialog', }) {
     const checkoutState = useCheckout();
     const walletPaymentMethods = usePlatformWalletPaymentMethods();
-    const [selectedMethod, setSelectedMethod] = useState('wallet');
+    const [selectedMethod, setSelectedMethod] = useState(paypalPending ? 'paypal' : 'wallet');
     const [walletAvailable, setWalletAvailable] = useState(initialWalletAvailable !== null && initialWalletAvailable !== void 0 ? initialWalletAvailable : null);
     const effectiveWalletAvailable = initialWalletAvailable === true && walletAvailable !== false
         ? true
         : walletAvailable;
     const [submitting, setSubmitting] = useState(false);
+    const [walletConfirming, setWalletConfirming] = useState(false);
     const [completed, setCompleted] = useState(false);
     const [providerConfirmed, setProviderConfirmed] = useState(false);
     const submitInFlightRef = useRef(false);
@@ -68,7 +70,9 @@ export function SharedStripeCheckoutV2CheckoutSessionForm({ copy = defaultChecko
         && rejectedEmail === null && resolvedCustomerEmail === initialCustomerEmail;
     const showWalletMethod = presentation !== 'inline' && walletEmailReady
         && effectiveWalletAvailable !== false && walletPaymentMethods.length > 0;
-    const effectiveSelectedMethod = showWalletMethod && selectedMethod === 'wallet' ? 'wallet' : 'card';
+    const showPayPalMethod = presentation === 'dialog' && Boolean(paypalCheckout);
+    const effectiveSelectedMethod = showPayPalMethod && (paypalPending || selectedMethod === 'paypal') ? 'paypal'
+        : showWalletMethod && selectedMethod === 'wallet' ? 'wallet' : 'card';
     const expressCheckoutOptions = useMemo(() => {
         return {
             buttonHeight: 55,
@@ -145,11 +149,12 @@ export function SharedStripeCheckoutV2CheckoutSessionForm({ copy = defaultChecko
         onError === null || onError === void 0 ? void 0 : onError(message);
     };
     const selectWalletMethod = () => {
-        if (showWalletMethod) {
+        if (showWalletMethod && !paypalPending && !submitting) {
             setSelectedMethod('wallet');
         }
     };
-    const selectCardMethod = () => setSelectedMethod('card');
+    const selectCardMethod = () => { if (!paypalPending && !submitting)
+        setSelectedMethod('card'); };
     const handleWalletAvailabilityChange = (available) => {
         setWalletAvailable(available);
         if (!available && selectedMethod === 'wallet') {
@@ -190,6 +195,8 @@ export function SharedStripeCheckoutV2CheckoutSessionForm({ copy = defaultChecko
     }, [effectiveSelectedMethod]);
     const handleSubmit = async (event) => {
         event.preventDefault();
+        if (effectiveSelectedMethod === 'paypal')
+            return;
         if (submitInFlightRef.current || (emailSessionChanged && !providerConfirmed)) {
             return;
         }
@@ -263,22 +270,18 @@ export function SharedStripeCheckoutV2CheckoutSessionForm({ copy = defaultChecko
         return _jsxs("form", { onSubmit: handleSubmit, className: 'shared-checkout-v2-verifying', style: checkoutStyle, children: [_jsx("p", { role: error ? 'alert' : 'status', children: error || copy.verifyingPayment }), _jsx("button", { type: 'submit', disabled: submitting, className: 'shared-checkout-v2-status-button', children: copy.checkPaymentStatus })] });
     if (completed)
         return _jsx("div", { role: 'status', className: 'shared-checkout-v2-confirmed', style: checkoutStyle, children: copy.paymentConfirmed });
-    return (_jsxs("div", { className: 'shared-checkout-v2-shell', "data-variant": variant, style: checkoutStyle, children: [presentation === 'dialog' ? _jsxs(_Fragment, { children: [_jsxs("header", { className: 'shared-checkout-v2-header', children: [_jsx("button", { type: 'button', className: 'shared-checkout-v2-close', onClick: onClose, "aria-label": closeAriaLabel, children: _jsx("span", { "aria-hidden": 'true' }) }), _jsx("h2", { id: 'shared-checkout-v2-title', children: title })] }), _jsx(SharedStripeCheckoutV2Summary, { countdownUnit: copy.countdownUnit, discountPercent, countdownLabel, remainingSeconds, variant, satisfactionPercent, satisfactionLabel, originalPriceLabel, originalPriceValue, discountLabel, discountAmountLabel, promoCodeLabel, promoCode, totalLabel, totalValue, savedLabel, showPromo })] }) : null, _jsxs("form", { className: 'shared-checkout-v2-payment', onSubmit: (event) => void handleSubmit(event), children: [showWalletMethod ? (_jsxs("div", { className: 'shared-checkout-v2-methods', role: 'tablist', "aria-label": copy.paymentMethodLabel, children: [_jsxs("button", { type: 'button', className: [
-                                    'shared-checkout-v2-method',
-                                    effectiveSelectedMethod === 'wallet' ? 'is-selected' : '',
-                                ]
-                                    .filter(Boolean)
-                                    .join(' '), onClick: selectWalletMethod, role: 'tab', "aria-selected": effectiveSelectedMethod === 'wallet', children: [_jsxs("span", { className: 'shared-checkout-v2-tab-wallets', "aria-hidden": 'true', children: [walletPaymentMethods.includes('applePay') ? (_jsx(PaymentBrandMark, { label: 'Apple Pay', className: 'shared-checkout-v2-tab-wallet' })) : null, walletPaymentMethods.includes('googlePay') ? (_jsx(PaymentBrandMark, { label: 'Google Pay', className: 'shared-checkout-v2-tab-wallet' })) : null] }), _jsx("span", { className: 'shared-checkout-v2-sr-only', children: walletAriaLabel })] }), _jsxs("button", { type: 'button', className: [
-                                    'shared-checkout-v2-method',
-                                    effectiveSelectedMethod === 'card' ? 'is-selected' : '',
-                                ]
-                                    .filter(Boolean)
-                                    .join(' '), onClick: selectCardMethod, role: 'tab', "aria-selected": effectiveSelectedMethod === 'card', children: [_jsx("strong", { children: copy.cardLabel }), _jsx("span", { className: 'shared-checkout-v2-tab-brands', "aria-hidden": 'true', children: cardBrandLabels.slice(0, 4).map((label) => (_jsx(PaymentBrandMark, { label: label, className: 'shared-checkout-v2-tab-brand' }, label))) })] })] })) : null, presentation === 'dialog' ? _jsxs("div", { hidden: effectiveSelectedMethod !== 'wallet', className: [
+    return (_jsxs("div", { className: 'shared-checkout-v2-shell', "data-variant": variant, style: checkoutStyle, children: [presentation === 'dialog' ? _jsxs(_Fragment, { children: [_jsxs("header", { className: 'shared-checkout-v2-header', children: [_jsx("button", { type: 'button', className: 'shared-checkout-v2-close', onClick: onClose, "aria-label": closeAriaLabel, children: _jsx("span", { "aria-hidden": 'true' }) }), _jsx("h2", { id: 'shared-checkout-v2-title', children: title })] }), effectiveSelectedMethod !== 'paypal' ? _jsx(SharedStripeCheckoutV2Summary, { countdownUnit: copy.countdownUnit, discountPercent, countdownLabel, remainingSeconds, variant, satisfactionPercent, satisfactionLabel, originalPriceLabel, originalPriceValue, discountLabel, discountAmountLabel, promoCodeLabel, promoCode, totalLabel, totalValue, savedLabel, showPromo }) : null] }) : null, _jsxs("form", { className: 'shared-checkout-v2-payment', onSubmit: (event) => void handleSubmit(event), children: [showWalletMethod || showPayPalMethod ? (_jsx(SharedCheckoutPaymentMethods, { showWalletMethod: showWalletMethod, showPayPalMethod: showPayPalMethod, selectedMethod: effectiveSelectedMethod, disabled: paypalPending || submitting || walletConfirming, paymentMethodLabel: copy.paymentMethodLabel, cardLabel: copy.cardLabel, paypalLabel: paypalLabel, walletAriaLabel: walletAriaLabel, walletPaymentMethods: walletPaymentMethods, cardBrandLabels: cardBrandLabels, onWalletSelect: selectWalletMethod, onCardSelect: selectCardMethod, onPayPalSelect: () => setSelectedMethod('paypal') })) : null, effectiveSelectedMethod === 'paypal' ? _jsx("div", { role: 'tabpanel', "aria-label": paypalLabel, children: paypalCheckout }) : null, presentation === 'dialog' ? _jsxs("div", { hidden: effectiveSelectedMethod !== 'wallet', className: [
                             'shared-checkout-v2-wallet-panel',
                             effectiveSelectedMethod === 'wallet' ? 'is-visible' : '',
                         ]
                             .filter(Boolean)
-                            .join(' '), children: [_jsxs("p", { className: 'shared-checkout-v2-secure-pill', children: [_jsx(SecurityLockIcon, { className: 'shared-checkout-v2-secure-pill-icon' }), secureLabel] }), _jsxs("div", { className: 'shared-checkout-v2-wallet-shell', "aria-label": walletAriaLabel, children: [_jsx(StripeCheckoutExpressCheckoutButton, { amountCents: amountCents, availabilityPaymentMethods: walletPaymentMethods, beforeConfirm: ensureCustomerEmail, checkoutAnalytics: checkoutAnalytics, checkoutSessionId: checkoutSessionId, className: 'shared-checkout-v2-express-buttons', confirmEmail: false, customerEmail: resolvedCustomerEmail, customerName: customerName, initialAvailable: initialWalletAvailable, keepInitialAvailableOnReady: initialWalletAvailable === true, onAvailabilityChange: handleWalletAvailabilityChange, onCancel: onWalletCancel, onError: (message) => setSharedError(message, true), onPaymentInfoSubmitted: onPaymentInfoSubmitted, onPaymentRejected: () => setSelectedMethod('card'), onSuccess: () => trackCheckoutSuccess(), onEmbeddedComplete: () => setCompleted(true), onVerificationPending: () => setProviderConfirmed(true), options: expressCheckoutOptions, returnUrl: returnUrl, summaryLabel: expressCheckoutSummaryLabel, supportedCountries: normalizedSupportedCountries, unsupportedCountryMessage: unsupportedCountryMessage }), _jsx("span", { className: 'shared-checkout-v2-sr-only', children: walletAriaLabel })] })] }) : null, _jsxs("div", { hidden: effectiveSelectedMethod !== 'card', className: [
+                            .join(' '), children: [_jsxs("p", { className: 'shared-checkout-v2-secure-pill', children: [_jsx(SecurityLockIcon, { className: 'shared-checkout-v2-secure-pill-icon' }), secureLabel] }), _jsxs("div", { className: 'shared-checkout-v2-wallet-shell', "aria-label": walletAriaLabel, children: [_jsx(StripeCheckoutExpressCheckoutButton, { amountCents: amountCents, availabilityPaymentMethods: walletPaymentMethods, beforeConfirm: async () => {
+                                            setWalletConfirming(true);
+                                            const email = await ensureCustomerEmail();
+                                            if (!email)
+                                                setWalletConfirming(false);
+                                            return email;
+                                        }, checkoutAnalytics: checkoutAnalytics, checkoutSessionId: checkoutSessionId, className: 'shared-checkout-v2-express-buttons', confirmEmail: false, customerEmail: resolvedCustomerEmail, customerName: customerName, initialAvailable: initialWalletAvailable, keepInitialAvailableOnReady: initialWalletAvailable === true, onAvailabilityChange: handleWalletAvailabilityChange, onCancel: () => { setWalletConfirming(false); onWalletCancel === null || onWalletCancel === void 0 ? void 0 : onWalletCancel(); }, onError: (message) => setSharedError(message, true), onPaymentInfoSubmitted: onPaymentInfoSubmitted, onPaymentRejected: () => { setWalletConfirming(false); setSelectedMethod('card'); }, onSuccess: () => trackCheckoutSuccess(), onEmbeddedComplete: () => setCompleted(true), onVerificationPending: () => setProviderConfirmed(true), options: expressCheckoutOptions, returnUrl: returnUrl, summaryLabel: expressCheckoutSummaryLabel, supportedCountries: normalizedSupportedCountries, unsupportedCountryMessage: unsupportedCountryMessage }), _jsx("span", { className: 'shared-checkout-v2-sr-only', children: walletAriaLabel })] })] }) : null, _jsxs("div", { hidden: effectiveSelectedMethod !== 'card', className: [
                             'shared-checkout-v2-card-panel',
                             effectiveSelectedMethod === 'card' ? 'is-visible' : '',
                         ]

package/dist/services/publishedBillingRuntime.service.d.ts CHANGED Viewed

@@ -2,14 +2,23 @@ import { type FunnelExperimentDefinition, type FunnelManifestExperiment, type Of
 import type { BillingDiscountCatalog, BillingDiscountList, BillingFallbackPlanConfig, BillingPlanCatalog } from '../config/billing.config.js';
 import { type PaywallPlan } from './paywallPlans.service.js';
 export type PublishedBillingPlan = BillingFallbackPlanConfig & OfferSetRuntimePlanOverrides;
+export type PayPalBillingOption = {
+    paymentProfileId: string;
+    clientId: string;
+    providerPlanId: string;
+    amountMinor: number;
+    currency: string;
+    summary: string;
+};
 export type ResolvedPublishedBillingRuntime = {
+    paypalOptionsByPlanKey?: Readonly<Record<string, PayPalBillingOption>>;
     revisionId: string | null;
     sourceVersionId: string | null;
     paymentsApiVersion: 'v2';
     mode: RuntimeMode;
     offerSetId: string;
     paymentProfileId: string | null;
-    provider: 'stripe' | 'solidgate';
+    provider: 'stripe' | 'solidgate' | 'paypal';
     stripePublishableKey: string | null;
     experimentId: string | null;
     variantKey: string | null;

package/dist/services/publishedBillingRuntime.service.js CHANGED Viewed

@@ -10,7 +10,7 @@ export const EMPTY_PUBLISHED_BILLING_RUNTIME = Object.freeze({
     unavailablePlanKeys: [],
 });
 export const resolvePublishedBillingRuntime = ({ config, featureFlags, mode, search = '', defaultOfferSetId, locale, baseCatalogsByMode, fallbackDiscounts, resolvedExperiments = resolvePublishedRuntimeExperiments(config), }) => {
-    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, _r;
     const offerSets = (_a = config === null || config === void 0 ? void 0 : config.offerSets) !== null && _a !== void 0 ? _a : [];
     const selection = resolvePublishedOfferSetSelection({
         offerSets,
@@ -37,19 +37,36 @@ export const resolvePublishedBillingRuntime = ({ config, featureFlags, mode, sea
     const discountList = runtime.getDiscountList(mode);
     const provider = runtime.getPaymentProvider(mode);
     const paymentProviderConfig = (_c = (_b = runtime.offerSet) === null || _b === void 0 ? void 0 : _b.paymentProviderConfigByMode) === null || _c === void 0 ? void 0 : _c[mode];
+    const paypalOptionsByPlanKey = {};
+    for (const item of ((_d = runtime.offerSet) === null || _d === void 0 ? void 0 : _d.items) || []) {
+        const binding = (_e = item.paymentProfileBindings) === null || _e === void 0 ? void 0 : _e.find(candidate => candidate.provider === 'paypal');
+        const profileId = (binding === null || binding === void 0 ? void 0 : binding.paymentProfileId) || (provider === 'paypal' ? (_f = runtime.offerSet) === null || _f === void 0 ? void 0 : _f.paymentProfileId : null);
+        if (!profileId)
+            continue;
+        const mapping = binding ? (_g = binding.providerMappingsByMode) === null || _g === void 0 ? void 0 : _g[mode] : (_h = item.providerMappingsByMode) === null || _h === void 0 ? void 0 : _h[mode];
+        const profileConfig = ((_l = (_k = (_j = runtime.offerSet) === null || _j === void 0 ? void 0 : _j.paymentProviderConfigByProfileId) === null || _k === void 0 ? void 0 : _k[profileId]) === null || _l === void 0 ? void 0 : _l[mode])
+            || (provider === 'paypal' ? paymentProviderConfig : null);
+        const clientId = (profileConfig === null || profileConfig === void 0 ? void 0 : profileConfig.provider) === 'paypal' ? profileConfig.paypalClientId : null;
+        if (!(mapping === null || mapping === void 0 ? void 0 : mapping.providerPlanId) || !clientId || !mapping.checkoutSummaryLabel || mapping.amountCents == null || !mapping.currency)
+            continue;
+        paypalOptionsByPlanKey[item.funnelPlanKey] = { paymentProfileId: profileId, clientId,
+            providerPlanId: mapping.providerPlanId, summary: mapping.checkoutSummaryLabel,
+            amountMinor: mapping.amountCents, currency: mapping.currency };
+    }
     const pinnedFeatureFlags = Object.assign(Object.assign({}, featureFlags), (selection.experimentId && selection.variantKey
         ? { [selection.experimentId]: selection.variantKey }
         : {}));
     return {
-        revisionId: (_d = config === null || config === void 0 ? void 0 : config.revisionId) !== null && _d !== void 0 ? _d : null,
-        sourceVersionId: (_e = config === null || config === void 0 ? void 0 : config.sourceVersionId) !== null && _e !== void 0 ? _e : null,
+        paypalOptionsByPlanKey,
+        revisionId: (_m = config === null || config === void 0 ? void 0 : config.revisionId) !== null && _m !== void 0 ? _m : null,
+        sourceVersionId: (_o = config === null || config === void 0 ? void 0 : config.sourceVersionId) !== null && _o !== void 0 ? _o : null,
         paymentsApiVersion: 'v2',
         mode,
         offerSetId: selection.offerSetId,
-        paymentProfileId: ((_g = (_f = runtime.offerSet) === null || _f === void 0 ? void 0 : _f.paymentProfileId) === null || _g === void 0 ? void 0 : _g.trim()) || null,
+        paymentProfileId: ((_q = (_p = runtime.offerSet) === null || _p === void 0 ? void 0 : _p.paymentProfileId) === null || _q === void 0 ? void 0 : _q.trim()) || null,
         provider,
         stripePublishableKey: provider === 'stripe' && (paymentProviderConfig === null || paymentProviderConfig === void 0 ? void 0 : paymentProviderConfig.provider) === 'stripe'
-            ? ((_h = paymentProviderConfig === null || paymentProviderConfig === void 0 ? void 0 : paymentProviderConfig.stripePublishableKey) === null || _h === void 0 ? void 0 : _h.trim()) || null
+            ? ((_r = paymentProviderConfig === null || paymentProviderConfig === void 0 ? void 0 : paymentProviderConfig.stripePublishableKey) === null || _r === void 0 ? void 0 : _r.trim()) || null
             : null,
         experimentId: selection.experimentId,
         variantKey: selection.variantKey,

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@funnelsgrove/payments",
-  "version": "0.32.0",
+  "version": "0.34.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/The-Solid-Grove/funnelsgrove.git",
@@ -46,11 +46,11 @@
     "jsdom": "20.0.3",
     "typescript": "^5",
     "vitest": "^3.2.4",
-    "@funnelsgrove/runtime": "0.27.0",
-    "@funnelsgrove/analytics": "0.9.0"
+    "@funnelsgrove/runtime": "0.28.0",
+    "@funnelsgrove/analytics": "0.10.0"
   },
   "peerDependencies": {
-    "@funnelsgrove/runtime": "^0.27.0",
-    "@funnelsgrove/analytics": "^0.9.0"
+    "@funnelsgrove/runtime": "^0.28.0",
+    "@funnelsgrove/analytics": "^0.10.0"
   }
 }