@n1xyz/wallet-widget 0.0.12 → 0.0.15

package/dist/Modal/NordFlow/components/TransactionTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransactionTable.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/components/TransactionTable.tsx"],"names":[],"mappings":"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","sourcesContent":["import { TableValues } from '../types';\nimport { shortenAddress } from '../utils/nordUtils';\nimport { getExplorerUrl } from '../../../Logic/transactionManager';\n\ninterface TransactionTableProps {\n  tableValues: TableValues & {\n    amount?: { text: string; visible: boolean; typing: boolean };\n  };\n  onClose?: () => void;\n}\n\nexport function TransactionTable({\n  tableValues,\n  onClose,\n}: TransactionTableProps) {\n  // Friendly labels for the keys\n  const getLabel = (key: string) => {\n    const labels: Record<string, string> = {\n      amount: 'Amount',\n      tx: 'Transaction ID',\n      from: 'From',\n      to: 'To',\n      network: 'Network',\n      status: 'Status',\n    };\n\n    return labels[key] || key;\n  };\n\n  // Get appropriate color for values based on key\n  const getValueStyles = (key: string, value: string) => {\n    if (key === 'status') {\n      if (\n        value.toLowerCase().includes('success') ||\n        value.toLowerCase().includes('confirmed')\n      ) {\n        return 'text-green-500 dark:text-emerald-500 font-medium';\n      }\n      if (value.toLowerCase().includes('pending')) {\n        return 'text-amber-500 dark:text-amber-400 font-medium';\n      }\n      if (\n        value.toLowerCase().includes('fail') ||\n        value.toLowerCase().includes('error')\n      ) {\n        return 'text-red-500 dark:text-red-400 font-medium';\n      }\n    }\n\n    if (key === 'tx') {\n      return 'text-n1-main-600 dark:text-n1-main-400 text-xs font-medium hover:text-n1-main-700 dark:hover:text-n1-main-300 transition-colors duration-200';\n    }\n\n    if (key === 'network') {\n      return 'text-purple-600 dark:text-purple-400 font-medium';\n    }\n\n    if (key === 'from' || key === 'to') {\n      return 'text-n1-gray-800 dark:text-n1-gray-200 text-xs font-medium hover:text-n1-main-600 dark:hover:text-n1-main-400 transition-colors duration-200';\n    }\n\n    if (key === 'amount') {\n      return 'text-green-600 dark:text-emerald-500 font-semibold';\n    }\n\n    return 'text-n1-gray-900 dark:text-n1-gray-50 font-medium';\n  };\n\n  // Format display value with ellipsis for long text\n  const getDisplayValue = (key: string, value: string) => {\n    if (key === 'tx') {\n      return shortenAddress(value, 5, 4);\n    }\n\n    if (key === 'from' || key === 'to') {\n      return shortenAddress(value, 5, 4);\n    }\n\n    return value;\n  };\n\n  // Get explorer URL for transaction ID or address\n  const getExplorerLink = (key: string, value: string) => {\n\n    if (key === 'tx') {\n      return getExplorerUrl(value);\n    }\n\n    if (key === 'from') {\n      return `https://explorer.solana.com/address/${value}?cluster=devnet`;\n    }\n\n    return '';\n  };\n\n  // Order of fields to display\n  const fieldOrder = ['amount', 'status', 'network', 'from', 'to', 'tx'];\n\n  // Sort entries based on fieldOrder\n  const sortedEntries = Object.entries(tableValues).sort(([keyA], [keyB]) => {\n    const indexA = fieldOrder.indexOf(keyA);\n    const indexB = fieldOrder.indexOf(keyB);\n    return (indexA === -1 ? 999 : indexA) - (indexB === -1 ? 999 : indexB);\n  });\n\n  return (\n    <div className=\"relative w-full h-full bg-n1-gray-100 dark:bg-n1-gray-950 border border-n1-gray-200 dark:border-n1-gray-800 p-5 rounded-sm flex flex-col justify-center\">\n      {onClose && (\n        <button\n          onClick={onClose}\n          className=\"absolute top-3 right-2 text-n1-gray-500 dark:text-n1-gray-600 hover:text-n1-gray-500 dark:hover:text-n1-gray-300 transition-colors duration-200 focus:outline-none\"\n          aria-label=\"Close details\"\n        >\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            className=\"h-5 w-5\"\n            fill=\"none\"\n            viewBox=\"0 0 24 24\"\n            stroke=\"currentColor\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={2}\n              d=\"M6 18L18 6M6 6l12 12\"\n            />\n          </svg>\n        </button>\n      )}\n      <div className=\"space-y-3 text-sm pt-5\">\n        {sortedEntries.map(([key, value]) => (\n          <div key={key} className=\"flex items-center justify-between py-2 \">\n            <span className=\"text-n1-gray-500 dark:text-n1-gray-400 font-medium min-w-[120px]\">\n              {getLabel(key)}\n            </span>\n            <div\n              className={`relative transition-all duration-300 ${value.visible ? 'opacity-100' : 'opacity-0'} max-w-[65%] text-right flex-1`}\n            >\n              {(key === 'tx' || key === 'from') &&\n              getExplorerLink(key, value.text) ? (\n                <a\n                  href={getExplorerLink(key, value.text)}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  className={`${getValueStyles(key, value.text)} break-all inline-block group`}\n                  title={value.text}\n                >\n                  <span className=\"underline hover:font-bold\">\n                    {getDisplayValue(key, value.text)}\n                  </span>\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    className=\"h-3 w-3 ml-1 inline-block opacity-50 group-hover:opacity-100 transition-opacity duration-200\"\n                    fill=\"none\"\n                    viewBox=\"0 0 24 24\"\n                    stroke=\"currentColor\"\n                  >\n                    <path\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                      strokeWidth={2}\n                      d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"\n                    />\n                  </svg>\n                </a>\n              ) : (\n                <span\n                  className={`${getValueStyles(key, value.text)} break-all inline-block`}\n                  title={value.text}\n                >\n                  {value.text}\n                </span>\n              )}\n              {value.typing && (\n                <span className=\"inline-block ml-1 w-[2px] h-[14px] bg-n1-main-500 dark:bg-n1-main-400 n1-animate-pulse\"></span>\n              )}\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"TransactionTable.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/components/TransactionTable.tsx"],"names":[],"mappings":"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","sourcesContent":["import { TableValues } from '../types';\nimport { shortenAddress } from '../utils/nordUtils';\nimport { getExplorerUrl } from '../../../Logic/transactionManager';\n\ninterface TransactionTableProps {\n  tableValues: TableValues & {\n    amount?: { text: string; visible: boolean; typing: boolean };\n  };\n  onClose?: () => void;\n}\n\nexport function TransactionTable({\n  tableValues,\n  onClose,\n}: TransactionTableProps) {\n  // Friendly labels for the keys\n  const getLabel = (key: string) => {\n    const labels: Record<string, string> = {\n      amount: 'Amount',\n      tx: 'Transaction ID',\n      from: 'From',\n      to: 'To',\n      network: 'Network',\n      status: 'Status',\n    };\n\n    return labels[key] || key;\n  };\n\n  // Get appropriate color for values based on key\n  const getValueStyles = (key: string, value: string) => {\n    if (key === 'status') {\n      if (\n        value.toLowerCase().includes('success') ||\n        value.toLowerCase().includes('confirmed')\n      ) {\n        return 'text-green-500 dark:text-emerald-500 font-medium';\n      }\n      if (value.toLowerCase().includes('pending')) {\n        return 'text-amber-500 dark:text-amber-400 font-medium';\n      }\n      if (\n        value.toLowerCase().includes('fail') ||\n        value.toLowerCase().includes('error')\n      ) {\n        return 'text-red-500 dark:text-red-400 font-medium';\n      }\n    }\n\n    if (key === 'tx') {\n      return 'text-n1-ww-gray-800 dark:text-n1-ww-gray-200 text-xs font-medium hover:text-n1-ww-main-600 dark:hover:text-n1-ww-main-400 transition-colors duration-200';\n    }\n\n    if (key === 'network') {\n      return 'text-purple-600 dark:text-purple-400 font-medium';\n    }\n\n    if (key === 'from' || key === 'to') {\n      return 'text-n1-ww-gray-800 dark:text-n1-ww-gray-200 text-xs font-medium hover:text-n1-ww-main-600 dark:hover:text-n1-ww-main-400 transition-colors duration-200';\n    }\n\n    if (key === 'amount') {\n      return 'text-green-600 dark:text-emerald-500 font-semibold';\n    }\n\n    return 'text-n1-ww-gray-900 dark:text-n1-ww-gray-50 font-medium';\n  };\n\n  // Format display value with ellipsis for long text\n  const getDisplayValue = (key: string, value: string) => {\n    if (key === 'tx') {\n      return shortenAddress(value, 5, 4);\n    }\n\n    if (key === 'from' || key === 'to') {\n      return shortenAddress(value, 5, 4);\n    }\n\n    return value;\n  };\n\n  // Get explorer URL for transaction ID or address\n  const getExplorerLink = (key: string, value: string) => {\n\n    if (key === 'tx') {\n      return getExplorerUrl(value);\n    }\n\n    if (key === 'from') {\n      return `https://explorer.solana.com/address/${value}?cluster=devnet`;\n    }\n\n    return '';\n  };\n\n  // Order of fields to display\n  const fieldOrder = ['amount', 'status', 'network', 'from', 'to', 'tx'];\n\n  // Sort entries based on fieldOrder\n  const sortedEntries = Object.entries(tableValues).sort(([keyA], [keyB]) => {\n    const indexA = fieldOrder.indexOf(keyA);\n    const indexB = fieldOrder.indexOf(keyB);\n    return (indexA === -1 ? 999 : indexA) - (indexB === -1 ? 999 : indexB);\n  });\n\n  return (\n    <div className=\"relative w-full h-full bg-n1-ww-gray-100 dark:bg-n1-ww-gray-950 border border-n1-ww-gray-200 dark:border-n1-ww-gray-800 p-5 rounded-sm flex flex-col justify-center\">\n      {onClose && (\n        <button\n          onClick={onClose}\n          className=\"absolute top-3 right-2 text-n1-ww-gray-500 dark:text-n1-ww-gray-600 hover:text-n1-ww-gray-500 dark:hover:text-n1-ww-gray-300 transition-colors duration-200 focus:outline-none\"\n          aria-label=\"Close details\"\n        >\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            className=\"h-5 w-5\"\n            fill=\"none\"\n            viewBox=\"0 0 24 24\"\n            stroke=\"currentColor\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={2}\n              d=\"M6 18L18 6M6 6l12 12\"\n            />\n          </svg>\n        </button>\n      )}\n      <div className=\"space-y-3 text-sm pt-5\">\n        {sortedEntries.map(([key, value]) => (\n          <div key={key} className=\"flex items-center justify-between py-2 \">\n            <span className=\"text-n1-ww-gray-500 dark:text-n1-ww-gray-400 font-medium min-w-[120px]\">\n              {getLabel(key)}\n            </span>\n            <div\n              className={`relative transition-all duration-300 ${value.visible ? 'opacity-100' : 'opacity-0'} max-w-[65%] text-right flex-1`}\n            >\n              {(key === 'tx' || key === 'from') &&\n              getExplorerLink(key, value.text) ? (\n                <a\n                  href={getExplorerLink(key, value.text)}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  className={`${getValueStyles(key, value.text)} break-all inline-block group`}\n                  title={value.text}\n                >\n                  <span className=\"underline hover:font-bold\">\n                    {getDisplayValue(key, value.text)}\n                  </span>\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    className=\"h-3 w-3 ml-1 inline-block opacity-50 group-hover:opacity-100 transition-opacity duration-200\"\n                    fill=\"none\"\n                    viewBox=\"0 0 24 24\"\n                    stroke=\"currentColor\"\n                  >\n                    <path\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                      strokeWidth={2}\n                      d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"\n                    />\n                  </svg>\n                </a>\n              ) : (\n                <span\n                  className={`${getValueStyles(key, value.text)} break-all inline-block`}\n                  title={value.text}\n                >\n                  {value.text}\n                </span>\n              )}\n              {value.typing && (\n                <span className=\"inline-block ml-1 w-[2px] h-[14px] bg-n1-ww-main-500 dark:bg-n1-ww-main-400 n1-ww-animate-pulse\"></span>\n              )}\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/Modal/NordFlow/components/WaitingMessage.js

@@ -2,6 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { LoadingSquares } from './LoadingSquares';
 export function WaitingMessage(_a) {
     var message = _a.message;
-    return (_jsxs("div", { className: "flex flex-col items-center justify-center py-12 space-y-6", children: [_jsx(LoadingSquares, {}), _jsxs("div", { className: "space-y-2 text-center w-[300px]", children: [_jsxs("h3", { className: "text-xl text-n1-gray-800 dark:text-white transition-all duration-300 h-[32px] flex items-center justify-center relative font-semibold", children: [_jsx("span", { className: "opacity-0 absolute select-none", "aria-hidden": "true", children: "Waiting for transaction" }), _jsx("div", { className: "absolute min-w-[280px]", children: message.visible && message.title })] }), _jsxs("div", { className: "text-sm text-n1-gray-600 dark:text-neutral-400 h-[20px] flex items-center justify-center relative", children: [_jsx("span", { className: "opacity-0 absolute select-none", "aria-hidden": "true", children: "Please sign the transaction in your wallet" }), _jsx("div", { className: "absolute min-w-[280px]", children: message.visible && message.subtitle })] })] })] }));
+    return (_jsxs("div", { className: "flex flex-col items-center justify-center py-12 space-y-6", children: [_jsx(LoadingSquares, {}), _jsxs("div", { className: "space-y-2 text-center w-[300px]", children: [_jsxs("h3", { className: "text-xl text-n1-ww-gray-800 dark:text-white transition-all duration-300 h-[32px] flex items-center justify-center relative font-semibold", children: [_jsx("span", { className: "opacity-0 absolute select-none", "aria-hidden": "true", children: "Waiting for transaction" }), _jsx("div", { className: "absolute min-w-[280px]", children: message.visible && message.title })] }), _jsxs("div", { className: "text-sm text-n1-ww-gray-600 dark:text-neutral-400 h-[20px] flex items-center justify-center relative", children: [_jsx("span", { className: "opacity-0 absolute select-none", "aria-hidden": "true", children: "Please sign the transaction in your wallet" }), _jsx("div", { className: "absolute min-w-[280px]", children: message.visible && message.subtitle })] })] })] }));
 }
 //# sourceMappingURL=WaitingMessage.js.map

package/dist/Modal/NordFlow/components/WaitingMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"WaitingMessage.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/components/WaitingMessage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAMlD,MAAM,UAAU,cAAc,CAAC,EAAgC;QAA9B,OAAO,aAAA;IACtC,OAAO,CACL,eAAK,SAAS,EAAC,2DAA2D,aACxE,KAAC,cAAc,KAAG,EAClB,eAAK,SAAS,EAAC,iCAAiC,aAC9C,cAAI,SAAS,EAAC,uIAAuI,aACnJ,eAAM,SAAS,EAAC,gCAAgC,iBAAa,MAAM,wCAE5D,EACP,cAAK,SAAS,EAAC,wBAAwB,YACpC,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,KAAK,GAC7B,IACH,EACL,eAAK,SAAS,EAAC,mGAAmG,aAChH,eAAM,SAAS,EAAC,gCAAgC,iBAAa,MAAM,2DAE5D,EACP,cAAK,SAAS,EAAC,wBAAwB,YACpC,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,QAAQ,GAChC,IACF,IACF,IACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { WaitingMessageState } from '../types';\nimport { LoadingSquares } from './LoadingSquares';\n\ninterface WaitingMessageProps {\n  message: WaitingMessageState;\n}\n\nexport function WaitingMessage({ message }: WaitingMessageProps) {\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-gray-800 dark:text-white transition-all duration-300 h-[32px] flex items-center justify-center relative font-semibold\">\n          <span className=\"opacity-0 absolute select-none\" aria-hidden=\"true\">\n            Waiting for transaction\n          </span>\n          <div className=\"absolute min-w-[280px]\">\n            {message.visible && message.title}\n          </div>\n        </h3>\n        <div className=\"text-sm text-n1-gray-600 dark:text-neutral-400 h-[20px] flex items-center justify-center relative\">\n          <span className=\"opacity-0 absolute select-none\" aria-hidden=\"true\">\n            Please sign the transaction in your wallet\n          </span>\n          <div className=\"absolute min-w-[280px]\">\n            {message.visible && message.subtitle}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"WaitingMessage.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/components/WaitingMessage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAMlD,MAAM,UAAU,cAAc,CAAC,EAAgC;QAA9B,OAAO,aAAA;IACtC,OAAO,CACL,eAAK,SAAS,EAAC,2DAA2D,aACxE,KAAC,cAAc,KAAG,EAClB,eAAK,SAAS,EAAC,iCAAiC,aAC9C,cAAI,SAAS,EAAC,0IAA0I,aACtJ,eAAM,SAAS,EAAC,gCAAgC,iBAAa,MAAM,wCAE5D,EACP,cAAK,SAAS,EAAC,wBAAwB,YACpC,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,KAAK,GAC7B,IACH,EACL,eAAK,SAAS,EAAC,sGAAsG,aACnH,eAAM,SAAS,EAAC,gCAAgC,iBAAa,MAAM,2DAE5D,EACP,cAAK,SAAS,EAAC,wBAAwB,YACpC,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,QAAQ,GAChC,IACF,IACF,IACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { WaitingMessageState } from '../types';\nimport { LoadingSquares } from './LoadingSquares';\n\ninterface WaitingMessageProps {\n  message: WaitingMessageState;\n}\n\nexport function WaitingMessage({ message }: WaitingMessageProps) {\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 transition-all duration-300 h-[32px] flex items-center justify-center relative font-semibold\"> \n          <span className=\"opacity-0 absolute select-none\" aria-hidden=\"true\">\n            Waiting for transaction\n          </span>\n          <div className=\"absolute min-w-[280px]\">\n            {message.visible && message.title}\n          </div>\n        </h3>\n        <div className=\"text-sm text-n1-ww-gray-600 dark:text-neutral-400 h-[20px] flex items-center justify-center relative\">\n          <span className=\"opacity-0 absolute select-none\" aria-hidden=\"true\">\n            Please sign the transaction in your wallet\n          </span>\n          <div className=\"absolute min-w-[280px]\">\n            {message.visible && message.subtitle}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/Modal/NordFlow/context/DepositContext.js

@@ -116,8 +116,6 @@ export var DepositProvider = function (_a) {
                     }
                     // Step 4: Update status to success
                     setAuthStatus('success');
-                    // Step 5: Update context and transition to success
-                    console.log('hasActiveSession', "asdasdsadsa");
                     // updateContext({ hasActiveSession: true });
                     setTimeout(function () {
                         transition(FlowState.FINAL_SUCCESS, { hasActiveSession: true, hasNordAccount: true });
@@ -250,14 +248,13 @@ export var DepositProvider = function (_a) {
             // Check if there's a sessionId stored in localStorage
             var sessionIdKey = "n1_sessionId_".concat(address);
             var storedSessionId = localStorage.getItem(sessionIdKey);
-            console.log('storedSessionId', storedSessionId, sessionIdKey);
             if (storedSessionId !== null) {
                 // If we have a sessionId in localStorage (even if it's 0), go directly to FINAL_SUCCESS
                 transition(FlowState.FINAL_SUCCESS, { hasNordAccount: true, hasActiveSession: true });
             }
             else {
                 // If user doesn't have an active session and no sessionId in localStorage, go to NORD_AUTH
-                transition(FlowState.AUTH_LOADING, { hasActiveSession: true });
+                transition(FlowState.AUTH_LOADING, { hasNordAccount: true });
             }
         }
     }, [context.hasActiveSession, transition, address]);

package/dist/Modal/NordFlow/context/DepositContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"DepositContext.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/context/DepositContext.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport {\n  getExplorerUrl,\n  TransactionResult,\n} from '../../../Logic/transactionManager';\nimport {\n  useN1WalletContext,\n  useN1WalletInternalContext,\n} from '../../../Provider/hooks';\nimport { N1SessionMode } from '../../../Provider/types';\nimport { logger } from '../../../utils/logger';\nimport { AVAILABLE_CHAINS } from '../constants';\nimport { FlowState } from '../types';\nimport { isNordConfigured } from '../utils/nordUtils';\nimport { useFlowStateContext } from './FlowContext';\n\n// Define the shape of the deposit context value\nexport interface DepositContextValue {\n  amount: string;\n  isDepositing: boolean;\n  transactionId: string | null;\n  transactionResult: TransactionResult | null;\n  authStatus: 'loading' | 'success' | 'error';\n  authErrorMessage: string | null;\n  authStatusMessage: string | null;\n  updateAmount: (newAmount: string) => void;\n  startDeposit: () => Promise<void>;\n  completeDeposit: () => void;\n  performAuth: () => Promise<void>;\n}\n\n// Create the context with a default value\nconst DepositContext = createContext<DepositContextValue | undefined>(undefined);\n\n// Props for the provider component\ninterface DepositProviderProps {\n  children: React.ReactNode;\n}\n\n/**\n * Provider component for the deposit context\n */\nexport const DepositProvider: React.FC<DepositProviderProps> = ({\n  children,\n}) => {\n  // Get flow state context\n  const {\n    state,\n    context,\n    transition,\n    updateContext,\n  } = useFlowStateContext();\n\n  // Get wallet context\n  const {\n    address,\n    nord,\n    signMessageWithWalletKey,\n    signMessageWithSessionKey,\n    nordUser,\n  } = useN1WalletContext();\n  const { sessionMode } = useN1WalletInternalContext();\n\n  // chain\n  const [selectedChain, setSelectedChain] = useState<string | null>(\n    context.selectedChain\n  );\n\n  // transaction & deposit\n  const [amount, setAmount] = useState(context.amount);\n  const [isDepositing, setIsDepositing] = useState(false);\n  const [transactionId, setTransactionId] = useState<string | null>(context.transactionId);\n  const [transactionResult, setTransactionResult] = useState<TransactionResult | null>(null);\n\n\n  // auth\n  const [authStatus, setAuthStatus] = useState<'loading' | 'success' | 'error'>('loading');\n  const [authErrorMessage, setAuthErrorMessage] = useState<string | null>(null);\n  const [authStatusMessage, setAuthStatusMessage] = useState<string | null>(null);\n\n  // Use refs to track previous values\n  const prevContextRef = useRef(context);\n\n\n  /**\n   * Handle an error by transitioning to error state\n   */\n  const handleError = useCallback(\n    (error: Error) => {\n      logger.error('Flow error:', error);\n      transition(FlowState.ERROR, { error });\n    },\n    [transition]\n  );\n\n  /**\n   * Authenticate session\n   */\n  const performAuth = useCallback(async () => {\n    try {\n      // Step 1: Tell user to sign transaction\n      setAuthStatusMessage(\n        'Please sign the transaction to authenticate your session'\n      );\n\n      if (!nordUser) {\n        throw new Error('Nord user is not initialized');\n      }\n\n      // Step 2: Call nordUser.refreshSession and get sessionId\n      setAuthStatusMessage('Session is being authenticated...');\n\n      // Get the session public key from the nordUser\n      const sessionPubKey = nordUser.sessionPubKey;\n      if (!sessionPubKey) {\n        throw new Error('Session public key is not available');\n      }\n\n      // Refresh the session\n      await nordUser.refreshSession(sessionPubKey);\n      await nordUser.updateAccountId();\n\n      // Get the sessionId after refresh\n      const sessionId = nordUser.sessionId;\n      if (!sessionId) {\n        throw new Error('Failed to get session ID after refresh');\n      }\n\n      logger.debug('Session refreshed successfully', {\n        sessionId: sessionId.toString(),\n      });\n\n      // Step 3: Store sessionId in localStorage\n      if (address) {\n        const sessionIdKey = `n1_sessionId_${address}`;\n        localStorage.setItem(sessionIdKey, sessionId.toString());\n        logger.debug('Stored sessionId in localStorage', { key: sessionIdKey });\n      }\n\n      // Step 4: Update status to success\n      setAuthStatus('success');\n\n      // Step 5: Update context and transition to success\n      console.log('hasActiveSession', \"asdasdsadsa\");\n      // updateContext({ hasActiveSession: true });\n      setTimeout(() => {\n        transition(FlowState.FINAL_SUCCESS, { hasActiveSession: true, hasNordAccount: true });\n      }, 100);\n\n    } catch (error) {\n      console.error('Authentication error:', error);\n      setAuthStatus('error');\n      setAuthErrorMessage(\n        error instanceof Error ? error.message : 'Unknown error occurred'\n      );\n    }\n  }, [updateContext, transition, address, nordUser]);\n\n  /**\n   * Update amount for deposit\n   */\n  const updateAmount = useCallback(\n    (newAmount: string) => {\n      setAmount(newAmount);\n      if (state === FlowState.AMOUNT_INPUT) {\n        updateContext({ amount: newAmount });\n      } else {\n        transition(state, { amount: newAmount });\n      }\n    },\n    [state, transition, updateContext]\n  );\n\n  /**\n   * Start deposit process\n   */\n  const startDeposit = useCallback(async () => {\n    if (isDepositing) return;\n\n    logger.debug('Starting deposit process');\n\n    if (!amount || parseFloat(amount) <= 0) {\n      handleError(new Error('Invalid amount'));\n      return;\n    }\n\n    setIsDepositing(true);\n    transition(FlowState.DEPOSIT_PROGRESS);\n\n    try {\n      const usdcToken = nord!.tokens.find((t: any) => t.symbol === 'USDC');\n\n      const txId = await nordUser.depositSpl(\n        parseFloat(amount),\n        usdcToken!.tokenId\n      );\n\n      let accountInitialized = false;\n      for (let i = 0; i < 70; i++) {\n        const exists = await nord?.accountExists(address);\n        if (exists) {\n          accountInitialized = true;\n          break;\n        }\n        await new Promise((resolve) => setTimeout(resolve, 5000));\n      }\n\n      if (!accountInitialized) {\n        throw new Error('Account failed to intialize on N1.');\n      }\n\n      logger.debug('Deposit successful using Nord-TS', txId);\n\n      // Create transaction result object immediately after successful deposit\n      const result: TransactionResult = {\n        success: true,\n        transactionId: txId,\n        amount,\n        tokenSymbol: 'USDC',\n        fromAddress: address || 'Your Wallet',\n        toAddress: 'Exchange Account',\n        networkName: selectedChain!,\n        status: 'Completed',\n        explorerUrl: getExplorerUrl(txId),\n      };\n\n      // Update state with transaction result\n      setTransactionId(txId);\n      setTransactionResult(result);\n      logger.debug('Transaction completed successfully');\n      transition(FlowState.DEPOSIT_SUCCESS, { transactionId: txId, hasNordAccount: true });\n    } catch (depositError) {\n      logger.warn('Error using depositSpl, falling back to mock implementation:', depositError);\n      setIsDepositing(false);\n      const errorMessage = depositError instanceof Error\n        ? depositError.message\n        : 'Failed to process deposit';\n\n      transition(FlowState.AMOUNT_INPUT, {\n        depositError: errorMessage\n      });\n      return; // Exit early\n    }\n  }, [\n    isDepositing,\n    selectedChain,\n    amount,\n    address,\n    sessionMode,\n    transition,\n    handleError,\n    nord,\n    signMessageWithWalletKey,\n    signMessageWithSessionKey,\n    nordUser,\n  ]);\n\n  /**\n   * Complete the deposit process and move to the next screen\n   */\n  const completeDeposit = useCallback(() => {\n    // Check if user has an active session to determine the next state\n    if (context.hasActiveSession) {\n      // If user has an active session, go directly to FINAL_SUCCESS\n      transition(FlowState.FINAL_SUCCESS, { hasNordAccount: true, hasActiveSession: true });\n    } else {\n      // Check if there's a sessionId stored in localStorage\n      const sessionIdKey = `n1_sessionId_${address}`;\n      const storedSessionId = localStorage.getItem(sessionIdKey);\n      console.log('storedSessionId', storedSessionId, sessionIdKey);\n\n      if (storedSessionId !== null) {\n        // If we have a sessionId in localStorage (even if it's 0), go directly to FINAL_SUCCESS\n        transition(FlowState.FINAL_SUCCESS, { hasNordAccount: true, hasActiveSession: true });\n      } else {\n        // If user doesn't have an active session and no sessionId in localStorage, go to NORD_AUTH\n        transition(FlowState.AUTH_LOADING, { hasActiveSession: true });\n      }\n    }\n  }, [context.hasActiveSession, transition, address]);\n\n\n\n\n\n  // Create the context value\n  const contextValue: DepositContextValue = {\n    amount,\n    isDepositing,\n    transactionId,\n    transactionResult,\n    authStatus,\n    authErrorMessage,\n    authStatusMessage,\n    updateAmount,\n    startDeposit,\n    completeDeposit,\n    performAuth,\n  };\n\n\n  /**\n   * Update state based on context changes\n   */\n  useEffect(() => {\n    const prevContext = prevContextRef.current;\n\n    // Only update state if the relevant context values have actually changed\n    if (context.selectedChain !== prevContext.selectedChain) {\n      setSelectedChain(context.selectedChain);\n    }\n\n    if (context.amount !== prevContext.amount) {\n      setAmount(context.amount);\n    }\n\n    if (context.transactionId !== prevContext.transactionId) {\n      setTransactionId(context.transactionId);\n    }\n\n    // Update the ref to the current context\n    prevContextRef.current = context;\n  }, [context]);\n\n\n\n  return (\n    <DepositContext.Provider value={contextValue}>\n      {children}\n    </DepositContext.Provider>\n  );\n};\n\n/**\n * Hook to use the deposit context\n */\nexport const useDepositContext = (): DepositContextValue => {\n  const context = useContext(DepositContext);\n  if (context === undefined) {\n    throw new Error('useDepositContext must be used within a DepositProvider');\n  }\n  return context;\n}; "]}
+{"version":3,"file":"DepositContext.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/context/DepositContext.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport {\n  getExplorerUrl,\n  TransactionResult,\n} from '../../../Logic/transactionManager';\nimport {\n  useN1WalletContext,\n  useN1WalletInternalContext,\n} from '../../../Provider/hooks';\nimport { N1SessionMode } from '../../../Provider/types';\nimport { logger } from '../../../utils/logger';\nimport { AVAILABLE_CHAINS } from '../constants';\nimport { FlowState } from '../types';\nimport { isNordConfigured } from '../utils/nordUtils';\nimport { useFlowStateContext } from './FlowContext';\n\n// Define the shape of the deposit context value\nexport interface DepositContextValue {\n  amount: string;\n  isDepositing: boolean;\n  transactionId: string | null;\n  transactionResult: TransactionResult | null;\n  authStatus: 'loading' | 'success' | 'error';\n  authErrorMessage: string | null;\n  authStatusMessage: string | null;\n  updateAmount: (newAmount: string) => void;\n  startDeposit: () => Promise<void>;\n  completeDeposit: () => void;\n  performAuth: () => Promise<void>;\n}\n\n// Create the context with a default value\nconst DepositContext = createContext<DepositContextValue | undefined>(undefined);\n\n// Props for the provider component\ninterface DepositProviderProps {\n  children: React.ReactNode;\n}\n\n/**\n * Provider component for the deposit context\n */\nexport const DepositProvider: React.FC<DepositProviderProps> = ({\n  children,\n}) => {\n  // Get flow state context\n  const {\n    state,\n    context,\n    transition,\n    updateContext,\n  } = useFlowStateContext();\n\n  // Get wallet context\n  const {\n    address,\n    nord,\n    signMessageWithWalletKey,\n    signMessageWithSessionKey,\n    nordUser,\n  } = useN1WalletContext();\n  const { sessionMode } = useN1WalletInternalContext();\n\n  // chain\n  const [selectedChain, setSelectedChain] = useState<string | null>(\n    context.selectedChain\n  );\n\n  // transaction & deposit\n  const [amount, setAmount] = useState(context.amount);\n  const [isDepositing, setIsDepositing] = useState(false);\n  const [transactionId, setTransactionId] = useState<string | null>(context.transactionId);\n  const [transactionResult, setTransactionResult] = useState<TransactionResult | null>(null);\n\n\n  // auth\n  const [authStatus, setAuthStatus] = useState<'loading' | 'success' | 'error'>('loading');\n  const [authErrorMessage, setAuthErrorMessage] = useState<string | null>(null);\n  const [authStatusMessage, setAuthStatusMessage] = useState<string | null>(null);\n\n  // Use refs to track previous values\n  const prevContextRef = useRef(context);\n\n\n  /**\n   * Handle an error by transitioning to error state\n   */\n  const handleError = useCallback(\n    (error: Error) => {\n      logger.error('Flow error:', error);\n      transition(FlowState.ERROR, { error });\n    },\n    [transition]\n  );\n\n  /**\n   * Authenticate session\n   */\n  const performAuth = useCallback(async () => {\n    try {\n      // Step 1: Tell user to sign transaction\n      setAuthStatusMessage(\n        'Please sign the transaction to authenticate your session'\n      );\n\n      if (!nordUser) {\n        throw new Error('Nord user is not initialized');\n      }\n\n      // Step 2: Call nordUser.refreshSession and get sessionId\n      setAuthStatusMessage('Session is being authenticated...');\n\n      // Get the session public key from the nordUser\n      const sessionPubKey = nordUser.sessionPubKey;\n      if (!sessionPubKey) {\n        throw new Error('Session public key is not available');\n      }\n\n      // Refresh the session\n      await nordUser.refreshSession(sessionPubKey);\n      await nordUser.updateAccountId();\n\n      // Get the sessionId after refresh\n      const sessionId = nordUser.sessionId;\n      if (!sessionId) {\n        throw new Error('Failed to get session ID after refresh');\n      }\n\n      logger.debug('Session refreshed successfully', {\n        sessionId: sessionId.toString(),\n      });\n\n      // Step 3: Store sessionId in localStorage\n      if (address) {\n        const sessionIdKey = `n1_sessionId_${address}`;\n        localStorage.setItem(sessionIdKey, sessionId.toString());\n        logger.debug('Stored sessionId in localStorage', { key: sessionIdKey });\n      }\n\n      // Step 4: Update status to success\n      setAuthStatus('success');\n\n      // updateContext({ hasActiveSession: true });\n      setTimeout(() => {\n        transition(FlowState.FINAL_SUCCESS, { hasActiveSession: true, hasNordAccount: true });\n      }, 100);\n\n    } catch (error) {\n      console.error('Authentication error:', error);\n      setAuthStatus('error');\n      setAuthErrorMessage(\n        error instanceof Error ? error.message : 'Unknown error occurred'\n      );\n    }\n  }, [updateContext, transition, address, nordUser]);\n\n  /**\n   * Update amount for deposit\n   */\n  const updateAmount = useCallback(\n    (newAmount: string) => {\n      setAmount(newAmount);\n      if (state === FlowState.AMOUNT_INPUT) {\n        updateContext({ amount: newAmount });\n      } else {\n        transition(state, { amount: newAmount });\n      }\n    },\n    [state, transition, updateContext]\n  );\n\n  /**\n   * Start deposit process\n   */\n  const startDeposit = useCallback(async () => {\n    if (isDepositing) return;\n\n    logger.debug('Starting deposit process');\n\n    if (!amount || parseFloat(amount) <= 0) {\n      handleError(new Error('Invalid amount'));\n      return;\n    }\n\n    setIsDepositing(true);\n    transition(FlowState.DEPOSIT_PROGRESS);\n\n    try {\n      const usdcToken = nord!.tokens.find((t: any) => t.symbol === 'USDC');\n\n      const txId = await nordUser.depositSpl(\n        parseFloat(amount),\n        usdcToken!.tokenId\n      );\n\n      let accountInitialized = false;\n      for (let i = 0; i < 70; i++) {\n        const exists = await nord?.accountExists(address);\n        if (exists) {\n          accountInitialized = true;\n          break;\n        }\n        await new Promise((resolve) => setTimeout(resolve, 5000));\n      }\n\n      if (!accountInitialized) {\n        throw new Error('Account failed to intialize on N1.');\n      }\n\n      logger.debug('Deposit successful using Nord-TS', txId);\n\n      // Create transaction result object immediately after successful deposit\n      const result: TransactionResult = {\n        success: true,\n        transactionId: txId,\n        amount,\n        tokenSymbol: 'USDC',\n        fromAddress: address || 'Your Wallet',\n        toAddress: 'Exchange Account',\n        networkName: selectedChain!,\n        status: 'Completed',\n        explorerUrl: getExplorerUrl(txId),\n      };\n\n      // Update state with transaction result\n      setTransactionId(txId);\n      setTransactionResult(result);\n      logger.debug('Transaction completed successfully');\n      transition(FlowState.DEPOSIT_SUCCESS, { transactionId: txId, hasNordAccount: true });\n    } catch (depositError) {\n      logger.warn('Error using depositSpl, falling back to mock implementation:', depositError);\n      setIsDepositing(false);\n      const errorMessage = depositError instanceof Error\n        ? depositError.message\n        : 'Failed to process deposit';\n\n      transition(FlowState.AMOUNT_INPUT, {\n        depositError: errorMessage\n      });\n      return; // Exit early\n    }\n  }, [\n    isDepositing,\n    selectedChain,\n    amount,\n    address,\n    sessionMode,\n    transition,\n    handleError,\n    nord,\n    signMessageWithWalletKey,\n    signMessageWithSessionKey,\n    nordUser,\n  ]);\n\n  /**\n   * Complete the deposit process and move to the next screen\n   */\n  const completeDeposit = useCallback(() => {\n    // Check if user has an active session to determine the next state\n    if (context.hasActiveSession) {\n      // If user has an active session, go directly to FINAL_SUCCESS\n      transition(FlowState.FINAL_SUCCESS, { hasNordAccount: true, hasActiveSession: true });\n    } else {\n      // Check if there's a sessionId stored in localStorage\n      const sessionIdKey = `n1_sessionId_${address}`;\n      const storedSessionId = localStorage.getItem(sessionIdKey);\n\n      if (storedSessionId !== null) {\n        // If we have a sessionId in localStorage (even if it's 0), go directly to FINAL_SUCCESS\n        transition(FlowState.FINAL_SUCCESS, { hasNordAccount: true, hasActiveSession: true });\n      } else {\n        // If user doesn't have an active session and no sessionId in localStorage, go to NORD_AUTH\n        transition(FlowState.AUTH_LOADING, { hasNordAccount: true });\n      }\n    }\n  }, [context.hasActiveSession, transition, address]);\n\n\n\n\n\n  // Create the context value\n  const contextValue: DepositContextValue = {\n    amount,\n    isDepositing,\n    transactionId,\n    transactionResult,\n    authStatus,\n    authErrorMessage,\n    authStatusMessage,\n    updateAmount,\n    startDeposit,\n    completeDeposit,\n    performAuth,\n  };\n\n\n  /**\n   * Update state based on context changes\n   */\n  useEffect(() => {\n    const prevContext = prevContextRef.current;\n\n    // Only update state if the relevant context values have actually changed\n    if (context.selectedChain !== prevContext.selectedChain) {\n      setSelectedChain(context.selectedChain);\n    }\n\n    if (context.amount !== prevContext.amount) {\n      setAmount(context.amount);\n    }\n\n    if (context.transactionId !== prevContext.transactionId) {\n      setTransactionId(context.transactionId);\n    }\n\n    // Update the ref to the current context\n    prevContextRef.current = context;\n  }, [context]);\n\n\n\n  return (\n    <DepositContext.Provider value={contextValue}>\n      {children}\n    </DepositContext.Provider>\n  );\n};\n\n/**\n * Hook to use the deposit context\n */\nexport const useDepositContext = (): DepositContextValue => {\n  const context = useContext(DepositContext);\n  if (context === undefined) {\n    throw new Error('useDepositContext must be used within a DepositProvider');\n  }\n  return context;\n}; "]}

package/dist/Modal/NordFlow/context/WalletConnectContext.js

@@ -125,9 +125,7 @@ export var WalletConnectProvider = function (_a) {
                             hasNordAccount_1 = _a.sent();
                             sessionId = currentNordUser.sessionId;
                             hasActiveSession_1 = sessionId != null;
-                            console.log('hasNordAccount', hasNordAccount_1, 'hasActiveSession', hasActiveSession_1, 'sessionId', sessionId, 'dynamicWallet', dynamicWallet, 'zzzzzzzzzzzz');
                             updateContext({ hasNordAccount: hasNordAccount_1, hasActiveSession: hasActiveSession_1 });
-                            console.log('hasNordAccount', hasNordAccount_1, 'hasActiveSession', hasActiveSession_1, 'sessionId', sessionId, 'dynamicWallet', dynamicWallet);
                             transitionDestination_1 = hasNordAccount_1
                                 ? sessionId != null
                                     ? FlowState.FINAL_SUCCESS

package/dist/Modal/NordFlow/context/WalletConnectContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"WalletConnectContext.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/context/WalletConnectContext.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport { useN1WalletContext, useN1WalletInternalContext } from '../../../Provider/hooks';\nimport { N1SessionMode } from '../../../Provider/types';\nimport { logger } from '../../../utils/logger';\nimport { FlowState, initialFlowContext } from '../types';\nimport { useFlowStateContext } from './FlowContext';\n\n// Define the shape of the context value\nexport interface WalletConnectContextValue {\n  isConnecting: boolean;\n  connectWallet: () => Promise<void>;\n  disconnectWallet: () => void;\n}\n\n// Create the context with a default value\nconst WalletConnectContext = createContext<WalletConnectContextValue | undefined>(undefined);\n\n// Props for the provider component\ninterface WalletConnectProviderProps {\n  children: React.ReactNode;\n}\n\n/**\n * Provider component for the wallet connect context\n */\nexport const WalletConnectProvider: React.FC<WalletConnectProviderProps> = ({\n  children,\n}) => {\n  const { nord, nordUser } = useN1WalletContext();\n  const { showDynamicWidget, dynamicWallet, setIsConnected, dynamicSdkHasLoaded } = useN1WalletInternalContext();\n  const { dynamicHandleLogOut } = useN1WalletInternalContext();\n\n  // Get flow context\n  const {\n    state,\n    transition,\n    updateContext,\n  } = useFlowStateContext();\n\n  const [isConnecting, setIsConnecting] = useState(false);\n\n  // Use refs to track previous values\n  const processedWalletAddressRef = useRef<string | null>(null);\n  const prevNordUserRef = useRef(nordUser);\n  const prevStateRef = useRef(state);\n\n\n  /**\n   * Disconnect wallet\n   */\n  const disconnectWallet = useCallback(() => {\n    logger.debug('Disconnecting wallet');\n    try {\n      dynamicHandleLogOut()\n    } catch (_) {\n      // \n    }\n    processedWalletAddressRef.current = null;\n    updateContext({ walletType: null });\n    // todo: delete sessionId from localStorage\n    window.location.reload();\n  }, [updateContext]);\n\n  /**\n   * Connect wallet using Dynamic widget\n   */\n  const connectWallet = useCallback(async () => {\n    if (isConnecting || !showDynamicWidget || !dynamicSdkHasLoaded) return;\n\n    setIsConnecting(true);\n    logger.debug('Starting wallet connection process');\n\n    try {\n      await showDynamicWidget(true);\n      logger.debug('Dynamic widget shown');\n    } catch (error) {\n      setIsConnecting(false);\n      updateContext({ walletType: null });\n      logger.error('Error showing Dynamic widget:', error);\n    }\n  }, [isConnecting, showDynamicWidget, updateContext, dynamicSdkHasLoaded]);\n\n  // Process nordUser changes\n  useEffect(() => {\n    if (!dynamicSdkHasLoaded) return\n\n    const currentNordUser = nordUser;\n    const prevNordUser = prevNordUserRef.current;\n\n    // Only run if nordUser has changed and we have processed a wallet\n    if (currentNordUser && currentNordUser !== prevNordUser) {\n      logger.debug('NordUser changed, checking account status');\n\n      (async () => {\n        try {\n          if (!dynamicWallet) return;\n\n          const hasNordAccount = await nord!.accountExists(dynamicWallet.address);\n          const sessionId = currentNordUser.sessionId;\n          const hasActiveSession = sessionId != null;\n          console.log('hasNordAccount', hasNordAccount, 'hasActiveSession', hasActiveSession, 'sessionId', sessionId, 'dynamicWallet', dynamicWallet,'zzzzzzzzzzzz')\n\n          updateContext({ hasNordAccount, hasActiveSession });\n\n          console.log('hasNordAccount', hasNordAccount, 'hasActiveSession', hasActiveSession, 'sessionId', sessionId, 'dynamicWallet', dynamicWallet)\n\n          const transitionDestination = hasNordAccount\n            ? sessionId != null\n              ? FlowState.FINAL_SUCCESS\n              : FlowState.AUTH_LOADING\n            : FlowState.CHAIN_SELECTION;\n\n          if (hasNordAccount && sessionId != null) {\n            setIsConnected(true);\n          }\n\n          // Force a small delay to ensure UI updates properly\n          setTimeout(() => {\n            try {\n              logger.debug('Attempting transition to ' + transitionDestination);\n              transition(transitionDestination, {\n                walletType: 'solana',\n                hasNordAccount,\n                hasActiveSession,\n              });\n              logger.debug(\n                'Transition to ' + transitionDestination + ' completed'\n              );\n            } catch (error) {\n              logger.error('Error during transition:', error);\n            } finally {\n              setIsConnecting(false);\n            }\n          }, 100);\n        } catch (error) {\n          logger.error('Error checking account status:', error);\n          setIsConnecting(false);\n        }\n      })();\n    }else{\n      transition(FlowState.CONNECTING_WALLET)\n    }\n\n    // Update ref\n    prevNordUserRef.current = currentNordUser;\n  }, [\n    nordUser,\n    dynamicWallet,\n    updateContext,\n    transition,\n    setIsConnected\n  ]);\n\n\n\n\n  // Handle connecting state changes in a separate effect\n  useEffect(() => {\n    const currentState = state;\n    const prevState = prevStateRef.current;\n\n    // Only run if state has changed\n    if (currentState !== prevState) {\n      if (currentState !== FlowState.CONNECTING_WALLET && isConnecting) {\n        // If we're no longer in the connecting state, reset the connecting flag\n        setIsConnecting(false);\n      }\n\n      // Update ref\n      prevStateRef.current = currentState;\n    }\n  }, [state, isConnecting]);\n\n  // Create the context value\n  const contextValue: WalletConnectContextValue = {\n    isConnecting,\n    connectWallet,\n    disconnectWallet,\n  };\n\n  return (\n    <WalletConnectContext.Provider value={contextValue}>\n      {children}\n    </WalletConnectContext.Provider>\n  );\n};\n\n/**\n * Custom hook to use the wallet connect context\n * @returns The wallet connect context value\n * @throws Error if used outside of a WalletConnectProvider\n */\nexport const useWalletConnectContext = (): WalletConnectContextValue => {\n  const context = useContext(WalletConnectContext);\n\n  if (context === undefined) {\n    throw new Error('useWalletConnectContext must be used within a WalletConnectProvider');\n  }\n\n  return context;\n}; "]}
+{"version":3,"file":"WalletConnectContext.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/context/WalletConnectContext.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport { useN1WalletContext, useN1WalletInternalContext } from '../../../Provider/hooks';\nimport { N1SessionMode } from '../../../Provider/types';\nimport { logger } from '../../../utils/logger';\nimport { FlowState, initialFlowContext } from '../types';\nimport { useFlowStateContext } from './FlowContext';\n\n// Define the shape of the context value\nexport interface WalletConnectContextValue {\n  isConnecting: boolean;\n  connectWallet: () => Promise<void>;\n  disconnectWallet: () => void;\n}\n\n// Create the context with a default value\nconst WalletConnectContext = createContext<WalletConnectContextValue | undefined>(undefined);\n\n// Props for the provider component\ninterface WalletConnectProviderProps {\n  children: React.ReactNode;\n}\n\n/**\n * Provider component for the wallet connect context\n */\nexport const WalletConnectProvider: React.FC<WalletConnectProviderProps> = ({\n  children,\n}) => {\n  const { nord, nordUser } = useN1WalletContext();\n  const { showDynamicWidget, dynamicWallet, setIsConnected, dynamicSdkHasLoaded } = useN1WalletInternalContext();\n  const { dynamicHandleLogOut } = useN1WalletInternalContext();\n\n  // Get flow context\n  const {\n    state,\n    transition,\n    updateContext,\n  } = useFlowStateContext();\n\n  const [isConnecting, setIsConnecting] = useState(false);\n\n  // Use refs to track previous values\n  const processedWalletAddressRef = useRef<string | null>(null);\n  const prevNordUserRef = useRef(nordUser);\n  const prevStateRef = useRef(state);\n\n\n  /**\n   * Disconnect wallet\n   */\n  const disconnectWallet = useCallback(() => {\n    logger.debug('Disconnecting wallet');\n    try {\n      dynamicHandleLogOut()\n    } catch (_) {\n      // \n    }\n    processedWalletAddressRef.current = null;\n    updateContext({ walletType: null });\n    // todo: delete sessionId from localStorage\n    window.location.reload();\n  }, [updateContext]);\n\n  /**\n   * Connect wallet using Dynamic widget\n   */\n  const connectWallet = useCallback(async () => {\n    if (isConnecting || !showDynamicWidget || !dynamicSdkHasLoaded) return;\n\n    setIsConnecting(true);\n    logger.debug('Starting wallet connection process');\n\n    try {\n      await showDynamicWidget(true);\n      logger.debug('Dynamic widget shown');\n    } catch (error) {\n      setIsConnecting(false);\n      updateContext({ walletType: null });\n      logger.error('Error showing Dynamic widget:', error);\n    }\n  }, [isConnecting, showDynamicWidget, updateContext, dynamicSdkHasLoaded]);\n\n  // Process nordUser changes\n  useEffect(() => {\n    if (!dynamicSdkHasLoaded) return\n\n    const currentNordUser = nordUser;\n    const prevNordUser = prevNordUserRef.current;\n\n    // Only run if nordUser has changed and we have processed a wallet\n    if (currentNordUser && currentNordUser !== prevNordUser) {\n      logger.debug('NordUser changed, checking account status');\n\n      (async () => {\n        try {\n          if (!dynamicWallet) return;\n\n          const hasNordAccount = await nord!.accountExists(dynamicWallet.address);\n          const sessionId = currentNordUser.sessionId;\n          const hasActiveSession = sessionId != null;\n\n          updateContext({ hasNordAccount, hasActiveSession });\n\n          const transitionDestination = hasNordAccount\n            ? sessionId != null\n              ? FlowState.FINAL_SUCCESS\n              : FlowState.AUTH_LOADING\n            : FlowState.CHAIN_SELECTION;\n\n          if (hasNordAccount && sessionId != null) {\n            setIsConnected(true);\n          }\n\n          // Force a small delay to ensure UI updates properly\n          setTimeout(() => {\n            try {\n              logger.debug('Attempting transition to ' + transitionDestination);\n              transition(transitionDestination, {\n                walletType: 'solana',\n                hasNordAccount,\n                hasActiveSession,\n              });\n              logger.debug(\n                'Transition to ' + transitionDestination + ' completed'\n              );\n            } catch (error) {\n              logger.error('Error during transition:', error);\n            } finally {\n              setIsConnecting(false);\n            }\n          }, 100);\n        } catch (error) {\n          logger.error('Error checking account status:', error);\n          setIsConnecting(false);\n        }\n      })();\n    }else{\n      transition(FlowState.CONNECTING_WALLET)\n    }\n\n    // Update ref\n    prevNordUserRef.current = currentNordUser;\n  }, [\n    nordUser,\n    dynamicWallet,\n    updateContext,\n    transition,\n    setIsConnected\n  ]);\n\n\n\n\n  // Handle connecting state changes in a separate effect\n  useEffect(() => {\n    const currentState = state;\n    const prevState = prevStateRef.current;\n\n    // Only run if state has changed\n    if (currentState !== prevState) {\n      if (currentState !== FlowState.CONNECTING_WALLET && isConnecting) {\n        // If we're no longer in the connecting state, reset the connecting flag\n        setIsConnecting(false);\n      }\n\n      // Update ref\n      prevStateRef.current = currentState;\n    }\n  }, [state, isConnecting]);\n\n  // Create the context value\n  const contextValue: WalletConnectContextValue = {\n    isConnecting,\n    connectWallet,\n    disconnectWallet,\n  };\n\n  return (\n    <WalletConnectContext.Provider value={contextValue}>\n      {children}\n    </WalletConnectContext.Provider>\n  );\n};\n\n/**\n * Custom hook to use the wallet connect context\n * @returns The wallet connect context value\n * @throws Error if used outside of a WalletConnectProvider\n */\nexport const useWalletConnectContext = (): WalletConnectContextValue => {\n  const context = useContext(WalletConnectContext);\n\n  if (context === undefined) {\n    throw new Error('useWalletConnectContext must be used within a WalletConnectProvider');\n  }\n\n  return context;\n}; "]}

package/dist/Modal/NordFlow/screens/00-IdleScreen.js

@@ -4,6 +4,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * Used as the default screen when no specific flow state is active
  */
 export var IdleScreen = function () {
-    return (_jsxs("div", { className: "flex flex-col items-center justify-center p-8 space-y-4", children: [_jsxs("div", { className: "relative w-12 h-12", children: [_jsx("div", { className: "absolute inset-0 border-2 border-n1-gray-200 dark:border-n1-gray-800 border-b-n1-main rounded-full n1-animate-spin-slow" }), _jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: _jsx("div", { className: "w-2 h-2 bg-n1-main rounded-full n1-animate-pulse" }) })] }), _jsx("p", { className: "text-n1-gray-700 dark:text-n1-gray-300 text-sm font-medium", children: "Loading" })] }));
+    return (_jsxs("div", { className: "flex flex-col items-center justify-center p-8 space-y-4", children: [_jsxs("div", { className: "relative w-12 h-12", children: [_jsx("div", { className: "absolute inset-0 border-2 border-n1-ww-gray-200 dark:border-n1-ww-gray-800 border-b-n1-ww-main rounded-full n1-ww-animate-spin-slow" }), _jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: _jsx("div", { className: "w-2 h-2 bg-n1-ww-main rounded-full n1-ww-animate-pulse" }) })] }), _jsx("p", { className: "text-n1-ww-gray-700 dark:text-n1-ww-gray-300 text-sm font-medium", children: "Loading" })] }));
 };
 //# sourceMappingURL=00-IdleScreen.js.map

package/dist/Modal/NordFlow/screens/00-IdleScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"00-IdleScreen.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/screens/00-IdleScreen.tsx"],"names":[],"mappings":";AAEA;;;GAGG;AACH,MAAM,CAAC,IAAM,UAAU,GAAa;IAClC,OAAO,CACL,eAAK,SAAS,EAAC,yDAAyD,aAEtE,eAAK,SAAS,EAAC,oBAAoB,aAEjC,cAAK,SAAS,EAAC,yHAAyH,GAAO,EAG/I,cAAK,SAAS,EAAC,mDAAmD,YAChE,cAAK,SAAS,EAAC,kDAAkD,GAAO,GACpE,IACF,EAGN,YAAG,SAAS,EAAC,4DAA4D,wBAErE,IACA,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\n\n/**\n * Idle screen component that displays a loading animation\n * Used as the default screen when no specific flow state is active\n */\nexport const IdleScreen: React.FC = () => {\n  return (\n    <div className=\"flex flex-col items-center justify-center p-8 space-y-4\">\n      {/* Minimalistic but creative loading animation */}\n      <div className=\"relative w-12 h-12\">\n        {/* Simple spinning ring with primary color accent */}\n        <div className=\"absolute inset-0 border-2 border-n1-gray-200 dark:border-n1-gray-800 border-b-n1-main rounded-full n1-animate-spin-slow\"></div>\n\n        {/* Subtle pulsing dot in the center */}\n        <div className=\"absolute inset-0 flex items-center justify-center\">\n          <div className=\"w-2 h-2 bg-n1-main rounded-full n1-animate-pulse\"></div>\n        </div>\n      </div>\n\n      {/* Simple loading text */}\n      <p className=\"text-n1-gray-700 dark:text-n1-gray-300 text-sm font-medium\">\n        Loading\n      </p>\n    </div>\n  );\n}; "]}
+{"version":3,"file":"00-IdleScreen.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/screens/00-IdleScreen.tsx"],"names":[],"mappings":";AAEA;;;GAGG;AACH,MAAM,CAAC,IAAM,UAAU,GAAa;IAClC,OAAO,CACL,eAAK,SAAS,EAAC,yDAAyD,aAEtE,eAAK,SAAS,EAAC,oBAAoB,aAEjC,cAAK,SAAS,EAAC,qIAAqI,GAAO,EAG3J,cAAK,SAAS,EAAC,mDAAmD,YAChE,cAAK,SAAS,EAAC,wDAAwD,GAAO,GAC1E,IACF,EAGN,YAAG,SAAS,EAAC,kEAAkE,wBAE3E,IACA,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\n\n/**\n * Idle screen component that displays a loading animation\n * Used as the default screen when no specific flow state is active\n */\nexport const IdleScreen: React.FC = () => {\n  return (\n    <div className=\"flex flex-col items-center justify-center p-8 space-y-4\">\n      {/* Minimalistic but creative loading animation */}\n      <div className=\"relative w-12 h-12\">\n        {/* Simple spinning ring with primary color accent */}\n        <div className=\"absolute inset-0 border-2 border-n1-ww-gray-200 dark:border-n1-ww-gray-800 border-b-n1-ww-main rounded-full n1-ww-animate-spin-slow\"></div>\n\n        {/* Subtle pulsing dot in the center */}\n        <div className=\"absolute inset-0 flex items-center justify-center\">\n          <div className=\"w-2 h-2 bg-n1-ww-main rounded-full n1-ww-animate-pulse\"></div>\n        </div>\n      </div>\n\n      {/* Simple loading text */}\n      <p className=\"text-n1-ww-gray-700 dark:text-n1-ww-gray-300 text-sm font-medium\">\n        Loading\n      </p>\n    </div>\n  );\n}; "]}

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

@@ -14,11 +14,11 @@ export function ConnectWalletScreen() {
     }, [isConnecting]);
     // If connecting, show loading state
     if (isConnecting) {
-        return (_jsxs("div", { className: "flex flex-col items-center justify-center py-12 space-y-6", children: [_jsx(LoadingSquares, {}), _jsxs("div", { className: "space-y-2 text-center w-[300px]", children: [_jsx("h3", { className: "text-xl text-n1-gray-800 dark:text-white font-semibold", children: "Connecting Wallet" }), _jsx("p", { className: "text-sm text-n1-gray-600 dark:text-neutral-400", children: "Please approve the connection request in your wallet" })] })] }));
+        return (_jsxs("div", { className: "flex flex-col items-center justify-center py-12 space-y-6", children: [_jsx(LoadingSquares, {}), _jsxs("div", { className: "space-y-2 text-center w-[300px]", children: [_jsx("h3", { className: "text-xl text-n1-ww-gray-800 dark:text-white font-semibold", children: "Connecting Wallet" }), _jsx("p", { className: "text-sm text-n1-ww-gray-600 dark:text-neutral-400", children: "Please approve the connection request in your wallet" })] })] }));
     }
     // 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-gray-100 dark:bg-neutral-950 py-4 text-center\n            transition-all duration-300 ".concat(ANIMATION_EASE, "\n            cursor-pointer border-n1-gray-200 dark:border-n1-gray-800 hover:border-n1-gray-400 dark:hover:border-white/60\n          "), style: {
+    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-gray-500 dark:text-neutral-400 group-hover:text-n1-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-gray-500 dark:text-neutral-400 group-hover:text-n1-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-gray-100 dark:bg-neutral-950 py-4 text-center\n            transition-all duration-300 ".concat(ANIMATION_EASE, "\n            cursor-not-allowed border-n1-gray-200 dark:border-n1-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-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-gray-100 dark:bg-neutral-950 py-4 text-center\n            transition-all duration-300 ".concat(ANIMATION_EASE, "\n            cursor-not-allowed border-n1-gray-200 dark:border-n1-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-gray-500 dark:text-neutral-400", children: "Continue with Email (soon)" }) }) }) })] }) }));
+                    }, 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)" }) }) }) })] }) }));
 }
 //# 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,wDAAwD,kCAEjE,EACL,YAAG,SAAS,EAAC,gDAAgD,qEAEzD,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,+KAEqB,cAAc,4IAE7C,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,wIAAwI,GAAG,EACjK,eACE,SAAS,EAAE,oGAC+D,cAAc,sIAEzF,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,+KAEqB,cAAc,uGAE7C,YAED,cAAK,SAAS,EAAC,+BAA+B,YAC5C,cAAK,SAAS,EAAC,mBAAmB,YAChC,eAAM,SAAS,EAAC,4EAA4E,4CAErF,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,+KAEqB,cAAc,uGAE7C,YAED,cAAK,SAAS,EAAC,+BAA+B,YAC5C,cAAK,SAAS,EAAC,mBAAmB,YAChC,eAAM,SAAS,EAAC,4EAA4E,2CAErF,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-gray-800 dark:text-white font-semibold\">\n            Connecting Wallet\n          </h3>\n          <p className=\"text-sm text-n1-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-gray-100 dark:bg-neutral-950 py-4 text-center\n            transition-all duration-300 ${ANIMATION_EASE}\n            cursor-pointer border-n1-gray-200 dark:border-n1-gray-800 hover:border-n1-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-gray-500 dark:text-neutral-400 group-hover:text-n1-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-gray-500 dark:text-neutral-400 group-hover:text-n1-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-gray-100 dark:bg-neutral-950 py-4 text-center\n            transition-all duration-300 ${ANIMATION_EASE}\n            cursor-not-allowed border-n1-gray-200 dark:border-n1-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-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-gray-100 dark:bg-neutral-950 py-4 text-center\n            transition-all duration-300 ${ANIMATION_EASE}\n            cursor-not-allowed border-n1-gray-200 dark:border-n1-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-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,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"]}

package/dist/Modal/NordFlow/screens/02-EvmWalletAuthScreen.js

@@ -29,16 +29,16 @@ export function EvmWalletAuthScreen() {
     }, [authState, transition]);
     // Render waiting for signature screen
     if (authState === AuthState.WAITING_FOR_SIGNATURE) {
-        return (_jsxs("div", { className: "flex flex-col items-center justify-center py-12 space-y-6", children: [_jsx(LoadingSquares, {}), _jsxs("div", { className: "space-y-2 text-center w-[300px]", children: [_jsx("h3", { className: "text-xl text-n1-gray-800 dark:text-white font-semibold", children: "Waiting for Signature" }), _jsx("p", { className: "text-sm text-n1-gray-600 dark:text-neutral-400", children: "Please sign the message in your Ethereum wallet to authenticate with Solana" })] })] }));
+        return (_jsxs("div", { className: "flex flex-col items-center justify-center py-12 space-y-6", children: [_jsx(LoadingSquares, {}), _jsxs("div", { className: "space-y-2 text-center w-[300px]", children: [_jsx("h3", { className: "text-xl text-n1-ww-gray-800 dark:text-white font-semibold", children: "Waiting for Signature" }), _jsx("p", { className: "text-sm text-n1-ww-gray-600 dark:text-neutral-400", children: "Please sign the message in your Ethereum wallet to authenticate with Solana" })] })] }));
     }
     // Render success screen
     if (authState === AuthState.SUCCESS) {
-        return (_jsxs("div", { className: "flex flex-col items-center justify-center py-12 space-y-6", children: [_jsx("div", { className: "w-16 h-16 rounded-full bg-green-100 dark:bg-green-900 flex items-center justify-center", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-8 w-8 text-green-600 dark:text-green-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }) }), _jsxs("div", { className: "space-y-2 text-center w-[300px]", children: [_jsx("h3", { className: "text-xl text-n1-gray-800 dark:text-white font-semibold", children: "Signature Verified" }), _jsx("p", { className: "text-sm text-n1-gray-600 dark:text-neutral-400", children: "Your Ethereum wallet has been authenticated successfully" })] })] }));
+        return (_jsxs("div", { className: "flex flex-col items-center justify-center py-12 space-y-6", children: [_jsx("div", { className: "w-16 h-16 rounded-full bg-green-100 dark:bg-green-900 flex items-center justify-center", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-8 w-8 text-green-600 dark:text-green-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }) }), _jsxs("div", { className: "space-y-2 text-center w-[300px]", children: [_jsx("h3", { className: "text-xl text-n1-ww-gray-800 dark:text-white font-semibold", children: "Signature Verified" }), _jsx("p", { className: "text-sm text-n1-ww-gray-600 dark:text-neutral-400", children: "Your Ethereum wallet has been authenticated successfully" })] })] }));
     }
     // Render initial screen
-    return (_jsx("div", { className: "overflow-hidden relative", children: _jsxs("div", { className: "space-y-6", children: [_jsx("h2", { className: "text-xl text-n1-gray-800 dark:text-white font-semibold mb-2 text-center", children: "EVM Wallet Authentication" }), _jsx("p", { className: "text-sm text-n1-gray-600 dark:text-neutral-400 text-center mb-4", children: "You need to sign a message to authenticate your Ethereum wallet with Solana" }), _jsx("button", { onClick: handleSignatureRequest, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, className: "\n            group relative w-full overflow-hidden rounded-md border-2 bg-n1-gray-100 dark:bg-neutral-950 py-4 text-center\n            transition-all duration-300 ".concat(ANIMATION_EASE, "\n            cursor-pointer border-n1-gray-200 dark:border-n1-gray-800 hover:border-n1-gray-400 dark:hover:border-white/60\n          "), style: {
+    return (_jsx("div", { className: "overflow-hidden relative", children: _jsxs("div", { className: "space-y-6", children: [_jsx("h2", { className: "text-xl text-n1-ww-gray-800 dark:text-white font-semibold mb-2 text-center", children: "EVM Wallet Authentication" }), _jsx("p", { className: "text-sm text-n1-ww-gray-600 dark:text-neutral-400 text-center mb-4", children: "You need to sign a message to authenticate your Ethereum wallet with Solana" }), _jsx("button", { onClick: handleSignatureRequest, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, className: "\n            group relative w-full overflow-hidden rounded-md border-2 bg-n1-ww-gray-100 dark:bg-neutral-950 py-4 text-center\n            transition-all duration-300 ".concat(ANIMATION_EASE, "\n            cursor-pointer border-n1-ww-gray-200 dark:border-n1-ww-gray-800 hover:border-n1-ww-gray-400 dark:hover:border-white/60\n          "), style: {
                         transform: isHovered ? 'scale(0.99)' : 'scale(1)',
-                    }, children: _jsx("span", { className: "\n            text-base font-medium tracking-wide transition-colors duration-300 ".concat(ANIMATION_EASE, "\n            text-n1-gray-700 dark:text-n1-gray-300 group-hover:text-n1-gray-900 dark:group-hover:text-white\n          "), children: "Sign Authentication Message" }) })] }) }));
+                    }, children: _jsx("span", { className: "\n            text-base font-medium tracking-wide transition-colors duration-300 ".concat(ANIMATION_EASE, "\n            text-n1-ww-gray-700 dark:text-n1-ww-gray-300 group-hover:text-n1-ww-gray-900 dark:group-hover:text-white\n          "), children: "Sign Authentication Message" }) })] }) }));
 }
 // For backward compatibility
 export { EvmWalletAuthScreen as EthToSolAuthScreen };

package/dist/Modal/NordFlow/screens/02-EvmWalletAuthScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"02-EvmWalletAuthScreen.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/screens/02-EvmWalletAuthScreen.tsx"],"names":[],"mappings":"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","sourcesContent":["// todo: implement\nimport { useEffect, useState } from 'react';\nimport { LoadingSquares } from '../components/LoadingSquares';\nimport { ANIMATION_EASE } from '../constants';\nimport { useFlowStateContext } from '../context/FlowContext';\n\nenum AuthState {\n  INITIAL = 'initial',\n  WAITING_FOR_SIGNATURE = 'waiting_for_signature',\n  SUCCESS = 'success',\n}\n\nexport function EvmWalletAuthScreen() {\n  const { transition } = useFlowStateContext();\n  const [isHovered, setIsHovered] = useState(false);\n  const [authState, setAuthState] = useState<AuthState>(AuthState.INITIAL);\n\n  // Handle signature request\n  const handleSignatureRequest = () => {\n    setAuthState(AuthState.WAITING_FOR_SIGNATURE);\n\n    // Simulate signature process - in a real implementation,\n    // this would be replaced with actual wallet signature logic\n    setTimeout(() => {\n      setAuthState(AuthState.SUCCESS);\n    }, 2000);\n  };\n\n  // When signature is successful, trigger transition after a brief success message\n  useEffect(() => {\n    // todo: implement\n  }, [authState, transition]);\n\n  // Render waiting for signature screen\n  if (authState === AuthState.WAITING_FOR_SIGNATURE) {\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-gray-800 dark:text-white font-semibold\">\n            Waiting for Signature\n          </h3>\n          <p className=\"text-sm text-n1-gray-600 dark:text-neutral-400\">\n            Please sign the message in your Ethereum wallet to authenticate with\n            Solana\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  // Render success screen\n  if (authState === AuthState.SUCCESS) {\n    return (\n      <div className=\"flex flex-col items-center justify-center py-12 space-y-6\">\n        <div className=\"w-16 h-16 rounded-full bg-green-100 dark:bg-green-900 flex items-center justify-center\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            className=\"h-8 w-8 text-green-600 dark:text-green-400\"\n            fill=\"none\"\n            viewBox=\"0 0 24 24\"\n            stroke=\"currentColor\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={2}\n              d=\"M5 13l4 4L19 7\"\n            />\n          </svg>\n        </div>\n        <div className=\"space-y-2 text-center w-[300px]\">\n          <h3 className=\"text-xl text-n1-gray-800 dark:text-white font-semibold\">\n            Signature Verified\n          </h3>\n          <p className=\"text-sm text-n1-gray-600 dark:text-neutral-400\">\n            Your Ethereum wallet has been authenticated successfully\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  // Render initial screen\n  return (\n    <div className=\"overflow-hidden relative\">\n      <div className=\"space-y-6\">\n        <h2 className=\"text-xl text-n1-gray-800 dark:text-white font-semibold mb-2 text-center\">\n          EVM Wallet Authentication\n        </h2>\n        <p className=\"text-sm text-n1-gray-600 dark:text-neutral-400 text-center mb-4\">\n          You need to sign a message to authenticate your Ethereum wallet with\n          Solana\n        </p>\n\n        <button\n          onClick={handleSignatureRequest}\n          onMouseEnter={() => setIsHovered(true)}\n          onMouseLeave={() => setIsHovered(false)}\n          className={`\n            group relative w-full overflow-hidden rounded-md border-2 bg-n1-gray-100 dark:bg-neutral-950 py-4 text-center\n            transition-all duration-300 ${ANIMATION_EASE}\n            cursor-pointer border-n1-gray-200 dark:border-n1-gray-800 hover:border-n1-gray-400 dark:hover:border-white/60\n          `}\n          style={{\n            transform: isHovered ? 'scale(0.99)' : 'scale(1)',\n          }}\n        >\n          <span\n            className={`\n            text-base font-medium tracking-wide transition-colors duration-300 ${ANIMATION_EASE}\n            text-n1-gray-700 dark:text-n1-gray-300 group-hover:text-n1-gray-900 dark:group-hover:text-white\n          `}\n          >\n            Sign Authentication Message\n          </span>\n        </button>\n      </div>\n    </div>\n  );\n}\n\n// For backward compatibility\nexport { EvmWalletAuthScreen as EthToSolAuthScreen };\n"]}
+{"version":3,"file":"02-EvmWalletAuthScreen.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/screens/02-EvmWalletAuthScreen.tsx"],"names":[],"mappings":"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","sourcesContent":["// todo: implement\nimport { useEffect, useState } from 'react';\nimport { LoadingSquares } from '../components/LoadingSquares';\nimport { ANIMATION_EASE } from '../constants';\nimport { useFlowStateContext } from '../context/FlowContext';\n\nenum AuthState {\n  INITIAL = 'initial',\n  WAITING_FOR_SIGNATURE = 'waiting_for_signature',\n  SUCCESS = 'success',\n}\n\nexport function EvmWalletAuthScreen() {\n  const { transition } = useFlowStateContext();\n  const [isHovered, setIsHovered] = useState(false);\n  const [authState, setAuthState] = useState<AuthState>(AuthState.INITIAL);\n\n  // Handle signature request\n  const handleSignatureRequest = () => {\n    setAuthState(AuthState.WAITING_FOR_SIGNATURE);\n\n    // Simulate signature process - in a real implementation,\n    // this would be replaced with actual wallet signature logic\n    setTimeout(() => {\n      setAuthState(AuthState.SUCCESS);\n    }, 2000);\n  };\n\n  // When signature is successful, trigger transition after a brief success message\n  useEffect(() => {\n    // todo: implement\n  }, [authState, transition]);\n\n  // Render waiting for signature screen\n  if (authState === AuthState.WAITING_FOR_SIGNATURE) {\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            Waiting for Signature\n          </h3>\n          <p className=\"text-sm text-n1-ww-gray-600 dark:text-neutral-400\">\n            Please sign the message in your Ethereum wallet to authenticate with\n            Solana\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  // Render success screen\n  if (authState === AuthState.SUCCESS) {\n    return (\n      <div className=\"flex flex-col items-center justify-center py-12 space-y-6\">\n        <div className=\"w-16 h-16 rounded-full bg-green-100 dark:bg-green-900 flex items-center justify-center\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            className=\"h-8 w-8 text-green-600 dark:text-green-400\"\n            fill=\"none\"\n            viewBox=\"0 0 24 24\"\n            stroke=\"currentColor\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={2}\n              d=\"M5 13l4 4L19 7\"\n            />\n          </svg>\n        </div>\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            Signature Verified\n          </h3>\n          <p className=\"text-sm text-n1-ww-gray-600 dark:text-neutral-400\">\n            Your Ethereum wallet has been authenticated successfully\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  // Render initial screen\n  return (\n    <div className=\"overflow-hidden relative\">\n      <div className=\"space-y-6\">\n        <h2 className=\"text-xl text-n1-ww-gray-800 dark:text-white font-semibold mb-2 text-center\">\n          EVM Wallet Authentication\n        </h2>\n        <p className=\"text-sm text-n1-ww-gray-600 dark:text-neutral-400 text-center mb-4\">\n          You need to sign a message to authenticate your Ethereum wallet with\n          Solana\n        </p>\n\n        <button\n          onClick={handleSignatureRequest}\n          onMouseEnter={() => setIsHovered(true)}\n          onMouseLeave={() => setIsHovered(false)}\n          className={`\n            group relative w-full overflow-hidden rounded-md border-2 bg-n1-ww-gray-100 dark:bg-neutral-950 py-4 text-center\n            transition-all duration-300 ${ANIMATION_EASE}\n            cursor-pointer border-n1-ww-gray-200 dark:border-n1-ww-gray-800 hover:border-n1-ww-gray-400 dark:hover:border-white/60\n          `}\n          style={{\n            transform: isHovered ? 'scale(0.99)' : 'scale(1)',\n          }}\n        >\n          <span\n            className={`\n            text-base font-medium tracking-wide transition-colors duration-300 ${ANIMATION_EASE}\n            text-n1-ww-gray-700 dark:text-n1-ww-gray-300 group-hover:text-n1-ww-gray-900 dark:group-hover:text-white\n          `}\n          >\n            Sign Authentication Message\n          </span>\n        </button>\n      </div>\n    </div>\n  );\n}\n\n// For backward compatibility\nexport { EvmWalletAuthScreen as EthToSolAuthScreen };\n"]}

package/dist/Modal/NordFlow/screens/03-ChainSelectionScreen.js

@@ -12,7 +12,7 @@ import { FlowState } from '../types';
 // Custom N1Logo wrapper that responds to the group hover state
 var N1Logo = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 38 : _b;
-    return (_jsx("div", { className: "text-n1-gray-800 dark:text-white group-hover:text-red-500 dark:group-hover:text-red-500 transition-colors duration-200", children: _jsx(Logo, { size: size }) }));
+    return (_jsx("div", { className: "text-n1-ww-gray-800 dark:text-white group-hover:text-red-500 dark:group-hover:text-red-500 transition-colors duration-200", children: _jsx(Logo, { size: size }) }));
 };
 export function ChainSelectionScreen() {
     var transition = useFlowStateContext().transition;
@@ -61,6 +61,6 @@ export function ChainSelectionScreen() {
             disabled: true,
         },
     ];
-    return (_jsxs("div", { className: "overflow-hidden relative", children: [_jsx("h2", { className: "text-xl text-n1-gray-800 dark:text-white font-semibold mb-6 text-center", children: "Select Origin Network" }), isLoading ? (_jsx("div", { className: "flex justify-center items-center py-8", children: _jsx("div", { className: "n1-animate-spin rounded-full h-8 w-8 border-b-2 border-n1-main" }) })) : (_jsxs("div", { className: "space-y-8", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsx(ChainButton, { chain: chainsWithNetworkInfo[0], onClick: function () { return handleChainSelect(chainsWithNetworkInfo[0].id); }, disabled: chainsWithNetworkInfo[0].disabled }, chainsWithNetworkInfo[0].id), _jsx(ChainButton, { chain: chainsWithNetworkInfo[1], onClick: function () { return handleChainSelect(chainsWithNetworkInfo[1].id); }, disabled: chainsWithNetworkInfo[1].disabled }, chainsWithNetworkInfo[1].id)] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsx(EVMChainsButton, { chain: chainsWithNetworkInfo[2], onClick: function () { return handleChainSelect(chainsWithNetworkInfo[2].id); }, disabled: chainsWithNetworkInfo[2].disabled }, chainsWithNetworkInfo[2].id), _jsx(MoreButton, { chain: chainsWithNetworkInfo[3], onClick: function () { return handleChainSelect(chainsWithNetworkInfo[3].id); }, disabled: chainsWithNetworkInfo[3].disabled }, chainsWithNetworkInfo[3].id)] })] }))] }));
+    return (_jsxs("div", { className: "overflow-hidden relative", children: [_jsx("h2", { className: "text-xl text-n1-ww-gray-800 dark:text-white font-semibold mb-6 text-center", children: "Select Origin Network" }), isLoading ? (_jsx("div", { className: "flex justify-center items-center py-8", children: _jsx("div", { className: "n1-ww-animate-spin rounded-full h-8 w-8 border-b-2 border-n1-ww-main" }) })) : (_jsxs("div", { className: "space-y-8", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsx(ChainButton, { chain: chainsWithNetworkInfo[0], onClick: function () { return handleChainSelect(chainsWithNetworkInfo[0].id); }, disabled: chainsWithNetworkInfo[0].disabled }, chainsWithNetworkInfo[0].id), _jsx(ChainButton, { chain: chainsWithNetworkInfo[1], onClick: function () { return handleChainSelect(chainsWithNetworkInfo[1].id); }, disabled: chainsWithNetworkInfo[1].disabled }, chainsWithNetworkInfo[1].id)] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsx(EVMChainsButton, { chain: chainsWithNetworkInfo[2], onClick: function () { return handleChainSelect(chainsWithNetworkInfo[2].id); }, disabled: chainsWithNetworkInfo[2].disabled }, chainsWithNetworkInfo[2].id), _jsx(MoreButton, { chain: chainsWithNetworkInfo[3], onClick: function () { return handleChainSelect(chainsWithNetworkInfo[3].id); }, disabled: chainsWithNetworkInfo[3].disabled }, chainsWithNetworkInfo[3].id)] })] }))] }));
 }
 //# sourceMappingURL=03-ChainSelectionScreen.js.map

package/dist/Modal/NordFlow/screens/03-ChainSelectionScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"03-ChainSelectionScreen.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/screens/03-ChainSelectionScreen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState } from 'react';\nimport Logo from '../../../components/Logo';\nimport { SolanaLogo } from '../../../components/logos';\nimport { SolanaNetwork } from '../../../config/solana';\nimport { logger } from '../../../utils/logger';\nimport { ChainButton } from '../components/ChainButton';\nimport { EVMChainsButton } from '../components/EVMChainsButton';\nimport { MoreButton } from '../components/MoreButton';\nimport { useFlowStateContext } from '../context/FlowContext';\nimport { FlowState } from '../types';\n\n// Custom N1Logo wrapper that responds to the group hover state\nconst N1Logo = ({ size = 38 }) => (\n  <div className=\"text-n1-gray-800 dark:text-white group-hover:text-red-500 dark:group-hover:text-red-500 transition-colors duration-200\">\n    <Logo size={size} />\n  </div>\n);\n\nexport function ChainSelectionScreen() {\n  const { transition } = useFlowStateContext();\n  const [isLoading, setIsLoading] = useState(false);\n\n  // Only allow devnet, gray out other chains\n  const handleChainSelect = (chainId: string) => {\n    logger.debug('Chain selected in ChainSelectionScreen:', chainId);\n\n    // Only allow devnet to be selected\n    if (chainId === 'devnet') {\n      setIsLoading(true);\n      transition(FlowState.AMOUNT_INPUT, { selectedChain: chainId });\n    } else {\n      logger.debug('Chain not allowed:', chainId);\n      // Could show a toast or message here\n    }\n  };\n\n  // Define the 4 options as requested\n  const chainsWithNetworkInfo = [\n    {\n      id: 'devnet',\n      name: 'Devnet',\n      logo: (\n        <div\n          className=\"flex items-center justify-center\"\n          style={{ width: 48, height: 48 }}\n        >\n          <N1Logo />\n        </div>\n      ),\n      network: SolanaNetwork.DEVNET,\n      disabled: false, // Only devnet is clickable\n    },\n    {\n      id: 'solana',\n      name: 'Solana',\n      logo: (\n        <div\n          className=\"flex items-center justify-center\"\n          style={{ width: 48, height: 48 }}\n        >\n          <SolanaLogo width={36} height={36} />\n        </div>\n      ),\n      network: SolanaNetwork.MAINNET,\n      disabled: true,\n    },\n    {\n      id: 'evm-chains',\n      name: 'EVM Chains',\n      logo: '', // Not needed as we're using EVMChainsButton\n      network: '', // Empty string instead of null\n      disabled: true,\n    },\n    {\n      id: 'more',\n      name: 'More',\n      logo: '', // Not needed as we're using MoreButton\n      network: '', // Empty string instead of null\n      disabled: true,\n    },\n  ];\n\n  return (\n    <div className=\"overflow-hidden relative\">\n      <h2 className=\"text-xl text-n1-gray-800 dark:text-white font-semibold mb-6 text-center\">\n        Select Origin Network\n      </h2>\n\n      {isLoading ? (\n        <div className=\"flex justify-center items-center py-8\">\n          <div className=\"n1-animate-spin rounded-full h-8 w-8 border-b-2 border-n1-main\"></div>\n        </div>\n      ) : (\n        <div className=\"space-y-8\">\n          {/* First row: Devnet, Solana */}\n          <div className=\"grid grid-cols-2 gap-4\">\n            <ChainButton\n              key={chainsWithNetworkInfo[0].id}\n              chain={chainsWithNetworkInfo[0]}\n              onClick={() => handleChainSelect(chainsWithNetworkInfo[0].id)}\n              disabled={chainsWithNetworkInfo[0].disabled}\n            />\n            <ChainButton\n              key={chainsWithNetworkInfo[1].id}\n              chain={chainsWithNetworkInfo[1]}\n              onClick={() => handleChainSelect(chainsWithNetworkInfo[1].id)}\n              disabled={chainsWithNetworkInfo[1].disabled}\n            />\n          </div>\n\n          {/* Second row: EVM Chains, More */}\n          <div className=\"grid grid-cols-2 gap-4\">\n            <EVMChainsButton\n              key={chainsWithNetworkInfo[2].id}\n              chain={chainsWithNetworkInfo[2]}\n              onClick={() => handleChainSelect(chainsWithNetworkInfo[2].id)}\n              disabled={chainsWithNetworkInfo[2].disabled}\n            />\n            <MoreButton\n              key={chainsWithNetworkInfo[3].id}\n              chain={chainsWithNetworkInfo[3]}\n              onClick={() => handleChainSelect(chainsWithNetworkInfo[3].id)}\n              disabled={chainsWithNetworkInfo[3].disabled}\n            />\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"03-ChainSelectionScreen.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/screens/03-ChainSelectionScreen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState } from 'react';\nimport Logo from '../../../components/Logo';\nimport { SolanaLogo } from '../../../components/logos';\nimport { SolanaNetwork } from '../../../config/solana';\nimport { logger } from '../../../utils/logger';\nimport { ChainButton } from '../components/ChainButton';\nimport { EVMChainsButton } from '../components/EVMChainsButton';\nimport { MoreButton } from '../components/MoreButton';\nimport { useFlowStateContext } from '../context/FlowContext';\nimport { FlowState } from '../types';\n\n// Custom N1Logo wrapper that responds to the group hover state\nconst N1Logo = ({ size = 38 }) => (\n  <div className=\"text-n1-ww-gray-800 dark:text-white group-hover:text-red-500 dark:group-hover:text-red-500 transition-colors duration-200\">\n    <Logo size={size} />\n  </div>\n);\n\nexport function ChainSelectionScreen() {\n  const { transition } = useFlowStateContext();\n  const [isLoading, setIsLoading] = useState(false);\n\n  // Only allow devnet, gray out other chains\n  const handleChainSelect = (chainId: string) => {\n    logger.debug('Chain selected in ChainSelectionScreen:', chainId);\n\n    // Only allow devnet to be selected\n    if (chainId === 'devnet') {\n      setIsLoading(true);\n      transition(FlowState.AMOUNT_INPUT, { selectedChain: chainId });\n    } else {\n      logger.debug('Chain not allowed:', chainId);\n      // Could show a toast or message here\n    }\n  };\n\n  // Define the 4 options as requested\n  const chainsWithNetworkInfo = [\n    {\n      id: 'devnet',\n      name: 'Devnet',\n      logo: (\n        <div\n          className=\"flex items-center justify-center\"\n          style={{ width: 48, height: 48 }}\n        >\n          <N1Logo />\n        </div>\n      ),\n      network: SolanaNetwork.DEVNET,\n      disabled: false, // Only devnet is clickable\n    },\n    {\n      id: 'solana',\n      name: 'Solana',\n      logo: (\n        <div\n          className=\"flex items-center justify-center\"\n          style={{ width: 48, height: 48 }}\n        >\n          <SolanaLogo width={36} height={36} />\n        </div>\n      ),\n      network: SolanaNetwork.MAINNET,\n      disabled: true,\n    },\n    {\n      id: 'evm-chains',\n      name: 'EVM Chains',\n      logo: '', // Not needed as we're using EVMChainsButton\n      network: '', // Empty string instead of null\n      disabled: true,\n    },\n    {\n      id: 'more',\n      name: 'More',\n      logo: '', // Not needed as we're using MoreButton\n      network: '', // Empty string instead of null\n      disabled: true,\n    },\n  ];\n\n  return (\n    <div className=\"overflow-hidden relative\">\n      <h2 className=\"text-xl text-n1-ww-gray-800 dark:text-white font-semibold mb-6 text-center\">\n        Select Origin Network\n      </h2>\n\n      {isLoading ? (\n        <div className=\"flex justify-center items-center py-8\">\n          <div className=\"n1-ww-animate-spin rounded-full h-8 w-8 border-b-2 border-n1-ww-main\"></div>\n        </div>\n      ) : (\n        <div className=\"space-y-8\">\n          {/* First row: Devnet, Solana */}\n          <div className=\"grid grid-cols-2 gap-4\">\n            <ChainButton\n              key={chainsWithNetworkInfo[0].id}\n              chain={chainsWithNetworkInfo[0]}\n              onClick={() => handleChainSelect(chainsWithNetworkInfo[0].id)}\n              disabled={chainsWithNetworkInfo[0].disabled}\n            />\n            <ChainButton\n              key={chainsWithNetworkInfo[1].id}\n              chain={chainsWithNetworkInfo[1]}\n              onClick={() => handleChainSelect(chainsWithNetworkInfo[1].id)}\n              disabled={chainsWithNetworkInfo[1].disabled}\n            />\n          </div>\n\n          {/* Second row: EVM Chains, More */}\n          <div className=\"grid grid-cols-2 gap-4\">\n            <EVMChainsButton\n              key={chainsWithNetworkInfo[2].id}\n              chain={chainsWithNetworkInfo[2]}\n              onClick={() => handleChainSelect(chainsWithNetworkInfo[2].id)}\n              disabled={chainsWithNetworkInfo[2].disabled}\n            />\n            <MoreButton\n              key={chainsWithNetworkInfo[3].id}\n              chain={chainsWithNetworkInfo[3]}\n              onClick={() => handleChainSelect(chainsWithNetworkInfo[3].id)}\n              disabled={chainsWithNetworkInfo[3].disabled}\n            />\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

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

@@ -98,23 +98,6 @@ export function AmountInputScreen() {
     // Function to refresh balances
     var refreshBalance = useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
         return __generator(this, function (_a) {
-            try {
-                console.log('Refreshing balance...');
-                // Implementation would depend on your actual data structure
-                // If we have a nordUser, try to refresh balances using Nord-TS
-                if (nord && isNordConfigured(nord)) {
-                    try {
-                        // This is a placeholder - in a real implementation, you would use the correct method
-                        console.log('Refreshing balances using Nord-TS');
-                    }
-                    catch (error) {
-                        console.warn('Error refreshing balances using Nord-TS, falling back to default method:', error);
-                    }
-                }
-            }
-            catch (error) {
-                console.error('Error refreshing balance:', error);
-            }
             return [2 /*return*/];
         });
     }); }, [nord]);
@@ -124,7 +107,6 @@ export function AmountInputScreen() {
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    console.log('requestTestnetTokens', faucetUrl, address);
                     if (!faucetUrl || !address)
                         return [2 /*return*/];
                     _a.label = 1;
@@ -204,13 +186,13 @@ 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-gray-800 dark:text-white font-semibold", children: "Obtaining Testnet Tokens" }), _jsx("p", { className: "text-sm text-n1-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-animate-fade-up", children: "\u2713" }), _jsxs("div", { className: "space-y-2 text-center", children: [_jsx("h3", { className: "text-xl text-n1-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-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-animate-fade-up", children: "\u26A0\uFE0F" }), _jsxs("div", { className: "space-y-2 text-center", children: [_jsx("h3", { className: "text-xl text-n1-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-main text-white rounded-sm hover:bg-n1-main/90 transition-colors", children: "Try Again" })] })] })) : null })), _jsx("h2", { className: "text-xl text-n1-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-gray-200 dark:border-n1-gray-800 bg-n1-gray-100 dark:bg-n1-gray-900 rounded-sm p-0 overflow-hidden n1-animate-fade-up", style: { animationDelay: '0.1s' }, children: [_jsxs("div", { className: "flex items-center justify-between p-4 border-b border-n1-gray-200 dark:border-n1-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-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-gray-800 dark:text-white font-medium", children: tokenSymbol })] }), _jsx("div", { className: "text-xs rounded-sm bg-n1-gray-200 dark:bg-n1-gray-800 px-2 py-1 text-n1-gray-600 dark:text-n1-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-gray-800 dark:text-white mr-1 n1-animate-fade-up", style: { animationDelay: '0.2s' }, children: amount }), _jsx("span", { className: "text-xl text-n1-gray-500 dark:text-neutral-400 ml-1 n1-animate-fade-up", style: { animationDelay: '0.3s' }, children: tokenSymbol })] }), _jsx("div", { className: "w-16 h-1 bg-n1-gray-200 dark:bg-n1-gray-800 rounded-full mt-4 mb-2" }), _jsx("div", { className: "flex justify-center items-center text-sm mt-2 w-full n1-animate-fade-up", style: { animationDelay: '0.4s' }, children: _jsxs("span", { className: "text-n1-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-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-gray-100 dark:bg-neutral-950 py-4 text-center\n            transition-all duration-300 ".concat(ANIMATION_EASE, " n1-animate-fade-up\n            ").concat(isValidAmount
-                            ? 'cursor-pointer border-n1-gray-200 dark:border-n1-gray-800 hover:border-n1-gray-400 dark:hover:border-white/60'
+    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
+                            ? '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)',
                             animationDelay: '0.6s'
                         }, children: _jsx("span", { className: "\n              text-base font-medium tracking-wide transition-colors duration-300 ".concat(ANIMATION_EASE, "\n              ").concat(isValidAmount
-                                ? 'text-n1-gray-700 dark:text-n1-gray-300 group-hover:text-n1-gray-900 dark:group-hover:text-white'
-                                : 'text-n1-gray-400 dark:text-n1-gray-600', "\n            "), children: "Continue" }) })] })] }));
+                                ? 'text-n1-ww-gray-700 dark:text-n1-ww-gray-300 group-hover:text-n1-ww-gray-900 dark:group-hover:text-white'
+                                : 'text-n1-ww-gray-400 dark:text-n1-ww-gray-600', "\n            "), children: "Continue" }) })] })] }));
 }
 //# sourceMappingURL=04-AmountInputScreen.js.map