@n1xyz/wallet-widget 0.0.9 → 0.0.11

package/dist/Modal/NordFlow/context/WalletConnectContext.js

@@ -0,0 +1,214 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react';
+import { useN1WalletContext, useN1WalletInternalContext } from '../../../Provider/hooks';
+import { logger } from '../../../utils/logger';
+import { FlowState } from '../types';
+import { useFlowStateContext } from './FlowContext';
+// Create the context with a default value
+var WalletConnectContext = createContext(undefined);
+/**
+ * Provider component for the wallet connect context
+ */
+export var WalletConnectProvider = function (_a) {
+    var children = _a.children;
+    var _b = useN1WalletContext(), nord = _b.nord, nordUser = _b.nordUser;
+    var _c = useN1WalletInternalContext(), showDynamicWidget = _c.showDynamicWidget, dynamicWallet = _c.dynamicWallet, setIsConnected = _c.setIsConnected, dynamicSdkHasLoaded = _c.dynamicSdkHasLoaded;
+    var dynamicHandleLogOut = useN1WalletInternalContext().dynamicHandleLogOut;
+    // Get flow context
+    var _d = useFlowStateContext(), state = _d.state, transition = _d.transition, updateContext = _d.updateContext;
+    var _e = useState(false), isConnecting = _e[0], setIsConnecting = _e[1];
+    // Use refs to track previous values
+    var processedWalletAddressRef = useRef(null);
+    var prevNordUserRef = useRef(nordUser);
+    var prevStateRef = useRef(state);
+    /**
+     * Disconnect wallet
+     */
+    var disconnectWallet = useCallback(function () {
+        logger.debug('Disconnecting wallet');
+        try {
+            dynamicHandleLogOut();
+        }
+        catch (_) {
+            // 
+        }
+        processedWalletAddressRef.current = null;
+        updateContext({ walletType: null });
+        // todo: delete sessionId from localStorage
+        window.location.reload();
+    }, [updateContext]);
+    /**
+     * Connect wallet using Dynamic widget
+     */
+    var connectWallet = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (isConnecting || !showDynamicWidget || !dynamicSdkHasLoaded)
+                        return [2 /*return*/];
+                    setIsConnecting(true);
+                    logger.debug('Starting wallet connection process');
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, showDynamicWidget(true)];
+                case 2:
+                    _a.sent();
+                    logger.debug('Dynamic widget shown');
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _a.sent();
+                    setIsConnecting(false);
+                    updateContext({ walletType: null });
+                    logger.error('Error showing Dynamic widget:', error_1);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, [isConnecting, showDynamicWidget, updateContext, dynamicSdkHasLoaded]);
+    // Process nordUser changes
+    useEffect(function () {
+        if (!dynamicSdkHasLoaded)
+            return;
+        var currentNordUser = nordUser;
+        var prevNordUser = prevNordUserRef.current;
+        // Only run if nordUser has changed and we have processed a wallet
+        if (currentNordUser && currentNordUser !== prevNordUser) {
+            logger.debug('NordUser changed, checking account status');
+            (function () { return __awaiter(void 0, void 0, void 0, function () {
+                var hasNordAccount_1, sessionId, hasActiveSession_1, transitionDestination_1, error_2;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            _a.trys.push([0, 2, , 3]);
+                            if (!dynamicWallet)
+                                return [2 /*return*/];
+                            return [4 /*yield*/, nord.accountExists(dynamicWallet.address)];
+                        case 1:
+                            hasNordAccount_1 = _a.sent();
+                            sessionId = currentNordUser.sessionId;
+                            hasActiveSession_1 = sessionId != null;
+                            console.log('hasNordAccount', hasNordAccount_1, 'hasActiveSession', hasActiveSession_1, 'sessionId', sessionId, 'dynamicWallet', dynamicWallet, 'zzzzzzzzzzzz');
+                            updateContext({ hasNordAccount: hasNordAccount_1, hasActiveSession: hasActiveSession_1 });
+                            console.log('hasNordAccount', hasNordAccount_1, 'hasActiveSession', hasActiveSession_1, 'sessionId', sessionId, 'dynamicWallet', dynamicWallet);
+                            transitionDestination_1 = hasNordAccount_1
+                                ? sessionId != null
+                                    ? FlowState.FINAL_SUCCESS
+                                    : FlowState.AUTH_LOADING
+                                : FlowState.CHAIN_SELECTION;
+                            if (hasNordAccount_1 && sessionId != null) {
+                                setIsConnected(true);
+                            }
+                            // Force a small delay to ensure UI updates properly
+                            setTimeout(function () {
+                                try {
+                                    logger.debug('Attempting transition to ' + transitionDestination_1);
+                                    transition(transitionDestination_1, {
+                                        walletType: 'solana',
+                                        hasNordAccount: hasNordAccount_1,
+                                        hasActiveSession: hasActiveSession_1,
+                                    });
+                                    logger.debug('Transition to ' + transitionDestination_1 + ' completed');
+                                }
+                                catch (error) {
+                                    logger.error('Error during transition:', error);
+                                }
+                                finally {
+                                    setIsConnecting(false);
+                                }
+                            }, 100);
+                            return [3 /*break*/, 3];
+                        case 2:
+                            error_2 = _a.sent();
+                            logger.error('Error checking account status:', error_2);
+                            setIsConnecting(false);
+                            return [3 /*break*/, 3];
+                        case 3: return [2 /*return*/];
+                    }
+                });
+            }); })();
+        }
+        else {
+            transition(FlowState.CONNECTING_WALLET);
+        }
+        // Update ref
+        prevNordUserRef.current = currentNordUser;
+    }, [
+        nordUser,
+        dynamicWallet,
+        updateContext,
+        transition,
+        setIsConnected
+    ]);
+    // Handle connecting state changes in a separate effect
+    useEffect(function () {
+        var currentState = state;
+        var prevState = prevStateRef.current;
+        // Only run if state has changed
+        if (currentState !== prevState) {
+            if (currentState !== FlowState.CONNECTING_WALLET && isConnecting) {
+                // If we're no longer in the connecting state, reset the connecting flag
+                setIsConnecting(false);
+            }
+            // Update ref
+            prevStateRef.current = currentState;
+        }
+    }, [state, isConnecting]);
+    // Create the context value
+    var contextValue = {
+        isConnecting: isConnecting,
+        connectWallet: connectWallet,
+        disconnectWallet: disconnectWallet,
+    };
+    return (_jsx(WalletConnectContext.Provider, { value: contextValue, children: children }));
+};
+/**
+ * Custom hook to use the wallet connect context
+ * @returns The wallet connect context value
+ * @throws Error if used outside of a WalletConnectProvider
+ */
+export var useWalletConnectContext = function () {
+    var context = useContext(WalletConnectContext);
+    if (context === undefined) {
+        throw new Error('useWalletConnectContext must be used within a WalletConnectProvider');
+    }
+    return context;
+};
+//# sourceMappingURL=WalletConnectContext.js.map

package/dist/Modal/NordFlow/context/WalletConnectContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletConnectContext.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/context/WalletConnectContext.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport { useN1WalletContext, useN1WalletInternalContext } from '../../../Provider/hooks';\nimport { N1SessionMode } from '../../../Provider/types';\nimport { logger } from '../../../utils/logger';\nimport { FlowState, initialFlowContext } from '../types';\nimport { useFlowStateContext } from './FlowContext';\n\n// Define the shape of the context value\nexport interface WalletConnectContextValue {\n  isConnecting: boolean;\n  connectWallet: () => Promise<void>;\n  disconnectWallet: () => void;\n}\n\n// Create the context with a default value\nconst WalletConnectContext = createContext<WalletConnectContextValue | undefined>(undefined);\n\n// Props for the provider component\ninterface WalletConnectProviderProps {\n  children: React.ReactNode;\n}\n\n/**\n * Provider component for the wallet connect context\n */\nexport const WalletConnectProvider: React.FC<WalletConnectProviderProps> = ({\n  children,\n}) => {\n  const { nord, nordUser } = useN1WalletContext();\n  const { showDynamicWidget, dynamicWallet, setIsConnected, dynamicSdkHasLoaded } = useN1WalletInternalContext();\n  const { dynamicHandleLogOut } = useN1WalletInternalContext();\n\n  // Get flow context\n  const {\n    state,\n    transition,\n    updateContext,\n  } = useFlowStateContext();\n\n  const [isConnecting, setIsConnecting] = useState(false);\n\n  // Use refs to track previous values\n  const processedWalletAddressRef = useRef<string | null>(null);\n  const prevNordUserRef = useRef(nordUser);\n  const prevStateRef = useRef(state);\n\n\n  /**\n   * Disconnect wallet\n   */\n  const disconnectWallet = useCallback(() => {\n    logger.debug('Disconnecting wallet');\n    try {\n      dynamicHandleLogOut()\n    } catch (_) {\n      // \n    }\n    processedWalletAddressRef.current = null;\n    updateContext({ walletType: null });\n    // todo: delete sessionId from localStorage\n    window.location.reload();\n  }, [updateContext]);\n\n  /**\n   * Connect wallet using Dynamic widget\n   */\n  const connectWallet = useCallback(async () => {\n    if (isConnecting || !showDynamicWidget || !dynamicSdkHasLoaded) return;\n\n    setIsConnecting(true);\n    logger.debug('Starting wallet connection process');\n\n    try {\n      await showDynamicWidget(true);\n      logger.debug('Dynamic widget shown');\n    } catch (error) {\n      setIsConnecting(false);\n      updateContext({ walletType: null });\n      logger.error('Error showing Dynamic widget:', error);\n    }\n  }, [isConnecting, showDynamicWidget, updateContext, dynamicSdkHasLoaded]);\n\n  // Process nordUser changes\n  useEffect(() => {\n    if (!dynamicSdkHasLoaded) return\n\n    const currentNordUser = nordUser;\n    const prevNordUser = prevNordUserRef.current;\n\n    // Only run if nordUser has changed and we have processed a wallet\n    if (currentNordUser && currentNordUser !== prevNordUser) {\n      logger.debug('NordUser changed, checking account status');\n\n      (async () => {\n        try {\n          if (!dynamicWallet) return;\n\n          const hasNordAccount = await nord!.accountExists(dynamicWallet.address);\n          const sessionId = currentNordUser.sessionId;\n          const hasActiveSession = sessionId != null;\n          console.log('hasNordAccount', hasNordAccount, 'hasActiveSession', hasActiveSession, 'sessionId', sessionId, 'dynamicWallet', dynamicWallet,'zzzzzzzzzzzz')\n\n          updateContext({ hasNordAccount, hasActiveSession });\n\n          console.log('hasNordAccount', hasNordAccount, 'hasActiveSession', hasActiveSession, 'sessionId', sessionId, 'dynamicWallet', dynamicWallet)\n\n          const transitionDestination = hasNordAccount\n            ? sessionId != null\n              ? FlowState.FINAL_SUCCESS\n              : FlowState.AUTH_LOADING\n            : FlowState.CHAIN_SELECTION;\n\n          if (hasNordAccount && sessionId != null) {\n            setIsConnected(true);\n          }\n\n          // Force a small delay to ensure UI updates properly\n          setTimeout(() => {\n            try {\n              logger.debug('Attempting transition to ' + transitionDestination);\n              transition(transitionDestination, {\n                walletType: 'solana',\n                hasNordAccount,\n                hasActiveSession,\n              });\n              logger.debug(\n                'Transition to ' + transitionDestination + ' completed'\n              );\n            } catch (error) {\n              logger.error('Error during transition:', error);\n            } finally {\n              setIsConnecting(false);\n            }\n          }, 100);\n        } catch (error) {\n          logger.error('Error checking account status:', error);\n          setIsConnecting(false);\n        }\n      })();\n    }else{\n      transition(FlowState.CONNECTING_WALLET)\n    }\n\n    // Update ref\n    prevNordUserRef.current = currentNordUser;\n  }, [\n    nordUser,\n    dynamicWallet,\n    updateContext,\n    transition,\n    setIsConnected\n  ]);\n\n\n\n\n  // Handle connecting state changes in a separate effect\n  useEffect(() => {\n    const currentState = state;\n    const prevState = prevStateRef.current;\n\n    // Only run if state has changed\n    if (currentState !== prevState) {\n      if (currentState !== FlowState.CONNECTING_WALLET && isConnecting) {\n        // If we're no longer in the connecting state, reset the connecting flag\n        setIsConnecting(false);\n      }\n\n      // Update ref\n      prevStateRef.current = currentState;\n    }\n  }, [state, isConnecting]);\n\n  // Create the context value\n  const contextValue: WalletConnectContextValue = {\n    isConnecting,\n    connectWallet,\n    disconnectWallet,\n  };\n\n  return (\n    <WalletConnectContext.Provider value={contextValue}>\n      {children}\n    </WalletConnectContext.Provider>\n  );\n};\n\n/**\n * Custom hook to use the wallet connect context\n * @returns The wallet connect context value\n * @throws Error if used outside of a WalletConnectProvider\n */\nexport const useWalletConnectContext = (): WalletConnectContextValue => {\n  const context = useContext(WalletConnectContext);\n\n  if (context === undefined) {\n    throw new Error('useWalletConnectContext must be used within a WalletConnectProvider');\n  }\n\n  return context;\n}; "]}

package/dist/Modal/NordFlow/context/deposit/types.d.ts

@@ -0,0 +1,26 @@
+import { TransactionResult } from '../../../../Logic/transactionManager';
+export interface DepositContextValue {
+    amount: string;
+    isDepositing: boolean;
+    transactionId: string | null;
+    transactionResult: TransactionResult | null;
+    authStatus: 'loading' | 'success' | 'error';
+    authErrorMessage: string | null;
+    authStatusMessage: string | null;
+    updateAmount: (newAmount: string) => void;
+    startDeposit: () => Promise<void>;
+    completeDeposit: () => void;
+    performAuth: () => Promise<void>;
+    getTransactionDetails: () => {
+        amount: string;
+        tx: string;
+        from: string;
+        to: string;
+        network: string;
+        status: string;
+        explorerUrl: string;
+    };
+}
+export interface DepositProviderProps {
+    children: React.ReactNode;
+}

package/dist/Modal/NordFlow/context/deposit/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/Modal/NordFlow/context/deposit/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/Modal/NordFlow/context/deposit/types.ts"],"names":[],"mappings":"","sourcesContent":["import { TransactionResult } from '../../../../Logic/transactionManager';\n\n// Define the shape of the deposit context value\nexport interface DepositContextValue {\n  amount: string;\n  isDepositing: boolean;\n  transactionId: string | null;\n  transactionResult: TransactionResult | null;\n  authStatus: 'loading' | 'success' | 'error';\n  authErrorMessage: string | null;\n  authStatusMessage: string | null;\n  updateAmount: (newAmount: string) => void;\n  startDeposit: () => Promise<void>;\n  completeDeposit: () => void;\n  performAuth: () => Promise<void>;\n  getTransactionDetails: () => {\n    amount: string;\n    tx: string;\n    from: string;\n    to: string;\n    network: string;\n    status: string;\n    explorerUrl: string;\n  };\n}\n\n// Props for the provider component\nexport interface DepositProviderProps {\n  children: React.ReactNode;\n} "]}

package/dist/Modal/NordFlow/context/deposit/useDepositAuth.d.ts

@@ -0,0 +1,7 @@
+import { FlowState } from '../../types';
+export declare const useDepositAuth: (updateContext: (context: any) => void, transition: (state: FlowState, context?: any) => void, address: string | null) => {
+    authStatus: "error" | "loading" | "success";
+    authErrorMessage: string | null;
+    authStatusMessage: string | null;
+    performAuth: () => Promise<void>;
+};

package/dist/Modal/NordFlow/context/deposit/useDepositAuth.js

@@ -0,0 +1,113 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { useCallback, useState } from 'react';
+import { useN1WalletContext } from '../../../../Provider/hooks';
+import { logger } from '../../../../utils/logger';
+import { FlowState } from '../../types';
+export var useDepositAuth = function (updateContext, transition, address) {
+    // auth states
+    var _a = useState('loading'), authStatus = _a[0], setAuthStatus = _a[1];
+    var _b = useState(null), authErrorMessage = _b[0], setAuthErrorMessage = _b[1];
+    var _c = useState(null), authStatusMessage = _c[0], setAuthStatusMessage = _c[1];
+    var nordUser = useN1WalletContext().nordUser;
+    /**
+     * Authenticate session
+     */
+    var performAuth = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var sessionPubKey, sessionId, sessionIdKey, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 3, , 4]);
+                    // Step 1: Tell user to sign transaction
+                    setAuthStatusMessage('Please sign the transaction to authenticate your session');
+                    if (!nordUser) {
+                        throw new Error('Nord user is not initialized');
+                    }
+                    // Step 2: Call nordUser.refreshSession and get sessionId
+                    setAuthStatusMessage('Session is being authenticated...');
+                    sessionPubKey = nordUser.sessionPubKey;
+                    if (!sessionPubKey) {
+                        throw new Error('Session public key is not available');
+                    }
+                    // Refresh the session
+                    return [4 /*yield*/, nordUser.refreshSession(sessionPubKey)];
+                case 1:
+                    // Refresh the session
+                    _a.sent();
+                    return [4 /*yield*/, nordUser.updateAccountId()];
+                case 2:
+                    _a.sent();
+                    sessionId = nordUser.sessionId;
+                    if (!sessionId) {
+                        throw new Error('Failed to get session ID after refresh');
+                    }
+                    logger.debug('Session refreshed successfully', {
+                        sessionId: sessionId.toString(),
+                    });
+                    // Step 3: Store sessionId in localStorage
+                    if (address) {
+                        sessionIdKey = "n1_sessionId_".concat(address);
+                        localStorage.setItem(sessionIdKey, sessionId.toString());
+                        logger.debug('Stored sessionId in localStorage', { key: sessionIdKey });
+                    }
+                    // Step 4: Update status to success
+                    setAuthStatus('success');
+                    // Step 5: Update context and transition to success
+                    updateContext({ hasActiveSession: true });
+                    setTimeout(function () {
+                        transition(FlowState.FINAL_SUCCESS, { hasActiveSession: true, hasNordAccount: true });
+                    }, 100);
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _a.sent();
+                    console.error('Authentication error:', error_1);
+                    setAuthStatus('error');
+                    setAuthErrorMessage(error_1 instanceof Error ? error_1.message : 'Unknown error occurred');
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, [updateContext, transition, address, nordUser]);
+    return {
+        authStatus: authStatus,
+        authErrorMessage: authErrorMessage,
+        authStatusMessage: authStatusMessage,
+        performAuth: performAuth
+    };
+};
+//# sourceMappingURL=useDepositAuth.js.map

package/dist/Modal/NordFlow/context/deposit/useDepositAuth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDepositAuth.js","sourceRoot":"","sources":["../../../../../src/Modal/NordFlow/context/deposit/useDepositAuth.ts"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useState } from 'react';\nimport { useN1WalletContext } from '../../../../Provider/hooks';\nimport { logger } from '../../../../utils/logger';\nimport { FlowState } from '../../types';\n\nexport const useDepositAuth = (\n  updateContext: (context: any) => void,\n  transition: (state: FlowState, context?: any) => void,\n  address: string | null\n) => {\n  // auth states\n  const [authStatus, setAuthStatus] = useState<'loading' | 'success' | 'error'>('loading');\n  const [authErrorMessage, setAuthErrorMessage] = useState<string | null>(null);\n  const [authStatusMessage, setAuthStatusMessage] = useState<string | null>(null);\n\n  const { nordUser } = useN1WalletContext();\n\n  /**\n   * Authenticate session\n   */\n  const performAuth = useCallback(async () => {\n    try {\n      // Step 1: Tell user to sign transaction\n      setAuthStatusMessage(\n        'Please sign the transaction to authenticate your session'\n      );\n\n      if (!nordUser) {\n        throw new Error('Nord user is not initialized');\n      }\n\n      // Step 2: Call nordUser.refreshSession and get sessionId\n      setAuthStatusMessage('Session is being authenticated...');\n\n      // Get the session public key from the nordUser\n      const sessionPubKey = nordUser.sessionPubKey;\n      if (!sessionPubKey) {\n        throw new Error('Session public key is not available');\n      }\n\n      // Refresh the session\n      await nordUser.refreshSession(sessionPubKey);\n      await nordUser.updateAccountId();\n\n      // Get the sessionId after refresh\n      const sessionId = nordUser.sessionId;\n      if (!sessionId) {\n        throw new Error('Failed to get session ID after refresh');\n      }\n\n      logger.debug('Session refreshed successfully', {\n        sessionId: sessionId.toString(),\n      });\n\n      // Step 3: Store sessionId in localStorage\n      if (address) {\n        const sessionIdKey = `n1_sessionId_${address}`;\n        localStorage.setItem(sessionIdKey, sessionId.toString());\n        logger.debug('Stored sessionId in localStorage', { key: sessionIdKey });\n      }\n\n      // Step 4: Update status to success\n      setAuthStatus('success');\n\n      // Step 5: Update context and transition to success\n      updateContext({ hasActiveSession: true });\n      setTimeout(() => {\n        transition(FlowState.FINAL_SUCCESS, { hasActiveSession: true, hasNordAccount: true });\n      }, 100);\n\n    } catch (error) {\n      console.error('Authentication error:', error);\n      setAuthStatus('error');\n      setAuthErrorMessage(\n        error instanceof Error ? error.message : 'Unknown error occurred'\n      );\n    }\n  }, [updateContext, transition, address, nordUser]);\n\n  return {\n    authStatus,\n    authErrorMessage,\n    authStatusMessage,\n    performAuth\n  };\n}; "]}

package/dist/Modal/NordFlow/context/deposit/useDepositTransaction.d.ts

@@ -0,0 +1,20 @@
+import { TransactionResult } from '../../../../Logic/transactionManager';
+import { FlowState } from '../../types';
+export declare const useDepositTransaction: (selectedChain: string | null, initialAmount: string, transition: (state: FlowState, context?: any) => void, updateContext: (context: any) => void) => {
+    amount: string;
+    isDepositing: boolean;
+    transactionId: string | null;
+    transactionResult: TransactionResult | null;
+    updateAmount: (newAmount: string) => void;
+    startDeposit: () => Promise<void>;
+    completeDeposit: () => void;
+    getTransactionDetails: () => {
+        amount: string;
+        tx: string;
+        from: string;
+        to: string;
+        network: string;
+        status: string;
+        explorerUrl: string;
+    };
+};