@n1xyz/wallet-widget 0.0.4 → 0.0.5

package/dist/Modal/NTSFlow/views/ConnectView.js

@@ -0,0 +1,68 @@
+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 { useState } from 'react';
+import { IoMdWallet } from 'react-icons/io';
+import { useN1WalletInternalContext } from '../../../Provider/hooks';
+import { ANIMATION_EASE } from '../../NordFlow/constants';
+import { ModalHeader } from '../components/ModalHeader';
+export function ConnectView() {
+    var _this = this;
+    var _a = useN1WalletInternalContext(), showDynamicWidget = _a.showDynamicWidget, handleError = _a.handleError;
+    var _b = useState(null), isHovered = _b[0], setIsHovered = _b[1];
+    var handleConnect = function () { return __awaiter(_this, void 0, void 0, function () {
+        var error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    return [4 /*yield*/, showDynamicWidget(true)];
+                case 1:
+                    _a.sent();
+                    return [3 /*break*/, 3];
+                case 2:
+                    error_1 = _a.sent();
+                    handleError(error_1);
+                    return [3 /*break*/, 3];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
+    return (_jsxs("div", { className: "bg-gray-50 dark:bg-gray-950 relative border border-gray-200 dark:border-gray-800 rounded-md transition-[max-width,transform,opacity] duration-[3000ms] ease-[cubic-bezier(0.16,1,0.3,1)] w-full max-w-sm m-4 origin-center will-change-[max-width,transform,opacity]", children: [_jsx("div", { className: "p-6 border-b border-gray-200 dark:border-gray-800", children: _jsx(ModalHeader, {}) }), _jsx("div", { className: "p-6 overflow-hidden relative", children: _jsxs("div", { className: "space-y-4", children: [_jsx("button", { onClick: handleConnect, onMouseEnter: function () { return setIsHovered('wallet'); }, onMouseLeave: function () { return setIsHovered(null); }, className: "\n              group relative w-full overflow-hidden rounded-md border-2 bg-gray-100 dark:bg-neutral-950 py-4 text-center\n              transition-all duration-300 ".concat(ANIMATION_EASE, "\n              cursor-pointer border-gray-200 dark:border-gray-800 hover:border-gray-400 dark:hover:border-white/60\n            "), style: {
+                                transform: isHovered === 'wallet' ? 'scale(0.99)' : 'scale(1)',
+                            }, children: _jsx("div", { className: "relative z-[200] pl-4 isolate", children: _jsxs("div", { className: "flex items-center", children: [_jsx(IoMdWallet, { className: "w-5 h-5 text-gray-500 dark:text-neutral-400 group-hover:text-gray-900 dark:group-hover:text-white transition-colors duration-300" }), _jsx("span", { className: "\n                  ml-2 text-base font-medium tracking-wide transition-colors duration-300 ".concat(ANIMATION_EASE, "\n                  text-gray-500 dark:text-neutral-400 group-hover:text-gray-900 dark:group-hover:text-white\n                "), children: "Continue with Wallet" })] }) }) }), _jsx("button", { disabled: true, onMouseEnter: function () { return setIsHovered('google'); }, onMouseLeave: function () { return setIsHovered(null); }, className: "\n              group relative w-full overflow-hidden rounded-md border-2 bg-gray-100 dark:bg-neutral-950 py-4 text-center\n              transition-all duration-300 ".concat(ANIMATION_EASE, "\n              cursor-not-allowed border-gray-200 dark:border-gray-800 opacity-50\n            "), children: _jsx("div", { className: "relative z-[200] pl-4 isolate", children: _jsx("div", { className: "flex items-center", children: _jsx("span", { className: "text-base font-medium tracking-wide text-gray-500 dark:text-neutral-400", children: "Continue with Google (soon)" }) }) }) }), _jsx("button", { disabled: true, onMouseEnter: function () { return setIsHovered('email'); }, onMouseLeave: function () { return setIsHovered(null); }, className: "\n              group relative w-full overflow-hidden rounded-md border-2 bg-gray-100 dark:bg-neutral-950 py-4 text-center\n              transition-all duration-300 ".concat(ANIMATION_EASE, "\n              cursor-not-allowed border-gray-200 dark:border-gray-800 opacity-50\n            "), children: _jsx("div", { className: "relative z-[200] pl-4 isolate", children: _jsx("div", { className: "flex items-center", children: _jsx("span", { className: "text-base font-medium tracking-wide text-gray-500 dark:text-neutral-400", children: "Continue with Email (soon)" }) }) }) })] }) })] }));
+}

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

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

package/dist/Modal/NTSFlow/views/CreateSessionView.js

@@ -0,0 +1,245 @@
+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 } from 'react';
+import { ANIMATION_EASE } from '../../NordFlow/constants';
+import { WalletError, WalletErrorCode } from '../../../errors/types';
+import { createWebSession, generateSessionKeyPair, getUser, storeSessionKeysInLocalStorage, } from '../../../Logic/utils';
+import { useN1WalletContext, useN1WalletInternalContext, } from '../../../Provider/hooks';
+import { N1ModalViewMode } from '../../../Provider/types';
+import { logger } from '../../../utils/logger';
+import { BackButton } from '../components/BackButton';
+import { ModalHeader } from '../components/ModalHeader';
+import { signEd25519 } from '@n1xyz/nts-sdk';
+export function CreateSessionView() {
+    var _this = this;
+    var _a = useState(false), isHovered = _a[0], setIsHovered = _a[1];
+    var _b = useState(false), isPressed = _b[0], setIsPressed = _b[1];
+    var _c = useState(null), NTSComponents = _c[0], setNTSComponents = _c[1];
+    var _d = useState(null), keyPair = _d[0], setKeyPair = _d[1];
+    var _e = useN1WalletInternalContext(), setViewMode = _e.setViewMode, setUsername = _e.setUsername, setStartClosingLogin = _e.setStartClosingLogin, setIsConnected = _e.setIsConnected, dynamicWallet = _e.dynamicWallet, handleError = _e.handleError, setSessionPubKey = _e.setSessionPubKey, setSignMessageWithSessionKey = _e.setSignMessageWithSessionKey, dynamicHandleLogOut = _e.dynamicHandleLogOut, setDynamicWallet = _e.setDynamicWallet, setAddress = _e.setAddress, setSignMessageWithWalletKey = _e.setSignMessageWithWalletKey;
+    var _f = useN1WalletContext(), ntsInterface = _f.ntsInterface, walletPubKey = _f.walletPubKey, address = _f.address;
+    // Initialize NTS SDK and generate key pair
+    useEffect(function () {
+        var loadNTSSDK = function () { return __awaiter(_this, void 0, void 0, function () {
+            var _a, Transaction, AdminAction, CoreApps, newKeyPair, error_1;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _b.trys.push([0, 3, , 4]);
+                        return [4 /*yield*/, import('@n1xyz/nts-sdk')];
+                    case 1:
+                        _a = _b.sent(), Transaction = _a.Transaction, AdminAction = _a.AdminAction, CoreApps = _a.CoreApps;
+                        setNTSComponents({ Transaction: Transaction, AdminAction: AdminAction, CoreApps: CoreApps });
+                        return [4 /*yield*/, generateSessionKeyPair()];
+                    case 2:
+                        newKeyPair = _b.sent();
+                        setKeyPair(newKeyPair);
+                        return [3 /*break*/, 4];
+                    case 3:
+                        error_1 = _b.sent();
+                        handleError(new WalletError(WalletErrorCode.CONNECTION_FAILED, 'Failed to initialize NTS SDK', { originalError: error_1 }));
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        }); };
+        loadNTSSDK();
+    }, [handleError]);
+    var signWithWallet = function (msg) { return __awaiter(_this, void 0, void 0, function () {
+        var signature, binaryString, signatureUint8Array, i, sig, error_2;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 4, , 5]);
+                    if (!dynamicWallet) {
+                        throw new WalletError(WalletErrorCode.WALLET_NOT_FOUND, 'Wallet not found for signing');
+                    }
+                    if (!(dynamicWallet.chain === 'SOL')) return [3 /*break*/, 2];
+                    return [4 /*yield*/, dynamicWallet.signMessage(msg)];
+                case 1:
+                    signature = _a.sent();
+                    binaryString = atob(signature);
+                    signatureUint8Array = new Uint8Array(binaryString.length);
+                    for (i = 0; i < binaryString.length; i++) {
+                        signatureUint8Array[i] = binaryString.charCodeAt(i);
+                    }
+                    return [2 /*return*/, signatureUint8Array];
+                case 2: return [4 /*yield*/, dynamicWallet.signMessage(msg)];
+                case 3:
+                    sig = (_a.sent());
+                    logger.debug('Wallet signature received', { signature: sig });
+                    return [2 /*return*/, Uint8Array.from(Buffer.from(sig.slice(2), 'hex'))];
+                case 4:
+                    error_2 = _a.sent();
+                    throw new WalletError(WalletErrorCode.USER_REJECTED, 'Failed to sign message with wallet', { originalError: error_2 });
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleSign = function () { return __awaiter(_this, void 0, void 0, function () {
+        var sessionKeyHex, transactionData, tx, txRes, _1, signFn_1, user, error_3;
+        var _this = this;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    logger.debug('handleSign');
+                    if (!NTSComponents || !keyPair) {
+                        logger.warn('Required components not initialized');
+                        return [2 /*return*/];
+                    }
+                    setViewMode(N1ModalViewMode.Signing);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 9, , 10]);
+                    sessionKeyHex = Buffer.from(keyPair.publicKey).toString('hex');
+                    logger.debug('Generated session key', { sessionKey: sessionKeyHex });
+                    transactionData = {
+                        appId: NTSComponents.CoreApps.Admin,
+                        action: NTSComponents.AdminAction.addSessionKey,
+                        framework: 'ts',
+                        data: [
+                            {
+                                sessionKey: sessionKeyHex,
+                                appId: 'hub',
+                            },
+                        ],
+                    };
+                    setSignMessageWithWalletKey(signWithWallet);
+                    tx = new NTSComponents.Transaction(transactionData, walletPubKey);
+                    return [4 /*yield*/, tx.signWithWalletFunction(signWithWallet)];
+                case 2:
+                    _a.sent();
+                    _a.label = 3;
+                case 3:
+                    _a.trys.push([3, 5, , 6]);
+                    return [4 /*yield*/, ntsInterface.sendTransaction(tx, tx.signature, walletPubKey)];
+                case 4:
+                    txRes = _a.sent();
+                    if (txRes.success) {
+                        logger.debug('txRes', txRes);
+                    }
+                    else {
+                        logger.debug('txRes', txRes);
+                        throw new WalletError(WalletErrorCode.TRANSACTION_FAILED, 'Transaction failed');
+                    }
+                    return [3 /*break*/, 6];
+                case 5:
+                    _1 = _a.sent();
+                    throw new WalletError(WalletErrorCode.TRANSACTION_FAILED, 'Transaction did not succeed');
+                case 6:
+                    signFn_1 = function (message) { return __awaiter(_this, void 0, void 0, function () {
+                        var _2;
+                        return __generator(this, function (_a) {
+                            switch (_a.label) {
+                                case 0:
+                                    _a.trys.push([0, 2, , 3]);
+                                    return [4 /*yield*/, signEd25519(message, keyPair.privateKey)];
+                                case 1: return [2 /*return*/, _a.sent()];
+                                case 2:
+                                    _2 = _a.sent();
+                                    console.log('error', _2);
+                                    throw _2;
+                                case 3: return [2 /*return*/];
+                            }
+                        });
+                    }); };
+                    // Store session keys
+                    logger.debug('Storing session keys');
+                    storeSessionKeysInLocalStorage({
+                        privKey: keyPair.privateKey,
+                        walletPublicKey: address,
+                        chainName: dynamicWallet.chain,
+                    });
+                    setSessionPubKey(keyPair.publicKey);
+                    setSignMessageWithSessionKey(function () { return signFn_1; });
+                    // Initialize web session with Argus who verifies that the session is
+                    // registered with Core, and if so, grants you access to its user metadata db
+                    return [4 /*yield*/, createWebSession(signFn_1, keyPair.publicKey, walletPubKey)];
+                case 7:
+                    // Initialize web session with Argus who verifies that the session is
+                    // registered with Core, and if so, grants you access to its user metadata db
+                    _a.sent();
+                    return [4 /*yield*/, getUser()];
+                case 8:
+                    user = _a.sent();
+                    if (user === null || user === void 0 ? void 0 : user.name) {
+                        logger.info('Existing user found, completing login');
+                        setUsername(user.name);
+                        localStorage.setItem("n1_".concat(address, "_username"), user.name);
+                        setStartClosingLogin(true);
+                        setIsConnected(true);
+                    }
+                    else {
+                        logger.info('No user found, transitioning to user creation');
+                        setViewMode(N1ModalViewMode.CreatingUser);
+                    }
+                    return [3 /*break*/, 10];
+                case 9:
+                    error_3 = _a.sent();
+                    logger.error('Session creation failed:', error_3);
+                    if (error_3.name === 'WalletError') {
+                        handleError(error_3);
+                    }
+                    else {
+                        handleError(new WalletError(WalletErrorCode.CONNECTION_FAILED, 'Failed to create session', { originalError: JSON.stringify(error_3) }));
+                    }
+                    setViewMode(N1ModalViewMode.CreateSession);
+                    return [3 /*break*/, 10];
+                case 10: return [2 /*return*/];
+            }
+        });
+    }); };
+    return (_jsxs("div", { className: "bg-gray-50 dark:bg-gray-950 relative border border-gray-200 dark:border-gray-800 rounded-md transition-[max-width,transform,opacity] duration-[3000ms] ease-[cubic-bezier(0.16,1,0.3,1)] w-full max-w-sm m-4 origin-center will-change-[max-width,transform,opacity]", children: [_jsx("div", { className: "p-6 border-b border-gray-200 dark:border-gray-800", children: _jsx(ModalHeader, {}) }), _jsx("div", { className: "p-6 overflow-hidden relative", children: _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "text-center", children: [_jsx("h3", { className: "text-xl font-medium text-gray-900 dark:text-white mb-2", children: "Create Session" }), _jsx("p", { className: "text-gray-500 dark:text-gray-400", children: "Please authenticate to create a new session." })] }), _jsx("button", { onClick: handleSign, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () {
+                                setIsHovered(false);
+                                setIsPressed(false);
+                            }, onMouseDown: function () { return setIsPressed(true); }, onMouseUp: function () { return setIsPressed(false); }, disabled: !NTSComponents || !keyPair, className: "\n              group relative w-full overflow-hidden rounded-md border-2 bg-gray-100 dark:bg-neutral-950 py-4 text-left\n              transition-all duration-300 ".concat(ANIMATION_EASE, "\n              ").concat(!NTSComponents || !keyPair
+                                ? 'cursor-not-allowed border-gray-200 dark:border-gray-800 opacity-50'
+                                : 'cursor-pointer border-gray-200 dark:border-gray-800 hover:border-gray-400 dark:hover:border-white/60', "\n            "), style: {
+                                transform: isPressed && (!NTSComponents || !keyPair)
+                                    ? 'scale(0.98)'
+                                    : isHovered && (!NTSComponents || !keyPair)
+                                        ? 'scale(0.99)'
+                                        : 'scale(1)',
+                            }, children: _jsx("div", { className: "relative z-[200] pl-4 isolate", children: _jsx("div", { className: "flex items-center justify-start", children: _jsx("span", { className: "\n                  text-base font-medium tracking-wide transition-colors duration-300 ".concat(ANIMATION_EASE, "\n                  text-gray-500 dark:text-neutral-400 group-hover:text-gray-900 dark:group-hover:text-white\n                "), children: "Authenticate" }) }) }) }), _jsx(BackButton, { onClick: function () {
+                                logger.debug('BackButton clicked');
+                                setDynamicWallet(null);
+                                setAddress('');
+                                dynamicHandleLogOut();
+                                setViewMode(N1ModalViewMode.Connect);
+                            } })] }) })] }));
+}

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

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

package/dist/Modal/NTSFlow/views/CreateUserView.js

@@ -0,0 +1,105 @@
+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 BlockiesSvg from 'blockies-react-svg';
+import { useState } from 'react';
+import { getPseudoName } from '../../../Logic/getPseudoName';
+import { createUser } from '../../../Logic/utils';
+import { useN1WalletContext, useN1WalletInternalContext, } from '../../../Provider/hooks';
+import { N1ModalViewMode } from '../../../Provider/types';
+import { WalletError, WalletErrorCode } from '../../../errors/types';
+import { logger } from '../../../utils/logger';
+import { ModalHeader } from '../components/ModalHeader';
+export function CreateUserView() {
+    var _a = useN1WalletInternalContext(), setViewMode = _a.setViewMode, setIsConnected = _a.setIsConnected, setUsername = _a.setUsername, setStartClosingLogin = _a.setStartClosingLogin, handleError = _a.handleError;
+    var address = useN1WalletContext().address;
+    var close = function () {
+        setStartClosingLogin(true);
+    };
+    var _b = useState(getPseudoName(address)), usernameLocal = _b[0], setUsernameLocalLocal = _b[1];
+    var _c = useState(''), error = _c[0], setError = _c[1];
+    function validateUsername() {
+        if (!usernameLocal) {
+            setError('Username cannot be blank.');
+            return false;
+        }
+        if (!/^[a-zA-Z0-9-]+$/.test(usernameLocal)) {
+            setError('Username must be alphanumeric.');
+            return false;
+        }
+        setError('');
+        return true;
+    }
+    function handleCreate() {
+        return __awaiter(this, void 0, void 0, function () {
+            var error_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        logger.debug('Creating User');
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, , 4]);
+                        if (!validateUsername()) {
+                            return [2 /*return*/];
+                        }
+                        return [4 /*yield*/, createUser(usernameLocal)];
+                    case 2:
+                        _a.sent();
+                        setViewMode(N1ModalViewMode.Success);
+                        setIsConnected(true);
+                        setUsername(usernameLocal);
+                        localStorage.setItem('n1_' + address + '_username', usernameLocal);
+                        return [3 /*break*/, 4];
+                    case 3:
+                        error_1 = _a.sent();
+                        if (error_1 instanceof WalletError) {
+                            handleError(error_1);
+                        }
+                        else {
+                            handleError(new WalletError(WalletErrorCode.UNKNOWN, 'Failed to create user', {
+                                originalError: error_1,
+                            }));
+                        }
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    }
+    return (_jsxs("div", { className: "rounded-[25px] shadow-lg p-5 m-4 bg-white dark:bg-neutral-900 text-neutral-900 dark:text-stone-200", children: [_jsx(ModalHeader, {}), _jsx("div", { className: "flex flex-col items-center justify-center", children: _jsxs("div", { className: "flex mb-2 justify-center sm:justify-between w-full flex-wrap max-w-screen", children: [_jsxs("div", { className: "flex flex-col", children: [_jsx("div", { className: "w-80 h-80 sm:w-48 sm:h-48 rounded-[25px] flex items-center justify-center relative bg-neutral-100 dark:bg-neutral-800", children: _jsx("div", { className: "overflow-hidden rounded-lg w-80 h-80 sm:w-48 sm:h-48 p-2", children: _jsx(BlockiesSvg, { address: address, className: "drop-shadow w-full h-full rounded-[20px]" }) }) }), _jsx("div", { className: "my-4 w-80 sm:w-48 p-2 border rounded-[15px] text-sm duration-300 bg-neutral-100 dark:bg-neutral-800 text-neutral-500 dark:text-neutral-400 border-neutral-200 dark:border-neutral-700", children: "You are creating an account that you can use across all N1." })] }), _jsxs("div", { className: "w-80 flex flex-col items-center sm:items-end justify-between h-full my-2", children: [_jsxs("div", { className: "flex flex-col relative bg-neutral-100 dark:bg-neutral-800 border-neutral-200 dark:border-neutral-700 rounded-[15px] border w-72", children: [_jsx("input", { type: "text", id: "username", placeholder: "Enter your username", value: usernameLocal, onChange: function (e) { return setUsernameLocalLocal(e.target.value); }, className: "p-3 py-4 outline-none focus:ring focus:ring-orange-200 bg-neutral-100 dark:bg-neutral-800 text-neutral-900 dark:text-stone-200 rounded-[15px] border ".concat(error ? 'border-main' : 'border-neutral-200 dark:border-neutral-700') }), _jsxs("div", { className: "p-2 flex w-full justify-between text-xs text-neutral-500 dark:text-neutral-400", children: [_jsx("span", { className: "font-bold", children: "Username:" }), " ", usernameLocal] }), _jsxs("div", { className: "px-2 pb-2 flex w-full justify-between text-xs text-neutral-500 dark:text-neutral-400", children: [_jsx("span", { className: "font-bold", children: "Wallet:" }), ' ', address.substring(0, 9) + '...' + address.slice(-3)] })] }), error && (_jsx("div", { className: "mt-2 w-72 p-2 text-main bg-main/5 dark:bg-main/20 border border-main/40 rounded-[15px] text-center", children: error })), _jsx("button", { className: "my-4 w-72 py-4 border rounded-[15px] text-white bg-neutral-900 dark:bg-white dark:text-black cursor-pointer duration-300 hover:opacity-80", onClick: handleCreate, children: "Create" }), _jsx("div", { className: "w-72", children: _jsx("button", { className: "w-full py-4 border rounded-[18px] cursor-pointer duration-300 hover:opacity-80 bg-neutral-100 dark:bg-neutral-800 text-neutral-500 dark:text-neutral-400 border-neutral-200 dark:border-neutral-700 hover:opacity-80", onClick: close, children: "Close" }) })] })] }) })] }));
+}

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

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

package/dist/Modal/NTSFlow/views/NoWhitelistView.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useN1WalletContext, useN1WalletInternalContext, } from '../../../Provider/hooks';
+import { N1ModalViewMode } from '../../../Provider/types';
+import { ANIMATION_EASE } from '../../NordFlow/constants';
+import { ModalHeader } from '../components/ModalHeader';
+export function NoWhitelistView() {
+    var _a = useN1WalletInternalContext(), setViewMode = _a.setViewMode, dynamicHandleLogOut = _a.dynamicHandleLogOut, setIsConnected = _a.setIsConnected;
+    var address = useN1WalletContext().address;
+    var _b = useState(false), isHovered = _b[0], setIsHovered = _b[1];
+    var _c = useState(false), isPressed = _c[0], setIsPressed = _c[1];
+    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: "bg-gray-50 dark:bg-gray-950 relative border border-gray-200 dark:border-gray-800 rounded-md transition-[max-width,transform,opacity] duration-[3000ms] ease-[cubic-bezier(0.16,1,0.3,1)] w-full max-w-sm m-4 origin-center will-change-[max-width,transform,opacity]", children: [_jsx("div", { className: "p-6 border-b border-gray-200 dark:border-gray-800", children: _jsx(ModalHeader, {}) }), _jsx("div", { className: "p-6 overflow-hidden relative", children: _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "text-center", children: [_jsx("h3", { className: "text-xl font-medium text-gray-900 dark:text-white mb-2", children: "Not Whitelisted" }), _jsxs("p", { className: "text-gray-500 dark:text-gray-400", children: ["The wallet address ", addressText, " is not whitelisted for access."] })] }), _jsx("button", { onClick: disconnect, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () {
+                                setIsHovered(false);
+                                setIsPressed(false);
+                            }, onMouseDown: function () { return setIsPressed(true); }, onMouseUp: function () { return setIsPressed(false); }, className: "\n              group relative w-full overflow-hidden rounded-md border-2 bg-gray-100 dark:bg-neutral-950 py-4 text-center\n              transition-all duration-300 ".concat(ANIMATION_EASE, "\n              cursor-pointer border-gray-200 dark:border-gray-800 hover:border-gray-400 dark:hover:border-white/60\n            "), style: {
+                                transform: isPressed
+                                    ? 'scale(0.98)'
+                                    : isHovered
+                                        ? 'scale(0.99)'
+                                        : 'scale(1)',
+                            }, children: _jsx("div", { className: "relative z-[200] pl-4 isolate", children: _jsx("div", { className: "flex items-center justify-center", children: _jsx("span", { className: "\n                  text-base font-medium tracking-wide transition-colors duration-300 ".concat(ANIMATION_EASE, "\n                  text-gray-500 dark:text-neutral-400 group-hover:text-gray-900 dark:group-hover:text-white\n                "), children: "Disconnect" }) }) }) })] }) })] }));
+}

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

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

package/dist/Modal/NTSFlow/views/SigningView.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ModalHeader } from '../components/ModalHeader';
+export function SigningView() {
+    return (_jsxs("div", { className: "bg-gray-50 dark:bg-gray-950 relative border border-gray-200 dark:border-gray-800 rounded-md transition-[max-width,transform,opacity] duration-[3000ms] ease-[cubic-bezier(0.16,1,0.3,1)] w-full max-w-sm m-4 origin-center will-change-[max-width,transform,opacity]", children: [_jsx("div", { className: "p-6 border-b border-gray-200 dark:border-gray-800", children: _jsx(ModalHeader, {}) }), _jsx("div", { className: "p-6 overflow-hidden relative", children: _jsxs("div", { className: "flex flex-col items-center justify-center py-12 space-y-6", children: [_jsx("div", { className: "relative", children: _jsx("div", { className: "animate-spin rounded-full h-16 w-16 border-2 border-gray-200 dark:border-gray-800", children: _jsx("div", { className: "absolute inset-0 rounded-full border-t-2 border-main" }) }) }), _jsxs("div", { className: "space-y-2 text-center w-[300px]", children: [_jsxs("h3", { className: "text-xl text-gray-900 dark:text-white transition-all duration-300 h-[32px] flex items-center justify-center relative font-semibold", children: [_jsx("span", { className: "opacity-0 absolute select-none", "aria-hidden": "true", children: "Waiting for signature" }), _jsx("div", { className: "absolute min-w-[280px]", children: "Waiting for signature" })] }), _jsxs("p", { className: "text-sm text-gray-600 dark:text-neutral-400 h-[20px] flex items-center justify-center relative", children: [_jsx("span", { className: "opacity-0 absolute select-none", "aria-hidden": "true", children: "Please sign the message in your wallet" }), _jsx("div", { className: "absolute min-w-[280px]", children: "Please sign the message in your wallet" })] })] })] }) })] }));
+}

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

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

package/dist/Modal/NTSFlow/views/SuccessView.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useN1WalletInternalContext } from '../../../Provider/hooks';
+import { ModalHeader } from '../components/ModalHeader';
+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/Modal/NoWhitelistView.js

@@ -3,7 +3,7 @@ import { useState } from 'react';
 import { useN1WalletInternalContext, useN1WalletContext, } from '../Provider/hooks';
 import { N1ModalViewMode } from '../Provider/types';
 import { ModalHeader } from './ModalHeader';
-import { ANIMATION_EASE } from '../components/WalletDeposit/constants';
+import { ANIMATION_EASE } from '../WalletConnectionFlow/constants';
 export function NoWhitelistView() {
     var _a = useN1WalletInternalContext(), setViewMode = _a.setViewMode, dynamicHandleLogOut = _a.dynamicHandleLogOut, setIsConnected = _a.setIsConnected;
     var address = useN1WalletContext().address;

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

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