@n1xyz/wallet-widget 0.0.28 → 0.0.30

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

@@ -0,0 +1,181 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { 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, onBalanceRefresh = _a.onBalanceRefresh;
+    var address = useN1WalletContext().address;
+    var faucetUrl = useN1WalletInternalContext().faucetUrl;
+    var context = useFlowStateContext().context;
+    var faucetFiredRef = useRef(false);
+    var prevBalanceRef = useRef(balance);
+    var _b = useState(false), isFaucetLoading = _b[0], setIsFaucetLoading = _b[1];
+    var _c = useState(null), faucetError = _c[0], setFaucetError = _c[1];
+    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) {
+            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]);
+    var showFaucetOverlay = useMemo(function () {
+        if (!shouldShowFaucet) {
+            return false;
+        }
+        return ((isFaucetLoading || faucetError !== null) ||
+            showFaucetSuccess);
+    }, [shouldShowFaucet, isFaucetLoading, faucetError, showFaucetSuccess]);
+    var requestTestnetTokens = useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
+        var response, errorData, error_2;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!shouldShowFaucet || !address || !faucetUrl)
+                        return [2 /*return*/];
+                    if (faucetFiredRef.current)
+                        return [2 /*return*/];
+                    faucetFiredRef.current = true;
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 7, 8, 9]);
+                    setIsFaucetLoading(true);
+                    setFaucetError(null);
+                    setShowFaucetSuccess(false);
+                    return [4 /*yield*/, fetch(faucetUrl, {
+                            method: 'POST',
+                            headers: {
+                                'Content-Type': 'application/json',
+                            },
+                            body: JSON.stringify({ address: address }),
+                        })];
+                case 2:
+                    response = _a.sent();
+                    if (!!response.ok) return [3 /*break*/, 4];
+                    return [4 /*yield*/, response
+                            .json()
+                            .catch(function () { return ({ error: 'Failed to request tokens' }); })];
+                case 3:
+                    errorData = _a.sent();
+                    throw new Error(errorData.error || 'Failed to request tokens');
+                case 4: return [4 /*yield*/, response.json().catch(function () { return ({}); })];
+                case 5:
+                    _a.sent();
+                    setTokensObtained(true);
+                    setShowFaucetSuccess(true);
+                    return [4 /*yield*/, refreshBalance()];
+                case 6:
+                    _a.sent();
+                    setShowFaucetSuccess(false);
+                    return [3 /*break*/, 9];
+                case 7:
+                    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:
+                    setIsFaucetLoading(false);
+                    return [7 /*endfinally*/];
+                case 9: return [2 /*return*/];
+            }
+        });
+    }); }, [shouldShowFaucet, address, faucetUrl, refreshBalance]);
+    useEffect(function () {
+        if (!shouldShowFaucet ||
+            isFaucetLoading ||
+            faucetError ||
+            showFaucetSuccess ||
+            context.depositError != null ||
+            faucetFiredRef.current) {
+            return;
+        }
+        requestTestnetTokens();
+    }, [
+        shouldShowFaucet,
+        isFaucetLoading,
+        faucetError,
+        showFaucetSuccess,
+        context.depositError,
+        requestTestnetTokens,
+    ]);
+    useEffect(function () {
+        if (balance > prevBalanceRef.current && balance >= minDeposit) {
+            setTokensObtained(false);
+            setShowFaucetSuccess(false);
+        }
+        else if (balance < minDeposit / 2) {
+            faucetFiredRef.current = false;
+            setTokensObtained(false);
+        }
+        prevBalanceRef.current = balance;
+    }, [balance, minDeposit]);
+    return {
+        isFaucetLoading: isFaucetLoading,
+        faucetError: faucetError,
+        showFaucetSuccess: showFaucetSuccess,
+        showFaucetOverlay: showFaucetOverlay,
+        requestTestnetTokens: requestTestnetTokens,
+    };
+}
+//# sourceMappingURL=useTestnetFaucet.js.map

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

@@ -0,0 +1 @@
+{"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.d.ts

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

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

@@ -0,0 +1,115 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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 disconnectWallet = useWalletConnectContext().disconnectWallet;
+    var _a = useFlowStateContext(), transition = _a.transition, context = _a.context;
+    // Define the chains
+    var chainsWithNetworkInfo = useMemo(function () { return [
+        {
+            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: "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: "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: "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,
+        },
+    ]; }, []);
+    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

@@ -0,0 +1 @@
+{"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

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