@oxyhq/services 5.16.23 → 5.16.24

package/lib/module/ui/hooks/useSessionSocket.js

@@ -0,0 +1,469 @@
+"use strict";
+
+import { useEffect, useRef } from 'react';
+import io from 'socket.io-client';
+import { toast } from '../../lib/sonner';
+import { logger } from '../../utils/loggerUtils';
+export function useSessionSocket({
+  userId,
+  activeSessionId,
+  currentDeviceId,
+  refreshSessions,
+  logout,
+  clearSessionState,
+  baseURL,
+  getAccessToken,
+  getTransferCode,
+  onRemoteSignOut,
+  onSessionRemoved,
+  onIdentityTransferComplete
+}) {
+  const socketRef = useRef(null);
+  const joinedRoomRef = useRef(null);
+  const accessTokenRef = useRef(null);
+  const handlersSetupRef = useRef(false);
+
+  // Store callbacks in refs to avoid re-joining when they change
+  const refreshSessionsRef = useRef(refreshSessions);
+  const logoutRef = useRef(logout);
+  const clearSessionStateRef = useRef(clearSessionState);
+  const onRemoteSignOutRef = useRef(onRemoteSignOut);
+  const onSessionRemovedRef = useRef(onSessionRemoved);
+  const onIdentityTransferCompleteRef = useRef(onIdentityTransferComplete);
+  const activeSessionIdRef = useRef(activeSessionId);
+  const currentDeviceIdRef = useRef(currentDeviceId);
+
+  // Update refs when callbacks change
+  useEffect(() => {
+    refreshSessionsRef.current = refreshSessions;
+    logoutRef.current = logout;
+    clearSessionStateRef.current = clearSessionState;
+    onRemoteSignOutRef.current = onRemoteSignOut;
+    onSessionRemovedRef.current = onSessionRemoved;
+    onIdentityTransferCompleteRef.current = onIdentityTransferComplete;
+    activeSessionIdRef.current = activeSessionId;
+    currentDeviceIdRef.current = currentDeviceId;
+  }, [refreshSessions, logout, clearSessionState, onRemoteSignOut, onSessionRemoved, onIdentityTransferComplete, activeSessionId, currentDeviceId]);
+  useEffect(() => {
+    if (!userId || !baseURL) {
+      // Clean up if userId or baseURL becomes invalid
+      if (socketRef.current) {
+        socketRef.current.disconnect();
+        socketRef.current = null;
+        joinedRoomRef.current = null;
+      }
+      return;
+    }
+    const accessToken = getAccessToken();
+    // Recreate socket if token changed or socket doesn't exist
+    const tokenChanged = accessTokenRef.current !== accessToken;
+    if (!socketRef.current || tokenChanged) {
+      // Disconnect old socket if exists
+      if (socketRef.current) {
+        socketRef.current.disconnect();
+        socketRef.current = null;
+      }
+
+      // Create new socket with authentication
+      const socketOptions = {
+        transports: ['websocket']
+      };
+      if (accessToken) {
+        socketOptions.auth = {
+          token: accessToken
+        };
+        if (__DEV__) {
+          console.log('[useSessionSocket] Creating socket with auth token', {
+            userId,
+            hasToken: !!accessToken,
+            tokenLength: accessToken.length
+          });
+        }
+      } else {
+        if (__DEV__) {
+          console.warn('[useSessionSocket] No access token available for socket authentication');
+        }
+      }
+      socketRef.current = io(baseURL, socketOptions);
+      accessTokenRef.current = accessToken;
+      joinedRoomRef.current = null; // Reset room tracking
+      handlersSetupRef.current = false; // Reset handlers flag for new socket
+    }
+    const socket = socketRef.current;
+
+    // Server auto-joins room on connection when authenticated, so we don't need to manually join
+    // Just track that we're in the room
+    if (!joinedRoomRef.current && socket.connected) {
+      joinedRoomRef.current = `user:${userId}`;
+      if (__DEV__) {
+        console.log('[useSessionSocket] Socket connected, should be auto-joined to room', {
+          userId,
+          room: `user:${userId}`
+        });
+      }
+    }
+
+    // Set up event handlers (only once per socket instance)
+    // Define handlers outside if block so they're always available
+    const handleConnect = () => {
+      const currentToken = getAccessToken();
+      if (__DEV__) {
+        console.log('[useSessionSocket] Socket connected', {
+          socketId: socket.id,
+          userId,
+          room: `user:${userId}`,
+          hasAuth: !!currentToken
+        });
+        logger.debug('Socket connected', {
+          component: 'useSessionSocket',
+          socketId: socket.id,
+          userId
+        });
+      }
+      // Server auto-joins room on connection when authenticated
+      // Just track that we're connected
+      if (userId) {
+        joinedRoomRef.current = `user:${userId}`;
+      }
+    };
+    const handleDisconnect = reason => {
+      if (__DEV__) {
+        console.log('[useSessionSocket] Socket disconnected:', reason);
+        logger.debug('Socket disconnected', {
+          component: 'useSessionSocket',
+          reason,
+          userId
+        });
+      }
+      joinedRoomRef.current = null; // Reset room tracking on disconnect
+    };
+    const handleError = error => {
+      if (__DEV__) {
+        console.error('[useSessionSocket] Socket error', error);
+        logger.error('Socket error', error, {
+          component: 'useSessionSocket',
+          userId
+        });
+      }
+    };
+    const handleSessionUpdate = async data => {
+      if (__DEV__) {
+        console.log('[useSessionSocket] Received session_update event:', {
+          type: data.type,
+          socketId: socket.id,
+          socketConnected: socket.connected,
+          roomId: joinedRoomRef.current
+        });
+      }
+      const currentActiveSessionId = activeSessionIdRef.current;
+      const currentDeviceId = currentDeviceIdRef.current;
+
+      // Handle different event types
+      if (data.type === 'session_removed') {
+        // Track removed session
+        if (data.sessionId && onSessionRemovedRef.current) {
+          onSessionRemovedRef.current(data.sessionId);
+        }
+
+        // If the removed sessionId matches the current activeSessionId, immediately clear state
+        if (data.sessionId === currentActiveSessionId) {
+          if (onRemoteSignOutRef.current) {
+            onRemoteSignOutRef.current();
+          } else {
+            toast.info('You have been signed out remotely.');
+          }
+          // Use clearSessionState since session was already removed server-side
+          // Await to ensure storage cleanup completes before continuing
+          try {
+            await clearSessionStateRef.current();
+          } catch (error) {
+            if (__DEV__) {
+              logger.error('Failed to clear session state after session_removed', error instanceof Error ? error : new Error(String(error)), {
+                component: 'useSessionSocket'
+              });
+            }
+          }
+        } else {
+          // Otherwise, just refresh the sessions list (with error handling)
+          refreshSessionsRef.current().catch(error => {
+            // Silently handle errors from refresh - they're expected if sessions were removed
+            if (__DEV__) {
+              logger.debug('Failed to refresh sessions after session_removed', {
+                component: 'useSessionSocket'
+              }, error);
+            }
+          });
+        }
+      } else if (data.type === 'device_removed') {
+        // Track all removed sessions from this device
+        if (data.sessionIds && onSessionRemovedRef.current) {
+          for (const sessionId of data.sessionIds) {
+            onSessionRemovedRef.current(sessionId);
+          }
+        }
+
+        // If the removed deviceId matches the current device, immediately clear state
+        if (data.deviceId && data.deviceId === currentDeviceId) {
+          if (onRemoteSignOutRef.current) {
+            onRemoteSignOutRef.current();
+          } else {
+            toast.info('This device has been removed. You have been signed out.');
+          }
+          // Use clearSessionState since sessions were already removed server-side
+          // Await to ensure storage cleanup completes before continuing
+          try {
+            await clearSessionStateRef.current();
+          } catch (error) {
+            if (__DEV__) {
+              logger.error('Failed to clear session state after device_removed', error instanceof Error ? error : new Error(String(error)), {
+                component: 'useSessionSocket'
+              });
+            }
+          }
+        } else {
+          // Otherwise, refresh sessions and device list (with error handling)
+          refreshSessionsRef.current().catch(error => {
+            // Silently handle errors from refresh - they're expected if sessions were removed
+            if (__DEV__) {
+              logger.debug('Failed to refresh sessions after device_removed', {
+                component: 'useSessionSocket'
+              }, error);
+            }
+          });
+        }
+      } else if (data.type === 'sessions_removed') {
+        // Track all removed sessions
+        if (data.sessionIds && onSessionRemovedRef.current) {
+          for (const sessionId of data.sessionIds) {
+            onSessionRemovedRef.current(sessionId);
+          }
+        }
+
+        // If the current activeSessionId is in the removed sessionIds list, immediately clear state
+        if (data.sessionIds && currentActiveSessionId && data.sessionIds.includes(currentActiveSessionId)) {
+          if (onRemoteSignOutRef.current) {
+            onRemoteSignOutRef.current();
+          } else {
+            toast.info('You have been signed out remotely.');
+          }
+          // Use clearSessionState since sessions were already removed server-side
+          // Await to ensure storage cleanup completes before continuing
+          try {
+            await clearSessionStateRef.current();
+          } catch (error) {
+            if (__DEV__) {
+              logger.error('Failed to clear session state after sessions_removed', error instanceof Error ? error : new Error(String(error)), {
+                component: 'useSessionSocket'
+              });
+            }
+          }
+        } else {
+          // Otherwise, refresh sessions list (with error handling)
+          refreshSessionsRef.current().catch(error => {
+            // Silently handle errors from refresh - they're expected if sessions were removed
+            if (__DEV__) {
+              logger.debug('Failed to refresh sessions after sessions_removed', {
+                component: 'useSessionSocket'
+              }, error);
+            }
+          });
+        }
+      } else if (data.type === 'identity_transfer_complete') {
+        // Handle identity transfer completion notification
+        const transferData = data;
+        if (__DEV__) {
+          console.log('[useSessionSocket] Received identity_transfer_complete event', {
+            transferId: transferData.transferId,
+            sourceDeviceId: transferData.sourceDeviceId,
+            currentDeviceId,
+            hasActiveSession: activeSessionIdRef.current !== null,
+            socketConnected: socket.connected
+          });
+        }
+        logger.debug('Received identity_transfer_complete event', {
+          component: 'useSessionSocket',
+          transferId: transferData.transferId,
+          sourceDeviceId: transferData.sourceDeviceId,
+          currentDeviceId,
+          activeSessionId: activeSessionIdRef.current,
+          socketConnected: socket.connected,
+          userId,
+          room: joinedRoomRef.current,
+          publicKey: transferData.publicKey.substring(0, 16) + '...'
+        });
+
+        // Only call handler on the SOURCE device (the one that initiated the transfer)
+        // The source device is identified by:
+        // 1. Matching deviceId with sourceDeviceId, OR
+        // 2. Having a stored transfer code for this transferId (most reliable check)
+        const deviceIdMatches = transferData.sourceDeviceId && transferData.sourceDeviceId === currentDeviceId;
+
+        // Check if this device has a stored transfer code (meaning it's the source device)
+        const hasStoredTransferCode = getTransferCode && !!getTransferCode(transferData.transferId);
+
+        // Only call handler if this is the source device
+        // We check both deviceId match AND stored transfer code to handle cases where
+        // deviceId might be null (logged out device) but transfer code still exists
+        const shouldCallHandler = !!transferData.transferId && (deviceIdMatches || hasStoredTransferCode);
+        if (shouldCallHandler) {
+          const matchReason = deviceIdMatches ? 'deviceId-exact' : activeSessionIdRef.current !== null ? 'active-session' : 'transferId-only';
+          if (__DEV__) {
+            console.log('[useSessionSocket] Matched source device, calling handler', {
+              transferId: transferData.transferId,
+              matchReason,
+              sourceDeviceId: transferData.sourceDeviceId,
+              currentDeviceId
+            });
+          }
+          logger.debug('Matched source device, calling transfer complete handler', {
+            component: 'useSessionSocket',
+            transferId: transferData.transferId,
+            sourceDeviceId: transferData.sourceDeviceId,
+            currentDeviceId,
+            matchReason,
+            hasHandler: !!onIdentityTransferCompleteRef.current,
+            socketConnected: socket.connected,
+            socketId: socket.id
+          });
+
+          // Call the handler - it will verify using stored transfer codes
+          if (onIdentityTransferCompleteRef.current) {
+            try {
+              if (__DEV__) {
+                console.log('[useSessionSocket] Calling onIdentityTransferComplete handler', {
+                  transferId: transferData.transferId
+                });
+              }
+              logger.debug('Calling onIdentityTransferComplete handler', {
+                component: 'useSessionSocket',
+                transferId: transferData.transferId
+              });
+              onIdentityTransferCompleteRef.current({
+                transferId: transferData.transferId,
+                sourceDeviceId: transferData.sourceDeviceId,
+                publicKey: transferData.publicKey,
+                transferCode: transferData.transferCode,
+                completedAt: transferData.completedAt
+              });
+              if (__DEV__) {
+                console.log('[useSessionSocket] Handler called successfully', {
+                  transferId: transferData.transferId
+                });
+              }
+              logger.debug('onIdentityTransferComplete handler called successfully', {
+                component: 'useSessionSocket',
+                transferId: transferData.transferId
+              });
+            } catch (error) {
+              if (__DEV__) {
+                console.error('[useSessionSocket] Error calling handler', error);
+              }
+              logger.error('Error calling onIdentityTransferComplete handler', error instanceof Error ? error : new Error(String(error)), {
+                component: 'useSessionSocket',
+                transferId: transferData.transferId
+              });
+            }
+          } else {
+            if (__DEV__) {
+              console.warn('[useSessionSocket] No handler registered');
+            }
+            logger.debug('No onIdentityTransferComplete handler registered', {
+              component: 'useSessionSocket',
+              transferId: transferData.transferId
+            });
+          }
+        } else {
+          if (__DEV__) {
+            console.log('[useSessionSocket] Not matched, ignoring', {
+              sourceDeviceId: transferData.sourceDeviceId,
+              currentDeviceId,
+              hasActiveSession: activeSessionIdRef.current !== null
+            });
+          }
+          logger.debug('Not the source device, ignoring transfer completion', {
+            component: 'useSessionSocket',
+            sourceDeviceId: transferData.sourceDeviceId,
+            currentDeviceId,
+            hasActiveSession: activeSessionIdRef.current !== null
+          });
+        }
+      } else {
+        // For other event types (e.g., session_created), refresh sessions (with error handling)
+        refreshSessionsRef.current().catch(error => {
+          // Log but don't throw - refresh errors shouldn't break the socket handler
+          if (__DEV__) {
+            logger.debug('Failed to refresh sessions after session_update', {
+              component: 'useSessionSocket'
+            }, error);
+          }
+        });
+
+        // If the current session was logged out (legacy behavior), handle it specially
+        if (data.sessionId === currentActiveSessionId) {
+          if (onRemoteSignOutRef.current) {
+            onRemoteSignOutRef.current();
+          } else {
+            toast.info('You have been signed out remotely.');
+          }
+          // Use clearSessionState since session was already removed server-side
+          // Await to ensure storage cleanup completes before continuing
+          try {
+            await clearSessionStateRef.current();
+          } catch (error) {
+            if (__DEV__) {
+              console.error('Failed to clear session state after session_update:', error);
+            }
+          }
+        }
+      }
+    };
+
+    // Register event handlers (only once per socket instance)
+    if (!handlersSetupRef.current) {
+      socket.on('connect', handleConnect);
+      socket.on('disconnect', handleDisconnect);
+      socket.on('error', handleError);
+      socket.on('session_update', handleSessionUpdate);
+      handlersSetupRef.current = true;
+      if (__DEV__) {
+        console.log('[useSessionSocket] Event handlers set up', {
+          socketId: socket.id,
+          userId
+        });
+      }
+    }
+
+    // Ensure socket is connected before proceeding
+    if (!socket.connected) {
+      if (__DEV__) {
+        console.log('[useSessionSocket] Socket not connected, connecting...', {
+          userId
+        });
+        logger.debug('Socket not connected, waiting for connection', {
+          component: 'useSessionSocket',
+          userId
+        });
+      }
+      socket.connect();
+    } else {
+      if (__DEV__) {
+        console.log('[useSessionSocket] Socket already connected', {
+          socketId: socket.id,
+          userId,
+          connected: socket.connected
+        });
+      }
+    }
+    return () => {
+      // Only clean up handlers if socket still exists and handlers were set up
+      if (socketRef.current && handlersSetupRef.current) {
+        socketRef.current.off('connect', handleConnect);
+        socketRef.current.off('disconnect', handleDisconnect);
+        socketRef.current.off('error', handleError);
+        socketRef.current.off('session_update', handleSessionUpdate);
+        handlersSetupRef.current = false;
+      }
+    };
+  }, [userId, baseURL, getAccessToken]); // Depend on userId, baseURL, and getAccessToken
+}
+//# sourceMappingURL=useSessionSocket.js.map

package/lib/module/ui/hooks/useSessionSocket.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","io","toast","logger","useSessionSocket","userId","activeSessionId","currentDeviceId","refreshSessions","logout","clearSessionState","baseURL","getAccessToken","getTransferCode","onRemoteSignOut","onSessionRemoved","onIdentityTransferComplete","socketRef","joinedRoomRef","accessTokenRef","handlersSetupRef","refreshSessionsRef","logoutRef","clearSessionStateRef","onRemoteSignOutRef","onSessionRemovedRef","onIdentityTransferCompleteRef","activeSessionIdRef","currentDeviceIdRef","current","disconnect","accessToken","tokenChanged","socketOptions","transports","auth","token","__DEV__","console","log","hasToken","tokenLength","length","warn","socket","connected","room","handleConnect","currentToken","socketId","id","hasAuth","debug","component","handleDisconnect","reason","handleError","error","handleSessionUpdate","data","type","socketConnected","roomId","currentActiveSessionId","sessionId","info","Error","String","catch","sessionIds","deviceId","includes","transferData","transferId","sourceDeviceId","hasActiveSession","publicKey","substring","deviceIdMatches","hasStoredTransferCode","shouldCallHandler","matchReason","hasHandler","transferCode","completedAt","on","connect","off"],"sourceRoot":"../../../../src","sources":["ui/hooks/useSessionSocket.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACzC,OAAOC,EAAE,MAAM,kBAAkB;AACjC,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SAASC,MAAM,QAAQ,yBAAyB;AAiBhD,OAAO,SAASC,gBAAgBA,CAAC;EAAEC,MAAM;EAAEC,eAAe;EAAEC,eAAe;EAAEC,eAAe;EAAEC,MAAM;EAAEC,iBAAiB;EAAEC,OAAO;EAAEC,cAAc;EAAEC,eAAe;EAAEC,eAAe;EAAEC,gBAAgB;EAAEC;AAAkD,CAAC,EAAE;EACzP,MAAMC,SAAS,GAAGjB,MAAM,CAAM,IAAI,CAAC;EACnC,MAAMkB,aAAa,GAAGlB,MAAM,CAAgB,IAAI,CAAC;EACjD,MAAMmB,cAAc,GAAGnB,MAAM,CAAgB,IAAI,CAAC;EAClD,MAAMoB,gBAAgB,GAAGpB,MAAM,CAAU,KAAK,CAAC;;EAE/C;EACA,MAAMqB,kBAAkB,GAAGrB,MAAM,CAACQ,eAAe,CAAC;EAClD,MAAMc,SAAS,GAAGtB,MAAM,CAACS,MAAM,CAAC;EAChC,MAAMc,oBAAoB,GAAGvB,MAAM,CAACU,iBAAiB,CAAC;EACtD,MAAMc,kBAAkB,GAAGxB,MAAM,CAACc,eAAe,CAAC;EAClD,MAAMW,mBAAmB,GAAGzB,MAAM,CAACe,gBAAgB,CAAC;EACpD,MAAMW,6BAA6B,GAAG1B,MAAM,CAACgB,0BAA0B,CAAC;EACxE,MAAMW,kBAAkB,GAAG3B,MAAM,CAACM,eAAe,CAAC;EAClD,MAAMsB,kBAAkB,GAAG5B,MAAM,CAACO,eAAe,CAAC;;EAElD;EACAR,SAAS,CAAC,MAAM;IACdsB,kBAAkB,CAACQ,OAAO,GAAGrB,eAAe;IAC5Cc,SAAS,CAACO,OAAO,GAAGpB,MAAM;IAC1Bc,oBAAoB,CAACM,OAAO,GAAGnB,iBAAiB;IAChDc,kBAAkB,CAACK,OAAO,GAAGf,eAAe;IAC5CW,mBAAmB,CAACI,OAAO,GAAGd,gBAAgB;IAC9CW,6BAA6B,CAACG,OAAO,GAAGb,0BAA0B;IAClEW,kBAAkB,CAACE,OAAO,GAAGvB,eAAe;IAC5CsB,kBAAkB,CAACC,OAAO,GAAGtB,eAAe;EAC9C,CAAC,EAAE,CAACC,eAAe,EAAEC,MAAM,EAAEC,iBAAiB,EAAEI,eAAe,EAAEC,gBAAgB,EAAEC,0BAA0B,EAAEV,eAAe,EAAEC,eAAe,CAAC,CAAC;EAEjJR,SAAS,CAAC,MAAM;IACd,IAAI,CAACM,MAAM,IAAI,CAACM,OAAO,EAAE;MACvB;MACA,IAAIM,SAAS,CAACY,OAAO,EAAE;QACrBZ,SAAS,CAACY,OAAO,CAACC,UAAU,CAAC,CAAC;QAC9Bb,SAAS,CAACY,OAAO,GAAG,IAAI;QACxBX,aAAa,CAACW,OAAO,GAAG,IAAI;MAC9B;MACA;IACF;IAEA,MAAME,WAAW,GAAGnB,cAAc,CAAC,CAAC;IACpC;IACA,MAAMoB,YAAY,GAAGb,cAAc,CAACU,OAAO,KAAKE,WAAW;IAC3D,IAAI,CAACd,SAAS,CAACY,OAAO,IAAIG,YAAY,EAAE;MACtC;MACA,IAAIf,SAAS,CAACY,OAAO,EAAE;QACrBZ,SAAS,CAACY,OAAO,CAACC,UAAU,CAAC,CAAC;QAC9Bb,SAAS,CAACY,OAAO,GAAG,IAAI;MAC1B;;MAEA;MACA,MAAMI,aAAkB,GAAG;QACzBC,UAAU,EAAE,CAAC,WAAW;MAC1B,CAAC;MAED,IAAIH,WAAW,EAAE;QACfE,aAAa,CAACE,IAAI,GAAG;UACnBC,KAAK,EAAEL;QACT,CAAC;QACD,IAAIM,OAAO,EAAE;UACXC,OAAO,CAACC,GAAG,CAAC,oDAAoD,EAAE;YAChElC,MAAM;YACNmC,QAAQ,EAAE,CAAC,CAACT,WAAW;YACvBU,WAAW,EAAEV,WAAW,CAACW;UAC3B,CAAC,CAAC;QACJ;MACF,CAAC,MAAM;QACL,IAAIL,OAAO,EAAE;UACXC,OAAO,CAACK,IAAI,CAAC,wEAAwE,CAAC;QACxF;MACF;MAEA1B,SAAS,CAACY,OAAO,GAAG5B,EAAE,CAACU,OAAO,EAAEsB,aAAa,CAAC;MAC9Cd,cAAc,CAACU,OAAO,GAAGE,WAAW;MACpCb,aAAa,CAACW,OAAO,GAAG,IAAI,CAAC,CAAC;MAC9BT,gBAAgB,CAACS,OAAO,GAAG,KAAK,CAAC,CAAC;IACpC;IAEA,MAAMe,MAAM,GAAG3B,SAAS,CAACY,OAAO;;IAEhC;IACA;IACA,IAAI,CAACX,aAAa,CAACW,OAAO,IAAIe,MAAM,CAACC,SAAS,EAAE;MAC9C3B,aAAa,CAACW,OAAO,GAAG,QAAQxB,MAAM,EAAE;MACxC,IAAIgC,OAAO,EAAE;QACXC,OAAO,CAACC,GAAG,CAAC,oEAAoE,EAAE;UAChFlC,MAAM;UACNyC,IAAI,EAAE,QAAQzC,MAAM;QACtB,CAAC,CAAC;MACJ;IACF;;IAEA;IACA;IACA,MAAM0C,aAAa,GAAGA,CAAA,KAAM;MAC1B,MAAMC,YAAY,GAAGpC,cAAc,CAAC,CAAC;MACrC,IAAIyB,OAAO,EAAE;QACXC,OAAO,CAACC,GAAG,CAAC,qCAAqC,EAAE;UACjDU,QAAQ,EAAEL,MAAM,CAACM,EAAE;UACnB7C,MAAM;UACNyC,IAAI,EAAE,QAAQzC,MAAM,EAAE;UACtB8C,OAAO,EAAE,CAAC,CAACH;QACb,CAAC,CAAC;QACF7C,MAAM,CAACiD,KAAK,CAAC,kBAAkB,EAAE;UAAEC,SAAS,EAAE,kBAAkB;UAAEJ,QAAQ,EAAEL,MAAM,CAACM,EAAE;UAAE7C;QAAO,CAAC,CAAC;MAClG;MACA;MACA;MACA,IAAIA,MAAM,EAAE;QACVa,aAAa,CAACW,OAAO,GAAG,QAAQxB,MAAM,EAAE;MAC1C;IACF,CAAC;IAED,MAAMiD,gBAAgB,GAAIC,MAAc,IAAK;MAC3C,IAAIlB,OAAO,EAAE;QACXC,OAAO,CAACC,GAAG,CAAC,yCAAyC,EAAEgB,MAAM,CAAC;QAC9DpD,MAAM,CAACiD,KAAK,CAAC,qBAAqB,EAAE;UAAEC,SAAS,EAAE,kBAAkB;UAAEE,MAAM;UAAElD;QAAO,CAAC,CAAC;MACxF;MACAa,aAAa,CAACW,OAAO,GAAG,IAAI,CAAC,CAAC;IAChC,CAAC;IAED,MAAM2B,WAAW,GAAIC,KAAY,IAAK;MACpC,IAAIpB,OAAO,EAAE;QACXC,OAAO,CAACmB,KAAK,CAAC,iCAAiC,EAAEA,KAAK,CAAC;QACvDtD,MAAM,CAACsD,KAAK,CAAC,cAAc,EAAEA,KAAK,EAAE;UAAEJ,SAAS,EAAE,kBAAkB;UAAEhD;QAAO,CAAC,CAAC;MAChF;IACF,CAAC;IAED,MAAMqD,mBAAmB,GAAG,MAAOC,IAKlC,IAAK;MACJ,IAAItB,OAAO,EAAE;QACXC,OAAO,CAACC,GAAG,CAAC,mDAAmD,EAAE;UAC/DqB,IAAI,EAAED,IAAI,CAACC,IAAI;UACfX,QAAQ,EAAEL,MAAM,CAACM,EAAE;UACnBW,eAAe,EAAEjB,MAAM,CAACC,SAAS;UACjCiB,MAAM,EAAE5C,aAAa,CAACW;QACxB,CAAC,CAAC;MACJ;MAEA,MAAMkC,sBAAsB,GAAGpC,kBAAkB,CAACE,OAAO;MACzD,MAAMtB,eAAe,GAAGqB,kBAAkB,CAACC,OAAO;;MAElD;MACA,IAAI8B,IAAI,CAACC,IAAI,KAAK,iBAAiB,EAAE;QACnC;QACA,IAAID,IAAI,CAACK,SAAS,IAAIvC,mBAAmB,CAACI,OAAO,EAAE;UACjDJ,mBAAmB,CAACI,OAAO,CAAC8B,IAAI,CAACK,SAAS,CAAC;QAC7C;;QAEA;QACA,IAAIL,IAAI,CAACK,SAAS,KAAKD,sBAAsB,EAAE;UAC7C,IAAIvC,kBAAkB,CAACK,OAAO,EAAE;YAC9BL,kBAAkB,CAACK,OAAO,CAAC,CAAC;UAC9B,CAAC,MAAM;YACL3B,KAAK,CAAC+D,IAAI,CAAC,oCAAoC,CAAC;UAClD;UACA;UACA;UACA,IAAI;YACF,MAAM1C,oBAAoB,CAACM,OAAO,CAAC,CAAC;UACtC,CAAC,CAAC,OAAO4B,KAAK,EAAE;YACd,IAAIpB,OAAO,EAAE;cACXlC,MAAM,CAACsD,KAAK,CAAC,qDAAqD,EAAEA,KAAK,YAAYS,KAAK,GAAGT,KAAK,GAAG,IAAIS,KAAK,CAACC,MAAM,CAACV,KAAK,CAAC,CAAC,EAAE;gBAAEJ,SAAS,EAAE;cAAmB,CAAC,CAAC;YACnK;UACF;QACF,CAAC,MAAM;UACL;UACAhC,kBAAkB,CAACQ,OAAO,CAAC,CAAC,CAACuC,KAAK,CAAEX,KAAK,IAAK;YAC5C;YACA,IAAIpB,OAAO,EAAE;cACXlC,MAAM,CAACiD,KAAK,CAAC,kDAAkD,EAAE;gBAAEC,SAAS,EAAE;cAAmB,CAAC,EAAEI,KAAgB,CAAC;YACvH;UACF,CAAC,CAAC;QACJ;MACF,CAAC,MAAM,IAAIE,IAAI,CAACC,IAAI,KAAK,gBAAgB,EAAE;QACzC;QACA,IAAID,IAAI,CAACU,UAAU,IAAI5C,mBAAmB,CAACI,OAAO,EAAE;UAClD,KAAK,MAAMmC,SAAS,IAAIL,IAAI,CAACU,UAAU,EAAE;YACvC5C,mBAAmB,CAACI,OAAO,CAACmC,SAAS,CAAC;UACxC;QACF;;QAEA;QACA,IAAIL,IAAI,CAACW,QAAQ,IAAIX,IAAI,CAACW,QAAQ,KAAK/D,eAAe,EAAE;UACtD,IAAIiB,kBAAkB,CAACK,OAAO,EAAE;YAC9BL,kBAAkB,CAACK,OAAO,CAAC,CAAC;UAC9B,CAAC,MAAM;YACL3B,KAAK,CAAC+D,IAAI,CAAC,yDAAyD,CAAC;UACvE;UACA;UACA;UACA,IAAI;YACF,MAAM1C,oBAAoB,CAACM,OAAO,CAAC,CAAC;UACtC,CAAC,CAAC,OAAO4B,KAAK,EAAE;YACd,IAAIpB,OAAO,EAAE;cACXlC,MAAM,CAACsD,KAAK,CAAC,oDAAoD,EAAEA,KAAK,YAAYS,KAAK,GAAGT,KAAK,GAAG,IAAIS,KAAK,CAACC,MAAM,CAACV,KAAK,CAAC,CAAC,EAAE;gBAAEJ,SAAS,EAAE;cAAmB,CAAC,CAAC;YAClK;UACF;QACF,CAAC,MAAM;UACL;UACAhC,kBAAkB,CAACQ,OAAO,CAAC,CAAC,CAACuC,KAAK,CAAEX,KAAK,IAAK;YAC5C;YACA,IAAIpB,OAAO,EAAE;cACXlC,MAAM,CAACiD,KAAK,CAAC,iDAAiD,EAAE;gBAAEC,SAAS,EAAE;cAAmB,CAAC,EAAEI,KAAgB,CAAC;YACtH;UACF,CAAC,CAAC;QACJ;MACF,CAAC,MAAM,IAAIE,IAAI,CAACC,IAAI,KAAK,kBAAkB,EAAE;QAC3C;QACA,IAAID,IAAI,CAACU,UAAU,IAAI5C,mBAAmB,CAACI,OAAO,EAAE;UAClD,KAAK,MAAMmC,SAAS,IAAIL,IAAI,CAACU,UAAU,EAAE;YACvC5C,mBAAmB,CAACI,OAAO,CAACmC,SAAS,CAAC;UACxC;QACF;;QAEA;QACA,IAAIL,IAAI,CAACU,UAAU,IAAIN,sBAAsB,IAAIJ,IAAI,CAACU,UAAU,CAACE,QAAQ,CAACR,sBAAsB,CAAC,EAAE;UACjG,IAAIvC,kBAAkB,CAACK,OAAO,EAAE;YAC9BL,kBAAkB,CAACK,OAAO,CAAC,CAAC;UAC9B,CAAC,MAAM;YACL3B,KAAK,CAAC+D,IAAI,CAAC,oCAAoC,CAAC;UAClD;UACA;UACA;UACA,IAAI;YACF,MAAM1C,oBAAoB,CAACM,OAAO,CAAC,CAAC;UACtC,CAAC,CAAC,OAAO4B,KAAK,EAAE;YACd,IAAIpB,OAAO,EAAE;cACXlC,MAAM,CAACsD,KAAK,CAAC,sDAAsD,EAAEA,KAAK,YAAYS,KAAK,GAAGT,KAAK,GAAG,IAAIS,KAAK,CAACC,MAAM,CAACV,KAAK,CAAC,CAAC,EAAE;gBAAEJ,SAAS,EAAE;cAAmB,CAAC,CAAC;YACpK;UACF;QACF,CAAC,MAAM;UACL;UACAhC,kBAAkB,CAACQ,OAAO,CAAC,CAAC,CAACuC,KAAK,CAAEX,KAAK,IAAK;YAC5C;YACA,IAAIpB,OAAO,EAAE;cACXlC,MAAM,CAACiD,KAAK,CAAC,mDAAmD,EAAE;gBAAEC,SAAS,EAAE;cAAmB,CAAC,EAAEI,KAAgB,CAAC;YACxH;UACF,CAAC,CAAC;QACJ;MACF,CAAC,MAAM,IAAIE,IAAI,CAACC,IAAI,KAAK,4BAA4B,EAAE;QACrD;QACA,MAAMY,YAAY,GAAGb,IAOpB;QAED,IAAItB,OAAO,EAAE;UACXC,OAAO,CAACC,GAAG,CAAC,8DAA8D,EAAE;YAC1EkC,UAAU,EAAED,YAAY,CAACC,UAAU;YACnCC,cAAc,EAAEF,YAAY,CAACE,cAAc;YAC3CnE,eAAe;YACfoE,gBAAgB,EAAEhD,kBAAkB,CAACE,OAAO,KAAK,IAAI;YACrDgC,eAAe,EAAEjB,MAAM,CAACC;UAC1B,CAAC,CAAC;QACJ;QAEA1C,MAAM,CAACiD,KAAK,CAAC,2CAA2C,EAAE;UACxDC,SAAS,EAAE,kBAAkB;UAC7BoB,UAAU,EAAED,YAAY,CAACC,UAAU;UACnCC,cAAc,EAAEF,YAAY,CAACE,cAAc;UAC3CnE,eAAe;UACfD,eAAe,EAAEqB,kBAAkB,CAACE,OAAO;UAC3CgC,eAAe,EAAEjB,MAAM,CAACC,SAAS;UACjCxC,MAAM;UACNyC,IAAI,EAAE5B,aAAa,CAACW,OAAO;UAC3B+C,SAAS,EAAEJ,YAAY,CAACI,SAAS,CAACC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG;QACvD,CAAC,CAAC;;QAEF;QACA;QACA;QACA;QACA,MAAMC,eAAe,GAAGN,YAAY,CAACE,cAAc,IAAIF,YAAY,CAACE,cAAc,KAAKnE,eAAe;;QAEtG;QACA,MAAMwE,qBAAqB,GAAGlE,eAAe,IAAI,CAAC,CAACA,eAAe,CAAC2D,YAAY,CAACC,UAAU,CAAC;;QAE3F;QACA;QACA;QACA,MAAMO,iBAAiB,GAAG,CAAC,CAACR,YAAY,CAACC,UAAU,KAAKK,eAAe,IAAIC,qBAAqB,CAAC;QAEjG,IAAIC,iBAAiB,EAAE;UACrB,MAAMC,WAAW,GAAGH,eAAe,GAC/B,gBAAgB,GACfnD,kBAAkB,CAACE,OAAO,KAAK,IAAI,GAAG,gBAAgB,GAAG,iBAAkB;UAEhF,IAAIQ,OAAO,EAAE;YACXC,OAAO,CAACC,GAAG,CAAC,2DAA2D,EAAE;cACvEkC,UAAU,EAAED,YAAY,CAACC,UAAU;cACnCQ,WAAW;cACXP,cAAc,EAAEF,YAAY,CAACE,cAAc;cAC3CnE;YACF,CAAC,CAAC;UACJ;UAEAJ,MAAM,CAACiD,KAAK,CAAC,0DAA0D,EAAE;YACvEC,SAAS,EAAE,kBAAkB;YAC7BoB,UAAU,EAAED,YAAY,CAACC,UAAU;YACnCC,cAAc,EAAEF,YAAY,CAACE,cAAc;YAC3CnE,eAAe;YACf0E,WAAW;YACXC,UAAU,EAAE,CAAC,CAACxD,6BAA6B,CAACG,OAAO;YACnDgC,eAAe,EAAEjB,MAAM,CAACC,SAAS;YACjCI,QAAQ,EAAEL,MAAM,CAACM;UACnB,CAAC,CAAC;;UAEF;UACA,IAAIxB,6BAA6B,CAACG,OAAO,EAAE;YACzC,IAAI;cACF,IAAIQ,OAAO,EAAE;gBACXC,OAAO,CAACC,GAAG,CAAC,+DAA+D,EAAE;kBAC3EkC,UAAU,EAAED,YAAY,CAACC;gBAC3B,CAAC,CAAC;cACJ;cAEAtE,MAAM,CAACiD,KAAK,CAAC,4CAA4C,EAAE;gBACzDC,SAAS,EAAE,kBAAkB;gBAC7BoB,UAAU,EAAED,YAAY,CAACC;cAC3B,CAAC,CAAC;cAEF/C,6BAA6B,CAACG,OAAO,CAAC;gBACpC4C,UAAU,EAAED,YAAY,CAACC,UAAU;gBACnCC,cAAc,EAAEF,YAAY,CAACE,cAAc;gBAC3CE,SAAS,EAAEJ,YAAY,CAACI,SAAS;gBACjCO,YAAY,EAAEX,YAAY,CAACW,YAAY;gBACvCC,WAAW,EAAEZ,YAAY,CAACY;cAC5B,CAAC,CAAC;cAEF,IAAI/C,OAAO,EAAE;gBACXC,OAAO,CAACC,GAAG,CAAC,gDAAgD,EAAE;kBAC5DkC,UAAU,EAAED,YAAY,CAACC;gBAC3B,CAAC,CAAC;cACJ;cAEAtE,MAAM,CAACiD,KAAK,CAAC,wDAAwD,EAAE;gBACrEC,SAAS,EAAE,kBAAkB;gBAC7BoB,UAAU,EAAED,YAAY,CAACC;cAC3B,CAAC,CAAC;YACJ,CAAC,CAAC,OAAOhB,KAAK,EAAE;cACd,IAAIpB,OAAO,EAAE;gBACXC,OAAO,CAACmB,KAAK,CAAC,0CAA0C,EAAEA,KAAK,CAAC;cAClE;cACAtD,MAAM,CAACsD,KAAK,CAAC,kDAAkD,EAAEA,KAAK,YAAYS,KAAK,GAAGT,KAAK,GAAG,IAAIS,KAAK,CAACC,MAAM,CAACV,KAAK,CAAC,CAAC,EAAE;gBAC1HJ,SAAS,EAAE,kBAAkB;gBAC7BoB,UAAU,EAAED,YAAY,CAACC;cAC3B,CAAC,CAAC;YACJ;UACF,CAAC,MAAM;YACL,IAAIpC,OAAO,EAAE;cACXC,OAAO,CAACK,IAAI,CAAC,0CAA0C,CAAC;YAC1D;YACAxC,MAAM,CAACiD,KAAK,CAAC,kDAAkD,EAAE;cAC/DC,SAAS,EAAE,kBAAkB;cAC7BoB,UAAU,EAAED,YAAY,CAACC;YAC3B,CAAC,CAAC;UACJ;QACF,CAAC,MAAM;UACL,IAAIpC,OAAO,EAAE;YACXC,OAAO,CAACC,GAAG,CAAC,0CAA0C,EAAE;cACtDmC,cAAc,EAAEF,YAAY,CAACE,cAAc;cAC3CnE,eAAe;cACfoE,gBAAgB,EAAEhD,kBAAkB,CAACE,OAAO,KAAK;YACnD,CAAC,CAAC;UACJ;UACA1B,MAAM,CAACiD,KAAK,CAAC,qDAAqD,EAAE;YAClEC,SAAS,EAAE,kBAAkB;YAC7BqB,cAAc,EAAEF,YAAY,CAACE,cAAc;YAC3CnE,eAAe;YACfoE,gBAAgB,EAAEhD,kBAAkB,CAACE,OAAO,KAAK;UACnD,CAAC,CAAC;QACJ;MACF,CAAC,MAAM;QACL;QACAR,kBAAkB,CAACQ,OAAO,CAAC,CAAC,CAACuC,KAAK,CAAEX,KAAK,IAAK;UAC5C;UACA,IAAIpB,OAAO,EAAE;YACXlC,MAAM,CAACiD,KAAK,CAAC,iDAAiD,EAAE;cAAEC,SAAS,EAAE;YAAmB,CAAC,EAAEI,KAAgB,CAAC;UACtH;QACF,CAAC,CAAC;;QAEF;QACA,IAAIE,IAAI,CAACK,SAAS,KAAKD,sBAAsB,EAAE;UAC7C,IAAIvC,kBAAkB,CAACK,OAAO,EAAE;YAC9BL,kBAAkB,CAACK,OAAO,CAAC,CAAC;UAC9B,CAAC,MAAM;YACL3B,KAAK,CAAC+D,IAAI,CAAC,oCAAoC,CAAC;UAClD;UACA;UACA;UACA,IAAI;YACF,MAAM1C,oBAAoB,CAACM,OAAO,CAAC,CAAC;UACtC,CAAC,CAAC,OAAO4B,KAAK,EAAE;YACd,IAAIpB,OAAO,EAAE;cACXC,OAAO,CAACmB,KAAK,CAAC,qDAAqD,EAAEA,KAAK,CAAC;YAC7E;UACF;QACF;MACF;IACF,CAAC;;IAED;IACA,IAAI,CAACrC,gBAAgB,CAACS,OAAO,EAAE;MAC7Be,MAAM,CAACyC,EAAE,CAAC,SAAS,EAAEtC,aAAa,CAAC;MACnCH,MAAM,CAACyC,EAAE,CAAC,YAAY,EAAE/B,gBAAgB,CAAC;MACzCV,MAAM,CAACyC,EAAE,CAAC,OAAO,EAAE7B,WAAW,CAAC;MAC/BZ,MAAM,CAACyC,EAAE,CAAC,gBAAgB,EAAE3B,mBAAmB,CAAC;MAEhDtC,gBAAgB,CAACS,OAAO,GAAG,IAAI;MAE/B,IAAIQ,OAAO,EAAE;QACXC,OAAO,CAACC,GAAG,CAAC,0CAA0C,EAAE;UACtDU,QAAQ,EAAEL,MAAM,CAACM,EAAE;UACnB7C;QACF,CAAC,CAAC;MACJ;IACF;;IAEA;IACA,IAAI,CAACuC,MAAM,CAACC,SAAS,EAAE;MACrB,IAAIR,OAAO,EAAE;QACXC,OAAO,CAACC,GAAG,CAAC,wDAAwD,EAAE;UAAElC;QAAO,CAAC,CAAC;QACjFF,MAAM,CAACiD,KAAK,CAAC,8CAA8C,EAAE;UAAEC,SAAS,EAAE,kBAAkB;UAAEhD;QAAO,CAAC,CAAC;MACzG;MACAuC,MAAM,CAAC0C,OAAO,CAAC,CAAC;IAClB,CAAC,MAAM;MACL,IAAIjD,OAAO,EAAE;QACXC,OAAO,CAACC,GAAG,CAAC,6CAA6C,EAAE;UACzDU,QAAQ,EAAEL,MAAM,CAACM,EAAE;UACnB7C,MAAM;UACNwC,SAAS,EAAED,MAAM,CAACC;QACpB,CAAC,CAAC;MACJ;IACF;IAEA,OAAO,MAAM;MACX;MACA,IAAI5B,SAAS,CAACY,OAAO,IAAIT,gBAAgB,CAACS,OAAO,EAAE;QACjDZ,SAAS,CAACY,OAAO,CAAC0D,GAAG,CAAC,SAAS,EAAExC,aAAa,CAAC;QAC/C9B,SAAS,CAACY,OAAO,CAAC0D,GAAG,CAAC,YAAY,EAAEjC,gBAAgB,CAAC;QACrDrC,SAAS,CAACY,OAAO,CAAC0D,GAAG,CAAC,OAAO,EAAE/B,WAAW,CAAC;QAC3CvC,SAAS,CAACY,OAAO,CAAC0D,GAAG,CAAC,gBAAgB,EAAE7B,mBAAmB,CAAC;QAC5DtC,gBAAgB,CAACS,OAAO,GAAG,KAAK;MAClC;IACF,CAAC;EACH,CAAC,EAAE,CAACxB,MAAM,EAAEM,OAAO,EAAEC,cAAc,CAAC,CAAC,CAAC,CAAC;AACzC","ignoreList":[]}

package/lib/module/ui/hooks/useStorage.js

@@ -0,0 +1,74 @@
+"use strict";
+
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { createPlatformStorage } from '../utils/storageHelpers';
+import { extractErrorMessage } from '../utils/errorHandlers';
+const DEFAULT_ERROR_CODE = 'STORAGE_INIT_ERROR';
+
+/**
+ * React hook that exposes a platform-agnostic storage reference.
+ * Handles initialization, error propagation, and lazy re-initialization.
+ *
+ * @param options - Optional configuration for error reporting and logging
+ */
+export const useStorage = ({
+  onError,
+  logger,
+  errorCode = DEFAULT_ERROR_CODE
+} = {}) => {
+  const [storage, setStorage] = useState(null);
+  const [error, setError] = useState(null);
+  const initializingRef = useRef(null);
+  const notifyError = useCallback(err => {
+    const message = extractErrorMessage(err, 'Failed to initialize storage');
+    setError(message);
+    if (logger) {
+      logger(message, err);
+    }
+    onError?.({
+      message,
+      code: errorCode,
+      status: 500
+    });
+  }, [errorCode, logger, onError]);
+  const createStorageInstance = useCallback(async () => {
+    try {
+      const platformStorage = await createPlatformStorage();
+      setStorage(platformStorage);
+      setError(null);
+      return platformStorage;
+    } catch (err) {
+      notifyError(err);
+      setStorage(null);
+      return null;
+    }
+  }, [notifyError]);
+  const refresh = useCallback(async () => {
+    if (!initializingRef.current) {
+      initializingRef.current = createStorageInstance().finally(() => {
+        initializingRef.current = null;
+      });
+    }
+    return initializingRef.current;
+  }, [createStorageInstance]);
+  useEffect(() => {
+    refresh().catch(err => {
+      notifyError(err);
+    });
+  }, [refresh, notifyError]);
+  const withStorage = useCallback(async callback => {
+    const resolvedStorage = storage ?? (await refresh());
+    if (!resolvedStorage) {
+      return null;
+    }
+    return callback(resolvedStorage);
+  }, [refresh, storage]);
+  return {
+    storage,
+    isReady: Boolean(storage) && !error,
+    error,
+    refresh,
+    withStorage
+  };
+};
+//# sourceMappingURL=useStorage.js.map

package/lib/module/ui/hooks/useStorage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useRef","useState","createPlatformStorage","extractErrorMessage","DEFAULT_ERROR_CODE","useStorage","onError","logger","errorCode","storage","setStorage","error","setError","initializingRef","notifyError","err","message","code","status","createStorageInstance","platformStorage","refresh","current","finally","catch","withStorage","callback","resolvedStorage","isReady","Boolean"],"sourceRoot":"../../../../src","sources":["ui/hooks/useStorage.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAEhE,SAASC,qBAAqB,QAA+B,yBAAyB;AACtF,SAASC,mBAAmB,QAAQ,wBAAwB;AAgB5D,MAAMC,kBAAkB,GAAG,oBAAoB;;AAE/C;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,UAAU,GAAGA,CAAC;EACzBC,OAAO;EACPC,MAAM;EACNC,SAAS,GAAGJ;AACK,CAAC,GAAG,CAAC,CAAC,KAAuB;EAC9C,MAAM,CAACK,OAAO,EAAEC,UAAU,CAAC,GAAGT,QAAQ,CAA0B,IAAI,CAAC;EACrE,MAAM,CAACU,KAAK,EAAEC,QAAQ,CAAC,GAAGX,QAAQ,CAAgB,IAAI,CAAC;EACvD,MAAMY,eAAe,GAAGb,MAAM,CAA0C,IAAI,CAAC;EAE7E,MAAMc,WAAW,GAAGhB,WAAW,CAC5BiB,GAAY,IAAK;IAChB,MAAMC,OAAO,GAAGb,mBAAmB,CAACY,GAAG,EAAE,8BAA8B,CAAC;IACxEH,QAAQ,CAACI,OAAO,CAAC;IAEjB,IAAIT,MAAM,EAAE;MACVA,MAAM,CAACS,OAAO,EAAED,GAAG,CAAC;IACtB;IAEAT,OAAO,GAAG;MACRU,OAAO;MACPC,IAAI,EAAET,SAAS;MACfU,MAAM,EAAE;IACV,CAAC,CAAC;EACJ,CAAC,EACD,CAACV,SAAS,EAAED,MAAM,EAAED,OAAO,CAC7B,CAAC;EAED,MAAMa,qBAAqB,GAAGrB,WAAW,CAAC,YAA8C;IACtF,IAAI;MACF,MAAMsB,eAAe,GAAG,MAAMlB,qBAAqB,CAAC,CAAC;MACrDQ,UAAU,CAACU,eAAe,CAAC;MAC3BR,QAAQ,CAAC,IAAI,CAAC;MACd,OAAOQ,eAAe;IACxB,CAAC,CAAC,OAAOL,GAAG,EAAE;MACZD,WAAW,CAACC,GAAG,CAAC;MAChBL,UAAU,CAAC,IAAI,CAAC;MAChB,OAAO,IAAI;IACb;EACF,CAAC,EAAE,CAACI,WAAW,CAAC,CAAC;EAEjB,MAAMO,OAAO,GAAGvB,WAAW,CAAC,YAA8C;IACxE,IAAI,CAACe,eAAe,CAACS,OAAO,EAAE;MAC5BT,eAAe,CAACS,OAAO,GAAGH,qBAAqB,CAAC,CAAC,CAACI,OAAO,CAAC,MAAM;QAC9DV,eAAe,CAACS,OAAO,GAAG,IAAI;MAChC,CAAC,CAAC;IACJ;IAEA,OAAOT,eAAe,CAACS,OAAO;EAChC,CAAC,EAAE,CAACH,qBAAqB,CAAC,CAAC;EAE3BpB,SAAS,CAAC,MAAM;IACdsB,OAAO,CAAC,CAAC,CAACG,KAAK,CAAET,GAAG,IAAK;MACvBD,WAAW,CAACC,GAAG,CAAC;IAClB,CAAC,CAAC;EACJ,CAAC,EAAE,CAACM,OAAO,EAAEP,WAAW,CAAC,CAAC;EAE1B,MAAMW,WAAW,GAAG3B,WAAW,CAC7B,MAAW4B,QAA2D,IAAwB;IAC5F,MAAMC,eAAe,GAAGlB,OAAO,KAAK,MAAMY,OAAO,CAAC,CAAC,CAAC;IACpD,IAAI,CAACM,eAAe,EAAE;MACpB,OAAO,IAAI;IACb;IACA,OAAOD,QAAQ,CAACC,eAAe,CAAC;EAClC,CAAC,EACD,CAACN,OAAO,EAAEZ,OAAO,CACnB,CAAC;EAED,OAAO;IACLA,OAAO;IACPmB,OAAO,EAAEC,OAAO,CAACpB,OAAO,CAAC,IAAI,CAACE,KAAK;IACnCA,KAAK;IACLU,OAAO;IACPI;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/module/ui/hooks/useThemeColors.js

@@ -0,0 +1,27 @@
+"use strict";
+
+import { useMemo } from 'react';
+import { useColorScheme } from './use-color-scheme';
+import { Colors } from '../constants/theme';
+
+/**
+ * Reusable hook to get theme colors based on current color scheme
+ * Returns the Colors object for the current theme (light or dark)
+ * 
+ * @returns Colors object for the current color scheme
+ * 
+ * @example
+ * ```tsx
+ * const colors = useThemeColors();
+ * <View style={{ backgroundColor: colors.background }}>
+ *   <Text style={{ color: colors.text }}>Hello</Text>
+ * </View>
+ * ```
+ */
+export const useThemeColors = () => {
+  const colorScheme = useColorScheme();
+  return useMemo(() => {
+    return Colors[colorScheme ?? 'light'];
+  }, [colorScheme]);
+};
+//# sourceMappingURL=useThemeColors.js.map

package/lib/module/ui/hooks/useThemeColors.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","useColorScheme","Colors","useThemeColors","colorScheme"],"sourceRoot":"../../../../src","sources":["ui/hooks/useThemeColors.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,cAAc,QAAQ,oBAAoB;AACnD,SAASC,MAAM,QAAQ,oBAAoB;;AAE3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAM;EAClC,MAAMC,WAAW,GAAGH,cAAc,CAAC,CAAC;EAEpC,OAAOD,OAAO,CAAC,MAAM;IACnB,OAAOE,MAAM,CAACE,WAAW,IAAI,OAAO,CAAC;EACvC,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;AACnB,CAAC","ignoreList":[]}

package/lib/module/ui/hooks/useThemeStyles.js

@@ -0,0 +1,64 @@
+"use strict";
+
+import { useMemo } from 'react';
+import { useColorScheme } from './use-color-scheme';
+import { Colors } from '../constants/theme';
+import { normalizeColorScheme } from '../utils/themeUtils';
+/**
+ * Reusable hook for theme styles
+ * Replaces duplicated themeStyles useMemo pattern across multiple screens
+ * 
+ * Provides consistent theme colors across all service screens:
+ * - Base colors (text, background, borders)
+ * - Semantic colors (primary, danger, success)
+ * - Theme-aware calculations
+ * - Normalized color scheme and Colors object
+ * 
+ * @param theme - Theme string ('light' | 'dark')
+ * @param colorSchemeFromHook - Optional color scheme from useColorScheme() hook. If not provided, will call useColorScheme() internally.
+ * @returns ThemeStyles object with consistent color values
+ * 
+ * @example
+ * ```tsx
+ * const themeStyles = useThemeStyles(theme);
+ * <View style={{ backgroundColor: themeStyles.backgroundColor }}>
+ *   <Text style={{ color: themeStyles.textColor }}>Hello</Text>
+ * </View>
+ * ```
+ * 
+ * @example
+ * ```tsx
+ * const colorScheme = useColorScheme();
+ * const themeStyles = useThemeStyles(theme, colorScheme);
+ * const iconColor = themeStyles.colors.iconSecurity;
+ * ```
+ */
+export const useThemeStyles = (theme, colorSchemeFromHook) => {
+  const hookColorScheme = useColorScheme();
+  const colorSchemeToUse = colorSchemeFromHook ?? hookColorScheme;
+  return useMemo(() => {
+    const colorScheme = normalizeColorScheme(colorSchemeToUse, theme);
+    const isDarkTheme = colorScheme === 'dark';
+    const colors = Colors[colorScheme];
+    return {
+      // Base colors
+      textColor: isDarkTheme ? '#FFFFFF' : '#000000',
+      backgroundColor: isDarkTheme ? '#121212' : '#FFFFFF',
+      secondaryBackgroundColor: isDarkTheme ? '#222222' : '#F5F5F5',
+      borderColor: isDarkTheme ? '#444444' : '#E0E0E0',
+      mutedTextColor: '#8E8E93',
+      // Same for both themes
+
+      // Semantic colors (consistent across themes)
+      primaryColor: '#007AFF',
+      dangerColor: '#FF3B30',
+      successColor: '#34C759',
+      // Theme flag
+      isDarkTheme,
+      // Normalized color scheme and theme colors
+      colorScheme,
+      colors
+    };
+  }, [theme, colorSchemeToUse]);
+};
+//# sourceMappingURL=useThemeStyles.js.map