@n1xyz/wallet-widget 0.0.17 → 0.0.20

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

@@ -0,0 +1,261 @@
+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, NUser } 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, setNUser = _e.setNUser;
+    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, newUserInstance, 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(function () { return 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();
+                                    logger.error('Error signing with Ed25519:', _2);
+                                    throw _2;
+                                case 3: return [2 /*return*/];
+                            }
+                        });
+                    }); };
+                    // Store session keys
+                    logger.debug('Storing session keys');
+                    storeSessionKeysInLocalStorage({
+                        privKey: keyPair.privateKey,
+                        publicKey: keyPair.publicKey,
+                        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();
+                    // Create and set NUser instance
+                    if (ntsInterface && walletPubKey) {
+                        newUserInstance = new NUser(ntsInterface, walletPubKey, keyPair.publicKey, // sessionKey
+                        signWithWallet, // signWithWalletKeyFn
+                        signFn_1 // signMessageWithSessionKeyFn
+                        );
+                        newUserInstance.isSessionValid = true; // Mark session as valid
+                        setNUser(newUserInstance);
+                        logger.debug('NUser instance created and set in CreateSessionView');
+                    }
+                    else {
+                        logger.warn('Could not create NUser: ntsInterface or walletPubKey missing');
+                        // Optionally, handle this case, e.g., by showing an error or preventing further action
+                        handleError(new WalletError(WalletErrorCode.CONNECTION_FAILED, 'Failed to create session', { originalError: JSON.stringify('NtsInterface or walletPubKey missing') }));
+                    }
+                    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) }));
+                    }
+                    return [3 /*break*/, 10];
+                case 10: return [2 /*return*/];
+            }
+        });
+    }); };
+    return (_jsxs("div", { className: "bg-n1-ww-gray-50 dark:bg-n1-ww-gray-950 relative border border-n1-ww-gray-200 dark:border-n1-ww-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-n1-ww-gray-200 dark:border-n1-ww-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-n1-ww-gray-900 dark:text-white mb-2", children: "Create Session" }), _jsx("p", { className: "text-n1-ww-gray-500 dark:text-n1-ww-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-n1-ww-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-n1-ww-gray-200 dark:border-n1-ww-gray-800 opacity-50'
+                                : 'cursor-pointer border-n1-ww-gray-200 dark:border-n1-ww-gray-800 hover:border-n1-ww-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-n1-ww-gray-500 dark:text-neutral-400 group-hover:text-n1-ww-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);
+                            } })] }) })] }));
+}
+//# sourceMappingURL=02-CreateSessionView.js.map

package/dist/Modal/NTSFlow/views/02-CreateSessionView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"02-CreateSessionView.js","sourceRoot":"","sources":["../../../../src/Modal/NTSFlow/views/02-CreateSessionView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,OAAO,EACP,8BAA8B,GAC/B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,kBAAkB,EAClB,0BAA0B,GAC3B,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,UAAU,iBAAiB;IAAjC,iBA2RC;IA1RO,IAAA,KAA4B,QAAQ,CAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAC;IAC5C,IAAA,KAA4B,QAAQ,CAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAC;IAE5C,IAAA,KAAoC,QAAQ,CAAM,IAAI,CAAC,EAAtD,aAAa,QAAA,EAAE,gBAAgB,QAAuB,CAAC;IACxD,IAAA,KAAwB,QAAQ,CAG5B,IAAI,CAAC,EAHR,OAAO,QAAA,EAAE,UAAU,QAGX,CAAC;IAEV,IAAA,KAcF,0BAA0B,EAAE,EAb9B,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,oBAAoB,0BAAA,EACpB,cAAc,oBAAA,EACd,aAAa,mBAAA,EACb,WAAW,iBAAA,EACX,gBAAgB,sBAAA,EAChB,4BAA4B,kCAAA,EAC5B,mBAAmB,yBAAA,EACnB,gBAAgB,sBAAA,EAChB,UAAU,gBAAA,EACV,2BAA2B,iCAAA,EAC3B,QAAQ,cACsB,CAAC;IAE3B,IAAA,KAA0C,kBAAkB,EAAE,EAA5D,YAAY,kBAAA,EAAE,YAAY,kBAAA,EAAE,OAAO,aAAyB,CAAC;IAErE,2CAA2C;IAC3C,SAAS,CAAC;QACR,IAAM,UAAU,GAAG;;;;;;wBAEgC,qBAAM,MAAM,CACzD,gBAAgB,CACjB,EAAA;;wBAFK,KAAyC,SAE9C,EAFO,WAAW,iBAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAAA;wBAG1C,gBAAgB,CAAC,EAAE,WAAW,aAAA,EAAE,WAAW,aAAA,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAC;wBACtC,qBAAM,sBAAsB,EAAE,EAAA;;wBAA3C,UAAU,GAAG,SAA8B;wBACjD,UAAU,CAAC,UAAU,CAAC,CAAC;;;;wBAEvB,WAAW,CACT,IAAI,WAAW,CACb,eAAe,CAAC,iBAAiB,EACjC,8BAA8B,EAC9B,EAAE,aAAa,EAAE,OAAK,EAAE,CACzB,CACF,CAAC;;;;;aAEL,CAAC;QACF,UAAU,EAAE,CAAC;IACf,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,IAAM,cAAc,GAAG,UAAO,GAAW;;;;;;oBAErC,IAAI,CAAC,aAAa,EAAE,CAAC;wBACnB,MAAM,IAAI,WAAW,CACnB,eAAe,CAAC,gBAAgB,EAChC,8BAA8B,CAC/B,CAAC;oBACJ,CAAC;yBAEG,CAAA,aAAa,CAAC,KAAK,KAAK,KAAK,CAAA,EAA7B,wBAA6B;oBACb,qBAAM,aAAa,CAAC,WAAW,CAAC,GAAG,CAAC,EAAA;;oBAAhD,SAAS,GAAG,SAAoC;oBAChD,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC;oBAC/B,mBAAmB,GAAG,IAAI,UAAU,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;oBAChE,KAAS,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;wBAC7C,mBAAmB,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;oBACtD,CAAC;oBACD,sBAAO,mBAAmB,EAAC;wBAGhB,qBAAM,aAAa,CAAC,WAAW,CAAC,GAAG,CAAC,EAAA;;oBAA3C,GAAG,GAAG,CAAC,SAAoC,CAAW;oBAC5D,MAAM,CAAC,KAAK,CAAC,2BAA2B,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,CAAC;oBAC9D,sBAAO,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAC;;;oBAEzD,MAAM,IAAI,WAAW,CACnB,eAAe,CAAC,aAAa,EAC7B,oCAAoC,EACpC,EAAE,aAAa,EAAE,OAAK,EAAE,CACzB,CAAC;;;;SAEL,CAAC;IAEF,IAAM,UAAU,GAAG;;;;;;oBACjB,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;oBAE3B,IAAI,CAAC,aAAa,IAAI,CAAC,OAAO,EAAE,CAAC;wBAC/B,MAAM,CAAC,IAAI,CAAC,qCAAqC,CAAC,CAAC;wBACnD,sBAAO;oBACT,CAAC;oBAED,WAAW,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;;;;oBAG7B,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;oBACrE,MAAM,CAAC,KAAK,CAAC,uBAAuB,EAAE,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC,CAAC;oBAG/D,eAAe,GAAG;wBACtB,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,KAAK;wBACnC,MAAM,EAAE,aAAa,CAAC,WAAW,CAAC,aAAa;wBAC/C,SAAS,EAAE,IAAI;wBACf,IAAI,EAAE;4BACJ;gCACE,UAAU,EAAE,aAAa;gCACzB,KAAK,EAAE,KAAK;6BACb;yBACF;qBACF,CAAC;oBAEF,2BAA2B,CAAC,cAAM,OAAA,cAAc,EAAd,CAAc,CAAC,CAAC;oBAC5C,EAAE,GAAG,IAAI,aAAa,CAAC,WAAW,CAAC,eAAe,EAAE,YAAa,CAAC,CAAC;oBACzE,qBAAM,EAAE,CAAC,sBAAsB,CAAC,cAAc,CAAC,EAAA;;oBAA/C,SAA+C,CAAC;;;;oBAEhC,qBAAM,YAAY,CAAC,eAAe,CAC9C,EAAE,EACF,EAAE,CAAC,SAAU,EACb,YAAY,CACb,EAAA;;oBAJK,KAAK,GAAG,SAIb;oBACD,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;wBAClB,MAAM,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;oBAC/B,CAAC;yBAAM,CAAC;wBACN,MAAM,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;wBAC7B,MAAM,IAAI,WAAW,CACnB,eAAe,CAAC,kBAAkB,EAClC,oBAAoB,CACrB,CAAC;oBACJ,CAAC;;;;oBAED,MAAM,IAAI,WAAW,CACnB,eAAe,CAAC,kBAAkB,EAClC,6BAA6B,CAC9B,CAAC;;oBAIE,WAAS,UAAO,OAAmB;;;;;;oCAE9B,qBAAM,WAAW,CAAC,OAAO,EAAE,OAAO,CAAC,UAAwB,CAAC,EAAA;wCAAnE,sBAAO,SAA4D,EAAC;;;oCAEpE,MAAM,CAAC,KAAK,CAAC,6BAA6B,EAAE,EAAC,CAAC,CAAC;oCAC/C,MAAM,EAAC,CAAC;;;;yBAEX,CAAC;oBAEF,qBAAqB;oBACrB,MAAM,CAAC,KAAK,CAAC,sBAAsB,CAAC,CAAC;oBACrC,8BAA8B,CAAC;wBAC7B,OAAO,EAAE,OAAO,CAAC,UAAwB;wBACzC,SAAS,EAAE,OAAO,CAAC,SAAuB;wBAC1C,eAAe,EAAE,OAAO;wBACxB,SAAS,EAAE,aAAc,CAAC,KAAK;qBAChC,CAAC,CAAC;oBACH,gBAAgB,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;oBACpC,4BAA4B,CAAC,cAAM,OAAA,QAAM,EAAN,CAAM,CAAC,CAAC;oBAE3C,qEAAqE;oBACrE,6EAA6E;oBAC7E,qBAAM,gBAAgB,CAAC,QAAM,EAAE,OAAO,CAAC,SAAS,EAAE,YAAY,CAAC,EAAA;;oBAF/D,qEAAqE;oBACrE,6EAA6E;oBAC7E,SAA+D,CAAC;oBAEhE,gCAAgC;oBAChC,IAAI,YAAY,IAAI,YAAY,EAAE,CAAC;wBAC3B,eAAe,GAAG,IAAI,KAAK,CAC/B,YAAY,EACZ,YAAY,EACZ,OAAO,CAAC,SAAS,EAAE,aAAa;wBAChC,cAAc,EAAK,sBAAsB;wBACzC,QAAM,CAAa,8BAA8B;yBAClD,CAAC;wBACF,eAAe,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC,wBAAwB;wBAC/D,QAAQ,CAAC,eAAe,CAAC,CAAC;wBAC1B,MAAM,CAAC,KAAK,CAAC,qDAAqD,CAAC,CAAC;oBACtE,CAAC;yBAAM,CAAC;wBACN,MAAM,CAAC,IAAI,CAAC,8DAA8D,CAAC,CAAC;wBAC5E,uFAAuF;wBACvF,WAAW,CACT,IAAI,WAAW,CACb,eAAe,CAAC,iBAAiB,EACjC,0BAA0B,EAC1B,EAAE,aAAa,EAAE,IAAI,CAAC,SAAS,CAAC,sCAAsC,CAAC,EAAE,CAC1E,CACF,CAAC;oBACJ,CAAC;oBAIY,qBAAM,OAAO,EAAE,EAAA;;oBAAtB,IAAI,GAAG,SAAe;oBAC5B,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,EAAE,CAAC;wBACf,MAAM,CAAC,IAAI,CAAC,uCAAuC,CAAC,CAAC;wBACrD,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;wBACvB,YAAY,CAAC,OAAO,CAAC,aAAM,OAAO,cAAW,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;wBAC1D,oBAAoB,CAAC,IAAI,CAAC,CAAC;wBAC3B,cAAc,CAAC,IAAI,CAAC,CAAC;oBACvB,CAAC;yBAAM,CAAC;wBACN,MAAM,CAAC,IAAI,CAAC,+CAA+C,CAAC,CAAC;wBAC7D,WAAW,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;oBAC5C,CAAC;;;;oBAED,MAAM,CAAC,KAAK,CAAC,0BAA0B,EAAE,OAAK,CAAC,CAAC;oBAChD,IAAI,OAAK,CAAC,IAAI,KAAK,aAAa,EAAE,CAAC;wBACjC,WAAW,CAAC,OAAK,CAAC,CAAC;oBACrB,CAAC;yBAAM,CAAC;wBACN,WAAW,CACT,IAAI,WAAW,CACb,eAAe,CAAC,iBAAiB,EACjC,0BAA0B,EAC1B,EAAE,aAAa,EAAE,IAAI,CAAC,SAAS,CAAC,OAAK,CAAC,EAAE,CACzC,CACF,CAAC;oBACJ,CAAC;;;;;SAEJ,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,8RAA8R,aAC3S,cAAK,SAAS,EAAC,+DAA+D,YAC5E,KAAC,WAAW,KAAG,GACX,EAEN,cAAK,SAAS,EAAC,8BAA8B,YAC3C,eAAK,SAAS,EAAC,WAAW,aACxB,eAAK,SAAS,EAAC,aAAa,aAC1B,aAAI,SAAS,EAAC,8DAA8D,+BAEvE,EACL,YAAG,SAAS,EAAC,8CAA8C,6DAEvD,IACA,EAEN,iBACE,OAAO,EAAE,UAAU,EACnB,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EACtC,YAAY,EAAE;gCACZ,YAAY,CAAC,KAAK,CAAC,CAAC;gCACpB,YAAY,CAAC,KAAK,CAAC,CAAC;4BACtB,CAAC,EACD,WAAW,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EACrC,SAAS,EAAE,cAAM,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,EACpC,QAAQ,EAAE,CAAC,aAAa,IAAI,CAAC,OAAO,EACpC,SAAS,EAAE,oLAEqB,cAAc,6BAC1C,CAAC,aAAa,IAAI,CAAC,OAAO;gCAC1B,CAAC,CAAC,gFAAgF;gCAClF,CAAC,CAAC,wHAAwH,mBAE7H,EACD,KAAK,EAAE;gCACL,SAAS,EACP,SAAS,IAAI,CAAC,CAAC,aAAa,IAAI,CAAC,OAAO,CAAC;oCACvC,CAAC,CAAC,aAAa;oCACf,CAAC,CAAC,SAAS,IAAI,CAAC,CAAC,aAAa,IAAI,CAAC,OAAO,CAAC;wCACzC,CAAC,CAAC,aAAa;wCACf,CAAC,CAAC,UAAU;6BACnB,YAED,cAAK,SAAS,EAAC,+BAA+B,YAC5C,cAAK,SAAS,EAAC,iCAAiC,YAC9C,eACE,SAAS,EAAE,iGAC0D,cAAc,gJAEpF,6BAGM,GACH,GACF,GACC,EAET,KAAC,UAAU,IACT,OAAO,EAAE;gCACP,MAAM,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC;gCACnC,gBAAgB,CAAC,IAAI,CAAC,CAAC;gCACvB,UAAU,CAAC,EAAE,CAAC,CAAC;gCACf,mBAAmB,EAAE,CAAC;gCACtB,WAAW,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;4BACvC,CAAC,GACD,IACE,GACF,IACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { useEffect, useState } from 'react';\nimport { ANIMATION_EASE } from '../../NordFlow/constants';\nimport { WalletError, WalletErrorCode } from '../../../errors/types';\nimport {\n  createWebSession,\n  generateSessionKeyPair,\n  getUser,\n  storeSessionKeysInLocalStorage,\n} from '../../../Logic/utils';\nimport {\n  useN1WalletContext,\n  useN1WalletInternalContext,\n} from '../../../Provider/hooks';\nimport { N1ModalViewMode } from '../../../Provider/types';\nimport { logger } from '../../../utils/logger';\nimport { BackButton } from '../components/BackButton';\nimport { ModalHeader } from '../components/ModalHeader';\nimport { signEd25519, NUser } from '@n1xyz/nts-sdk';\n\nexport function CreateSessionView() {\n  const [isHovered, setIsHovered] = useState(false);\n  const [isPressed, setIsPressed] = useState(false);\n\n  const [NTSComponents, setNTSComponents] = useState<any>(null);\n  const [keyPair, setKeyPair] = useState<{\n    publicKey: Uint8Array;\n    privateKey: Uint8Array;\n  } | null>(null);\n\n  const {\n    setViewMode,\n    setUsername,\n    setStartClosingLogin,\n    setIsConnected,\n    dynamicWallet,\n    handleError,\n    setSessionPubKey,\n    setSignMessageWithSessionKey,\n    dynamicHandleLogOut,\n    setDynamicWallet,\n    setAddress,\n    setSignMessageWithWalletKey,\n    setNUser, // Add setNUser\n  } = useN1WalletInternalContext();\n\n  const { ntsInterface, walletPubKey, address } = useN1WalletContext();\n\n  // Initialize NTS SDK and generate key pair\n  useEffect(() => {\n    const loadNTSSDK = async () => {\n      try {\n        const { Transaction, AdminAction, CoreApps } = await import(\n          '@n1xyz/nts-sdk'\n        );\n        setNTSComponents({ Transaction, AdminAction, CoreApps });\n        const newKeyPair = await generateSessionKeyPair();\n        setKeyPair(newKeyPair);\n      } catch (error) {\n        handleError(\n          new WalletError(\n            WalletErrorCode.CONNECTION_FAILED,\n            'Failed to initialize NTS SDK',\n            { originalError: error }\n          )\n        );\n      }\n    };\n    loadNTSSDK();\n  }, [handleError]);\n\n  const signWithWallet = async (msg: string): Promise<Uint8Array> => {\n    try {\n      if (!dynamicWallet) {\n        throw new WalletError(\n          WalletErrorCode.WALLET_NOT_FOUND,\n          'Wallet not found for signing'\n        );\n      }\n\n      if (dynamicWallet.chain === 'SOL') {\n        const signature = await dynamicWallet.signMessage(msg);\n        const binaryString = atob(signature);\n        const signatureUint8Array = new Uint8Array(binaryString.length);\n        for (let i = 0; i < binaryString.length; i++) {\n          signatureUint8Array[i] = binaryString.charCodeAt(i);\n        }\n        return signatureUint8Array;\n      }\n\n      const sig = (await dynamicWallet.signMessage(msg)) as string;\n      logger.debug('Wallet signature received', { signature: sig });\n      return Uint8Array.from(Buffer.from(sig.slice(2), 'hex'));\n    } catch (error) {\n      throw new WalletError(\n        WalletErrorCode.USER_REJECTED,\n        'Failed to sign message with wallet',\n        { originalError: error }\n      );\n    }\n  };\n\n  const handleSign = async () => {\n    logger.debug('handleSign');\n\n    if (!NTSComponents || !keyPair) {\n      logger.warn('Required components not initialized');\n      return;\n    }\n\n    setViewMode(N1ModalViewMode.Signing);\n\n    try {\n      const sessionKeyHex = Buffer.from(keyPair.publicKey).toString('hex');\n      logger.debug('Generated session key', { sessionKey: sessionKeyHex });\n\n      // Create and sign transaction that registers the session key with Core\n      const transactionData = {\n        appId: NTSComponents.CoreApps.Admin,\n        action: NTSComponents.AdminAction.addSessionKey,\n        framework: 'ts',\n        data: [\n          {\n            sessionKey: sessionKeyHex,\n            appId: 'hub',\n          },\n        ],\n      };\n\n      setSignMessageWithWalletKey(() => signWithWallet);\n      const tx = new NTSComponents.Transaction(transactionData, walletPubKey!);\n      await tx.signWithWalletFunction(signWithWallet);\n      try {\n        const txRes = await ntsInterface.sendTransaction(\n          tx,\n          tx.signature!,\n          walletPubKey\n        );\n        if (txRes.success) {\n          logger.debug('txRes', txRes);\n        } else {\n          logger.debug('txRes', txRes);\n          throw new WalletError(\n            WalletErrorCode.TRANSACTION_FAILED,\n            'Transaction failed'\n          );\n        }\n      } catch (_) {\n        throw new WalletError(\n          WalletErrorCode.TRANSACTION_FAILED,\n          'Transaction did not succeed'\n        );\n      }\n\n      // Create session signing function\n      const signFn = async (message: Uint8Array) => {\n        try {\n          return await signEd25519(message, keyPair.privateKey as Uint8Array);\n        } catch (_) {\n          logger.error('Error signing with Ed25519:', _);\n          throw _;\n        }\n      };\n\n      // Store session keys\n      logger.debug('Storing session keys');\n      storeSessionKeysInLocalStorage({\n        privKey: keyPair.privateKey as Uint8Array,\n        publicKey: keyPair.publicKey as Uint8Array,\n        walletPublicKey: address,\n        chainName: dynamicWallet!.chain,\n      });\n      setSessionPubKey(keyPair.publicKey);\n      setSignMessageWithSessionKey(() => signFn);\n\n      // Initialize web session with Argus who verifies that the session is\n      // registered with Core, and if so, grants you access to its user metadata db\n      await createWebSession(signFn, keyPair.publicKey, walletPubKey);\n\n      // Create and set NUser instance\n      if (ntsInterface && walletPubKey) {\n        const newUserInstance = new NUser(\n          ntsInterface,\n          walletPubKey,\n          keyPair.publicKey, // sessionKey\n          signWithWallet,    // signWithWalletKeyFn\n          signFn             // signMessageWithSessionKeyFn\n        );\n        newUserInstance.isSessionValid = true; // Mark session as valid\n        setNUser(newUserInstance);\n        logger.debug('NUser instance created and set in CreateSessionView');\n      } else {\n        logger.warn('Could not create NUser: ntsInterface or walletPubKey missing');\n        // Optionally, handle this case, e.g., by showing an error or preventing further action\n        handleError(\n          new WalletError(\n            WalletErrorCode.CONNECTION_FAILED,\n            'Failed to create session',\n            { originalError: JSON.stringify('NtsInterface or walletPubKey missing') }\n          )\n        );\n      }\n\n      // Check for existing user\n      // TODO: handle case for auth.users, currently user.name is a wallet_only_users namespacing\n      const user = await getUser();\n      if (user?.name) {\n        logger.info('Existing user found, completing login');\n        setUsername(user.name);\n        localStorage.setItem(`n1_${address}_username`, user.name);\n        setStartClosingLogin(true);\n        setIsConnected(true);\n      } else {\n        logger.info('No user found, transitioning to user creation');\n        setViewMode(N1ModalViewMode.CreatingUser);\n      }\n    } catch (error: any) {\n      logger.error('Session creation failed:', error);\n      if (error.name === 'WalletError') {\n        handleError(error);\n      } else {\n        handleError(\n          new WalletError(\n            WalletErrorCode.CONNECTION_FAILED,\n            'Failed to create session',\n            { originalError: JSON.stringify(error) }\n          )\n        );\n      }\n    }\n  };\n\n  return (\n    <div className=\"bg-n1-ww-gray-50 dark:bg-n1-ww-gray-950 relative border border-n1-ww-gray-200 dark:border-n1-ww-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]\">\n      <div className=\"p-6 border-b border-n1-ww-gray-200 dark:border-n1-ww-gray-800\">\n        <ModalHeader />\n      </div>\n\n      <div className=\"p-6 overflow-hidden relative\">\n        <div className=\"space-y-4\">\n          <div className=\"text-center\">\n            <h3 className=\"text-xl font-medium text-n1-ww-gray-900 dark:text-white mb-2\">\n              Create Session\n            </h3>\n            <p className=\"text-n1-ww-gray-500 dark:text-n1-ww-gray-400\">\n              Please authenticate to create a new session.\n            </p>\n          </div>\n\n          <button\n            onClick={handleSign}\n            onMouseEnter={() => setIsHovered(true)}\n            onMouseLeave={() => {\n              setIsHovered(false);\n              setIsPressed(false);\n            }}\n            onMouseDown={() => setIsPressed(true)}\n            onMouseUp={() => setIsPressed(false)}\n            disabled={!NTSComponents || !keyPair}\n            className={`\n              group relative w-full overflow-hidden rounded-md border-2 bg-n1-ww-gray-100 dark:bg-neutral-950 py-4 text-left\n              transition-all duration-300 ${ANIMATION_EASE}\n              ${!NTSComponents || !keyPair\n                ? 'cursor-not-allowed border-n1-ww-gray-200 dark:border-n1-ww-gray-800 opacity-50'\n                : 'cursor-pointer border-n1-ww-gray-200 dark:border-n1-ww-gray-800 hover:border-n1-ww-gray-400 dark:hover:border-white/60'\n              }\n            `}\n            style={{\n              transform:\n                isPressed && (!NTSComponents || !keyPair)\n                  ? 'scale(0.98)'\n                  : isHovered && (!NTSComponents || !keyPair)\n                    ? 'scale(0.99)'\n                    : 'scale(1)',\n            }}\n          >\n            <div className=\"relative z-[200] pl-4 isolate\">\n              <div className=\"flex items-center justify-start\">\n                <span\n                  className={`\n                  text-base font-medium tracking-wide transition-colors duration-300 ${ANIMATION_EASE}\n                  text-n1-ww-gray-500 dark:text-neutral-400 group-hover:text-n1-ww-gray-900 dark:group-hover:text-white\n                `}\n                >\n                  Authenticate\n                </span>\n              </div>\n            </div>\n          </button>\n\n          <BackButton\n            onClick={() => {\n              logger.debug('BackButton clicked');\n              setDynamicWallet(null);\n              setAddress('');\n              dynamicHandleLogOut();\n              setViewMode(N1ModalViewMode.Connect);\n            }}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

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

@@ -0,0 +1 @@
+export declare function SigningView(): JSX.Element;

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ModalHeader } from '../components/ModalHeader';
+export function SigningView() {
+    return (_jsxs("div", { className: "bg-n1-ww-gray-50 dark:bg-n1-ww-gray-950 relative border border-n1-ww-gray-200 dark:border-n1-ww-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-n1-ww-gray-200 dark:border-n1-ww-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: "n1-animate-spin rounded-full h-16 w-16 border-2 border-n1-ww-gray-200 dark:border-n1-ww-gray-800", children: _jsx("div", { className: "absolute inset-0 rounded-full border-t-2 border-n1-ww-main" }) }) }), _jsxs("div", { className: "space-y-2 text-center w-[300px]", children: [_jsxs("h3", { className: "text-xl text-n1-ww-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-n1-ww-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" })] })] })] }) })] }));
+}
+//# sourceMappingURL=03-SigningView.js.map

package/dist/Modal/NTSFlow/views/03-SigningView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"03-SigningView.js","sourceRoot":"","sources":["../../../../src/Modal/NTSFlow/views/03-SigningView.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD,MAAM,UAAU,WAAW;IACzB,OAAO,CACL,eAAK,SAAS,EAAC,8RAA8R,aAC3S,cAAK,SAAS,EAAC,+DAA+D,YAC5E,KAAC,WAAW,KAAG,GACX,EAEN,cAAK,SAAS,EAAC,8BAA8B,YAC3C,eAAK,SAAS,EAAC,2DAA2D,aACxE,cAAK,SAAS,EAAC,UAAU,YACvB,cAAK,SAAS,EAAC,kGAAkG,YAC/G,cAAK,SAAS,EAAC,4DAA4D,GAAO,GAC9E,GACF,EACN,eAAK,SAAS,EAAC,iCAAiC,aAC9C,cAAI,SAAS,EAAC,0IAA0I,aACtJ,eACE,SAAS,EAAC,gCAAgC,iBAC9B,MAAM,sCAGb,EACP,cAAK,SAAS,EAAC,wBAAwB,sCAEjC,IACH,EACL,aAAG,SAAS,EAAC,sGAAsG,aACjH,eACE,SAAS,EAAC,gCAAgC,iBAC9B,MAAM,uDAGb,EACP,cAAK,SAAS,EAAC,wBAAwB,uDAEjC,IACJ,IACA,IACF,GACF,IACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { ModalHeader } from '../components/ModalHeader';\n\nexport function SigningView() {\n  return (\n    <div className=\"bg-n1-ww-gray-50 dark:bg-n1-ww-gray-950 relative border border-n1-ww-gray-200 dark:border-n1-ww-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]\">\n      <div className=\"p-6 border-b border-n1-ww-gray-200 dark:border-n1-ww-gray-800\">\n        <ModalHeader />\n      </div>\n\n      <div className=\"p-6 overflow-hidden relative\">\n        <div className=\"flex flex-col items-center justify-center py-12 space-y-6\">\n          <div className=\"relative\">\n            <div className=\"n1-animate-spin rounded-full h-16 w-16 border-2 border-n1-ww-gray-200 dark:border-n1-ww-gray-800\">\n              <div className=\"absolute inset-0 rounded-full border-t-2 border-n1-ww-main\"></div>\n            </div>\n          </div>\n          <div className=\"space-y-2 text-center w-[300px]\">\n            <h3 className=\"text-xl text-n1-ww-gray-900 dark:text-white transition-all duration-300 h-[32px] flex items-center justify-center relative font-semibold\">\n              <span\n                className=\"opacity-0 absolute select-none\"\n                aria-hidden=\"true\"\n              >\n                Waiting for signature\n              </span>\n              <div className=\"absolute min-w-[280px]\">\n                Waiting for signature\n              </div>\n            </h3>\n            <p className=\"text-sm text-n1-ww-gray-600 dark:text-neutral-400 h-[20px] flex items-center justify-center relative\">\n              <span\n                className=\"opacity-0 absolute select-none\"\n                aria-hidden=\"true\"\n              >\n                Please sign the message in your wallet\n              </span>\n              <div className=\"absolute min-w-[280px]\">\n                Please sign the message in your wallet\n              </div>\n            </p>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

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

@@ -0,0 +1 @@
+export declare function CreateUserView(): JSX.Element;

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

@@ -0,0 +1,106 @@
+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-n1-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-n1-ww-main bg-n1-ww-main/5 dark:bg-n1-ww-main/20 border border-n1-ww-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" }) })] })] }) })] }));
+}
+//# sourceMappingURL=04-CreateUserView.js.map

package/dist/Modal/NTSFlow/views/04-CreateUserView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"04-CreateUserView.js","sourceRoot":"","sources":["../../../../src/Modal/NTSFlow/views/04-CreateUserView.tsx"],"names":[],"mappings":"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","sourcesContent":["import BlockiesSvg from 'blockies-react-svg';\nimport { useState } from 'react';\nimport { getPseudoName } from '../../../Logic/getPseudoName';\nimport { createUser } from '../../../Logic/utils';\nimport {\n  useN1WalletContext,\n  useN1WalletInternalContext,\n} from '../../../Provider/hooks';\nimport { N1ModalViewMode } from '../../../Provider/types';\nimport { WalletError, WalletErrorCode } from '../../../errors/types';\nimport { logger } from '../../../utils/logger';\nimport { ModalHeader } from '../components/ModalHeader';\n\nexport function CreateUserView() {\n  const {\n    setViewMode,\n    setIsConnected,\n    setUsername,\n    setStartClosingLogin,\n    handleError,\n  } = useN1WalletInternalContext();\n  const { address } = useN1WalletContext();\n\n  const close = () => {\n    setStartClosingLogin(true);\n  };\n\n  const [usernameLocal, setUsernameLocalLocal] = useState(\n    getPseudoName(address)\n  );\n  const [error, setError] = useState('');\n\n  function validateUsername() {\n    if (!usernameLocal) {\n      setError('Username cannot be blank.');\n      return false;\n    }\n    if (!/^[a-zA-Z0-9-]+$/.test(usernameLocal)) {\n      setError('Username must be alphanumeric.');\n      return false;\n    }\n    setError('');\n    return true;\n  }\n\n  async function handleCreate() {\n    logger.debug('Creating User');\n\n    try {\n      if (!validateUsername()) {\n        return;\n      }\n\n      await createUser(usernameLocal);\n      setViewMode(N1ModalViewMode.Success);\n      setIsConnected(true);\n      setUsername(usernameLocal);\n      localStorage.setItem('n1_' + address + '_username', usernameLocal);\n    } catch (error) {\n      if (error instanceof WalletError) {\n        handleError(error);\n      } else {\n        handleError(\n          new WalletError(WalletErrorCode.UNKNOWN, 'Failed to create user', {\n            originalError: error,\n          })\n        );\n      }\n    }\n  }\n\n  return (\n    <div className=\"rounded-[25px] shadow-lg p-5 m-4 bg-white dark:bg-neutral-900 text-neutral-900 dark:text-stone-200\">\n      <ModalHeader />\n      <div className=\"flex flex-col items-center justify-center\">\n        <div className=\"flex mb-2 justify-center sm:justify-between w-full flex-wrap max-w-screen\">\n          <div className=\"flex flex-col\">\n            <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\">\n              <div className=\"overflow-hidden rounded-lg w-80 h-80 sm:w-48 sm:h-48 p-2\">\n                <BlockiesSvg\n                  address={address}\n                  className=\"drop-shadow w-full h-full rounded-[20px]\"\n                />\n              </div>\n            </div>\n            <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\">\n              You are creating an account that you can use across all N1.\n            </div>\n          </div>\n\n          {/* Username Input */}\n          <div className=\"w-80 flex flex-col items-center sm:items-end justify-between h-full my-2\">\n            <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\">\n              <input\n                type=\"text\"\n                id=\"username\"\n                placeholder=\"Enter your username\"\n                value={usernameLocal}\n                onChange={(e) => setUsernameLocalLocal(e.target.value)}\n                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 ${error ? 'border-n1-main' : 'border-neutral-200 dark:border-neutral-700'}`}\n              />\n              <div className=\"p-2 flex w-full justify-between text-xs text-neutral-500 dark:text-neutral-400\">\n                <span className=\"font-bold\">Username:</span> {usernameLocal}\n              </div>\n              <div className=\"px-2 pb-2 flex w-full justify-between text-xs text-neutral-500 dark:text-neutral-400\">\n                <span className=\"font-bold\">Wallet:</span>{' '}\n                {address.substring(0, 9) + '...' + address.slice(-3)}\n              </div>\n            </div>\n            {error && (\n              <div className=\"mt-2 w-72 p-2 text-n1-ww-main bg-n1-ww-main/5 dark:bg-n1-ww-main/20 border border-n1-ww-main/40 rounded-[15px] text-center\">\n                {error}\n              </div>\n            )}\n\n            <button\n              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\"\n              onClick={handleCreate}\n            >\n              Create\n            </button>\n            <div className=\"w-72\">\n              <button\n                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\"\n                onClick={close}\n              >\n                Close\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

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

@@ -0,0 +1 @@
+export declare function SuccessView(): JSX.Element;

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IoMdCheckmarkCircleOutline } from 'react-icons/io';
+import { useN1WalletInternalContext } from '../../../Provider/hooks';
+import { ModalHeader } from '../components/ModalHeader';
+export function SuccessView() {
+    var setStartClosingLogin = useN1WalletInternalContext().setStartClosingLogin;
+    var close = function () {
+        setStartClosingLogin(true);
+    };
+    return (_jsxs("div", { className: "bg-n1-ww-gray-50 dark:bg-n1-ww-gray-950 relative border border-n1-ww-gray-200 dark:border-n1-ww-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] shadow-lg", children: [_jsx("div", { className: "p-6 border-b border-n1-ww-gray-200 dark:border-n1-ww-gray-800", children: _jsx(ModalHeader, {}) }), _jsx("div", { className: "p-6 overflow-hidden relative", children: _jsxs("div", { className: "flex flex-col items-center space-y-6", children: [_jsx(IoMdCheckmarkCircleOutline, { className: "w-16 h-16 text-green-500 dark:text-green-400 mb-2" }), _jsx("button", { className: "group relative w-full overflow-hidden rounded-md border-2 bg-n1-ww-gray-100 dark:bg-neutral-950 py-4 text-center transition-all duration-300 cursor-pointer border-n1-ww-gray-200 dark:border-n1-ww-gray-800 hover:border-n1-ww-gray-400 dark:hover:border-white/60 text-n1-ww-gray-900 dark:text-white font-medium text-base", onClick: close, children: "Continue" })] }) })] }));
+}
+//# sourceMappingURL=05-SuccessView.js.map

package/dist/Modal/NTSFlow/views/05-SuccessView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"05-SuccessView.js","sourceRoot":"","sources":["../../../../src/Modal/NTSFlow/views/05-SuccessView.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD,MAAM,UAAU,WAAW;IACjB,IAAA,oBAAoB,GAAK,0BAA0B,EAAE,qBAAjC,CAAkC;IAC9D,IAAM,KAAK,GAAG;QACZ,oBAAoB,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,wSAAwS,aACrT,cAAK,SAAS,EAAC,+DAA+D,YAC5E,KAAC,WAAW,KAAG,GACX,EACN,cAAK,SAAS,EAAC,8BAA8B,YAC3C,eAAK,SAAS,EAAC,sCAAsC,aACnD,KAAC,0BAA0B,IAAC,SAAS,EAAC,mDAAmD,GAAG,EAC5F,iBACE,SAAS,EAAC,+TAA+T,EACzU,OAAO,EAAE,KAAK,yBAGP,IACL,GACF,IACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { IoMdCheckmarkCircleOutline } from 'react-icons/io';\nimport { useN1WalletInternalContext } from '../../../Provider/hooks';\nimport { ModalHeader } from '../components/ModalHeader';\n\nexport function SuccessView() {\n  const { setStartClosingLogin } = useN1WalletInternalContext();\n  const close = () => {\n    setStartClosingLogin(true);\n  };\n\n  return (\n    <div className=\"bg-n1-ww-gray-50 dark:bg-n1-ww-gray-950 relative border border-n1-ww-gray-200 dark:border-n1-ww-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] shadow-lg\">\n      <div className=\"p-6 border-b border-n1-ww-gray-200 dark:border-n1-ww-gray-800\">\n        <ModalHeader />\n      </div>\n      <div className=\"p-6 overflow-hidden relative\">\n        <div className=\"flex flex-col items-center space-y-6\">\n          <IoMdCheckmarkCircleOutline className=\"w-16 h-16 text-green-500 dark:text-green-400 mb-2\" />\n          <button\n            className=\"group relative w-full overflow-hidden rounded-md border-2 bg-n1-ww-gray-100 dark:bg-neutral-950 py-4 text-center transition-all duration-300 cursor-pointer border-n1-ww-gray-200 dark:border-n1-ww-gray-800 hover:border-n1-ww-gray-400 dark:hover:border-white/60 text-n1-ww-gray-900 dark:text-white font-medium text-base\"\n            onClick={close}\n          >\n            Continue\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

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

@@ -0,0 +1 @@
+export declare function NoWhitelistView(): JSX.Element;

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

@@ -0,0 +1,43 @@
+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-n1-ww-gray-50 dark:bg-n1-ww-gray-950 relative border border-n1-ww-gray-200 dark:border-n1-ww-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-n1-ww-gray-200 dark:border-n1-ww-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-n1-ww-gray-900 dark:text-white mb-2", children: "Not Whitelisted" }), _jsxs("p", { className: "text-n1-ww-gray-500 dark:text-n1-ww-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-n1-ww-gray-100 dark:bg-neutral-950 py-4 text-center\n              transition-all duration-300 ".concat(ANIMATION_EASE, "\n              cursor-pointer border-n1-ww-gray-200 dark:border-n1-ww-gray-800 hover:border-n1-ww-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-n1-ww-gray-500 dark:text-neutral-400 group-hover:text-n1-ww-gray-900 dark:group-hover:text-white\n                "), children: "Disconnect" }) }) }) })] }) })] }));
+}
+//# sourceMappingURL=99-NoWhitelistView.js.map

package/dist/Modal/NTSFlow/views/99-NoWhitelistView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"99-NoWhitelistView.js","sourceRoot":"","sources":["../../../../src/Modal/NTSFlow/views/99-NoWhitelistView.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState } from 'react';\nimport {\n  useN1WalletContext,\n  useN1WalletInternalContext,\n} from '../../../Provider/hooks';\nimport { N1ModalViewMode } from '../../../Provider/types';\nimport { ANIMATION_EASE } from '../../NordFlow/constants';\nimport { ModalHeader } from '../components/ModalHeader';\n\nexport function NoWhitelistView() {\n  const { setViewMode, dynamicHandleLogOut, setIsConnected } =\n    useN1WalletInternalContext();\n  const { address } = useN1WalletContext();\n  const [isHovered, setIsHovered] = useState(false);\n  const [isPressed, setIsPressed] = useState(false);\n\n  function disconnect() {\n    // TODO: create a util function for disconnecting and clearing local storage\n    dynamicHandleLogOut();\n    if (typeof window !== 'undefined') {\n      localStorage.clear();\n      if ('caches' in window) {\n        caches.keys().then(function (cacheNames) {\n          cacheNames.forEach(function (cacheName) {\n            caches.delete(cacheName);\n          });\n        });\n      }\n      window.location.reload();\n    }\n\n    setViewMode(N1ModalViewMode.Connect);\n    setIsConnected(false);\n  }\n\n  const addressText = address\n    ? `${address.substring(0, 6)}...${address.slice(-4)}`\n    : '';\n\n  return (\n    <div className=\"bg-n1-ww-gray-50 dark:bg-n1-ww-gray-950 relative border border-n1-ww-gray-200 dark:border-n1-ww-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]\">\n      <div className=\"p-6 border-b border-n1-ww-gray-200 dark:border-n1-ww-gray-800\">\n        <ModalHeader />\n      </div>\n\n      <div className=\"p-6 overflow-hidden relative\">\n        <div className=\"space-y-6\">\n          <div className=\"text-center\">\n            <h3 className=\"text-xl font-medium text-n1-ww-gray-900 dark:text-white mb-2\">\n              Not Whitelisted\n            </h3>\n            <p className=\"text-n1-ww-gray-500 dark:text-n1-ww-gray-400\">\n              The wallet address {addressText} is not whitelisted for access.\n            </p>\n          </div>\n\n          <button\n            onClick={disconnect}\n            onMouseEnter={() => setIsHovered(true)}\n            onMouseLeave={() => {\n              setIsHovered(false);\n              setIsPressed(false);\n            }}\n            onMouseDown={() => setIsPressed(true)}\n            onMouseUp={() => setIsPressed(false)}\n            className={`\n              group relative w-full overflow-hidden rounded-md border-2 bg-n1-ww-gray-100 dark:bg-neutral-950 py-4 text-center\n              transition-all duration-300 ${ANIMATION_EASE}\n              cursor-pointer border-n1-ww-gray-200 dark:border-n1-ww-gray-800 hover:border-n1-ww-gray-400 dark:hover:border-white/60\n            `}\n            style={{\n              transform: isPressed\n                ? 'scale(0.98)'\n                : isHovered\n                  ? 'scale(0.99)'\n                  : 'scale(1)',\n            }}\n          >\n            <div className=\"relative z-[200] pl-4 isolate\">\n              <div className=\"flex items-center justify-center\">\n                <span\n                  className={`\n                  text-base font-medium tracking-wide transition-colors duration-300 ${ANIMATION_EASE}\n                  text-n1-ww-gray-500 dark:text-neutral-400 group-hover:text-n1-ww-gray-900 dark:group-hover:text-white\n                `}\n                >\n                  Disconnect\n                </span>\n              </div>\n            </div>\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

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

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

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

@@ -36,10 +36,10 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 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';
+import { IoMdWallet } from 'react-icons/io';
 export function ConnectView() {
     var _this = this;
     var _a = useN1WalletInternalContext(), showDynamicWidget = _a.showDynamicWidget, handleError = _a.handleError;