@n1xyz/wallet-widget 0.0.32 → 0.0.33-alpha.0

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

@@ -1,204 +0,0 @@
-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 { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback, useEffect, useRef, useState } from 'react';
-import { useN1WalletContext, useN1WalletInternalContext, } from '../../../Provider/hooks';
-import { ImageWithFallback } from '../components';
-import { ANIMATION_EASE } from '../constants';
-import { formatAmount, isNordConfigured } from '../utils/nordUtils';
-import { useDepositContext } from '../context/DepositContext';
-import { useFlowStateContext } from '../context/FlowContext';
-import { LoadingSquares } from '../components/LoadingSquares';
-export function AmountInputScreen() {
-    var _this = this;
-    var context = useFlowStateContext().context;
-    var _a = useDepositContext(), updateAmount = _a.updateAmount, startDeposit = _a.startDeposit;
-    var _b = useN1WalletContext(), address = _b.address, nord = _b.nord;
-    var contextFaucetUrl = useN1WalletInternalContext().faucetUrl;
-    // Hard code amount to 100
-    var amount = '100';
-    // Hard code balance to 0 to allow faucet to trigger
-    var balance = 100;
-    // Force the amount to be 100 on component mount only, not on every render
-    useEffect(function () {
-        updateAmount('100');
-        // Empty dependency array ensures this only runs once on mount
-    }, [updateAmount]);
-    var _c = useState(false), isHovered = _c[0], setIsHovered = _c[1];
-    var _d = useState(false), isFaucetLoading = _d[0], setIsFaucetLoading = _d[1];
-    var _e = useState(null), faucetError = _e[0], setFaucetError = _e[1];
-    var _f = useState(false), tokensObtained = _f[0], setTokensObtained = _f[1];
-    var _g = useState(false), showFaucetSuccess = _g[0], setShowFaucetSuccess = _g[1];
-    var prevBalanceRef = useRef(balance);
-    var faucetFiredRef = useRef(false); // session-wide gate
-    var faucetUrl = contextFaucetUrl;
-    // Get token information from Nord if available
-    var _h = useState('USDC'), tokenSymbol = _h[0], setTokenSymbol = _h[1];
-    var _j = useState('https://res.cloudinary.com/dl3ia3pko/image/upload/v1745874373/usdc_ma4igc.svg'), tokenLogo = _j[0], setTokenLogo = _j[1];
-    var _k = useState(6), tokenDecimals = _k[0], setTokenDecimals = _k[1];
-    // Try to get token information from Nord
-    useEffect(function () {
-        if (nord && isNordConfigured(nord)) {
-            try {
-                // Find the USDC token or the first token
-                var usdcToken = nord.tokens.find(function (t) { return t.symbol === 'USDC'; }) || nord.tokens[0];
-                if (usdcToken) {
-                    setTokenSymbol(usdcToken.symbol);
-                    // Use a default logo if not available
-                    // setTokenLogo(`/images/tokens/${usdcToken.symbol.toLowerCase()}.svg`);
-                    setTokenLogo('https://res.cloudinary.com/dl3ia3pko/image/upload/v1745874373/usdc_ma4igc.svg');
-                    setTokenDecimals(usdcToken.decimals);
-                }
-            }
-            catch (error) {
-                console.warn('Error getting token information from Nord:', error);
-            }
-        }
-    }, [nord]);
-    // Removed handleAmountChange since we don't want user to edit the amount
-    // todo:fix
-    var isValidAmount = true;
-    var hardcodedMinDeposit = 100;
-    // Check if faucet is enabled and balance is low
-    var shouldShowFaucet = faucetUrl && !tokensObtained;
-    // Determine if we should show the faucet overlay
-    var showFaucetOverlay = (shouldShowFaucet && (isFaucetLoading || faucetError)) || showFaucetSuccess;
-    // Function to refresh balances
-    var refreshBalance = useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            return [2 /*return*/];
-        });
-    }); }, [nord]);
-    // Function to request tokens from faucet
-    var requestTestnetTokens = useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
-        var response, errorData, error_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!faucetUrl || !address)
-                        return [2 /*return*/];
-                    // Early-out if we already fired once
-                    if (faucetFiredRef.current)
-                        return [2 /*return*/];
-                    faucetFiredRef.current = true; // lock it
-                    _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()];
-                case 5:
-                    _a.sent();
-                    // Mark tokens as obtained to prevent further requests
-                    setTokensObtained(true);
-                    // Show success message
-                    setShowFaucetSuccess(true);
-                    // Refresh balance
-                    return [4 /*yield*/, refreshBalance()];
-                case 6:
-                    // Refresh balance
-                    _a.sent();
-                    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');
-                    return [3 /*break*/, 9];
-                case 8:
-                    setIsFaucetLoading(false);
-                    return [7 /*endfinally*/];
-                case 9: return [2 /*return*/];
-            }
-        });
-    }); }, [faucetUrl, address, refreshBalance]);
-    // Request tokens automatically when faucet is enabled and balance is low
-    useEffect(function () {
-        if (!shouldShowFaucet || // faucet enabled & balance low
-            isFaucetLoading || // already loading
-            faucetError || // previous error
-            showFaucetSuccess || // success overlay visible
-            context.depositError != null || // deposit flow error
-            faucetFiredRef.current // already fired in this session
-        ) {
-            return;
-        }
-        requestTestnetTokens();
-    }, [shouldShowFaucet, isFaucetLoading, faucetError, showFaucetSuccess, context.depositError, requestTestnetTokens]);
-    // Reset tokensObtained state if balance changes to a higher value
-    useEffect(function () {
-        // If balance has increased and is now sufficient, reset the tokensObtained flag
-        if (balance > prevBalanceRef.current && balance >= hardcodedMinDeposit) {
-            setTokensObtained(false);
-            setShowFaucetSuccess(false);
-        }
-        else if (balance < hardcodedMinDeposit / 2) {
-            faucetFiredRef.current = false; // allow a future request
-            setTokensObtained(false);
-        }
-        // Update the previous balance reference
-        prevBalanceRef.current = balance;
-    }, [balance, hardcodedMinDeposit]);
-    // Format the balance with the appropriate number of decimal places
-    var formattedBalance = formatAmount(balance, tokenDecimals);
-    return (_jsxs("div", { className: "overflow-hidden relative", children: [showFaucetOverlay && (_jsx("div", { className: "absolute inset-0 z-10 bg-white/70 dark:bg-neutral-900/80 backdrop-blur-md flex flex-col items-center justify-center p-6", children: isFaucetLoading ? (_jsxs(_Fragment, { children: [_jsx(LoadingSquares, {}), _jsxs("div", { className: "space-y-2 text-center mt-4", children: [_jsx("h3", { className: "text-xl text-n1-ww-gray-800 dark:text-white font-semibold", children: "Obtaining Testnet Tokens" }), _jsx("p", { className: "text-sm text-n1-ww-gray-500 dark:text-neutral-400", children: "Please wait while we request testnet tokens for your wallet..." })] })] })) : showFaucetSuccess ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "text-green-500 text-5xl mb-4 n1-ww-animate-fade-up", children: "\u2713" }), _jsxs("div", { className: "space-y-2 text-center", children: [_jsx("h3", { className: "text-xl text-n1-ww-gray-800 dark:text-white font-semibold", children: "Tokens Obtained Successfully" }), _jsx("p", { className: "text-sm text-green-500 dark:text-green-400", children: "Your wallet has been funded with testnet tokens." }), _jsx("p", { className: "text-sm text-n1-ww-gray-500 dark:text-neutral-400 mt-2", children: "Please wait while your balance updates..." })] })] })) : faucetError ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "text-red-500 text-5xl mb-4 n1-ww-animate-fade-up", children: "\u26A0\uFE0F" }), _jsxs("div", { className: "space-y-2 text-center", children: [_jsx("h3", { className: "text-xl text-n1-ww-gray-800 dark:text-white font-semibold", children: "Failed to Get Tokens" }), _jsx("p", { className: "text-sm text-red-500 dark:text-red-400", children: faucetError }), _jsx("button", { onClick: requestTestnetTokens, className: "mt-4 px-4 py-2 bg-n1-ww-main text-white rounded-sm hover:bg-n1-ww-main/90 transition-colors", children: "Try Again" })] })] })) : null })), _jsx("h2", { className: "text-xl text-n1-ww-gray-800 dark:text-white font-semibold mb-6 text-center", children: "Enter Amount" }), _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "relative border-2 border-n1-ww-gray-200 dark:border-n1-ww-gray-800 bg-n1-ww-gray-100 dark:bg-n1-ww-gray-900 rounded-sm p-0 overflow-hidden n1-ww-animate-fade-up", style: { animationDelay: '0.1s' }, children: [_jsxs("div", { className: "flex items-center justify-between p-4 border-b border-n1-ww-gray-200 dark:border-n1-ww-gray-800 bg-white/30 dark:bg-black/10", children: [_jsxs("div", { className: "flex items-center space-x-3", children: [_jsx("div", { className: "w-8 h-8 rounded-full overflow-hidden bg-white dark:bg-n1-ww-gray-800 flex items-center justify-center shadow-sm", children: _jsx(ImageWithFallback, { src: tokenLogo, alt: tokenSymbol, width: 24, height: 24, fallbackText: tokenSymbol.charAt(0), fallbackClassName: "w-6 h-6 rounded-full flex items-center justify-center", fallbackBgColor: "bg-blue-100 dark:bg-blue-900", fallbackTextColor: "text-blue-500 dark:text-blue-300" }) }), _jsx("span", { className: "text-n1-ww-gray-800 dark:text-white font-medium", children: tokenSymbol })] }), _jsx("div", { className: "text-xs rounded-sm bg-n1-ww-gray-200 dark:bg-n1-ww-gray-800 px-2 py-1 text-n1-ww-gray-600 dark:text-n1-ww-gray-300", children: "Fixed Amount" })] }), _jsx("div", { className: "mb-4 w-full flex items-center justify-center", children: _jsxs("div", { className: "bg-yellow-50 dark:bg-yellow-900/40 border border-yellow-200 dark:border-yellow-700 text-yellow-800 dark:text-yellow-200 rounded px-3 py-2 text-sm text-center max-w-xl mx-auto shadow-sm", children: [_jsx("span", { className: "font-semibold", children: "Testnet Only:" }), " Please make sure your wallet is set to ", _jsx("span", { className: "font-semibold", children: "testnet mode" }), " before proceeding. ", _jsx("a", { href: "https://docs.phantom.com/developer-powertools/testnet-mode", target: "_blank", rel: "noopener noreferrer", className: "underline text-yellow-700 dark:text-yellow-200 hover:text-yellow-900 dark:hover:text-yellow-100 transition-colors", children: "Learn how to switch to testnet" }), "."] }) }), _jsxs("div", { className: "relative p-6 flex flex-col items-center", children: [_jsxs("div", { className: "relative flex items-baseline justify-center w-full", children: [_jsx("span", { className: "text-4xl font-bold text-n1-ww-gray-800 dark:text-white mr-1 n1-ww-animate-fade-up", style: { animationDelay: '0.2s' }, children: amount }), _jsx("span", { className: "text-xl text-n1-ww-gray-500 dark:text-neutral-400 ml-1 n1-ww-animate-fade-up", style: { animationDelay: '0.3s' }, children: tokenSymbol })] }), _jsx("div", { className: "w-16 h-1 bg-n1-ww-gray-200 dark:bg-n1-ww-gray-800 rounded-full mt-4 mb-2" }), _jsx("div", { className: "flex justify-center items-center text-sm mt-2 w-full n1-ww-animate-fade-up", style: { animationDelay: '0.4s' }, children: _jsxs("span", { className: "text-n1-ww-gray-500 dark:text-neutral-400", children: ["Balance: ", formattedBalance, " ", tokenSymbol] }) })] })] }), context.depositError && (_jsx("div", { className: "bg-red-100 dark:bg-red-900/30 text-red-600 dark:text-red-400 p-3 rounded-sm text-sm border border-red-200 dark:border-red-800 n1-ww-animate-fade-up", style: { animationDelay: '0.5s' }, children: context.depositError })), _jsx("button", { onClick: startDeposit, disabled: !isValidAmount, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, className: "\n            group relative w-full overflow-hidden rounded-sm border-2 bg-n1-ww-gray-100 dark:bg-neutral-950 py-4 text-center\n            transition-all duration-300 ".concat(ANIMATION_EASE, " n1-ww-animate-fade-up\n            ").concat(isValidAmount
-                            ? 'cursor-pointer border-n1-ww-gray-200 dark:border-n1-ww-gray-800 hover:border-n1-ww-gray-400 dark:hover:border-white/60'
-                            : 'cursor-not-allowed border-n1-gray-200 dark:border-n1-gray-800 opacity-50', "\n          "), style: {
-                            transform: isHovered && isValidAmount ? 'scale(0.99)' : 'scale(1)',
-                            animationDelay: '0.6s'
-                        }, children: _jsx("span", { className: "\n              text-base font-medium tracking-wide transition-colors duration-300 ".concat(ANIMATION_EASE, "\n              ").concat(isValidAmount
-                                ? 'text-n1-ww-gray-700 dark:text-n1-ww-gray-300 group-hover:text-n1-ww-gray-900 dark:group-hover:text-white'
-                                : 'text-n1-ww-gray-400 dark:text-n1-ww-gray-600', "\n            "), children: "Continue" }) })] })] }));
-}
-//# sourceMappingURL=04-AmountInputScreen.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"04-AmountInputScreen.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/screens/04-AmountInputScreen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport {\n  useN1WalletContext,\n  useN1WalletInternalContext,\n} from '../../../Provider/hooks';\nimport { ImageWithFallback } from '../components';\nimport { ANIMATION_EASE } from '../constants';\nimport { formatAmount, isNordConfigured } from '../utils/nordUtils';\nimport { useDepositContext } from '../context/DepositContext';\nimport { useFlowStateContext } from '../context/FlowContext';\nimport { LoadingSquares } from '../components/LoadingSquares';\n\nexport function AmountInputScreen() {\n  const { context } = useFlowStateContext();\n  const { updateAmount, startDeposit } = useDepositContext();\n  const { address, nord } = useN1WalletContext();\n  const { faucetUrl: contextFaucetUrl } = useN1WalletInternalContext();\n\n  // Hard code amount to 100\n  const amount = '100';\n  // Hard code balance to 0 to allow faucet to trigger\n  const balance = 100;\n\n  // Force the amount to be 100 on component mount only, not on every render\n  useEffect(() => {\n    updateAmount('100');\n    // Empty dependency array ensures this only runs once on mount\n  }, [updateAmount]);\n\n  const [isHovered, setIsHovered] = useState(false);\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  const prevBalanceRef = useRef(balance);\n  const faucetFiredRef = useRef(false);      // session-wide gate\n\n  const faucetUrl = contextFaucetUrl;\n\n  // Get token information from Nord if available\n  const [tokenSymbol, setTokenSymbol] = useState('USDC');\n  const [tokenLogo, setTokenLogo] = useState('https://res.cloudinary.com/dl3ia3pko/image/upload/v1745874373/usdc_ma4igc.svg');\n  const [tokenDecimals, setTokenDecimals] = useState(6);\n\n  // Try to get token information from Nord\n  useEffect(() => {\n    if (nord && isNordConfigured(nord)) {\n      try {\n        // Find the USDC token or the first token\n        const usdcToken =\n          nord.tokens.find((t: any) => t.symbol === 'USDC') || nord.tokens[0];\n        if (usdcToken) {\n          setTokenSymbol(usdcToken.symbol);\n          // Use a default logo if not available\n          // setTokenLogo(`/images/tokens/${usdcToken.symbol.toLowerCase()}.svg`);\n          setTokenLogo('https://res.cloudinary.com/dl3ia3pko/image/upload/v1745874373/usdc_ma4igc.svg');\n          setTokenDecimals(usdcToken.decimals);\n        }\n      } catch (error) {\n        console.warn('Error getting token information from Nord:', error);\n      }\n    }\n  }, [nord]);\n\n  // Removed handleAmountChange since we don't want user to edit the amount\n\n  // todo:fix\n  const isValidAmount = true;\n\n  const hardcodedMinDeposit = 100;\n\n  // Check if faucet is enabled and balance is low\n  const shouldShowFaucet = faucetUrl && !tokensObtained;\n\n  // Determine if we should show the faucet overlay\n  const showFaucetOverlay =\n    (shouldShowFaucet && (isFaucetLoading || faucetError)) || showFaucetSuccess;\n\n  // Function to refresh balances\n  const refreshBalance = useCallback(async () => {\n    // \n  }, [nord]);\n\n  // Function to request tokens from faucet\n  const requestTestnetTokens = useCallback(async () => {\n    if (!faucetUrl || !address) return;\n    \n    // Early-out if we already fired once\n    if (faucetFiredRef.current) return;\n    faucetFiredRef.current = true;          // lock it\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();\n\n      // Mark tokens as obtained to prevent further requests\n      setTokensObtained(true);\n\n      // Show success message\n      setShowFaucetSuccess(true);\n\n      // Refresh balance\n      await refreshBalance();\n\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    } finally {\n      setIsFaucetLoading(false);\n    }\n  }, [faucetUrl, address, refreshBalance]);\n\n  // Request tokens automatically when faucet is enabled and balance is low\n  useEffect(() => {\n    if (\n      !shouldShowFaucet ||            // faucet enabled & balance low\n      isFaucetLoading ||              // already loading\n      faucetError ||                  // previous error\n      showFaucetSuccess ||            // success overlay visible\n      context.depositError != null || // deposit flow error\n      faucetFiredRef.current          // already fired in this session\n    ) {\n      return;\n    }\n\n    requestTestnetTokens();\n  }, [shouldShowFaucet, isFaucetLoading, faucetError, showFaucetSuccess, context.depositError, requestTestnetTokens]);\n\n  // Reset tokensObtained state if balance changes to a higher value\n  useEffect(() => {\n    // If balance has increased and is now sufficient, reset the tokensObtained flag\n    if (balance > prevBalanceRef.current && balance >= hardcodedMinDeposit) {\n      setTokensObtained(false);\n      setShowFaucetSuccess(false);\n    } else if (balance < hardcodedMinDeposit / 2) {\n      faucetFiredRef.current = false;   // allow a future request\n      setTokensObtained(false);\n    }\n\n    // Update the previous balance reference\n    prevBalanceRef.current = balance;\n  }, [balance, hardcodedMinDeposit]);\n\n  // Format the balance with the appropriate number of decimal places\n  const formattedBalance = formatAmount(balance, tokenDecimals);\n\n  return (\n    <div className=\"overflow-hidden relative\">\n      {/* Faucet Overlay */}\n      {showFaucetOverlay && (\n        <div className=\"absolute inset-0 z-10 bg-white/70 dark:bg-neutral-900/80 backdrop-blur-md flex flex-col items-center justify-center p-6\">\n          {isFaucetLoading ? (\n            <>\n              <LoadingSquares />\n              <div className=\"space-y-2 text-center mt-4\">\n                <h3 className=\"text-xl text-n1-ww-gray-800 dark:text-white font-semibold\">\n                  Obtaining Testnet Tokens\n                </h3>\n                <p className=\"text-sm text-n1-ww-gray-500 dark:text-neutral-400\">\n                  Please wait while we request testnet tokens for your wallet...\n                </p>\n              </div>\n            </>\n          ) : showFaucetSuccess ? (\n            <>\n              <div className=\"text-green-500 text-5xl mb-4 n1-ww-animate-fade-up\">✓</div>\n              <div className=\"space-y-2 text-center\">\n                <h3 className=\"text-xl text-n1-ww-gray-800 dark:text-white font-semibold\">\n                  Tokens Obtained Successfully\n                </h3>\n                <p className=\"text-sm text-green-500 dark:text-green-400\">\n                  Your wallet has been funded with testnet tokens.\n                </p>\n                <p className=\"text-sm text-n1-ww-gray-500 dark:text-neutral-400 mt-2\">\n                  Please wait while your balance updates...\n                </p>\n              </div>\n            </>\n          ) : faucetError ? (\n            <>\n              <div className=\"text-red-500 text-5xl mb-4 n1-ww-animate-fade-up\">⚠️</div>\n              <div className=\"space-y-2 text-center\">\n                <h3 className=\"text-xl text-n1-ww-gray-800 dark:text-white font-semibold\">\n                  Failed to Get Tokens\n                </h3>\n                <p className=\"text-sm text-red-500 dark:text-red-400\">\n                  {faucetError}\n                </p>\n                <button\n                  onClick={requestTestnetTokens}\n                  className=\"mt-4 px-4 py-2 bg-n1-ww-main text-white rounded-sm hover:bg-n1-ww-main/90 transition-colors\"\n                >\n                  Try Again\n                </button>\n              </div>\n            </>\n          ) : null}\n        </div>\n      )}\n\n      <h2 className=\"text-xl text-n1-ww-gray-800 dark:text-white font-semibold mb-6 text-center\">\n        Enter Amount\n      </h2>\n\n      {/* Amount Input */}\n      <div className=\"space-y-6\">\n        {/* Token Selection and Amount Input */}\n        <div className=\"relative border-2 border-n1-ww-gray-200 dark:border-n1-ww-gray-800 bg-n1-ww-gray-100 dark:bg-n1-ww-gray-900 rounded-sm p-0 overflow-hidden n1-ww-animate-fade-up\" style={{ animationDelay: '0.1s' }}>\n          {/* Token Selection Header */}\n          <div className=\"flex items-center justify-between p-4 border-b border-n1-ww-gray-200 dark:border-n1-ww-gray-800 bg-white/30 dark:bg-black/10\">\n            <div className=\"flex items-center space-x-3\">\n              <div className=\"w-8 h-8 rounded-full overflow-hidden bg-white dark:bg-n1-ww-gray-800 flex items-center justify-center shadow-sm\">\n                <ImageWithFallback\n                  src={tokenLogo}\n                  alt={tokenSymbol}\n                  width={24}\n                  height={24}\n                  fallbackText={tokenSymbol.charAt(0)}\n                  fallbackClassName=\"w-6 h-6 rounded-full flex items-center justify-center\"\n                  fallbackBgColor=\"bg-blue-100 dark:bg-blue-900\"\n                  fallbackTextColor=\"text-blue-500 dark:text-blue-300\"\n                />\n              </div>\n              <span className=\"text-n1-ww-gray-800 dark:text-white font-medium\">\n                {tokenSymbol}\n              </span>\n            </div>\n            <div className=\"text-xs rounded-sm bg-n1-ww-gray-200 dark:bg-n1-ww-gray-800 px-2 py-1 text-n1-ww-gray-600 dark:text-n1-ww-gray-300\">\n              Fixed Amount\n            </div>\n          </div>\n\n          {/* NOTE: Testnet Wallet Mode Reminder */}\n          <div className=\"mb-4 w-full flex items-center justify-center\">\n            <div className=\"bg-yellow-50 dark:bg-yellow-900/40 border border-yellow-200 dark:border-yellow-700 text-yellow-800 dark:text-yellow-200 rounded px-3 py-2 text-sm text-center max-w-xl mx-auto shadow-sm\">\n              <span className=\"font-semibold\">Testnet Only:</span> Please make sure your wallet is set to <span className=\"font-semibold\">testnet mode</span> before proceeding. <a href=\"https://docs.phantom.com/developer-powertools/testnet-mode\" target=\"_blank\" rel=\"noopener noreferrer\" className=\"underline text-yellow-700 dark:text-yellow-200 hover:text-yellow-900 dark:hover:text-yellow-100 transition-colors\">Learn how to switch to testnet</a>.\n            </div>\n          </div>\n\n          {/* Amount Input - Hardcoded to 100 */}\n          <div className=\"relative p-6 flex flex-col items-center\">\n            <div className=\"relative flex items-baseline justify-center w-full\">\n              <span className=\"text-4xl font-bold text-n1-ww-gray-800 dark:text-white mr-1 n1-ww-animate-fade-up\" style={{ animationDelay: '0.2s' }}>\n                {amount}\n              </span>\n              <span className=\"text-xl text-n1-ww-gray-500 dark:text-neutral-400 ml-1 n1-ww-animate-fade-up\" style={{ animationDelay: '0.3s' }}>\n                {tokenSymbol}\n              </span>\n            </div>\n\n            {/* Decorative element */}\n            <div className=\"w-16 h-1 bg-n1-ww-gray-200 dark:bg-n1-ww-gray-800 rounded-full mt-4 mb-2\"></div>\n\n            {/* Balance Display */}\n            <div className=\"flex justify-center items-center text-sm mt-2 w-full n1-ww-animate-fade-up\" style={{ animationDelay: '0.4s' }}>\n              <span className=\"text-n1-ww-gray-500 dark:text-neutral-400\">\n                Balance: {formattedBalance} {tokenSymbol}\n              </span>\n            </div>\n          </div>\n        </div>\n\n        {/* Error Message */}\n        {context.depositError && (\n          <div className=\"bg-red-100 dark:bg-red-900/30 text-red-600 dark:text-red-400 p-3 rounded-sm text-sm border border-red-200 dark:border-red-800 n1-ww-animate-fade-up\" style={{ animationDelay: '0.5s' }}>\n            {context.depositError}\n          </div>\n        )}\n\n        {/* Continue Button */}\n        <button\n          onClick={startDeposit}\n          disabled={!isValidAmount}\n          onMouseEnter={() => setIsHovered(true)}\n          onMouseLeave={() => setIsHovered(false)}\n          className={`\n            group relative w-full overflow-hidden rounded-sm border-2 bg-n1-ww-gray-100 dark:bg-neutral-950 py-4 text-center\n            transition-all duration-300 ${ANIMATION_EASE} n1-ww-animate-fade-up\n            ${isValidAmount\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              : 'cursor-not-allowed border-n1-gray-200 dark:border-n1-gray-800 opacity-50'\n            }\n          `}\n          style={{\n            transform: isHovered && isValidAmount ? 'scale(0.99)' : 'scale(1)',\n            animationDelay: '0.6s'\n          }}\n        >\n          <span\n            className={`\n              text-base font-medium tracking-wide transition-colors duration-300 ${ANIMATION_EASE}\n              ${isValidAmount\n                ? 'text-n1-ww-gray-700 dark:text-n1-ww-gray-300 group-hover:text-n1-ww-gray-900 dark:group-hover:text-white'\n                : 'text-n1-ww-gray-400 dark:text-n1-ww-gray-600'\n              }\n            `}\n          >\n            Continue\n          </span>\n        </button>\n      </div>\n    </div>\n  );\n}\n"]}

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

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

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

@@ -1,26 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { WaitingMessage } from "../components/WaitingMessage";
-import { DEPOSIT_PROGRESS_MESSAGE } from "../../../config/nordFlow";
-import { useDepositContext } from "../context/DepositContext";
-var SUBTITLES = {
-    solana: 'Please sign the transaction in your wallet to continue',
-    nord: 'Waiting for N1 to process the deposit...',
-};
-export function DepositProgressScreen() {
-    var _a;
-    var depositProgressPhase = useDepositContext().depositProgressPhase;
-    var message = __assign(__assign({}, DEPOSIT_PROGRESS_MESSAGE), { subtitle: (_a = SUBTITLES[depositProgressPhase]) !== null && _a !== void 0 ? _a : SUBTITLES.solana });
-    return (_jsx("div", { className: "overflow-hidden relative", children: _jsx(WaitingMessage, { message: message, animation: "transfer" }) }));
-}
-//# sourceMappingURL=04-DepositProgressScreen.js.map

package/dist/Modal/NordFlow/screens/04-DepositProgressScreen.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"04-DepositProgressScreen.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/screens/04-DepositProgressScreen.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAE9D,IAAM,SAAS,GAAsC;IACnD,MAAM,EAAE,wDAAwD;IAChE,IAAI,EAAE,0CAA0C;CACjD,CAAC;AAEF,MAAM,UAAU,qBAAqB;;IAC3B,IAAA,oBAAoB,GAAK,iBAAiB,EAAE,qBAAxB,CAAyB;IACrD,IAAM,OAAO,yBACR,wBAAwB,KAC3B,QAAQ,EAAE,MAAA,SAAS,CAAC,oBAAoB,CAAC,mCAAI,SAAS,CAAC,MAAM,GAC9D,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,0BAA0B,YACvC,KAAC,cAAc,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,UAAU,GAAG,GACrD,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { WaitingMessage } from \"../components/WaitingMessage\";\nimport { DEPOSIT_PROGRESS_MESSAGE } from \"../../../config/nordFlow\";\nimport { useDepositContext } from \"../context/DepositContext\";\n\nconst SUBTITLES: Record<'solana' | 'nord', string> = {\n  solana: 'Please sign the transaction in your wallet to continue',\n  nord: 'Waiting for N1 to process the deposit...',\n};\n\nexport function DepositProgressScreen() {\n  const { depositProgressPhase } = useDepositContext();\n  const message = {\n    ...DEPOSIT_PROGRESS_MESSAGE,\n    subtitle: SUBTITLES[depositProgressPhase] ?? SUBTITLES.solana,\n  };\n\n  return (\n    <div className=\"overflow-hidden relative\">\n      <WaitingMessage message={message} animation=\"transfer\" />\n    </div>\n  );\n}\n"]}

package/dist/Modal/NordFlow/screens/05-DepositProgressScreen.d.ts

@@ -1 +0,0 @@
-export declare function DepositProgressScreen(): JSX.Element;

package/dist/Modal/NordFlow/screens/05-DepositProgressScreen.js

@@ -1,51 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { WaitingMessage } from '../components/WaitingMessage';
-import { useN1WalletInternalContext } from '../../../Provider/hooks';
-import { N1SessionMode } from '../../../Provider/types';
-import { useState, useEffect } from 'react';
-export function DepositProgressScreen() {
-    var sessionMode = useN1WalletInternalContext().sessionMode;
-    var _a = useState(0), elapsedTime = _a[0], setElapsedTime = _a[1];
-    var maxTime = 300; // Maximum time in seconds
-    var message = {
-        visible: true,
-        title: 'Processing Deposit',
-        subtitle: 'Please wait while we process your deposit',
-        isTyping: false,
-    };
-    // Start timer when component mounts
-    useEffect(function () {
-        var timer = setInterval(function () {
-            setElapsedTime(function (prevTime) {
-                if (prevTime >= maxTime) {
-                    clearInterval(timer);
-                    return maxTime;
-                }
-                return prevTime + 1;
-            });
-        }, 1000);
-        // Clean up timer on unmount
-        return function () { return clearInterval(timer); };
-    }, []);
-    // Determine the appropriate message based on session mode
-    var getSessionSpecificMessage = function () {
-        var currentSessionMode = sessionMode !== null && sessionMode !== void 0 ? sessionMode : N1SessionMode.NTS;
-        var accountType = currentSessionMode === N1SessionMode.Nord ? 'Nord' : 'NTS';
-        return __assign(__assign({}, message), { title: message.title || "Processing ".concat(accountType, " Deposit"), subtitle: message.subtitle ||
-                "Please wait while we process your ".concat(accountType, " deposit") });
-    };
-    var sessionMessage = getSessionSpecificMessage();
-    return (_jsxs("div", { className: "overflow-hidden relative", children: [_jsx(WaitingMessage, { message: sessionMessage }), _jsxs("div", { className: "text-center mt-4 text-sm text-n1-ww-gray-500", children: ["Time elapsed: ", elapsedTime, "s / ", maxTime, "s"] })] }));
-}
-//# sourceMappingURL=05-DepositProgressScreen.js.map

package/dist/Modal/NordFlow/screens/05-DepositProgressScreen.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"05-DepositProgressScreen.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/screens/05-DepositProgressScreen.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,OAAO,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,UAAU,qBAAqB;IAC3B,IAAA,WAAW,GAAK,0BAA0B,EAAE,YAAjC,CAAkC;IAC/C,IAAA,KAAgC,QAAQ,CAAC,CAAC,CAAC,EAA1C,WAAW,QAAA,EAAE,cAAc,QAAe,CAAC;IAClD,IAAM,OAAO,GAAG,GAAG,CAAC,CAAC,0BAA0B;IAE/C,IAAM,OAAO,GAAG;QACd,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,oBAAoB;QAC3B,QAAQ,EAAE,2CAA2C;QACrD,QAAQ,EAAE,KAAK;KAChB,CAAA;IAED,oCAAoC;IACpC,SAAS,CAAC;QACR,IAAM,KAAK,GAAG,WAAW,CAAC;YACxB,cAAc,CAAC,UAAC,QAAQ;gBACtB,IAAI,QAAQ,IAAI,OAAO,EAAE,CAAC;oBACxB,aAAa,CAAC,KAAK,CAAC,CAAC;oBACrB,OAAO,OAAO,CAAC;gBACjB,CAAC;gBACD,OAAO,QAAQ,GAAG,CAAC,CAAC;YACtB,CAAC,CAAC,CAAC;QACL,CAAC,EAAE,IAAI,CAAC,CAAC;QAET,4BAA4B;QAC5B,OAAO,cAAM,OAAA,aAAa,CAAC,KAAK,CAAC,EAApB,CAAoB,CAAC;IACpC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,0DAA0D;IAC1D,IAAM,yBAAyB,GAAG;QAChC,IAAM,kBAAkB,GAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,aAAa,CAAC,GAAG,CAAC;QAC5D,IAAM,WAAW,GACf,kBAAkB,KAAK,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;QAE7D,6BACK,OAAO,KACV,KAAK,EAAE,OAAO,CAAC,KAAK,IAAI,qBAAc,WAAW,aAAU,EAC3D,QAAQ,EACN,OAAO,CAAC,QAAQ;gBAChB,4CAAqC,WAAW,aAAU,IAC5D;IACJ,CAAC,CAAC;IAEF,IAAM,cAAc,GAAG,yBAAyB,EAAE,CAAC;IAEnD,OAAO,CACL,eAAK,SAAS,EAAC,0BAA0B,aACvC,KAAC,cAAc,IAAC,OAAO,EAAE,cAAc,GAAI,EAC3C,eAAK,SAAS,EAAC,8CAA8C,+BAC5C,WAAW,UAAM,OAAO,SACnC,IACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { WaitingMessage } from '../components/WaitingMessage';\nimport { WaitingMessageState } from '../types';\nimport { useN1WalletInternalContext } from '../../../Provider/hooks';\nimport { N1SessionMode } from '../../../Provider/types';\nimport { useState, useEffect } from 'react';\n\n\nexport function DepositProgressScreen() {\n  const { sessionMode } = useN1WalletInternalContext();\n  const [elapsedTime, setElapsedTime] = useState(0);\n  const maxTime = 300; // Maximum time in seconds\n\n  const message = {\n    visible: true,\n    title: 'Processing Deposit',\n    subtitle: 'Please wait while we process your deposit',\n    isTyping: false,\n  }\n\n  // Start timer when component mounts\n  useEffect(() => {\n    const timer = setInterval(() => {\n      setElapsedTime((prevTime) => {\n        if (prevTime >= maxTime) {\n          clearInterval(timer);\n          return maxTime;\n        }\n        return prevTime + 1;\n      });\n    }, 1000);\n\n    // Clean up timer on unmount\n    return () => clearInterval(timer);\n  }, []);\n\n  // Determine the appropriate message based on session mode\n  const getSessionSpecificMessage = () => {\n    const currentSessionMode = sessionMode ?? N1SessionMode.NTS;\n    const accountType =\n      currentSessionMode === N1SessionMode.Nord ? 'Nord' : 'NTS';\n\n    return {\n      ...message,\n      title: message.title || `Processing ${accountType} Deposit`,\n      subtitle:\n        message.subtitle ||\n        `Please wait while we process your ${accountType} deposit`,\n    };\n  };\n\n  const sessionMessage = getSessionSpecificMessage();\n\n  return (\n    <div className=\"overflow-hidden relative\">\n      <WaitingMessage message={sessionMessage} />\n      <div className=\"text-center mt-4 text-sm text-n1-ww-gray-500\">\n        Time elapsed: {elapsedTime}s / {maxTime}s\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/Modal/NordFlow/screens/05-DepositSuccessScreen.d.ts

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

package/dist/Modal/NordFlow/screens/05-DepositSuccessScreen.js

@@ -1,137 +0,0 @@
-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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import { useN1WalletContext } from "../../../Provider/hooks";
-import { isNordConfigured, shortenAddress } from "../utils/nordUtils";
-import { useDepositContext } from "../context/DepositContext";
-import { useFlowStateContext } from "../context/FlowContext";
-import { getExplorerUrl } from "../../../Logic/transactionManager";
-// Share icon component reused from Header.tsx
-var ShareIcon = function (_a) {
-    var className = _a.className;
-    return (_jsxs("svg", { className: className || "h-full w-full", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M5.93066 8.06944L12.3473 1.65277", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round" }), _jsx("path", { d: "M8.06958 1.65277H12.3474V5.93055", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round" }), _jsx("path", { d: "M10.7431 7.80207V12.3472H1.65283V3.25693H6.19797", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round" })] }));
-};
-export function DepositSuccessScreen() {
-    var _this = this;
-    var _a = useDepositContext(), amount = _a.amount, completeDeposit = _a.completeDeposit, transactionResult = _a.transactionResult, transactionId = _a.transactionId;
-    var nord = useN1WalletContext().nord;
-    var context = useFlowStateContext().context;
-    var isContinueEnabled = useState(true)[0];
-    var _b = useState("USDC"), tokenSymbol = _b[0], setTokenSymbol = _b[1];
-    var _c = useState(false), copiedAddress = _c[0], setCopiedAddress = _c[1];
-    var _d = useState(false), showCopyTooltip = _d[0], setShowCopyTooltip = _d[1];
-    var fallbackTransaction = transactionResult !== null && transactionResult !== void 0 ? transactionResult : {
-        success: true,
-        transactionId: transactionId !== null && transactionId !== void 0 ? transactionId : "pending-transaction",
-        amount: amount || "0",
-        tokenSymbol: "USDC",
-        fromAddress: "Debug Wallet",
-        toAddress: "Exchange Account",
-        networkName: "Devnet",
-        status: "Completed",
-        explorerUrl: transactionId ? getExplorerUrl(transactionId) : "",
-    };
-    // Get token information from Nord if available
-    useEffect(function () {
-        if (nord && isNordConfigured(nord)) {
-            try {
-                var usdcToken = nord.tokens.find(function (t) { return t.symbol === "USDC"; }) || nord.tokens[0];
-                if (usdcToken) {
-                    setTokenSymbol(usdcToken.symbol);
-                }
-            }
-            catch (error) {
-                console.warn("Error getting token information from Nord:", error);
-            }
-        }
-    }, [nord]);
-    // Solana transaction ID (from depositSpl)
-    var solanaTransactionId = transactionId || fallbackTransaction.transactionId;
-    var solanaTransactionIdShort = shortenAddress(solanaTransactionId, 5, 4);
-    var solanaExplorerUrl = solanaTransactionId
-        ? getExplorerUrl(solanaTransactionId)
-        : "";
-    // N1 transaction ID (could be derived from transactionResult or generated)
-    // For now, using a formatted version or placeholder
-    var n1TransactionId = (transactionResult === null || transactionResult === void 0 ? void 0 : transactionResult.transactionId)
-        ? "n1_".concat(transactionResult.transactionId.substring(0, 8))
-        : "n1_".concat(solanaTransactionId.substring(0, 8));
-    var n1TransactionIdShort = shortenAddress(n1TransactionId, 5, 4);
-    // N1 explorer URL (placeholder - adjust based on actual N1 explorer)
-    var n1ExplorerUrl = "https://explorer.n1.network/tx/".concat(n1TransactionId);
-    var fromAddressShort = shortenAddress(fallbackTransaction.fromAddress, 5, 4);
-    var fromAddressFull = fallbackTransaction.fromAddress;
-    // Handle copy to clipboard for wallet address
-    var handleCopyAddress = function () { return __awaiter(_this, void 0, void 0, function () {
-        var nav, error_1;
-        var _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    if (!fromAddressFull || typeof navigator === "undefined")
-                        return [2 /*return*/];
-                    nav = navigator;
-                    if (!((_a = nav.clipboard) === null || _a === void 0 ? void 0 : _a.writeText)) return [3 /*break*/, 4];
-                    _b.label = 1;
-                case 1:
-                    _b.trys.push([1, 3, , 4]);
-                    return [4 /*yield*/, nav.clipboard.writeText(fromAddressFull)];
-                case 2:
-                    _b.sent();
-                    setCopiedAddress(true);
-                    setTimeout(function () {
-                        setCopiedAddress(false);
-                    }, 1000);
-                    return [3 /*break*/, 4];
-                case 3:
-                    error_1 = _b.sent();
-                    console.warn("Failed to copy address:", error_1);
-                    return [3 /*break*/, 4];
-                case 4: return [2 /*return*/];
-            }
-        });
-    }); };
-    return (_jsx("div", { className: "relative w-full", children: _jsxs("div", { className: "flex flex-col space-y-4", children: [_jsx("div", { className: "w-full py-4", children: _jsx("div", { className: "flex items-center justify-center", children: _jsxs("div", { className: "text-center flex items-end", children: [_jsx("div", { className: "text-5xl md:text-6xl tracking-tight text-n1-ww-main font-medium", children: Number(amount).toLocaleString() }), _jsx("div", { className: "h-5 inline-flex items-center justify-center border border-n1-ww-border rounded px-1 py-1 ml-2 mb-1", children: _jsx("span", { className: "text-white text-xs font-light", children: tokenSymbol }) })] }) }) }), _jsxs("div", { className: "space-y-3 mb-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-white text-xs font-light", children: "Amount:" }), _jsxs("span", { className: "text-white text-xs font-light", children: [Number(amount).toLocaleString(), " ", tokenSymbol] })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-white text-xs font-light", children: "Status:" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "text-n1-ww-accent-neon", children: [_jsx("rect", { x: "0.5", y: "0.5", width: "13", height: "13", rx: "6.5", stroke: "currentColor" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.7917 4.83199L6.54647 9.9756L6.27917 10.2995L5.97635 10.0059L3.5 7.60561L4.0421 7.0879L6.21563 9.19473L10.1935 4.375L10.7917 4.83199Z", fill: "currentColor", stroke: "currentColor", strokeWidth: "0.5" })] }), _jsx("span", { className: "text-n1-ww-accent-neon text-xs font-light", children: fallbackTransaction.status })] })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-white text-xs font-light", children: "From:" }), _jsxs("div", { className: "relative flex items-center gap-1 group", children: [_jsx("button", { onClick: handleCopyAddress, onMouseEnter: function () { return !copiedAddress && setShowCopyTooltip(true); }, onMouseLeave: function () { return setShowCopyTooltip(false); }, className: "text-white text-xs font-light underline cursor-pointer hover:text-n1-ww-main transition-colors", children: fromAddressShort }), (copiedAddress || showCopyTooltip) && (_jsx("div", { className: "absolute top-full mt-1 left-1/2 -translate-x-1/2 px-2 py-1 bg-n1-ww-gray-800 border border-n1-ww-border rounded text-xs text-white whitespace-nowrap z-10 pointer-events-none ".concat(copiedAddress
-                                                ? "opacity-100"
-                                                : showCopyTooltip
-                                                    ? "opacity-100"
-                                                    : "opacity-0", " transition-opacity duration-200"), children: copiedAddress ? "Copied!" : "Click to copy" }))] })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-white text-xs font-light", children: "N1 Transaction ID:" }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("span", { className: "text-white text-xs font-light underline", children: n1TransactionIdShort }), n1ExplorerUrl && (_jsx("a", { href: n1ExplorerUrl, target: "_blank", rel: "noopener noreferrer", className: "flex h-4 w-4 flex-shrink-0 items-center justify-center text-n1-ww-main hover:text-white transition-colors", "aria-label": "View N1 transaction on explorer", children: _jsx(ShareIcon, {}) }))] })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-white text-xs font-light", children: "Solana Transaction ID:" }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("span", { className: "text-white text-xs font-light underline", children: solanaTransactionIdShort }), solanaExplorerUrl && (_jsx("a", { href: solanaExplorerUrl, target: "_blank", rel: "noopener noreferrer", className: "flex h-4 w-4 flex-shrink-0 items-center justify-center text-n1-ww-main hover:text-white transition-colors", "aria-label": "View transaction on explorer", children: _jsx(ShareIcon, {}) }))] })] })] }), _jsx("div", { className: "h-px bg-n1-ww-border mb-4" }), _jsx("button", { onClick: isContinueEnabled ? completeDeposit : undefined, disabled: !isContinueEnabled, className: "\n            w-full h-8 rounded border bg-transparent flex font-medium items-center justify-center\n            transition-all duration-200 transform\n            ".concat(isContinueEnabled
-                        ? "border-n1-ww-main hover:bg-n1-ww-gray-900 cursor-pointer text-n1-ww-main"
-                        : "border-n1-ww-border opacity-50 cursor-not-allowed text-n1-ww-gray-600", "\n          "), children: _jsx("span", { className: "font-medium text-sm opacity-90", children: context.isDepositOnlyFlow ? "Close" : "Continue" }) })] }) }));
-}
-//# sourceMappingURL=05-DepositSuccessScreen.js.map

package/dist/Modal/NordFlow/screens/05-DepositSuccessScreen.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"05-DepositSuccessScreen.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/screens/05-DepositSuccessScreen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from \"react\";\nimport { useN1WalletContext } from \"../../../Provider/hooks\";\nimport { isNordConfigured, shortenAddress } from \"../utils/nordUtils\";\nimport { useDepositContext } from \"../context/DepositContext\";\nimport { useFlowStateContext } from \"../context/FlowContext\";\nimport { getExplorerUrl } from \"../../../Logic/transactionManager\";\n\n// Share icon component reused from Header.tsx\nconst ShareIcon = ({ className }: { className?: string }) => (\n  <svg\n    className={className || \"h-full w-full\"}\n    viewBox=\"0 0 14 14\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M5.93066 8.06944L12.3473 1.65277\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.2\"\n      strokeLinecap=\"round\"\n    />\n    <path\n      d=\"M8.06958 1.65277H12.3474V5.93055\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.2\"\n      strokeLinecap=\"round\"\n    />\n    <path\n      d=\"M10.7431 7.80207V12.3472H1.65283V3.25693H6.19797\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.2\"\n      strokeLinecap=\"round\"\n    />\n  </svg>\n);\n\nexport function DepositSuccessScreen() {\n  const { amount, completeDeposit, transactionResult, transactionId } =\n    useDepositContext();\n  const { nord } = useN1WalletContext();\n  const { context } = useFlowStateContext();\n  const [isContinueEnabled] = useState(true);\n  const [tokenSymbol, setTokenSymbol] = useState(\"USDC\");\n  const [copiedAddress, setCopiedAddress] = useState(false);\n  const [showCopyTooltip, setShowCopyTooltip] = useState(false);\n\n  const fallbackTransaction = transactionResult ?? {\n    success: true,\n    transactionId: transactionId ?? \"pending-transaction\",\n    amount: amount || \"0\",\n    tokenSymbol: \"USDC\",\n    fromAddress: \"Debug Wallet\",\n    toAddress: \"Exchange Account\",\n    networkName: \"Devnet\",\n    status: \"Completed\",\n    explorerUrl: transactionId ? getExplorerUrl(transactionId) : \"\",\n  };\n\n  // Get token information from Nord if available\n  useEffect(() => {\n    if (nord && isNordConfigured(nord)) {\n      try {\n        const usdcToken =\n          nord.tokens.find((t) => t.symbol === \"USDC\") || nord.tokens[0];\n        if (usdcToken) {\n          setTokenSymbol(usdcToken.symbol);\n        }\n      } catch (error) {\n        console.warn(\"Error getting token information from Nord:\", error);\n      }\n    }\n  }, [nord]);\n\n  // Solana transaction ID (from depositSpl)\n  const solanaTransactionId =\n    transactionId || fallbackTransaction.transactionId;\n  const solanaTransactionIdShort = shortenAddress(solanaTransactionId, 5, 4);\n  const solanaExplorerUrl = solanaTransactionId\n    ? getExplorerUrl(solanaTransactionId)\n    : \"\";\n\n  // N1 transaction ID (could be derived from transactionResult or generated)\n  // For now, using a formatted version or placeholder\n  const n1TransactionId = transactionResult?.transactionId\n    ? `n1_${transactionResult.transactionId.substring(0, 8)}`\n    : `n1_${solanaTransactionId.substring(0, 8)}`;\n  const n1TransactionIdShort = shortenAddress(n1TransactionId, 5, 4);\n  // N1 explorer URL (placeholder - adjust based on actual N1 explorer)\n  const n1ExplorerUrl = `https://explorer.n1.network/tx/${n1TransactionId}`;\n\n  const fromAddressShort = shortenAddress(\n    fallbackTransaction.fromAddress,\n    5,\n    4\n  );\n  const fromAddressFull = fallbackTransaction.fromAddress;\n\n  // Handle copy to clipboard for wallet address\n  const handleCopyAddress = async () => {\n    if (!fromAddressFull || typeof navigator === \"undefined\") return;\n\n    const nav = navigator as Navigator & {\n      clipboard?: { writeText: (text: string) => Promise<void> };\n    };\n\n    if (nav.clipboard?.writeText) {\n      try {\n        await nav.clipboard.writeText(fromAddressFull);\n        setCopiedAddress(true);\n        setTimeout(() => {\n          setCopiedAddress(false);\n        }, 1000);\n      } catch (error) {\n        console.warn(\"Failed to copy address:\", error);\n      }\n    }\n  };\n\n  return (\n    <div className=\"relative w-full\">\n      <div className=\"flex flex-col space-y-4\">\n        {/* Amount display */}\n        <div className=\"w-full py-4\">\n          <div className=\"flex items-center justify-center\">\n            <div className=\"text-center flex items-end\">\n              <div className=\"text-5xl md:text-6xl tracking-tight text-n1-ww-main font-medium\">\n                {Number(amount).toLocaleString()}\n              </div>\n              <div className=\"h-5 inline-flex items-center justify-center border border-n1-ww-border rounded px-1 py-1 ml-2 mb-1\">\n                <span className=\"text-white text-xs font-light\">\n                  {tokenSymbol}\n                </span>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        {/* Transaction details */}\n        <div className=\"space-y-3 mb-4\">\n          <div className=\"flex items-center justify-between\">\n            <span className=\"text-white text-xs font-light\">Amount:</span>\n            <span className=\"text-white text-xs font-light\">\n              {Number(amount).toLocaleString()} {tokenSymbol}\n            </span>\n          </div>\n\n          <div className=\"flex items-center justify-between\">\n            <span className=\"text-white text-xs font-light\">Status:</span>\n            <div className=\"flex items-center gap-2\">\n              <svg\n                width=\"14\"\n                height=\"14\"\n                viewBox=\"0 0 14 14\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                className=\"text-n1-ww-accent-neon\"\n              >\n                <rect\n                  x=\"0.5\"\n                  y=\"0.5\"\n                  width=\"13\"\n                  height=\"13\"\n                  rx=\"6.5\"\n                  stroke=\"currentColor\"\n                />\n                <path\n                  fillRule=\"evenodd\"\n                  clipRule=\"evenodd\"\n                  d=\"M10.7917 4.83199L6.54647 9.9756L6.27917 10.2995L5.97635 10.0059L3.5 7.60561L4.0421 7.0879L6.21563 9.19473L10.1935 4.375L10.7917 4.83199Z\"\n                  fill=\"currentColor\"\n                  stroke=\"currentColor\"\n                  strokeWidth=\"0.5\"\n                />\n              </svg>\n              <span className=\"text-n1-ww-accent-neon text-xs font-light\">\n                {fallbackTransaction.status}\n              </span>\n            </div>\n          </div>\n\n          <div className=\"flex items-center justify-between\">\n            <span className=\"text-white text-xs font-light\">From:</span>\n            <div className=\"relative flex items-center gap-1 group\">\n              <button\n                onClick={handleCopyAddress}\n                onMouseEnter={() => !copiedAddress && setShowCopyTooltip(true)}\n                onMouseLeave={() => setShowCopyTooltip(false)}\n                className=\"text-white text-xs font-light underline cursor-pointer hover:text-n1-ww-main transition-colors\"\n              >\n                {fromAddressShort}\n              </button>\n              {(copiedAddress || showCopyTooltip) && (\n                <div\n                  className={`absolute top-full mt-1 left-1/2 -translate-x-1/2 px-2 py-1 bg-n1-ww-gray-800 border border-n1-ww-border rounded text-xs text-white whitespace-nowrap z-10 pointer-events-none ${\n                    copiedAddress\n                      ? \"opacity-100\"\n                      : showCopyTooltip\n                      ? \"opacity-100\"\n                      : \"opacity-0\"\n                  } transition-opacity duration-200`}\n                >\n                  {copiedAddress ? \"Copied!\" : \"Click to copy\"}\n                </div>\n              )}\n            </div>\n          </div>\n\n          <div className=\"flex items-center justify-between\">\n            <span className=\"text-white text-xs font-light\">\n              N1 Transaction ID:\n            </span>\n            <div className=\"flex items-center gap-1\">\n              <span className=\"text-white text-xs font-light underline\">\n                {n1TransactionIdShort}\n              </span>\n              {n1ExplorerUrl && (\n                <a\n                  href={n1ExplorerUrl}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  className=\"flex h-4 w-4 flex-shrink-0 items-center justify-center text-n1-ww-main hover:text-white transition-colors\"\n                  aria-label=\"View N1 transaction on explorer\"\n                >\n                  <ShareIcon />\n                </a>\n              )}\n            </div>\n          </div>\n\n          <div className=\"flex items-center justify-between\">\n            <span className=\"text-white text-xs font-light\">\n              Solana Transaction ID:\n            </span>\n            <div className=\"flex items-center gap-1\">\n              <span className=\"text-white text-xs font-light underline\">\n                {solanaTransactionIdShort}\n              </span>\n              {solanaExplorerUrl && (\n                <a\n                  href={solanaExplorerUrl}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  className=\"flex h-4 w-4 flex-shrink-0 items-center justify-center text-n1-ww-main hover:text-white transition-colors\"\n                  aria-label=\"View transaction on explorer\"\n                >\n                  <ShareIcon />\n                </a>\n              )}\n            </div>\n          </div>\n        </div>\n\n        {/* Separator */}\n        <div className=\"h-px bg-n1-ww-border mb-4\"></div>\n\n        {/* Continue / Close button */}\n        <button\n          onClick={isContinueEnabled ? completeDeposit : undefined}\n          disabled={!isContinueEnabled}\n          className={`\n            w-full h-8 rounded border bg-transparent flex font-medium items-center justify-center\n            transition-all duration-200 transform\n            ${\n              isContinueEnabled\n                ? \"border-n1-ww-main hover:bg-n1-ww-gray-900 cursor-pointer text-n1-ww-main\"\n                : \"border-n1-ww-border opacity-50 cursor-not-allowed text-n1-ww-gray-600\"\n            }\n          `}\n        >\n          <span className=\"font-medium text-sm opacity-90\">\n            {context.isDepositOnlyFlow ? \"Close\" : \"Continue\"}\n          </span>\n        </button>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/Modal/NordFlow/screens/06-AuthLoadingScreen.d.ts

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

package/dist/Modal/NordFlow/screens/06-AuthLoadingScreen.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from 'react';
-import { useDepositContext } from '../context/DepositContext';
-import { WaitingMessage } from '../components/WaitingMessage';
-export function AuthLoadingScreen() {
-    var _a = useState(false), isHovered = _a[0], setIsHovered = _a[1];
-    var authInitiatedRef = useRef(false);
-    // Get auth-related state and functions from DepositContext
-    var _b = useDepositContext(), performAuth = _b.performAuth, authStatus = _b.authStatus, authErrorMessage = _b.authErrorMessage, authStatusMessage = _b.authStatusMessage;
-    useEffect(function () {
-        if (!authInitiatedRef.current) {
-            authInitiatedRef.current = true;
-            performAuth();
-        }
-    }, [performAuth]);
-    var handleRetry = function () {
-        // Reset and retry authentication
-        authInitiatedRef.current = false;
-        performAuth();
-    };
-    var loadingMessage = {
-        visible: true,
-        title: 'Authenticating',
-        subtitle: authStatusMessage || 'Please wait while we create your Nord account',
-        isTyping: false,
-    };
-    return (_jsx("div", { className: "overflow-hidden relative", children: authStatus !== 'error' ? (_jsx(WaitingMessage, { loaderSize: 52, message: loadingMessage })) : (_jsxs("div", { className: "flex flex-col items-center text-center space-y-2 ", children: [_jsx("h3", { className: "text-xl text-white font-semibold", children: "Authentication Failed" }), _jsx("p", { className: "text-sm text-neutral-400", children: "There was an error during authentication. Please try again." }), authErrorMessage && (_jsx("p", { className: "text-xs text-red-400", children: authErrorMessage })), _jsx("div", { className: "pt-4 w-full", children: _jsx("button", { onClick: handleRetry, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, className: "\n                  w-full h-8 rounded border bg-transparent flex items-center justify-center font-medium text-sm\n                  transition-all duration-200 transform\n                  border-n1-ww-main text-n1-ww-main hover:bg-n1-ww-gray-900 cursor-pointer\n                ", style: {
-                            transform: isHovered ? 'scale(0.99)' : 'scale(1)',
-                        }, children: "Try Again" }) })] })) }));
-}
-//# sourceMappingURL=06-AuthLoadingScreen.js.map

package/dist/Modal/NordFlow/screens/06-AuthLoadingScreen.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"06-AuthLoadingScreen.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/screens/06-AuthLoadingScreen.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,MAAM,UAAU,iBAAiB;IACzB,IAAA,KAA4B,QAAQ,CAAU,KAAK,CAAC,EAAnD,SAAS,QAAA,EAAE,YAAY,QAA4B,CAAC;IAC3D,IAAM,gBAAgB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEvC,2DAA2D;IACrD,IAAA,KAKF,iBAAiB,EAAE,EAJrB,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,gBAAgB,sBAAA,EAChB,iBAAiB,uBACI,CAAC;IAExB,SAAS,CAAC;QACR,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC;YAC9B,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC;YAChC,WAAW,EAAE,CAAC;QAChB,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,IAAM,WAAW,GAAG;QAClB,iCAAiC;QACjC,gBAAgB,CAAC,OAAO,GAAG,KAAK,CAAC;QACjC,WAAW,EAAE,CAAC;IAChB,CAAC,CAAC;IAEF,IAAM,cAAc,GAAG;QACrB,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,gBAAgB;QACvB,QAAQ,EACN,iBAAiB,IAAI,+CAA+C;QACtE,QAAQ,EAAE,KAAK;KAChB,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,0BAA0B,YACtC,UAAU,KAAK,OAAO,CAAC,CAAC,CAAC,CACxB,KAAC,cAAc,IAAC,UAAU,EAAE,EAAE,EAAE,OAAO,EAAE,cAAc,GAAI,CAC5D,CAAC,CAAC,CAAC,CACF,eAAK,SAAS,EAAC,mDAAmD,aAChE,aAAI,SAAS,EAAC,kCAAkC,sCAE3C,EACL,YAAG,SAAS,EAAC,0BAA0B,4EAEnC,EACH,gBAAgB,IAAI,CACnB,YAAG,SAAS,EAAC,sBAAsB,YAAE,gBAAgB,GAAK,CAC3D,EACD,cAAK,SAAS,EAAC,aAAa,YAC1B,iBACE,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EACtC,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,EACvC,SAAS,EAAE,0RAIR,EACH,KAAK,EAAE;4BACL,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU;yBAClD,0BAGM,GACL,IACF,CACP,GACG,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { useDepositContext } from '../context/DepositContext';\nimport { WaitingMessage } from '../components/WaitingMessage';\n\nexport function AuthLoadingScreen() {\n  const [isHovered, setIsHovered] = useState<boolean>(false);\n  const authInitiatedRef = useRef(false);\n  \n  // Get auth-related state and functions from DepositContext\n  const { \n    performAuth,\n    authStatus, \n    authErrorMessage, \n    authStatusMessage\n  } = useDepositContext();\n\n  useEffect(() => {\n    if (!authInitiatedRef.current) {\n      authInitiatedRef.current = true;\n      performAuth();\n    }\n  }, [performAuth]);\n\n  const handleRetry = () => {\n    // Reset and retry authentication\n    authInitiatedRef.current = false;\n    performAuth();\n  };\n\n  const loadingMessage = {\n    visible: true,\n    title: 'Authenticating',\n    subtitle:\n      authStatusMessage || 'Please wait while we create your Nord account',\n    isTyping: false,\n  };\n\n  return (\n    <div className=\"overflow-hidden relative\">\n      {authStatus !== 'error' ? (\n        <WaitingMessage loaderSize={52} message={loadingMessage} />\n      ) : (\n        <div className=\"flex flex-col items-center text-center space-y-2 \">\n          <h3 className=\"text-xl text-white font-semibold\">\n            Authentication Failed\n          </h3>\n          <p className=\"text-sm text-neutral-400\">\n            There was an error during authentication. Please try again.\n          </p>\n          {authErrorMessage && (\n            <p className=\"text-xs text-red-400\">{authErrorMessage}</p>\n          )}\n          <div className=\"pt-4 w-full\">\n            <button\n              onClick={handleRetry}\n              onMouseEnter={() => setIsHovered(true)}\n              onMouseLeave={() => setIsHovered(false)}\n              className={`\n                  w-full h-8 rounded border bg-transparent flex items-center justify-center font-medium text-sm\n                  transition-all duration-200 transform\n                  border-n1-ww-main text-n1-ww-main hover:bg-n1-ww-gray-900 cursor-pointer\n                `}\n              style={{\n                transform: isHovered ? 'scale(0.99)' : 'scale(1)',\n              }}\n            >\n              Try Again\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"]}