@n1xyz/wallet-widget 0.0.4 → 0.0.5

package/dist/Logic/transactionManager.js

@@ -0,0 +1,192 @@
+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 { N1SessionMode } from '../Provider/types';
+import { logger } from '../utils/logger';
+import { WalletError, WalletErrorCode } from '../errors/types';
+import { getSessionKeys } from './sessionManager';
+/**
+ * Create and send a transaction
+ * @param data Transaction data
+ * @param signMessage Function to sign messages with wallet
+ * @returns Transaction result
+ */
+export function createAndSendTransaction(data, signMessage) {
+    return __awaiter(this, void 0, void 0, function () {
+        var sessionKeys, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    logger.debug('Creating and sending transaction', data);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 6, , 7]);
+                    sessionKeys = getSessionKeys(data.walletAddress);
+                    if (!sessionKeys) {
+                        throw new WalletError(WalletErrorCode.SESSION_INITIALIZATION_FAILED, 'No valid session keys found');
+                    }
+                    // Ensure session mode matches
+                    if (sessionKeys.sessionMode !== data.sessionMode) {
+                        throw new WalletError(WalletErrorCode.INVALID_CHAIN, "Session mode mismatch: expected ".concat(data.sessionMode, ", got ").concat(sessionKeys.sessionMode));
+                    }
+                    if (!(data.sessionMode === N1SessionMode.Nord)) return [3 /*break*/, 3];
+                    return [4 /*yield*/, createAndSendNordTransaction(data, signMessage)];
+                case 2: return [2 /*return*/, _a.sent()];
+                case 3: return [4 /*yield*/, createAndSendNTSTransaction(data, signMessage)];
+                case 4: return [2 /*return*/, _a.sent()];
+                case 5: return [3 /*break*/, 7];
+                case 6:
+                    error_1 = _a.sent();
+                    logger.error('Failed to create and send transaction', error_1);
+                    throw error_1 instanceof WalletError
+                        ? error_1
+                        : new WalletError(WalletErrorCode.TRANSACTION_FAILED, 'Failed to create and send transaction', { originalError: error_1 });
+                case 7: return [2 /*return*/];
+            }
+        });
+    });
+}
+/**
+ * Create and send a Nord transaction
+ * This is a placeholder implementation that will be replaced with the actual Nord transaction logic
+ */
+function createAndSendNordTransaction(data, signMessage) {
+    return __awaiter(this, void 0, void 0, function () {
+        var transactionId;
+        return __generator(this, function (_a) {
+            logger.debug('Creating and sending Nord transaction', data);
+            transactionId = "nord_".concat(Math.random().toString(36).substring(2, 15));
+            // In a real implementation, this would:
+            // 1. Build a transaction for the Nord network
+            // 2. Sign it with the session key
+            // 3. Send it to the Nord API
+            // 4. Wait for confirmation
+            return [2 /*return*/, {
+                    success: true,
+                    transactionId: transactionId,
+                    amount: data.amount,
+                    tokenSymbol: data.tokenSymbol,
+                    fromAddress: data.walletAddress,
+                    toAddress: 'Your Account',
+                    networkName: getNetworkName(data.chainId),
+                    status: 'Completed',
+                    explorerUrl: "https://explorer.nord.network/tx/".concat(transactionId)
+                }];
+        });
+    });
+}
+/**
+ * Create and send an NTS transaction
+ * This is a placeholder implementation that will be replaced with the actual NTS transaction logic
+ */
+function createAndSendNTSTransaction(data, signMessage) {
+    return __awaiter(this, void 0, void 0, function () {
+        var transactionId;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    logger.debug('Creating and sending NTS transaction', data);
+                    // Simulate transaction processing time
+                    return [4 /*yield*/, new Promise(function (resolve) { return setTimeout(resolve, 2000); })];
+                case 1:
+                    // Simulate transaction processing time
+                    _a.sent();
+                    transactionId = "nts_".concat(Math.random().toString(36).substring(2, 15));
+                    // In a real implementation, this would:
+                    // 1. Build a transaction for the NTS network
+                    // 2. Sign it with the session key
+                    // 3. Send it to the NTS API
+                    // 4. Wait for confirmation
+                    return [2 /*return*/, {
+                            success: true,
+                            transactionId: transactionId,
+                            amount: data.amount,
+                            tokenSymbol: data.tokenSymbol,
+                            fromAddress: data.walletAddress,
+                            toAddress: 'NTS Account',
+                            networkName: getNetworkName(data.chainId),
+                            status: 'Completed',
+                            explorerUrl: "https://explorer.nts.network/tx/".concat(transactionId)
+                        }];
+            }
+        });
+    });
+}
+/**
+ * Get network name from chain ID
+ */
+function getNetworkName(chainId) {
+    // Map chain IDs to network names
+    var networkMap = {
+        'solana-mainnet': 'Solana Mainnet',
+        'solana-devnet': 'Solana Devnet',
+        'solana-testnet': 'Solana Testnet',
+        'ethereum-mainnet': 'Ethereum Mainnet',
+        'ethereum-goerli': 'Ethereum Goerli',
+        'ethereum-sepolia': 'Ethereum Sepolia',
+    };
+    return networkMap[chainId] || chainId;
+}
+/**
+ * Get explorer URL for a transaction
+ */
+export function getExplorerUrl(transactionId, chainId) {
+    var baseUrl = 'https://explorer.solana.com/tx/';
+    return "".concat(baseUrl).concat(transactionId, "?cluster=devnet");
+}
+/**
+ * Check transaction status
+ */
+export function checkTransactionStatus(transactionId, chainId, sessionMode) {
+    return __awaiter(this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    logger.debug('Checking transaction status', { transactionId: transactionId, chainId: chainId, sessionMode: sessionMode });
+                    // In a real implementation, this would query the appropriate API based on session mode
+                    // For now, we'll simulate a successful transaction
+                    // Simulate processing time
+                    return [4 /*yield*/, new Promise(function (resolve) { return setTimeout(resolve, 1000); })];
+                case 1:
+                    // In a real implementation, this would query the appropriate API based on session mode
+                    // For now, we'll simulate a successful transaction
+                    // Simulate processing time
+                    _a.sent();
+                    return [2 /*return*/, 'Completed'];
+            }
+        });
+    });
+}

package/dist/Modal/BackButton.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useN1WalletInternalContext } from '../Provider/hooks';
 import { useState } from 'react';
 import { N1ModalViewMode } from '../Provider/types';
-import { ANIMATION_EASE } from '../components/WalletDeposit/constants';
+import { ANIMATION_EASE } from '../WalletConnectionFlow/constants';
 export function BackButton(props) {
     var _a = useN1WalletInternalContext(), setViewMode = _a.setViewMode, dynamicHandleLogOut = _a.dynamicHandleLogOut;
     var _b = useState(false), isHovered = _b[0], setIsHovered = _b[1];

package/dist/Modal/ConnectView.js

@@ -38,7 +38,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { IoMdWallet } from 'react-icons/io';
 import { useN1WalletInternalContext } from '../Provider/hooks';
 import { ModalHeader } from './ModalHeader';
-import { ANIMATION_EASE, } from '../components/WalletDeposit/constants';
+import { ANIMATION_EASE, } from '../WalletConnectionFlow/constants';
 import { useState } from 'react';
 export function ConnectView() {
     var _this = this;

package/dist/Modal/CreateSessionView.js

@@ -36,7 +36,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import { ANIMATION_EASE } from '../components/WalletDeposit/constants';
+import { ANIMATION_EASE } from '../WalletConnectionFlow/constants';
 import { WalletError, WalletErrorCode } from '../errors/types';
 import { createWebSession, generateSessionKeyPair, getUser, storeSessionKeysInLocalStorage, } from '../Logic/utils';
 import { useN1WalletContext, useN1WalletInternalContext, } from '../Provider/hooks';

package/dist/Modal/LoadingFallback.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const LoadingFallback: React.FC;

package/dist/Modal/LoadingFallback.js

@@ -0,0 +1,2 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export var LoadingFallback = function () { return (_jsx("div", { className: "flex items-center justify-center w-full h-full", children: _jsx("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-gray-200 dark:border-gray-800" }) })); };

package/dist/Modal/ModalHeader.js

@@ -3,7 +3,7 @@ import { useN1WalletContext, useN1WalletInternalContext, } from '../Provider/hoo
 import { N1ModalViewMode } from '../Provider/types';
 import { X } from 'lucide-react';
 import Logo from '../components/Logo';
-import { ANIMATION_EASE } from '../components/WalletDeposit/constants';
+import { ANIMATION_EASE } from '../WalletConnectionFlow/constants';
 export function ModalHeader() {
     var _a = useN1WalletInternalContext(), setViewMode = _a.setViewMode, setStartClosingLogin = _a.setStartClosingLogin, setDynamicWallet = _a.setDynamicWallet, setAddress = _a.setAddress, dynamicHandleLogOut = _a.dynamicHandleLogOut;
     var viewMode = useN1WalletContext().viewMode;

package/dist/Modal/N1WalletModal.js

@@ -35,43 +35,35 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState, lazy, Suspense } from 'react';
+import { bs58Decode, getEd25519PublicKey, signEd25519 } from '@n1xyz/nts-sdk';
+import { lazy, Suspense, useEffect, useState } from 'react';
+import { ANIMATION_EASE, } from './NordFlow/constants';
+import { WalletError, WalletErrorCode } from '../errors/types';
+import { getSessionKeysFromLocalStorage, getUser, getUserBalances } from '../Logic/utils';
 import { useN1WalletContext, useN1WalletInternalContext, } from '../Provider/hooks';
-import { createWebSession, getSessionKeysFromLocalStorage, getUser, getUserBalances, } from '../Logic/utils';
-import { getEd25519PublicKey, signEd25519, bs58Decode } from '@n1xyz/nts-sdk';
-import { N1ModalViewMode } from '../Provider/types';
+import { N1ModalViewMode, N1SessionMode } from '../Provider/types';
 import { logger } from '../utils/logger';
-import { WalletError, WalletErrorCode } from '../errors/types';
-import { ANIMATION_EASE, } from '../components/WalletDeposit/constants';
+import { LoadingFallback } from './LoadingFallback';
 // Lazy load components
-var ConnectView = lazy(function () {
-    return import('./ConnectView').then(function (mod) { return ({ default: mod.ConnectView }); });
-});
-var CreateSessionView = lazy(function () {
-    return import('./CreateSessionView').then(function (mod) { return ({
-        default: mod.CreateSessionView,
-    }); });
-});
-var SigningView = lazy(function () {
-    return import('./SigningView').then(function (mod) { return ({ default: mod.SigningView }); });
-});
-var CreateUserView = lazy(function () {
-    return import('./CreateUserView').then(function (mod) { return ({ default: mod.CreateUserView }); });
-});
-var SuccessView = lazy(function () {
-    return import('./SuccessView').then(function (mod) { return ({ default: mod.SuccessView }); });
-});
 var N1Sidebar = lazy(function () {
     return import('./Sidebar/N1Sidebar').then(function (mod) { return ({ default: mod.N1Sidebar }); });
 });
-var NoWhitelistView = lazy(function () {
-    return import('./NoWhitelistView').then(function (mod) { return ({ default: mod.NoWhitelistView }); });
+// Lazy load the NTSFlow component
+var NTSFlow = lazy(function () {
+    return import('./NTSFlow').then(function (mod) { return ({
+        default: mod.NTSFlow,
+    }); });
+});
+// Lazy load the NordFlow component
+var NordFlow = lazy(function () {
+    return import('./NordFlow/NordFlow').then(function (mod) { return ({
+        default: mod.NordFlow,
+    }); });
 });
-var LoadingFallback = function () { return (_jsx("div", { className: "flex items-center justify-center w-full h-full", children: _jsx("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-gray-200 dark:border-gray-800" }) })); };
 export function N1WalletModal() {
     var _this = this;
     var _a = useN1WalletContext(), showLogin = _a.showLogin, setShowLogin = _a.setShowLogin, viewMode = _a.viewMode;
-    var _b = useN1WalletInternalContext(), setBalances = _b.setBalances, setViewMode = _b.setViewMode, setUsername = _b.setUsername, setSessionPubKey = _b.setSessionPubKey, setSignMessageWithSessionKey = _b.setSignMessageWithSessionKey, setIsConnected = _b.setIsConnected, setWalletPubKey = _b.setWalletPubKey, setStartClosingLogin = _b.setStartClosingLogin, startClosingLogin = _b.startClosingLogin, setLoading = _b.setLoading, setAddress = _b.setAddress, dynamicWallet = _b.dynamicWallet, dynamicSdkHasLoaded = _b.dynamicSdkHasLoaded, darkMode = _b.darkMode, handleError = _b.handleError, showSidebar = _b.showSidebar;
+    var _b = useN1WalletInternalContext(), setBalances = _b.setBalances, setViewMode = _b.setViewMode, setUsername = _b.setUsername, setSessionPubKey = _b.setSessionPubKey, setSignMessageWithSessionKey = _b.setSignMessageWithSessionKey, setIsConnected = _b.setIsConnected, setWalletPubKey = _b.setWalletPubKey, setStartClosingLogin = _b.setStartClosingLogin, startClosingLogin = _b.startClosingLogin, setLoading = _b.setLoading, setAddress = _b.setAddress, dynamicWallet = _b.dynamicWallet, dynamicSdkHasLoaded = _b.dynamicSdkHasLoaded, darkMode = _b.darkMode, handleError = _b.handleError, showSidebar = _b.showSidebar, sessionMode = _b.sessionMode;
     var _c = useState(false), showLoginAnimation = _c[0], setShowLoginAnimation = _c[1];
     // Handle loading state
     useEffect(function () {
@@ -81,9 +73,9 @@ export function N1WalletModal() {
     }, [dynamicSdkHasLoaded, dynamicWallet]);
     // Initialize session when wallet is connected
     useEffect(function () {
-        logger.debug('N1WalletModal attempt to call initializeSession...');
+        logger.debug('N1WalletModal attempt to call initializeSession...', dynamicWallet, viewMode, sessionMode);
         var initializeSession = function () { return __awaiter(_this, void 0, void 0, function () {
-            var response, whitelistData, walletPubKey, sessionData_1, sessionPubKey, signFn_1, user, storedUsername, username, balances, error_1, error_2;
+            var response, whitelistData, walletPubKey, sessionData_1, sessionPubKey_1, signFn_1, userData, balances, error_1, error_2, error_3;
             var _this = this;
             return __generator(this, function (_a) {
                 switch (_a.label) {
@@ -92,9 +84,13 @@ export function N1WalletModal() {
                         if (!dynamicWallet || viewMode !== N1ModalViewMode.Connect) {
                             return [2 /*return*/];
                         }
+                        // For Nord mode, we don't need to execute the NTS flow
+                        if (sessionMode === N1SessionMode.Nord) {
+                            return [2 /*return*/];
+                        }
                         _a.label = 1;
                     case 1:
-                        _a.trys.push([1, 15, , 16]);
+                        _a.trys.push([1, 17, , 18]);
                         logger.debug('Initialize Session...');
                         if (!dynamicWallet) return [3 /*break*/, 4];
                         return [4 /*yield*/, fetch('https://argus-1g4n.onrender.com/api/db/verifyWhitelist', {
@@ -120,7 +116,7 @@ export function N1WalletModal() {
                         console.log('Session Initialization started');
                         _a.label = 5;
                     case 5:
-                        _a.trys.push([5, 12, 13, 14]);
+                        _a.trys.push([5, , 15, 16]);
                         walletPubKey = dynamicWallet.chain === 'SOL'
                             ? bs58Decode(dynamicWallet.address)
                             : Uint8Array.from(Buffer.from(dynamicWallet.address.slice(2), 'hex'));
@@ -135,85 +131,92 @@ export function N1WalletModal() {
                         logger.debug('Session time', new Date(sessionData_1.createdAt).getTime());
                         logger.debug('Current time', Date.now());
                         if (new Date(sessionData_1.createdAt).getTime() <
-                            Date.now() - 1000 * 60 * 60 * 24 * 30) {
-                            logger.info('Session expired');
-                            // TODO: create a welcome back view + allow them to logout
-                            // Since we know the wallet already, we only need a new session key
+                            Date.now() - 30 * 24 * 60 * 60 * 1000) {
+                            // Session expired (older than 30 days)
+                            logger.info('Session expired, transitioning to CreateSession', new Date(sessionData_1.createdAt));
                             setViewMode(N1ModalViewMode.CreateSession);
                             return [2 /*return*/];
                         }
+                        // Use existing session
+                        logger.info('Using existing session');
                         return [4 /*yield*/, getEd25519PublicKey(sessionData_1.ed25519PrivateKey)];
                     case 6:
-                        sessionPubKey = _a.sent();
-                        logger.debug('Initializing with existing session key');
-                        setSessionPubKey(sessionPubKey);
+                        sessionPubKey_1 = _a.sent();
+                        setSessionPubKey(sessionPubKey_1);
                         signFn_1 = function (message) { return __awaiter(_this, void 0, void 0, function () {
+                            var signature;
                             return __generator(this, function (_a) {
                                 switch (_a.label) {
                                     case 0:
-                                        console.log('zhoooooo');
-                                        console.log('signFn called', {
-                                            message: message,
-                                            stack: new Error().stack, // This will show the call stack
-                                        });
+                                        logger.debug('signFn', { message: message });
                                         return [4 /*yield*/, signEd25519(message, sessionData_1.ed25519PrivateKey)];
-                                    case 1: return [2 /*return*/, _a.sent()];
+                                    case 1:
+                                        signature = _a.sent();
+                                        return [2 /*return*/, {
+                                                signature: signature,
+                                                pubKey: sessionPubKey_1,
+                                            }];
                                 }
                             });
                         }); };
-                        console.log('zeeeeebrta');
                         setSignMessageWithSessionKey(function () { return signFn_1; });
-                        setAddress(dynamicWallet.address);
-                        // Create web session and get user data
-                        return [4 /*yield*/, createWebSession(signFn_1, sessionPubKey, walletPubKey)];
+                        _a.label = 7;
                     case 7:
-                        // Create web session and get user data
-                        _a.sent();
+                        _a.trys.push([7, 13, , 14]);
+                        logger.debug('Fetching user data');
                         return [4 /*yield*/, getUser()];
                     case 8:
-                        user = _a.sent();
-                        storedUsername = localStorage.getItem("n1_".concat(dynamicWallet.address, "_username"));
-                        if (!((user === null || user === void 0 ? void 0 : user.name) || storedUsername)) return [3 /*break*/, 10];
-                        logger.info('User found, completing login');
-                        username = (user === null || user === void 0 ? void 0 : user.name) || storedUsername;
+                        userData = _a.sent();
+                        logger.debug('User data:', userData);
+                        if (!userData) {
+                            logger.info('No user data found, transitioning to CreatingUser');
+                            setViewMode(N1ModalViewMode.CreatingUser);
+                            return [2 /*return*/];
+                        }
+                        // User exists, set data and check balances
+                        setUsername(userData.name || '');
+                        setAddress(dynamicWallet.address);
+                        setWalletPubKey(walletPubKey);
                         setIsConnected(true);
-                        setUsername(username);
-                        localStorage.setItem("n1_".concat(dynamicWallet.address, "_username"), username);
-                        //fetch balances
-                        logger.info('fetching balances');
-                        return [4 /*yield*/, getUserBalances(dynamicWallet.address)];
+                        _a.label = 9;
                     case 9:
+                        _a.trys.push([9, 11, , 12]);
+                        return [4 /*yield*/, getUserBalances(dynamicWallet.address)];
+                    case 10:
                         balances = _a.sent();
+                        logger.debug('User balances:', balances);
                         setBalances(balances);
-                        logger.info('balances fetched', balances);
-                        //finish login
-                        setStartClosingLogin(true);
-                        return [3 /*break*/, 11];
-                    case 10:
-                        logger.info('No user found, transitioning to CreateUser');
-                        setViewMode(N1ModalViewMode.CreatingUser);
-                        _a.label = 11;
-                    case 11: return [3 /*break*/, 14];
-                    case 12:
+                        return [3 /*break*/, 12];
+                    case 11:
                         error_1 = _a.sent();
-                        logger.error('Session initialization failed:', error_1);
-                        handleError(new WalletError(WalletErrorCode.CONNECTION_FAILED, 'Failed to initialize session', { originalError: error_1 }));
+                        logger.error('Error fetching balances:', error_1);
+                        return [3 /*break*/, 12];
+                    case 12:
+                        // Success!
+                        setViewMode(N1ModalViewMode.Success);
                         return [3 /*break*/, 14];
                     case 13:
-                        logger.groupEnd();
-                        return [7 /*endfinally*/];
+                        error_2 = _a.sent();
+                        logger.error('Error fetching user:', error_2);
+                        throw new WalletError(WalletErrorCode.USER_FETCH_FAILED, 'Failed to fetch user data');
                     case 14: return [3 /*break*/, 16];
                     case 15:
-                        error_2 = _a.sent();
-                        logger.error('Whitelist check failed:', error_2);
-                        handleError(new WalletError(WalletErrorCode.CONNECTION_FAILED, 'Failed to check whitelist', { originalError: error_2 }));
-                        return [3 /*break*/, 16];
-                    case 16: return [2 /*return*/];
+                        logger.groupEnd();
+                        return [7 /*endfinally*/];
+                    case 16: return [3 /*break*/, 18];
+                    case 17:
+                        error_3 = _a.sent();
+                        logger.error('Error in session initialization:', error_3);
+                        handleError(error_3 instanceof WalletError
+                            ? error_3
+                            : new WalletError(WalletErrorCode.SESSION_INITIALIZATION_FAILED, 'Failed to initialize session'));
+                        return [3 /*break*/, 18];
+                    case 18: return [2 /*return*/];
                 }
             });
         }); };
         initializeSession();
-    }, [dynamicWallet, dynamicSdkHasLoaded, viewMode]);
+    }, [dynamicWallet, dynamicSdkHasLoaded, viewMode, sessionMode]);
     // Handle modal visibility
     useEffect(function () {
         if (showLogin) {
@@ -231,7 +234,11 @@ export function N1WalletModal() {
             return function () { return clearTimeout(timeout_1); };
         }
     }, [startClosingLogin, setShowLogin, setStartClosingLogin]);
+    // Handle modal close for Nord mode
+    var handleNordFlowClose = function () {
+        setStartClosingLogin(true);
+    };
     if (!showLogin && !showSidebar)
         return null;
-    return (_jsxs("div", { className: darkMode ? 'dark' : '', children: [showLogin && (_jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [_jsx("div", { className: "\n              fixed inset-0 bg-black/20 dark:bg-black/40 backdrop-blur-sm\n              transition-all duration-500 ".concat(ANIMATION_EASE, "\n              ").concat(showLoginAnimation ? 'opacity-100' : 'opacity-0', "\n            "), onClick: function () { return setStartClosingLogin(true); } }), _jsx("div", { className: "\n              relative z-50 transition-all duration-500 ".concat(ANIMATION_EASE, "\n              ").concat(showLoginAnimation ? 'opacity-100 scale-100' : 'opacity-0 scale-95', "\n            "), children: _jsxs(Suspense, { fallback: _jsx(LoadingFallback, {}), children: [viewMode === N1ModalViewMode.Connect && _jsx(ConnectView, {}), viewMode === N1ModalViewMode.CreateSession && (_jsx(CreateSessionView, {})), viewMode === N1ModalViewMode.Signing && _jsx(SigningView, {}), viewMode === N1ModalViewMode.CreatingUser && _jsx(CreateUserView, {}), viewMode === N1ModalViewMode.Success && _jsx(SuccessView, {}), viewMode === N1ModalViewMode.NoWhitelist && _jsx(NoWhitelistView, {})] }) })] })), _jsx(Suspense, { fallback: _jsx(LoadingFallback, {}), children: _jsx(N1Sidebar, {}) })] }));
+    return (_jsxs("div", { className: darkMode ? 'dark' : '', children: [showLogin && (_jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center w-full h-full", children: [_jsx("div", { className: "\n               fixed inset-0 w-full h-full bg-black/20 dark:bg-black/40 backdrop-blur-sm\n               transition-all duration-500 ".concat(ANIMATION_EASE, "\n               ").concat(showLoginAnimation ? 'opacity-100' : 'opacity-0', "\n            "), onClick: function () { return setStartClosingLogin(true); } }), _jsx("div", { className: "\n              relative z-50 transition-all duration-500 ".concat(ANIMATION_EASE, "\n              ").concat(showLoginAnimation ? 'opacity-100 scale-100' : 'opacity-0 scale-95', "\n            "), children: sessionMode === N1SessionMode.Nord ? (_jsx(NordFlow, { onClose: handleNordFlowClose })) : (_jsx(NTSFlow, {})) })] })), _jsx(Suspense, { fallback: _jsx(LoadingFallback, {}), children: _jsx(N1Sidebar, {}) })] }));
 }

package/dist/Modal/NTSFlow/LoadingFallback.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const LoadingFallback: React.FC;

package/dist/Modal/NTSFlow/LoadingFallback.js

@@ -0,0 +1,2 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export var LoadingFallback = function () { return (_jsx("div", { className: "flex items-center justify-center w-full h-full", children: _jsx("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-gray-200 dark:border-gray-800" }) })); };

package/dist/Modal/NTSFlow/NTSFlow.d.ts

@@ -0,0 +1,4 @@
+interface NTSFlowProps {
+}
+export declare function NTSFlow({}: NTSFlowProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Modal/NTSFlow/NTSFlow.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { lazy, Suspense } from 'react';
+import { useN1WalletContext } from '../../Provider/hooks';
+import { N1ModalViewMode } from '../../Provider/types';
+import { LoadingFallback } from './LoadingFallback';
+// Lazy load components
+var ConnectView = lazy(function () {
+    return import('./views/ConnectView').then(function (mod) { return ({ default: mod.ConnectView }); });
+});
+var CreateSessionView = lazy(function () {
+    return import('./views/CreateSessionView').then(function (mod) { return ({
+        default: mod.CreateSessionView,
+    }); });
+});
+var SigningView = lazy(function () {
+    return import('./views/SigningView').then(function (mod) { return ({ default: mod.SigningView }); });
+});
+var CreateUserView = lazy(function () {
+    return import('./views/CreateUserView').then(function (mod) { return ({ default: mod.CreateUserView }); });
+});
+var SuccessView = lazy(function () {
+    return import('./views/SuccessView').then(function (mod) { return ({ default: mod.SuccessView }); });
+});
+var NoWhitelistView = lazy(function () {
+    return import('./views/NoWhitelistView').then(function (mod) { return ({ default: mod.NoWhitelistView }); });
+});
+export function NTSFlow(_a) {
+    var viewMode = useN1WalletContext().viewMode;
+    return (_jsxs(Suspense, { fallback: _jsx(LoadingFallback, {}), children: [viewMode === N1ModalViewMode.Connect && _jsx(ConnectView, {}), viewMode === N1ModalViewMode.CreateSession && (_jsx(CreateSessionView, {})), viewMode === N1ModalViewMode.Signing && _jsx(SigningView, {}), viewMode === N1ModalViewMode.CreatingUser && (_jsx(CreateUserView, {})), viewMode === N1ModalViewMode.Success && _jsx(SuccessView, {}), viewMode === N1ModalViewMode.NoWhitelist && (_jsx(NoWhitelistView, {}))] }));
+}

package/dist/Modal/NTSFlow/NordFlow/WalletConnectionFlow.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface WalletConnectionFlowProps {
+    onClose?: () => void;
+}
+/**
+ * Main component for the wallet connection flow
+ */
+export declare const WalletConnectionFlow: React.FC<WalletConnectionFlowProps>;
+export {};