@n1xyz/wallet-widget 0.0.16 → 0.0.18

package/dist/Logic/utils.d.ts

@@ -2,13 +2,15 @@ import { generateSessionKeyPair, generateRandomUint8Array } from '@n1xyz/nts-sdk
 export { generateSessionKeyPair, generateRandomUint8Array };
 export declare function arrayBufferToBase64(buffer: Uint8Array): string;
 export declare function base64ToUint8Array(base64String: string): Uint8Array<ArrayBuffer>;
-export declare function storeSessionKeysInLocalStorage({ privKey, walletPublicKey, chainName, }: {
+export declare function storeSessionKeysInLocalStorage({ privKey, publicKey, walletPublicKey, chainName, }: {
     privKey: Uint8Array;
+    publicKey: Uint8Array;
     walletPublicKey: string;
     chainName: string;
 }): void;
 export declare function getSessionKeysFromLocalStorage(walletPublicKey: string): {
     ed25519PrivateKey: Uint8Array;
+    ed25519PublicKey: Uint8Array | null;
     walletPublicKey: string;
     chainName: string;
     createdAt: string;

package/dist/Logic/utils.js

@@ -57,17 +57,18 @@ export function base64ToUint8Array(base64String) {
 }
 // Function to store keys with a custom ID format in local storage, including private key
 export function storeSessionKeysInLocalStorage(_a) {
-    var privKey = _a.privKey, walletPublicKey = _a.walletPublicKey, chainName = _a.chainName;
+    var privKey = _a.privKey, publicKey = _a.publicKey, walletPublicKey = _a.walletPublicKey, chainName = _a.chainName;
     var storageKey = "n1_sessionKey_".concat(walletPublicKey);
     var data = {
         ed25519PrivateKey: arrayBufferToBase64(privKey),
+        ed25519PublicKey: arrayBufferToBase64(publicKey),
         walletPublicKey: walletPublicKey,
         chainName: chainName,
         createdAt: new Date().toISOString(),
     };
     localStorage.setItem(storageKey, JSON.stringify(data));
 }
-// Retrieve data from local storage by wallet key and convert the private key back to Uint8Array
+// Retrieve data from local storage by wallet key and convert the private and public key back to Uint8Array
 export function getSessionKeysFromLocalStorage(walletPublicKey) {
     var storageKey = "n1_sessionKey_".concat(walletPublicKey);
     var data = localStorage.getItem(storageKey);
@@ -76,6 +77,19 @@ export function getSessionKeysFromLocalStorage(walletPublicKey) {
         if (parsedData.ed25519PrivateKey) {
             parsedData.ed25519PrivateKey = base64ToUint8Array(parsedData.ed25519PrivateKey);
         }
+        else {
+            throw new Error('Missing ed25519PrivateKey in session storage');
+        }
+        if (parsedData.ed25519PublicKey) {
+            parsedData.ed25519PublicKey = base64ToUint8Array(parsedData.ed25519PublicKey);
+        }
+        else {
+            throw new Error('Missing ed25519PublicKey in session storage');
+        }
+        // Validate keys: check that public key is present and is Uint8Array of length 32
+        if (!parsedData.ed25519PublicKey || !(parsedData.ed25519PublicKey instanceof Uint8Array) || parsedData.ed25519PublicKey.length !== 32) {
+            throw new Error('Invalid public key in session storage');
+        }
         return parsedData;
     }
     return null;

package/dist/Logic/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/Logic/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  generateSessionKeyPair,\n  generateRandomUint8Array,\n} from '@n1xyz/nts-sdk';\nimport { logger } from '../utils/logger';\n\nexport { generateSessionKeyPair, generateRandomUint8Array };\n\nexport function arrayBufferToBase64(buffer: Uint8Array) {\n  let binary = '';\n  const bytes = new Uint8Array(buffer);\n  for (let i = 0; i < bytes.length; i++) {\n    binary += String.fromCharCode(bytes[i]);\n  }\n  return btoa(binary);\n}\n\n// Convert Base64 string back to Uint8Array\nexport function base64ToUint8Array(base64String: string) {\n  const binaryString = atob(base64String);\n  const length = binaryString.length;\n  const bytes = new Uint8Array(length);\n  for (let i = 0; i < length; i++) {\n    bytes[i] = binaryString.charCodeAt(i);\n  }\n  return bytes;\n}\n\n// Function to store keys with a custom ID format in local storage, including private key\nexport function storeSessionKeysInLocalStorage({\n  privKey,\n  walletPublicKey,\n  chainName,\n}: {\n  privKey: Uint8Array;\n  walletPublicKey: string;\n  chainName: string;\n}) {\n  const storageKey = `n1_sessionKey_${walletPublicKey}`;\n\n  const data = {\n    ed25519PrivateKey: arrayBufferToBase64(privKey),\n    walletPublicKey,\n    chainName,\n    createdAt: new Date().toISOString(),\n  };\n\n  localStorage.setItem(storageKey, JSON.stringify(data));\n}\n\n// Retrieve data from local storage by wallet key and convert the private key back to Uint8Array\nexport function getSessionKeysFromLocalStorage(walletPublicKey: string): {\n  ed25519PrivateKey: Uint8Array;\n  walletPublicKey: string;\n  chainName: string;\n  createdAt: string;\n} | null {\n  const storageKey = `n1_sessionKey_${walletPublicKey}`;\n\n  const data = localStorage.getItem(storageKey);\n  if (data) {\n    const parsedData = JSON.parse(data);\n    if (parsedData.ed25519PrivateKey) {\n      parsedData.ed25519PrivateKey = base64ToUint8Array(\n        parsedData.ed25519PrivateKey\n      );\n    }\n    return parsedData;\n  }\n  return null;\n}\n\n// Function to remove data from local storage by wallet key\nexport function removeKeysFromLocalStorage(walletPublicKey: string) {\n  const storageKey = `n1_sessionKey_${walletPublicKey}`;\n\n  localStorage.removeItem(storageKey);\n}\n\nexport function hexToUint8Array(hex: string) {\n  if (hex.length % 2 !== 0) {\n    throw new Error('Invalid hex string');\n  }\n  const array = new Uint8Array(hex.length / 2);\n  for (let i = 0; i < hex.length; i += 2) {\n    array[i / 2] = parseInt(hex.substr(i, 2), 16);\n  }\n  return array;\n}\n\nfunction getMsgBytes(timestamp: number) {\n  const hex = 'LoginSigning : ' + timestamp;\n  const array = new Uint8Array(hex.length / 2);\n  for (let i = 0; i < hex.length; i += 2) {\n    array[i / 2] = parseInt(hex.substr(i, 2), 16);\n  }\n  return array;\n}\n\nexport async function createWebSession(\n  signMessageWithSessionKey: any,\n  sessionPubKey: any,\n  walletPubKey: any\n) {\n  logger.debug('Creating web session...');\n  const timestamp = new Date().getTime();\n  const msg = getMsgBytes(timestamp);\n  const signature = await signMessageWithSessionKey(msg);\n  if (process.env.SKIP_ARGUS) {\n    return;\n  }\n  const response = await fetch(`${process.env.ARGUS_URL}/api/auth/login`, {\n    method: 'POST',\n    headers: {\n      'Content-Type': 'application/json',\n    },\n    body: JSON.stringify({\n      sessionKey: Array.from(sessionPubKey),\n      timestamp: timestamp,\n      msg: Array.from(msg),\n      signature: Array.from(signature),\n      publicKey: Array.from(walletPubKey),\n    }),\n    credentials: 'include', // Include cookies in requests\n  });\n  if (response.status != 200) {\n    throw new Error('failed to create a session!');\n  }\n}\n\nexport async function createUser(username: any) {\n  const response = await fetch(\n    `${process.env.ARGUS_URL}/api/db/createUser?name=${username}`,\n    {\n      method: 'GET',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n      credentials: 'include',\n    }\n  );\n  if (response.status != 200) {\n    throw new Error('failed to create a user!');\n  }\n}\n\nexport async function getUser() {\n  if (process.env.SKIP_ARGUS) {\n    return { name: 'test' };\n  }\n  try {\n    const response = await fetch(`${process.env.ARGUS_URL}/api/db/getUser`, {\n      method: 'GET',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n      credentials: 'include', // Include cookies in requests\n    });\n    if (response.status === 200) {\n      return await response.json();\n    } else if (response.status === 404) {\n      return null;\n    }\n  } catch (error) {\n    throw new Error('failed to get user!');\n  }\n}\n\nexport async function getUserBalances(address: string) {\n  const response = await fetch(\n    `https://n1ts.n1.xyz/app/data?tag=user_balance_${address.toLowerCase()}`,\n    {\n      method: 'GET',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n    }\n  );\n\n  if (response.status === 200) {\n    const data = await response.json();\n    return data.data.map((item: any) => {\n      return {\n        mint: item.field_id.split('_')[2],\n        balance: item.value,\n        appId: item.app_id,\n        symbol: item.symbol,\n      };\n    });\n  }\n  return null;\n}\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/Logic/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  generateSessionKeyPair,\n  generateRandomUint8Array,\n} from '@n1xyz/nts-sdk';\nimport { logger } from '../utils/logger';\n\nexport { generateSessionKeyPair, generateRandomUint8Array };\n\nexport function arrayBufferToBase64(buffer: Uint8Array) {\n  let binary = '';\n  const bytes = new Uint8Array(buffer);\n  for (let i = 0; i < bytes.length; i++) {\n    binary += String.fromCharCode(bytes[i]);\n  }\n  return btoa(binary);\n}\n\n// Convert Base64 string back to Uint8Array\nexport function base64ToUint8Array(base64String: string) {\n  const binaryString = atob(base64String);\n  const length = binaryString.length;\n  const bytes = new Uint8Array(length);\n  for (let i = 0; i < length; i++) {\n    bytes[i] = binaryString.charCodeAt(i);\n  }\n  return bytes;\n}\n\n// Function to store keys with a custom ID format in local storage, including private key\nexport function storeSessionKeysInLocalStorage({\n  privKey,\n  publicKey,\n  walletPublicKey,\n  chainName,\n}: {\n  privKey: Uint8Array;\n  publicKey: Uint8Array;\n  walletPublicKey: string;\n  chainName: string;\n}) {\n  const storageKey = `n1_sessionKey_${walletPublicKey}`;\n\n  const data = {\n    ed25519PrivateKey: arrayBufferToBase64(privKey),\n    ed25519PublicKey: arrayBufferToBase64(publicKey),\n    walletPublicKey,\n    chainName,\n    createdAt: new Date().toISOString(),\n  };\n\n  localStorage.setItem(storageKey, JSON.stringify(data));\n}\n\n// Retrieve data from local storage by wallet key and convert the private and public key back to Uint8Array\nexport function getSessionKeysFromLocalStorage(walletPublicKey: string): {\n  ed25519PrivateKey: Uint8Array;\n  ed25519PublicKey: Uint8Array | null;\n  walletPublicKey: string;\n  chainName: string;\n  createdAt: string;\n} | null {\n  const storageKey = `n1_sessionKey_${walletPublicKey}`;\n\n  const data = localStorage.getItem(storageKey);\n  if (data) {\n    const parsedData = JSON.parse(data);\n    if (parsedData.ed25519PrivateKey) {\n      parsedData.ed25519PrivateKey = base64ToUint8Array(\n        parsedData.ed25519PrivateKey\n      );\n    } else {\n      throw new Error('Missing ed25519PrivateKey in session storage');\n    }\n    if (parsedData.ed25519PublicKey) {\n      parsedData.ed25519PublicKey = base64ToUint8Array(\n        parsedData.ed25519PublicKey\n      );\n    } else {\n      throw new Error('Missing ed25519PublicKey in session storage');\n    }\n    // Validate keys: check that public key is present and is Uint8Array of length 32\n    if (!parsedData.ed25519PublicKey || !(parsedData.ed25519PublicKey instanceof Uint8Array) || parsedData.ed25519PublicKey.length !== 32) {\n      throw new Error('Invalid public key in session storage');\n    }\n    return parsedData;\n  }\n  return null;\n}\n\n// Function to remove data from local storage by wallet key\nexport function removeKeysFromLocalStorage(walletPublicKey: string) {\n  const storageKey = `n1_sessionKey_${walletPublicKey}`;\n\n  localStorage.removeItem(storageKey);\n}\n\nexport function hexToUint8Array(hex: string) {\n  if (hex.length % 2 !== 0) {\n    throw new Error('Invalid hex string');\n  }\n  const array = new Uint8Array(hex.length / 2);\n  for (let i = 0; i < hex.length; i += 2) {\n    array[i / 2] = parseInt(hex.substr(i, 2), 16);\n  }\n  return array;\n}\n\nfunction getMsgBytes(timestamp: number) {\n  const hex = 'LoginSigning : ' + timestamp;\n  const array = new Uint8Array(hex.length / 2);\n  for (let i = 0; i < hex.length; i += 2) {\n    array[i / 2] = parseInt(hex.substr(i, 2), 16);\n  }\n  return array;\n}\n\nexport async function createWebSession(\n  signMessageWithSessionKey: any,\n  sessionPubKey: any,\n  walletPubKey: any\n) {\n  logger.debug('Creating web session...');\n  const timestamp = new Date().getTime();\n  const msg = getMsgBytes(timestamp);\n  const signature = await signMessageWithSessionKey(msg);\n  if (process.env.SKIP_ARGUS) {\n    return;\n  }\n  const response = await fetch(`${process.env.ARGUS_URL}/api/auth/login`, {\n    method: 'POST',\n    headers: {\n      'Content-Type': 'application/json',\n    },\n    body: JSON.stringify({\n      sessionKey: Array.from(sessionPubKey),\n      timestamp: timestamp,\n      msg: Array.from(msg),\n      signature: Array.from(signature),\n      publicKey: Array.from(walletPubKey),\n    }),\n    credentials: 'include', // Include cookies in requests\n  });\n  if (response.status != 200) {\n    throw new Error('failed to create a session!');\n  }\n}\n\nexport async function createUser(username: any) {\n  const response = await fetch(\n    `${process.env.ARGUS_URL}/api/db/createUser?name=${username}`,\n    {\n      method: 'GET',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n      credentials: 'include',\n    }\n  );\n  if (response.status != 200) {\n    throw new Error('failed to create a user!');\n  }\n}\n\nexport async function getUser() {\n  if (process.env.SKIP_ARGUS) {\n    return { name: 'test' };\n  }\n  try {\n    const response = await fetch(`${process.env.ARGUS_URL}/api/db/getUser`, {\n      method: 'GET',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n      credentials: 'include', // Include cookies in requests\n    });\n    if (response.status === 200) {\n      return await response.json();\n    } else if (response.status === 404) {\n      return null;\n    }\n  } catch (error) {\n    throw new Error('failed to get user!');\n  }\n}\n\nexport async function getUserBalances(address: string) {\n  const response = await fetch(\n    `https://n1ts.n1.xyz/app/data?tag=user_balance_${address.toLowerCase()}`,\n    {\n      method: 'GET',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n    }\n  );\n\n  if (response.status === 200) {\n    const data = await response.json();\n    return data.data.map((item: any) => {\n      return {\n        mint: item.field_id.split('_')[2],\n        balance: item.value,\n        appId: item.app_id,\n        symbol: item.symbol,\n      };\n    });\n  }\n  return null;\n}\n"]}

package/dist/Modal/N1WalletModal.d.ts

@@ -1,2 +1,2 @@
 import '../main.css';
-export declare function N1WalletModal(): import("react/jsx-runtime").JSX.Element | null;
+export declare function N1WalletModal(): JSX.Element | null;

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

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

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

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

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

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

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,7 +36,6 @@ 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';
@@ -64,6 +63,6 @@ export function ConnectView() {
     }); };
     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: [_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-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: 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-n1-ww-gray-500 dark:text-neutral-400 group-hover:text-n1-ww-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-n1-ww-gray-500 dark:text-neutral-400 group-hover:text-n1-ww-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-n1-ww-gray-100 dark:bg-neutral-950 py-4 text-center\n              transition-all duration-300 ".concat(ANIMATION_EASE, "\n              cursor-not-allowed border-n1-ww-gray-200 dark:border-n1-ww-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-n1-ww-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-n1-ww-gray-100 dark:bg-neutral-950 py-4 text-center\n              transition-all duration-300 ".concat(ANIMATION_EASE, "\n              cursor-not-allowed border-n1-ww-gray-200 dark:border-n1-ww-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-n1-ww-gray-500 dark:text-neutral-400", children: "Continue with Email (soon)" }) }) }) })] }) })] }));
+                            }, children: _jsx("div", { className: "relative z-[200] pl-4 isolate", children: _jsx("div", { className: "flex items-center", children: _jsx("span", { className: "\n                  ml-2 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: "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-n1-ww-gray-100 dark:bg-neutral-950 py-4 text-center\n              transition-all duration-300 ".concat(ANIMATION_EASE, "\n              cursor-not-allowed border-n1-ww-gray-200 dark:border-n1-ww-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-n1-ww-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-n1-ww-gray-100 dark:bg-neutral-950 py-4 text-center\n              transition-all duration-300 ".concat(ANIMATION_EASE, "\n              cursor-not-allowed border-n1-ww-gray-200 dark:border-n1-ww-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-n1-ww-gray-500 dark:text-neutral-400", children: "Continue with Email (soon)" }) }) }) })] }) })] }));
 }
 //# sourceMappingURL=ConnectView.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ConnectView.js","sourceRoot":"","sources":["../../../../src/Modal/NTSFlow/views/ConnectView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,OAAO,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD,MAAM,UAAU,WAAW;IAA3B,iBA2FC;IA1FO,IAAA,KAAqC,0BAA0B,EAAE,EAA/D,iBAAiB,uBAAA,EAAE,WAAW,iBAAiC,CAAC;IAClE,IAAA,KAA4B,QAAQ,CAExC,IAAI,CAAC,EAFA,SAAS,QAAA,EAAE,YAAY,QAEvB,CAAC;IAER,IAAM,aAAa,GAAG;;;;;;oBAElB,qBAAM,iBAAiB,CAAC,IAAI,CAAC,EAAA;;oBAA7B,SAA6B,CAAC;;;;oBAE9B,WAAW,CAAC,OAAoB,CAAC,CAAC;;;;;SAErC,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,iBACE,OAAO,EAAE,aAAa,EACtB,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,QAAQ,CAAC,EAAtB,CAAsB,EAC1C,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EACtC,SAAS,EAAE,sLAEqB,cAAc,yJAE7C,EACD,KAAK,EAAE;gCACL,SAAS,EAAE,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU;6BAC/D,YAED,cAAK,SAAS,EAAC,+BAA+B,YAC5C,eAAK,SAAS,EAAC,mBAAmB,aAChC,KAAC,UAAU,IAAC,SAAS,EAAC,8IAA8I,GAAG,EACvK,eACE,SAAS,EAAE,sGAC+D,cAAc,gJAEzF,qCAGM,IACH,GACF,GACC,EAET,iBACE,QAAQ,QACR,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,QAAQ,CAAC,EAAtB,CAAsB,EAC1C,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EACtC,SAAS,EAAE,sLAEqB,cAAc,iHAE7C,YAED,cAAK,SAAS,EAAC,+BAA+B,YAC5C,cAAK,SAAS,EAAC,mBAAmB,YAChC,eAAM,SAAS,EAAC,+EAA+E,4CAExF,GACH,GACF,GACC,EAET,iBACE,QAAQ,QACR,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,OAAO,CAAC,EAArB,CAAqB,EACzC,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EACtC,SAAS,EAAE,sLAEqB,cAAc,iHAE7C,YAED,cAAK,SAAS,EAAC,+BAA+B,YAC5C,cAAK,SAAS,EAAC,mBAAmB,YAChC,eAAM,SAAS,EAAC,+EAA+E,2CAExF,GACH,GACF,GACC,IACL,GACF,IACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { useState } from 'react';\nimport { IoMdWallet } from 'react-icons/io';\nimport { WalletError } from '../../../errors/types';\nimport { useN1WalletInternalContext } from '../../../Provider/hooks';\nimport { ANIMATION_EASE } from '../../NordFlow/constants';\nimport { ModalHeader } from '../components/ModalHeader';\n\nexport function ConnectView() {\n  const { showDynamicWidget, handleError } = useN1WalletInternalContext();\n  const [isHovered, setIsHovered] = useState<\n    'wallet' | 'google' | 'email' | null\n  >(null);\n\n  const handleConnect = async () => {\n    try {\n      await showDynamicWidget(true);\n    } catch (error) {\n      handleError(error as WalletError);\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          <button\n            onClick={handleConnect}\n            onMouseEnter={() => setIsHovered('wallet')}\n            onMouseLeave={() => setIsHovered(null)}\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: isHovered === 'wallet' ? 'scale(0.99)' : 'scale(1)',\n            }}\n          >\n            <div className=\"relative z-[200] pl-4 isolate\">\n              <div className=\"flex items-center\">\n                <IoMdWallet className=\"w-5 h-5 text-n1-ww-gray-500 dark:text-neutral-400 group-hover:text-n1-ww-gray-900 dark:group-hover:text-white transition-colors duration-300\" />\n                <span\n                  className={`\n                  ml-2 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                  Continue with Wallet\n                </span>\n              </div>\n            </div>\n          </button>\n\n          <button\n            disabled\n            onMouseEnter={() => setIsHovered('google')}\n            onMouseLeave={() => setIsHovered(null)}\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-not-allowed border-n1-ww-gray-200 dark:border-n1-ww-gray-800 opacity-50\n            `}\n          >\n            <div className=\"relative z-[200] pl-4 isolate\">\n              <div className=\"flex items-center\">\n                <span className=\"text-base font-medium tracking-wide text-n1-ww-gray-500 dark:text-neutral-400\">\n                  Continue with Google (soon)\n                </span>\n              </div>\n            </div>\n          </button>\n\n          <button\n            disabled\n            onMouseEnter={() => setIsHovered('email')}\n            onMouseLeave={() => setIsHovered(null)}\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-not-allowed border-n1-ww-gray-200 dark:border-n1-ww-gray-800 opacity-50\n            `}\n          >\n            <div className=\"relative z-[200] pl-4 isolate\">\n              <div className=\"flex items-center\">\n                <span className=\"text-base font-medium tracking-wide text-n1-ww-gray-500 dark:text-neutral-400\">\n                  Continue with Email (soon)\n                </span>\n              </div>\n            </div>\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"ConnectView.js","sourceRoot":"","sources":["../../../../src/Modal/NTSFlow/views/ConnectView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,OAAO,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD,MAAM,UAAU,WAAW;IAA3B,iBA2FC;IA1FO,IAAA,KAAqC,0BAA0B,EAAE,EAA/D,iBAAiB,uBAAA,EAAE,WAAW,iBAAiC,CAAC;IAClE,IAAA,KAA4B,QAAQ,CAExC,IAAI,CAAC,EAFA,SAAS,QAAA,EAAE,YAAY,QAEvB,CAAC;IAER,IAAM,aAAa,GAAG;;;;;;oBAElB,qBAAM,iBAAiB,CAAC,IAAI,CAAC,EAAA;;oBAA7B,SAA6B,CAAC;;;;oBAE9B,WAAW,CAAC,OAAoB,CAAC,CAAC;;;;;SAErC,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,iBACE,OAAO,EAAE,aAAa,EACtB,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,QAAQ,CAAC,EAAtB,CAAsB,EAC1C,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EACtC,SAAS,EAAE,sLAEqB,cAAc,yJAE7C,EACD,KAAK,EAAE;gCACL,SAAS,EAAE,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU;6BAC/D,YAED,cAAK,SAAS,EAAC,+BAA+B,YAC5C,cAAK,SAAS,EAAC,mBAAmB,YAEhC,eACE,SAAS,EAAE,sGAC+D,cAAc,gJAEzF,qCAGM,GACH,GACF,GACC,EAET,iBACE,QAAQ,QACR,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,QAAQ,CAAC,EAAtB,CAAsB,EAC1C,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EACtC,SAAS,EAAE,sLAEqB,cAAc,iHAE7C,YAED,cAAK,SAAS,EAAC,+BAA+B,YAC5C,cAAK,SAAS,EAAC,mBAAmB,YAChC,eAAM,SAAS,EAAC,+EAA+E,4CAExF,GACH,GACF,GACC,EAET,iBACE,QAAQ,QACR,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,OAAO,CAAC,EAArB,CAAqB,EACzC,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EACtC,SAAS,EAAE,sLAEqB,cAAc,iHAE7C,YAED,cAAK,SAAS,EAAC,+BAA+B,YAC5C,cAAK,SAAS,EAAC,mBAAmB,YAChC,eAAM,SAAS,EAAC,+EAA+E,2CAExF,GACH,GACF,GACC,IACL,GACF,IACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { useState } from 'react';\n// import { IoMdWallet } from 'react-icons/io';\nimport { WalletError } from '../../../errors/types';\nimport { useN1WalletInternalContext } from '../../../Provider/hooks';\nimport { ANIMATION_EASE } from '../../NordFlow/constants';\nimport { ModalHeader } from '../components/ModalHeader';\n\nexport function ConnectView() {\n  const { showDynamicWidget, handleError } = useN1WalletInternalContext();\n  const [isHovered, setIsHovered] = useState<\n    'wallet' | 'google' | 'email' | null\n  >(null);\n\n  const handleConnect = async () => {\n    try {\n      await showDynamicWidget(true);\n    } catch (error) {\n      handleError(error as WalletError);\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          <button\n            onClick={handleConnect}\n            onMouseEnter={() => setIsHovered('wallet')}\n            onMouseLeave={() => setIsHovered(null)}\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: isHovered === 'wallet' ? 'scale(0.99)' : 'scale(1)',\n            }}\n          >\n            <div className=\"relative z-[200] pl-4 isolate\">\n              <div className=\"flex items-center\">\n                {/* <IoMdWallet className=\"w-5 h-5 text-n1-ww-gray-500 dark:text-neutral-400 group-hover:text-n1-ww-gray-900 dark:group-hover:text-white transition-colors duration-300\" /> */}\n                <span\n                  className={`\n                  ml-2 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                  Continue with Wallet\n                </span>\n              </div>\n            </div>\n          </button>\n\n          <button\n            disabled\n            onMouseEnter={() => setIsHovered('google')}\n            onMouseLeave={() => setIsHovered(null)}\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-not-allowed border-n1-ww-gray-200 dark:border-n1-ww-gray-800 opacity-50\n            `}\n          >\n            <div className=\"relative z-[200] pl-4 isolate\">\n              <div className=\"flex items-center\">\n                <span className=\"text-base font-medium tracking-wide text-n1-ww-gray-500 dark:text-neutral-400\">\n                  Continue with Google (soon)\n                </span>\n              </div>\n            </div>\n          </button>\n\n          <button\n            disabled\n            onMouseEnter={() => setIsHovered('email')}\n            onMouseLeave={() => setIsHovered(null)}\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-not-allowed border-n1-ww-gray-200 dark:border-n1-ww-gray-800 opacity-50\n            `}\n          >\n            <div className=\"relative z-[200] pl-4 isolate\">\n              <div className=\"flex items-center\">\n                <span className=\"text-base font-medium tracking-wide text-n1-ww-gray-500 dark:text-neutral-400\">\n                  Continue with Email (soon)\n                </span>\n              </div>\n            </div>\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

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

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

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

@@ -182,6 +182,7 @@ export function CreateSessionView() {
                     logger.debug('Storing session keys');
                     storeSessionKeysInLocalStorage({
                         privKey: keyPair.privateKey,
+                        publicKey: keyPair.publicKey,
                         walletPublicKey: address,
                         chainName: dynamicWallet.chain,
                     });

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

@@ -1 +1 @@
-{"version":3,"file":"CreateSessionView.js","sourceRoot":"","sources":["../../../../src/Modal/NTSFlow/views/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,MAAM,gBAAgB,CAAC;AAE7C,MAAM,UAAU,iBAAiB;IAAjC,iBAoQC;IAnQO,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,KAaF,0BAA0B,EAAE,EAZ9B,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,iCACG,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,cAAc,CAAC,CAAC;oBACtC,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,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;oBAInD,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;oBAED,WAAW,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;;;;;SAE9C,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,6BAE1C,CAAC,aAAa,IAAI,CAAC,OAAO;gCACxB,CAAC,CAAC,gFAAgF;gCAClF,CAAC,CAAC,wHAAwH,mBAE/H,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 } 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  } = 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        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      // 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      setViewMode(N1ModalViewMode.CreateSession);\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              ${\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"]}
+{"version":3,"file":"CreateSessionView.js","sourceRoot":"","sources":["../../../../src/Modal/NTSFlow/views/CreateSessionView.tsx"],"names":[],"mappings":"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","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 } 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  } = 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      // 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      setViewMode(N1ModalViewMode.CreateSession);\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              ${\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/CreateUserView.d.ts

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

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

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

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

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

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

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

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

@@ -4,5 +4,5 @@ interface ChainButtonProps {
     onClick: (chainId: string) => void;
     disabled?: boolean;
 }
-export declare function ChainButton({ chain, onClick, disabled, }: ChainButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChainButton({ chain, onClick, disabled, }: ChainButtonProps): JSX.Element;
 export {};

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

@@ -4,5 +4,5 @@ interface EVMChainsButtonProps {
     onClick: (chainId: string) => void;
     disabled?: boolean;
 }
-export declare function EVMChainsButton({ chain, onClick, disabled, }: EVMChainsButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function EVMChainsButton({ chain, onClick, disabled, }: EVMChainsButtonProps): JSX.Element;
 export {};

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

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

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

@@ -4,5 +4,5 @@ interface MoreButtonProps {
     onClick: (chainId: string) => void;
     disabled?: boolean;
 }
-export declare function MoreButton({ chain, onClick, disabled, }: MoreButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function MoreButton({ chain, onClick, disabled, }: MoreButtonProps): JSX.Element;
 export {};

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

@@ -9,5 +9,5 @@ interface TransactionTableProps {
     };
     onClose?: () => void;
 }
-export declare function TransactionTable({ tableValues, onClose, }: TransactionTableProps): import("react/jsx-runtime").JSX.Element;
+export declare function TransactionTable({ tableValues, onClose, }: TransactionTableProps): JSX.Element;
 export {};

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

@@ -2,5 +2,5 @@ import { WaitingMessageState } from '../types';
 interface WaitingMessageProps {
     message: WaitingMessageState;
 }
-export declare function WaitingMessage({ message }: WaitingMessageProps): import("react/jsx-runtime").JSX.Element;
+export declare function WaitingMessage({ message }: WaitingMessageProps): JSX.Element;
 export {};

package/dist/Modal/NordFlow/screens/01-ConnectWalletScreen.d.ts

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

package/dist/Modal/NordFlow/screens/01-ConnectWalletScreen.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import { IoMdWallet } from 'react-icons/io';
+// import { IoMdWallet } from 'react-icons/io';
 import { LoadingSquares } from '../components/LoadingSquares';
 import { ANIMATION_EASE } from '../constants';
 import { useWalletConnectContext } from '../context/WalletConnectContext';
@@ -19,6 +19,6 @@ export function ConnectWalletScreen() {
     // If not connecting, show connect options (exactly like NTS flow)
     return (_jsx("div", { className: "p-6 overflow-hidden relative", children: _jsxs("div", { className: "space-y-4", children: [_jsx("button", { onClick: connectWallet, onMouseEnter: function () { return setIsHovered('wallet'); }, onMouseLeave: function () { return setIsHovered(null); }, 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: 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-n1-ww-gray-500 dark:text-neutral-400 group-hover:text-n1-ww-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-n1-ww-gray-500 dark:text-neutral-400 group-hover:text-n1-ww-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-n1-ww-gray-100 dark:bg-neutral-950 py-4 text-center\n            transition-all duration-300 ".concat(ANIMATION_EASE, "\n            cursor-not-allowed border-n1-ww-gray-200 dark:border-n1-ww-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-n1-ww-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-n1-ww-gray-100 dark:bg-neutral-950 py-4 text-center\n            transition-all duration-300 ".concat(ANIMATION_EASE, "\n            cursor-not-allowed border-n1-ww-gray-200 dark:border-n1-ww-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-n1-ww-gray-500 dark:text-neutral-400", children: "Continue with Email (soon)" }) }) }) })] }) }));
+                    }, children: _jsx("div", { className: "relative z-[200] pl-4 isolate", children: _jsx("div", { className: "flex items-center", children: _jsx("span", { className: "\n                ml-2 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: "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-n1-ww-gray-100 dark:bg-neutral-950 py-4 text-center\n            transition-all duration-300 ".concat(ANIMATION_EASE, "\n            cursor-not-allowed border-n1-ww-gray-200 dark:border-n1-ww-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-n1-ww-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-n1-ww-gray-100 dark:bg-neutral-950 py-4 text-center\n            transition-all duration-300 ".concat(ANIMATION_EASE, "\n            cursor-not-allowed border-n1-ww-gray-200 dark:border-n1-ww-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-n1-ww-gray-500 dark:text-neutral-400", children: "Continue with Email (soon)" }) }) }) })] }) }));
 }
 //# sourceMappingURL=01-ConnectWalletScreen.js.map

package/dist/Modal/NordFlow/screens/01-ConnectWalletScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"01-ConnectWalletScreen.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/screens/01-ConnectWalletScreen.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAE1E,MAAM,UAAU,mBAAmB;IAC3B,IAAA,KAAkC,uBAAuB,EAAE,EAAzD,YAAY,kBAAA,EAAE,aAAa,mBAA8B,CAAC;IAC5D,IAAA,KAA4B,QAAQ,CAExC,IAAI,CAAC,EAFA,SAAS,QAAA,EAAE,YAAY,QAEvB,CAAC;IAGR,SAAS,CAAC;QACR,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,aAAa,EAAE,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,oCAAoC;IACpC,IAAI,YAAY,EAAE,CAAC;QACjB,OAAO,CACL,eAAK,SAAS,EAAC,2DAA2D,aACxE,KAAC,cAAc,KAAG,EAClB,eAAK,SAAS,EAAC,iCAAiC,aAC9C,aAAI,SAAS,EAAC,2DAA2D,kCAEpE,EACL,YAAG,SAAS,EAAC,mDAAmD,qEAE5D,IACA,IACF,CACP,CAAC;IACJ,CAAC;IAED,kEAAkE;IAClE,OAAO,CACL,cAAK,SAAS,EAAC,8BAA8B,YAC3C,eAAK,SAAS,EAAC,WAAW,aACxB,iBACE,OAAO,EAAE,aAAa,EACtB,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,QAAQ,CAAC,EAAtB,CAAsB,EAC1C,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EACtC,SAAS,EAAE,kLAEqB,cAAc,qJAE7C,EACD,KAAK,EAAE;wBACL,SAAS,EAAE,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU;qBAC/D,YAED,cAAK,SAAS,EAAC,+BAA+B,YAC5C,eAAK,SAAS,EAAC,mBAAmB,aAChC,KAAC,UAAU,IAAC,SAAS,EAAC,8IAA8I,GAAG,EACvK,eACE,SAAS,EAAE,oGAC+D,cAAc,4IAEzF,qCAGM,IACH,GACF,GACC,EAET,iBACE,QAAQ,QACR,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,QAAQ,CAAC,EAAtB,CAAsB,EAC1C,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EACtC,SAAS,EAAE,kLAEqB,cAAc,6GAE7C,YAED,cAAK,SAAS,EAAC,+BAA+B,YAC5C,cAAK,SAAS,EAAC,mBAAmB,YAChC,eAAM,SAAS,EAAC,+EAA+E,4CAExF,GACH,GACF,GACC,EAET,iBACE,QAAQ,QACR,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,OAAO,CAAC,EAArB,CAAqB,EACzC,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EACtC,SAAS,EAAE,kLAEqB,cAAc,6GAE7C,YAED,cAAK,SAAS,EAAC,+BAA+B,YAC5C,cAAK,SAAS,EAAC,mBAAmB,YAChC,eAAM,SAAS,EAAC,+EAA+E,2CAExF,GACH,GACF,GACC,IACL,GACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { useEffect, useState } from 'react';\nimport { IoMdWallet } from 'react-icons/io';\nimport { LoadingSquares } from '../components/LoadingSquares';\nimport { ANIMATION_EASE } from '../constants';\nimport { useWalletConnectContext } from '../context/WalletConnectContext';\n\nexport function ConnectWalletScreen() {\n  const { isConnecting, connectWallet } = useWalletConnectContext();\n  const [isHovered, setIsHovered] = useState<\n    'wallet' | 'google' | 'email' | null\n  >(null);\n\n\n  useEffect(() => {\n    if (!isConnecting) {\n      connectWallet();\n    }\n  }, [isConnecting]);\n\n  // If connecting, show loading state\n  if (isConnecting) {\n    return (\n      <div className=\"flex flex-col items-center justify-center py-12 space-y-6\">\n        <LoadingSquares />\n        <div className=\"space-y-2 text-center w-[300px]\">\n          <h3 className=\"text-xl text-n1-ww-gray-800 dark:text-white font-semibold\">\n            Connecting Wallet\n          </h3>\n          <p className=\"text-sm text-n1-ww-gray-600 dark:text-neutral-400\">\n            Please approve the connection request in your wallet\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  // If not connecting, show connect options (exactly like NTS flow)\n  return (\n    <div className=\"p-6 overflow-hidden relative\">\n      <div className=\"space-y-4\">\n        <button\n          onClick={connectWallet}\n          onMouseEnter={() => setIsHovered('wallet')}\n          onMouseLeave={() => setIsHovered(null)}\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: isHovered === 'wallet' ? 'scale(0.99)' : 'scale(1)',\n          }}\n        >\n          <div className=\"relative z-[200] pl-4 isolate\">\n            <div className=\"flex items-center\">\n              <IoMdWallet className=\"w-5 h-5 text-n1-ww-gray-500 dark:text-neutral-400 group-hover:text-n1-ww-gray-900 dark:group-hover:text-white transition-colors duration-300\" />\n              <span\n                className={`\n                ml-2 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                Continue with Wallet\n              </span>\n            </div>\n          </div>\n        </button>\n\n        <button\n          disabled\n          onMouseEnter={() => setIsHovered('google')}\n          onMouseLeave={() => setIsHovered(null)}\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-not-allowed border-n1-ww-gray-200 dark:border-n1-ww-gray-800 opacity-50\n          `}\n        >\n          <div className=\"relative z-[200] pl-4 isolate\">\n            <div className=\"flex items-center\">\n              <span className=\"text-base font-medium tracking-wide text-n1-ww-gray-500 dark:text-neutral-400\">\n                Continue with Google (soon)\n              </span>\n            </div>\n          </div>\n        </button>\n\n        <button\n          disabled\n          onMouseEnter={() => setIsHovered('email')}\n          onMouseLeave={() => setIsHovered(null)}\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-not-allowed border-n1-ww-gray-200 dark:border-n1-ww-gray-800 opacity-50\n          `}\n        >\n          <div className=\"relative z-[200] pl-4 isolate\">\n            <div className=\"flex items-center\">\n              <span className=\"text-base font-medium tracking-wide text-n1-ww-gray-500 dark:text-neutral-400\">\n                Continue with Email (soon)\n              </span>\n            </div>\n          </div>\n        </button>\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"01-ConnectWalletScreen.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/screens/01-ConnectWalletScreen.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,+CAA+C;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAE1E,MAAM,UAAU,mBAAmB;IAC3B,IAAA,KAAkC,uBAAuB,EAAE,EAAzD,YAAY,kBAAA,EAAE,aAAa,mBAA8B,CAAC;IAC5D,IAAA,KAA4B,QAAQ,CAExC,IAAI,CAAC,EAFA,SAAS,QAAA,EAAE,YAAY,QAEvB,CAAC;IAGR,SAAS,CAAC;QACR,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,aAAa,EAAE,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,oCAAoC;IACpC,IAAI,YAAY,EAAE,CAAC;QACjB,OAAO,CACL,eAAK,SAAS,EAAC,2DAA2D,aACxE,KAAC,cAAc,KAAG,EAClB,eAAK,SAAS,EAAC,iCAAiC,aAC9C,aAAI,SAAS,EAAC,2DAA2D,kCAEpE,EACL,YAAG,SAAS,EAAC,mDAAmD,qEAE5D,IACA,IACF,CACP,CAAC;IACJ,CAAC;IAED,kEAAkE;IAClE,OAAO,CACL,cAAK,SAAS,EAAC,8BAA8B,YAC3C,eAAK,SAAS,EAAC,WAAW,aACxB,iBACE,OAAO,EAAE,aAAa,EACtB,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,QAAQ,CAAC,EAAtB,CAAsB,EAC1C,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EACtC,SAAS,EAAE,kLAEqB,cAAc,qJAE7C,EACD,KAAK,EAAE;wBACL,SAAS,EAAE,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU;qBAC/D,YAED,cAAK,SAAS,EAAC,+BAA+B,YAC5C,cAAK,SAAS,EAAC,mBAAmB,YAEhC,eACE,SAAS,EAAE,oGAC+D,cAAc,4IAEzF,qCAGM,GACH,GACF,GACC,EAET,iBACE,QAAQ,QACR,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,QAAQ,CAAC,EAAtB,CAAsB,EAC1C,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EACtC,SAAS,EAAE,kLAEqB,cAAc,6GAE7C,YAED,cAAK,SAAS,EAAC,+BAA+B,YAC5C,cAAK,SAAS,EAAC,mBAAmB,YAChC,eAAM,SAAS,EAAC,+EAA+E,4CAExF,GACH,GACF,GACC,EAET,iBACE,QAAQ,QACR,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,OAAO,CAAC,EAArB,CAAqB,EACzC,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EACtC,SAAS,EAAE,kLAEqB,cAAc,6GAE7C,YAED,cAAK,SAAS,EAAC,+BAA+B,YAC5C,cAAK,SAAS,EAAC,mBAAmB,YAChC,eAAM,SAAS,EAAC,+EAA+E,2CAExF,GACH,GACF,GACC,IACL,GACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { useEffect, useState } from 'react';\n// import { IoMdWallet } from 'react-icons/io';\nimport { LoadingSquares } from '../components/LoadingSquares';\nimport { ANIMATION_EASE } from '../constants';\nimport { useWalletConnectContext } from '../context/WalletConnectContext';\n\nexport function ConnectWalletScreen() {\n  const { isConnecting, connectWallet } = useWalletConnectContext();\n  const [isHovered, setIsHovered] = useState<\n    'wallet' | 'google' | 'email' | null\n  >(null);\n\n\n  useEffect(() => {\n    if (!isConnecting) {\n      connectWallet();\n    }\n  }, [isConnecting]);\n\n  // If connecting, show loading state\n  if (isConnecting) {\n    return (\n      <div className=\"flex flex-col items-center justify-center py-12 space-y-6\">\n        <LoadingSquares />\n        <div className=\"space-y-2 text-center w-[300px]\">\n          <h3 className=\"text-xl text-n1-ww-gray-800 dark:text-white font-semibold\">\n            Connecting Wallet\n          </h3>\n          <p className=\"text-sm text-n1-ww-gray-600 dark:text-neutral-400\">\n            Please approve the connection request in your wallet\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  // If not connecting, show connect options (exactly like NTS flow)\n  return (\n    <div className=\"p-6 overflow-hidden relative\">\n      <div className=\"space-y-4\">\n        <button\n          onClick={connectWallet}\n          onMouseEnter={() => setIsHovered('wallet')}\n          onMouseLeave={() => setIsHovered(null)}\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: isHovered === 'wallet' ? 'scale(0.99)' : 'scale(1)',\n          }}\n        >\n          <div className=\"relative z-[200] pl-4 isolate\">\n            <div className=\"flex items-center\">\n              {/* <IoMdWallet className=\"w-5 h-5 text-n1-ww-gray-500 dark:text-neutral-400 group-hover:text-n1-ww-gray-900 dark:group-hover:text-white transition-colors duration-300\" /> */}\n              <span\n                className={`\n                ml-2 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                Continue with Wallet\n              </span>\n            </div>\n          </div>\n        </button>\n\n        <button\n          disabled\n          onMouseEnter={() => setIsHovered('google')}\n          onMouseLeave={() => setIsHovered(null)}\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-not-allowed border-n1-ww-gray-200 dark:border-n1-ww-gray-800 opacity-50\n          `}\n        >\n          <div className=\"relative z-[200] pl-4 isolate\">\n            <div className=\"flex items-center\">\n              <span className=\"text-base font-medium tracking-wide text-n1-ww-gray-500 dark:text-neutral-400\">\n                Continue with Google (soon)\n              </span>\n            </div>\n          </div>\n        </button>\n\n        <button\n          disabled\n          onMouseEnter={() => setIsHovered('email')}\n          onMouseLeave={() => setIsHovered(null)}\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-not-allowed border-n1-ww-gray-200 dark:border-n1-ww-gray-800 opacity-50\n          `}\n        >\n          <div className=\"relative z-[200] pl-4 isolate\">\n            <div className=\"flex items-center\">\n              <span className=\"text-base font-medium tracking-wide text-n1-ww-gray-500 dark:text-neutral-400\">\n                Continue with Email (soon)\n              </span>\n            </div>\n          </div>\n        </button>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/Modal/NordFlow/screens/02-EvmWalletAuthScreen.d.ts

@@ -1,2 +1,2 @@
-export declare function EvmWalletAuthScreen(): import("react/jsx-runtime").JSX.Element;
+export declare function EvmWalletAuthScreen(): JSX.Element;
 export { EvmWalletAuthScreen as EthToSolAuthScreen };

package/dist/Modal/NordFlow/screens/03-ChainSelectionScreen.d.ts

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

package/dist/Modal/NordFlow/screens/04-AmountInputScreen.d.ts

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

package/dist/Modal/NordFlow/screens/04-AmountInputScreen.js

@@ -67,7 +67,7 @@ export function AmountInputScreen() {
     var faucetUrl = contextFaucetUrl;
     // Get token information from Nord if available
     var _h = useState('USDC'), tokenSymbol = _h[0], setTokenSymbol = _h[1];
-    var _j = useState('/images/tokens/usdc.svg'), tokenLogo = _j[0], setTokenLogo = _j[1];
+    var _j = useState('https://res.cloudinary.com/dl3ia3pko/image/upload/v1745874373/usdc_ma4igc.svg'), tokenLogo = _j[0], setTokenLogo = _j[1];
     var _k = useState(6), tokenDecimals = _k[0], setTokenDecimals = _k[1];
     // Try to get token information from Nord
     useEffect(function () {
@@ -78,7 +78,8 @@ export function AmountInputScreen() {
                 if (usdcToken) {
                     setTokenSymbol(usdcToken.symbol);
                     // Use a default logo if not available
-                    setTokenLogo("/images/tokens/".concat(usdcToken.symbol.toLowerCase(), ".svg"));
+                    // setTokenLogo(`/images/tokens/${usdcToken.symbol.toLowerCase()}.svg`);
+                    setTokenLogo('https://res.cloudinary.com/dl3ia3pko/image/upload/v1745874373/usdc_ma4igc.svg');
                     setTokenDecimals(usdcToken.decimals);
                 }
             }
@@ -186,7 +187,7 @@ export function AmountInputScreen() {
     }, [balance, hardcodedMinDeposit]);
     // Format the balance with the appropriate number of decimal places
     var formattedBalance = formatAmount(balance, tokenDecimals);
-    return (_jsxs("div", { className: "overflow-hidden relative", children: [showFaucetOverlay && (_jsx("div", { className: "absolute inset-0 z-10 bg-white/70 dark:bg-neutral-900/80 backdrop-blur-md flex flex-col items-center justify-center p-6", children: isFaucetLoading ? (_jsxs(_Fragment, { children: [_jsx(LoadingSquares, {}), _jsxs("div", { className: "space-y-2 text-center mt-4", children: [_jsx("h3", { className: "text-xl text-n1-ww-gray-800 dark:text-white font-semibold", children: "Obtaining Testnet Tokens" }), _jsx("p", { className: "text-sm text-n1-ww-gray-500 dark:text-neutral-400", children: "Please wait while we request testnet tokens for your wallet..." })] })] })) : showFaucetSuccess ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "text-green-500 text-5xl mb-4 n1-ww-animate-fade-up", children: "\u2713" }), _jsxs("div", { className: "space-y-2 text-center", children: [_jsx("h3", { className: "text-xl text-n1-ww-gray-800 dark:text-white font-semibold", children: "Tokens Obtained Successfully" }), _jsx("p", { className: "text-sm text-green-500 dark:text-green-400", children: "Your wallet has been funded with testnet tokens." }), _jsx("p", { className: "text-sm text-n1-ww-gray-500 dark:text-neutral-400 mt-2", children: "Please wait while your balance updates..." })] })] })) : faucetError ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "text-red-500 text-5xl mb-4 n1-ww-animate-fade-up", children: "\u26A0\uFE0F" }), _jsxs("div", { className: "space-y-2 text-center", children: [_jsx("h3", { className: "text-xl text-n1-ww-gray-800 dark:text-white font-semibold", children: "Failed to Get Tokens" }), _jsx("p", { className: "text-sm text-red-500 dark:text-red-400", children: faucetError }), _jsx("button", { onClick: requestTestnetTokens, className: "mt-4 px-4 py-2 bg-n1-ww-main text-white rounded-sm hover:bg-n1-ww-main/90 transition-colors", children: "Try Again" })] })] })) : null })), _jsx("h2", { className: "text-xl text-n1-ww-gray-800 dark:text-white font-semibold mb-6 text-center", children: "Enter Amount" }), _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "relative border-2 border-n1-ww-gray-200 dark:border-n1-ww-gray-800 bg-n1-ww-gray-100 dark:bg-n1-ww-gray-900 rounded-sm p-0 overflow-hidden n1-ww-animate-fade-up", style: { animationDelay: '0.1s' }, children: [_jsxs("div", { className: "flex items-center justify-between p-4 border-b border-n1-ww-gray-200 dark:border-n1-ww-gray-800 bg-white/30 dark:bg-black/10", children: [_jsxs("div", { className: "flex items-center space-x-3", children: [_jsx("div", { className: "w-8 h-8 rounded-full overflow-hidden bg-white dark:bg-n1-ww-gray-800 flex items-center justify-center shadow-sm", children: _jsx(ImageWithFallback, { src: tokenLogo, alt: tokenSymbol, width: 24, height: 24, fallbackText: tokenSymbol.charAt(0), fallbackClassName: "w-6 h-6 rounded-full flex items-center justify-center", fallbackBgColor: "bg-blue-100 dark:bg-blue-900", fallbackTextColor: "text-blue-500 dark:text-blue-300" }) }), _jsx("span", { className: "text-n1-ww-gray-800 dark:text-white font-medium", children: tokenSymbol })] }), _jsx("div", { className: "text-xs rounded-sm bg-n1-ww-gray-200 dark:bg-n1-ww-gray-800 px-2 py-1 text-n1-ww-gray-600 dark:text-n1-ww-gray-300", children: "Fixed Amount" })] }), _jsxs("div", { className: "relative p-6 flex flex-col items-center", children: [_jsxs("div", { className: "relative flex items-baseline justify-center w-full", children: [_jsx("span", { className: "text-4xl font-bold text-n1-ww-gray-800 dark:text-white mr-1 n1-ww-animate-fade-up", style: { animationDelay: '0.2s' }, children: amount }), _jsx("span", { className: "text-xl text-n1-ww-gray-500 dark:text-neutral-400 ml-1 n1-ww-animate-fade-up", style: { animationDelay: '0.3s' }, children: tokenSymbol })] }), _jsx("div", { className: "w-16 h-1 bg-n1-ww-gray-200 dark:bg-n1-ww-gray-800 rounded-full mt-4 mb-2" }), _jsx("div", { className: "flex justify-center items-center text-sm mt-2 w-full n1-ww-animate-fade-up", style: { animationDelay: '0.4s' }, children: _jsxs("span", { className: "text-n1-ww-gray-500 dark:text-neutral-400", children: ["Balance: ", formattedBalance, " ", tokenSymbol] }) })] })] }), context.depositError && (_jsx("div", { className: "bg-red-100 dark:bg-red-900/30 text-red-600 dark:text-red-400 p-3 rounded-sm text-sm border border-red-200 dark:border-red-800 n1-ww-animate-fade-up", style: { animationDelay: '0.5s' }, children: context.depositError })), _jsx("button", { onClick: startDeposit, disabled: !isValidAmount, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, className: "\n            group relative w-full overflow-hidden rounded-sm border-2 bg-n1-ww-gray-100 dark:bg-neutral-950 py-4 text-center\n            transition-all duration-300 ".concat(ANIMATION_EASE, " n1-ww-animate-fade-up\n            ").concat(isValidAmount
+    return (_jsxs("div", { className: "overflow-hidden relative", children: [showFaucetOverlay && (_jsx("div", { className: "absolute inset-0 z-10 bg-white/70 dark:bg-neutral-900/80 backdrop-blur-md flex flex-col items-center justify-center p-6", children: isFaucetLoading ? (_jsxs(_Fragment, { children: [_jsx(LoadingSquares, {}), _jsxs("div", { className: "space-y-2 text-center mt-4", children: [_jsx("h3", { className: "text-xl text-n1-ww-gray-800 dark:text-white font-semibold", children: "Obtaining Testnet Tokens" }), _jsx("p", { className: "text-sm text-n1-ww-gray-500 dark:text-neutral-400", children: "Please wait while we request testnet tokens for your wallet..." })] })] })) : showFaucetSuccess ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "text-green-500 text-5xl mb-4 n1-ww-animate-fade-up", children: "\u2713" }), _jsxs("div", { className: "space-y-2 text-center", children: [_jsx("h3", { className: "text-xl text-n1-ww-gray-800 dark:text-white font-semibold", children: "Tokens Obtained Successfully" }), _jsx("p", { className: "text-sm text-green-500 dark:text-green-400", children: "Your wallet has been funded with testnet tokens." }), _jsx("p", { className: "text-sm text-n1-ww-gray-500 dark:text-neutral-400 mt-2", children: "Please wait while your balance updates..." })] })] })) : faucetError ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "text-red-500 text-5xl mb-4 n1-ww-animate-fade-up", children: "\u26A0\uFE0F" }), _jsxs("div", { className: "space-y-2 text-center", children: [_jsx("h3", { className: "text-xl text-n1-ww-gray-800 dark:text-white font-semibold", children: "Failed to Get Tokens" }), _jsx("p", { className: "text-sm text-red-500 dark:text-red-400", children: faucetError }), _jsx("button", { onClick: requestTestnetTokens, className: "mt-4 px-4 py-2 bg-n1-ww-main text-white rounded-sm hover:bg-n1-ww-main/90 transition-colors", children: "Try Again" })] })] })) : null })), _jsx("h2", { className: "text-xl text-n1-ww-gray-800 dark:text-white font-semibold mb-6 text-center", children: "Enter Amount" }), _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "relative border-2 border-n1-ww-gray-200 dark:border-n1-ww-gray-800 bg-n1-ww-gray-100 dark:bg-n1-ww-gray-900 rounded-sm p-0 overflow-hidden n1-ww-animate-fade-up", style: { animationDelay: '0.1s' }, children: [_jsxs("div", { className: "flex items-center justify-between p-4 border-b border-n1-ww-gray-200 dark:border-n1-ww-gray-800 bg-white/30 dark:bg-black/10", children: [_jsxs("div", { className: "flex items-center space-x-3", children: [_jsx("div", { className: "w-8 h-8 rounded-full overflow-hidden bg-white dark:bg-n1-ww-gray-800 flex items-center justify-center shadow-sm", children: _jsx(ImageWithFallback, { src: tokenLogo, alt: tokenSymbol, width: 24, height: 24, fallbackText: tokenSymbol.charAt(0), fallbackClassName: "w-6 h-6 rounded-full flex items-center justify-center", fallbackBgColor: "bg-blue-100 dark:bg-blue-900", fallbackTextColor: "text-blue-500 dark:text-blue-300" }) }), _jsx("span", { className: "text-n1-ww-gray-800 dark:text-white font-medium", children: tokenSymbol })] }), _jsx("div", { className: "text-xs rounded-sm bg-n1-ww-gray-200 dark:bg-n1-ww-gray-800 px-2 py-1 text-n1-ww-gray-600 dark:text-n1-ww-gray-300", children: "Fixed Amount" })] }), _jsx("div", { className: "mb-4 w-full flex items-center justify-center", children: _jsxs("div", { className: "bg-yellow-50 dark:bg-yellow-900/40 border border-yellow-200 dark:border-yellow-700 text-yellow-800 dark:text-yellow-200 rounded px-3 py-2 text-sm text-center max-w-xl mx-auto shadow-sm", children: [_jsx("span", { className: "font-semibold", children: "Testnet Only:" }), " Please make sure your wallet is set to ", _jsx("span", { className: "font-semibold", children: "testnet mode" }), " before proceeding. ", _jsx("a", { href: "https://docs.phantom.com/developer-powertools/testnet-mode", target: "_blank", rel: "noopener noreferrer", className: "underline text-yellow-700 dark:text-yellow-200 hover:text-yellow-900 dark:hover:text-yellow-100 transition-colors", children: "Learn how to switch to testnet" }), "."] }) }), _jsxs("div", { className: "relative p-6 flex flex-col items-center", children: [_jsxs("div", { className: "relative flex items-baseline justify-center w-full", children: [_jsx("span", { className: "text-4xl font-bold text-n1-ww-gray-800 dark:text-white mr-1 n1-ww-animate-fade-up", style: { animationDelay: '0.2s' }, children: amount }), _jsx("span", { className: "text-xl text-n1-ww-gray-500 dark:text-neutral-400 ml-1 n1-ww-animate-fade-up", style: { animationDelay: '0.3s' }, children: tokenSymbol })] }), _jsx("div", { className: "w-16 h-1 bg-n1-ww-gray-200 dark:bg-n1-ww-gray-800 rounded-full mt-4 mb-2" }), _jsx("div", { className: "flex justify-center items-center text-sm mt-2 w-full n1-ww-animate-fade-up", style: { animationDelay: '0.4s' }, children: _jsxs("span", { className: "text-n1-ww-gray-500 dark:text-neutral-400", children: ["Balance: ", formattedBalance, " ", tokenSymbol] }) })] })] }), context.depositError && (_jsx("div", { className: "bg-red-100 dark:bg-red-900/30 text-red-600 dark:text-red-400 p-3 rounded-sm text-sm border border-red-200 dark:border-red-800 n1-ww-animate-fade-up", style: { animationDelay: '0.5s' }, children: context.depositError })), _jsx("button", { onClick: startDeposit, disabled: !isValidAmount, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, className: "\n            group relative w-full overflow-hidden rounded-sm border-2 bg-n1-ww-gray-100 dark:bg-neutral-950 py-4 text-center\n            transition-all duration-300 ".concat(ANIMATION_EASE, " n1-ww-animate-fade-up\n            ").concat(isValidAmount
                             ? 'cursor-pointer border-n1-ww-gray-200 dark:border-n1-ww-gray-800 hover:border-n1-ww-gray-400 dark:hover:border-white/60'
                             : 'cursor-not-allowed border-n1-gray-200 dark:border-n1-gray-800 opacity-50', "\n          "), style: {
                             transform: isHovered && isValidAmount ? 'scale(0.99)' : 'scale(1)',