@funnelsgrove/payments 0.1.0 → 0.1.2

package/dist/index.d.ts

@@ -1,5 +1,21 @@
-export * from './config/billing.config';
-export * from './services/preview-frame.service';
-export * from './services/runtime-mode.service';
-export * from './services/stripe.service';
-export * from './components/shared/StripePlanSelector';
+export * from './config/billing.config.js';
+export * from './services/preview-frame.service.js';
+export * from './services/runtime-mode.service.js';
+export * from './services/planCatalog.service.js';
+export * from './services/runtimeBillingPlanCatalog.service.js';
+export * from './services/paywallOffer.service.js';
+export * from './services/stripe.service.js';
+export * from './hooks/useResolvedPaywallPlans.js';
+export * from './providers/paymentProvider.types.js';
+export * from './providers/stripe/useStripeSubscriptionCheckoutSession.js';
+export * from './providers/stripe/WalletSubscriptionCheckoutSlot.js';
+export * from './providers/stripe/ApplePaySubscriptionCheckoutSlot.js';
+export * from './providers/stripe/GooglePaySubscriptionCheckoutSlot.js';
+export * from './components/shared/SharedStripeCheckoutDialog.js';
+export * from './components/shared/SharedStripeCheckoutV2Dialog.js';
+export * from './components/shared/ApplePaySubscribeButton.js';
+export * from './components/shared/GooglePaySubscribeButton.js';
+export * from './components/shared/StripeExpressCheckoutButton.js';
+export * from './components/shared/StripeExpressCheckoutElement.js';
+export * from './components/shared/StripePlanSelector.js';
+export * from './components/shared/walletPlatform.js';

package/dist/index.js

@@ -1,5 +1,21 @@
-export * from './config/billing.config';
-export * from './services/preview-frame.service';
-export * from './services/runtime-mode.service';
-export * from './services/stripe.service';
-export * from './components/shared/StripePlanSelector';
+export * from './config/billing.config.js';
+export * from './services/preview-frame.service.js';
+export * from './services/runtime-mode.service.js';
+export * from './services/planCatalog.service.js';
+export * from './services/runtimeBillingPlanCatalog.service.js';
+export * from './services/paywallOffer.service.js';
+export * from './services/stripe.service.js';
+export * from './hooks/useResolvedPaywallPlans.js';
+export * from './providers/paymentProvider.types.js';
+export * from './providers/stripe/useStripeSubscriptionCheckoutSession.js';
+export * from './providers/stripe/WalletSubscriptionCheckoutSlot.js';
+export * from './providers/stripe/ApplePaySubscriptionCheckoutSlot.js';
+export * from './providers/stripe/GooglePaySubscriptionCheckoutSlot.js';
+export * from './components/shared/SharedStripeCheckoutDialog.js';
+export * from './components/shared/SharedStripeCheckoutV2Dialog.js';
+export * from './components/shared/ApplePaySubscribeButton.js';
+export * from './components/shared/GooglePaySubscribeButton.js';
+export * from './components/shared/StripeExpressCheckoutButton.js';
+export * from './components/shared/StripeExpressCheckoutElement.js';
+export * from './components/shared/StripePlanSelector.js';
+export * from './components/shared/walletPlatform.js';

package/dist/providers/paymentProvider.types.d.ts

@@ -0,0 +1,4 @@
+export type PaymentProviderId = 'stripe' | (string & {});
+export type CheckoutPreparationSource = 'card' | 'wallet';
+export type CheckoutPreparationLoading = Record<CheckoutPreparationSource, boolean>;
+export declare const createEmptyCheckoutPreparationLoading: () => CheckoutPreparationLoading;

package/dist/providers/paymentProvider.types.js

@@ -0,0 +1,4 @@
+export const createEmptyCheckoutPreparationLoading = () => ({
+    card: false,
+    wallet: false,
+});

package/dist/providers/stripe/ApplePaySubscriptionCheckoutSlot.d.ts

@@ -0,0 +1,5 @@
+import { type WalletSubscriptionCheckoutSlotProps } from './WalletSubscriptionCheckoutSlot.js';
+export type ApplePaySubscriptionCheckoutSlotProps = Omit<WalletSubscriptionCheckoutSlotProps, 'availabilityPaymentMethod' | 'expressCheckoutAllowed' | 'placeholderLabel' | 'renderPlaceholder'> & {
+    placeholderLabel?: string;
+};
+export declare function ApplePaySubscriptionCheckoutSlot({ placeholderLabel, ...slotProps }: ApplePaySubscriptionCheckoutSlotProps): import("react/jsx-runtime").JSX.Element;

package/dist/providers/stripe/ApplePaySubscriptionCheckoutSlot.js

@@ -0,0 +1,21 @@
+'use client';
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ApplePaySubscribeButton } from '../../components/shared/ApplePaySubscribeButton.js';
+import { useApplePayExpressCheckoutAllowed } from '../../components/shared/SharedStripeCheckoutDialog.js';
+import { WalletSubscriptionCheckoutSlot, } from './WalletSubscriptionCheckoutSlot.js';
+export function ApplePaySubscriptionCheckoutSlot(_a) {
+    var { placeholderLabel = 'Subscribe with Apple Pay' } = _a, slotProps = __rest(_a, ["placeholderLabel"]);
+    const allowApplePayExpressCheckout = useApplePayExpressCheckoutAllowed();
+    return (_jsx(WalletSubscriptionCheckoutSlot, Object.assign({}, slotProps, { availabilityPaymentMethod: 'applePay', expressCheckoutAllowed: allowApplePayExpressCheckout, placeholderLabel: placeholderLabel, renderPlaceholder: (placeholderProps) => (_jsx(ApplePaySubscribeButton, Object.assign({}, placeholderProps))) })));
+}

package/dist/providers/stripe/GooglePaySubscriptionCheckoutSlot.d.ts

@@ -0,0 +1,7 @@
+import type { StripeExpressCheckoutElementOptions } from '@stripe/stripe-js';
+import { type WalletSubscriptionCheckoutSlotProps } from './WalletSubscriptionCheckoutSlot.js';
+export type GooglePaySubscriptionCheckoutSlotProps = Omit<WalletSubscriptionCheckoutSlotProps, 'availabilityPaymentMethod' | 'options' | 'placeholderLabel' | 'renderPlaceholder'> & {
+    options?: StripeExpressCheckoutElementOptions;
+    placeholderLabel?: string;
+};
+export declare function GooglePaySubscriptionCheckoutSlot({ options, placeholderLabel, ...slotProps }: GooglePaySubscriptionCheckoutSlotProps): import("react/jsx-runtime").JSX.Element;

package/dist/providers/stripe/GooglePaySubscriptionCheckoutSlot.js

@@ -0,0 +1,44 @@
+'use client';
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { GooglePaySubscribeButton } from '../../components/shared/GooglePaySubscribeButton.js';
+import { WalletSubscriptionCheckoutSlot, } from './WalletSubscriptionCheckoutSlot.js';
+const googlePayExpressCheckoutOptions = {
+    buttonHeight: 55,
+    buttonTheme: {
+        googlePay: 'black',
+    },
+    buttonType: {
+        googlePay: 'subscribe',
+    },
+    emailRequired: true,
+    layout: {
+        maxColumns: 1,
+        maxRows: 1,
+        overflow: 'auto',
+    },
+    paymentMethodOrder: ['google_pay'],
+    paymentMethods: {
+        amazonPay: 'never',
+        applePay: 'never',
+        googlePay: 'always',
+        klarna: 'never',
+        link: 'never',
+        paypal: 'never',
+    },
+};
+export function GooglePaySubscriptionCheckoutSlot(_a) {
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    var { options, placeholderLabel = 'Subscribe with Google Pay' } = _a, slotProps = __rest(_a, ["options", "placeholderLabel"]);
+    return (_jsx(WalletSubscriptionCheckoutSlot, Object.assign({}, slotProps, { availabilityPaymentMethod: 'googlePay', options: Object.assign(Object.assign(Object.assign({}, googlePayExpressCheckoutOptions), (options !== null && options !== void 0 ? options : {})), { buttonTheme: Object.assign(Object.assign({}, ((_b = googlePayExpressCheckoutOptions.buttonTheme) !== null && _b !== void 0 ? _b : {})), ((_c = options === null || options === void 0 ? void 0 : options.buttonTheme) !== null && _c !== void 0 ? _c : {})), buttonType: Object.assign(Object.assign({}, ((_d = googlePayExpressCheckoutOptions.buttonType) !== null && _d !== void 0 ? _d : {})), ((_e = options === null || options === void 0 ? void 0 : options.buttonType) !== null && _e !== void 0 ? _e : {})), layout: Object.assign(Object.assign({}, ((_f = googlePayExpressCheckoutOptions.layout) !== null && _f !== void 0 ? _f : {})), ((_g = options === null || options === void 0 ? void 0 : options.layout) !== null && _g !== void 0 ? _g : {})), paymentMethods: Object.assign(Object.assign({}, ((_h = googlePayExpressCheckoutOptions.paymentMethods) !== null && _h !== void 0 ? _h : {})), ((_j = options === null || options === void 0 ? void 0 : options.paymentMethods) !== null && _j !== void 0 ? _j : {})), paymentMethodOrder: (_k = options === null || options === void 0 ? void 0 : options.paymentMethodOrder) !== null && _k !== void 0 ? _k : googlePayExpressCheckoutOptions.paymentMethodOrder }), placeholderLabel: placeholderLabel, renderPlaceholder: (placeholderProps) => (_jsx(GooglePaySubscribeButton, Object.assign({}, placeholderProps))) })));
+}

package/dist/providers/stripe/WalletSubscriptionCheckoutSlot.d.ts

@@ -0,0 +1,32 @@
+import { type ReactNode } from 'react';
+import type { AvailablePaymentMethods, StripeExpressCheckoutElementOptions } from '@stripe/stripe-js';
+import type { StripeSubscriptionCheckoutSession } from './useStripeSubscriptionCheckoutSession.js';
+type WalletPlaceholderButtonProps = {
+    className?: string;
+    disabled: boolean;
+    label: string;
+    onClick: () => void;
+};
+export type WalletSubscriptionCheckoutSlotProps = {
+    amountCents: number;
+    availabilityPaymentMethod: keyof AvailablePaymentMethods;
+    beforeConfirm?: () => Promise<string | null>;
+    className?: string;
+    customerEmail?: string | null;
+    customerName?: string | null;
+    disabled?: boolean;
+    expressCheckoutAllowed?: boolean;
+    onAvailabilityChange?: (available: boolean) => void;
+    onError?: (message: string | null) => void;
+    onSuccess?: () => void;
+    onUnavailableClick?: () => Promise<void> | void;
+    options?: StripeExpressCheckoutElementOptions;
+    placeholderLabel: string;
+    renderPlaceholder: (props: WalletPlaceholderButtonProps) => ReactNode;
+    returnUrl: string;
+    session: StripeSubscriptionCheckoutSession;
+    summaryLabel: string;
+    suspended?: boolean;
+};
+export declare function WalletSubscriptionCheckoutSlot({ amountCents, availabilityPaymentMethod, beforeConfirm, className, customerEmail, customerName, disabled, expressCheckoutAllowed, onAvailabilityChange, onError, onSuccess, onUnavailableClick, options, placeholderLabel, renderPlaceholder, returnUrl, session, summaryLabel, suspended, }: WalletSubscriptionCheckoutSlotProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/providers/stripe/WalletSubscriptionCheckoutSlot.js

@@ -0,0 +1,69 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { StripeExpressCheckoutElement } from '../../components/shared/StripeExpressCheckoutElement.js';
+export function WalletSubscriptionCheckoutSlot({ amountCents, availabilityPaymentMethod, beforeConfirm, className, customerEmail, customerName, disabled = false, expressCheckoutAllowed = true, onAvailabilityChange, onError, onSuccess, onUnavailableClick, options, placeholderLabel, renderPlaceholder, returnUrl, session, summaryLabel, suspended = false, }) {
+    const [walletAvailability, setWalletAvailability] = useState({
+        available: null,
+        intentKey: session.intentKey,
+    });
+    const autoWalletAttemptedIntentKeyRef = useRef(null);
+    const slotDisabled = disabled || !session.configured;
+    const walletAvailable = walletAvailability.intentKey === session.intentKey
+        ? walletAvailability.available
+        : null;
+    useEffect(() => {
+        if (slotDisabled ||
+            suspended ||
+            !expressCheckoutAllowed ||
+            walletAvailable === false ||
+            session.activeClientSecret) {
+            return;
+        }
+        const requestKey = session.intentKey;
+        if (autoWalletAttemptedIntentKeyRef.current === requestKey) {
+            return;
+        }
+        autoWalletAttemptedIntentKeyRef.current = requestKey;
+        void session.prepareWalletCheckout();
+    }, [
+        expressCheckoutAllowed,
+        session,
+        slotDisabled,
+        suspended,
+        walletAvailable,
+    ]);
+    const handleError = (message) => {
+        session.setError(message);
+        onError === null || onError === void 0 ? void 0 : onError(message);
+    };
+    const handleAvailabilityChange = (available) => {
+        setWalletAvailability({
+            available,
+            intentKey: session.intentKey,
+        });
+        onAvailabilityChange === null || onAvailabilityChange === void 0 ? void 0 : onAvailabilityChange(available);
+    };
+    const handlePlaceholderClick = async () => {
+        if (slotDisabled || session.loading.wallet) {
+            return;
+        }
+        if (!expressCheckoutAllowed || walletAvailable === false) {
+            await (onUnavailableClick === null || onUnavailableClick === void 0 ? void 0 : onUnavailableClick());
+            return;
+        }
+        await session.prepareWalletCheckout();
+    };
+    return (_jsxs(_Fragment, { children: [walletAvailable === null
+                ? renderPlaceholder({
+                    className,
+                    disabled: slotDisabled || session.loading.wallet,
+                    label: placeholderLabel,
+                    onClick: () => void handlePlaceholderClick(),
+                })
+                : null, !suspended &&
+                expressCheckoutAllowed &&
+                walletAvailable !== false &&
+                session.activeClientSecret &&
+                session.stripePromise ? (_jsx(StripeExpressCheckoutElement, { amountCents: amountCents, availabilityPaymentMethods: [availabilityPaymentMethod], beforeConfirm: beforeConfirm, className: className, clientSecret: session.activeClientSecret, customerEmail: customerEmail, customerName: customerName, onAvailabilityChange: handleAvailabilityChange, onError: handleError, onSuccess: onSuccess, options: options, returnUrl: returnUrl, stripePromise: session.stripePromise, summaryLabel: summaryLabel })) : null] }));
+}

package/dist/providers/stripe/useStripeSubscriptionCheckoutSession.d.ts

@@ -0,0 +1,30 @@
+import type { Stripe } from '@stripe/stripe-js';
+import type { RuntimeMode } from '@funnelsgrove/runtime';
+import { type CheckoutPreparationLoading } from '../paymentProvider.types.js';
+import type { PaywallDisplayPlan } from '../../services/paywallOffer.service.js';
+import { type PaywallPlan, type StripeRuntimeConfigOverrides } from '../../services/stripe.service.js';
+export type StripeSubscriptionCheckoutSessionInput = {
+    checkoutMode: RuntimeMode;
+    couponId?: string | null;
+    customerEmail?: string | null;
+    displayPlan?: PaywallDisplayPlan | null;
+    enabled?: boolean;
+    onError?: (message: string | null) => void;
+    plan?: PaywallPlan | null;
+    runtimeConfig?: StripeRuntimeConfigOverrides;
+    userId?: string | null;
+};
+export type StripeSubscriptionCheckoutSession = {
+    activeClientSecret: string | null;
+    configured: boolean;
+    error: string | null;
+    intentKey: string;
+    loading: CheckoutPreparationLoading;
+    prepareCardCheckout: () => Promise<string | null>;
+    prepareWalletCheckout: () => Promise<string | null>;
+    provider: 'stripe';
+    reset: () => void;
+    setError: (message: string | null) => void;
+    stripePromise: Promise<Stripe | null> | null;
+};
+export declare function useStripeSubscriptionCheckoutSession({ checkoutMode, couponId, customerEmail, displayPlan, enabled, onError, plan, runtimeConfig, userId, }: StripeSubscriptionCheckoutSessionInput): StripeSubscriptionCheckoutSession;

package/dist/providers/stripe/useStripeSubscriptionCheckoutSession.js

@@ -0,0 +1,164 @@
+'use client';
+import { useCallback, useEffect, useMemo, useRef, useState, } from 'react';
+import { createEmptyCheckoutPreparationLoading, } from '../paymentProvider.types.js';
+import { createStripeSubscriptionCheckout, getStripePromise, isStripeConfigured, } from '../../services/stripe.service.js';
+const getFriendlyStripeCheckoutError = (error) => {
+    const message = error instanceof Error ? error.message : 'Unable to initialize checkout';
+    return message === 'Internal server error'
+        ? 'Unable to initialize checkout. Stripe settings may be missing for this funnel.'
+        : message;
+};
+const normalizeRuntimeConfigValue = (value) => (value === null || value === void 0 ? void 0 : value.trim()) || '';
+export function useStripeSubscriptionCheckoutSession({ checkoutMode, couponId, customerEmail, displayPlan, enabled = true, onError, plan, runtimeConfig, userId, }) {
+    var _a, _b, _c, _d;
+    const [clientSecret, setClientSecret] = useState(null);
+    const [clientSecretIntentKey, setClientSecretIntentKey] = useState(null);
+    const [error, setErrorState] = useState(null);
+    const [loading, setLoading] = useState(createEmptyCheckoutPreparationLoading);
+    const [runtimeStripePublishableKey, setRuntimeStripePublishableKey] = useState(null);
+    const creatingIntentRef = useRef(null);
+    const runtimeConfigSignature = [
+        normalizeRuntimeConfigValue(runtimeConfig === null || runtimeConfig === void 0 ? void 0 : runtimeConfig.apiBaseUrl),
+        normalizeRuntimeConfigValue(runtimeConfig === null || runtimeConfig === void 0 ? void 0 : runtimeConfig.funnelId),
+        normalizeRuntimeConfigValue(runtimeConfig === null || runtimeConfig === void 0 ? void 0 : runtimeConfig.funnelVersionId),
+        normalizeRuntimeConfigValue(runtimeConfig === null || runtimeConfig === void 0 ? void 0 : runtimeConfig.funnelSdkPublishableKey),
+    ].join('|');
+    const configured = enabled &&
+        (isStripeConfigured(checkoutMode) ||
+            Boolean(normalizeRuntimeConfigValue(runtimeConfig === null || runtimeConfig === void 0 ? void 0 : runtimeConfig.funnelSdkPublishableKey)));
+    const intentKey = [
+        'stripe',
+        checkoutMode,
+        runtimeConfigSignature,
+        (_a = plan === null || plan === void 0 ? void 0 : plan.id) !== null && _a !== void 0 ? _a : '',
+        (_b = plan === null || plan === void 0 ? void 0 : plan.amountCents) !== null && _b !== void 0 ? _b : '',
+        (_c = displayPlan === null || displayPlan === void 0 ? void 0 : displayPlan.id) !== null && _c !== void 0 ? _c : '',
+        (_d = displayPlan === null || displayPlan === void 0 ? void 0 : displayPlan.amountCents) !== null && _d !== void 0 ? _d : '',
+        (couponId === null || couponId === void 0 ? void 0 : couponId.trim()) || '',
+    ].join('|');
+    const activeClientSecret = clientSecretIntentKey === intentKey ? clientSecret : null;
+    const stripePromise = useMemo(() => getStripePromise(checkoutMode, runtimeStripePublishableKey), [checkoutMode, runtimeStripePublishableKey]);
+    const setError = useCallback((message) => {
+        setErrorState(message);
+        onError === null || onError === void 0 ? void 0 : onError(message);
+    }, [onError]);
+    const reset = useCallback(() => {
+        creatingIntentRef.current = null;
+        setClientSecret(null);
+        setClientSecretIntentKey(null);
+        setLoading(createEmptyCheckoutPreparationLoading());
+        setRuntimeStripePublishableKey(null);
+        setError(null);
+    }, [setError]);
+    useEffect(() => {
+        reset();
+    }, [intentKey, reset]);
+    const setSourceLoading = useCallback((source, value) => {
+        setLoading((current) => current[source] === value
+            ? current
+            : Object.assign(Object.assign({}, current), { [source]: value }));
+    }, []);
+    const createCheckoutSubscription = useCallback(async () => {
+        var _a;
+        if (!configured || !plan || !displayPlan) {
+            return null;
+        }
+        if (activeClientSecret) {
+            return activeClientSecret;
+        }
+        if (((_a = creatingIntentRef.current) === null || _a === void 0 ? void 0 : _a.key) === intentKey) {
+            return creatingIntentRef.current.promise;
+        }
+        const requestKey = intentKey;
+        const subscriptionRequest = (async () => {
+            var _a, _b, _c, _d;
+            try {
+                const response = await createStripeSubscriptionCheckout({
+                    plan,
+                    couponId,
+                    customerEmail,
+                    user_id: userId,
+                    environment: checkoutMode,
+                    runtimeConfig,
+                });
+                if (((_a = creatingIntentRef.current) === null || _a === void 0 ? void 0 : _a.key) !== requestKey) {
+                    return response.clientSecret;
+                }
+                const publishableKey = (_b = response.stripePublishableKey) === null || _b === void 0 ? void 0 : _b.trim();
+                if (publishableKey) {
+                    setRuntimeStripePublishableKey(publishableKey);
+                }
+                setClientSecret(response.clientSecret);
+                setClientSecretIntentKey(requestKey);
+                return response.clientSecret;
+            }
+            catch (subscriptionError) {
+                if (((_c = creatingIntentRef.current) === null || _c === void 0 ? void 0 : _c.key) === requestKey) {
+                    setError(getFriendlyStripeCheckoutError(subscriptionError));
+                }
+                return null;
+            }
+            finally {
+                if (((_d = creatingIntentRef.current) === null || _d === void 0 ? void 0 : _d.key) === requestKey) {
+                    creatingIntentRef.current = null;
+                }
+            }
+        })();
+        creatingIntentRef.current = {
+            key: requestKey,
+            promise: subscriptionRequest,
+        };
+        return subscriptionRequest;
+    }, [
+        activeClientSecret,
+        checkoutMode,
+        configured,
+        couponId,
+        customerEmail,
+        displayPlan,
+        intentKey,
+        plan,
+        runtimeConfig,
+        setError,
+        userId,
+    ]);
+    const prepareCheckout = useCallback(async (source) => {
+        if (!configured || !plan || !displayPlan) {
+            return null;
+        }
+        if (activeClientSecret) {
+            return activeClientSecret;
+        }
+        setSourceLoading(source, true);
+        setError(null);
+        try {
+            return await createCheckoutSubscription();
+        }
+        finally {
+            setSourceLoading(source, false);
+        }
+    }, [
+        activeClientSecret,
+        configured,
+        createCheckoutSubscription,
+        displayPlan,
+        plan,
+        setError,
+        setSourceLoading,
+    ]);
+    const prepareCardCheckout = useCallback(() => prepareCheckout('card'), [prepareCheckout]);
+    const prepareWalletCheckout = useCallback(() => prepareCheckout('wallet'), [prepareCheckout]);
+    return {
+        activeClientSecret,
+        configured,
+        error,
+        intentKey,
+        loading,
+        prepareCardCheckout,
+        prepareWalletCheckout,
+        provider: 'stripe',
+        reset,
+        setError,
+        stripePromise,
+    };
+}

package/dist/services/paywallOffer.service.d.ts

@@ -0,0 +1,65 @@
+import type { BillingDiscountCatalog, BillingDiscountList } from '../config/billing.config.js';
+import type { PaywallPlan } from './stripe.service.js';
+export type PaywallDiscountCatalog = BillingDiscountCatalog;
+export type PaywallDiscountStage = 'first' | 'second' | 'completed';
+export type PaywallActiveDiscountStage = Exclude<PaywallDiscountStage, 'completed'>;
+export type PaywallDiscountSnapshot = {
+    firstStartedAt?: number | null;
+    secondStartedAt?: number | null;
+    discountStartedAt?: number | null;
+    additionalDiscountStartedAt?: number | null;
+    status?: 'active' | 'expired';
+    expiresAtMs?: number | null;
+    stage?: PaywallDiscountStage;
+    offerStage?: 'initial' | 'upgraded' | 'completed';
+};
+export type PaywallDiscountState = {
+    status: 'active' | 'expired';
+    stage: PaywallDiscountStage;
+    couponId: string | null;
+    discountPercent: number | null;
+    previousDiscountPercent: number | null;
+    expiresAtMs: number | null;
+    remainingSeconds: number;
+    firstStartedAtMs: number | null;
+    secondStartedAtMs: number | null;
+};
+export type PaywallDisplayPlan = PaywallPlan & {
+    baseAmountCents: number;
+    basePriceLabel: string;
+    basePerDayAmount: string;
+    oldPerDayAmount: string | null;
+    couponId: string | null;
+    hasActiveDiscount: boolean;
+};
+export declare const buildBillingDiscountCatalog: (discounts: PaywallDiscountCatalog | BillingDiscountList) => PaywallDiscountCatalog;
+export declare const resolvePaywallDiscountState: (input: {
+    discounts: PaywallDiscountCatalog;
+    nowMs: number;
+    storedValue: string | null;
+}) => PaywallDiscountState;
+export declare const serializePaywallDiscountState: (state: PaywallDiscountState) => string;
+export declare const advancePaywallDiscountState: (input: {
+    discounts: PaywallDiscountCatalog;
+    state: PaywallDiscountState;
+    nowMs: number;
+}) => PaywallDiscountState;
+export declare const activateSecondPaywallDiscount: (input: {
+    discounts: PaywallDiscountCatalog;
+    state: PaywallDiscountState;
+    nowMs: number;
+}) => PaywallDiscountState;
+export declare const getDiscountedAmountCents: (amountCents: number, discountPercent: number) => number;
+export declare const buildDiscountedPaywallPlans: (input: {
+    plans: readonly PaywallPlan[];
+    couponId: string | null;
+    discountPercent: number | null;
+    currency?: string;
+    locale?: string;
+}) => PaywallDisplayPlan[];
+export declare const getPaywallPromoDisplayName: (referenceMs: number) => string;
+export declare const buildPaywallRenewalDisclaimer: (input: {
+    plan: Pick<PaywallPlan, "priceLabel" | "billingInterval" | "billingIntervalCount">;
+    hasActiveDiscount: boolean;
+    productName?: string;
+}) => string;