@solvapay/react 1.0.8-preview.6 → 1.0.8-preview.8

package/dist/src/components/PlanBadge.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import type { PlanBadgeProps } from '../types';
+/**
+ * Headless Plan Badge Component
+ *
+ * Displays subscription status with complete styling control.
+ * Supports render props, custom components, or className patterns.
+ *
+ * Prevents flickering by hiding the badge during initial load and when no subscription exists.
+ * Shows the badge once loading completes AND an active subscription exists (paid or free).
+ * Badge only updates when the plan name actually changes (prevents unnecessary re-renders).
+ *
+ * Displays the primary active subscription (paid or free) to show current plan status.
+ *
+ * @example
+ * ```tsx
+ * // Render prop pattern
+ * <PlanBadge>
+ *   {({ subscriptions, loading, displayPlan, shouldShow }) => (
+ *     shouldShow ? (
+ *       <div>{displayPlan}</div>
+ *     ) : null
+ *   )}
+ * </PlanBadge>
+ *
+ * //ClassName pattern
+ * <PlanBadge className="badge badge-primary" />
+ * ```
+ */
+export declare const PlanBadge: React.FC<PlanBadgeProps>;
+//# sourceMappingURL=PlanBadge.d.ts.map

package/dist/src/components/PlanBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanBadge.d.ts","sourceRoot":"","sources":["../../../src/components/PlanBadge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAE1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAE9C;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAsH9C,CAAA"}

package/dist/src/components/PlanBadge.js

@@ -0,0 +1,119 @@
+'use client';
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from 'react';
+import { useSubscription } from '../hooks/useSubscription';
+/**
+ * Headless Plan Badge Component
+ *
+ * Displays subscription status with complete styling control.
+ * Supports render props, custom components, or className patterns.
+ *
+ * Prevents flickering by hiding the badge during initial load and when no subscription exists.
+ * Shows the badge once loading completes AND an active subscription exists (paid or free).
+ * Badge only updates when the plan name actually changes (prevents unnecessary re-renders).
+ *
+ * Displays the primary active subscription (paid or free) to show current plan status.
+ *
+ * @example
+ * ```tsx
+ * // Render prop pattern
+ * <PlanBadge>
+ *   {({ subscriptions, loading, displayPlan, shouldShow }) => (
+ *     shouldShow ? (
+ *       <div>{displayPlan}</div>
+ *     ) : null
+ *   )}
+ * </PlanBadge>
+ *
+ * //ClassName pattern
+ * <PlanBadge className="badge badge-primary" />
+ * ```
+ */
+export const PlanBadge = ({ children, as: Component = 'div', className, }) => {
+    const { subscriptions, loading, hasPaidSubscription, activeSubscription } = useSubscription();
+    const [displayPlan, setDisplayPlan] = useState(null);
+    const [hasLoadedOnce, setHasLoadedOnce] = useState(false);
+    // Refs for tracking previous values and preventing race conditions
+    const lastPlanRef = useRef(null);
+    const lastLoadingRef = useRef(true); // Start as true (initial loading state)
+    const previousSubscriptionsRef = useRef(subscriptions);
+    // Use activeSubscription from hook (primary subscription - paid or free)
+    const currentPlanName = activeSubscription?.planName || null;
+    const effectivePlanName = currentPlanName;
+    // Track when loading completes (not when subscriptions exist)
+    // This handles the case where loading finishes but subscriptions array is empty
+    // Also handles the case where loading starts as false (already loaded)
+    useEffect(() => {
+        // Simple: if loading is false, we've loaded (either completed or started as false)
+        // Only set once to avoid unnecessary re-renders
+        if (!loading && !hasLoadedOnce) {
+            setHasLoadedOnce(true);
+        }
+        // Track loading state for potential future use
+        lastLoadingRef.current = loading;
+    }, [loading, hasLoadedOnce]);
+    // Detect customerRef changes (when subscriptions array reference changes)
+    // Reset state when customer changes to prevent stale data
+    // Note: Subscriptions array reference changes when customerRef changes OR when refetching
+    // We reset state conservatively - if loading, state will be restored when loading completes
+    useEffect(() => {
+        const previousSubs = previousSubscriptionsRef.current;
+        // Check if subscriptions array reference changed
+        // This happens when customerRef changes OR when subscriptions are refetched
+        if (previousSubs !== subscriptions) {
+            // Only reset hasLoadedOnce if we're currently loading (new fetch in progress)
+            // If not loading, keep hasLoadedOnce true to prevent flickering on refetches
+            if (loading) {
+                setHasLoadedOnce(false);
+            }
+            // Always reset displayPlan and lastPlanRef when subscriptions change
+            // This ensures we show the latest plan name
+            setDisplayPlan(null);
+            lastPlanRef.current = null;
+            previousSubscriptionsRef.current = subscriptions;
+        }
+    }, [subscriptions, loading]);
+    // Update display plan when plan name changes
+    // Only update when effectivePlanName actually changes (prevents unnecessary re-renders)
+    // Also handle case where effectivePlanName becomes null
+    useEffect(() => {
+        const currentPlan = effectivePlanName;
+        const previousPlan = lastPlanRef.current;
+        if (currentPlan !== previousPlan) {
+            // Plan name changed - update displayPlan
+            if (currentPlan !== null) {
+                lastPlanRef.current = currentPlan;
+                setDisplayPlan(currentPlan);
+            }
+            else {
+                // Plan name became null - clear displayPlan
+                lastPlanRef.current = null;
+                setDisplayPlan(null);
+            }
+        }
+        else if (currentPlan !== null && displayPlan === null) {
+            // Initialize displayPlan if it's null but we have an effectivePlanName
+            // This handles the case where displayPlan was reset but effectivePlanName is still valid
+            setDisplayPlan(currentPlan);
+        }
+    }, [effectivePlanName, displayPlan]);
+    // Determine if badge should be shown
+    // Show if: loading has completed AND we have an active subscription (paid or free)
+    // This ensures badge only appears after initial load completes (prevents flickering)
+    const shouldShow = effectivePlanName !== null && hasLoadedOnce;
+    // Use displayPlan if available, otherwise fall back to effectivePlanName
+    // displayPlan is stable (only changes when plan name actually changes)
+    const planToDisplay = displayPlan ?? effectivePlanName;
+    // If using render prop pattern
+    if (children) {
+        return _jsx(_Fragment, { children: children({ subscriptions, loading, displayPlan: planToDisplay, shouldShow }) });
+    }
+    // Hide badge if we shouldn't show it
+    if (!shouldShow) {
+        return null;
+    }
+    // Determine className
+    const computedClassName = typeof className === 'function' ? className({ subscriptions }) : className;
+    return (_jsx(Component, { className: computedClassName, "data-loading": loading, "data-has-subscription": !!activeSubscription, "data-has-paid-subscription": hasPaidSubscription, role: "status", "aria-live": "polite", "aria-busy": loading, "aria-label": `Current plan: ${planToDisplay}`, children: planToDisplay }));
+};
+//# sourceMappingURL=PlanBadge.js.map

package/dist/src/components/PlanBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanBadge.js","sourceRoot":"","sources":["../../../src/components/PlanBadge.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/PlanSelector.d.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+import type { PlanSelectorProps } from '../types';
+/**
+ * Headless Plan Selector Component
+ *
+ * Provides plan selection logic with complete styling control via render props.
+ * Integrates plan fetching, subscription status, and selection state management.
+ *
+ * Features:
+ * - Fetches and manages plans
+ * - Tracks selected plan
+ * - Provides helpers for checking if plan is current/paid
+ * - Integrates with subscription context
+ *
+ * @example
+ * ```tsx
+ * <PlanSelector
+ *   agentRef="agent_123"
+ *   fetcher={async (agentRef) => {
+ *     const res = await fetch(`/api/list-plans?agentRef=${agentRef}`);
+ *     const data = await res.json();
+ *     return data.plans;
+ *   }}
+ *   sortBy={(a, b) => (a.price || 0) - (b.price || 0)}
+ *   autoSelectFirstPaid
+ * >
+ *   {({ plans, selectedPlan, setSelectedPlanIndex, loading, isPaidPlan, isCurrentPlan }) => (
+ *     <div>
+ *       {loading ? (
+ *         <div>Loading plans...</div>
+ *       ) : (
+ *         plans.map((plan, index) => (
+ *           <button
+ *             key={plan.reference}
+ *             onClick={() => setSelectedPlanIndex(index)}
+ *             disabled={!isPaidPlan(plan.name)}
+ *           >
+ *             {plan.name} - ${plan.price}
+ *             {isCurrentPlan(plan.name) && ' (Current)'}
+ *           </button>
+ *         ))
+ *       )}
+ *     </div>
+ *   )}
+ * </PlanSelector>
+ * ```
+ */
+export declare const PlanSelector: React.FC<PlanSelectorProps>;
+//# sourceMappingURL=PlanSelector.d.ts.map

package/dist/src/components/PlanSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanSelector.d.ts","sourceRoot":"","sources":["../../../src/components/PlanSelector.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+B,MAAM,OAAO,CAAA;AAGnD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAEjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAyDpD,CAAA"}

package/dist/src/components/PlanSelector.js

@@ -0,0 +1,82 @@
+'use client';
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useMemo } from 'react';
+import { usePlans } from '../hooks/usePlans';
+import { useSubscription } from '../hooks/useSubscription';
+/**
+ * Headless Plan Selector Component
+ *
+ * Provides plan selection logic with complete styling control via render props.
+ * Integrates plan fetching, subscription status, and selection state management.
+ *
+ * Features:
+ * - Fetches and manages plans
+ * - Tracks selected plan
+ * - Provides helpers for checking if plan is current/paid
+ * - Integrates with subscription context
+ *
+ * @example
+ * ```tsx
+ * <PlanSelector
+ *   agentRef="agent_123"
+ *   fetcher={async (agentRef) => {
+ *     const res = await fetch(`/api/list-plans?agentRef=${agentRef}`);
+ *     const data = await res.json();
+ *     return data.plans;
+ *   }}
+ *   sortBy={(a, b) => (a.price || 0) - (b.price || 0)}
+ *   autoSelectFirstPaid
+ * >
+ *   {({ plans, selectedPlan, setSelectedPlanIndex, loading, isPaidPlan, isCurrentPlan }) => (
+ *     <div>
+ *       {loading ? (
+ *         <div>Loading plans...</div>
+ *       ) : (
+ *         plans.map((plan, index) => (
+ *           <button
+ *             key={plan.reference}
+ *             onClick={() => setSelectedPlanIndex(index)}
+ *             disabled={!isPaidPlan(plan.name)}
+ *           >
+ *             {plan.name} - ${plan.price}
+ *             {isCurrentPlan(plan.name) && ' (Current)'}
+ *           </button>
+ *         ))
+ *       )}
+ *     </div>
+ *   )}
+ * </PlanSelector>
+ * ```
+ */
+export const PlanSelector = ({ agentRef, fetcher, filter, sortBy, autoSelectFirstPaid, children, }) => {
+    const { subscriptions } = useSubscription();
+    const plansHook = usePlans({
+        agentRef,
+        fetcher,
+        filter,
+        sortBy,
+        autoSelectFirstPaid,
+    });
+    const { plans } = plansHook;
+    // Helper to check if a plan is paid
+    const isPaidPlan = useCallback((planName) => {
+        const plan = plans.find(p => p.name === planName);
+        return plan ? (plan.price ?? 0) > 0 && !plan.isFreeTier : true;
+    }, [plans]);
+    // Get active subscription plan name
+    const activeSubscription = useMemo(() => {
+        const activeSubs = subscriptions.filter(sub => sub.status === 'active');
+        return (activeSubs.sort((a, b) => new Date(b.startDate).getTime() - new Date(a.startDate).getTime())[0] || null);
+    }, [subscriptions]);
+    // Helper to check if a plan is the current subscription
+    const isCurrentPlan = useCallback((planName) => {
+        return activeSubscription?.planName === planName;
+    }, [activeSubscription]);
+    return (_jsx(_Fragment, { children: children({
+            ...plansHook,
+            subscriptions,
+            isPaidPlan,
+            isCurrentPlan,
+        }) }));
+};
+//# sourceMappingURL=PlanSelector.js.map

package/dist/src/components/PlanSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanSelector.js","sourceRoot":"","sources":["../../../src/components/PlanSelector.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AACZ,OAAc,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAG1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,QAAQ,EACR,OAAO,EACP,MAAM,EACN,MAAM,EACN,mBAAmB,EACnB,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EAAE,aAAa,EAAE,GAAG,eAAe,EAAE,CAAA;IAE3C,MAAM,SAAS,GAAG,QAAQ,CAAC;QACzB,QAAQ;QACR,OAAO;QACP,MAAM;QACN,MAAM;QACN,mBAAmB;KACpB,CAAC,CAAA;IAEF,MAAM,EAAE,KAAK,EAAE,GAAG,SAAS,CAAA;IAE3B,oCAAoC;IACpC,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,QAAgB,EAAW,EAAE;QAC5B,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAA;QACjD,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAA;IAChE,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAA;IAED,oCAAoC;IACpC,MAAM,kBAAkB,GAAG,OAAO,CAAC,GAAG,EAAE;QACtC,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAA;QACvE,OAAO,CACL,UAAU,CAAC,IAAI,CACb,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,CAC5E,CAAC,CAAC,CAAC,IAAI,IAAI,CACb,CAAA;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,wDAAwD;IACxD,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,QAAgB,EAAW,EAAE;QAC5B,OAAO,kBAAkB,EAAE,QAAQ,KAAK,QAAQ,CAAA;IAClD,CAAC,EACD,CAAC,kBAAkB,CAAC,CACrB,CAAA;IAED,OAAO,CACL,4BACG,QAAQ,CAAC;YACR,GAAG,SAAS;YACZ,aAAa;YACb,UAAU;YACV,aAAa;SACd,CAAC,GACD,CACJ,CAAA;AACH,CAAC,CAAA"}

package/dist/src/components/Spinner.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+/**
+ * SVG-based spinner component using CSS animations
+ * Uses the same spinner design as the rest of the site
+ */
+export declare const Spinner: React.FC<{
+    className?: string;
+    size?: 'sm' | 'md' | 'lg';
+}>;
+//# sourceMappingURL=Spinner.d.ts.map

package/dist/src/components/Spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAAE,CA2B/E,CAAA"}

package/dist/src/components/Spinner.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * SVG-based spinner component using CSS animations
+ * Uses the same spinner design as the rest of the site
+ */
+export const Spinner = ({ className = '', size = 'md', }) => {
+    const sizeClasses = {
+        sm: 'h-4 w-4',
+        md: 'h-5 w-5',
+        lg: 'h-6 w-6',
+    };
+    return (_jsxs("svg", { className: `animate-spin ${sizeClasses[size]} ${className}`, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", role: "status", "aria-busy": "true", children: [_jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), _jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }));
+};
+//# sourceMappingURL=Spinner.js.map

package/dist/src/components/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/components/Spinner.tsx"],"names":[],"mappings":";AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,OAAO,GAAgE,CAAC,EACnF,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,IAAI,GACZ,EAAE,EAAE;IACH,MAAM,WAAW,GAAG;QAClB,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,SAAS;KACd,CAAA;IAED,OAAO,CACL,eACE,SAAS,EAAE,gBAAgB,WAAW,CAAC,IAAI,CAAC,IAAI,SAAS,EAAE,EAC3D,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,QAAQ,eACH,MAAM,aAEhB,iBAAQ,SAAS,EAAC,YAAY,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,GAAG,EAC9F,eACE,SAAS,EAAC,YAAY,EACtB,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,iHAAiH,GACnH,IACE,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/src/components/StripePaymentFormWrapper.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+interface StripePaymentFormWrapperProps {
+    onSuccess?: (paymentIntent: any) => void | Promise<void>;
+    onError?: (error: Error) => void;
+    returnUrl?: string;
+    submitButtonText?: string;
+    buttonClassName?: string;
+    clientSecret: string;
+}
+/**
+ * Stripe Payment Form Wrapper Component
+ * Renders inside Stripe Elements context and handles the payment flow
+ * All hooks are called unconditionally to comply with React Rules of Hooks
+ */
+export declare const StripePaymentFormWrapper: React.FC<StripePaymentFormWrapperProps>;
+export {};
+//# sourceMappingURL=StripePaymentFormWrapper.d.ts.map

package/dist/src/components/StripePaymentFormWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StripePaymentFormWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/StripePaymentFormWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAKlD,UAAU,6BAA6B;IACrC,SAAS,CAAC,EAAE,CAAC,aAAa,EAAE,GAAG,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACxD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,YAAY,EAAE,MAAM,CAAA;CACrB;AAED;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAuM5E,CAAA"}

package/dist/src/components/StripePaymentFormWrapper.js

@@ -0,0 +1,158 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useStripe, useElements, CardElement } from '@stripe/react-stripe-js';
+import { useCustomer } from '../hooks/useCustomer';
+import { Spinner } from './Spinner';
+/**
+ * Stripe Payment Form Wrapper Component
+ * Renders inside Stripe Elements context and handles the payment flow
+ * All hooks are called unconditionally to comply with React Rules of Hooks
+ */
+export const StripePaymentFormWrapper = ({ onSuccess, onError, returnUrl, submitButtonText = 'Pay Now', buttonClassName, clientSecret, }) => {
+    // Always call hooks unconditionally
+    const stripe = useStripe();
+    const elements = useElements();
+    const customer = useCustomer();
+    const [isProcessing, setIsProcessing] = useState(false);
+    const [message, setMessage] = useState(null);
+    const [cardComplete, setCardComplete] = useState(false);
+    const handleSubmit = async (event) => {
+        event.preventDefault();
+        // Double-check Stripe availability (defensive programming)
+        if (!stripe || !elements) {
+            const errorMessage = 'Stripe is not available. Please refresh the page.';
+            setMessage(errorMessage);
+            if (onError) {
+                onError(new Error(errorMessage));
+            }
+            return;
+        }
+        if (!clientSecret) {
+            const errorMessage = 'Payment intent not available. Please refresh the page.';
+            setMessage(errorMessage);
+            if (onError) {
+                onError(new Error(errorMessage));
+            }
+            return;
+        }
+        setIsProcessing(true);
+        setMessage(null);
+        try {
+            const cardElement = elements.getElement(CardElement);
+            if (!cardElement) {
+                const errorMessage = 'Card element not found';
+                setMessage(errorMessage);
+                setIsProcessing(false);
+                if (onError) {
+                    onError(new Error(errorMessage));
+                }
+                return;
+            }
+            // Confirm the payment using the clientSecret from the payment intent
+            const { error, paymentIntent } = await stripe.confirmCardPayment(clientSecret, {
+                payment_method: {
+                    card: cardElement,
+                    billing_details: {
+                        email: customer.email,
+                        name: customer.name,
+                    },
+                },
+            });
+            if (error) {
+                // Show error to customer (e.g., payment details are invalid)
+                const errorMessage = error.message || 'An unexpected error occurred.';
+                setMessage(errorMessage);
+                setIsProcessing(false);
+                if (onError) {
+                    onError(new Error(errorMessage));
+                }
+            }
+            else if (paymentIntent && paymentIntent.status === 'succeeded') {
+                // Payment succeeded on Stripe side - now wait for backend processing
+                // Don't show any message during processing - wait for backend to confirm
+                setMessage(null);
+                if (onSuccess) {
+                    try {
+                        // Wait for backend processing to complete
+                        await onSuccess(paymentIntent);
+                        // Backend processing completed - now show success
+                        setMessage('Payment successful!');
+                    }
+                    catch (err) {
+                        // Backend processing failed
+                        const error = err instanceof Error ? err : new Error('Payment processing failed');
+                        setMessage('Payment processing failed. Please try again or contact support.');
+                        setIsProcessing(false);
+                        if (onError) {
+                            onError(error);
+                        }
+                        return;
+                    }
+                }
+                else {
+                    // No onSuccess callback - show success immediately
+                    setMessage('Payment successful!');
+                }
+            }
+            else if (paymentIntent && paymentIntent.status === 'requires_action') {
+                // Payment requires additional action (3D Secure, etc.)
+                setMessage('Payment requires additional authentication. Please complete the verification.');
+                setIsProcessing(false);
+            }
+            else if (paymentIntent) {
+                // Payment is processing or requires additional action
+                setMessage(`Payment status: ${paymentIntent.status || 'processing'}`);
+                setIsProcessing(false);
+            }
+        }
+        catch (err) {
+            const error = err instanceof Error ? err : new Error('Unknown error occurred');
+            setMessage(error.message);
+            if (onError) {
+                onError(error);
+            }
+        }
+        finally {
+            setIsProcessing(false);
+        }
+    };
+    const isSuccess = message?.includes('successful') ?? false;
+    const isReady = !!(stripe && elements);
+    // Card element options for minimal styling
+    const cardElementOptions = {
+        style: {
+            base: {
+                fontSize: '16px',
+                color: '#424770',
+                '::placeholder': {
+                    color: '#aab7c4',
+                },
+            },
+            invalid: {
+                color: '#9e2146',
+            },
+        },
+        hidePostalCode: true,
+    };
+    return (_jsxs(_Fragment, { children: [isReady ? (_jsx(CardElement, { options: cardElementOptions, onChange: e => {
+                    if (e.error) {
+                        setMessage(e.error.message);
+                        setCardComplete(false);
+                    }
+                    else {
+                        setMessage(null);
+                        setCardComplete(e.complete);
+                    }
+                } })) : (_jsx("div", { style: {
+                    padding: '12px',
+                    border: '1px solid #cbd5e1',
+                    borderRadius: '0.375rem',
+                    backgroundColor: 'white',
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    minHeight: '40px',
+                }, children: _jsx(Spinner, { size: "sm" }) })), message && !isSuccess && (_jsx("div", { role: "alert", "aria-live": "assertive", "aria-atomic": "true", children: message })), _jsx("button", { type: "submit", disabled: !isReady || !cardComplete || isProcessing || !clientSecret, className: buttonClassName, "aria-busy": isProcessing, "aria-disabled": !isReady || !cardComplete || isProcessing || !clientSecret, onClick: handleSubmit, children: isProcessing ? (_jsxs(_Fragment, { children: [_jsx(Spinner, { size: "sm" }), _jsx("span", { children: "Processing..." })] })) : (submitButtonText) })] }));
+};
+//# sourceMappingURL=StripePaymentFormWrapper.js.map

package/dist/src/components/StripePaymentFormWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StripePaymentFormWrapper.js","sourceRoot":"","sources":["../../../src/components/StripePaymentFormWrapper.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/SubscriptionGate.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { SubscriptionGateProps } from '../types';
+/**
+ * Headless Subscription Gate Component
+ *
+ * Controls access to content based on subscription status.
+ * Uses render props to give developers full control over locked/unlocked states.
+ *
+ * @example
+ * ```tsx
+ * <SubscriptionGate requirePlan="Pro Plan">
+ *   {({ hasAccess, loading }) => {
+ *     if (loading) return <Skeleton />;
+ *     if (!hasAccess) return <Paywall />;
+ *     return <PremiumContent />;
+ *   }}
+ * </SubscriptionGate>
+ * ```
+ */
+export declare const SubscriptionGate: React.FC<SubscriptionGateProps>;
+//# sourceMappingURL=SubscriptionGate.d.ts.map

package/dist/src/components/SubscriptionGate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubscriptionGate.d.ts","sourceRoot":"","sources":["../../../src/components/SubscriptionGate.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;AAErD;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAgB5D,CAAA"}

package/dist/src/components/SubscriptionGate.js

@@ -0,0 +1,32 @@
+'use client';
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useSubscription } from '../hooks/useSubscription';
+/**
+ * Headless Subscription Gate Component
+ *
+ * Controls access to content based on subscription status.
+ * Uses render props to give developers full control over locked/unlocked states.
+ *
+ * @example
+ * ```tsx
+ * <SubscriptionGate requirePlan="Pro Plan">
+ *   {({ hasAccess, loading }) => {
+ *     if (loading) return <Skeleton />;
+ *     if (!hasAccess) return <Paywall />;
+ *     return <PremiumContent />;
+ *   }}
+ * </SubscriptionGate>
+ * ```
+ */
+export const SubscriptionGate = ({ requirePlan, children }) => {
+    const { subscriptions, loading, hasPlan } = useSubscription();
+    const hasAccess = requirePlan
+        ? hasPlan(requirePlan)
+        : subscriptions.some(sub => sub.status === 'active');
+    return (_jsx(_Fragment, { children: children({
+            hasAccess,
+            subscriptions,
+            loading,
+        }) }));
+};
+//# sourceMappingURL=SubscriptionGate.js.map

package/dist/src/components/SubscriptionGate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubscriptionGate.js","sourceRoot":"","sources":["../../../src/components/SubscriptionGate.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAG1D;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC7F,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,eAAe,EAAE,CAAA;IAE7D,MAAM,SAAS,GAAG,WAAW;QAC3B,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC;QACtB,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAA;IAEtD,OAAO,CACL,4BACG,QAAQ,CAAC;YACR,SAAS;YACT,aAAa;YACb,OAAO;SACR,CAAC,GACD,CACJ,CAAA;AACH,CAAC,CAAA"}

package/dist/src/hooks/__tests__/useSubscription.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=useSubscription.test.d.ts.map

package/dist/src/hooks/__tests__/useSubscription.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSubscription.test.d.ts","sourceRoot":"","sources":["../../../../src/hooks/__tests__/useSubscription.test.tsx"],"names":[],"mappings":""}