@n1xyz/wallet-widget 0.0.34 → 0.0.35-alpha.1

package/dist/{features → src/features}/onboarding-flow/screens/04-ChainSelectionScreen.js

@@ -3,25 +3,22 @@ import { useCallback, useMemo, useState } from "react";
 import { logger } from "../../../utils/logger";
 import { ChainButton } from "../components/ChainButton";
 import { useWalletConnection, useOnboardingState } from "../providers";
-import { SolanaLogo, HyperliquidLogo, ArbitrumLogo, EthereumLogo, } from "../../../components/logos";
-import { SolanaNetwork } from "../../../config/solana";
+import { ArbitrumLogo, BaseLogo, EthereumLogo, SolanaLogo, } from "../../../components/logos";
 var sharedLogoWrapperStyle = { width: 16, height: 16 };
 export var CHAINS_WITH_NETWORK_INFO = [
     {
         id: "solana",
         name: "Solana",
-        subtitle: "~1 minute deposit time",
+        subtitle: "Fast default path",
         logo: (_jsx("div", { className: "flex items-center justify-center", style: sharedLogoWrapperStyle, children: _jsx(SolanaLogo, { width: 16, height: 16 }) })),
-        network: SolanaNetwork.MAINNET,
-        soon: false,
+        network: "solana",
     },
     {
-        id: "hyperliquid",
-        name: "Hyperliquid",
+        id: "ethereum",
+        name: "Ethereum",
         subtitle: undefined,
-        logo: (_jsx("div", { className: "flex items-center justify-center", style: sharedLogoWrapperStyle, children: _jsx(HyperliquidLogo, { width: 16, height: 16 }) })),
+        logo: (_jsx("div", { className: "flex items-center justify-center", style: sharedLogoWrapperStyle, children: _jsx(EthereumLogo, { width: 16, height: 16 }) })),
         network: "",
-        soon: true,
     },
     {
         id: "arbitrum",
@@ -29,31 +26,46 @@ export var CHAINS_WITH_NETWORK_INFO = [
         subtitle: undefined,
         logo: (_jsx("div", { className: "flex items-center justify-center", style: sharedLogoWrapperStyle, children: _jsx(ArbitrumLogo, { width: 16, height: 16 }) })),
         network: "",
-        soon: true,
     },
     {
-        id: "ethereum",
-        name: "Ethereum",
+        id: "base",
+        name: "Base",
         subtitle: undefined,
-        logo: (_jsx("div", { className: "flex items-center justify-center", style: sharedLogoWrapperStyle, children: _jsx(EthereumLogo, { width: 16, height: 16 }) })),
+        logo: (_jsx("div", { className: "flex items-center justify-center", style: sharedLogoWrapperStyle, children: _jsx(BaseLogo, { width: 16, height: 16 }) })),
         network: "",
-        soon: true,
     },
 ];
+/**
+ * Screen allowing users to select a blockchain network for deposit.
+ * Filters available chains based on flow type (deposit-only shows Solana, regular hides it).
+ * Auto-advances to auth/complete if user already has Nord account with active session.
+ */
 export function ChainSelectionScreen() {
     var disconnectWallet = useWalletConnection().disconnectWallet;
-    var _a = useOnboardingState(), actions = _a.actions, context = _a.context;
+    var _a = useOnboardingState(), actions = _a.actions, context = _a.context, updateContext = _a.updateContext;
+    var availableChains = useMemo(function () {
+        // If connected with Solana wallet, only show Solana
+        if (context.entryNetwork === 'solana') {
+            return CHAINS_WITH_NETWORK_INFO.filter(function (chain) { return chain.id === "solana"; });
+        }
+        // If deposit-only flow, show all chains including Solana
+        if (context.isDepositOnlyFlow) {
+            return CHAINS_WITH_NETWORK_INFO;
+        }
+        // Otherwise, show EVM chains only (hide Solana)
+        return CHAINS_WITH_NETWORK_INFO.filter(function (chain) { return chain.id !== "solana"; });
+    }, [context.entryNetwork, context.isDepositOnlyFlow]);
     var initialSelectedChainId = useMemo(function () {
-        var _a;
+        var _a, _b;
         if (context.selectedChainId) {
-            var chainFromId = CHAINS_WITH_NETWORK_INFO.find(function (chain) { return chain.id === context.selectedChainId; });
+            var chainFromId = availableChains.find(function (chain) { return chain.id === context.selectedChainId; });
             if (chainFromId) {
                 return chainFromId.id;
             }
         }
         if (context.selectedChain) {
             var normalizedContextValue_1 = context.selectedChain.toLowerCase();
-            var chainFromContext = CHAINS_WITH_NETWORK_INFO.find(function (chain) {
+            var chainFromContext = availableChains.find(function (chain) {
                 return chain.name.toLowerCase() === normalizedContextValue_1 ||
                     chain.id.toLowerCase() === normalizedContextValue_1;
             });
@@ -61,39 +73,57 @@ export function ChainSelectionScreen() {
                 return chainFromContext.id;
             }
         }
-        return ((_a = CHAINS_WITH_NETWORK_INFO.find(function (c) { return !c.soon; })) === null || _a === void 0 ? void 0 : _a.id) || null;
-    }, [context.selectedChain, context.selectedChainId]);
+        return (_b = (_a = availableChains[0]) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : null;
+    }, [context.selectedChain, context.selectedChainId, availableChains]);
     var _b = useState(initialSelectedChainId), selectedChainId = _b[0], setSelectedChainId = _b[1];
     var handleChainSelect = useCallback(function (chainId) {
         logger.debug("Chain selected in ChainSelectionScreen:", chainId);
-        var chain = CHAINS_WITH_NETWORK_INFO.find(function (c) { return c.id === chainId; });
-        if (chain && !chain.soon) {
+        var chain = availableChains.find(function (c) { return c.id === chainId; });
+        if (chain) {
             setSelectedChainId(chainId);
         }
         else {
-            logger.debug("Chain not selectable:", chainId);
+            logger.debug("Chain not found:", chainId);
         }
-    }, [logger]);
-    var selectedChain = useMemo(function () { return CHAINS_WITH_NETWORK_INFO.find(function (chain) { return chain.id === selectedChainId; }); }, [selectedChainId]);
+    }, [logger, availableChains]);
+    var selectedChain = useMemo(function () { return availableChains.find(function (chain) { return chain.id === selectedChainId; }); }, [selectedChainId, availableChains]);
+    var persistSelection = useCallback(function (chain) {
+        var _a;
+        updateContext({
+            selectedChain: chain.name,
+            selectedChainId: chain.id,
+            selectedChainNetwork: (_a = chain.network) !== null && _a !== void 0 ? _a : null,
+            depositError: undefined,
+            lastDeposit: null,
+        });
+    }, [updateContext]);
     var handleContinue = useCallback(function () {
         var _a;
-        if (!selectedChain || selectedChain.soon) {
+        if (!selectedChain) {
             logger.debug("Continue button clicked without selectable chain");
             return;
         }
+        persistSelection(selectedChain);
         actions.selectChain({
             id: selectedChain.id,
             name: selectedChain.name,
             network: (_a = selectedChain.network) !== null && _a !== void 0 ? _a : null,
         });
         logger.debug("Transitioned to amount input from chain selection");
-    }, [selectedChain, actions]);
+    }, [
+        selectedChain,
+        actions,
+        persistSelection,
+        context.hasActiveSession,
+        context.hasNordAccount,
+        context.isDepositOnlyFlow,
+    ]);
     var handleDisconnect = useCallback(function () {
         logger.debug("Disconnect button clicked");
         disconnectWallet();
     }, [disconnectWallet]);
-    var isContinueDisabled = !selectedChain || selectedChain.soon;
-    return (_jsx("div", { className: "overflow-visible relative", children: _jsxs("div", { className: "flex flex-col space-y-3", children: [CHAINS_WITH_NETWORK_INFO.map(function (chain) { return (_jsx(ChainButton, { chain: chain, onClick: function () { return handleChainSelect(chain.id); }, 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
+    var isContinueDisabled = !selectedChain;
+    return (_jsx("div", { className: "overflow-visible relative", children: _jsxs("div", { className: "flex flex-col space-y-3", children: [availableChains.map(function (chain) { return (_jsx(ChainButton, { chain: chain, onClick: function () { return handleChainSelect(chain.id); }, selected: selectedChainId === chain.id, 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" }) })] })] }) }));
 }

package/dist/src/features/onboarding-flow/screens/04-ChainSelectionScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"04-ChainSelectionScreen.js","sourceRoot":"","sources":["../../../../../src/features/onboarding-flow/screens/04-ChainSelectionScreen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\nimport { logger } from \"../../../utils/logger\";\nimport { ChainButton } from \"../components/ChainButton\";\nimport { useWalletConnection, useOnboardingState } from \"../providers\";\nimport {\n  ArbitrumLogo,\n  BaseLogo,\n  EthereumLogo,\n  SolanaLogo,\n} from \"../../../components/logos\";\n\nconst sharedLogoWrapperStyle = { width: 16, height: 16 };\n\nexport const CHAINS_WITH_NETWORK_INFO = [\n  {\n    id: \"solana\",\n    name: \"Solana\",\n    subtitle: \"Fast default path\",\n    logo: (\n      <div className=\"flex items-center justify-center\" style={sharedLogoWrapperStyle}>\n        <SolanaLogo width={16} height={16} />\n      </div>\n    ),\n    network: \"solana\",\n  },\n  {\n    id: \"ethereum\",\n    name: \"Ethereum\",\n    subtitle: undefined,\n    logo: (\n      <div className=\"flex items-center justify-center\" style={sharedLogoWrapperStyle}>\n        <EthereumLogo width={16} height={16} />\n      </div>\n    ),\n    network: \"\",\n  },\n  {\n    id: \"arbitrum\",\n    name: \"Arbitrum\",\n    subtitle: undefined,\n    logo: (\n      <div className=\"flex items-center justify-center\" style={sharedLogoWrapperStyle}>\n        <ArbitrumLogo width={16} height={16} />\n      </div>\n    ),\n    network: \"\",\n  },\n  {\n    id: \"base\",\n    name: \"Base\",\n    subtitle: undefined,\n    logo: (\n      <div className=\"flex items-center justify-center\" style={sharedLogoWrapperStyle}>\n        <BaseLogo width={16} height={16} />\n      </div>\n    ),\n    network: \"\",\n  },\n] as const;\n\ntype ChainWithNetworkInfo = (typeof CHAINS_WITH_NETWORK_INFO)[number];\n\n/**\n * Screen allowing users to select a blockchain network for deposit.\n * Filters available chains based on flow type (deposit-only shows Solana, regular hides it).\n * Auto-advances to auth/complete if user already has Nord account with active session.\n */\nexport function ChainSelectionScreen() {\n  const { disconnectWallet } = useWalletConnection();\n  const { actions, context, updateContext } = useOnboardingState();\n\n  const availableChains = useMemo(() => {\n    // If connected with Solana wallet, only show Solana\n    if (context.entryNetwork === 'solana') {\n      return CHAINS_WITH_NETWORK_INFO.filter((chain) => chain.id === \"solana\");\n    }\n    // If deposit-only flow, show all chains including Solana\n    if (context.isDepositOnlyFlow) {\n      return CHAINS_WITH_NETWORK_INFO;\n    }\n    // Otherwise, show EVM chains only (hide Solana)\n    return CHAINS_WITH_NETWORK_INFO.filter((chain) => chain.id !== \"solana\");\n  }, [context.entryNetwork, context.isDepositOnlyFlow]);\n\n  const initialSelectedChainId = useMemo(() => {\n    if (context.selectedChainId) {\n      const chainFromId = availableChains.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 = availableChains.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 availableChains[0]?.id ?? null;\n  }, [context.selectedChain, context.selectedChainId, availableChains]);\n\n  const [selectedChainId, setSelectedChainId] = useState<string | null>(\n    initialSelectedChainId\n  );\n\n  const handleChainSelect = useCallback((chainId: string) => {\n    logger.debug(\"Chain selected in ChainSelectionScreen:\", chainId);\n\n    const chain = availableChains.find((c) => c.id === chainId);\n\n    if (chain) {\n      setSelectedChainId(chainId);\n    } else {\n      logger.debug(\"Chain not found:\", chainId);\n    }\n  }, [logger, availableChains]);\n\n  const selectedChain = useMemo(\n    () => availableChains.find((chain) => chain.id === selectedChainId),\n    [selectedChainId, availableChains]\n  );\n\n  const persistSelection = useCallback(\n    (chain: ChainWithNetworkInfo) => {\n      updateContext({\n        selectedChain: chain.name,\n        selectedChainId: chain.id,\n        selectedChainNetwork: chain.network ?? null,\n        depositError: undefined,\n        lastDeposit: null,\n      });\n    },\n    [updateContext]\n  );\n\n  const handleContinue = useCallback(() => {\n    if (!selectedChain) {\n      logger.debug(\"Continue button clicked without selectable chain\");\n      return;\n    }\n\n    persistSelection(selectedChain);\n\n\n\n    actions.selectChain({\n      id: selectedChain.id,\n      name: selectedChain.name,\n      network: selectedChain.network ?? null,\n    });\n    logger.debug(\"Transitioned to amount input from chain selection\");\n  }, [\n    selectedChain,\n    actions,\n    persistSelection,\n    context.hasActiveSession,\n    context.hasNordAccount,\n    context.isDepositOnlyFlow,\n  ]);\n\n  const handleDisconnect = useCallback(() => {\n    logger.debug(\"Disconnect button clicked\");\n    disconnectWallet();\n  }, [disconnectWallet]);\n\n  const isContinueDisabled = !selectedChain;\n\n  return (\n    <div className=\"overflow-visible relative\">\n      <div className=\"flex flex-col space-y-3\">\n        {availableChains.map((chain) => (\n          <ChainButton\n            key={chain.id}\n            chain={chain}\n            onClick={() => handleChainSelect(chain.id)}\n            selected={selectedChainId === chain.id}\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 ${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 ${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/src/features/onboarding-flow/screens/05-AmountInputScreen.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Screen for entering deposit amount with balance checking and validation.
+ * Supports both Solana and EVM chains, fetches USDC balances, and validates minimum deposits.
+ */
+export declare const DEFAULT_MIN_DEPOSIT = 2;
+export declare const BRIDGE_FEE = 1;
+export declare const BALANCE_REFRESH_MS = 20000;
+interface AmountInputScreenProps {
+}
+export declare function AmountInputScreen({}: AmountInputScreenProps): import("react/jsx-runtime").JSX.Element;
+export {};