@tagadapay/plugin-sdk 2.8.8 → 2.8.9

package/dist/v2/core/utils/jwtDecoder.js

@@ -0,0 +1,85 @@
+/**
+ * Decode a JWT token to extract session information
+ * This is a simple client-side decoder - do not use for security validation
+ */
+export function decodeJWTClient(token) {
+    try {
+        // Split the token into parts
+        const parts = token.split('.');
+        if (parts.length !== 3) {
+            console.error('Invalid JWT token format');
+            return null;
+        }
+        // Decode the payload (second part)
+        const payload = parts[1];
+        // Add padding if needed
+        const paddedPayload = payload + '='.repeat((4 - (payload.length % 4)) % 4);
+        // Decode base64
+        const decoded = atob(paddedPayload);
+        // Parse JSON
+        const parsedPayload = JSON.parse(decoded);
+        // Check if token is expired
+        if (parsedPayload.exp && Date.now() >= parsedPayload.exp * 1000) {
+            console.warn('JWT token is expired');
+            return null;
+        }
+        // Return session data
+        return {
+            sessionId: parsedPayload.sessionId,
+            storeId: parsedPayload.storeId,
+            accountId: parsedPayload.accountId,
+            customerId: parsedPayload.customerId,
+            role: parsedPayload.role,
+            isValid: true,
+            isLoading: false,
+        };
+    }
+    catch (error) {
+        console.error('Failed to decode JWT token:', error);
+        return null;
+    }
+}
+/**
+ * Check if a JWT token is expired
+ */
+export function isTokenExpired(token) {
+    try {
+        const parts = token.split('.');
+        if (parts.length !== 3)
+            return true;
+        const payload = parts[1];
+        const paddedPayload = payload + '='.repeat((4 - (payload.length % 4)) % 4);
+        const decoded = atob(paddedPayload);
+        const parsedPayload = JSON.parse(decoded);
+        if (parsedPayload.exp) {
+            return Date.now() >= parsedPayload.exp * 1000;
+        }
+        return false;
+    }
+    catch (error) {
+        console.error('Failed to check token expiration:', error);
+        return true;
+    }
+}
+/**
+ * Get token expiration time
+ */
+export function getTokenExpiration(token) {
+    try {
+        const parts = token.split('.');
+        if (parts.length !== 3)
+            return null;
+        const payload = parts[1];
+        const paddedPayload = payload + '='.repeat((4 - (payload.length % 4)) % 4);
+        const decoded = atob(paddedPayload);
+        const parsedPayload = JSON.parse(decoded);
+        if (parsedPayload.exp) {
+            return new Date(parsedPayload.exp * 1000);
+        }
+        return null;
+    }
+    catch (error) {
+        console.error('Failed to get token expiration:', error);
+        return null;
+    }
+}

package/dist/v2/core/utils/pluginConfig.js

@@ -8,6 +8,12 @@ import { resolveEnvValue } from './env';
  */
 const loadLocalDevConfig = async (configVariant = 'default') => {
     try {
+        // Check for explicit environment override
+        const env = resolveEnvValue('TAGADA_ENV') || resolveEnvValue('TAGADA_ENVIRONMENT');
+        if (env === 'production') {
+            // Skip local config loading if explicitly in production mode
+            return null;
+        }
         // Only try to load local config in development
         // Use hostname-based detection for better Vite compatibility
         const isLocalDev = typeof window !== 'undefined' &&

package/dist/v2/core/utils/tokenStorage.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Client-side token storage utilities
+ */
+/**
+ * Set the CMS token in localStorage
+ */
+export declare function setClientToken(token: string): void;
+/**
+ * Get the CMS token from localStorage
+ */
+export declare function getClientToken(): string | null;
+/**
+ * Clear the CMS token from localStorage
+ */
+export declare function clearClientToken(): void;
+/**
+ * Check if a token exists in localStorage
+ */
+export declare function hasClientToken(): boolean;

package/dist/v2/core/utils/tokenStorage.js

@@ -0,0 +1,52 @@
+/**
+ * Client-side token storage utilities
+ */
+const TOKEN_KEY = 'cms_token';
+/**
+ * Set the CMS token in localStorage
+ */
+export function setClientToken(token) {
+    if (typeof window !== 'undefined') {
+        try {
+            localStorage.setItem(TOKEN_KEY, token);
+            window.dispatchEvent(new Event('storage'));
+        }
+        catch (error) {
+            console.error('Failed to save token to localStorage:', error);
+        }
+    }
+}
+/**
+ * Get the CMS token from localStorage
+ */
+export function getClientToken() {
+    if (typeof window !== 'undefined') {
+        try {
+            return localStorage.getItem(TOKEN_KEY);
+        }
+        catch (error) {
+            console.error('Failed to get token from localStorage:', error);
+            return null;
+        }
+    }
+    return null;
+}
+/**
+ * Clear the CMS token from localStorage
+ */
+export function clearClientToken() {
+    if (typeof window !== 'undefined') {
+        try {
+            localStorage.removeItem(TOKEN_KEY);
+        }
+        catch (error) {
+            console.error('Failed to clear token from localStorage:', error);
+        }
+    }
+}
+/**
+ * Check if a token exists in localStorage
+ */
+export function hasClientToken() {
+    return !!getClientToken();
+}

package/dist/v2/react/components/DebugDrawer.js

@@ -582,7 +582,96 @@ export const DebugDrawer = ({ isOpen, onClose }) => {
                                                                                     color: isCurrent ? '#d1fae5' : '#9ca3af',
                                                                                     marginLeft: '8px',
                                                                                 }, children: ["\u2022 ", cond.type, " \u2192 ", cond.nextStepId] }, condIdx)))] }))] }, step.id));
-                                                        }) })] })), _jsxs("div", { style: { marginTop: '12px' }, children: [_jsx("h4", { style: { margin: '0 0 8px 0', color: '#60a5fa', fontSize: '13px' }, children: "\uD83D\uDD0D Raw Data" }), _jsx("div", { style: { fontSize: '11px' }, children: _jsx(TreeView, { data: context.debugFunnel.data, name: "funnelData" }) })] })] })) : (_jsx("p", { style: { color: '#6b7280' }, children: "No funnel hook active" }))] })), activeTab === 'checkout' && (_jsxs("div", { children: [_jsx("h3", { style: { margin: '0 0 16px 0', color: '#60a5fa' }, children: "Checkout Debug" }), context.debugCheckout.isActive ? (_jsxs("div", { children: [_jsxs("div", { style: { marginBottom: '20px' }, children: [_jsx("h4", { style: { margin: '0 0 12px 0', color: '#60a5fa' }, children: "Status" }), _jsxs("div", { style: { display: 'grid', gap: '8px' }, children: [_jsxs("div", { style: { display: 'flex', justifyContent: 'space-between' }, children: [_jsx("span", { children: "Hook Active:" }), _jsx("span", { style: { color: '#10b981' }, children: "\u2705 Yes" })] }), _jsxs("div", { style: { display: 'flex', justifyContent: 'space-between' }, children: [_jsx("span", { children: "Loading:" }), _jsx("span", { style: { color: context.debugCheckout.isLoading ? '#f59e0b' : '#10b981' }, children: context.debugCheckout.isLoading ? '⏳ Yes' : '✅ No' })] }), _jsxs("div", { style: { display: 'flex', justifyContent: 'space-between' }, children: [_jsx("span", { children: "Has Error:" }), _jsx("span", { style: { color: context.debugCheckout.error ? '#ef4444' : '#10b981' }, children: context.debugCheckout.error ? '❌ Yes' : '✅ No' })] }), _jsxs("div", { style: { display: 'flex', justifyContent: 'space-between' }, children: [_jsx("span", { children: "Last Updated:" }), _jsx("span", { style: { color: '#9ca3af', fontSize: '12px' }, children: context.debugCheckout.lastUpdated?.toLocaleTimeString() || 'Never' })] })] })] }), context.debugCheckout.error && (_jsxs("div", { style: { marginBottom: '20px' }, children: [_jsx("h4", { style: { margin: '0 0 12px 0', color: '#ef4444' }, children: "Error Details" }), _jsxs("div", { style: {
+                                                        }) })] })), context.debugFunnel.data?.session && (_jsxs("div", { style: { marginBottom: '16px' }, children: [_jsx("h4", { style: { margin: '0 0 8px 0', color: '#60a5fa', fontSize: '13px' }, children: "\uD83D\uDCE6 Resources & Context" }), context.debugFunnel.data.session.resources &&
+                                                        Object.keys(context.debugFunnel.data.session.resources).length > 0 && (_jsxs("div", { style: { marginBottom: '12px' }, children: [_jsxs("div", { style: {
+                                                                    fontSize: '11px',
+                                                                    color: '#10b981',
+                                                                    fontWeight: 'bold',
+                                                                    marginBottom: '6px',
+                                                                }, children: ["\uD83C\uDFAF Available Resources (", Object.keys(context.debugFunnel.data.session.resources).length, ")"] }), _jsx("div", { style: { display: 'grid', gap: '8px' }, children: Object.entries(context.debugFunnel.data.session.resources).map(([key, value]) => {
+                                                                    // Skip undefined/null resources
+                                                                    if (value === undefined || value === null)
+                                                                        return null;
+                                                                    // Check if it's an array or single resource
+                                                                    const isArray = Array.isArray(value);
+                                                                    const resourceCount = isArray ? value.length : 1;
+                                                                    return (_jsxs("div", { style: {
+                                                                            border: '1px solid #374151',
+                                                                            borderRadius: '6px',
+                                                                            padding: '10px',
+                                                                            backgroundColor: '#111827',
+                                                                        }, children: [_jsxs("div", { style: {
+                                                                                    display: 'flex',
+                                                                                    justifyContent: 'space-between',
+                                                                                    alignItems: 'center',
+                                                                                    marginBottom: '8px',
+                                                                                }, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '6px' }, children: [_jsx("span", { style: { color: '#10b981', fontSize: '14px' }, children: key === 'order' || key === 'mainOrder'
+                                                                                                    ? '🛒'
+                                                                                                    : key === 'customer'
+                                                                                                        ? '👤'
+                                                                                                        : key === 'checkout'
+                                                                                                            ? '💳'
+                                                                                                            : key === 'offer'
+                                                                                                                ? '🎁'
+                                                                                                                : key === 'subscription'
+                                                                                                                    ? '🔄'
+                                                                                                                    : '📄' }), _jsx("span", { style: {
+                                                                                                    color: '#f9fafb',
+                                                                                                    fontWeight: 'bold',
+                                                                                                    fontSize: '12px',
+                                                                                                }, children: key }), isArray && (_jsxs("span", { style: {
+                                                                                                    fontSize: '10px',
+                                                                                                    backgroundColor: '#3b82f6',
+                                                                                                    color: '#fff',
+                                                                                                    padding: '2px 6px',
+                                                                                                    borderRadius: '3px',
+                                                                                                }, children: [resourceCount, " items"] }))] }), !isArray && value && typeof value === 'object' && (_jsx("div", { style: { fontSize: '10px', color: '#9ca3af' }, children: value.id && (_jsx("span", { style: { fontFamily: 'monospace' }, children: value.id })) }))] }), !isArray && value && typeof value === 'object' && (_jsxs("div", { style: {
+                                                                                    display: 'grid',
+                                                                                    gridTemplateColumns: '1fr 1fr',
+                                                                                    gap: '6px',
+                                                                                    fontSize: '11px',
+                                                                                    marginBottom: '8px',
+                                                                                }, children: [value.amount !== undefined && (_jsxs("div", { children: [_jsx("span", { style: { color: '#6b7280' }, children: "Amount: " }), _jsx("span", { style: { color: '#10b981', fontWeight: 'bold' }, children: (() => {
+                                                                                                    try {
+                                                                                                        return context.money.formatMoney(Number(value.amount) || 0, String(value.currency) || 'USD', context.locale.locale);
+                                                                                                    }
+                                                                                                    catch {
+                                                                                                        return `${value.amount} ${value.currency || ''}`;
+                                                                                                    }
+                                                                                                })() })] })), value.email !== undefined && (_jsxs("div", { children: [_jsx("span", { style: { color: '#6b7280' }, children: "Email: " }), _jsx("span", { style: { color: '#60a5fa' }, children: value.email })] })), value.status !== undefined && (_jsxs("div", { children: [_jsx("span", { style: { color: '#6b7280' }, children: "Status: " }), _jsx("span", { style: { color: '#f59e0b' }, children: value.status })] })), value.currency !== undefined && (_jsxs("div", { children: [_jsx("span", { style: { color: '#6b7280' }, children: "Currency: " }), _jsx("span", { style: { color: '#8b5cf6' }, children: value.currency })] }))] })), _jsxs("details", { style: { marginTop: '6px' }, children: [_jsx("summary", { style: {
+                                                                                            cursor: 'pointer',
+                                                                                            fontSize: '10px',
+                                                                                            color: '#60a5fa',
+                                                                                            fontWeight: 'bold',
+                                                                                        }, children: "Show Full Data" }), _jsx("div", { style: { marginTop: '6px', fontSize: '10px' }, children: _jsx(TreeView, { data: value, name: key, maxLevel: 3 }) })] })] }, key));
+                                                                }) })] })), context.debugFunnel.data.session.metadata &&
+                                                        Object.keys(context.debugFunnel.data.session.metadata).length > 0 && (_jsxs("div", { style: { marginBottom: '12px' }, children: [_jsxs("div", { style: {
+                                                                    fontSize: '11px',
+                                                                    color: '#8b5cf6',
+                                                                    fontWeight: 'bold',
+                                                                    marginBottom: '6px',
+                                                                }, children: ["\uD83D\uDCDD Session Metadata (", Object.keys(context.debugFunnel.data.session.metadata).length, ")"] }), _jsx("div", { style: {
+                                                                    border: '1px solid #374151',
+                                                                    borderRadius: '6px',
+                                                                    padding: '10px',
+                                                                    backgroundColor: '#111827',
+                                                                }, children: _jsx(TreeView, { data: context.debugFunnel.data.session.metadata, name: "metadata", maxLevel: 2 }) })] })), _jsxs("div", { style: { marginBottom: '12px' }, children: [_jsx("div", { style: {
+                                                                    fontSize: '11px',
+                                                                    color: '#f59e0b',
+                                                                    fontWeight: 'bold',
+                                                                    marginBottom: '6px',
+                                                                }, children: "\u2139\uFE0F Session Context" }), _jsx("div", { style: {
+                                                                    border: '1px solid #374151',
+                                                                    borderRadius: '6px',
+                                                                    padding: '10px',
+                                                                    backgroundColor: '#111827',
+                                                                }, children: _jsxs("div", { style: { display: 'grid', gap: '6px', fontSize: '11px' }, children: [_jsxs("div", { style: { display: 'flex', justifyContent: 'space-between' }, children: [_jsx("span", { style: { color: '#6b7280' }, children: "Customer ID:" }), _jsx("span", { style: { color: '#60a5fa', fontFamily: 'monospace', fontSize: '10px' }, children: context.debugFunnel.data.session.customerId })] }), _jsxs("div", { style: { display: 'flex', justifyContent: 'space-between' }, children: [_jsx("span", { style: { color: '#6b7280' }, children: "Store ID:" }), _jsx("span", { style: { color: '#60a5fa', fontFamily: 'monospace', fontSize: '10px' }, children: context.debugFunnel.data.session.storeId })] }), context.debugFunnel.data.session.environment && (_jsxs("div", { style: { display: 'flex', justifyContent: 'space-between' }, children: [_jsx("span", { style: { color: '#6b7280' }, children: "Environment:" }), _jsx("span", { style: { color: '#10b981' }, children: context.debugFunnel.data.session.environment })] })), context.debugFunnel.data.session.startedAt && (_jsxs("div", { style: { display: 'flex', justifyContent: 'space-between' }, children: [_jsx("span", { style: { color: '#6b7280' }, children: "Started At:" }), _jsx("span", { style: { color: '#9ca3af', fontSize: '10px' }, children: new Date(context.debugFunnel.data.session.startedAt).toLocaleString() })] })), context.debugFunnel.data.session.lastActivityAt && (_jsxs("div", { style: { display: 'flex', justifyContent: 'space-between' }, children: [_jsx("span", { style: { color: '#6b7280' }, children: "Last Activity:" }), _jsx("span", { style: { color: '#9ca3af', fontSize: '10px' }, children: new Date(context.debugFunnel.data.session.lastActivityAt).toLocaleString() })] }))] }) })] })] })), _jsxs("details", { style: { marginTop: '12px' }, children: [_jsx("summary", { style: {
+                                                            cursor: 'pointer',
+                                                            fontWeight: 'bold',
+                                                            fontSize: '13px',
+                                                            color: '#60a5fa',
+                                                            marginBottom: '8px',
+                                                        }, children: "\uD83D\uDD0D Raw Funnel Data (Debug)" }), _jsx("div", { style: { fontSize: '11px', marginTop: '8px' }, children: _jsx(TreeView, { data: context.debugFunnel.data, name: "funnelData", maxLevel: 4 }) })] })] })) : (_jsx("p", { style: { color: '#6b7280' }, children: "No funnel hook active" }))] })), activeTab === 'checkout' && (_jsxs("div", { children: [_jsx("h3", { style: { margin: '0 0 16px 0', color: '#60a5fa' }, children: "Checkout Debug" }), context.debugCheckout.isActive ? (_jsxs("div", { children: [_jsxs("div", { style: { marginBottom: '20px' }, children: [_jsx("h4", { style: { margin: '0 0 12px 0', color: '#60a5fa' }, children: "Status" }), _jsxs("div", { style: { display: 'grid', gap: '8px' }, children: [_jsxs("div", { style: { display: 'flex', justifyContent: 'space-between' }, children: [_jsx("span", { children: "Hook Active:" }), _jsx("span", { style: { color: '#10b981' }, children: "\u2705 Yes" })] }), _jsxs("div", { style: { display: 'flex', justifyContent: 'space-between' }, children: [_jsx("span", { children: "Loading:" }), _jsx("span", { style: { color: context.debugCheckout.isLoading ? '#f59e0b' : '#10b981' }, children: context.debugCheckout.isLoading ? '⏳ Yes' : '✅ No' })] }), _jsxs("div", { style: { display: 'flex', justifyContent: 'space-between' }, children: [_jsx("span", { children: "Has Error:" }), _jsx("span", { style: { color: context.debugCheckout.error ? '#ef4444' : '#10b981' }, children: context.debugCheckout.error ? '❌ Yes' : '✅ No' })] }), _jsxs("div", { style: { display: 'flex', justifyContent: 'space-between' }, children: [_jsx("span", { children: "Last Updated:" }), _jsx("span", { style: { color: '#9ca3af', fontSize: '12px' }, children: context.debugCheckout.lastUpdated?.toLocaleTimeString() || 'Never' })] })] })] }), context.debugCheckout.error && (_jsxs("div", { style: { marginBottom: '20px' }, children: [_jsx("h4", { style: { margin: '0 0 12px 0', color: '#ef4444' }, children: "Error Details" }), _jsxs("div", { style: {
                                                             backgroundColor: '#372c2c',
                                                             padding: '12px',
                                                             borderRadius: '4px',

package/dist/v2/react/hooks/__examples__/FunnelContextExample.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Example: Accessing Funnel Context & Resources
+ *
+ * This example demonstrates how to access data from previous steps
+ * using the funnel context, including order, customer, and other resources.
+ */
+export declare function FunnelContextExample(): import("react/jsx-runtime").JSX.Element;
+/**
+ * Simple example for documentation
+ * This can now be called with or without options
+ */
+export declare function SimpleContextExample(): import("react/jsx-runtime").JSX.Element;

package/dist/v2/react/hooks/__examples__/FunnelContextExample.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Example: Accessing Funnel Context & Resources
+ *
+ * This example demonstrates how to access data from previous steps
+ * using the funnel context, including order, customer, and other resources.
+ */
+import { useFunnel } from '../useFunnel';
+export function FunnelContextExample() {
+    const { context, isLoading, isInitialized } = useFunnel({
+        autoInitialize: true,
+    });
+    if (isLoading) {
+        return _jsx("div", { children: "Loading funnel session..." });
+    }
+    if (!isInitialized || !context) {
+        return _jsx("div", { children: "Funnel not initialized" });
+    }
+    // Access resources from context
+    const order = context.resources?.order;
+    const customer = context.resources?.customer;
+    const checkout = context.resources?.checkout;
+    const orders = context.resources?.orders || [];
+    return (_jsxs("div", { style: { padding: '20px', fontFamily: 'sans-serif' }, children: [_jsx("h1", { children: "Funnel Context Example" }), _jsxs("section", { style: { marginBottom: '30px' }, children: [_jsx("h2", { children: "Session Info" }), _jsxs("ul", { children: [_jsxs("li", { children: [_jsx("strong", { children: "Session ID:" }), " ", context.sessionId] }), _jsxs("li", { children: [_jsx("strong", { children: "Funnel ID:" }), " ", context.funnelId] }), _jsxs("li", { children: [_jsx("strong", { children: "Current Step:" }), " ", context.currentStepId] }), _jsxs("li", { children: [_jsx("strong", { children: "Previous Step:" }), " ", context.previousStepId || 'None'] }), _jsxs("li", { children: [_jsx("strong", { children: "Furthest Step:" }), " ", context.furthestStepId || 'None'] }), _jsxs("li", { children: [_jsx("strong", { children: "Environment:" }), " ", context.environment || 'Not set'] })] })] }), _jsxs("section", { style: { marginBottom: '30px' }, children: [_jsx("h2", { children: "Resources" }), order && (_jsxs("div", { style: { marginBottom: '20px', padding: '15px', border: '1px solid #ddd', borderRadius: '5px' }, children: [_jsx("h3", { children: "Order (Hot Context)" }), _jsx("pre", { style: { background: '#f5f5f5', padding: '10px', borderRadius: '3px', overflow: 'auto' }, children: JSON.stringify(order, null, 2) })] })), customer && (_jsxs("div", { style: { marginBottom: '20px', padding: '15px', border: '1px solid #ddd', borderRadius: '5px' }, children: [_jsx("h3", { children: "Customer" }), _jsx("pre", { style: { background: '#f5f5f5', padding: '10px', borderRadius: '3px', overflow: 'auto' }, children: JSON.stringify(customer, null, 2) })] })), checkout && (_jsxs("div", { style: { marginBottom: '20px', padding: '15px', border: '1px solid #ddd', borderRadius: '5px' }, children: [_jsx("h3", { children: "Checkout" }), _jsx("pre", { style: { background: '#f5f5f5', padding: '10px', borderRadius: '3px', overflow: 'auto' }, children: JSON.stringify(checkout, null, 2) })] })), orders.length > 0 && (_jsxs("div", { style: { marginBottom: '20px', padding: '15px', border: '1px solid #ddd', borderRadius: '5px' }, children: [_jsxs("h3", { children: ["Orders Collection (", orders.length, " orders)"] }), orders.map((o, index) => (_jsxs("div", { style: { marginBottom: '10px' }, children: [_jsxs("strong", { children: ["Order ", index + 1, ":"] }), _jsx("pre", { style: {
+                                            background: '#f5f5f5',
+                                            padding: '10px',
+                                            borderRadius: '3px',
+                                            marginTop: '5px',
+                                            overflow: 'auto',
+                                        }, children: JSON.stringify(o, null, 2) })] }, o.id || index)))] })), _jsxs("details", { style: { marginTop: '20px' }, children: [_jsx("summary", { style: { cursor: 'pointer', fontWeight: 'bold' }, children: "Show All Resources (Raw)" }), _jsx("pre", { style: {
+                                    background: '#f5f5f5',
+                                    padding: '10px',
+                                    borderRadius: '3px',
+                                    marginTop: '10px',
+                                    overflow: 'auto',
+                                }, children: JSON.stringify(context.resources, null, 2) })] })] }), context.metadata && Object.keys(context.metadata).length > 0 && (_jsxs("section", { style: { marginBottom: '30px' }, children: [_jsx("h2", { children: "Metadata" }), _jsx("pre", { style: { background: '#f5f5f5', padding: '10px', borderRadius: '3px', overflow: 'auto' }, children: JSON.stringify(context.metadata, null, 2) })] })), _jsxs("details", { children: [_jsx("summary", { style: { cursor: 'pointer', fontWeight: 'bold' }, children: "Show Full Context (Debug)" }), _jsx("pre", { style: {
+                            background: '#f5f5f5',
+                            padding: '10px',
+                            borderRadius: '3px',
+                            marginTop: '10px',
+                            overflow: 'auto',
+                        }, children: JSON.stringify(context, null, 2) })] })] }));
+}
+/**
+ * Simple example for documentation
+ * This can now be called with or without options
+ */
+export function SimpleContextExample() {
+    const funnel = useFunnel(); // Works without params!
+    // Access data from previous steps
+    const order = funnel.context?.resources?.order;
+    const customer = funnel.context?.resources?.customer;
+    return (_jsxs("div", { children: [_jsxs("h1", { children: ["Order ", order?.id] }), _jsxs("p", { children: ["Customer: ", customer?.email] }), _jsxs("p", { children: ["Amount: $", ((order?.amount || 0) / 100).toFixed(2)] })] }));
+}

package/dist/v2/react/hooks/useFunnel.d.ts

@@ -37,7 +37,7 @@ export interface UseFunnelResult {
  * Modern funnel navigation using TanStack Query for state management
  * and the v2 ApiClient architecture.
  */
-export declare function useFunnel(options: UseFunnelOptions): UseFunnelResult;
+export declare function useFunnel(options?: UseFunnelOptions): UseFunnelResult;
 /**
  * Simplified funnel hook for basic step tracking (v2)
  */