@n1xyz/wallet-widget 0.0.8 → 0.0.10

package/dist/Modal/NordFlow/hooks/useFlowState.js

@@ -9,7 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
 import { FlowState, initialFlowContext } from '../types';
 import { STATE_TRANSITIONS } from '../constants';
 import { clearStoredState, loadStateFromLocalStorage, saveStateToLocalStorage, } from '../utils/persistence';
@@ -20,17 +20,20 @@ import { logger } from '../../../utils/logger';
  * @returns Flow state management methods and properties
  */
 export var useFlowState = function (options) {
-    var _a = options.autoRecover, autoRecover = _a === void 0 ? true : _a, onStateChange = options.onStateChange, onError = options.onError;
+    var onStateChange = options.onStateChange, onError = options.onError;
     // Flow state
-    var _b = useState(FlowState.IDLE), state = _b[0], setState = _b[1];
-    var _c = useState(null), prevState = _c[0], setPrevState = _c[1];
-    var _d = useState(initialFlowContext), context = _d[0], setContext = _d[1];
-    var _e = useState(false), isTransitioning = _e[0], setIsTransitioning = _e[1];
-    var _f = useState(false), isRecoveryAvailable = _f[0], setIsRecoveryAvailable = _f[1];
+    var _a = useState(FlowState.IDLE), state = _a[0], setState = _a[1];
+    var _b = useState(null), prevState = _b[0], setPrevState = _b[1];
+    var _c = useState(initialFlowContext), context = _c[0], setContext = _c[1];
+    var _d = useState(false), isTransitioning = _d[0], setIsTransitioning = _d[1];
+    var _e = useState(false), isRecoveryAvailable = _e[0], setIsRecoveryAvailable = _e[1];
+    // Use refs to track previous values
+    var prevStateRef = useRef(FlowState.IDLE);
+    var prevContextRef = useRef(initialFlowContext);
     /**
      * Check if a transition is allowed based on current state and context
      */
-    var canTransition = useCallback(function (targetState, context) {
+    var canTransition = useCallback(function (targetState, contextData) {
         return STATE_TRANSITIONS.some(function (transition) {
             var fromMatches = Array.isArray(transition.from)
                 ? transition.from.includes(state)
@@ -39,16 +42,20 @@ export var useFlowState = function (options) {
                 return false;
             }
             if (transition.condition) {
-                return transition.condition(context);
+                return transition.condition(contextData);
             }
             return true;
         });
-    }, [state, context]);
+    }, [state]);
     /**
      * Transition to a new state if allowed
      */
     var transition = useCallback(function (targetState, contextUpdates) {
         if (contextUpdates === void 0) { contextUpdates = {}; }
+        // Skip if we're already in the target state and no context updates
+        if (targetState === state && Object.keys(contextUpdates).length === 0) {
+            return true;
+        }
         if (!canTransition(targetState, __assign(__assign({}, context), contextUpdates))) {
             logger.warn("Transition from ".concat(state, " to ").concat(targetState, " is not allowed"));
             return false;
@@ -63,23 +70,26 @@ export var useFlowState = function (options) {
         });
         // Then update state
         setPrevState(state);
-        logger.debug(targetState, 'targetState');
+        prevStateRef.current = state;
+        logger.debug("Transitioning from ".concat(state, " to ").concat(targetState));
         setState(targetState);
         if (onStateChange) {
             onStateChange(targetState, state);
         }
         setIsTransitioning(false);
         return true;
-    }, [canTransition, state, onStateChange]);
+    }, [canTransition, state, context, onStateChange]);
     /**
      * Reset flow to initial state
      */
     var reset = useCallback(function () {
         clearStoredState();
         setContext(initialFlowContext);
+        prevContextRef.current = initialFlowContext;
         setPrevState(null);
-        logger.debug('resetting');
+        logger.debug('Resetting flow state to IDLE');
         setState(FlowState.IDLE);
+        prevStateRef.current = FlowState.IDLE;
         if (onStateChange) {
             onStateChange(FlowState.IDLE, state);
         }
@@ -103,8 +113,10 @@ export var useFlowState = function (options) {
             return false;
         }
         setContext(savedState.context);
+        prevContextRef.current = savedState.context;
         setPrevState(state);
-        logger.debug(savedState.state, 'savedState.state');
+        prevStateRef.current = state;
+        logger.debug("Recovering state: ".concat(savedState.state));
         setState(savedState.state);
         if (onStateChange) {
             onStateChange(savedState.state, state);
@@ -115,8 +127,25 @@ export var useFlowState = function (options) {
      * Update context without state transition
      */
     var updateContext = useCallback(function (updates) {
+        // Skip if no actual updates
+        if (Object.keys(updates).length === 0) {
+            return;
+        }
         setContext(function (prevContext) {
+            // Check if any values are actually changing
+            var hasChanges = false;
+            // Type-safe way to check for changes
+            Object.keys(updates).forEach(function (key) {
+                if (updates[key] !== prevContext[key]) {
+                    hasChanges = true;
+                }
+            });
+            // If nothing is changing, return the previous context
+            if (!hasChanges) {
+                return prevContext;
+            }
             var newContext = __assign(__assign({}, prevContext), updates);
+            prevContextRef.current = newContext;
             saveStateToLocalStorage(state, newContext);
             return newContext;
         });
@@ -133,14 +162,6 @@ export var useFlowState = function (options) {
             },
         });
     }, [state, context, updateContext]);
-    // Check for recoverable state on mount
-    useEffect(function () {
-        var hasRecoverable = loadStateFromLocalStorage() !== null;
-        setIsRecoveryAvailable(hasRecoverable);
-        if (autoRecover && hasRecoverable) {
-            recover();
-        }
-    }, [autoRecover, recover]);
     // Register unload handler to record interruptions
     useEffect(function () {
         var handleBeforeUnload = function () {
@@ -165,3 +186,4 @@ export var useFlowState = function (options) {
         handleError: handleError,
     };
 };
+//# sourceMappingURL=useFlowState.js.map

package/dist/Modal/NordFlow/hooks/useFlowState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFlowState.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/hooks/useFlowState.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAAe,SAAS,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EACL,gBAAgB,EAChB,yBAAyB,EACzB,uBAAuB,GACxB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C;;;;GAIG;AACH,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,OAa5B;IACS,IAAA,aAAa,GAAc,OAAO,cAArB,EAAE,OAAO,GAAK,OAAO,QAAZ,CAAa;IAE3C,aAAa;IACP,IAAA,KAAoB,QAAQ,CAAY,SAAS,CAAC,IAAI,CAAC,EAAtD,KAAK,QAAA,EAAE,QAAQ,QAAuC,CAAC;IACxD,IAAA,KAA4B,QAAQ,CAAmB,IAAI,CAAC,EAA3D,SAAS,QAAA,EAAE,YAAY,QAAoC,CAAC;IAC7D,IAAA,KAAwB,QAAQ,CAAc,kBAAkB,CAAC,EAAhE,OAAO,QAAA,EAAE,UAAU,QAA6C,CAAC;IAClE,IAAA,KAAwC,QAAQ,CAAC,KAAK,CAAC,EAAtD,eAAe,QAAA,EAAE,kBAAkB,QAAmB,CAAC;IACxD,IAAA,KAAgD,QAAQ,CAAC,KAAK,CAAC,EAA9D,mBAAmB,QAAA,EAAE,sBAAsB,QAAmB,CAAC;IAEtE,oCAAoC;IACpC,IAAM,YAAY,GAAG,MAAM,CAAY,SAAS,CAAC,IAAI,CAAC,CAAC;IACvD,IAAM,cAAc,GAAG,MAAM,CAAc,kBAAkB,CAAC,CAAC;IAE/D;;OAEG;IACH,IAAM,aAAa,GAAG,WAAW,CAC/B,UAAC,WAAsB,EAAE,WAAwB;QAC/C,OAAO,iBAAiB,CAAC,IAAI,CAAC,UAAC,UAAU;YACvC,IAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC;gBAChD,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;gBACjC,CAAC,CAAC,UAAU,CAAC,IAAI,KAAK,KAAK,CAAC;YAE9B,IAAI,CAAC,WAAW,IAAI,UAAU,CAAC,EAAE,KAAK,WAAW,EAAE,CAAC;gBAClD,OAAO,KAAK,CAAC;YACf,CAAC;YAED,IAAI,UAAU,CAAC,SAAS,EAAE,CAAC;gBACzB,OAAO,UAAU,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;YAC3C,CAAC;YAED,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC;IACL,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAC;IAEF;;OAEG;IACH,IAAM,UAAU,GAAG,WAAW,CAC5B,UACE,WAAsB,EACtB,cAAyC;QAAzC,+BAAA,EAAA,mBAAyC;QAEzC,mEAAmE;QACnE,IAAI,WAAW,KAAK,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACtE,OAAO,IAAI,CAAC;QACd,CAAC;QAED,IAAI,CAAC,aAAa,CAAC,WAAW,wBAAO,OAAO,GAAK,cAAc,EAAG,EAAE,CAAC;YACnE,MAAM,CAAC,IAAI,CACT,0BAAmB,KAAK,iBAAO,WAAW,oBAAiB,CAC5D,CAAC;YACF,OAAO,KAAK,CAAC;QACf,CAAC;QAED,kBAAkB,CAAC,IAAI,CAAC,CAAC;QAEzB,uBAAuB;QACvB,UAAU,CAAC,UAAC,WAAW;YACrB,IAAM,UAAU,yBAAQ,WAAW,GAAK,cAAc,CAAE,CAAC;YAEzD,0DAA0D;YAC1D,uBAAuB,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;YAEjD,OAAO,UAAU,CAAC;QACpB,CAAC,CAAC,CAAC;QAEH,oBAAoB;QACpB,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;QAC7B,MAAM,CAAC,KAAK,CAAC,6BAAsB,KAAK,iBAAO,WAAW,CAAE,CAAC,CAAC;QAC9D,QAAQ,CAAC,WAAW,CAAC,CAAC;QAEtB,IAAI,aAAa,EAAE,CAAC;YAClB,aAAa,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;QACpC,CAAC;QAED,kBAAkB,CAAC,KAAK,CAAC,CAAC;QAC1B,OAAO,IAAI,CAAC;IACd,CAAC,EACD,CAAC,aAAa,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,CAAC,CAC/C,CAAC;IAEF;;OAEG;IACH,IAAM,KAAK,GAAG,WAAW,CAAC;QACxB,gBAAgB,EAAE,CAAC;QACnB,UAAU,CAAC,kBAAkB,CAAC,CAAC;QAC/B,cAAc,CAAC,OAAO,GAAG,kBAAkB,CAAC;QAC5C,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,MAAM,CAAC,KAAK,CAAC,8BAA8B,CAAC,CAAC;QAC7C,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QACzB,YAAY,CAAC,OAAO,GAAG,SAAS,CAAC,IAAI,CAAC;QAEtC,IAAI,aAAa,EAAE,CAAC;YAClB,aAAa,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACvC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC;IAE3B;;OAEG;IACH,IAAM,WAAW,GAAG,WAAW,CAC7B,UAAC,KAAY;QACX,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC;QAED,UAAU,CAAC,SAAS,CAAC,KAAK,EAAE,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC;IACzC,CAAC,EACD,CAAC,UAAU,EAAE,OAAO,CAAC,CACtB,CAAC;IAEF;;OAEG;IACH,IAAM,OAAO,GAAG,WAAW,CAAC;QAC1B,IAAM,UAAU,GAAG,yBAAyB,EAAE,CAAC;QAE/C,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,sBAAsB,CAAC,KAAK,CAAC,CAAC;YAC9B,OAAO,KAAK,CAAC;QACf,CAAC;QAED,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAC/B,cAAc,CAAC,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;QAC5C,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;QAC7B,MAAM,CAAC,KAAK,CAAC,4BAAqB,UAAU,CAAC,KAAK,CAAE,CAAC,CAAC;QACtD,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QAE3B,IAAI,aAAa,EAAE,CAAC;YAClB,aAAa,CAAC,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QACzC,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC;IAE3B;;OAEG;IACH,IAAM,aAAa,GAAG,WAAW,CAC/B,UAAC,OAA6B;QAC5B,4BAA4B;QAC5B,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACtC,OAAO;QACT,CAAC;QAED,UAAU,CAAC,UAAC,WAAW;YACrB,4CAA4C;YAC5C,IAAI,UAAU,GAAG,KAAK,CAAC;YAEvB,qCAAqC;YACpC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAuC,CAAC,OAAO,CAAC,UAAA,GAAG;gBACrE,IAAI,OAAO,CAAC,GAAG,CAAC,KAAK,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC;oBACtC,UAAU,GAAG,IAAI,CAAC;gBACpB,CAAC;YACH,CAAC,CAAC,CAAC;YAEH,sDAAsD;YACtD,IAAI,CAAC,UAAU,EAAE,CAAC;gBAChB,OAAO,WAAW,CAAC;YACrB,CAAC;YAED,IAAM,UAAU,yBAAQ,WAAW,GAAK,OAAO,CAAE,CAAC;YAClD,cAAc,CAAC,OAAO,GAAG,UAAU,CAAC;YACpC,uBAAuB,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;YAC3C,OAAO,UAAU,CAAC;QACpB,CAAC,CAAC,CAAC;IACL,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAC;IAEF;;OAEG;IACH,IAAM,kBAAkB,GAAG,WAAW,CAAC;QACrC,aAAa,CAAC;YACZ,gBAAgB,EAAE;gBAChB,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE;gBACrB,KAAK,OAAA;gBACL,OAAO,eAAO,OAAO,CAAE;aACxB;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC;IAEpC,kDAAkD;IAClD,SAAS,CAAC;QACR,IAAM,kBAAkB,GAAG;YACzB,kBAAkB,EAAE,CAAC;QACvB,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAC;QAE5D,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAC;QACjE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,OAAO;QACL,KAAK,OAAA;QACL,SAAS,WAAA;QACT,OAAO,SAAA;QACP,eAAe,iBAAA;QACf,mBAAmB,qBAAA;QACnB,UAAU,YAAA;QACV,aAAa,eAAA;QACb,KAAK,OAAA;QACL,OAAO,SAAA;QACP,kBAAkB,oBAAA;QAClB,WAAW,aAAA;KACZ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { FlowContext, FlowState, initialFlowContext } from '../types';\nimport { STATE_TRANSITIONS } from '../constants';\nimport {\n  clearStoredState,\n  loadStateFromLocalStorage,\n  saveStateToLocalStorage,\n} from '../utils/persistence';\nimport { logger } from '../../../utils/logger';\n\n/**\n * Custom hook for managing the wallet connection flow state machine\n * @param options Configuration options\n * @returns Flow state management methods and properties\n */\nexport const useFlowState = (options: {\n  /**\n   * Whether to automatically recover saved state on initialization\n   */\n  autoRecover?: boolean;\n  /**\n   * Callback when state changes\n   */\n  onStateChange?: (newState: FlowState, prevState: FlowState | null) => void;\n  /**\n   * Callback when an error occurs\n   */\n  onError?: (error: Error) => void;\n}) => {\n  const { onStateChange, onError } = options;\n\n  // Flow state\n  const [state, setState] = useState<FlowState>(FlowState.IDLE);\n  const [prevState, setPrevState] = useState<FlowState | null>(null);\n  const [context, setContext] = useState<FlowContext>(initialFlowContext);\n  const [isTransitioning, setIsTransitioning] = useState(false);\n  const [isRecoveryAvailable, setIsRecoveryAvailable] = useState(false);\n  \n  // Use refs to track previous values\n  const prevStateRef = useRef<FlowState>(FlowState.IDLE);\n  const prevContextRef = useRef<FlowContext>(initialFlowContext);\n\n  /**\n   * Check if a transition is allowed based on current state and context\n   */\n  const canTransition = useCallback(\n    (targetState: FlowState, contextData: FlowContext): boolean => {\n      return STATE_TRANSITIONS.some((transition) => {\n        const fromMatches = Array.isArray(transition.from)\n          ? transition.from.includes(state)\n          : transition.from === state;\n\n        if (!fromMatches || transition.to !== targetState) {\n          return false;\n        }\n\n        if (transition.condition) {\n          return transition.condition(contextData);\n        }\n\n        return true;\n      });\n    },\n    [state]\n  );\n\n  /**\n   * Transition to a new state if allowed\n   */\n  const transition = useCallback(\n    (\n      targetState: FlowState,\n      contextUpdates: Partial<FlowContext> = {}\n    ): boolean => {\n      // Skip if we're already in the target state and no context updates\n      if (targetState === state && Object.keys(contextUpdates).length === 0) {\n        return true;\n      }\n      \n      if (!canTransition(targetState, { ...context, ...contextUpdates })) {\n        logger.warn(\n          `Transition from ${state} to ${targetState} is not allowed`\n        );\n        return false;\n      }\n\n      setIsTransitioning(true);\n\n      // Update context first\n      setContext((prevContext) => {\n        const newContext = { ...prevContext, ...contextUpdates };\n\n        // Save new state and context to localStorage for recovery\n        saveStateToLocalStorage(targetState, newContext);\n\n        return newContext;\n      });\n\n      // Then update state\n      setPrevState(state);\n      prevStateRef.current = state;\n      logger.debug(`Transitioning from ${state} to ${targetState}`);\n      setState(targetState);\n\n      if (onStateChange) {\n        onStateChange(targetState, state);\n      }\n\n      setIsTransitioning(false);\n      return true;\n    },\n    [canTransition, state, context, onStateChange]\n  );\n\n  /**\n   * Reset flow to initial state\n   */\n  const reset = useCallback(() => {\n    clearStoredState();\n    setContext(initialFlowContext);\n    prevContextRef.current = initialFlowContext;\n    setPrevState(null);\n    logger.debug('Resetting flow state to IDLE');\n    setState(FlowState.IDLE);\n    prevStateRef.current = FlowState.IDLE;\n\n    if (onStateChange) {\n      onStateChange(FlowState.IDLE, state);\n    }\n  }, [state, onStateChange]);\n\n  /**\n   * Handle an error by transitioning to error state\n   */\n  const handleError = useCallback(\n    (error: Error) => {\n      if (onError) {\n        onError(error);\n      }\n\n      transition(FlowState.ERROR, { error });\n    },\n    [transition, onError]\n  );\n\n  /**\n   * Recover state from localStorage\n   */\n  const recover = useCallback((): boolean => {\n    const savedState = loadStateFromLocalStorage();\n\n    if (!savedState) {\n      setIsRecoveryAvailable(false);\n      return false;\n    }\n\n    setContext(savedState.context);\n    prevContextRef.current = savedState.context;\n    setPrevState(state);\n    prevStateRef.current = state;\n    logger.debug(`Recovering state: ${savedState.state}`);\n    setState(savedState.state);\n\n    if (onStateChange) {\n      onStateChange(savedState.state, state);\n    }\n\n    return true;\n  }, [state, onStateChange]);\n\n  /**\n   * Update context without state transition\n   */\n  const updateContext = useCallback(\n    (updates: Partial<FlowContext>) => {\n      // Skip if no actual updates\n      if (Object.keys(updates).length === 0) {\n        return;\n      }\n      \n      setContext((prevContext) => {\n        // Check if any values are actually changing\n        let hasChanges = false;\n        \n        // Type-safe way to check for changes\n        (Object.keys(updates) as Array<keyof Partial<FlowContext>>).forEach(key => {\n          if (updates[key] !== prevContext[key]) {\n            hasChanges = true;\n          }\n        });\n        \n        // If nothing is changing, return the previous context\n        if (!hasChanges) {\n          return prevContext;\n        }\n        \n        const newContext = { ...prevContext, ...updates };\n        prevContextRef.current = newContext;\n        saveStateToLocalStorage(state, newContext);\n        return newContext;\n      });\n    },\n    [state]\n  );\n\n  /**\n   * Record an interruption in the flow (e.g., modal close, page reload)\n   */\n  const recordInterruption = useCallback(() => {\n    updateContext({\n      lastInterruption: {\n        timestamp: Date.now(),\n        state,\n        context: { ...context },\n      },\n    });\n  }, [state, context, updateContext]);\n\n  // Register unload handler to record interruptions\n  useEffect(() => {\n    const handleBeforeUnload = () => {\n      recordInterruption();\n    };\n\n    window.addEventListener('beforeunload', handleBeforeUnload);\n\n    return () => {\n      window.removeEventListener('beforeunload', handleBeforeUnload);\n    };\n  }, [recordInterruption]);\n\n  return {\n    state,\n    prevState,\n    context,\n    isTransitioning,\n    isRecoveryAvailable,\n    transition,\n    updateContext,\n    reset,\n    recover,\n    recordInterruption,\n    handleError,\n  };\n};\n"]}

package/dist/Modal/NordFlow/hooks/useInterruptHandler.js

@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
 /**
  * Hook for handling interruptions during the flow
  *
@@ -6,12 +6,18 @@ import { useCallback, useEffect, useState } from 'react';
  * @returns Interruption handling methods and state
  */
 export var useInterruptHandler = function (options) {
-    var state = options.state, recordInterruption = options.recordInterruption, onClose = options.onClose;
+    var recordInterruption = options.recordInterruption, onClose = options.onClose;
+    // Use ref to track previous state
+    var prevStateRef = useRef(options.state);
     var _a = useState(false), isClosing = _a[0], setIsClosing = _a[1];
     /**
      * Handle modal close request
      */
     var handleCloseRequest = useCallback(function () {
+        // Skip if already closing
+        if (isClosing) {
+            return true;
+        }
         // Always proceed with closing
         setIsClosing(true);
         recordInterruption();
@@ -22,12 +28,12 @@ export var useInterruptHandler = function (options) {
             }
         }, 300);
         return true;
-    }, [recordInterruption, onClose]);
+    }, [recordInterruption, onClose, isClosing]);
     /**
      * Handle beforeunload event to record interruptions
      */
     useEffect(function () {
-        var handleBeforeUnload = function (event) {
+        var handleBeforeUnload = function () {
             // Record the interruption
             recordInterruption();
         };
@@ -36,21 +42,18 @@ export var useInterruptHandler = function (options) {
             window.removeEventListener('beforeunload', handleBeforeUnload);
         };
     }, [recordInterruption]);
-    /**
-     * Handle focus events to detect when user returns to the page
-     */
+    // Track state changes
     useEffect(function () {
-        var handleFocus = function () {
-            // Here we could potentially check for state changes
-            // that happened while the user was away
-        };
-        window.addEventListener('focus', handleFocus);
-        return function () {
-            window.removeEventListener('focus', handleFocus);
-        };
-    }, []);
+        var currentState = options.state;
+        var prevState = prevStateRef.current;
+        // Update ref if state has changed
+        if (currentState !== prevState) {
+            prevStateRef.current = currentState;
+        }
+    }, [options.state]);
     return {
         isClosing: isClosing,
         handleCloseRequest: handleCloseRequest,
     };
 };
+//# sourceMappingURL=useInterruptHandler.js.map

package/dist/Modal/NordFlow/hooks/useInterruptHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInterruptHandler.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/hooks/useInterruptHandler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjE;;;;;GAKG;AACH,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAC,OAanC;IACS,IAAA,kBAAkB,GAAc,OAAO,mBAArB,EAAE,OAAO,GAAK,OAAO,QAAZ,CAAa;IAEhD,kCAAkC;IAClC,IAAM,YAAY,GAAG,MAAM,CAAY,OAAO,CAAC,KAAK,CAAC,CAAC;IAEhD,IAAA,KAA4B,QAAQ,CAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAC;IAElD;;OAEG;IACH,IAAM,kBAAkB,GAAG,WAAW,CAAC;QACrC,0BAA0B;QAC1B,IAAI,SAAS,EAAE,CAAC;YACd,OAAO,IAAI,CAAC;QACd,CAAC;QAED,8BAA8B;QAC9B,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,kBAAkB,EAAE,CAAC;QAErB,wCAAwC;QACxC,UAAU,CAAC;YACT,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,EAAE,CAAC;YACZ,CAAC;QACH,CAAC,EAAE,GAAG,CAAC,CAAC;QAER,OAAO,IAAI,CAAC;IACd,CAAC,EAAE,CAAC,kBAAkB,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;IAE7C;;OAEG;IACH,SAAS,CAAC;QACR,IAAM,kBAAkB,GAAG;YACzB,0BAA0B;YAC1B,kBAAkB,EAAE,CAAC;QACvB,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAC;QAE5D,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAC;QACjE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,sBAAsB;IACtB,SAAS,CAAC;QACR,IAAM,YAAY,GAAG,OAAO,CAAC,KAAK,CAAC;QACnC,IAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;QAEvC,kCAAkC;QAClC,IAAI,YAAY,KAAK,SAAS,EAAE,CAAC;YAC/B,YAAY,CAAC,OAAO,GAAG,YAAY,CAAC;QACtC,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;IAEpB,OAAO;QACL,SAAS,WAAA;QACT,kBAAkB,oBAAA;KACnB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { FlowState } from '../types';\n\n/**\n * Hook for handling interruptions during the flow\n *\n * @param options Configuration options\n * @returns Interruption handling methods and state\n */\nexport const useInterruptHandler = (options: {\n  /**\n   * Flow state\n   */\n  state: FlowState;\n  /**\n   * Record an interruption\n   */\n  recordInterruption: () => void;\n  /**\n   * Callback to handle modal close\n   */\n  onClose?: () => void;\n}) => {\n  const { recordInterruption, onClose } = options;\n  \n  // Use ref to track previous state\n  const prevStateRef = useRef<FlowState>(options.state);\n\n  const [isClosing, setIsClosing] = useState(false);\n\n  /**\n   * Handle modal close request\n   */\n  const handleCloseRequest = useCallback(() => {\n    // Skip if already closing\n    if (isClosing) {\n      return true;\n    }\n    \n    // Always proceed with closing\n    setIsClosing(true);\n    recordInterruption();\n\n    // Delay actual close to allow animation\n    setTimeout(() => {\n      if (onClose) {\n        onClose();\n      }\n    }, 300);\n\n    return true;\n  }, [recordInterruption, onClose, isClosing]);\n\n  /**\n   * Handle beforeunload event to record interruptions\n   */\n  useEffect(() => {\n    const handleBeforeUnload = () => {\n      // Record the interruption\n      recordInterruption();\n    };\n\n    window.addEventListener('beforeunload', handleBeforeUnload);\n\n    return () => {\n      window.removeEventListener('beforeunload', handleBeforeUnload);\n    };\n  }, [recordInterruption]);\n\n  // Track state changes\n  useEffect(() => {\n    const currentState = options.state;\n    const prevState = prevStateRef.current;\n    \n    // Update ref if state has changed\n    if (currentState !== prevState) {\n      prevStateRef.current = currentState;\n    }\n  }, [options.state]);\n\n  return {\n    isClosing,\n    handleCloseRequest,\n  };\n};\n"]}

package/dist/Modal/NordFlow/hooks/useNordInstance.d.ts

@@ -1,10 +1,6 @@
-import { NordUser } from '@n1xyz/nord-ts';
 /**
  * Hook to access the Nord instance and create a NordUser if needed
  */
 export declare const useNordInstance: () => {
-    nord: import("@n1xyz/nord-ts").Nord | undefined;
-    createNordUser: () => Promise<NordUser | null>;
     nordUser: any;
-    createTransactionSignFunction: () => (transaction: any) => Promise<any>;
 };

package/dist/Modal/NordFlow/hooks/useNordInstance.js

@@ -36,28 +36,23 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 import { NordUser } from '@n1xyz/nord-ts';
 import { generateSessionKeyPair, signEd25519 } from '@n1xyz/nts-sdk';
-import { PublicKey } from '@solana/web3.js';
-import { useEffect } from 'react';
+import { PublicKey, Transaction } from '@solana/web3.js';
+import { useCallback, useEffect, useRef } from 'react';
 import { WalletError, WalletErrorCode } from '../../../errors/types';
 import { getSessionKeysFromLocalStorage, storeSessionKeysInLocalStorage, } from '../../../Logic/utils';
 import { useN1WalletContext, useN1WalletInternalContext, } from '../../../Provider/hooks';
 import { logger } from '../../../utils/logger';
-// Utility function to convert Uint8Array to base64 string
-function arrayBufferToBase64(buffer) {
-    var binary = '';
-    for (var i = 0; i < buffer.length; i++) {
-        binary += String.fromCharCode(buffer[i]);
-    }
-    return btoa(binary);
-}
 /**
  * Hook to access the Nord instance and create a NordUser if needed
  */
 export var useNordInstance = function () {
     var _a = useN1WalletContext(), nord = _a.nord, address = _a.address, signMessageWithWalletKey = _a.signMessageWithWalletKey, signMessageWithSessionKey = _a.signMessageWithSessionKey, signTransactionWithWalletKey = _a.signTransactionWithWalletKey, nordUser = _a.nordUser, sessionPubKey = _a.sessionPubKey;
     var _b = useN1WalletInternalContext(), setSessionPubKey = _b.setSessionPubKey, setSignMessageWithSessionKey = _b.setSignMessageWithSessionKey, setSignMessageWithWalletKey = _b.setSignMessageWithWalletKey, setSignTransactionWithWalletKey = _b.setSignTransactionWithWalletKey, dynamicWallet = _b.dynamicWallet, setNordUser = _b.setNordUser;
+    // Use refs to track previous values to prevent unnecessary re-renders
+    var prevDynamicWalletRef = useRef(dynamicWallet);
+    var prevAddressRef = useRef(address);
     // Create a wallet signing function if needed
-    var createWalletSignFunction = function () {
+    var createWalletSignFunction = useCallback(function () {
         if (!dynamicWallet) {
             return null;
         }
@@ -88,11 +83,14 @@ export var useNordInstance = function () {
         // Set the wallet sign function in context
         setSignMessageWithWalletKey(function () { return signWithWallet; });
         return signWithWallet;
-    };
+    }, [dynamicWallet, setSignMessageWithWalletKey]);
     // Create a wallet transaction signing function
-    var createTransactionSignFunction = function () {
+    var createTransactionSignFunction = useCallback(function () {
+        if (!dynamicWallet) {
+            return null;
+        }
         var signTransactionWithWallet = function (transaction) { return __awaiter(void 0, void 0, void 0, function () {
-            var signedTransaction, error_2;
+            var signedTransaction, serializedTx, error_2;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -103,7 +101,10 @@ export var useNordInstance = function () {
                     case 2:
                         signedTransaction = _a.sent();
                         logger.debug('Solana transaction signature received');
-                        return [2 /*return*/, signedTransaction];
+                        serializedTx = signedTransaction.serialize();
+                        // Create a new transaction from the serialized data
+                        // This will have a proper signature property that can be accessed
+                        return [2 /*return*/, Transaction.from(serializedTx)];
                     case 3: throw new WalletError(WalletErrorCode.USER_REJECTED, 'Unsupported chain', { originalError: new Error('Unsupported chain') });
                     case 4:
                         error_2 = _a.sent();
@@ -116,9 +117,9 @@ export var useNordInstance = function () {
         // Set the transaction sign function in context
         setSignTransactionWithWalletKey(function () { return signTransactionWithWallet; });
         return signTransactionWithWallet;
-    };
+    }, [dynamicWallet, setSignTransactionWithWalletKey]);
     // Create a session if we have the necessary dependencies but no session sign function
-    var createSession = function () { return __awaiter(void 0, void 0, void 0, function () {
+    var createSession = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
         var sessionKeyPair_1, storedKeys, tempKeyPair, error_3, signFn_1, error_4;
         return __generator(this, function (_a) {
             switch (_a.label) {
@@ -186,9 +187,9 @@ export var useNordInstance = function () {
                 case 8: return [2 /*return*/];
             }
         });
-    }); };
+    }); }, [address, dynamicWallet, setSessionPubKey, setSignMessageWithSessionKey]);
     // Create a NordUser instance if needed
-    var createNordUser = function () { return __awaiter(void 0, void 0, void 0, function () {
+    var createNordUser = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
         var walletSignFn, sessionSignFn, createdSignFn, sessionId, sessionKeyData, sessionIdKey, storedSessionId, user, _1, error_6;
         return __generator(this, function (_a) {
             switch (_a.label) {
@@ -242,6 +243,9 @@ export var useNordInstance = function () {
                             console.error('Error retrieving sessionId from localStorage:', error);
                         }
                     }
+                    if (!nord || !address || !sessionPubKey) {
+                        return [2 /*return*/, null];
+                    }
                     user = new NordUser({
                         nord: nord,
                         address: address,
@@ -274,17 +278,53 @@ export var useNordInstance = function () {
                 case 8: return [2 /*return*/];
             }
         });
-    }); };
+    }); }, [
+        nord,
+        address,
+        dynamicWallet,
+        signMessageWithWalletKey,
+        signMessageWithSessionKey,
+        signTransactionWithWalletKey,
+        sessionPubKey,
+        createWalletSignFunction,
+        createTransactionSignFunction,
+        createSession,
+        setNordUser
+    ]);
+    // Initialize wallet and session functions only when dependencies change
     useEffect(function () {
-        if (dynamicWallet && nord && address) {
+        var currentDynamicWallet = dynamicWallet;
+        var currentAddress = address;
+        var prevDynamicWallet = prevDynamicWalletRef.current;
+        var prevAddress = prevAddressRef.current;
+        // Only run if dynamicWallet or address has actually changed
+        if ((currentDynamicWallet !== prevDynamicWallet ||
+            currentAddress !== prevAddress) &&
+            currentDynamicWallet &&
+            nord &&
+            currentAddress) {
+            logger.debug('Wallet or address changed, initializing functions');
             if (signMessageWithSessionKey == null)
                 createSession();
             if (signMessageWithWalletKey == null)
                 createWalletSignFunction();
             if (signTransactionWithWalletKey == null)
                 createTransactionSignFunction();
+            // Update refs
+            prevDynamicWalletRef.current = currentDynamicWallet;
+            prevAddressRef.current = currentAddress;
         }
-    }, [nord, dynamicWallet, address]);
+    }, [
+        dynamicWallet,
+        address,
+        nord,
+        signMessageWithSessionKey,
+        signMessageWithWalletKey,
+        signTransactionWithWalletKey,
+        createSession,
+        createWalletSignFunction,
+        createTransactionSignFunction
+    ]);
     // Initialize NordUser when dependencies change, but only if we don't already have one
     useEffect(function () {
         var initNordUser = function () { return __awaiter(void 0, void 0, void 0, function () {
@@ -309,11 +349,11 @@ export var useNordInstance = function () {
         signMessageWithWalletKey,
         signMessageWithSessionKey,
         signTransactionWithWalletKey,
+        nordUser,
+        createNordUser
     ]);
     return {
-        nord: nord,
-        createNordUser: createNordUser,
         nordUser: nordUser,
-        createTransactionSignFunction: createTransactionSignFunction,
     };
 };
+//# sourceMappingURL=useNordInstance.js.map

package/dist/Modal/NordFlow/hooks/useNordInstance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNordInstance.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/hooks/useNordInstance.ts"],"names":[],"mappings":"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","sourcesContent":["import { NordUser } from '@n1xyz/nord-ts';\nimport { generateSessionKeyPair, signEd25519 } from '@n1xyz/nts-sdk';\nimport { PublicKey, Transaction } from '@solana/web3.js';\nimport { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { WalletError, WalletErrorCode } from '../../../errors/types';\nimport {\n  getSessionKeysFromLocalStorage,\n  storeSessionKeysInLocalStorage,\n} from '../../../Logic/utils';\nimport {\n  useN1WalletContext,\n  useN1WalletInternalContext,\n} from '../../../Provider/hooks';\nimport { logger } from '../../../utils/logger';\nimport { sign } from 'crypto';\n\n\n/**\n * Hook to access the Nord instance and create a NordUser if needed\n */\nexport const useNordInstance = () => {\n  const {\n    nord,\n    address,\n    signMessageWithWalletKey,\n    signMessageWithSessionKey,\n    signTransactionWithWalletKey,\n    nordUser,\n    sessionPubKey,\n  } = useN1WalletContext();\n  const {\n    setSessionPubKey,\n    setSignMessageWithSessionKey,\n    setSignMessageWithWalletKey,\n    setSignTransactionWithWalletKey,\n    dynamicWallet,\n    setNordUser,\n  } = useN1WalletInternalContext();\n\n  // Use refs to track previous values to prevent unnecessary re-renders\n  const prevDynamicWalletRef = useRef(dynamicWallet);\n  const prevAddressRef = useRef(address);\n\n  // Create a wallet signing function if needed\n  const createWalletSignFunction = useCallback(() => {\n    if (!dynamicWallet) {\n      return null;\n    }\n\n    const signWithWallet = async (msg: Uint8Array): Promise<Uint8Array> => {\n      try {\n        const hexMsg = Buffer.from(msg).toString('hex');\n        const signature = await dynamicWallet.signMessage(hexMsg);\n        const binaryString = atob(signature);\n        const signatureUint8Array = new Uint8Array(binaryString.length);\n        for (let i = 0; i < binaryString.length; i++) {\n          signatureUint8Array[i] = binaryString.charCodeAt(i);\n        }\n        return signatureUint8Array;\n      } catch (error) {\n        console.error('Error signing with wallet:', error);\n        throw new WalletError(\n          WalletErrorCode.USER_REJECTED,\n          'Failed to sign message with wallet',\n          { originalError: error }\n        );\n      }\n    };\n\n    // Set the wallet sign function in context\n    setSignMessageWithWalletKey(() => signWithWallet);\n    return signWithWallet;\n  }, [dynamicWallet, setSignMessageWithWalletKey]);\n\n  // Create a wallet transaction signing function\n  const createTransactionSignFunction = useCallback(() => {\n    if (!dynamicWallet) {\n      return null;\n    }\n    \n    const signTransactionWithWallet = async (\n      transaction: any\n    ): Promise<any> => {\n      try {\n        if (dynamicWallet.chain === 'SOL') {\n          const signedTransaction = await (\n            await dynamicWallet.getSigner()\n          ).signTransaction(transaction);\n          logger.debug('Solana transaction signature received');\n          \n          // Serialize the transaction and create a new one from the serialized data\n          // This avoids the need to modify the signature property directly\n          const serializedTx = signedTransaction.serialize();\n          \n          // Create a new transaction from the serialized data\n          // This will have a proper signature property that can be accessed\n          return Transaction.from(serializedTx);\n        }\n\n        throw new WalletError(\n          WalletErrorCode.USER_REJECTED,\n          'Unsupported chain',\n          { originalError: new Error('Unsupported chain') }\n        );\n      } catch (error) {\n        console.error('Error signing transaction with wallet:', error);\n        throw new WalletError(\n          WalletErrorCode.USER_REJECTED,\n          'Failed to sign transaction with wallet',\n          { originalError: error }\n        );\n      }\n    };\n\n    // Set the transaction sign function in context\n    setSignTransactionWithWalletKey(() => signTransactionWithWallet);\n    return signTransactionWithWallet;\n  }, [dynamicWallet, setSignTransactionWithWalletKey]);\n\n  // Create a session if we have the necessary dependencies but no session sign function\n  const createSession = useCallback(async () => {\n    try {\n      // Try to load existing session keys from localStorage\n      let sessionKeyPair = null;\n      if (address) {\n        const storedKeys = getSessionKeysFromLocalStorage(address);\n        if (storedKeys) {\n          // Reconstruct the key pair from the stored private key\n          // We need to derive the public key from the private key\n          try {\n            // Generate a new key pair to get the proper structure\n            const tempKeyPair = await generateSessionKeyPair();\n            // Replace the private key with our stored one\n            sessionKeyPair = {\n              privateKey: storedKeys.ed25519PrivateKey,\n              // For Ed25519, the public key is the second half of the private key\n              publicKey: tempKeyPair.publicKey,\n            };\n          } catch (error) {\n            console.error(\n              'Error reconstructing key pair from stored keys:',\n              error\n            );\n            sessionKeyPair = null;\n          }\n        }\n      }\n\n      // If we couldn't load keys from localStorage, generate new ones\n      if (!sessionKeyPair) {\n        sessionKeyPair = await generateSessionKeyPair();\n      }\n\n      // Create session signing function\n      const signFn = async (message: any): Promise<any> => {\n        try {\n          return await signEd25519(message, sessionKeyPair.privateKey);\n        } catch (error) {\n          console.error('Error signing with session key:', error);\n          throw error;\n        }\n      };\n\n      // Store session keys\n      storeSessionKeysInLocalStorage({\n        privKey: sessionKeyPair.privateKey,\n        walletPublicKey: address,\n        chainName: dynamicWallet?.chain || 'ETH', // Default to ETH if we don't have chain info\n      });\n\n      // Set session public key and sign function in context\n      setSessionPubKey(sessionKeyPair.publicKey);\n      setSignMessageWithSessionKey(() => signFn);\n      return signFn;\n    } catch (error) {\n      console.error('Error creating session:', error);\n      return null;\n    }\n  }, [address, dynamicWallet, setSessionPubKey, setSignMessageWithSessionKey]);\n\n  // Create a NordUser instance if needed\n  const createNordUser = useCallback(async () => {\n    try {\n      // If we don't have a wallet sign function, create one\n      let walletSignFn = signMessageWithWalletKey;\n      if (!walletSignFn && dynamicWallet) {\n        walletSignFn = createWalletSignFunction();\n\n        if (!walletSignFn) {\n          console.error('Failed to create wallet sign function');\n          return null;\n        }\n      }\n\n      if (!walletSignFn) {\n        console.error(\n          'Cannot create NordUser, no wallet sign function available'\n        );\n        return null;\n      }\n\n      // If we don't have a transaction sign function, create one\n      if (!signTransactionWithWalletKey && dynamicWallet) {\n        createTransactionSignFunction();\n      }\n\n      // If we don't have a session sign function, create one\n      let sessionSignFn = signMessageWithSessionKey;\n      if (!sessionSignFn) {\n        const createdSignFn = await createSession();\n\n        if (!createdSignFn) {\n          console.error('Failed to create session sign function');\n          return null;\n        }\n\n        sessionSignFn = createdSignFn;\n      }\n\n      // Check if there's a sessionId stored for the session public key\n      let sessionId = undefined;\n      if (address) {\n        try {\n          // Get the session key from localStorage\n          const sessionKeyData = getSessionKeysFromLocalStorage(address);\n          if (sessionKeyData) {\n            // Check if there's a sessionId stored in localStorage\n            const sessionIdKey = `n1_sessionId_${address}`;\n            const storedSessionId = localStorage.getItem(sessionIdKey);\n            if (storedSessionId !== null) {\n              // Convert the stored sessionId to BigInt\n              sessionId = BigInt(storedSessionId);\n              logger.debug('Found existing sessionId in localStorage', {\n                sessionId: storedSessionId,\n              });\n            }\n          }\n        } catch (error) {\n          console.error('Error retrieving sessionId from localStorage:', error);\n        }\n      }\n\n      if (!nord || !address || !sessionPubKey) {\n        return null;\n      }\n\n      const user = new NordUser({\n        nord: nord,\n        address,\n        walletSignFn,\n        sessionSignFn,\n        transactionSignFn: signTransactionWithWalletKey!,\n        sessionId, // Pass the sessionId if it exists\n        sessionPubKey: sessionPubKey!,\n        publicKey: new PublicKey(address),\n      });\n\n      try {\n        await user.updateAccountId();\n      } catch (_) {\n        // Ignore errors during account ID update\n      }\n\n      // Update the nordUser in the context\n      setNordUser(user);\n      return user;\n    } catch (error) {\n      console.error('Error creating NordUser:', error);\n      setNordUser(null);\n      return null;\n    }\n  }, [\n    nord,\n    address,\n    dynamicWallet,\n    signMessageWithWalletKey,\n    signMessageWithSessionKey,\n    signTransactionWithWalletKey,\n    sessionPubKey,\n    createWalletSignFunction,\n    createTransactionSignFunction,\n    createSession,\n    setNordUser\n  ]);\n\n  // Initialize wallet and session functions only when dependencies change\n  useEffect(() => {\n    const currentDynamicWallet = dynamicWallet;\n    const currentAddress = address;\n    const prevDynamicWallet = prevDynamicWalletRef.current;\n    const prevAddress = prevAddressRef.current;\n\n    // Only run if dynamicWallet or address has actually changed\n    if (\n      (currentDynamicWallet !== prevDynamicWallet || \n       currentAddress !== prevAddress) && \n      currentDynamicWallet && \n      nord && \n      currentAddress\n    ) {\n      logger.debug('Wallet or address changed, initializing functions');\n      \n      if (signMessageWithSessionKey == null) createSession();\n      if (signMessageWithWalletKey == null) createWalletSignFunction();\n      if (signTransactionWithWalletKey == null) createTransactionSignFunction();\n      \n      // Update refs\n      prevDynamicWalletRef.current = currentDynamicWallet;\n      prevAddressRef.current = currentAddress;\n    }\n  }, [\n    dynamicWallet, \n    address, \n    nord, \n    signMessageWithSessionKey,\n    signMessageWithWalletKey,\n    signTransactionWithWalletKey,\n    createSession,\n    createWalletSignFunction,\n    createTransactionSignFunction\n  ]);\n\n  // Initialize NordUser when dependencies change, but only if we don't already have one\n  useEffect(() => {\n    const initNordUser = async () => {\n      if (\n        signMessageWithWalletKey &&\n        signMessageWithSessionKey &&\n        signTransactionWithWalletKey &&\n        nordUser == null\n      ) {\n        logger.debug('Dependencies available, initializing NordUser');\n        await createNordUser();\n      }\n    };\n\n    initNordUser();\n  }, [\n    signMessageWithWalletKey,\n    signMessageWithSessionKey,\n    signTransactionWithWalletKey,\n    nordUser,\n    createNordUser\n  ]);\n\n  return {\n    nordUser,\n  };\n};\n"]}