@n1xyz/wallet-widget 0.0.9 → 0.0.11

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

@@ -1,8 +1 @@
-import { TableValues } from '../types';
-interface DepositSuccessScreenProps {
-    amount: string;
-    tableValues: TableValues;
-    onContinue: () => void;
-}
-export declare function DepositSuccessScreen({ amount, tableValues, onContinue, }: DepositSuccessScreenProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function DepositSuccessScreen(): import("react/jsx-runtime").JSX.Element;

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

@@ -15,8 +15,9 @@ import { TransactionTable } from '../components/TransactionTable';
 import { ANIMATION_EASE, TYPING_INTERVAL } from '../constants';
 import { useN1WalletContext } from '../../../Provider/hooks';
 import { isNordConfigured } from '../utils/nordUtils';
-export function DepositSuccessScreen(_a) {
-    var amount = _a.amount, tableValues = _a.tableValues, onContinue = _a.onContinue;
+import { useDepositContext } from '../context/DepositContext';
+export function DepositSuccessScreen() {
+    var _a = useDepositContext(), amount = _a.amount, completeDeposit = _a.completeDeposit, transactionResult = _a.transactionResult;
     var nord = useN1WalletContext().nord;
     var _b = useState(false), isHovered = _b[0], setIsHovered = _b[1];
     var _c = useState(false), showDetails = _c[0], setShowDetails = _c[1];
@@ -32,6 +33,15 @@ export function DepositSuccessScreen(_a) {
     var _e = useState(false), isContinueEnabled = _e[0], setIsContinueEnabled = _e[1];
     // Add state to show a message about waiting
     var _f = useState(true), showWaitingMessage = _f[0], setShowWaitingMessage = _f[1];
+    // Create table values from transaction details
+    var tableValues = {
+        amount: { text: transactionResult.amount, visible: true, typing: false },
+        tx: { text: transactionResult.transactionId, visible: true, typing: false },
+        from: { text: transactionResult.fromAddress, visible: true, typing: false },
+        to: { text: transactionResult.toAddress, visible: true, typing: false },
+        network: { text: transactionResult.networkName, visible: true, typing: false },
+        status: { text: transactionResult.status, visible: true, typing: false },
+    };
     // Get token information from Nord if available
     var _g = useState('USDC'), tokenSymbol = _g[0], setTokenSymbol = _g[1];
     // Try to get token information from Nord
@@ -51,6 +61,7 @@ export function DepositSuccessScreen(_a) {
     }, [nord]);
     // Add animation to table values
     useEffect(function () {
+        console.log('adasdasdasd');
         if (!showDetails)
             return;
         // Extract the text values from the tableValues
@@ -99,7 +110,7 @@ export function DepositSuccessScreen(_a) {
                 }, TYPING_INTERVAL);
             }, index * 300); // Slightly faster staggering for better UX
         });
-    }, [tableValues, showDetails, amount, tokenSymbol]);
+    }, [showDetails]);
     // Enable the continue button after a minimum viewing time
     useEffect(function () {
         var enableTimer = setTimeout(function () {
@@ -111,12 +122,12 @@ export function DepositSuccessScreen(_a) {
     var toggleDetails = function () {
         setShowDetails(function (prev) { return !prev; });
     };
-    return (_jsx("div", { className: "relative w-full px-4", children: _jsx("div", { className: "flex flex-col space-y-6", children: _jsxs("div", { className: "w-full", children: [_jsx("div", { className: "relative w-full px-3 py-3 flex items-center justify-center transition-all duration-300 ".concat(ANIMATION_EASE, " ").concat(showDetails ? 'opacity-0 max-h-0' : 'opacity-100 max-h-[200px]'), children: _jsxs("div", { className: "relative w-full px-5 py-8 transition-all duration-300 ".concat(ANIMATION_EASE, " ").concat(showDetails ? 'max-h-0 overflow-hidden' : 'max-h-[200px]'), children: [_jsx("div", { className: "w-2 h-2 bg-green-200 dark:bg-emerald-800 absolute -top-2 -left-2 rounded-sm" }), _jsx("div", { className: "w-2 h-2 bg-green-200 dark:bg-emerald-800 absolute -top-2 -right-2 rounded-sm" }), _jsx("div", { className: "w-2 h-2 bg-green-200 dark:bg-emerald-800 absolute -bottom-2 -left-2 rounded-sm" }), _jsx("div", { className: "w-2 h-2 bg-green-200 dark:bg-emerald-800 absolute -bottom-2 -right-2 rounded-sm" }), _jsxs("p", { className: "text-5xl md:text-7xl tracking-tight text-green-500/80 dark:text-emerald-500/80 font-medium pt-4 underline text-center animate-fade-up", style: { animationDelay: '0.3s' }, children: ["+", Number(amount).toLocaleString(), _jsx("span", { className: "text-xl md:text-2xl text-green-500/50 dark:text-emerald-500/50 ml-2", children: tokenSymbol })] }), _jsx("div", { className: "absolute bottom-0 left-0 right-0 flex justify-center -mb-3", children: _jsxs("button", { onClick: toggleDetails, className: "\n                    group flex items-center space-x-1 px-3 py-1 text-xs font-medium \n                    transition-colors duration-200 focus:outline-none\n                    ".concat(showDetails
+    return (_jsx("div", { className: "relative w-full px-4", children: _jsx("div", { className: "flex flex-col space-y-6", children: _jsxs("div", { className: "w-full", children: [_jsx("div", { className: "relative w-full px-3 py-3 flex items-center justify-center transition-all duration-300 ".concat(ANIMATION_EASE, " ").concat(showDetails ? 'opacity-0 max-h-0' : 'opacity-100 max-h-[200px]'), children: _jsxs("div", { className: "relative w-full px-5 py-8 transition-all duration-300 ".concat(ANIMATION_EASE, " ").concat(showDetails ? 'max-h-0 overflow-hidden' : 'max-h-[200px]'), children: [_jsx("div", { className: "w-2 h-2 bg-green-200 dark:bg-emerald-800 absolute -top-2 -left-2 rounded-sm" }), _jsx("div", { className: "w-2 h-2 bg-green-200 dark:bg-emerald-800 absolute -top-2 -right-2 rounded-sm" }), _jsx("div", { className: "w-2 h-2 bg-green-200 dark:bg-emerald-800 absolute -bottom-2 -left-2 rounded-sm" }), _jsx("div", { className: "w-2 h-2 bg-green-200 dark:bg-emerald-800 absolute -bottom-2 -right-2 rounded-sm" }), _jsxs("p", { className: "text-5xl md:text-7xl tracking-tight text-green-500/80 dark:text-emerald-500/80 font-medium pt-4 underline text-center n1-animate-fade-up", style: { animationDelay: '0.3s' }, children: ["+", Number(amount).toLocaleString(), _jsx("span", { className: "text-xl md:text-2xl text-green-500/50 dark:text-emerald-500/50 ml-2", children: tokenSymbol })] }), _jsx("div", { className: "absolute bottom-0 left-0 right-0 flex justify-center -mb-3", children: _jsxs("button", { onClick: toggleDetails, className: "\n                    group flex items-center space-x-1 px-3 py-1 text-xs font-medium \n                    transition-colors duration-200 focus:outline-none\n                    ".concat(showDetails
                                             ? 'text-green-600 dark:text-emerald-400 hover:text-green-700 dark:hover:text-emerald-300'
-                                            : 'text-gray-500 dark:text-gray-400 hover:text-green-600 dark:hover:text-emerald-400', "\n                  "), children: [_jsx("span", { children: "View details" }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-3 w-3 transition-transform duration-200", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) })] }) })] }) }), _jsx("div", { className: "transition-all duration-300 ease-in-out overflow-hidden ".concat(showDetails
+                                            : 'text-n1-gray-500 dark:text-n1-gray-400 hover:text-green-600 dark:hover:text-emerald-400', "\n                  "), children: [_jsx("span", { children: "View details" }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-3 w-3 transition-transform duration-200", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) })] }) })] }) }), _jsx("div", { className: "transition-all duration-300 ease-in-out overflow-hidden ".concat(showDetails
                             ? 'max-h-[500px] opacity-100 -mt-4'
-                            : 'max-h-0 opacity-0'), children: _jsx(TransactionTable, { tableValues: animatedTableValues, onClose: toggleDetails }) }), _jsxs("div", { className: "mt-6", children: [showWaitingMessage && (_jsx("p", { className: "text-sm text-gray-600 dark:text-neutral-400 text-center mb-2 animate-pulse", children: "Please wait a moment..." })), _jsx("button", { onClick: isContinueEnabled ? onContinue : undefined, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, className: "\n                group relative w-full overflow-hidden rounded-md border-2 bg-gray-100 dark:bg-neutral-950 py-4 text-center\n                transition-all duration-300 ".concat(ANIMATION_EASE, "\n                cursor-pointer border-gray-200 dark:border-gray-800 hover:border-gray-400 dark:hover:border-white/60\n                ").concat(!isContinueEnabled ? 'opacity-50 cursor-not-allowed' : '', "\n              "), style: {
+                            : 'max-h-0 opacity-0'), children: _jsx(TransactionTable, { tableValues: animatedTableValues, onClose: toggleDetails }) }), _jsxs("div", { className: "mt-6", children: [showWaitingMessage && (_jsx("p", { className: "text-sm text-n1-gray-600 dark:text-neutral-400 text-center mb-2 n1-animate-pulse", children: "Please wait a moment..." })), _jsx("button", { onClick: isContinueEnabled ? completeDeposit : undefined, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, className: "\n                group relative w-full overflow-hidden rounded-md border-2 bg-n1-gray-100 dark:bg-neutral-950 py-4 text-center\n                transition-all duration-300 ".concat(ANIMATION_EASE, "\n                cursor-pointer border-n1-gray-200 dark:border-n1-gray-800 hover:border-n1-gray-400 dark:hover:border-white/60\n                ").concat(!isContinueEnabled ? 'opacity-50 cursor-not-allowed' : '', "\n              "), style: {
                                     transform: isHovered && isContinueEnabled ? 'scale(0.99)' : 'scale(1)',
-                                }, disabled: !isContinueEnabled, children: _jsx("span", { className: "\n                text-base font-medium tracking-wide transition-colors duration-300 ".concat(ANIMATION_EASE, "\n                text-gray-700 dark:text-gray-300 group-hover:text-gray-900 dark:group-hover:text-white\n              "), children: "Continue" }) })] })] }) }) }));
+                                }, disabled: !isContinueEnabled, children: _jsx("span", { className: "\n                text-base font-medium tracking-wide transition-colors duration-300 ".concat(ANIMATION_EASE, "\n                text-n1-gray-700 dark:text-n1-gray-300 group-hover:text-n1-gray-900 dark:group-hover:text-white\n              "), children: "Continue" }) })] })] }) }) }));
 }
 //# sourceMappingURL=06-DepositSuccessScreen.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"06-DepositSuccessScreen.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/screens/06-DepositSuccessScreen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react';\nimport { TransactionTable } from '../components/TransactionTable';\nimport { ANIMATION_EASE, TYPING_INTERVAL } from '../constants';\nimport { TableValues } from '../types';\nimport { useN1WalletContext } from '../../../Provider/hooks';\nimport { isNordConfigured } from '../utils/nordUtils';\n\ninterface DepositSuccessScreenProps {\n  amount: string;\n  tableValues: TableValues;\n  onContinue: () => void;\n}\n\nexport function DepositSuccessScreen({\n  amount,\n  tableValues,\n  onContinue,\n}: DepositSuccessScreenProps) {\n  const { nord } = useN1WalletContext();\n  const [isHovered, setIsHovered] = useState(false);\n  const [showDetails, setShowDetails] = useState(false);\n  const [animatedTableValues, setAnimatedTableValues] = useState<TableValues>({\n    amount: { text: '', visible: false, typing: false },\n    tx: { text: '', visible: false, typing: false },\n    from: { text: '', visible: false, typing: false },\n    to: { text: '', visible: false, typing: false },\n    network: { text: '', visible: false, typing: false },\n    status: { text: '', visible: false, typing: false },\n  });\n  // Add state to track if the button should be enabled\n  const [isContinueEnabled, setIsContinueEnabled] = useState(false);\n  // Add state to show a message about waiting\n  const [showWaitingMessage, setShowWaitingMessage] = useState(true);\n\n  // Get token information from Nord if available\n  const [tokenSymbol, setTokenSymbol] = useState('USDC');\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) => 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  // Add animation to table values\n  useEffect(() => {\n    if (!showDetails) return;\n\n    // Extract the text values from the tableValues\n    const values = {\n      amount: `${Number(amount).toLocaleString()} ${tokenSymbol}`,\n      tx: tableValues.tx.text,\n      from: tableValues.from.text,\n      to: tableValues.to.text,\n      network: tableValues.network.text,\n      status: tableValues.status.text,\n    };\n\n    // Animate each field with typing effect\n    Object.entries(values).forEach(([key, value], index) => {\n      setTimeout(() => {\n        // Make the field visible first\n        setAnimatedTableValues((prev) => ({\n          ...prev,\n          [key]: {\n            ...prev[key as keyof typeof prev],\n            visible: true,\n            typing: true,\n          },\n        }));\n\n        let textIndex = 0;\n        // Type out each character with the typing animation\n        const interval = setInterval(() => {\n          if (textIndex <= value.length) {\n            setAnimatedTableValues((prev) => ({\n              ...prev,\n              [key]: {\n                text: value.slice(0, textIndex),\n                visible: true,\n                typing: textIndex < value.length,\n              },\n            }));\n            textIndex++;\n          } else {\n            clearInterval(interval);\n            setAnimatedTableValues((prev) => ({\n              ...prev,\n              [key]: {\n                text: value,\n                visible: true,\n                typing: false,\n              },\n            }));\n          }\n        }, TYPING_INTERVAL);\n      }, index * 300); // Slightly faster staggering for better UX\n    });\n  }, [tableValues, showDetails, amount, tokenSymbol]);\n\n  // Enable the continue button after a minimum viewing time\n  useEffect(() => {\n    const enableTimer = setTimeout(() => {\n      setIsContinueEnabled(true);\n      setShowWaitingMessage(false);\n    }, 4000);\n\n    return () => clearTimeout(enableTimer);\n  }, []);\n\n  const toggleDetails = () => {\n    setShowDetails((prev) => !prev);\n  };\n\n  return (\n    <div className=\"relative w-full px-4\">\n      <div className=\"flex flex-col space-y-6\">\n        {/* Amount display */}\n        <div className=\"w-full\">\n          <div\n            className={`relative w-full px-3 py-3 flex items-center justify-center transition-all duration-300 ${ANIMATION_EASE} ${showDetails ? 'opacity-0 max-h-0' : 'opacity-100 max-h-[200px]'}`}\n          >\n            <div\n              className={`relative w-full px-5 py-8 transition-all duration-300 ${ANIMATION_EASE} ${\n                showDetails ? 'max-h-0 overflow-hidden' : 'max-h-[200px]'\n              }`}\n            >\n              <div className=\"w-2 h-2 bg-green-200 dark:bg-emerald-800 absolute -top-2 -left-2 rounded-sm\"></div>\n              <div className=\"w-2 h-2 bg-green-200 dark:bg-emerald-800 absolute -top-2 -right-2 rounded-sm\"></div>\n              <div className=\"w-2 h-2 bg-green-200 dark:bg-emerald-800 absolute -bottom-2 -left-2 rounded-sm\"></div>\n              <div className=\"w-2 h-2 bg-green-200 dark:bg-emerald-800 absolute -bottom-2 -right-2 rounded-sm\"></div>\n              <p\n                className=\"text-5xl md:text-7xl tracking-tight text-green-500/80 dark:text-emerald-500/80 font-medium pt-4 underline text-center animate-fade-up\"\n                style={{ animationDelay: '0.3s' }}\n              >\n                +{Number(amount).toLocaleString()}\n                <span className=\"text-xl md:text-2xl text-green-500/50 dark:text-emerald-500/50 ml-2\">\n                  {tokenSymbol}\n                </span>\n              </p>\n\n              {/* Subtle transaction details toggle positioned at the bottom of amount display */}\n              <div className=\"absolute bottom-0 left-0 right-0 flex justify-center -mb-3\">\n                <button\n                  onClick={toggleDetails}\n                  className={`\n                    group flex items-center space-x-1 px-3 py-1 text-xs font-medium \n                    transition-colors duration-200 focus:outline-none\n                    ${\n                      showDetails\n                        ? 'text-green-600 dark:text-emerald-400 hover:text-green-700 dark:hover:text-emerald-300'\n                        : 'text-gray-500 dark:text-gray-400 hover:text-green-600 dark:hover:text-emerald-400'\n                    }\n                  `}\n                >\n                  <span>View details</span>\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    className=\"h-3 w-3 transition-transform duration-200\"\n                    fill=\"none\"\n                    viewBox=\"0 0 24 24\"\n                    stroke=\"currentColor\"\n                  >\n                    <path\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                      strokeWidth={2}\n                      d=\"M19 9l-7 7-7-7\"\n                    />\n                  </svg>\n                </button>\n              </div>\n            </div>\n          </div>\n          <div\n            className={`transition-all duration-300 ease-in-out overflow-hidden ${\n              showDetails\n                ? 'max-h-[500px] opacity-100 -mt-4'\n                : 'max-h-0 opacity-0'\n            }`}\n          >\n            <TransactionTable\n              tableValues={animatedTableValues}\n              onClose={toggleDetails}\n            />\n          </div>\n\n          {/* Continue button */}\n          <div className=\"mt-6\">\n            {showWaitingMessage && (\n              <p className=\"text-sm text-gray-600 dark:text-neutral-400 text-center mb-2 animate-pulse\">\n                Please wait a moment...\n              </p>\n            )}\n            <button\n              onClick={isContinueEnabled ? onContinue : undefined}\n              onMouseEnter={() => setIsHovered(true)}\n              onMouseLeave={() => setIsHovered(false)}\n              className={`\n                group relative w-full overflow-hidden rounded-md border-2 bg-gray-100 dark:bg-neutral-950 py-4 text-center\n                transition-all duration-300 ${ANIMATION_EASE}\n                cursor-pointer border-gray-200 dark:border-gray-800 hover:border-gray-400 dark:hover:border-white/60\n                ${!isContinueEnabled ? 'opacity-50 cursor-not-allowed' : ''}\n              `}\n              style={{\n                transform:\n                  isHovered && isContinueEnabled ? 'scale(0.99)' : 'scale(1)',\n              }}\n              disabled={!isContinueEnabled}\n            >\n              <span\n                className={`\n                text-base font-medium tracking-wide transition-colors duration-300 ${ANIMATION_EASE}\n                text-gray-700 dark:text-gray-300 group-hover:text-gray-900 dark:group-hover:text-white\n              `}\n              >\n                Continue\n              </span>\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"06-DepositSuccessScreen.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/screens/06-DepositSuccessScreen.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAG9D,MAAM,UAAU,oBAAoB;IAC5B,IAAA,KAAiD,iBAAiB,EAAE,EAAlE,MAAM,YAAA,EAAE,eAAe,qBAAA,EAAE,iBAAiB,uBAAwB,CAAC;IACnE,IAAA,IAAI,GAAK,kBAAkB,EAAE,KAAzB,CAA0B;IAChC,IAAA,KAA4B,QAAQ,CAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAC;IAC5C,IAAA,KAAgC,QAAQ,CAAC,KAAK,CAAC,EAA9C,WAAW,QAAA,EAAE,cAAc,QAAmB,CAAC;IAChD,IAAA,KAAgD,QAAQ,CAAc;QAC1E,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE;QACnD,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE;QAC/C,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE;QACjD,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE;QAC/C,OAAO,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE;QACpD,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE;KACpD,CAAC,EAPK,mBAAmB,QAAA,EAAE,sBAAsB,QAOhD,CAAC;IACH,qDAAqD;IAC/C,IAAA,KAA4C,QAAQ,CAAC,KAAK,CAAC,EAA1D,iBAAiB,QAAA,EAAE,oBAAoB,QAAmB,CAAC;IAClE,4CAA4C;IACtC,IAAA,KAA8C,QAAQ,CAAC,IAAI,CAAC,EAA3D,kBAAkB,QAAA,EAAE,qBAAqB,QAAkB,CAAC;IAEnE,+CAA+C;IAC/C,IAAM,WAAW,GAAG;QAClB,MAAM,EAAE,EAAE,IAAI,EAAE,iBAAkB,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE;QACzE,EAAE,EAAE,EAAE,IAAI,EAAE,iBAAkB,CAAC,aAAa,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE;QAC5E,IAAI,EAAE,EAAE,IAAI,EAAE,iBAAkB,CAAC,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE;QAC5E,EAAE,EAAE,EAAE,IAAI,EAAE,iBAAkB,CAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE;QACxE,OAAO,EAAE,EAAE,IAAI,EAAE,iBAAkB,CAAC,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE;QAC/E,MAAM,EAAE,EAAE,IAAI,EAAE,iBAAkB,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE;KAC1E,CAAC;IAEF,+CAA+C;IACzC,IAAA,KAAgC,QAAQ,CAAC,MAAM,CAAC,EAA/C,WAAW,QAAA,EAAE,cAAc,QAAoB,CAAC;IAEvD,yCAAyC;IACzC,SAAS,CAAC;QACR,IAAI,IAAI,IAAI,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC;YACnC,IAAI,CAAC;gBACH,yCAAyC;gBACzC,IAAM,SAAS,GACb,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,MAAM,KAAK,MAAM,EAAnB,CAAmB,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;gBACjE,IAAI,SAAS,EAAE,CAAC;oBACd,cAAc,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;gBACnC,CAAC;YACH,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,OAAO,CAAC,IAAI,CAAC,4CAA4C,EAAE,KAAK,CAAC,CAAC;YACpE,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,gCAAgC;IAChC,SAAS,CAAC;QACR,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,CAAA;QAC1B,IAAI,CAAC,WAAW;YAAE,OAAO;QAEzB,+CAA+C;QAC/C,IAAM,MAAM,GAAG;YACb,MAAM,EAAE,UAAG,MAAM,CAAC,MAAM,CAAC,CAAC,cAAc,EAAE,cAAI,WAAW,CAAE;YAC3D,EAAE,EAAE,WAAW,CAAC,EAAE,CAAC,IAAI;YACvB,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC,IAAI;YAC3B,EAAE,EAAE,WAAW,CAAC,EAAE,CAAC,IAAI;YACvB,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,IAAI;YACjC,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,IAAI;SAChC,CAAC;QAEF,wCAAwC;QACxC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,UAAC,EAAY,EAAE,KAAK;gBAAlB,GAAG,QAAA,EAAE,KAAK,QAAA;YACzC,UAAU,CAAC;gBACT,+BAA+B;gBAC/B,sBAAsB,CAAC,UAAC,IAAI;;oBAAK,OAAA,uBAC5B,IAAI,gBACN,GAAG,0BACC,IAAI,CAAC,GAAwB,CAAC,KACjC,OAAO,EAAE,IAAI,EACb,MAAM,EAAE,IAAI,UAEd;gBAP+B,CAO/B,CAAC,CAAC;gBAEJ,IAAI,SAAS,GAAG,CAAC,CAAC;gBAClB,oDAAoD;gBACpD,IAAM,QAAQ,GAAG,WAAW,CAAC;oBAC3B,IAAI,SAAS,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;wBAC9B,sBAAsB,CAAC,UAAC,IAAI;;4BAAK,OAAA,uBAC5B,IAAI,gBACN,GAAG,IAAG;gCACL,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC;gCAC/B,OAAO,EAAE,IAAI;gCACb,MAAM,EAAE,SAAS,GAAG,KAAK,CAAC,MAAM;6BACjC,OACD;wBAP+B,CAO/B,CAAC,CAAC;wBACJ,SAAS,EAAE,CAAC;oBACd,CAAC;yBAAM,CAAC;wBACN,aAAa,CAAC,QAAQ,CAAC,CAAC;wBACxB,sBAAsB,CAAC,UAAC,IAAI;;4BAAK,OAAA,uBAC5B,IAAI,gBACN,GAAG,IAAG;gCACL,IAAI,EAAE,KAAK;gCACX,OAAO,EAAE,IAAI;gCACb,MAAM,EAAE,KAAK;6BACd,OACD;wBAP+B,CAO/B,CAAC,CAAC;oBACN,CAAC;gBACH,CAAC,EAAE,eAAe,CAAC,CAAC;YACtB,CAAC,EAAE,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,2CAA2C;QAC9D,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,0DAA0D;IAC1D,SAAS,CAAC;QACR,IAAM,WAAW,GAAG,UAAU,CAAC;YAC7B,oBAAoB,CAAC,IAAI,CAAC,CAAC;YAC3B,qBAAqB,CAAC,KAAK,CAAC,CAAC;QAC/B,CAAC,EAAE,IAAI,CAAC,CAAC;QAET,OAAO,cAAM,OAAA,YAAY,CAAC,WAAW,CAAC,EAAzB,CAAyB,CAAC;IACzC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,aAAa,GAAG;QACpB,cAAc,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,IAAI,EAAL,CAAK,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,sBAAsB,YACnC,cAAK,SAAS,EAAC,yBAAyB,YAEtC,eAAK,SAAS,EAAC,QAAQ,aACrB,cACE,SAAS,EAAE,iGAA0F,cAAc,cAAI,WAAW,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,2BAA2B,CAAE,YAExL,eACE,SAAS,EAAE,gEAAyD,cAAc,cAChF,WAAW,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,eAAe,CACzD,aAEF,cAAK,SAAS,EAAC,6EAA6E,GAAO,EACnG,cAAK,SAAS,EAAC,8EAA8E,GAAO,EACpG,cAAK,SAAS,EAAC,gFAAgF,GAAO,EACtG,cAAK,SAAS,EAAC,iFAAiF,GAAO,EACvG,aACE,SAAS,EAAC,0IAA0I,EACpJ,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,kBAE/B,MAAM,CAAC,MAAM,CAAC,CAAC,cAAc,EAAE,EACjC,eAAM,SAAS,EAAC,qEAAqE,YAClF,WAAW,GACP,IACL,EAGJ,cAAK,SAAS,EAAC,4DAA4D,YACzE,kBACE,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,6LAIP,WAAW;4CACT,CAAC,CAAC,uFAAuF;4CACzF,CAAC,CAAC,yFAAyF,yBAEhG,aAED,0CAAyB,EACzB,cACE,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,2CAA2C,EACrD,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,MAAM,EAAC,cAAc,YAErB,eACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,EACd,CAAC,EAAC,gBAAgB,GAClB,GACE,IACC,GACL,IACF,GACF,EACN,cACE,SAAS,EAAE,kEACT,WAAW;4BACT,CAAC,CAAC,iCAAiC;4BACnC,CAAC,CAAC,mBAAmB,CACvB,YAEF,KAAC,gBAAgB,IACf,WAAW,EAAE,mBAAmB,EAChC,OAAO,EAAE,aAAa,GACtB,GACE,EAGN,eAAK,SAAS,EAAC,MAAM,aAClB,kBAAkB,IAAI,CACrB,YAAG,SAAS,EAAC,kFAAkF,wCAE3F,CACL,EACD,iBACE,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,EACxD,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EACtC,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,EACvC,SAAS,EAAE,uLAEqB,cAAc,8JAE1C,CAAC,iBAAiB,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,EAAE,qBAC5D,EACD,KAAK,EAAE;oCACL,SAAS,EACP,SAAS,IAAI,iBAAiB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU;iCAC9D,EACD,QAAQ,EAAE,CAAC,iBAAiB,YAE5B,eACE,SAAS,EAAE,+FAC0D,cAAc,sIAEpF,yBAGM,GACA,IACL,IACF,GACF,GACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { useEffect, useState } from 'react';\nimport { TransactionTable } from '../components/TransactionTable';\nimport { ANIMATION_EASE, TYPING_INTERVAL } from '../constants';\nimport { TableValues } from '../types';\nimport { useN1WalletContext } from '../../../Provider/hooks';\nimport { isNordConfigured } from '../utils/nordUtils';\nimport { useDepositContext } from '../context/DepositContext';\nimport { getExplorerUrl } from '../../../Logic/transactionManager';\n\nexport function DepositSuccessScreen() {\n  const { amount, completeDeposit, transactionResult } = useDepositContext();\n  const { nord } = useN1WalletContext();\n  const [isHovered, setIsHovered] = useState(false);\n  const [showDetails, setShowDetails] = useState(false);\n  const [animatedTableValues, setAnimatedTableValues] = useState<TableValues>({\n    amount: { text: '', visible: false, typing: false },\n    tx: { text: '', visible: false, typing: false },\n    from: { text: '', visible: false, typing: false },\n    to: { text: '', visible: false, typing: false },\n    network: { text: '', visible: false, typing: false },\n    status: { text: '', visible: false, typing: false },\n  });\n  // Add state to track if the button should be enabled\n  const [isContinueEnabled, setIsContinueEnabled] = useState(false);\n  // Add state to show a message about waiting\n  const [showWaitingMessage, setShowWaitingMessage] = useState(true);\n  \n  // Create table values from transaction details\n  const tableValues = {\n    amount: { text: transactionResult!.amount, visible: true, typing: false },\n    tx: { text: transactionResult!.transactionId, visible: true, typing: false },\n    from: { text: transactionResult!.fromAddress, visible: true, typing: false },\n    to: { text: transactionResult!.toAddress, visible: true, typing: false },\n    network: { text: transactionResult!.networkName, visible: true, typing: false },\n    status: { text: transactionResult!.status, visible: true, typing: false },\n  };\n\n  // Get token information from Nord if available\n  const [tokenSymbol, setTokenSymbol] = useState('USDC');\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) => 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  // Add animation to table values\n  useEffect(() => {\n    console.log('adasdasdasd')\n    if (!showDetails) return;\n\n    // Extract the text values from the tableValues\n    const values = {\n      amount: `${Number(amount).toLocaleString()} ${tokenSymbol}`,\n      tx: tableValues.tx.text,\n      from: tableValues.from.text,\n      to: tableValues.to.text,\n      network: tableValues.network.text,\n      status: tableValues.status.text,\n    };\n\n    // Animate each field with typing effect\n    Object.entries(values).forEach(([key, value], index) => {\n      setTimeout(() => {\n        // Make the field visible first\n        setAnimatedTableValues((prev) => ({\n          ...prev,\n          [key]: {\n            ...prev[key as keyof typeof prev],\n            visible: true,\n            typing: true,\n          },\n        }));\n\n        let textIndex = 0;\n        // Type out each character with the typing animation\n        const interval = setInterval(() => {\n          if (textIndex <= value.length) {\n            setAnimatedTableValues((prev) => ({\n              ...prev,\n              [key]: {\n                text: value.slice(0, textIndex),\n                visible: true,\n                typing: textIndex < value.length,\n              },\n            }));\n            textIndex++;\n          } else {\n            clearInterval(interval);\n            setAnimatedTableValues((prev) => ({\n              ...prev,\n              [key]: {\n                text: value,\n                visible: true,\n                typing: false,\n              },\n            }));\n          }\n        }, TYPING_INTERVAL);\n      }, index * 300); // Slightly faster staggering for better UX\n    });\n  }, [showDetails]);\n\n  // Enable the continue button after a minimum viewing time\n  useEffect(() => {\n    const enableTimer = setTimeout(() => {\n      setIsContinueEnabled(true);\n      setShowWaitingMessage(false);\n    }, 4000);\n\n    return () => clearTimeout(enableTimer);\n  }, []);\n\n  const toggleDetails = () => {\n    setShowDetails((prev) => !prev);\n  };\n\n  return (\n    <div className=\"relative w-full px-4\">\n      <div className=\"flex flex-col space-y-6\">\n        {/* Amount display */}\n        <div className=\"w-full\">\n          <div\n            className={`relative w-full px-3 py-3 flex items-center justify-center transition-all duration-300 ${ANIMATION_EASE} ${showDetails ? 'opacity-0 max-h-0' : 'opacity-100 max-h-[200px]'}`}\n          >\n            <div\n              className={`relative w-full px-5 py-8 transition-all duration-300 ${ANIMATION_EASE} ${\n                showDetails ? 'max-h-0 overflow-hidden' : 'max-h-[200px]'\n              }`}\n            >\n              <div className=\"w-2 h-2 bg-green-200 dark:bg-emerald-800 absolute -top-2 -left-2 rounded-sm\"></div>\n              <div className=\"w-2 h-2 bg-green-200 dark:bg-emerald-800 absolute -top-2 -right-2 rounded-sm\"></div>\n              <div className=\"w-2 h-2 bg-green-200 dark:bg-emerald-800 absolute -bottom-2 -left-2 rounded-sm\"></div>\n              <div className=\"w-2 h-2 bg-green-200 dark:bg-emerald-800 absolute -bottom-2 -right-2 rounded-sm\"></div>\n              <p\n                className=\"text-5xl md:text-7xl tracking-tight text-green-500/80 dark:text-emerald-500/80 font-medium pt-4 underline text-center n1-animate-fade-up\"\n                style={{ animationDelay: '0.3s' }}\n              >\n                +{Number(amount).toLocaleString()}\n                <span className=\"text-xl md:text-2xl text-green-500/50 dark:text-emerald-500/50 ml-2\">\n                  {tokenSymbol}\n                </span>\n              </p>\n\n              {/* Subtle transaction details toggle positioned at the bottom of amount display */}\n              <div className=\"absolute bottom-0 left-0 right-0 flex justify-center -mb-3\">\n                <button\n                  onClick={toggleDetails}\n                  className={`\n                    group flex items-center space-x-1 px-3 py-1 text-xs font-medium \n                    transition-colors duration-200 focus:outline-none\n                    ${\n                      showDetails\n                        ? 'text-green-600 dark:text-emerald-400 hover:text-green-700 dark:hover:text-emerald-300'\n                        : 'text-n1-gray-500 dark:text-n1-gray-400 hover:text-green-600 dark:hover:text-emerald-400'\n                    }\n                  `}\n                >\n                  <span>View details</span>\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    className=\"h-3 w-3 transition-transform duration-200\"\n                    fill=\"none\"\n                    viewBox=\"0 0 24 24\"\n                    stroke=\"currentColor\"\n                  >\n                    <path\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                      strokeWidth={2}\n                      d=\"M19 9l-7 7-7-7\"\n                    />\n                  </svg>\n                </button>\n              </div>\n            </div>\n          </div>\n          <div\n            className={`transition-all duration-300 ease-in-out overflow-hidden ${\n              showDetails\n                ? 'max-h-[500px] opacity-100 -mt-4'\n                : 'max-h-0 opacity-0'\n            }`}\n          >\n            <TransactionTable\n              tableValues={animatedTableValues}\n              onClose={toggleDetails}\n            />\n          </div>\n\n          {/* Continue button */}\n          <div className=\"mt-6\">\n            {showWaitingMessage && (\n              <p className=\"text-sm text-n1-gray-600 dark:text-neutral-400 text-center mb-2 n1-animate-pulse\">\n                Please wait a moment...\n              </p>\n            )}\n            <button\n              onClick={isContinueEnabled ? completeDeposit : undefined}\n              onMouseEnter={() => setIsHovered(true)}\n              onMouseLeave={() => setIsHovered(false)}\n              className={`\n                group relative w-full overflow-hidden rounded-md border-2 bg-n1-gray-100 dark:bg-neutral-950 py-4 text-center\n                transition-all duration-300 ${ANIMATION_EASE}\n                cursor-pointer border-n1-gray-200 dark:border-n1-gray-800 hover:border-n1-gray-400 dark:hover:border-white/60\n                ${!isContinueEnabled ? 'opacity-50 cursor-not-allowed' : ''}\n              `}\n              style={{\n                transform:\n                  isHovered && isContinueEnabled ? 'scale(0.99)' : 'scale(1)',\n              }}\n              disabled={!isContinueEnabled}\n            >\n              <span\n                className={`\n                text-base font-medium tracking-wide transition-colors duration-300 ${ANIMATION_EASE}\n                text-n1-gray-700 dark:text-n1-gray-300 group-hover:text-n1-gray-900 dark:group-hover:text-white\n              `}\n              >\n                Continue\n              </span>\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

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

@@ -1,6 +1 @@
-interface AuthLoadingScreenProps {
-    isCreatingAccount?: boolean;
-    onAuthComplete?: (success: boolean) => void;
-}
-export declare function AuthLoadingScreen({ isCreatingAccount, onAuthComplete, }: AuthLoadingScreenProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function AuthLoadingScreen(): import("react/jsx-runtime").JSX.Element;

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

@@ -1,136 +1,30 @@
-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, useCallback, useRef } from 'react';
-import { useN1WalletContext, useN1WalletInternalContext, } from '../../../Provider/hooks';
+import { useEffect, useRef, useState } from 'react';
 import { LoadingSquares } from '../components/LoadingSquares';
-import { logger } from '../../../utils/logger';
 import { ANIMATION_EASE } from '../constants';
-export function AuthLoadingScreen(_a) {
-    var _this = this;
-    var _b = _a.isCreatingAccount, isCreatingAccount = _b === void 0 ? false : _b, onAuthComplete = _a.onAuthComplete;
-    var _c = useN1WalletInternalContext(), sessionMode = _c.sessionMode, setNordUser = _c.setNordUser;
-    var _d = useN1WalletContext(), address = _d.address, nord = _d.nord, nordUser = _d.nordUser;
-    var _e = useState('loading'), authStatus = _e[0], setAuthStatus = _e[1];
-    var _f = useState(null), errorMessage = _f[0], setErrorMessage = _f[1];
-    var _g = useState(null), statusMessage = _g[0], setStatusMessage = _g[1];
-    var _h = useState(false), isHovered = _h[0], setIsHovered = _h[1];
+import { useDepositContext } from '../context/DepositContext';
+export function AuthLoadingScreen() {
+    var _a = useState(false), isHovered = _a[0], setIsHovered = _a[1];
     var authInitiatedRef = useRef(false);
-    var performAuth = useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
-        var sessionPubKey, sessionId, sessionIdKey, error_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    _a.trys.push([0, 3, , 4]);
-                    // Step 1: Tell user to sign transaction
-                    setStatusMessage('Please sign the transaction to authenticate your session');
-                    if (!nordUser) {
-                        throw new Error('Nord user is not initialized');
-                    }
-                    // Step 2: Call nordUser.refreshSession and get sessionId
-                    setStatusMessage('Session is being authenticated...');
-                    sessionPubKey = nordUser.sessionPubKey;
-                    if (!sessionPubKey) {
-                        throw new Error('Session public key is not available');
-                    }
-                    // Refresh the session
-                    return [4 /*yield*/, nordUser.refreshSession(sessionPubKey)];
-                case 1:
-                    // Refresh the session
-                    _a.sent();
-                    return [4 /*yield*/, nordUser.updateAccountId()];
-                case 2:
-                    _a.sent();
-                    sessionId = nordUser.sessionId;
-                    if (!sessionId) {
-                        throw new Error('Failed to get session ID after refresh');
-                    }
-                    logger.debug('Session refreshed successfully', {
-                        sessionId: sessionId.toString(),
-                    });
-                    // Step 3: Store sessionId in localStorage
-                    if (address) {
-                        sessionIdKey = "n1_sessionId_".concat(address);
-                        localStorage.setItem(sessionIdKey, sessionId.toString());
-                        logger.debug('Stored sessionId in localStorage', { key: sessionIdKey });
-                    }
-                    // Step 4: Update status to success
-                    setAuthStatus('success');
-                    // Step 5: Call onAuthComplete callback with success=true
-                    if (onAuthComplete) {
-                        onAuthComplete(true);
-                    }
-                    setNordUser(nordUser);
-                    return [3 /*break*/, 4];
-                case 3:
-                    error_1 = _a.sent();
-                    console.error('Authentication error:', error_1);
-                    setAuthStatus('error');
-                    setErrorMessage(error_1 instanceof Error ? error_1.message : 'Unknown error occurred');
-                    return [3 /*break*/, 4];
-                case 4: return [2 /*return*/];
-            }
-        });
-    }); }, [onAuthComplete, isCreatingAccount, sessionMode, address, nord]);
+    // 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 () {
-        setAuthStatus('loading');
-        setErrorMessage(null);
-        setStatusMessage(null);
+        // Reset and retry authentication
+        authInitiatedRef.current = false;
         performAuth();
     };
-    return (_jsxs("div", { className: "flex flex-col items-center justify-center py-12 space-y-6", children: [authStatus === 'loading' && _jsx(LoadingSquares, {}), authStatus === 'success' && (_jsx("div", { className: "text-green-500 text-4xl mb-4", children: "\u2713" })), authStatus === 'error' && (_jsx("div", { className: "text-red-500 text-4xl mb-4", children: "\u26A0\uFE0F" })), _jsxs("div", { className: "space-y-2 text-center w-[300px]", children: [_jsxs("h3", { className: "text-xl text-gray-800 dark:text-white font-semibold", children: [authStatus === 'loading' &&
-                                (isCreatingAccount ? 'Creating Account' : 'Authenticating'), authStatus === 'success' &&
-                                (isCreatingAccount
-                                    ? 'Account Created'
-                                    : 'Authentication Successful'), authStatus === 'error' && 'Authentication Failed'] }), _jsxs("p", { className: "text-sm text-gray-600 dark:text-neutral-400", children: [authStatus === 'loading' && statusMessage
-                                ? statusMessage
-                                : 'Please wait while we create your Nord account', authStatus === 'success' &&
-                                (isCreatingAccount
-                                    ? 'Your account has been created successfully'
-                                    : 'You have been logged in successfully'), authStatus === 'error' &&
-                                (errorMessage ||
-                                    'There was an error during authentication. Please try again.')] }), authStatus === 'error' && (_jsx("div", { className: "mt-6", children: _jsx("button", { onClick: handleRetry, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, className: "\n                group relative w-full overflow-hidden rounded-md border-2 bg-gray-100 dark:bg-neutral-950 py-4 text-center\n                transition-all duration-300 ".concat(ANIMATION_EASE, "\n                cursor-pointer border-gray-200 dark:border-gray-800 hover:border-gray-400 dark:hover:border-white/60\n              "), style: {
+    return (_jsxs("div", { className: "flex flex-col items-center justify-center py-12 space-y-6", children: [authStatus === 'loading' && _jsx(LoadingSquares, {}), authStatus === 'success' && (_jsx("div", { className: "text-green-500 text-4xl mb-4", children: "\u2713" })), authStatus === 'error' && (_jsx("div", { className: "text-red-500 text-4xl mb-4", children: "\u26A0\uFE0F" })), _jsxs("div", { className: "space-y-2 text-center w-[300px]", children: [_jsxs("h3", { className: "text-xl text-n1-gray-800 dark:text-white font-semibold", children: [authStatus === 'loading' && 'Authenticating', authStatus === 'success' && 'Authentication Successful', authStatus === 'error' && 'Authentication Failed'] }), _jsxs("p", { className: "text-sm text-n1-gray-600 dark:text-neutral-400", children: [authStatus === 'loading' && authStatusMessage
+                                ? authStatusMessage
+                                : 'Please wait while we create your Nord account', authStatus === 'success' && 'You have been logged in successfully', authStatus === 'error' &&
+                                (authErrorMessage ||
+                                    'There was an error during authentication. Please try again.')] }), authStatus === 'error' && (_jsx("div", { className: "mt-6 space-y-3", children: _jsx("button", { onClick: handleRetry, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, className: "\n                group relative w-full overflow-hidden rounded-md border-2 bg-n1-gray-100 dark:bg-neutral-950 py-4 text-center\n                transition-all duration-300 ".concat(ANIMATION_EASE, "\n                cursor-pointer border-n1-gray-200 dark:border-n1-gray-800 hover:border-n1-gray-400 dark:hover:border-white/60\n              "), style: {
                                 transform: isHovered ? 'scale(0.99)' : 'scale(1)',
-                            }, children: _jsx("span", { className: "\n                text-base font-medium tracking-wide transition-colors duration-300 ".concat(ANIMATION_EASE, "\n                text-gray-700 dark:text-gray-300 group-hover:text-gray-900 dark:group-hover:text-white\n              "), children: "Try Again" }) }) }))] })] }));
+                            }, children: _jsx("span", { className: "\n                text-base font-medium tracking-wide transition-colors duration-300 ".concat(ANIMATION_EASE, "\n                text-n1-gray-700 dark:text-n1-gray-300 group-hover:text-n1-gray-900 dark:group-hover:text-white\n              "), children: "Try Again" }) }) }))] })] }));
 }
 //# sourceMappingURL=07-AuthLoadingScreen.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"07-AuthLoadingScreen.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/screens/07-AuthLoadingScreen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState, useCallback, useRef } from 'react';\nimport {\n  useN1WalletContext,\n  useN1WalletInternalContext,\n} from '../../../Provider/hooks';\nimport { N1SessionMode } from '../../../Provider/types';\nimport { LoadingSquares } from '../components/LoadingSquares';\nimport { logger } from '../../../utils/logger';\nimport { ANIMATION_EASE } from '../constants';\n\ninterface AuthLoadingScreenProps {\n  isCreatingAccount?: boolean;\n  onAuthComplete?: (success: boolean) => void;\n}\n\nexport function AuthLoadingScreen({\n  isCreatingAccount = false,\n  onAuthComplete,\n}: AuthLoadingScreenProps) {\n  const { sessionMode, setNordUser } = useN1WalletInternalContext();\n  const { address, nord, nordUser } = useN1WalletContext();\n  const [authStatus, setAuthStatus] = useState<'loading' | 'success' | 'error'>(\n    'loading'\n  );\n  const [errorMessage, setErrorMessage] = useState<string | null>(null);\n  const [statusMessage, setStatusMessage] = useState<string | null>(null);\n  const [isHovered, setIsHovered] = useState<boolean>(false);\n  const authInitiatedRef = useRef(false);\n\n  const performAuth = useCallback(async () => {\n    try {\n      // Step 1: Tell user to sign transaction\n      setStatusMessage(\n        'Please sign the transaction to authenticate your session'\n      );\n\n      if (!nordUser) {\n        throw new Error('Nord user is not initialized');\n      }\n\n      // Step 2: Call nordUser.refreshSession and get sessionId\n      setStatusMessage('Session is being authenticated...');\n\n      // Get the session public key from the nordUser\n      const sessionPubKey = nordUser.sessionPubKey;\n      if (!sessionPubKey) {\n        throw new Error('Session public key is not available');\n      }\n\n      // Refresh the session\n      await nordUser.refreshSession(sessionPubKey);\n      await nordUser.updateAccountId();\n\n      // Get the sessionId after refresh\n      const sessionId = nordUser.sessionId;\n      if (!sessionId) {\n        throw new Error('Failed to get session ID after refresh');\n      }\n\n      logger.debug('Session refreshed successfully', {\n        sessionId: sessionId.toString(),\n      });\n\n      // Step 3: Store sessionId in localStorage\n      if (address) {\n        const sessionIdKey = `n1_sessionId_${address}`;\n        localStorage.setItem(sessionIdKey, sessionId.toString());\n        logger.debug('Stored sessionId in localStorage', { key: sessionIdKey });\n      }\n\n      // Step 4: Update status to success\n      setAuthStatus('success');\n\n      // Step 5: Call onAuthComplete callback with success=true\n      if (onAuthComplete) {\n        onAuthComplete(true);\n      }\n      setNordUser(nordUser);\n    } catch (error) {\n      console.error('Authentication error:', error);\n      setAuthStatus('error');\n      setErrorMessage(\n        error instanceof Error ? error.message : 'Unknown error occurred'\n      );\n    }\n  }, [onAuthComplete, isCreatingAccount, sessionMode, address, nord]);\n\n  useEffect(() => {\n    if (!authInitiatedRef.current) {\n      authInitiatedRef.current = true;\n      performAuth();\n    }\n  }, []);\n\n  const handleRetry = () => {\n    setAuthStatus('loading');\n    setErrorMessage(null);\n    setStatusMessage(null);\n    performAuth();\n  };\n\n  return (\n    <div className=\"flex flex-col items-center justify-center py-12 space-y-6\">\n      {authStatus === 'loading' && <LoadingSquares />}\n      {authStatus === 'success' && (\n        <div className=\"text-green-500 text-4xl mb-4\">✓</div>\n      )}\n      {authStatus === 'error' && (\n        <div className=\"text-red-500 text-4xl mb-4\">⚠️</div>\n      )}\n\n      <div className=\"space-y-2 text-center w-[300px]\">\n        <h3 className=\"text-xl text-gray-800 dark:text-white font-semibold\">\n          {authStatus === 'loading' &&\n            (isCreatingAccount ? 'Creating Account' : 'Authenticating')}\n          {authStatus === 'success' &&\n            (isCreatingAccount\n              ? 'Account Created'\n              : 'Authentication Successful')}\n          {authStatus === 'error' && 'Authentication Failed'}\n        </h3>\n        <p className=\"text-sm text-gray-600 dark:text-neutral-400\">\n          {authStatus === 'loading' && statusMessage\n            ? statusMessage\n            : 'Please wait while we create your Nord account'}\n          {authStatus === 'success' &&\n            (isCreatingAccount\n              ? 'Your account has been created successfully'\n              : 'You have been logged in successfully')}\n          {authStatus === 'error' &&\n            (errorMessage ||\n              'There was an error during authentication. Please try again.')}\n        </p>\n\n        {authStatus === 'error' && (\n          <div className=\"mt-6\">\n            <button\n              onClick={handleRetry}\n              onMouseEnter={() => setIsHovered(true)}\n              onMouseLeave={() => setIsHovered(false)}\n              className={`\n                group relative w-full overflow-hidden rounded-md border-2 bg-gray-100 dark:bg-neutral-950 py-4 text-center\n                transition-all duration-300 ${ANIMATION_EASE}\n                cursor-pointer border-gray-200 dark:border-gray-800 hover:border-gray-400 dark:hover:border-white/60\n              `}\n              style={{\n                transform: isHovered ? 'scale(0.99)' : 'scale(1)',\n              }}\n            >\n              <span\n                className={`\n                text-base font-medium tracking-wide transition-colors duration-300 ${ANIMATION_EASE}\n                text-gray-700 dark:text-gray-300 group-hover:text-gray-900 dark:group-hover:text-white\n              `}\n              >\n                Try Again\n              </span>\n            </button>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"07-AuthLoadingScreen.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/screens/07-AuthLoadingScreen.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,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,OAAO,CACL,eAAK,SAAS,EAAC,2DAA2D,aACvE,UAAU,KAAK,SAAS,IAAI,KAAC,cAAc,KAAG,EAC9C,UAAU,KAAK,SAAS,IAAI,CAC3B,cAAK,SAAS,EAAC,8BAA8B,uBAAQ,CACtD,EACA,UAAU,KAAK,OAAO,IAAI,CACzB,cAAK,SAAS,EAAC,4BAA4B,6BAAS,CACrD,EAED,eAAK,SAAS,EAAC,iCAAiC,aAC9C,cAAI,SAAS,EAAC,wDAAwD,aACnE,UAAU,KAAK,SAAS,IAAI,gBAAgB,EAC5C,UAAU,KAAK,SAAS,IAAI,2BAA2B,EACvD,UAAU,KAAK,OAAO,IAAI,uBAAuB,IAC/C,EACL,aAAG,SAAS,EAAC,gDAAgD,aAC1D,UAAU,KAAK,SAAS,IAAI,iBAAiB;gCAC5C,CAAC,CAAC,iBAAiB;gCACnB,CAAC,CAAC,+CAA+C,EAClD,UAAU,KAAK,SAAS,IAAI,sCAAsC,EAClE,UAAU,KAAK,OAAO;gCACrB,CAAC,gBAAgB;oCACf,6DAA6D,CAAC,IAChE,EAEH,UAAU,KAAK,OAAO,IAAI,CACzB,cAAK,SAAS,EAAC,gBAAgB,YAC7B,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,uLAEqB,cAAc,oJAE7C,EACD,KAAK,EAAE;gCACL,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU;6BAClD,YAED,eACE,SAAS,EAAE,+FAC0D,cAAc,sIAEpF,0BAGM,GACA,GACL,CACP,IACG,IACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { LoadingSquares } from '../components/LoadingSquares';\nimport { ANIMATION_EASE } from '../constants';\nimport { useDepositContext } from '../context/DepositContext';\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  return (\n    <div className=\"flex flex-col items-center justify-center py-12 space-y-6\">\n      {authStatus === 'loading' && <LoadingSquares />}\n      {authStatus === 'success' && (\n        <div className=\"text-green-500 text-4xl mb-4\">✓</div>\n      )}\n      {authStatus === 'error' && (\n        <div className=\"text-red-500 text-4xl mb-4\">⚠️</div>\n      )}\n\n      <div className=\"space-y-2 text-center w-[300px]\">\n        <h3 className=\"text-xl text-n1-gray-800 dark:text-white font-semibold\">\n          {authStatus === 'loading' && 'Authenticating'}\n          {authStatus === 'success' && 'Authentication Successful'}\n          {authStatus === 'error' && 'Authentication Failed'}\n        </h3>\n        <p className=\"text-sm text-n1-gray-600 dark:text-neutral-400\">\n          {authStatus === 'loading' && authStatusMessage\n            ? authStatusMessage\n            : 'Please wait while we create your Nord account'}\n          {authStatus === 'success' && 'You have been logged in successfully'}\n          {authStatus === 'error' &&\n            (authErrorMessage ||\n              'There was an error during authentication. Please try again.')}\n        </p>\n\n        {authStatus === 'error' && (\n          <div className=\"mt-6 space-y-3\">\n            <button\n              onClick={handleRetry}\n              onMouseEnter={() => setIsHovered(true)}\n              onMouseLeave={() => setIsHovered(false)}\n              className={`\n                group relative w-full overflow-hidden rounded-md border-2 bg-n1-gray-100 dark:bg-neutral-950 py-4 text-center\n                transition-all duration-300 ${ANIMATION_EASE}\n                cursor-pointer border-n1-gray-200 dark:border-n1-gray-800 hover:border-n1-gray-400 dark:hover:border-white/60\n              `}\n              style={{\n                transform: isHovered ? 'scale(0.99)' : 'scale(1)',\n              }}\n            >\n              <span\n                className={`\n                text-base font-medium tracking-wide transition-colors duration-300 ${ANIMATION_EASE}\n                text-n1-gray-700 dark:text-n1-gray-300 group-hover:text-n1-gray-900 dark:group-hover:text-white\n              `}\n              >\n                Try Again\n              </span>\n            </button>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/Modal/NordFlow/screens/08-FinalSuccessScreen.d.ts

@@ -1,5 +1,5 @@
 interface FinalSuccessScreenProps {
-    onDone: () => void;
+    onDone?: () => void;
 }
 export declare function FinalSuccessScreen({ onDone }: FinalSuccessScreenProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Modal/NordFlow/screens/08-FinalSuccessScreen.js

@@ -1,18 +1,23 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import { ANIMATION_EASE } from '../constants';
 import { useN1WalletContext, useN1WalletInternalContext, } from '../../../Provider/hooks';
 import { N1SessionMode } from '../../../Provider/types';
+import { ANIMATION_EASE } from '../constants';
 import { isNordConfigured } from '../utils/nordUtils';
 export function FinalSuccessScreen(_a) {
     var onDone = _a.onDone;
     var _b = useState(false), isHovered = _b[0], setIsHovered = _b[1];
-    var _c = useN1WalletContext(), nord = _c.nord, address = _c.address;
+    var _c = useN1WalletContext(), nord = _c.nord, address = _c.address, nordUser = _c.nordUser;
     var _d = useN1WalletInternalContext(), sessionMode = _d.sessionMode, setIsConnected = _d.setIsConnected;
     // Add a minimum viewing time before enabling the button
     useEffect(function () {
         setIsConnected(true);
-    }, []);
+    }, [setIsConnected]);
+    var handleDone = function () {
+        if (onDone) {
+            onDone();
+        }
+    };
     // Get the appropriate title and message based on Nord configuration
     var getTitle = function () {
         if (nord && isNordConfigured(nord)) {
@@ -30,8 +35,8 @@ export function FinalSuccessScreen(_a) {
             return 'Your wallet has been successfully connected';
         }
     };
-    return (_jsx("div", { className: "overflow-hidden relative", children: _jsxs("div", { className: "space-y-8", children: [_jsxs("div", { className: "flex flex-col items-center justify-center pt-4", children: [_jsx("div", { className: "mb-6", children: _jsx("div", { className: "w-20 h-20 rounded-full bg-green-100 dark:bg-green-900/30 flex items-center justify-center", children: _jsx("svg", { className: "w-10 h-10 text-green-500 dark:text-green-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M5 13l4 4L19 7" }) }) }) }), _jsx("h2", { className: "text-2xl text-gray-800 dark:text-white font-semibold mb-2 text-center", children: getTitle() }), _jsx("p", { className: "text-lg text-gray-700 dark:text-neutral-300 text-center", children: getMessage() }), address && (_jsxs("p", { className: "text-sm text-gray-500 dark:text-neutral-400 text-center mt-2", children: ["Wallet: ", address.substring(0, 6), "...", address.substring(address.length - 4)] }))] }), _jsx("button", { onClick: onDone, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, className: "\n            group relative w-full overflow-hidden rounded-md border-2 bg-gray-100 dark:bg-neutral-950 py-4 text-center\n            transition-all duration-300 ".concat(ANIMATION_EASE, "\n            cursor-pointer border-gray-200 dark:border-gray-800 hover:border-gray-400 dark:hover:border-white/60\n          "), style: {
+    return (_jsx("div", { className: "overflow-hidden relative", children: _jsxs("div", { className: "space-y-8", children: [_jsxs("div", { className: "flex flex-col items-center justify-center pt-4", children: [_jsx("div", { className: "mb-6", children: _jsx("div", { className: "w-20 h-20 rounded-full bg-green-100 dark:bg-green-900/30 flex items-center justify-center", children: _jsx("svg", { className: "w-10 h-10 text-green-500 dark:text-green-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M5 13l4 4L19 7" }) }) }) }), _jsx("h2", { className: "text-2xl text-n1-gray-800 dark:text-white font-semibold mb-2 text-center", children: getTitle() }), _jsx("p", { className: "text-lg text-n1-gray-700 dark:text-neutral-300 text-center", children: getMessage() }), address && (_jsxs("p", { className: "text-sm text-n1-gray-500 dark:text-neutral-400 text-center mt-2", children: ["Wallet: ", address.substring(0, 6), "...", address.substring(address.length - 4)] }))] }), _jsx("button", { onClick: handleDone, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, className: "\n            group relative w-full overflow-hidden rounded-md border-2 bg-n1-gray-100 dark:bg-neutral-950 py-4 text-center\n            transition-all duration-300 ".concat(ANIMATION_EASE, "\n            cursor-pointer border-n1-gray-200 dark:border-n1-gray-800 hover:border-n1-gray-400 dark:hover:border-white/60\n          "), style: {
                         transform: isHovered ? 'scale(0.99)' : 'scale(1)',
-                    }, children: _jsx("span", { className: "\n            text-base font-medium tracking-wide transition-colors duration-300 ".concat(ANIMATION_EASE, "\n            text-gray-700 dark:text-gray-300 group-hover:text-gray-900 dark:group-hover:text-white\n          "), children: "Open App" }) })] }) }));
+                    }, children: _jsx("span", { className: "\n            text-base font-medium tracking-wide transition-colors duration-300 ".concat(ANIMATION_EASE, "\n            text-n1-gray-700 dark:text-n1-gray-300 group-hover:text-n1-gray-900 dark:group-hover:text-white\n          "), children: "Open App" }) })] }) }));
 }
 //# sourceMappingURL=08-FinalSuccessScreen.js.map

package/dist/Modal/NordFlow/screens/08-FinalSuccessScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"08-FinalSuccessScreen.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/screens/08-FinalSuccessScreen.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EACL,kBAAkB,EAClB,0BAA0B,GAC3B,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAOtD,MAAM,UAAU,kBAAkB,CAAC,EAAmC;QAAjC,MAAM,YAAA;IACnC,IAAA,KAA4B,QAAQ,CAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAC;IAC5C,IAAA,KAAoB,kBAAkB,EAAE,EAAtC,IAAI,UAAA,EAAE,OAAO,aAAyB,CAAC;IACzC,IAAA,KAAkC,0BAA0B,EAAE,EAA5D,WAAW,iBAAA,EAAE,cAAc,oBAAiC,CAAC;IACrE,wDAAwD;IACxD,SAAS,CAAC;QACR,cAAc,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,oEAAoE;IACpE,IAAM,QAAQ,GAAG;QACf,IAAI,IAAI,IAAI,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC;YACnC,OAAO,4BAA4B,CAAC;QACtC,CAAC;aAAM,CAAC;YACN,OAAO,4BAA4B,CAAC;QACtC,CAAC;IACH,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG;QACjB,IAAI,WAAW,KAAK,aAAa,CAAC,IAAI,EAAE,CAAC;YACvC,OAAO,6CAA6C,CAAC;QACvD,CAAC;aAAM,CAAC;YACN,OAAO,6CAA6C,CAAC;QACvD,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,0BAA0B,YACvC,eAAK,SAAS,EAAC,WAAW,aACxB,eAAK,SAAS,EAAC,gDAAgD,aAC7D,cAAK,SAAS,EAAC,MAAM,YAEnB,cAAK,SAAS,EAAC,2FAA2F,YACxG,cACE,SAAS,EAAC,8CAA8C,EACxD,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,YAElC,eACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,GAAG,EACf,CAAC,EAAC,gBAAgB,GAClB,GACE,GACF,GACF,EAEN,aAAI,SAAS,EAAC,uEAAuE,YAClF,QAAQ,EAAE,GACR,EAEL,YAAG,SAAS,EAAC,yDAAyD,YACnE,UAAU,EAAE,GACX,EAGH,OAAO,IAAI,CACV,aAAG,SAAS,EAAC,8DAA8D,yBAChE,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,SAC/B,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,IACpC,CACL,IACG,EAEN,iBACE,OAAO,EAAE,MAAM,EACf,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EACtC,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,EACvC,SAAS,EAAE,4KAEqB,cAAc,mIAE7C,EACD,KAAK,EAAE;wBACL,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU;qBAClD,YAED,eACE,SAAS,EAAE,2FAC0D,cAAc,qHAEpF,yBAGM,GACA,IACL,GACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { useEffect, useState } from 'react';\nimport { ANIMATION_EASE } from '../constants';\nimport {\n  useN1WalletContext,\n  useN1WalletInternalContext,\n} from '../../../Provider/hooks';\nimport { N1SessionMode } from '../../../Provider/types';\nimport { isNordConfigured } from '../utils/nordUtils';\nimport { useNordInstance } from '../hooks/useNordInstance';\n\ninterface FinalSuccessScreenProps {\n  onDone: () => void;\n}\n\nexport function FinalSuccessScreen({ onDone }: FinalSuccessScreenProps) {\n  const [isHovered, setIsHovered] = useState(false);\n  const { nord, address } = useN1WalletContext();\n  const { sessionMode, setIsConnected } = useN1WalletInternalContext();\n  // Add a minimum viewing time before enabling the button\n  useEffect(() => {\n    setIsConnected(true);\n  }, []);\n\n  // Get the appropriate title and message based on Nord configuration\n  const getTitle = () => {\n    if (nord && isNordConfigured(nord)) {\n      return 'Authentication Successful!';\n    } else {\n      return 'Authentication Successful!';\n    }\n  };\n\n  const getMessage = () => {\n    if (sessionMode === N1SessionMode.Nord) {\n      return 'Your wallet has been successfully connected';\n    } else {\n      return 'Your wallet has been successfully connected';\n    }\n  };\n\n  return (\n    <div className=\"overflow-hidden relative\">\n      <div className=\"space-y-8\">\n        <div className=\"flex flex-col items-center justify-center pt-4\">\n          <div className=\"mb-6\">\n            {/* Success icon/animation */}\n            <div className=\"w-20 h-20 rounded-full bg-green-100 dark:bg-green-900/30 flex items-center justify-center\">\n              <svg\n                className=\"w-10 h-10 text-green-500 dark:text-green-400\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                viewBox=\"0 0 24 24\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth=\"2\"\n                  d=\"M5 13l4 4L19 7\"\n                />\n              </svg>\n            </div>\n          </div>\n\n          <h2 className=\"text-2xl text-gray-800 dark:text-white font-semibold mb-2 text-center\">\n            {getTitle()}\n          </h2>\n\n          <p className=\"text-lg text-gray-700 dark:text-neutral-300 text-center\">\n            {getMessage()}\n          </p>\n\n          {/* Display wallet address if available */}\n          {address && (\n            <p className=\"text-sm text-gray-500 dark:text-neutral-400 text-center mt-2\">\n              Wallet: {address.substring(0, 6)}...\n              {address.substring(address.length - 4)}\n            </p>\n          )}\n        </div>\n\n        <button\n          onClick={onDone}\n          onMouseEnter={() => setIsHovered(true)}\n          onMouseLeave={() => setIsHovered(false)}\n          className={`\n            group relative w-full overflow-hidden rounded-md border-2 bg-gray-100 dark:bg-neutral-950 py-4 text-center\n            transition-all duration-300 ${ANIMATION_EASE}\n            cursor-pointer border-gray-200 dark:border-gray-800 hover:border-gray-400 dark:hover:border-white/60\n          `}\n          style={{\n            transform: isHovered ? 'scale(0.99)' : 'scale(1)',\n          }}\n        >\n          <span\n            className={`\n            text-base font-medium tracking-wide transition-colors duration-300 ${ANIMATION_EASE}\n            text-gray-700 dark:text-gray-300 group-hover:text-gray-900 dark:group-hover:text-white\n          `}\n          >\n            Open App\n          </span>\n        </button>\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"08-FinalSuccessScreen.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/screens/08-FinalSuccessScreen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react';\nimport {\n  useN1WalletContext,\n  useN1WalletInternalContext,\n} from '../../../Provider/hooks';\nimport { N1SessionMode } from '../../../Provider/types';\nimport { ANIMATION_EASE } from '../constants';\nimport { isNordConfigured } from '../utils/nordUtils';\n\ninterface FinalSuccessScreenProps {\n  onDone?: () => void;\n}\n\nexport function FinalSuccessScreen({ onDone }: FinalSuccessScreenProps) {\n  const [isHovered, setIsHovered] = useState(false);\n  const { nord, address, nordUser } = useN1WalletContext();\n  const { sessionMode, setIsConnected } = useN1WalletInternalContext();\n  \n  // Add a minimum viewing time before enabling the button\n  useEffect(() => {\n    setIsConnected(true);\n  }, [setIsConnected]);\n\n  const handleDone = () => {\n    if (onDone) {\n      onDone();\n    }\n  };\n\n  // Get the appropriate title and message based on Nord configuration\n  const getTitle = () => {\n    if (nord && isNordConfigured(nord)) {\n      return 'Authentication Successful!';\n    } else {\n      return 'Authentication Successful!';\n    }\n  };\n\n  const getMessage = () => {\n    if (sessionMode === N1SessionMode.Nord) {\n      return 'Your wallet has been successfully connected';\n    } else {\n      return 'Your wallet has been successfully connected';\n    }\n  };\n\n  return (\n    <div className=\"overflow-hidden relative\">\n      <div className=\"space-y-8\">\n        <div className=\"flex flex-col items-center justify-center pt-4\">\n          <div className=\"mb-6\">\n            {/* Success icon/animation */}\n            <div className=\"w-20 h-20 rounded-full bg-green-100 dark:bg-green-900/30 flex items-center justify-center\">\n              <svg\n                className=\"w-10 h-10 text-green-500 dark:text-green-400\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                viewBox=\"0 0 24 24\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth=\"2\"\n                  d=\"M5 13l4 4L19 7\"\n                />\n              </svg>\n            </div>\n          </div>\n\n          <h2 className=\"text-2xl text-n1-gray-800 dark:text-white font-semibold mb-2 text-center\">\n            {getTitle()}\n          </h2>\n\n          <p className=\"text-lg text-n1-gray-700 dark:text-neutral-300 text-center\">\n            {getMessage()}\n          </p>\n\n          {/* Display wallet address if available */}\n          {address && (\n            <p className=\"text-sm text-n1-gray-500 dark:text-neutral-400 text-center mt-2\">\n              Wallet: {address.substring(0, 6)}...\n              {address.substring(address.length - 4)}\n            </p>\n          )}\n        </div>\n\n        <button\n          onClick={handleDone}\n          onMouseEnter={() => setIsHovered(true)}\n          onMouseLeave={() => setIsHovered(false)}\n          className={`\n            group relative w-full overflow-hidden rounded-md border-2 bg-n1-gray-100 dark:bg-neutral-950 py-4 text-center\n            transition-all duration-300 ${ANIMATION_EASE}\n            cursor-pointer border-n1-gray-200 dark:border-n1-gray-800 hover:border-n1-gray-400 dark:hover:border-white/60\n          `}\n          style={{\n            transform: isHovered ? 'scale(0.99)' : 'scale(1)',\n          }}\n        >\n          <span\n            className={`\n            text-base font-medium tracking-wide transition-colors duration-300 ${ANIMATION_EASE}\n            text-n1-gray-700 dark:text-n1-gray-300 group-hover:text-n1-gray-900 dark:group-hover:text-white\n          `}\n          >\n            Open App\n          </span>\n        </button>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/Modal/NordFlow/screens/09-ErrorScreen.d.ts

@@ -1,7 +1 @@
-interface ErrorScreenProps {
-    onRetry: () => void;
-    onCancel: () => void;
-    error: Error | null;
-}
-export declare function ErrorScreen({ onRetry, onCancel, error }: ErrorScreenProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function ErrorScreen(): import("react/jsx-runtime").JSX.Element;

package/dist/Modal/NordFlow/screens/09-ErrorScreen.js

@@ -1,13 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from 'react';
-import { ANIMATION_EASE } from '../constants';
+import { useEffect, useState } from 'react';
 import { useN1WalletContext } from '../../../Provider/hooks';
+import { ANIMATION_EASE } from '../constants';
+import { useFlowStateContext } from '../context/FlowContext';
 import { isNordConfigured } from '../utils/nordUtils';
-export function ErrorScreen(_a) {
-    var onRetry = _a.onRetry, onCancel = _a.onCancel, error = _a.error;
+export function ErrorScreen() {
+    var _a = useFlowStateContext(), context = _a.context, transition = _a.transition;
     var _b = useState(null), isHovered = _b[0], setIsHovered = _b[1];
     var nord = useN1WalletContext().nord;
     var _c = useState(false), isNordError = _c[0], setIsNordError = _c[1];
+    var error = context.error;
     // Check if the error is related to Nord
     useEffect(function () {
         if (error &&
@@ -59,10 +61,8 @@ export function ErrorScreen(_a) {
         }
         return 'Please try again or try a different wallet.';
     };
-    return (_jsx("div", { className: "overflow-hidden relative", children: _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "flex flex-col items-center justify-center py-4", children: [_jsx("div", { className: "mb-6", children: _jsx("div", { className: "w-20 h-20 rounded-full bg-red-100 dark:bg-red-900/30 flex items-center justify-center", children: _jsx("svg", { className: "w-10 h-10 text-red-500 dark:text-red-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" }) }) }) }), _jsx("h2", { className: "text-xl text-gray-800 dark:text-white font-semibold mb-2 text-center", children: isNordError ? 'Nord Error' : 'Something went wrong' }), _jsx("p", { className: "text-sm text-gray-600 dark:text-neutral-400 text-center mb-2 max-w-xs", children: errorMessage }), _jsx("p", { className: "text-xs text-gray-500 dark:text-neutral-500 text-center mb-6 max-w-xs", children: getSuggestion() })] }), _jsxs("div", { className: "space-y-3", children: [_jsx("button", { onClick: onRetry, onMouseEnter: function () { return setIsHovered('retry'); }, onMouseLeave: function () { return setIsHovered(null); }, className: "\n              group relative w-full overflow-hidden rounded-md border-2 bg-gray-100 dark:bg-neutral-950 py-4 text-center\n              transition-all duration-300 ".concat(ANIMATION_EASE, "\n              cursor-pointer border-gray-200 dark:border-gray-800 hover:border-gray-400 dark:hover:border-white/60\n            "), style: {
-                                transform: isHovered === 'retry' ? 'scale(0.99)' : 'scale(1)',
-                            }, children: _jsx("span", { className: "\n              text-base font-medium tracking-wide transition-colors duration-300 ".concat(ANIMATION_EASE, "\n              text-gray-700 dark:text-gray-300 group-hover:text-gray-900 dark:group-hover:text-white\n            "), children: "Try Again" }) }), _jsx("button", { onClick: onCancel, onMouseEnter: function () { return setIsHovered('cancel'); }, onMouseLeave: function () { return setIsHovered(null); }, className: "\n              group relative w-full overflow-hidden rounded-md border-2 border-gray-200 dark:border-gray-800 bg-white dark:bg-neutral-900 py-4 text-center\n              transition-all duration-300 ".concat(ANIMATION_EASE, "\n              cursor-pointer hover:bg-gray-50 dark:hover:bg-neutral-950\n            "), style: {
-                                transform: isHovered === 'cancel' ? 'scale(0.99)' : 'scale(1)',
-                            }, children: _jsx("span", { className: "\n              text-base font-medium tracking-wide transition-colors duration-300 ".concat(ANIMATION_EASE, "\n              text-gray-500 dark:text-gray-400 group-hover:text-gray-700 dark:group-hover:text-gray-300\n            "), children: "Cancel" }) })] })] }) }));
+    return (_jsx("div", { className: "overflow-hidden relative", children: _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "flex flex-col items-center justify-center py-4", children: [_jsx("div", { className: "mb-6", children: _jsx("div", { className: "w-20 h-20 rounded-full bg-red-100 dark:bg-red-900/30 flex items-center justify-center", children: _jsx("svg", { className: "w-10 h-10 text-red-500 dark:text-red-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" }) }) }) }), _jsx("h2", { className: "text-xl text-n1-gray-800 dark:text-white font-semibold mb-2 text-center", children: isNordError ? 'Nord Error' : 'Something went wrong' }), _jsx("p", { className: "text-sm text-n1-gray-600 dark:text-neutral-400 text-center mb-2 max-w-xs", children: errorMessage }), _jsx("p", { className: "text-xs text-n1-gray-500 dark:text-neutral-500 text-center mb-6 max-w-xs", children: getSuggestion() })] }), _jsx("div", { className: "space-y-3", children: _jsx("button", { onClick: function () { }, onMouseEnter: function () { return setIsHovered('cancel'); }, onMouseLeave: function () { return setIsHovered(null); }, className: "\n              group relative w-full overflow-hidden rounded-md border-2 border-n1-gray-200 dark:border-n1-gray-800 bg-white dark:bg-neutral-900 py-4 text-center\n              transition-all duration-300 ".concat(ANIMATION_EASE, "\n              cursor-pointer hover:bg-n1-gray-50 dark:hover:bg-neutral-950\n            "), style: {
+                            transform: isHovered === 'cancel' ? 'scale(0.99)' : 'scale(1)',
+                        }, children: _jsx("span", { className: "\n              text-base font-medium tracking-wide transition-colors duration-300 ".concat(ANIMATION_EASE, "\n              text-n1-gray-500 dark:text-n1-gray-400 group-hover:text-n1-gray-700 dark:group-hover:text-n1-gray-300\n            "), children: "Cancel" }) }) })] }) }));
 }
 //# sourceMappingURL=09-ErrorScreen.js.map

package/dist/Modal/NordFlow/screens/09-ErrorScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"09-ErrorScreen.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/screens/09-ErrorScreen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, useEffect } from 'react';\nimport { ANIMATION_EASE } from '../constants';\nimport { useN1WalletContext } from '../../../Provider/hooks';\nimport { isNordConfigured } from '../utils/nordUtils';\n\ninterface ErrorScreenProps {\n  onRetry: () => void;\n  onCancel: () => void;\n  error: Error | null;\n}\n\nexport function ErrorScreen({ onRetry, onCancel, error }: ErrorScreenProps) {\n  const [isHovered, setIsHovered] = useState<'retry' | 'cancel' | null>(null);\n  const { nord } = useN1WalletContext();\n  const [isNordError, setIsNordError] = useState(false);\n\n  // Check if the error is related to Nord\n  useEffect(() => {\n    if (\n      error &&\n      error.message &&\n      (error.message.includes('Nord') ||\n        error.message.includes('nord') ||\n        (error.name && error.name.includes('Nord')))\n    ) {\n      setIsNordError(true);\n    } else {\n      setIsNordError(false);\n    }\n  }, [error]);\n\n  // Get a user-friendly error message\n  const getErrorMessage = () => {\n    if (!error) return 'An unexpected error occurred';\n\n    // Check for specific Nord-related errors\n    if (isNordError) {\n      if (\n        error.message.includes('connection') ||\n        error.message.includes('network')\n      ) {\n        return 'Failed to connect to Nord. Please check your network connection and try again.';\n      }\n\n      if (\n        error.message.includes('authentication') ||\n        error.message.includes('auth')\n      ) {\n        return 'Authentication with Nord failed. Please try again.';\n      }\n\n      if (\n        error.message.includes('deposit') ||\n        error.message.includes('transaction')\n      ) {\n        return 'Failed to process your deposit. Please try again.';\n      }\n\n      return `Nord error: ${error.message}`;\n    }\n\n    // Generic wallet errors\n    if (error.message.includes('wallet') || error.message.includes('Wallet')) {\n      return 'There was an issue with your wallet connection. Please try again.';\n    }\n\n    // Default error message\n    return error.message;\n  };\n\n  const errorMessage = getErrorMessage();\n\n  // Get a suggestion based on the error\n  const getSuggestion = () => {\n    if (isNordError && nord && !isNordConfigured(nord)) {\n      return 'Nord is not properly configured. Please check your settings.';\n    }\n\n    if (isNordError) {\n      return 'You can try again or contact support if the issue persists.';\n    }\n\n    return 'Please try again or try a different wallet.';\n  };\n\n  return (\n    <div className=\"overflow-hidden relative\">\n      <div className=\"space-y-6\">\n        <div className=\"flex flex-col items-center justify-center py-4\">\n          <div className=\"mb-6\">\n            {/* Error icon */}\n            <div className=\"w-20 h-20 rounded-full bg-red-100 dark:bg-red-900/30 flex items-center justify-center\">\n              <svg\n                className=\"w-10 h-10 text-red-500 dark:text-red-400\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                viewBox=\"0 0 24 24\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth=\"2\"\n                  d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n                />\n              </svg>\n            </div>\n          </div>\n\n          <h2 className=\"text-xl text-gray-800 dark:text-white font-semibold mb-2 text-center\">\n            {isNordError ? 'Nord Error' : 'Something went wrong'}\n          </h2>\n\n          <p className=\"text-sm text-gray-600 dark:text-neutral-400 text-center mb-2 max-w-xs\">\n            {errorMessage}\n          </p>\n\n          <p className=\"text-xs text-gray-500 dark:text-neutral-500 text-center mb-6 max-w-xs\">\n            {getSuggestion()}\n          </p>\n        </div>\n\n        <div className=\"space-y-3\">\n          <button\n            onClick={onRetry}\n            onMouseEnter={() => setIsHovered('retry')}\n            onMouseLeave={() => setIsHovered(null)}\n            className={`\n              group relative w-full overflow-hidden rounded-md border-2 bg-gray-100 dark:bg-neutral-950 py-4 text-center\n              transition-all duration-300 ${ANIMATION_EASE}\n              cursor-pointer border-gray-200 dark:border-gray-800 hover:border-gray-400 dark:hover:border-white/60\n            `}\n            style={{\n              transform: isHovered === 'retry' ? 'scale(0.99)' : 'scale(1)',\n            }}\n          >\n            <span\n              className={`\n              text-base font-medium tracking-wide transition-colors duration-300 ${ANIMATION_EASE}\n              text-gray-700 dark:text-gray-300 group-hover:text-gray-900 dark:group-hover:text-white\n            `}\n            >\n              Try Again\n            </span>\n          </button>\n\n          <button\n            onClick={onCancel}\n            onMouseEnter={() => setIsHovered('cancel')}\n            onMouseLeave={() => setIsHovered(null)}\n            className={`\n              group relative w-full overflow-hidden rounded-md border-2 border-gray-200 dark:border-gray-800 bg-white dark:bg-neutral-900 py-4 text-center\n              transition-all duration-300 ${ANIMATION_EASE}\n              cursor-pointer hover:bg-gray-50 dark:hover:bg-neutral-950\n            `}\n            style={{\n              transform: isHovered === 'cancel' ? 'scale(0.99)' : 'scale(1)',\n            }}\n          >\n            <span\n              className={`\n              text-base font-medium tracking-wide transition-colors duration-300 ${ANIMATION_EASE}\n              text-gray-500 dark:text-gray-400 group-hover:text-gray-700 dark:group-hover:text-gray-300\n            `}\n            >\n              Cancel\n            </span>\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"09-ErrorScreen.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/screens/09-ErrorScreen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react';\nimport { useN1WalletContext } from '../../../Provider/hooks';\nimport { ANIMATION_EASE } from '../constants';\nimport { useFlowStateContext } from '../context/FlowContext';\nimport { isNordConfigured } from '../utils/nordUtils';\n\nexport function ErrorScreen() {\n  const { context, transition } = useFlowStateContext();\n  const [isHovered, setIsHovered] = useState<'retry' | 'cancel' | null>(null);\n  const { nord } = useN1WalletContext();\n  const [isNordError, setIsNordError] = useState(false);\n  const error = context.error;\n\n  // Check if the error is related to Nord\n  useEffect(() => {\n    if (\n      error &&\n      error.message &&\n      (error.message.includes('Nord') ||\n        error.message.includes('nord') ||\n        (error.name && error.name.includes('Nord')))\n    ) {\n      setIsNordError(true);\n    } else {\n      setIsNordError(false);\n    }\n  }, [error]);\n\n  // Get a user-friendly error message\n  const getErrorMessage = () => {\n    if (!error) return 'An unexpected error occurred';\n\n    // Check for specific Nord-related errors\n    if (isNordError) {\n      if (\n        error.message.includes('connection') ||\n        error.message.includes('network')\n      ) {\n        return 'Failed to connect to Nord. Please check your network connection and try again.';\n      }\n\n      if (\n        error.message.includes('authentication') ||\n        error.message.includes('auth')\n      ) {\n        return 'Authentication with Nord failed. Please try again.';\n      }\n\n      if (\n        error.message.includes('deposit') ||\n        error.message.includes('transaction')\n      ) {\n        return 'Failed to process your deposit. Please try again.';\n      }\n\n      return `Nord error: ${error.message}`;\n    }\n\n    // Generic wallet errors\n    if (error.message.includes('wallet') || error.message.includes('Wallet')) {\n      return 'There was an issue with your wallet connection. Please try again.';\n    }\n\n    // Default error message\n    return error.message;\n  };\n\n  const errorMessage = getErrorMessage();\n\n  // Get a suggestion based on the error\n  const getSuggestion = () => {\n    if (isNordError && nord && !isNordConfigured(nord)) {\n      return 'Nord is not properly configured. Please check your settings.';\n    }\n\n    if (isNordError) {\n      return 'You can try again or contact support if the issue persists.';\n    }\n\n    return 'Please try again or try a different wallet.';\n  };\n\n\n  return (\n    <div className=\"overflow-hidden relative\">\n      <div className=\"space-y-6\">\n        <div className=\"flex flex-col items-center justify-center py-4\">\n          <div className=\"mb-6\">\n            {/* Error icon */}\n            <div className=\"w-20 h-20 rounded-full bg-red-100 dark:bg-red-900/30 flex items-center justify-center\">\n              <svg\n                className=\"w-10 h-10 text-red-500 dark:text-red-400\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                viewBox=\"0 0 24 24\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth=\"2\"\n                  d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n                />\n              </svg>\n            </div>\n          </div>\n\n          <h2 className=\"text-xl text-n1-gray-800 dark:text-white font-semibold mb-2 text-center\">\n            {isNordError ? 'Nord Error' : 'Something went wrong'}\n          </h2>\n\n          <p className=\"text-sm text-n1-gray-600 dark:text-neutral-400 text-center mb-2 max-w-xs\">\n            {errorMessage}\n          </p>\n\n          <p className=\"text-xs text-n1-gray-500 dark:text-neutral-500 text-center mb-6 max-w-xs\">\n            {getSuggestion()}\n          </p>\n        </div>\n\n        <div className=\"space-y-3\">\n          {/* <button\n            onClick={handleRetry}\n            onMouseEnter={() => setIsHovered('retry')}\n            onMouseLeave={() => setIsHovered(null)}\n            className={`\n              group relative w-full overflow-hidden rounded-md border-2 bg-n1-gray-100 dark:bg-neutral-950 py-4 text-center\n              transition-all duration-300 ${ANIMATION_EASE}\n              cursor-pointer border-n1-gray-200 dark:border-n1-gray-800 hover:border-n1-gray-400 dark:hover:border-white/60\n            `}\n            style={{\n              transform: isHovered === 'retry' ? 'scale(0.99)' : 'scale(1)',\n            }}\n          >\n            <span\n              className={`\n              text-base font-medium tracking-wide transition-colors duration-300 ${ANIMATION_EASE}\n              text-n1-gray-700 dark:text-n1-gray-300 group-hover:text-n1-gray-900 dark:group-hover:text-white\n            `}\n            >\n              Try Again\n            </span>\n          </button> */}\n\n          <button\n            onClick={() => { }}\n            onMouseEnter={() => setIsHovered('cancel')}\n            onMouseLeave={() => setIsHovered(null)}\n            className={`\n              group relative w-full overflow-hidden rounded-md border-2 border-n1-gray-200 dark:border-n1-gray-800 bg-white dark:bg-neutral-900 py-4 text-center\n              transition-all duration-300 ${ANIMATION_EASE}\n              cursor-pointer hover:bg-n1-gray-50 dark:hover:bg-neutral-950\n            `}\n            style={{\n              transform: isHovered === 'cancel' ? 'scale(0.99)' : 'scale(1)',\n            }}\n          >\n            <span\n              className={`\n              text-base font-medium tracking-wide transition-colors duration-300 ${ANIMATION_EASE}\n              text-n1-gray-500 dark:text-n1-gray-400 group-hover:text-n1-gray-700 dark:group-hover:text-n1-gray-300\n            `}\n            >\n              Cancel\n            </span>\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/Modal/NordFlow/screens/index.d.ts

@@ -1,3 +1,4 @@
+export * from './00-IdleScreen';
 export * from './01-ConnectWalletScreen';
 export * from './02-EvmWalletAuthScreen';
 export * from './03-ChainSelectionScreen';

package/dist/Modal/NordFlow/screens/index.js

@@ -1,3 +1,4 @@
+export * from './00-IdleScreen';
 export * from './01-ConnectWalletScreen';
 export * from './02-EvmWalletAuthScreen';
 export * from './03-ChainSelectionScreen';