@n1xyz/wallet-widget 0.0.1

package/dist/Modal/N1WalletModal.js

@@ -0,0 +1,232 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState, lazy, Suspense } from 'react';
+import { useN1WalletContext, useN1WalletInternalContext, } from '../Provider/hooks';
+import { createWebSession, getSessionKeysFromLocalStorage, getUser, } from '../Logic/utils';
+import { getEd25519PublicKey, signEd25519, bs58Decode } from '@n1xyz/nts-sdk';
+import { N1ModalViewMode } from '../Provider/types';
+import { logger } from '../utils/logger';
+import { WalletError, WalletErrorCode } from '../errors/types';
+// 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 }); });
+});
+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-white" }) })); };
+export function N1WalletModal() {
+    var _this = this;
+    var _a = useN1WalletContext(), showLogin = _a.showLogin, setShowLogin = _a.setShowLogin, viewMode = _a.viewMode;
+    var _b = useN1WalletInternalContext(), 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 _c = useState(false), showLoginAnimation = _c[0], setShowLoginAnimation = _c[1];
+    // Handle loading state
+    useEffect(function () {
+        if (dynamicSdkHasLoaded || dynamicWallet) {
+            setLoading(false);
+        }
+    }, [dynamicSdkHasLoaded, dynamicWallet]);
+    // Initialize session when wallet is connected
+    useEffect(function () {
+        logger.debug('N1WalletModal attempt to call initializeSession...');
+        var initializeSession = function () { return __awaiter(_this, void 0, void 0, function () {
+            var response, whitelistData, walletPubKey, sessionData_1, sessionPubKey, signFn_1, user, storedUsername, username, error_1, error_2;
+            var _this = this;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        // If wallet is not connected, or not in connect mode, skip
+                        if (!dynamicWallet || viewMode !== N1ModalViewMode.Connect) {
+                            return [2 /*return*/];
+                        }
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 12, , 13]);
+                        logger.debug('Initialize Session...');
+                        if (!dynamicWallet) return [3 /*break*/, 4];
+                        return [4 /*yield*/, fetch('https://argus-1g4n.onrender.com/api/db/verifyWhitelist', {
+                                method: 'POST',
+                                headers: {
+                                    'Content-Type': 'application/json',
+                                },
+                                body: JSON.stringify({ address: dynamicWallet.address }),
+                            })];
+                    case 2:
+                        response = _a.sent();
+                        return [4 /*yield*/, response.json()];
+                    case 3:
+                        whitelistData = _a.sent();
+                        if (!whitelistData.isWhitelisted) {
+                            logger.info('Wallet not whitelisted');
+                            setViewMode(N1ModalViewMode.NoWhitelist);
+                            return [2 /*return*/];
+                        }
+                        _a.label = 4;
+                    case 4:
+                        logger.group('Session Initialization');
+                        console.log('Session Initialization started');
+                        _a.label = 5;
+                    case 5:
+                        _a.trys.push([5, 9, 10, 11]);
+                        walletPubKey = dynamicWallet.chain === 'SOL'
+                            ? bs58Decode(dynamicWallet.address)
+                            : Uint8Array.from(Buffer.from(dynamicWallet.address.slice(2), 'hex'));
+                        setWalletPubKey(walletPubKey);
+                        sessionData_1 = getSessionKeysFromLocalStorage(dynamicWallet.address);
+                        if (!sessionData_1) {
+                            logger.info('No existing session found, transitioning to CreateSession');
+                            setViewMode(N1ModalViewMode.CreateSession);
+                            return [2 /*return*/];
+                        }
+                        logger.debug('Session time', sessionData_1.createdAt);
+                        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
+                            setViewMode(N1ModalViewMode.CreateSession);
+                            return [2 /*return*/];
+                        }
+                        return [4 /*yield*/, getEd25519PublicKey(sessionData_1.ed25519PrivateKey)];
+                    case 6:
+                        sessionPubKey = _a.sent();
+                        logger.debug('Initializing with existing session key');
+                        setSessionPubKey(sessionPubKey);
+                        signFn_1 = function (message) { return __awaiter(_this, void 0, void 0, function () {
+                            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
+                                        });
+                                        return [4 /*yield*/, signEd25519(message, sessionData_1.ed25519PrivateKey)];
+                                    case 1: return [2 /*return*/, _a.sent()];
+                                }
+                            });
+                        }); };
+                        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)];
+                    case 7:
+                        // Create web session and get user data
+                        _a.sent();
+                        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) {
+                            logger.info('User found, completing login');
+                            username = (user === null || user === void 0 ? void 0 : user.name) || storedUsername;
+                            setIsConnected(true);
+                            setUsername(username);
+                            localStorage.setItem("n1_".concat(dynamicWallet.address, "_username"), username);
+                            setStartClosingLogin(true);
+                        }
+                        else {
+                            logger.info('No user found, transitioning to CreateUser');
+                            setViewMode(N1ModalViewMode.CreatingUser);
+                        }
+                        return [3 /*break*/, 11];
+                    case 9:
+                        error_1 = _a.sent();
+                        logger.error('Session initialization failed:', error_1);
+                        handleError(new WalletError(WalletErrorCode.CONNECTION_FAILED, 'Failed to initialize session', { originalError: error_1 }));
+                        return [3 /*break*/, 11];
+                    case 10:
+                        logger.groupEnd();
+                        return [7 /*endfinally*/];
+                    case 11: return [3 /*break*/, 13];
+                    case 12:
+                        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*/, 13];
+                    case 13: return [2 /*return*/];
+                }
+            });
+        }); };
+        initializeSession();
+    }, [dynamicWallet, dynamicSdkHasLoaded, viewMode]);
+    // Handle modal visibility
+    useEffect(function () {
+        if (showLogin) {
+            setStartClosingLogin(false);
+            setShowLoginAnimation(true);
+        }
+    }, [showLogin]);
+    useEffect(function () {
+        if (startClosingLogin) {
+            setShowLoginAnimation(false);
+            var timeout_1 = setTimeout(function () {
+                setShowLogin(false);
+                setStartClosingLogin(false);
+            }, 700);
+            return function () { return clearTimeout(timeout_1); };
+        }
+    }, [startClosingLogin, setShowLogin, setStartClosingLogin]);
+    if (!showLogin && !showSidebar)
+        return null;
+    console.log('SHOW', showSidebar);
+    return (_jsxs("div", { className: darkMode ? 'dark' : '', children: [showLogin && (_jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: _jsx("div", { className: "duration-500 ease-in-out font-monument w-screen h-screen fixed top-0 left-0 flex items-center justify-center z-100 ".concat(showLoginAnimation ? 'opacity-100' : 'opacity-0'), style: {
+                        backgroundColor: 'rgba(0, 0, 0, 0.5)',
+                        backdropFilter: 'blur(4px)',
+                    }, 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, {}) })] }));
+}

package/dist/Modal/NoWhitelistView.d.ts

@@ -0,0 +1 @@
+export declare function NoWhitelistView(): import("react/jsx-runtime").JSX.Element;

package/dist/Modal/NoWhitelistView.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useN1WalletInternalContext, useN1WalletContext, } from '../Provider/hooks';
+import { N1ModalViewMode } from '../Provider/types';
+import { ModalHeader } from './ModalHeader';
+export function NoWhitelistView() {
+    var _a = useN1WalletInternalContext(), setViewMode = _a.setViewMode, dynamicHandleLogOut = _a.dynamicHandleLogOut, setIsConnected = _a.setIsConnected;
+    var address = useN1WalletContext().address;
+    function disconnect() {
+        // TODO: create a util function for disconnecting and clearing local storage
+        dynamicHandleLogOut();
+        if (typeof window !== 'undefined') {
+            localStorage.clear();
+            if ('caches' in window) {
+                caches.keys().then(function (cacheNames) {
+                    cacheNames.forEach(function (cacheName) {
+                        caches.delete(cacheName);
+                    });
+                });
+            }
+            window.location.reload();
+        }
+        setViewMode(N1ModalViewMode.Connect);
+        setIsConnected(false);
+    }
+    var addressText = address
+        ? "".concat(address.substring(0, 6), "...").concat(address.slice(-4))
+        : '';
+    return (_jsxs("div", { className: "rounded-[25px] shadow-lg w-96 p-5 bg-white dark:bg-neutral-900 text-neutral-900 dark:text-stone-200", children: [_jsx(ModalHeader, {}), _jsxs("div", { className: "mt-6 text-center", children: [_jsx("p", { className: "text-lg mb-4", children: "Sorry, your wallet is not whitelisted." }), _jsx("p", { className: "text-sm text-neutral-500 dark:text-neutral-400 mb-6", children: "N1 is currently available only for our early developer access program. Please reach out to us if you'd like to join." }), _jsx("button", { onClick: function () { return window.open('https://tally.so/r/wM8KRg', '_blank'); }, className: "w-full py-4 border rounded-[18px] cursor-pointer duration-300 hover:opacity-80 text-white bg-neutral-900 dark:bg-white dark:text-black mb-4", children: "Request Early Access" }), _jsxs("button", { onClick: disconnect, className: "w-full py-4 border rounded-[18px] cursor-pointer duration-300 hover:opacity-80 bg-red-50 dark:bg-red-900/20 text-red-600 dark:text-red-400 border-red-200 dark:border-red-800", children: ["Disconnect ", addressText] })] })] }));
+}

package/dist/Modal/Sidebar/N1Sidebar.d.ts

@@ -0,0 +1 @@
+export declare function N1Sidebar(_: any): import("react/jsx-runtime").JSX.Element;

package/dist/Modal/Sidebar/N1Sidebar.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import BlockiesSvg from 'blockies-react-svg';
+import { useEffect, useState } from 'react';
+import { N1ModalViewMode } from '../../Provider/types';
+import { useN1WalletContext, useN1WalletInternalContext, } from '../../Provider/hooks';
+export function N1Sidebar(_) {
+    var _a = useState(false), closing = _a[0], setClosing = _a[1];
+    var _b = useN1WalletContext(), username = _b.username, isConnected = _b.isConnected, address = _b.address;
+    var _c = useN1WalletInternalContext(), setShowSidebar = _c.setShowSidebar, showSidebar = _c.showSidebar, setStartClosingLogin = _c.setStartClosingLogin, dynamicHandleLogOut = _c.dynamicHandleLogOut;
+    var addressText = isConnected && address.substring(0, 9) + '...' + address.slice(-3);
+    var _d = useN1WalletInternalContext(), setViewMode = _d.setViewMode, setIsConnected = _d.setIsConnected;
+    function disconnect() {
+        dynamicHandleLogOut();
+        setViewMode(N1ModalViewMode.Connect);
+        setIsConnected(false);
+        setClosing(true);
+        setStartClosingLogin(true);
+    }
+    useEffect(function () {
+        if (showSidebar) {
+            setClosing(false);
+        }
+    }, [showSidebar]);
+    useEffect(function () {
+        var timeout;
+        if (closing) {
+            timeout = setTimeout(function () {
+                setShowSidebar(false);
+                setClosing(false);
+            }, 700);
+        }
+        return function () { return clearTimeout(timeout); };
+    }, [closing, setShowSidebar]);
+    return (_jsxs("div", { className: 'fixed inset-0 bg-neutral-400/45 dark:bg-neutral-700/45 h-screen w-screen duration-500 ease-in-out z-[9999] flex items-center justify-end py-3 backdrop-blur-sm ' +
+            (!showSidebar && 'hidden pointer-events-none') +
+            (closing ? ' opacity-0' : ' opacity-100'), children: [showSidebar && (_jsx("div", { className: 'w-screen h-screen fixed top-0 left-0', onClick: function () { return setClosing(true); } })), showSidebar && (_jsx("div", { className: 'relative h-full py-6 pl-6 pr-8 bg-white dark:bg-neutral-900 shadow-xl border-2 border-neutral-200 dark:border-neutral-700 rounded-l-2xl rounded-b-2xl rounded-t-2xl duration-500 ease-in-out overflow-hidden ' +
+                    (closing ? 'translate-x-full' : 'translate-x-0'), children: _jsxs("div", { className: 'flex flex-col', children: [_jsxs("div", { className: "flex w-full mb-4", children: [_jsx("div", { className: "w-16 h-16 bg-neutral-200 dark:bg-neutral-800 rounded-full flex items-center justify-center relative", children: _jsx("div", { className: "overflow-hidden rounded-full w-16 h-16", children: _jsx(BlockiesSvg, { address: address, className: "drop-shadow w-full h-full rounded-[20px]" }) }) }), _jsxs("div", { className: 'flex flex-col pl-3 py-2', children: [_jsx("div", { className: 'font-extrabold text-neutral-900 dark:text-stone-200', children: username }), _jsx("div", { className: 'font-extrabold text-neutral-400 dark:text-neutral-500', children: addressText })] })] }), _jsxs("div", { className: 'mt-4 rounded-2xl flex flex-col items-center justify-center h-24 w-full p-2 bg-red-50 dark:bg-red-900/20 hover:bg-red-100 dark:hover:bg-red-900/30 border-neutral-200 dark:border-neutral-700 border text-neutral-700 dark:text-neutral-300 cursor-pointer', onClick: disconnect, children: [_jsx("div", { className: 'bg-red-400 rounded-sm h-4 w-4 mb-2 rotate-45' }), _jsx("div", { className: 'font-bold', children: "Disconnect" }), _jsx("div", { className: 'text-xs', children: "Log out from the application" })] }), _jsxs("div", { className: 'justify-center w-full flex text-xs mt-8 mb-6 items-center', children: [_jsx("div", { className: 'h-0.5 bg-neutral-300 dark:bg-neutral-700 w-16 mx-2' }), _jsx("div", { className: 'text-neutral-600 dark:text-neutral-400 font-bold', children: "Other apps" }), _jsx("div", { className: 'h-0.5 bg-neutral-300 dark:bg-neutral-700 w-16 mx-2' })] }), _jsx("div", { className: 'flex flex-col gap-y-2', children: _jsx("div", { className: "cursor-pointer flex flex-col flex-shrink-0 mr-6 w-full h-48 bg-neutral-900 dark:bg-black rounded-xl overflow-hidden relative", children: _jsx("div", { className: 'absolute flex flex-row items-center justify-between bottom-0 w-full bg-gradient-to-t px-5 py-3 from-neutral-900 dark:from-black', children: _jsxs("div", { className: "flex flex-row gap-3 items-center", children: [_jsx("div", { className: "w-10 h-10 relative rounded-lg overflow-hidden" }), _jsxs("div", { className: "flex flex-col leading-none", children: [_jsx("div", { className: "text-white", children: "Nos" }), _jsx("div", { className: "text-neutral-200", children: "Perp Dex" })] })] }) }) }) })] }) }))] }));
+}

package/dist/Modal/SigningView.d.ts

@@ -0,0 +1 @@
+export declare function SigningView(): import("react/jsx-runtime").JSX.Element;

package/dist/Modal/SigningView.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ModalHeader } from './ModalHeader';
+export function SigningView() {
+    return (_jsxs("div", { className: "rounded-[25px] shadow-lg w-96 p-5 bg-white dark:bg-neutral-900 text-neutral-900 dark:text-stone-200", children: [_jsx(ModalHeader, {}), _jsxs("div", { className: "flex flex-col items-center justify-center", children: [_jsx("div", { className: "animate-spin-slow w-16 h-16 border-4 rounded-full border-neutral-200 dark:border-neutral-700 border-t-neutral-900 dark:border-t-white" }), _jsx("p", { className: "text-sm mb-4 mt-6 text-neutral-500 dark:text-neutral-400", children: "Please sign the message to authenticate" })] })] }));
+}

package/dist/Modal/SuccessView.d.ts

@@ -0,0 +1 @@
+export declare function SuccessView(): import("react/jsx-runtime").JSX.Element;

package/dist/Modal/SuccessView.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ModalHeader } from './ModalHeader';
+import { useN1WalletInternalContext } from '../Provider/hooks';
+export function SuccessView() {
+    var _a = useN1WalletInternalContext(), setViewMode = _a.setViewMode, setStartClosingLogin = _a.setStartClosingLogin;
+    var close = function () {
+        setStartClosingLogin(true);
+    };
+    return (_jsxs("div", { className: "rounded-[25px] shadow-lg w-96 p-5 bg-white dark:bg-neutral-900 text-neutral-900 dark:text-stone-200", children: [_jsx(ModalHeader, {}), _jsx("div", { className: 'rounded-[25px] overflow-hidden mb-4', children: _jsx("img", { src: 'https://cdn.midjourney.com/17b152e3-2c93-4d00-b4cc-860d787a4994/0_2.png', className: 'w-full' }) }), _jsx("div", { className: "my-2", children: _jsx("div", { className: "space-y-2", children: _jsx("button", { className: "w-full py-4 border rounded-[18px] cursor-pointer duration-300 hover:opacity-80 text-white bg-neutral-900 dark:bg-white dark:text-neutral-900", onClick: close, children: "Success! Continue" }) }) })] }));
+}

package/dist/Provider/LazyWalletProvider.d.ts

@@ -0,0 +1 @@
+export declare function LazyWalletProvider({ children }: any): import("react/jsx-runtime").JSX.Element;

package/dist/Provider/LazyWalletProvider.js

@@ -0,0 +1,160 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState, useRef } from 'react';
+import { useN1WalletInternalContext } from './hooks';
+import { logger } from '../utils/logger';
+var getSettings = function (darkMode) { return ({
+    initialAuthenticationMode: 'connect-only',
+    environmentId: '9a47561c-6a0b-4a5b-ace1-12621c11cebd',
+    theme: {
+        mode: darkMode ? 'dark' : 'light',
+    },
+    events: {
+        onAuthSuccess: function (args) {
+            console.log('onAuthSuccess was called', args);
+        },
+    },
+}); };
+function DynamicContextConsumer(_a) {
+    var children = _a.children;
+    var _b = useN1WalletInternalContext(), setDynamicWallet = _b.setDynamicWallet, setAddress = _b.setAddress, setDynamicSdkHasLoaded = _b.setDynamicSdkHasLoaded, setShowDynamicWidget = _b.setShowDynamicWidget, darkMode = _b.darkMode, setDynamicHandleLogOut = _b.setDynamicHandleLogOut;
+    var _c = useState(null), DynamicContext = _c[0], setDynamicContext = _c[1];
+    var showAuthFlowRef = useRef(null);
+    useEffect(function () {
+        import('@dynamic-labs/sdk-react-core').then(function (_a) {
+            var useDynamicContext = _a.useDynamicContext;
+            setDynamicContext(function () { return useDynamicContext; });
+        });
+    }, []);
+    // Set up a stable widget function that uses the ref
+    useEffect(function () {
+        setShowDynamicWidget(function () { return function (show) {
+            if (showAuthFlowRef.current) {
+                showAuthFlowRef.current(show);
+            }
+        }; });
+    }, [setShowDynamicWidget]);
+    if (!DynamicContext) {
+        return _jsx(_Fragment, { children: children });
+    }
+    var DynamicComponent = function () {
+        var _a = DynamicContext(), primaryWallet = _a.primaryWallet, sdkHasLoaded = _a.sdkHasLoaded, setShowAuthFlow = _a.setShowAuthFlow, handleLogOut = _a.handleLogOut;
+        // Store setShowAuthFlow in ref to avoid re-renders
+        useEffect(function () {
+            showAuthFlowRef.current = setShowAuthFlow;
+        }, [setShowAuthFlow]);
+        useEffect(function () {
+            if (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address) {
+                logger.debug('Primary wallet found');
+                setDynamicWallet(primaryWallet);
+                setAddress(primaryWallet.address);
+            }
+            else {
+                logger.debug('No primary wallet found');
+                setDynamicWallet(null);
+                setAddress('');
+            }
+        }, [primaryWallet]);
+        useEffect(function () {
+            if (sdkHasLoaded) {
+                setDynamicSdkHasLoaded(true);
+            }
+        }, [sdkHasLoaded]);
+        // Set the logout handler
+        useEffect(function () {
+            if (handleLogOut) {
+                setDynamicHandleLogOut(function () { return handleLogOut; });
+            }
+        }, [handleLogOut]);
+        return _jsx(_Fragment, { children: children });
+    };
+    return _jsx(DynamicComponent, {});
+}
+function LazyInternal(props) {
+    var _this = this;
+    var _a = useState(null), Provider = _a[0], setProvider = _a[1];
+    var _b = useState([]), walletConnectors = _b[0], setWalletConnectors = _b[1];
+    var darkMode = useN1WalletInternalContext().darkMode;
+    useEffect(function () {
+        var loadDynamicDeps = function () { return __awaiter(_this, void 0, void 0, function () {
+            var _a, DynamicContextProvider_1, EthereumWalletConnectors, SolanaWalletConnectors, error_1;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _b.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, Promise.all([
+                                import('@dynamic-labs/sdk-react-core'),
+                                import('@dynamic-labs/ethereum'),
+                                import('@dynamic-labs/solana'),
+                            ])];
+                    case 1:
+                        _a = _b.sent(), DynamicContextProvider_1 = _a[0].DynamicContextProvider, EthereumWalletConnectors = _a[1].EthereumWalletConnectors, SolanaWalletConnectors = _a[2].SolanaWalletConnectors;
+                        setProvider(function () { return DynamicContextProvider_1; });
+                        setWalletConnectors([EthereumWalletConnectors, SolanaWalletConnectors]);
+                        return [3 /*break*/, 3];
+                    case 2:
+                        error_1 = _b.sent();
+                        console.error('Failed to load Dynamic dependencies:', error_1);
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); };
+        loadDynamicDeps();
+    }, []);
+    if (!Provider || walletConnectors.length === 0) {
+        return null;
+    }
+    var dynamicSettings = __assign(__assign({}, getSettings(darkMode)), { walletConnectors: walletConnectors });
+    return (_jsx(Provider, { settings: dynamicSettings, children: _jsx(DynamicContextConsumer, { children: props.children }) }));
+}
+export function LazyWalletProvider(_a) {
+    var children = _a.children;
+    return _jsx(LazyInternal, { children: children });
+}

package/dist/Provider/N1WalletProvider.d.ts

@@ -0,0 +1,2 @@
+import { N1WalletProviderProps } from './types';
+export declare function N1WalletProvider({ children, providedSessionMode, appId, darkMode, onError, }: N1WalletProviderProps): import("react/jsx-runtime").JSX.Element;