@tagadapay/plugin-sdk 2.4.16 → 2.4.18

package/dist/react/hooks/useCustomer.d.ts

@@ -1,7 +1,11 @@
 import { Customer } from '../types';
-export declare function useCustomer(): {
+export interface UseCustomerOptions {
+    autoFetch?: boolean;
+}
+export declare function useCustomer({ autoFetch }: UseCustomerOptions): {
     customer: Customer | null;
     isAuthenticated: boolean;
     isLoading: boolean;
     isAnonymous: boolean;
+    refreshSession: (token?: string) => Promise<void>;
 };

package/dist/react/hooks/useCustomer.js

@@ -3,12 +3,13 @@
  * useCustomer - Hook to access current customer data
  */
 import { useTagadaContext } from '../providers/TagadaProvider';
-export function useCustomer() {
-    const { customer, isLoading } = useTagadaContext();
+export function useCustomer({ autoFetch = false }) {
+    const { customer, isLoading, refreshSession } = useTagadaContext();
     return {
         customer,
         isAuthenticated: customer?.isAuthenticated || false,
         isLoading,
         isAnonymous: customer?.role === 'anonymous',
+        refreshSession,
     };
 }

package/dist/react/hooks/useSessionRefresh.d.ts

@@ -0,0 +1,6 @@
+export interface UseSessionRefreshResult {
+    refreshSession: (token?: string) => Promise<void>;
+    isLoading: boolean;
+    isSessionInitialized: boolean;
+}
+export declare function useSessionRefresh(): UseSessionRefreshResult;

package/dist/react/hooks/useSessionRefresh.js

@@ -0,0 +1,16 @@
+'use client';
+/**
+ * useSessionRefresh - Hook to refresh the current session
+ *
+ * This hook provides a convenient way to refresh the current session,
+ * which will create a new anonymous token and reinitialize the session.
+ */
+import { useTagadaContext } from '../providers/TagadaProvider';
+export function useSessionRefresh() {
+    const { refreshSession, isLoading, isSessionInitialized } = useTagadaContext();
+    return {
+        refreshSession,
+        isLoading,
+        isSessionInitialized,
+    };
+}

package/dist/react/providers/TagadaProvider.d.ts

@@ -2,10 +2,10 @@
  * TagadaProvider - Main provider component for the Tagada Pay React SDK
  */
 import { ReactNode } from 'react';
-import { Customer, Session, AuthState, Locale, Currency, Store, Environment, EnvironmentConfig } from '../types';
-import { ApiService } from '../services/apiService';
 import { PluginConfig } from '../hooks/usePluginConfig';
-import { formatMoney, getCurrencyInfo, moneyStringOrNumberToMinorUnits, minorUnitsToMajorUnits, formatMoneyWithoutSymbol, convertCurrency, formatSimpleMoney } from '../utils/money';
+import { ApiService } from '../services/apiService';
+import { AuthState, Currency, Customer, Environment, EnvironmentConfig, Locale, Session, Store } from '../types';
+import { convertCurrency, formatMoney, formatMoneyWithoutSymbol, formatSimpleMoney, getCurrencyInfo, minorUnitsToMajorUnits, moneyStringOrNumberToMinorUnits } from '../utils/money';
 interface TagadaContextValue {
     auth: AuthState;
     session: Session | null;
@@ -29,6 +29,7 @@ interface TagadaContextValue {
         lastUpdated: Date | null;
     };
     updateCheckoutDebugData: (data: any, error?: Error | null, isLoading?: boolean) => void;
+    refreshSession: (token?: string) => Promise<void>;
     refreshCoordinator: {
         registerCheckoutRefresh: (refreshFn: () => Promise<void>) => void;
         registerOrderBumpRefresh: (refreshFn: () => Promise<void>) => void;

package/dist/react/providers/TagadaProvider.js

@@ -3,15 +3,15 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 /**
  * TagadaProvider - Main provider component for the Tagada Pay React SDK
  */
-import { createContext, useContext, useState, useEffect, useRef, useCallback, useMemo, } from 'react';
-import { getEnvironmentConfig, detectEnvironment } from '../config/environment';
-import { ApiService } from '../services/apiService';
-import { setClientToken, getClientToken, clearClientToken } from '../utils/tokenStorage';
-import { decodeJWTClient, isTokenExpired } from '../utils/jwtDecoder';
-import { collectDeviceInfo, getBrowserLocale, getUrlParams } from '../utils/deviceInfo';
+import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, } from 'react';
 import DebugDrawer from '../components/DebugDrawer';
+import { detectEnvironment, getEnvironmentConfig } from '../config/environment';
 import { loadPluginConfig } from '../hooks/usePluginConfig';
-import { formatMoney, getCurrencyInfo, moneyStringOrNumberToMinorUnits, minorUnitsToMajorUnits, formatMoneyWithoutSymbol, convertCurrency, formatSimpleMoney, } from '../utils/money';
+import { ApiService } from '../services/apiService';
+import { collectDeviceInfo, getBrowserLocale, getUrlParams } from '../utils/deviceInfo';
+import { decodeJWTClient, isTokenExpired } from '../utils/jwtDecoder';
+import { convertCurrency, formatMoney, formatMoneyWithoutSymbol, formatSimpleMoney, getCurrencyInfo, minorUnitsToMajorUnits, moneyStringOrNumberToMinorUnits, } from '../utils/money';
+import { clearClientToken, getClientToken, setClientToken } from '../utils/tokenStorage';
 // Professional, subtle loading component for initialization
 const InitializationLoader = () => (_jsxs("div", { style: {
         position: 'fixed',
@@ -271,6 +271,7 @@ localConfig, blockUntilSessionReady = false, // Default to new non-blocking beha
                 }
             }
             // Update customer data if available
+            console.log('RESPONSE CUSTOMER', response.customer);
             if (response.customer) {
                 setCustomer(response.customer);
                 if (finalDebugMode) {
@@ -422,6 +423,50 @@ localConfig, blockUntilSessionReady = false, // Default to new non-blocking beha
             session,
         });
     }, [customer, session]);
+    // Session refresh functionality
+    const refreshSession = useCallback(async (providedToken) => {
+        if (!storeId) {
+            console.warn('[SDK] Cannot refresh session: No store ID available');
+            return;
+        }
+        console.log('[SDK] 🔄 Refreshing session...', providedToken ? 'with provided token' : 'with new anonymous token');
+        try {
+            // Clear existing token and session data
+            clearClientToken();
+            setToken(null);
+            setSession(null);
+            setCustomer(null);
+            setStore(null);
+            setIsSessionInitialized(false);
+            setHasAttemptedAnonymousToken(false);
+            // Reset initialization flag to allow re-initialization
+            isInitializing.current = false;
+            if (providedToken) {
+                // Use the provided token
+                console.log('[SDK] Using provided token for session refresh');
+                // Validate the token first
+                const decodedSession = decodeJWTClient(providedToken);
+                if (!decodedSession) {
+                    throw new Error('Invalid token provided');
+                }
+                // Set the provided token
+                setToken(providedToken);
+                setClientToken(providedToken);
+                apiService.updateToken(providedToken);
+                // Initialize session with the provided token
+                await initializeSession(decodedSession);
+            }
+            else {
+                // Create new anonymous token
+                await createAnonymousToken(storeId);
+            }
+            console.log('[SDK] ✅ Session refreshed successfully');
+        }
+        catch (error) {
+            console.error('[SDK] ❌ Failed to refresh session:', error);
+            throw error;
+        }
+    }, [storeId, createAnonymousToken, initializeSession, apiService]);
     // Refresh coordinator for bidirectional hook communication
     const checkoutRefreshRef = useRef(null);
     const orderBumpRefreshRef = useRef(null);
@@ -493,6 +538,7 @@ localConfig, blockUntilSessionReady = false, // Default to new non-blocking beha
                 lastUpdated: new Date(),
             });
         },
+        refreshSession,
         refreshCoordinator,
         money: {
             formatMoney,
@@ -519,6 +565,7 @@ localConfig, blockUntilSessionReady = false, // Default to new non-blocking beha
         pluginConfig,
         configLoading,
         debugCheckout,
+        refreshSession,
         refreshCoordinator,
     ]);
     // Determine if we should show loading
@@ -526,8 +573,8 @@ localConfig, blockUntilSessionReady = false, // Default to new non-blocking beha
     // Phase 3 (session initialization) is optional/non-blocking by default
     const shouldShowLoading = configLoading || (!storeId && configLoading);
     const canRenderChildren = blockUntilSessionReady
-        ? (!configLoading && storeId && isInitialized) // Old behavior: wait for all phases
-        : (!configLoading && storeId); // New behavior: render after phases 1 & 2
+        ? !configLoading && storeId && isInitialized // Old behavior: wait for all phases
+        : !configLoading && storeId; //  New behavior: render after phases 1 & 2
     return (_jsxs(TagadaContext.Provider, { value: contextValue, children: [shouldShowLoading && _jsx(InitializationLoader, {}), finalDebugMode && canRenderChildren && (_jsxs(_Fragment, { children: [_jsx("button", { onClick: () => setIsDebugDrawerOpen(true), style: {
                             position: 'fixed',
                             bottom: '16px',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tagadapay/plugin-sdk",
-  "version": "2.4.16",
+  "version": "2.4.18",
   "description": "Modern React SDK for building Tagada Pay plugins",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",