@n1xyz/wallet-widget 0.0.8 → 0.0.9

package/dist/utils/shortenString.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shortenString.js","sourceRoot":"","sources":["../../src/utils/shortenString.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,aAAa,CAAC,GAAW,EAAE,SAAiB;IAC1D,IAAI,GAAG,CAAC,MAAM,IAAI,SAAS;QAAE,OAAO,GAAG,CAAC;IACxC,OAAO,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC;AAC7C,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,OAAe;IAC5C,OAAO,CACL,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,GAAG,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CACxE,CAAC;AACJ,CAAC","sourcesContent":["export function shortenString(str: string, maxLength: number) {\n  if (str.length <= maxLength) return str;\n  return str.substring(0, maxLength) + '...';\n}\n\nexport function shortenAddress(address: string) {\n  return (\n    address.substring(0, 4) + '...' + address.substring(address.length - 4)\n  );\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@n1xyz/wallet-widget",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "description": "React wallet widget component for N1 applications",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -41,7 +41,7 @@
     "@dynamic-labs/ethereum": "3.5.0",
     "@dynamic-labs/sdk-react-core": "3.5.0",
     "@dynamic-labs/solana": "3.5.0",
-    "@n1xyz/nord-ts": "0.0.4",
+    "@n1xyz/nord-ts": "0.0.5",
     "@n1xyz/nts-sdk": "0.0.34",
     "@tailwindcss/container-queries": "^0.1.1",
     "blockies-react-svg": "^0.0.13",

package/dist/Modal/BackButton.d.ts

@@ -1,3 +0,0 @@
-export declare function BackButton(props: {
-    onClick?: () => void;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/Modal/BackButton.js

@@ -1,26 +0,0 @@
-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 '../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];
-    var _c = useState(false), isPressed = _c[0], setIsPressed = _c[1];
-    function back() {
-        // todo: disconnect
-        console.log('back');
-        dynamicHandleLogOut();
-        setViewMode(N1ModalViewMode.Connect);
-    }
-    return (_jsx("button", { onClick: props.onClick || back, 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", 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: "Back" }) }) }) }));
-}

package/dist/Modal/ConnectView.d.ts

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

package/dist/Modal/ConnectView.js

@@ -1,68 +0,0 @@
-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 { IoMdWallet } from 'react-icons/io';
-import { useN1WalletInternalContext } from '../Provider/hooks';
-import { ModalHeader } from './ModalHeader';
-import { ANIMATION_EASE, } from '../WalletConnectionFlow/constants';
-import { useState } from 'react';
-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/CreateSessionView.d.ts

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

package/dist/Modal/CreateSessionView.js

@@ -1,248 +0,0 @@
-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 '../WalletConnectionFlow/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 './BackButton';
-import { ModalHeader } from './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:
-                    console.log('zooooooooooooooo', msg);
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, 5, , 6]);
-                    if (!dynamicWallet) {
-                        throw new WalletError(WalletErrorCode.WALLET_NOT_FOUND, 'Wallet not found for signing');
-                    }
-                    if (!(dynamicWallet.chain === 'SOL')) return [3 /*break*/, 3];
-                    return [4 /*yield*/, dynamicWallet.signMessage(msg)];
-                case 2:
-                    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 3: return [4 /*yield*/, dynamicWallet.signMessage(msg)];
-                case 4:
-                    sig = (_a.sent());
-                    logger.debug('Wallet signature received', { signature: sig });
-                    return [2 /*return*/, Uint8Array.from(Buffer.from(sig.slice(2), 'hex'))];
-                case 5:
-                    error_2 = _a.sent();
-                    throw new WalletError(WalletErrorCode.USER_REJECTED, 'Failed to sign message with wallet', { originalError: error_2 });
-                case 6: 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/CreateUserView.d.ts

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

package/dist/Modal/CreateUserView.js

@@ -1,160 +0,0 @@
-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 './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];
-    // TODO: not sure what this is for??? so i commented it out for now
-    // useEffect(() => {
-    //   const initializeSession = async () => {
-    //     try {
-    //       logger.debug("Initializing session");
-    //       logger.debug("signMessageWithSessionKey", signMessageWithSessionKey);
-    //       logger.debug("sessionPubKey", sessionPubKey);
-    //       logger.debug("walletPubKey", walletPubKey);
-    //       // Silently return if session keys are not available yet
-    //       if (!signMessageWithSessionKey || !sessionPubKey || !walletPubKey) {
-    //         return;
-    //       }
-    //       await createWebSession(
-    //         signMessageWithSessionKey,
-    //         sessionPubKey,
-    //         walletPubKey
-    //       );
-    //       const user = await getUser();
-    //       if (user) {
-    //         const usernameDb = user.name;
-    //         setIsConnected(true);
-    //         setUsername(usernameDb);
-    //         localStorage.setItem("n1_" + address + "_username", usernameDb);
-    //       }
-    //     } catch (error) {
-    //       if (error instanceof WalletError) {
-    //         handleError(error);
-    //       } else {
-    //         handleError(
-    //           new WalletError(
-    //             WalletErrorCode.UNKNOWN,
-    //             "Failed to initialize user session",
-    //             { originalError: error }
-    //           )
-    //         );
-    //       }
-    //     }
-    //   };
-    //   initializeSession();
-    // }, [
-    //   signMessageWithSessionKey,
-    //   sessionPubKey,
-    //   walletPubKey,
-    //   address,
-    //   setIsConnected,
-    //   setUsername,
-    //   setViewMode,
-    //   handleError,
-    // ]);
-    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]);
-                        // TODO: why is this here?
-                        // await createWebSession(
-                        //   signMessageWithSessionKey,
-                        //   sessionPubKey,
-                        //   walletPubKey
-                        // );
-                        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/ModalHeader.d.ts

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

package/dist/Modal/ModalHeader.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useN1WalletContext, useN1WalletInternalContext, } from '../Provider/hooks';
-import { N1ModalViewMode } from '../Provider/types';
-import { X } from 'lucide-react';
-import Logo from '../components/Logo';
-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;
-    var close = function () {
-        setStartClosingLogin(true);
-        if (viewMode === N1ModalViewMode.CreateSession) {
-            setDynamicWallet(null);
-            setAddress('');
-            dynamicHandleLogOut();
-            setViewMode(N1ModalViewMode.Connect);
-        }
-    };
-    return (_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "w-6 h-6 text-gray-50", children: _jsx(Logo, { size: 24 }) }), _jsxs("h2", { className: "text-xl text-gray-400 flex items-center gap-2", children: ["Connect", viewMode === N1ModalViewMode.CreateSession && (_jsx("span", { className: "text-gray-700 dark:text-gray-300 font-normal", children: "/ / Session" })), viewMode === N1ModalViewMode.Signing && (_jsx("span", { className: "text-gray-700 dark:text-gray-300 font-normal", children: "/ / Sign" })), viewMode === N1ModalViewMode.CreatingUser && (_jsx("span", { className: "text-gray-700 dark:text-gray-300 font-normal", children: "/ / Create User" })), viewMode === N1ModalViewMode.Success && (_jsx("span", { className: "text-gray-700 dark:text-gray-300 font-normal", children: "/ / Success" }))] })] }), _jsx("button", { onClick: close, className: "\n          text-neutral-400 hover:text-gray-900 dark:hover:text-white \n          transition-colors duration-300 ".concat(ANIMATION_EASE, "\n          h-10 w-10 rounded-full hover:bg-gray-100 dark:hover:bg-gray-800\n          flex items-center justify-center\n        "), children: _jsx(X, { size: 20 }) })] }));
-}

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

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