@n1xyz/wallet-widget 0.0.29 → 0.0.30

package/dist/Modal/NordFlow/hooks/useTestnetFaucet.js

@@ -37,12 +37,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useN1WalletContext, useN1WalletInternalContext, } from '../../../Provider/hooks';
 import { useFlowStateContext } from '../context/FlowContext';
+import { logger } from '../../../utils/logger';
 /**
  * Centralizes the faucet orchestration logic so it can be toggled from the widget entry point.
  */
 export function useTestnetFaucet(_a) {
     var _this = this;
-    var enabled = _a.enabled, balance = _a.balance, minDeposit = _a.minDeposit;
+    var enabled = _a.enabled, balance = _a.balance, minDeposit = _a.minDeposit, onBalanceRefresh = _a.onBalanceRefresh;
     var address = useN1WalletContext().address;
     var faucetUrl = useN1WalletInternalContext().faucetUrl;
     var context = useFlowStateContext().context;
@@ -53,10 +54,28 @@ export function useTestnetFaucet(_a) {
     var _d = useState(false), tokensObtained = _d[0], setTokensObtained = _d[1];
     var _e = useState(false), showFaucetSuccess = _e[0], setShowFaucetSuccess = _e[1];
     var refreshBalance = useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
+        var error_1;
         return __generator(this, function (_a) {
-            return [2 /*return*/];
+            switch (_a.label) {
+                case 0:
+                    if (!onBalanceRefresh) {
+                        return [2 /*return*/];
+                    }
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, onBalanceRefresh()];
+                case 2:
+                    _a.sent();
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _a.sent();
+                    logger.warn('Failed to refresh balance after faucet request', error_1);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
         });
-    }); }, []);
+    }); }, [onBalanceRefresh]);
     var shouldShowFaucet = useMemo(function () {
         return enabled && Boolean(faucetUrl) && !tokensObtained;
     }, [enabled, faucetUrl, tokensObtained]);
@@ -68,7 +87,7 @@ export function useTestnetFaucet(_a) {
             showFaucetSuccess);
     }, [shouldShowFaucet, isFaucetLoading, faucetError, showFaucetSuccess]);
     var requestTestnetTokens = useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
-        var response, errorData, error_1;
+        var response, errorData, error_2;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -110,9 +129,9 @@ export function useTestnetFaucet(_a) {
                     setShowFaucetSuccess(false);
                     return [3 /*break*/, 9];
                 case 7:
-                    error_1 = _a.sent();
-                    console.error('Faucet error:', error_1);
-                    setFaucetError(error_1 instanceof Error ? error_1.message : 'Failed to request tokens');
+                    error_2 = _a.sent();
+                    console.error('Faucet error:', error_2);
+                    setFaucetError(error_2 instanceof Error ? error_2.message : 'Failed to request tokens');
                     faucetFiredRef.current = false;
                     return [3 /*break*/, 9];
                 case 8:

package/dist/Modal/NordFlow/hooks/useTestnetFaucet.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTestnetFaucet.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/hooks/useTestnetFaucet.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,EACL,kBAAkB,EAClB,0BAA0B,GAC3B,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAgB7D;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAIR;IAJzB,iBAwHC;QAvHC,OAAO,aAAA,EACP,OAAO,aAAA,EACP,UAAU,gBAAA;IAEF,IAAA,OAAO,GAAK,kBAAkB,EAAE,QAAzB,CAA0B;IACjC,IAAA,SAAS,GAAK,0BAA0B,EAAE,UAAjC,CAAkC;IAC3C,IAAA,OAAO,GAAK,mBAAmB,EAAE,QAA1B,CAA2B;IAE1C,IAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACrC,IAAM,cAAc,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IAEjC,IAAA,KAAwC,QAAQ,CAAC,KAAK,CAAC,EAAtD,eAAe,QAAA,EAAE,kBAAkB,QAAmB,CAAC;IACxD,IAAA,KAAgC,QAAQ,CAAgB,IAAI,CAAC,EAA5D,WAAW,QAAA,EAAE,cAAc,QAAiC,CAAC;IAC9D,IAAA,KAAsC,QAAQ,CAAC,KAAK,CAAC,EAApD,cAAc,QAAA,EAAE,iBAAiB,QAAmB,CAAC;IACtD,IAAA,KAA4C,QAAQ,CAAC,KAAK,CAAC,EAA1D,iBAAiB,QAAA,EAAE,oBAAoB,QAAmB,CAAC;IAElE,IAAM,cAAc,GAAG,WAAW,CAAC;;;;SAElC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,gBAAgB,GAAG,OAAO,CAAC;QAC/B,OAAO,OAAO,IAAI,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC;IAC1D,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC;IAEzC,IAAM,iBAAiB,GAAG,OAAO,CAAC;QAChC,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACtB,OAAO,KAAK,CAAC;QACf,CAAC;QAED,OAAO,CACL,CAAC,eAAe,IAAI,WAAW,KAAK,IAAI,CAAC;YACzC,iBAAiB,CAClB,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,EAAE,eAAe,EAAE,WAAW,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAExE,IAAM,oBAAoB,GAAG,WAAW,CAAC;;;;;oBACvC,IAAI,CAAC,gBAAgB,IAAI,CAAC,OAAO,IAAI,CAAC,SAAS;wBAAE,sBAAO;oBACxD,IAAI,cAAc,CAAC,OAAO;wBAAE,sBAAO;oBAEnC,cAAc,CAAC,OAAO,GAAG,IAAI,CAAC;;;;oBAG5B,kBAAkB,CAAC,IAAI,CAAC,CAAC;oBACzB,cAAc,CAAC,IAAI,CAAC,CAAC;oBACrB,oBAAoB,CAAC,KAAK,CAAC,CAAC;oBAEX,qBAAM,KAAK,CAAC,SAAS,EAAE;4BACtC,MAAM,EAAE,MAAM;4BACd,OAAO,EAAE;gCACP,cAAc,EAAE,kBAAkB;6BACnC;4BACD,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,OAAO,SAAA,EAAE,CAAC;yBAClC,CAAC,EAAA;;oBANI,QAAQ,GAAG,SAMf;yBAEE,CAAC,QAAQ,CAAC,EAAE,EAAZ,wBAAY;oBACI,qBAAM,QAAQ;6BAC7B,IAAI,EAAE;6BACN,KAAK,CAAC,cAAM,OAAA,CAAC,EAAE,KAAK,EAAE,0BAA0B,EAAE,CAAC,EAAvC,CAAuC,CAAC,EAAA;;oBAFjD,SAAS,GAAG,SAEqC;oBACvD,MAAM,IAAI,KAAK,CAAC,SAAS,CAAC,KAAK,IAAI,0BAA0B,CAAC,CAAC;wBAGjE,qBAAM,QAAQ,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,cAAM,OAAA,CAAC,EAAE,CAAC,EAAJ,CAAI,CAAC,EAAA;;oBAAvC,SAAuC,CAAC;oBACxC,iBAAiB,CAAC,IAAI,CAAC,CAAC;oBACxB,oBAAoB,CAAC,IAAI,CAAC,CAAC;oBAE3B,qBAAM,cAAc,EAAE,EAAA;;oBAAtB,SAAsB,CAAC;oBACvB,oBAAoB,CAAC,KAAK,CAAC,CAAC;;;;oBAE5B,OAAO,CAAC,KAAK,CAAC,eAAe,EAAE,OAAK,CAAC,CAAC;oBACtC,cAAc,CACZ,OAAK,YAAY,KAAK,CAAC,CAAC,CAAC,OAAK,CAAC,OAAO,CAAC,CAAC,CAAC,0BAA0B,CACpE,CAAC;oBACF,cAAc,CAAC,OAAO,GAAG,KAAK,CAAC;;;oBAE/B,kBAAkB,CAAC,KAAK,CAAC,CAAC;;;;;SAE7B,EAAE,CAAC,gBAAgB,EAAE,OAAO,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC;IAE3D,SAAS,CAAC;QACR,IACE,CAAC,gBAAgB;YACjB,eAAe;YACf,WAAW;YACX,iBAAiB;YACjB,OAAO,CAAC,YAAY,IAAI,IAAI;YAC5B,cAAc,CAAC,OAAO,EACtB,CAAC;YACD,OAAO;QACT,CAAC;QAED,oBAAoB,EAAE,CAAC;IACzB,CAAC,EAAE;QACD,gBAAgB;QAChB,eAAe;QACf,WAAW;QACX,iBAAiB;QACjB,OAAO,CAAC,YAAY;QACpB,oBAAoB;KACrB,CAAC,CAAC;IAEH,SAAS,CAAC;QACR,IAAI,OAAO,GAAG,cAAc,CAAC,OAAO,IAAI,OAAO,IAAI,UAAU,EAAE,CAAC;YAC9D,iBAAiB,CAAC,KAAK,CAAC,CAAC;YACzB,oBAAoB,CAAC,KAAK,CAAC,CAAC;QAC9B,CAAC;aAAM,IAAI,OAAO,GAAG,UAAU,GAAG,CAAC,EAAE,CAAC;YACpC,cAAc,CAAC,OAAO,GAAG,KAAK,CAAC;YAC/B,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC;QAED,cAAc,CAAC,OAAO,GAAG,OAAO,CAAC;IACnC,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAE1B,OAAO;QACL,eAAe,iBAAA;QACf,WAAW,aAAA;QACX,iBAAiB,mBAAA;QACjB,iBAAiB,mBAAA;QACjB,oBAAoB,sBAAA;KACrB,CAAC;AACJ,CAAC","sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  useN1WalletContext,\n  useN1WalletInternalContext,\n} from '../../../Provider/hooks';\nimport { useFlowStateContext } from '../context/FlowContext';\n\ninterface UseTestnetFaucetParams {\n  enabled: boolean;\n  balance: number;\n  minDeposit: number;\n}\n\ninterface UseTestnetFaucetResult {\n  isFaucetLoading: boolean;\n  faucetError: string | null;\n  showFaucetSuccess: boolean;\n  showFaucetOverlay: boolean;\n  requestTestnetTokens: () => Promise<void>;\n}\n\n/**\n * Centralizes the faucet orchestration logic so it can be toggled from the widget entry point.\n */\nexport function useTestnetFaucet({\n  enabled,\n  balance,\n  minDeposit,\n}: UseTestnetFaucetParams): UseTestnetFaucetResult {\n  const { address } = useN1WalletContext();\n  const { faucetUrl } = useN1WalletInternalContext();\n  const { context } = useFlowStateContext();\n\n  const faucetFiredRef = useRef(false);\n  const prevBalanceRef = useRef(balance);\n\n  const [isFaucetLoading, setIsFaucetLoading] = useState(false);\n  const [faucetError, setFaucetError] = useState<string | null>(null);\n  const [tokensObtained, setTokensObtained] = useState(false);\n  const [showFaucetSuccess, setShowFaucetSuccess] = useState(false);\n\n  const refreshBalance = useCallback(async () => {\n    // TODO: implement when balance fetching is wired up\n  }, []);\n\n  const shouldShowFaucet = useMemo(() => {\n    return enabled && Boolean(faucetUrl) && !tokensObtained;\n  }, [enabled, faucetUrl, tokensObtained]);\n\n  const showFaucetOverlay = useMemo(() => {\n    if (!shouldShowFaucet) {\n      return false;\n    }\n\n    return (\n      (isFaucetLoading || faucetError !== null) ||\n      showFaucetSuccess\n    );\n  }, [shouldShowFaucet, isFaucetLoading, faucetError, showFaucetSuccess]);\n\n  const requestTestnetTokens = useCallback(async () => {\n    if (!shouldShowFaucet || !address || !faucetUrl) return;\n    if (faucetFiredRef.current) return;\n\n    faucetFiredRef.current = true;\n\n    try {\n      setIsFaucetLoading(true);\n      setFaucetError(null);\n      setShowFaucetSuccess(false);\n\n      const response = await fetch(faucetUrl, {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        body: JSON.stringify({ address }),\n      });\n\n      if (!response.ok) {\n        const errorData = await response\n          .json()\n          .catch(() => ({ error: 'Failed to request tokens' }));\n        throw new Error(errorData.error || 'Failed to request tokens');\n      }\n\n      await response.json().catch(() => ({}));\n      setTokensObtained(true);\n      setShowFaucetSuccess(true);\n\n      await refreshBalance();\n      setShowFaucetSuccess(false);\n    } catch (error) {\n      console.error('Faucet error:', error);\n      setFaucetError(\n        error instanceof Error ? error.message : 'Failed to request tokens'\n      );\n      faucetFiredRef.current = false;\n    } finally {\n      setIsFaucetLoading(false);\n    }\n  }, [shouldShowFaucet, address, faucetUrl, refreshBalance]);\n\n  useEffect(() => {\n    if (\n      !shouldShowFaucet ||\n      isFaucetLoading ||\n      faucetError ||\n      showFaucetSuccess ||\n      context.depositError != null ||\n      faucetFiredRef.current\n    ) {\n      return;\n    }\n\n    requestTestnetTokens();\n  }, [\n    shouldShowFaucet,\n    isFaucetLoading,\n    faucetError,\n    showFaucetSuccess,\n    context.depositError,\n    requestTestnetTokens,\n  ]);\n\n  useEffect(() => {\n    if (balance > prevBalanceRef.current && balance >= minDeposit) {\n      setTokensObtained(false);\n      setShowFaucetSuccess(false);\n    } else if (balance < minDeposit / 2) {\n      faucetFiredRef.current = false;\n      setTokensObtained(false);\n    }\n\n    prevBalanceRef.current = balance;\n  }, [balance, minDeposit]);\n\n  return {\n    isFaucetLoading,\n    faucetError,\n    showFaucetSuccess,\n    showFaucetOverlay,\n    requestTestnetTokens,\n  };\n}\n"]}
+{"version":3,"file":"useTestnetFaucet.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/hooks/useTestnetFaucet.ts"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  useN1WalletContext,\n  useN1WalletInternalContext,\n} from '../../../Provider/hooks';\nimport { useFlowStateContext } from '../context/FlowContext';\nimport { logger } from '../../../utils/logger';\n\ninterface UseTestnetFaucetParams {\n  enabled: boolean;\n  balance: number;\n  minDeposit: number;\n  onBalanceRefresh?: () => Promise<void>;\n}\n\ninterface UseTestnetFaucetResult {\n  isFaucetLoading: boolean;\n  faucetError: string | null;\n  showFaucetSuccess: boolean;\n  showFaucetOverlay: boolean;\n  requestTestnetTokens: () => Promise<void>;\n}\n\n/**\n * Centralizes the faucet orchestration logic so it can be toggled from the widget entry point.\n */\nexport function useTestnetFaucet({\n  enabled,\n  balance,\n  minDeposit,\n  onBalanceRefresh,\n}: UseTestnetFaucetParams): UseTestnetFaucetResult {\n  const { address } = useN1WalletContext();\n  const { faucetUrl } = useN1WalletInternalContext();\n  const { context } = useFlowStateContext();\n\n  const faucetFiredRef = useRef(false);\n  const prevBalanceRef = useRef(balance);\n\n  const [isFaucetLoading, setIsFaucetLoading] = useState(false);\n  const [faucetError, setFaucetError] = useState<string | null>(null);\n  const [tokensObtained, setTokensObtained] = useState(false);\n  const [showFaucetSuccess, setShowFaucetSuccess] = useState(false);\n\n  const refreshBalance = useCallback(async () => {\n    if (!onBalanceRefresh) {\n      return;\n    }\n    try {\n      await onBalanceRefresh();\n    } catch (error) {\n      logger.warn('Failed to refresh balance after faucet request', error);\n    }\n  }, [onBalanceRefresh]);\n\n  const shouldShowFaucet = useMemo(() => {\n    return enabled && Boolean(faucetUrl) && !tokensObtained;\n  }, [enabled, faucetUrl, tokensObtained]);\n\n  const showFaucetOverlay = useMemo(() => {\n    if (!shouldShowFaucet) {\n      return false;\n    }\n\n    return (\n      (isFaucetLoading || faucetError !== null) ||\n      showFaucetSuccess\n    );\n  }, [shouldShowFaucet, isFaucetLoading, faucetError, showFaucetSuccess]);\n\n  const requestTestnetTokens = useCallback(async () => {\n    if (!shouldShowFaucet || !address || !faucetUrl) return;\n    if (faucetFiredRef.current) return;\n\n    faucetFiredRef.current = true;\n\n    try {\n      setIsFaucetLoading(true);\n      setFaucetError(null);\n      setShowFaucetSuccess(false);\n\n      const response = await fetch(faucetUrl, {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        body: JSON.stringify({ address }),\n      });\n\n      if (!response.ok) {\n        const errorData = await response\n          .json()\n          .catch(() => ({ error: 'Failed to request tokens' }));\n        throw new Error(errorData.error || 'Failed to request tokens');\n      }\n\n      await response.json().catch(() => ({}));\n      setTokensObtained(true);\n      setShowFaucetSuccess(true);\n\n      await refreshBalance();\n      setShowFaucetSuccess(false);\n    } catch (error) {\n      console.error('Faucet error:', error);\n      setFaucetError(\n        error instanceof Error ? error.message : 'Failed to request tokens'\n      );\n      faucetFiredRef.current = false;\n    } finally {\n      setIsFaucetLoading(false);\n    }\n  }, [shouldShowFaucet, address, faucetUrl, refreshBalance]);\n\n  useEffect(() => {\n    if (\n      !shouldShowFaucet ||\n      isFaucetLoading ||\n      faucetError ||\n      showFaucetSuccess ||\n      context.depositError != null ||\n      faucetFiredRef.current\n    ) {\n      return;\n    }\n\n    requestTestnetTokens();\n  }, [\n    shouldShowFaucet,\n    isFaucetLoading,\n    faucetError,\n    showFaucetSuccess,\n    context.depositError,\n    requestTestnetTokens,\n  ]);\n\n  useEffect(() => {\n    if (balance > prevBalanceRef.current && balance >= minDeposit) {\n      setTokensObtained(false);\n      setShowFaucetSuccess(false);\n    } else if (balance < minDeposit / 2) {\n      faucetFiredRef.current = false;\n      setTokensObtained(false);\n    }\n\n    prevBalanceRef.current = balance;\n  }, [balance, minDeposit]);\n\n  return {\n    isFaucetLoading,\n    faucetError,\n    showFaucetSuccess,\n    showFaucetOverlay,\n    requestTestnetTokens,\n  };\n}\n"]}

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

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

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

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

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

@@ -1,66 +1,115 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import Logo from '../../../components/Logo';
-import { SolanaLogo } from '../../../components/logos';
-import { SolanaNetwork } from '../../../config/solana';
-import { logger } from '../../../utils/logger';
-import { ChainButton } from '../components/ChainButton';
-import { EVMChainsButton } from '../components/EVMChainsButton';
-import { MoreButton } from '../components/MoreButton';
-import { useFlowStateContext } from '../context/FlowContext';
-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-white group-hover:text-red-500 transition-colors duration-200", children: _jsx(Logo, { size: size }) }));
-};
+import { useCallback, useMemo, useState } from "react";
+import { SolanaLogo, HyperliquidLogo, ArbitrumLogo, EthereumLogo } from "../../../components/logos";
+import { SolanaNetwork } from "../../../config/solana";
+import { logger } from "../../../utils/logger";
+import { ChainButton } from "../components/ChainButton";
+import { useWalletConnectContext } from "../context/WalletConnectContext";
+import { useFlowStateContext } from "../context/FlowContext";
+import { FlowState } from "../types";
 export function ChainSelectionScreen() {
-    var transition = useFlowStateContext().transition;
-    var _a = useState(false), isLoading = _a[0], setIsLoading = _a[1];
-    // Only allow devnet, gray out other chains
-    var handleChainSelect = function (chainId) {
-        logger.debug('Chain selected in ChainSelectionScreen:', chainId);
-        // Only allow devnet to be selected
-        if (chainId === 'devnet') {
-            setIsLoading(true);
-            transition(FlowState.AMOUNT_INPUT, { selectedChain: chainId });
-        }
-        else {
-            logger.debug('Chain not allowed:', chainId);
-            // Could show a toast or message here
-        }
-    };
-    // Define the 4 options as requested
-    var chainsWithNetworkInfo = [
+    var disconnectWallet = useWalletConnectContext().disconnectWallet;
+    var _a = useFlowStateContext(), transition = _a.transition, context = _a.context;
+    // Define the chains
+    var chainsWithNetworkInfo = useMemo(function () { return [
         {
-            id: 'devnet',
-            name: 'Devnet',
-            logo: (_jsx("div", { className: "flex items-center justify-center", style: { width: 48, height: 48 }, children: _jsx(N1Logo, {}) })),
-            network: SolanaNetwork.DEVNET,
-            disabled: false, // Only devnet is clickable
+            id: "solana",
+            name: "Solana",
+            subtitle: "~1 minute deposit time",
+            logo: (_jsx("div", { className: "flex items-center justify-center", style: { width: 16, height: 16 }, children: _jsx(SolanaLogo, { width: 16, height: 16 }) })),
+            network: SolanaNetwork.MAINNET,
+            disabled: false,
+            soon: false,
         },
         {
-            id: 'solana',
-            name: 'Solana',
-            logo: (_jsx("div", { className: "flex items-center justify-center", style: { width: 48, height: 48 }, children: _jsx(SolanaLogo, { width: 36, height: 36 }) })),
-            network: SolanaNetwork.MAINNET,
-            disabled: true,
+            id: "hyperliquid",
+            name: "Hyperliquid",
+            subtitle: undefined,
+            logo: (_jsx("div", { className: "flex items-center justify-center", style: { width: 16, height: 16 }, children: _jsx(HyperliquidLogo, { width: 16, height: 16 }) })),
+            network: "",
+            disabled: false,
+            soon: true,
         },
         {
-            id: 'evm-chains',
-            name: 'EVM Chains',
-            logo: '', // Not needed as we're using EVMChainsButton
-            network: '', // Empty string instead of null
-            disabled: true,
+            id: "arbitrum",
+            name: "Arbitrum",
+            subtitle: undefined,
+            logo: (_jsx("div", { className: "flex items-center justify-center", style: { width: 16, height: 16 }, children: _jsx(ArbitrumLogo, { width: 16, height: 16 }) })),
+            network: "",
+            disabled: false,
+            soon: true,
         },
         {
-            id: 'more',
-            name: 'More',
-            logo: '', // Not needed as we're using MoreButton
-            network: '', // Empty string instead of null
-            disabled: true,
+            id: "ethereum",
+            name: "Ethereum",
+            subtitle: undefined,
+            logo: (_jsx("div", { className: "flex items-center justify-center", style: { width: 16, height: 16 }, children: _jsx(EthereumLogo, { width: 16, height: 16 }) })),
+            network: "",
+            disabled: false,
+            soon: true,
         },
-    ];
-    return (_jsx("div", { className: "overflow-hidden relative", children: 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-border" }) })) : (_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)] })] })) }));
+    ]; }, []);
+    var initialSelectedChainId = useMemo(function () {
+        var _a;
+        if (context.selectedChainId) {
+            var chainFromId = chainsWithNetworkInfo.find(function (chain) { return chain.id === context.selectedChainId; });
+            if (chainFromId) {
+                return chainFromId.id;
+            }
+        }
+        if (context.selectedChain) {
+            var normalizedContextValue_1 = context.selectedChain.toLowerCase();
+            var chainFromContext = chainsWithNetworkInfo.find(function (chain) {
+                return chain.name.toLowerCase() === normalizedContextValue_1 ||
+                    chain.id.toLowerCase() === normalizedContextValue_1;
+            });
+            if (chainFromContext) {
+                return chainFromContext.id;
+            }
+        }
+        return ((_a = chainsWithNetworkInfo.find(function (c) { return !c.disabled && !c.soon; })) === null || _a === void 0 ? void 0 : _a.id) || null;
+    }, [chainsWithNetworkInfo, context.selectedChain, context.selectedChainId]);
+    // Initialize with first enabled chain selected
+    var _b = useState(initialSelectedChainId), selectedChainId = _b[0], setSelectedChainId = _b[1];
+    // Handle chain selection - only Solana can be selected
+    var handleChainSelect = useCallback(function (chainId) {
+        logger.debug("Chain selected in ChainSelectionScreen:", chainId);
+        // Find the chain to check if it's disabled or "soon"
+        var chain = chainsWithNetworkInfo.find(function (c) { return c.id === chainId; });
+        // Only update selection if chain is not disabled and not "soon" (only Solana)
+        if (chain && !chain.disabled && !chain.soon) {
+            // Select the chain (only one can be selected at a time)
+            setSelectedChainId(chainId);
+        }
+        else {
+            logger.debug("Chain not selectable:", chainId);
+        }
+    }, [chainsWithNetworkInfo]);
+    var selectedChain = useMemo(function () { return chainsWithNetworkInfo.find(function (chain) { return chain.id === selectedChainId; }); }, [chainsWithNetworkInfo, selectedChainId]);
+    var handleContinue = useCallback(function () {
+        var _a;
+        if (!selectedChain || selectedChain.disabled || selectedChain.soon) {
+            logger.debug("Continue button clicked without selectable chain");
+            return;
+        }
+        var didTransition = transition(FlowState.AMOUNT_INPUT, {
+            selectedChain: selectedChain.name,
+            selectedChainId: selectedChain.id,
+            selectedChainNetwork: (_a = selectedChain.network) !== null && _a !== void 0 ? _a : null,
+            depositError: undefined,
+            lastDeposit: null,
+        });
+        if (!didTransition) {
+            logger.warn("Failed to transition to amount input from chain selection");
+        }
+    }, [selectedChain, transition]);
+    var handleDisconnect = useCallback(function () {
+        logger.debug("Disconnect button clicked");
+        disconnectWallet();
+    }, [disconnectWallet]);
+    var isContinueDisabled = !selectedChain || selectedChain.disabled || selectedChain.soon;
+    return (_jsx("div", { className: "overflow-visible relative", children: _jsxs("div", { className: "flex flex-col space-y-3", children: [chainsWithNetworkInfo.map(function (chain) { return (_jsx(ChainButton, { chain: chain, onClick: function () { return handleChainSelect(chain.id); }, disabled: chain.disabled, selected: selectedChainId === chain.id && !chain.soon, soon: chain.soon, subtitle: chain.subtitle }, chain.id)); }), _jsxs("div", { className: "flex flex-col space-y-2", children: [_jsx("button", { type: "button", onClick: handleContinue, disabled: isContinueDisabled, className: "w-full h-8 rounded border bg-transparent flex font-medium items-center justify-center transition-all duration-200 transform ".concat(isContinueDisabled
+                                ? "border-n1-ww-border opacity-50 cursor-not-allowed"
+                                : "border-n1-ww-main hover:bg-n1-ww-gray-900 cursor-pointer"), children: _jsx("span", { className: "font-medium text-sm opacity-90 ".concat(isContinueDisabled ? "text-n1-ww-gray-500" : "text-n1-ww-main"), children: "Continue" }) }), _jsx("button", { type: "button", onClick: handleDisconnect, className: "w-full h-8 rounded border border-n1-ww-border bg-transparent flex font-medium items-center justify-center transition-all duration-200 transform hover:bg-n1-ww-gray-900 cursor-pointer", children: _jsx("span", { className: "text-white font-medium text-sm opacity-90", children: "Disconnect" }) })] })] }) }));
 }
 //# sourceMappingURL=02-ChainSelectionScreen.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"02-ChainSelectionScreen.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/screens/02-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-white 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\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-border\"></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":"02-ChainSelectionScreen.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/screens/02-ChainSelectionScreen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\nimport { \n  SolanaLogo, \n  HyperliquidLogo, \n  ArbitrumLogo, \n  EthereumLogo\n} from \"../../../components/logos\";\nimport { SolanaNetwork } from \"../../../config/solana\";\nimport { logger } from \"../../../utils/logger\";\nimport { ChainButton } from \"../components/ChainButton\";\nimport { useWalletConnectContext } from \"../context/WalletConnectContext\";\nimport { useFlowStateContext } from \"../context/FlowContext\";\nimport { FlowState } from \"../types\";\n\nexport function ChainSelectionScreen() {\n  const { disconnectWallet } = useWalletConnectContext();\n  const { transition, context } = useFlowStateContext();\n\n  // Define the chains\n  const chainsWithNetworkInfo = useMemo(\n    () => [\n      {\n        id: \"solana\",\n        name: \"Solana\",\n        subtitle: \"~1 minute deposit time\",\n        logo: (\n          <div\n            className=\"flex items-center justify-center\"\n            style={{ width: 16, height: 16 }}\n          >\n            <SolanaLogo width={16} height={16} />\n          </div>\n        ),\n        network: SolanaNetwork.MAINNET,\n        disabled: false,\n        soon: false,\n      },\n      {\n        id: \"hyperliquid\",\n        name: \"Hyperliquid\",\n        subtitle: undefined,\n        logo: (\n          <div\n            className=\"flex items-center justify-center\"\n            style={{ width: 16, height: 16 }}\n          >\n            <HyperliquidLogo width={16} height={16} />\n          </div>\n        ),\n        network: \"\",\n        disabled: false,\n        soon: true,\n      },\n      {\n        id: \"arbitrum\",\n        name: \"Arbitrum\",\n        subtitle: undefined,\n        logo: (\n          <div\n            className=\"flex items-center justify-center\"\n            style={{ width: 16, height: 16 }}\n          >\n            <ArbitrumLogo width={16} height={16} />\n          </div>\n        ),\n        network: \"\",\n        disabled: false,\n        soon: true,\n      },\n      {\n        id: \"ethereum\",\n        name: \"Ethereum\",\n        subtitle: undefined,\n        logo: (\n          <div\n            className=\"flex items-center justify-center\"\n            style={{ width: 16, height: 16 }}\n          >\n            <EthereumLogo width={16} height={16} />\n          </div>\n        ),\n        network: \"\",\n        disabled: false,\n        soon: true,\n      },\n    ],\n    []\n  );\n\n  const initialSelectedChainId = useMemo(() => {\n    if (context.selectedChainId) {\n      const chainFromId = chainsWithNetworkInfo.find(\n        (chain) => chain.id === context.selectedChainId\n      );\n      if (chainFromId) {\n        return chainFromId.id;\n      }\n    }\n\n    if (context.selectedChain) {\n      const normalizedContextValue = context.selectedChain.toLowerCase();\n      const chainFromContext = chainsWithNetworkInfo.find(\n        (chain) =>\n          chain.name.toLowerCase() === normalizedContextValue ||\n          chain.id.toLowerCase() === normalizedContextValue\n      );\n      if (chainFromContext) {\n        return chainFromContext.id;\n      }\n    }\n\n    return chainsWithNetworkInfo.find((c) => !c.disabled && !c.soon)?.id || null;\n  }, [chainsWithNetworkInfo, context.selectedChain, context.selectedChainId]);\n\n  // Initialize with first enabled chain selected\n  const [selectedChainId, setSelectedChainId] = useState<string | null>(\n    initialSelectedChainId\n  );\n\n  // Handle chain selection - only Solana can be selected\n  const handleChainSelect = useCallback((chainId: string) => {\n    logger.debug(\"Chain selected in ChainSelectionScreen:\", chainId);\n\n    // Find the chain to check if it's disabled or \"soon\"\n    const chain = chainsWithNetworkInfo.find((c) => c.id === chainId);\n\n    // Only update selection if chain is not disabled and not \"soon\" (only Solana)\n    if (chain && !chain.disabled && !chain.soon) {\n      // Select the chain (only one can be selected at a time)\n      setSelectedChainId(chainId);\n    } else {\n      logger.debug(\"Chain not selectable:\", chainId);\n    }\n  }, [chainsWithNetworkInfo]);\n\n  const selectedChain = useMemo(\n    () => chainsWithNetworkInfo.find((chain) => chain.id === selectedChainId),\n    [chainsWithNetworkInfo, selectedChainId]\n  );\n\n  const handleContinue = useCallback(() => {\n    if (!selectedChain || selectedChain.disabled || selectedChain.soon) {\n      logger.debug(\"Continue button clicked without selectable chain\");\n      return;\n    }\n\n    const didTransition = transition(FlowState.AMOUNT_INPUT, {\n      selectedChain: selectedChain.name,\n      selectedChainId: selectedChain.id,\n      selectedChainNetwork: selectedChain.network ?? null,\n      depositError: undefined,\n      lastDeposit: null,\n    });\n\n    if (!didTransition) {\n      logger.warn(\"Failed to transition to amount input from chain selection\");\n    }\n  }, [selectedChain, transition]);\n\n  const handleDisconnect = useCallback(() => {\n    logger.debug(\"Disconnect button clicked\");\n    disconnectWallet();\n  }, [disconnectWallet]);\n\n  const isContinueDisabled =\n    !selectedChain || selectedChain.disabled || selectedChain.soon;\n\n  return (\n    <div className=\"overflow-visible relative\">\n      <div className=\"flex flex-col space-y-3\">\n        {chainsWithNetworkInfo.map((chain) => (\n          <ChainButton\n            key={chain.id}\n            chain={chain}\n            onClick={() => handleChainSelect(chain.id)}\n            disabled={chain.disabled}\n            selected={selectedChainId === chain.id && !chain.soon}\n            soon={chain.soon}\n            subtitle={chain.subtitle}\n          />\n        ))}\n        <div className=\"flex flex-col space-y-2\">\n          <button\n            type=\"button\"\n            onClick={handleContinue}\n            disabled={isContinueDisabled}\n            className={`w-full h-8 rounded border bg-transparent flex font-medium items-center justify-center transition-all duration-200 transform ${\n              isContinueDisabled\n                ? \"border-n1-ww-border opacity-50 cursor-not-allowed\"\n                : \"border-n1-ww-main hover:bg-n1-ww-gray-900 cursor-pointer\"\n            }`}\n          >\n            <span\n              className={`font-medium text-sm opacity-90 ${\n                isContinueDisabled ? \"text-n1-ww-gray-500\" : \"text-n1-ww-main\"\n              }`}\n            >\n              Continue\n            </span>\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleDisconnect}\n            className=\"w-full h-8 rounded border border-n1-ww-border bg-transparent flex font-medium items-center justify-center transition-all duration-200 transform hover:bg-n1-ww-gray-900 cursor-pointer\"\n          >\n            <span className=\"text-white font-medium text-sm opacity-90\">\n              Disconnect\n            </span>\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

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

@@ -1,5 +1,4 @@
 interface AmountInputScreenProps {
-    isTestnet?: boolean;
 }
-export declare function AmountInputScreen({ isTestnet }: AmountInputScreenProps): import("react/jsx-runtime").JSX.Element;
+export declare function AmountInputScreen({}: AmountInputScreenProps): import("react/jsx-runtime").JSX.Element;
 export {};