@n1xyz/wallet-widget 0.0.29 → 0.0.30

package/dist/Modal/NordFlow/components/TransactionTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransactionTable.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/components/TransactionTable.tsx"],"names":[],"mappings":"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","sourcesContent":["import { TableValues } from '../types';\nimport { shortenAddress } from '../utils/nordUtils';\nimport { getExplorerUrl } from '../../../Logic/transactionManager';\n\ninterface TransactionTableProps {\n  tableValues: TableValues & {\n    amount?: { text: string; visible: boolean; typing: boolean };\n  };\n  onClose?: () => void;\n}\n\nexport function TransactionTable({\n  tableValues,\n  onClose,\n}: TransactionTableProps) {\n  // Friendly labels for the keys\n  const getLabel = (key: string) => {\n    const labels: Record<string, string> = {\n      amount: 'Amount',\n      tx: 'Transaction ID',\n      from: 'From',\n      to: 'To',\n      network: 'Network',\n      status: 'Status',\n    };\n\n    return labels[key] || key;\n  };\n\n  // Get appropriate color for values based on key\n  const getValueStyles = (key: string, value: string) => {\n    if (key === 'status') {\n      if (\n        value.toLowerCase().includes('success') ||\n        value.toLowerCase().includes('confirmed')\n      ) {\n        return 'text-green-500 dark:text-emerald-500 font-medium';\n      }\n      if (value.toLowerCase().includes('pending')) {\n        return 'text-amber-500 dark:text-amber-400 font-medium';\n      }\n      if (\n        value.toLowerCase().includes('fail') ||\n        value.toLowerCase().includes('error')\n      ) {\n        return 'text-red-500 dark:text-red-400 font-medium';\n      }\n    }\n\n    if (key === 'tx') {\n      return 'text-n1-ww-gray-800 dark:text-n1-ww-gray-200 text-xs font-medium hover:text-n1-ww-main-600 dark:hover:text-n1-ww-main-400 transition-colors duration-200';\n    }\n\n    if (key === 'network') {\n      return 'text-purple-600 dark:text-purple-400 font-medium';\n    }\n\n    if (key === 'from' || key === 'to') {\n      return 'text-n1-ww-gray-800 dark:text-n1-ww-gray-200 text-xs font-medium hover:text-n1-ww-main-600 dark:hover:text-n1-ww-main-400 transition-colors duration-200';\n    }\n\n    if (key === 'amount') {\n      return 'text-green-600 dark:text-emerald-500 font-semibold';\n    }\n\n    return 'text-n1-ww-gray-900 dark:text-n1-ww-gray-50 font-medium';\n  };\n\n  // Format display value with ellipsis for long text\n  const getDisplayValue = (key: string, value: string) => {\n    if (key === 'tx') {\n      return shortenAddress(value, 5, 4);\n    }\n\n    if (key === 'from' || key === 'to') {\n      return shortenAddress(value, 5, 4);\n    }\n\n    return value;\n  };\n\n  // Get explorer URL for transaction ID or address\n  const getExplorerLink = (key: string, value: string) => {\n\n    if (key === 'tx') {\n      return getExplorerUrl(value);\n    }\n\n    if (key === 'from') {\n      return `https://explorer.solana.com/address/${value}?cluster=devnet`;\n    }\n\n    return '';\n  };\n\n  // Order of fields to display\n  const fieldOrder = ['amount', 'status', 'network', 'from', 'to', 'tx'];\n\n  // Sort entries based on fieldOrder\n  const sortedEntries = Object.entries(tableValues).sort(([keyA], [keyB]) => {\n    const indexA = fieldOrder.indexOf(keyA);\n    const indexB = fieldOrder.indexOf(keyB);\n    return (indexA === -1 ? 999 : indexA) - (indexB === -1 ? 999 : indexB);\n  });\n\n  return (\n    <div className=\"relative w-full h-full bg-n1-ww-gray-100 dark:bg-n1-ww-gray-950 border border-n1-ww-gray-200 dark:border-n1-ww-gray-800 p-5 rounded-sm flex flex-col justify-center\">\n      {onClose && (\n        <button\n          onClick={onClose}\n          className=\"absolute top-3 right-2 text-n1-ww-gray-500 dark:text-n1-ww-gray-600 hover:text-n1-ww-gray-500 dark:hover:text-n1-ww-gray-300 transition-colors duration-200 focus:outline-none\"\n          aria-label=\"Close details\"\n        >\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            className=\"h-5 w-5\"\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=\"M6 18L18 6M6 6l12 12\"\n            />\n          </svg>\n        </button>\n      )}\n      <div className=\"space-y-3 text-sm pt-5\">\n        {sortedEntries.map(([key, value]) => (\n          <div key={key} className=\"flex items-center justify-between py-2 \">\n            <span className=\"text-n1-ww-gray-500 dark:text-n1-ww-gray-400 font-medium min-w-[120px]\">\n              {getLabel(key)}\n            </span>\n            <div\n              className={`relative transition-all duration-300 ${value.visible ? 'opacity-100' : 'opacity-0'} max-w-[65%] text-right flex-1`}\n            >\n              {(key === 'tx' || key === 'from') &&\n              getExplorerLink(key, value.text) ? (\n                <a\n                  href={getExplorerLink(key, value.text)}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  className={`${getValueStyles(key, value.text)} break-all inline-block group`}\n                  title={value.text}\n                >\n                  <span className=\"underline hover:font-bold\">\n                    {getDisplayValue(key, value.text)}\n                  </span>\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    className=\"h-3 w-3 ml-1 inline-block opacity-50 group-hover:opacity-100 transition-opacity 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=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"\n                    />\n                  </svg>\n                </a>\n              ) : (\n                <span\n                  className={`${getValueStyles(key, value.text)} break-all inline-block`}\n                  title={value.text}\n                >\n                  {value.text}\n                </span>\n              )}\n              {value.typing && (\n                <span className=\"inline-block ml-1 w-[2px] h-[14px] bg-n1-ww-main-500 dark:bg-n1-ww-main-400 n1-ww-animate-pulse\"></span>\n              )}\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"TransactionTable.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/components/TransactionTable.tsx"],"names":[],"mappings":"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","sourcesContent":["import { TableValues } from '../types';\nimport { shortenAddress } from '../utils/nordUtils';\nimport { getExplorerUrl } from '../../../Logic/transactionManager';\n\ninterface TransactionTableProps {\n  tableValues: TableValues & {\n    amount?: { text: string; visible: boolean; typing: boolean };\n  };\n  onClose?: () => void;\n}\n\nexport function TransactionTable({\n  tableValues,\n  onClose,\n}: TransactionTableProps) {\n  // Friendly labels for the keys\n  const getLabel = (key: string) => {\n    const labels: Record<string, string> = {\n      amount: 'Amount',\n      tx: 'Transaction ID',\n      from: 'From',\n      to: 'To',\n      network: 'Network',\n      status: 'Status',\n    };\n\n    return labels[key] || key;\n  };\n\n  // Get appropriate color for values based on key\n  const getValueStyles = (key: string, value: string) => {\n    if (key === 'status') {\n      if (\n        value.toLowerCase().includes('success') ||\n        value.toLowerCase().includes('confirmed')\n      ) {\n        return 'text-emerald-500 font-medium';\n      }\n      if (value.toLowerCase().includes('pending')) {\n        return 'text-amber-400 font-medium';\n      }\n      if (\n        value.toLowerCase().includes('fail') ||\n        value.toLowerCase().includes('error')\n      ) {\n        return 'text-red-400 font-medium';\n      }\n    }\n\n    if (key === 'tx') {\n      return 'text-n1-ww-gray-200 text-xs font-medium hover:text-n1-ww-main-400 transition-colors duration-200';\n    }\n\n    if (key === 'network') {\n      return 'text-purple-400 font-medium';\n    }\n\n    if (key === 'from' || key === 'to') {\n      return 'text-n1-ww-gray-200 text-xs font-medium hover:text-n1-ww-main-400 transition-colors duration-200';\n    }\n\n    if (key === 'amount') {\n      return 'text-emerald-500 font-semibold';\n    }\n\n    return 'text-n1-ww-gray-50 font-medium';\n  };\n\n  // Format display value with ellipsis for long text\n  const getDisplayValue = (key: string, value: string) => {\n    if (key === 'tx') {\n      return shortenAddress(value, 5, 4);\n    }\n\n    if (key === 'from' || key === 'to') {\n      return shortenAddress(value, 5, 4);\n    }\n\n    return value;\n  };\n\n  // Get explorer URL for transaction ID or address\n  const getExplorerLink = (key: string, value: string) => {\n\n    if (key === 'tx') {\n      return getExplorerUrl(value);\n    }\n\n    if (key === 'from') {\n      return `https://explorer.solana.com/address/${value}?cluster=devnet`;\n    }\n\n    return '';\n  };\n\n  // Order of fields to display\n  const fieldOrder = ['amount', 'status', 'network', 'from', 'to', 'tx'];\n\n  // Sort entries based on fieldOrder\n  const sortedEntries = Object.entries(tableValues).sort(([keyA], [keyB]) => {\n    const indexA = fieldOrder.indexOf(keyA);\n    const indexB = fieldOrder.indexOf(keyB);\n    return (indexA === -1 ? 999 : indexA) - (indexB === -1 ? 999 : indexB);\n  });\n\n  return (\n    <div className=\"relative w-full h-full bg-n1-ww-gray-950 border border-n1-ww-border p-5 rounded-sm flex flex-col justify-center\">\n      {onClose && (\n        <button\n          onClick={onClose}\n          className=\"absolute top-3 right-2 text-n1-ww-gray-600 hover:text-n1-ww-gray-300 transition-colors duration-200 focus:outline-none\"\n          aria-label=\"Close details\"\n        >\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            className=\"h-5 w-5\"\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=\"M6 18L18 6M6 6l12 12\"\n            />\n          </svg>\n        </button>\n      )}\n      <div className=\"space-y-3 text-sm pt-5\">\n        {sortedEntries.map(([key, value]) => (\n          <div key={key} className=\"flex items-center justify-between py-2 \">\n            <span className=\"text-n1-ww-gray-400 font-medium min-w-[120px]\">\n              {getLabel(key)}\n            </span>\n            <div\n              className={`relative transition-all duration-300 ${value.visible ? 'opacity-100' : 'opacity-0'} max-w-[65%] text-right flex-1`}\n            >\n              {(key === 'tx' || key === 'from') &&\n              getExplorerLink(key, value.text) ? (\n                <a\n                  href={getExplorerLink(key, value.text)}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  className={`${getValueStyles(key, value.text)} break-all inline-block group`}\n                  title={value.text}\n                >\n                  <span className=\"underline hover:font-bold\">\n                    {getDisplayValue(key, value.text)}\n                  </span>\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    className=\"h-3 w-3 ml-1 inline-block opacity-50 group-hover:opacity-100 transition-opacity 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=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"\n                    />\n                  </svg>\n                </a>\n              ) : (\n                <span\n                  className={`${getValueStyles(key, value.text)} break-all inline-block`}\n                  title={value.text}\n                >\n                  {value.text}\n                </span>\n              )}\n              {value.typing && (\n                <span className=\"inline-block ml-1 w-[2px] h-[14px] bg-n1-ww-main-400 n1-ww-animate-pulse\"></span>\n              )}\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/Modal/NordFlow/components/WaitingMessage.d.ts

@@ -1,6 +1,8 @@
 import { WaitingMessageState } from '../types';
 interface WaitingMessageProps {
     message: WaitingMessageState;
+    loaderSize?: number;
+    animation?: 'loader' | 'transfer';
 }
-export declare function WaitingMessage({ message }: WaitingMessageProps): JSX.Element;
+export declare function WaitingMessage({ message, loaderSize, animation, }: WaitingMessageProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Modal/NordFlow/components/WaitingMessage.js

@@ -1,7 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { LoadingSquares } from './LoadingSquares';
+import { N1LoaderAnimation } from '../../../animations/N1Loader';
+import { SolanaLogo } from '../../../components/logos';
+import Logo from '../../../components/Logo';
 export function WaitingMessage(_a) {
-    var message = _a.message;
-    return (_jsxs("div", { className: "flex flex-col items-center justify-center py-12 space-y-6", children: [_jsx(LoadingSquares, {}), _jsxs("div", { className: "space-y-2 text-center w-[300px]", children: [_jsxs("h3", { className: "text-xl text-n1-ww-gray-800 dark:text-white transition-all duration-300 h-[32px] flex items-center justify-center relative font-semibold", children: [_jsx("span", { className: "opacity-0 absolute select-none", "aria-hidden": "true", children: "Waiting for transaction" }), _jsx("div", { className: "absolute min-w-[280px]", children: message.visible && message.title })] }), _jsxs("div", { className: "text-sm text-n1-ww-gray-600 dark:text-neutral-400 h-[20px] flex items-center justify-center relative", children: [_jsx("span", { className: "opacity-0 absolute select-none", "aria-hidden": "true", children: "Please sign the transaction in your wallet" }), _jsx("div", { className: "absolute min-w-[280px]", children: message.visible && message.subtitle })] })] })] }));
+    var message = _a.message, _b = _a.loaderSize, loaderSize = _b === void 0 ? 48 : _b, _c = _a.animation, animation = _c === void 0 ? 'loader' : _c;
+    return (_jsxs("div", { className: "flex flex-col items-center justify-center", children: [animation === 'loader' ? (_jsx(N1LoaderAnimation, { size: loaderSize })) : (_jsx(TransferWaveAnimation, {})), _jsxs("div", { className: "text-center w-[300px] my-4", children: [_jsx("h3", { className: "text-sm text-white transition-all duration-300 h-[32px] flex items-center justify-center relative", children: _jsx("div", { className: "absolute", children: message.visible && message.title }) }), _jsx("div", { className: "text-xs flex items-center justify-center relative mt-2 font-light", children: _jsx("div", { className: "absolute", children: message.visible && message.subtitle }) })] })] }));
 }
+var DOT_INDICES = Array.from({ length: 7 }, function (_, index) { return index; });
+var TransferWaveAnimation = function () { return (_jsx("div", { className: "flex w-full items-center justify-center", "aria-label": "Solana deposit moving into N1", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "relative h-7 w-7 rounded-full bg-gradient-to-br from-black via-neutral-900 to-neutral-800 p-px shadow-[0_12px_30px_rgba(0,0,0,0.6)]", children: _jsx("div", { className: "flex h-full w-full items-center justify-center rounded-full bg-black text-white", children: _jsx(SolanaLogo, { width: 14, height: 14 }) }) }), _jsx("div", { className: "flex items-center gap-[3px]", children: DOT_INDICES.map(function (index) {
+                    return (_jsx("span", { className: "n1-ww-animate-transfer-dot n1-ww-force-motion rounded-full bg-n1-ww-main/90 shadow-[0_0_10px_rgba(245,94,43,0.45)]", style: {
+                            width: '2.5px',
+                            height: '2.5px',
+                            animationDelay: "".concat(index * 0.12, "s"),
+                            animationDuration: '1.6s',
+                        }, "aria-hidden": "true" }, "wave-dot-".concat(index)));
+                }) }), _jsx("div", { className: "relative h-7 w-7 rounded-full bg-n1-ww-gray-800/70 p-px shadow-[0_12px_30px_rgba(0,0,0,0.6)]", children: _jsx("div", { className: "flex h-full w-full items-center justify-center rounded-full bg-[#1b1b1b]", children: _jsx(Logo, { size: 12, className: "text-n1-ww-main/90" }) }) })] }) })); };
 //# sourceMappingURL=WaitingMessage.js.map

package/dist/Modal/NordFlow/components/WaitingMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"WaitingMessage.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/components/WaitingMessage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAMlD,MAAM,UAAU,cAAc,CAAC,EAAgC;QAA9B,OAAO,aAAA;IACtC,OAAO,CACL,eAAK,SAAS,EAAC,2DAA2D,aACxE,KAAC,cAAc,KAAG,EAClB,eAAK,SAAS,EAAC,iCAAiC,aAC9C,cAAI,SAAS,EAAC,0IAA0I,aACtJ,eAAM,SAAS,EAAC,gCAAgC,iBAAa,MAAM,wCAE5D,EACP,cAAK,SAAS,EAAC,wBAAwB,YACpC,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,KAAK,GAC7B,IACH,EACL,eAAK,SAAS,EAAC,sGAAsG,aACnH,eAAM,SAAS,EAAC,gCAAgC,iBAAa,MAAM,2DAE5D,EACP,cAAK,SAAS,EAAC,wBAAwB,YACpC,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,QAAQ,GAChC,IACF,IACF,IACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { WaitingMessageState } from '../types';\nimport { LoadingSquares } from './LoadingSquares';\n\ninterface WaitingMessageProps {\n  message: WaitingMessageState;\n}\n\nexport function WaitingMessage({ message }: WaitingMessageProps) {\n  return (\n    <div className=\"flex flex-col items-center justify-center py-12 space-y-6\">\n      <LoadingSquares />\n      <div className=\"space-y-2 text-center w-[300px]\">\n        <h3 className=\"text-xl text-n1-ww-gray-800 dark:text-white transition-all duration-300 h-[32px] flex items-center justify-center relative font-semibold\"> \n          <span className=\"opacity-0 absolute select-none\" aria-hidden=\"true\">\n            Waiting for transaction\n          </span>\n          <div className=\"absolute min-w-[280px]\">\n            {message.visible && message.title}\n          </div>\n        </h3>\n        <div className=\"text-sm text-n1-ww-gray-600 dark:text-neutral-400 h-[20px] flex items-center justify-center relative\">\n          <span className=\"opacity-0 absolute select-none\" aria-hidden=\"true\">\n            Please sign the transaction in your wallet\n          </span>\n          <div className=\"absolute min-w-[280px]\">\n            {message.visible && message.subtitle}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"WaitingMessage.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/components/WaitingMessage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,IAAI,MAAM,0BAA0B,CAAC;AAQ5C,MAAM,UAAU,cAAc,CAAC,EAIT;QAHpB,OAAO,aAAA,EACP,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,iBAAoB,EAApB,SAAS,mBAAG,QAAQ,KAAA;IAEpB,OAAO,CACL,eAAK,SAAS,EAAC,2CAA2C,aACvD,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,CACxB,KAAC,iBAAiB,IAAC,IAAI,EAAE,UAAU,GAAI,CACxC,CAAC,CAAC,CAAC,CACF,KAAC,qBAAqB,KAAG,CAC1B,EACD,eAAK,SAAS,EAAC,4BAA4B,aACzC,aAAI,SAAS,EAAC,mGAAmG,YAC/G,cAAK,SAAS,EAAC,UAAU,YACtB,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,KAAK,GAC7B,GACH,EACL,cAAK,SAAS,EAAC,mEAAmE,YAChF,cAAK,SAAS,EAAC,UAAU,YACtB,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,QAAQ,GAChC,GACF,IACF,IACF,CACP,CAAC;AACJ,CAAC;AAED,IAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,UAAC,CAAC,EAAE,KAAK,IAAK,OAAA,KAAK,EAAL,CAAK,CAAC,CAAC;AAEnE,IAAM,qBAAqB,GAAG,cAAM,OAAA,CAClC,cACE,SAAS,EAAC,yCAAyC,gBACxC,+BAA+B,YAE1C,eAAK,SAAS,EAAC,yBAAyB,aACtC,cAAK,SAAS,EAAC,qIAAqI,YAClJ,cAAK,SAAS,EAAC,iFAAiF,YAC9F,KAAC,UAAU,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GACjC,GACF,EACN,cAAK,SAAS,EAAC,6BAA6B,YACzC,WAAW,CAAC,GAAG,CAAC,UAAC,KAAK;oBACrB,OAAO,CACL,eAEE,SAAS,EAAC,oHAAoH,EAC9H,KAAK,EAAE;4BACL,KAAK,EAAE,OAAO;4BACd,MAAM,EAAE,OAAO;4BACf,cAAc,EAAE,UAAG,KAAK,GAAG,IAAI,MAAG;4BAClC,iBAAiB,EAAE,MAAM;yBAC1B,iBACW,MAAM,IARb,mBAAY,KAAK,CAAE,CASxB,CACH,CAAC;gBACJ,CAAC,CAAC,GACE,EACN,cAAK,SAAS,EAAC,8FAA8F,YAC3G,cAAK,SAAS,EAAC,0EAA0E,YACvF,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,oBAAoB,GAAG,GAC7C,GACF,IACF,GACF,CACP,EAnCmC,CAmCnC,CAAC","sourcesContent":["import { WaitingMessageState } from '../types';\nimport { N1LoaderAnimation } from '../../../animations/N1Loader';\nimport { SolanaLogo } from '../../../components/logos';\nimport Logo from '../../../components/Logo';\n\ninterface WaitingMessageProps {\n  message: WaitingMessageState;\n  loaderSize?: number;\n  animation?: 'loader' | 'transfer';\n}\n\nexport function WaitingMessage({\n  message,\n  loaderSize = 48,\n  animation = 'loader',\n}: WaitingMessageProps) {\n  return (\n    <div className=\"flex flex-col items-center justify-center\">\n      {animation === 'loader' ? (\n        <N1LoaderAnimation size={loaderSize} />\n      ) : (\n        <TransferWaveAnimation />\n      )}\n      <div className=\"text-center w-[300px] my-4\">\n        <h3 className=\"text-sm text-white transition-all duration-300 h-[32px] flex items-center justify-center relative\"> \n          <div className=\"absolute\">\n            {message.visible && message.title}\n          </div>\n        </h3>\n        <div className=\"text-xs flex items-center justify-center relative mt-2 font-light\">\n          <div className=\"absolute\">\n            {message.visible && message.subtitle}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nconst DOT_INDICES = Array.from({ length: 7 }, (_, index) => index);\n\nconst TransferWaveAnimation = () => (\n  <div\n    className=\"flex w-full items-center justify-center\"\n    aria-label=\"Solana deposit moving into N1\"\n  >\n    <div className=\"flex items-center gap-2\">\n      <div className=\"relative h-7 w-7 rounded-full bg-gradient-to-br from-black via-neutral-900 to-neutral-800 p-px shadow-[0_12px_30px_rgba(0,0,0,0.6)]\">\n        <div className=\"flex h-full w-full items-center justify-center rounded-full bg-black text-white\">\n          <SolanaLogo width={14} height={14} />\n        </div>\n      </div>\n      <div className=\"flex items-center gap-[3px]\">\n        {DOT_INDICES.map((index) => {\n          return (\n            <span\n              key={`wave-dot-${index}`}\n              className=\"n1-ww-animate-transfer-dot n1-ww-force-motion rounded-full bg-n1-ww-main/90 shadow-[0_0_10px_rgba(245,94,43,0.45)]\"\n              style={{\n                width: '2.5px',\n                height: '2.5px',\n                animationDelay: `${index * 0.12}s`,\n                animationDuration: '1.6s',\n              }}\n              aria-hidden=\"true\"\n            />\n          );\n        })}\n      </div>\n      <div className=\"relative h-7 w-7 rounded-full bg-n1-ww-gray-800/70 p-px shadow-[0_12px_30px_rgba(0,0,0,0.6)]\">\n        <div className=\"flex h-full w-full items-center justify-center rounded-full bg-[#1b1b1b]\">\n          <Logo size={12} className=\"text-n1-ww-main/90\" />\n        </div>\n      </div>\n    </div>\n  </div>\n);\n"]}

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

@@ -1,6 +1,5 @@
 export * from './ImageWithFallback';
 export * from './ChainButton';
-export * from './LoadingSquares';
 export * from './TransactionTable';
 export * from './WaitingMessage';
 export * from './Header';

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

@@ -1,6 +1,5 @@
 export * from './ImageWithFallback';
 export * from './ChainButton';
-export * from './LoadingSquares';
 export * from './TransactionTable';
 export * from './WaitingMessage';
 export * from './Header';

package/dist/Modal/NordFlow/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC","sourcesContent":["export * from './ImageWithFallback';\nexport * from './ChainButton';\nexport * from './LoadingSquares';\nexport * from './TransactionTable';\nexport * from './WaitingMessage';\nexport * from './Header';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC","sourcesContent":["export * from './ImageWithFallback';\nexport * from './ChainButton';\nexport * from './TransactionTable';\nexport * from './WaitingMessage';\nexport * from './Header';\n"]}

package/dist/Modal/NordFlow/constants.js

@@ -55,7 +55,6 @@ export var STATE_TRANSITIONS = [
     {
         from: [
             FlowState.ERROR,
-            FlowState.IDLE,
         ],
         to: FlowState.CONNECTING_WALLET,
         condition: function (context) {
@@ -63,27 +62,16 @@ export var STATE_TRANSITIONS = [
                 && !context.hasNordAccount;
         }
     },
-    // Global recovery transition (can happen from any state upon recovery)
+    // Allow navigating back to chain selection from the amount input screen
     {
-        from: [
-            FlowState.ERROR,
-            FlowState.IDLE,
-            FlowState.CONNECTING_WALLET,
-        ],
-        to: FlowState.ETH_TO_SOL_AUTH,
-        condition: function (context) {
-            return !context.hasActiveSession
-                && !context.hasNordAccount
-                && context.walletType !== 'solana';
-        }
+        from: FlowState.AMOUNT_INPUT,
+        to: FlowState.CHAIN_SELECTION,
     },
     // Global recovery transition (can happen from any state upon recovery)
     {
         from: [
             FlowState.ERROR,
-            FlowState.IDLE,
             FlowState.CONNECTING_WALLET,
-            FlowState.ETH_TO_SOL_AUTH,
         ],
         to: FlowState.CHAIN_SELECTION,
         condition: function (context) {
@@ -95,57 +83,52 @@ export var STATE_TRANSITIONS = [
     {
         from: [
             FlowState.ERROR,
-            FlowState.IDLE,
             FlowState.CONNECTING_WALLET,
-            FlowState.ETH_TO_SOL_AUTH,
             FlowState.CHAIN_SELECTION,
             FlowState.AMOUNT_INPUT,
         ],
         to: FlowState.AMOUNT_INPUT,
         condition: function (context) {
-            return !context.hasActiveSession
-                && !context.hasNordAccount;
+            return context.isDepositOnlyFlow
+                || (!context.hasActiveSession
+                    && !context.hasNordAccount);
         }
     },
     // Global recovery transition (can happen from any state upon recovery)
     {
         from: [
             FlowState.ERROR,
-            FlowState.IDLE,
             FlowState.CONNECTING_WALLET,
-            FlowState.ETH_TO_SOL_AUTH,
             FlowState.CHAIN_SELECTION,
             FlowState.AMOUNT_INPUT,
         ],
         to: FlowState.DEPOSIT_PROGRESS,
         condition: function (context) {
-            return !context.hasActiveSession
-                && !context.hasNordAccount;
+            return context.isDepositOnlyFlow
+                || (!context.hasActiveSession
+                    && !context.hasNordAccount);
         }
     },
     // Global recovery transition (can happen from any state upon recovery)
     {
         from: [
             FlowState.ERROR,
-            FlowState.IDLE,
             FlowState.CONNECTING_WALLET,
-            FlowState.ETH_TO_SOL_AUTH,
             FlowState.CHAIN_SELECTION,
             FlowState.AMOUNT_INPUT,
             FlowState.DEPOSIT_PROGRESS,
         ],
         to: FlowState.DEPOSIT_SUCCESS,
         condition: function (context) {
-            return !context.hasActiveSession
-                && context.hasNordAccount;
+            return context.isDepositOnlyFlow
+                || (!context.hasActiveSession
+                    && context.hasNordAccount);
         }
     },
     // Global recovery transition (can happen from any state upon recovery)
     {
         from: [
-            FlowState.IDLE,
             FlowState.CONNECTING_WALLET,
-            FlowState.ETH_TO_SOL_AUTH,
             FlowState.CHAIN_SELECTION,
             FlowState.AMOUNT_INPUT,
             FlowState.DEPOSIT_PROGRESS,
@@ -161,9 +144,7 @@ export var STATE_TRANSITIONS = [
     // Global recovery transition (can happen from any state upon recovery)
     {
         from: [
-            FlowState.IDLE,
             FlowState.CONNECTING_WALLET,
-            FlowState.ETH_TO_SOL_AUTH,
             FlowState.CHAIN_SELECTION,
             FlowState.AMOUNT_INPUT,
             FlowState.DEPOSIT_PROGRESS,
@@ -181,23 +162,6 @@ export var STATE_TRANSITIONS = [
     {
         from: [
             FlowState.CONNECTING_WALLET,
-            FlowState.ETH_TO_SOL_AUTH,
-            FlowState.CHAIN_SELECTION,
-            FlowState.AMOUNT_INPUT,
-            FlowState.DEPOSIT_PROGRESS,
-            FlowState.DEPOSIT_SUCCESS,
-            FlowState.AUTH_LOADING,
-            FlowState.FINAL_SUCCESS,
-            FlowState.ERROR,
-        ],
-        to: FlowState.IDLE,
-    },
-    // Global recovery transition (can happen from any state upon recovery)
-    {
-        from: [
-            FlowState.IDLE,
-            FlowState.CONNECTING_WALLET,
-            FlowState.ETH_TO_SOL_AUTH,
             FlowState.CHAIN_SELECTION,
             FlowState.AMOUNT_INPUT,
             FlowState.DEPOSIT_PROGRESS,

package/dist/Modal/NordFlow/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/Modal/NordFlow/constants.ts"],"names":[],"mappings":"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","sourcesContent":["import { FlowState, StateTransition } from './types';\n\nexport const ANIMATION_EASE = 'cubic-bezier(0.16, 1, 0.3, 1)';\nexport const TYPING_INTERVAL = 50;\nexport const ANIMATION_DURATION = 3000;\n\nexport const MIN_DEPOSIT = 10000;\nexport const MAX_DEPOSIT = 10000;\n\nexport const INITIAL_APPS = Array.from({ length: 20 }, (_, i) => ({\n  name: `App${i + 1}`,\n  color: '#ff2b1f',\n  progress: 0,\n}));\n\n/**\n * Available chains for deposit\n */\nexport const AVAILABLE_CHAINS = [\n  {\n    id: 'ethereum',\n    name: 'Ethereum',\n    logo: 'ethereum-logo.svg',\n  },\n  {\n    id: 'solana',\n    name: 'Solana',\n    logo: 'solana-logo.svg',\n  },\n];\n\nexport const CHAINS = [\n  {\n    id: 'ethereum',\n    name: 'Ethereum',\n    logo: '/images/chains/ethereum.svg',\n  },\n  {\n    id: 'polygon',\n    name: 'Polygon',\n    logo: '/images/chains/polygon.svg',\n  },\n  {\n    id: 'arbitrum',\n    name: 'Arbitrum',\n    logo: '/images/chains/arbitrum.svg',\n  },\n  {\n    id: 'optimism',\n    name: 'Optimism',\n    logo: '/images/chains/optimism.svg',\n  },\n];\n\n/**\n * State machine transitions\n * Defines all possible transitions between states and their conditions\n */\nexport const STATE_TRANSITIONS: StateTransition[] = [\n\n  // Global recovery transition (can happen from any state upon recovery)\n  {\n    from: [\n      FlowState.ERROR,\n      FlowState.IDLE,\n    ],\n    to: FlowState.CONNECTING_WALLET,\n    condition: (context) =>\n      !context.hasActiveSession\n      && !context.hasNordAccount\n  },\n\n  // Global recovery transition (can happen from any state upon recovery)\n  {\n    from: [\n      FlowState.ERROR,\n      FlowState.IDLE,\n      FlowState.CONNECTING_WALLET,\n    ],\n    to: FlowState.ETH_TO_SOL_AUTH,\n    condition: (context) =>\n      !context.hasActiveSession\n      && !context.hasNordAccount\n      && context.walletType !== 'solana'\n  },\n\n  // Global recovery transition (can happen from any state upon recovery)\n  {\n    from: [\n      FlowState.ERROR,\n      FlowState.IDLE,\n      FlowState.CONNECTING_WALLET,\n      FlowState.ETH_TO_SOL_AUTH,\n    ],\n    to: FlowState.CHAIN_SELECTION,\n    condition: (context) =>\n      !context.hasActiveSession\n      && !context.hasNordAccount\n  },\n\n  // Global recovery transition (can happen from any state upon recovery)\n  {\n    from: [\n      FlowState.ERROR,\n      FlowState.IDLE,\n      FlowState.CONNECTING_WALLET,\n      FlowState.ETH_TO_SOL_AUTH,\n      FlowState.CHAIN_SELECTION,\n      FlowState.AMOUNT_INPUT,\n    ],\n    to: FlowState.AMOUNT_INPUT,\n    condition: (context) =>\n      !context.hasActiveSession\n      && !context.hasNordAccount\n  },\n\n  // Global recovery transition (can happen from any state upon recovery)\n  {\n    from: [\n      FlowState.ERROR,\n      FlowState.IDLE,\n      FlowState.CONNECTING_WALLET,\n      FlowState.ETH_TO_SOL_AUTH,\n      FlowState.CHAIN_SELECTION,\n      FlowState.AMOUNT_INPUT,\n    ],\n    to: FlowState.DEPOSIT_PROGRESS,\n    condition: (context) =>\n      !context.hasActiveSession\n      && !context.hasNordAccount\n  },\n\n  // Global recovery transition (can happen from any state upon recovery)\n  {\n    from: [\n      FlowState.ERROR,\n      FlowState.IDLE,\n      FlowState.CONNECTING_WALLET,\n      FlowState.ETH_TO_SOL_AUTH,\n      FlowState.CHAIN_SELECTION,\n      FlowState.AMOUNT_INPUT,\n      FlowState.DEPOSIT_PROGRESS,\n    ],\n    to: FlowState.DEPOSIT_SUCCESS,\n    condition: (context) =>\n      !context.hasActiveSession\n      && context.hasNordAccount\n  },\n\n  // Global recovery transition (can happen from any state upon recovery)\n  {\n    from: [\n      FlowState.IDLE,\n      FlowState.CONNECTING_WALLET,\n      FlowState.ETH_TO_SOL_AUTH,\n      FlowState.CHAIN_SELECTION,\n      FlowState.AMOUNT_INPUT,\n      FlowState.DEPOSIT_PROGRESS,\n      FlowState.DEPOSIT_SUCCESS,\n      FlowState.ERROR,\n    ],\n    to: FlowState.AUTH_LOADING,\n    condition: (context) =>\n      !context.hasActiveSession\n      && context.hasNordAccount\n  },\n  // Global recovery transition (can happen from any state upon recovery)\n  {\n    from: [\n      FlowState.IDLE,\n      FlowState.CONNECTING_WALLET,\n      FlowState.ETH_TO_SOL_AUTH,\n      FlowState.CHAIN_SELECTION,\n      FlowState.AMOUNT_INPUT,\n      FlowState.DEPOSIT_PROGRESS,\n      FlowState.DEPOSIT_SUCCESS,\n      FlowState.AUTH_LOADING,\n      FlowState.ERROR,\n    ],\n    to: FlowState.FINAL_SUCCESS,\n    condition: (context) =>\n      context.hasActiveSession\n      && context.hasNordAccount\n  },\n  // Global recovery transition (can happen from any state upon recovery)\n  {\n    from: [\n      FlowState.CONNECTING_WALLET,\n      FlowState.ETH_TO_SOL_AUTH,\n      FlowState.CHAIN_SELECTION,\n      FlowState.AMOUNT_INPUT,\n      FlowState.DEPOSIT_PROGRESS,\n      FlowState.DEPOSIT_SUCCESS,\n      FlowState.AUTH_LOADING,\n      FlowState.FINAL_SUCCESS,\n      FlowState.ERROR,\n    ],\n    to: FlowState.IDLE,\n  },\n\n  // Global recovery transition (can happen from any state upon recovery)\n  {\n    from: [\n      FlowState.IDLE,\n      FlowState.CONNECTING_WALLET,\n      FlowState.ETH_TO_SOL_AUTH,\n      FlowState.CHAIN_SELECTION,\n      FlowState.AMOUNT_INPUT,\n      FlowState.DEPOSIT_PROGRESS,\n      FlowState.DEPOSIT_SUCCESS,\n      FlowState.AUTH_LOADING,\n      FlowState.FINAL_SUCCESS,\n    ],\n    to: FlowState.ERROR,\n  },\n];\n\n/**\n * Local storage key for persisting flow state\n */\nexport const FLOW_STATE_STORAGE_KEY = 'n1_wallet_connection_flow_state';\n\n/**\n * Time in milliseconds after which a persisted state is considered stale\n */\nexport const STATE_EXPIRY_TIME = 30 * 60 * 1000; // 30 minutes\n"]}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/Modal/NordFlow/constants.ts"],"names":[],"mappings":"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","sourcesContent":["import { FlowState, StateTransition } from './types';\n\nexport const ANIMATION_EASE = 'cubic-bezier(0.16, 1, 0.3, 1)';\nexport const TYPING_INTERVAL = 50;\nexport const ANIMATION_DURATION = 3000;\n\nexport const MIN_DEPOSIT = 10000;\nexport const MAX_DEPOSIT = 10000;\n\nexport const INITIAL_APPS = Array.from({ length: 20 }, (_, i) => ({\n  name: `App${i + 1}`,\n  color: '#ff2b1f',\n  progress: 0,\n}));\n\n/**\n * Available chains for deposit\n */\nexport const AVAILABLE_CHAINS = [\n  {\n    id: 'ethereum',\n    name: 'Ethereum',\n    logo: 'ethereum-logo.svg',\n  },\n  {\n    id: 'solana',\n    name: 'Solana',\n    logo: 'solana-logo.svg',\n  },\n];\n\nexport const CHAINS = [\n  {\n    id: 'ethereum',\n    name: 'Ethereum',\n    logo: '/images/chains/ethereum.svg',\n  },\n  {\n    id: 'polygon',\n    name: 'Polygon',\n    logo: '/images/chains/polygon.svg',\n  },\n  {\n    id: 'arbitrum',\n    name: 'Arbitrum',\n    logo: '/images/chains/arbitrum.svg',\n  },\n  {\n    id: 'optimism',\n    name: 'Optimism',\n    logo: '/images/chains/optimism.svg',\n  },\n];\n\n/**\n * State machine transitions\n * Defines all possible transitions between states and their conditions\n */\nexport const STATE_TRANSITIONS: StateTransition[] = [\n\n  // Global recovery transition (can happen from any state upon recovery)\n  {\n    from: [\n      FlowState.ERROR,\n    ],\n    to: FlowState.CONNECTING_WALLET,\n    condition: (context) =>\n      !context.hasActiveSession\n      && !context.hasNordAccount\n  },\n\n  // Allow navigating back to chain selection from the amount input screen\n  {\n    from: FlowState.AMOUNT_INPUT,\n    to: FlowState.CHAIN_SELECTION,\n  },\n\n  // Global recovery transition (can happen from any state upon recovery)\n  {\n    from: [\n      FlowState.ERROR,\n      FlowState.CONNECTING_WALLET,\n    ],\n    to: FlowState.CHAIN_SELECTION,\n    condition: (context) =>\n      !context.hasActiveSession\n      && !context.hasNordAccount\n  },\n\n  // Global recovery transition (can happen from any state upon recovery)\n  {\n    from: [\n      FlowState.ERROR,\n      FlowState.CONNECTING_WALLET,\n      FlowState.CHAIN_SELECTION,\n      FlowState.AMOUNT_INPUT,\n    ],\n    to: FlowState.AMOUNT_INPUT,\n    condition: (context) =>\n      context.isDepositOnlyFlow\n      || (\n        !context.hasActiveSession\n        && !context.hasNordAccount\n      )\n  },\n\n  // Global recovery transition (can happen from any state upon recovery)\n  {\n    from: [\n      FlowState.ERROR,\n      FlowState.CONNECTING_WALLET,\n      FlowState.CHAIN_SELECTION,\n      FlowState.AMOUNT_INPUT,\n    ],\n    to: FlowState.DEPOSIT_PROGRESS,\n    condition: (context) =>\n      context.isDepositOnlyFlow\n      || (\n        !context.hasActiveSession\n        && !context.hasNordAccount\n      )\n  },\n\n  // Global recovery transition (can happen from any state upon recovery)\n  {\n    from: [\n      FlowState.ERROR,\n      FlowState.CONNECTING_WALLET,\n      FlowState.CHAIN_SELECTION,\n      FlowState.AMOUNT_INPUT,\n      FlowState.DEPOSIT_PROGRESS,\n    ],\n    to: FlowState.DEPOSIT_SUCCESS,\n    condition: (context) =>\n      context.isDepositOnlyFlow\n      || (\n        !context.hasActiveSession\n        && context.hasNordAccount\n      )\n  },\n\n  // Global recovery transition (can happen from any state upon recovery)\n  {\n    from: [\n      FlowState.CONNECTING_WALLET,\n      FlowState.CHAIN_SELECTION,\n      FlowState.AMOUNT_INPUT,\n      FlowState.DEPOSIT_PROGRESS,\n      FlowState.DEPOSIT_SUCCESS,\n      FlowState.ERROR,\n    ],\n    to: FlowState.AUTH_LOADING,\n    condition: (context) =>\n      !context.hasActiveSession\n      && context.hasNordAccount\n  },\n  // Global recovery transition (can happen from any state upon recovery)\n  {\n    from: [\n      FlowState.CONNECTING_WALLET,\n      FlowState.CHAIN_SELECTION,\n      FlowState.AMOUNT_INPUT,\n      FlowState.DEPOSIT_PROGRESS,\n      FlowState.DEPOSIT_SUCCESS,\n      FlowState.AUTH_LOADING,\n      FlowState.ERROR,\n    ],\n    to: FlowState.FINAL_SUCCESS,\n    condition: (context) =>\n      context.hasActiveSession\n      && context.hasNordAccount\n  },\n  // Global recovery transition (can happen from any state upon recovery)\n  {\n    from: [\n      FlowState.CONNECTING_WALLET,\n      FlowState.CHAIN_SELECTION,\n      FlowState.AMOUNT_INPUT,\n      FlowState.DEPOSIT_PROGRESS,\n      FlowState.DEPOSIT_SUCCESS,\n      FlowState.AUTH_LOADING,\n      FlowState.FINAL_SUCCESS,\n    ],\n    to: FlowState.ERROR,\n  },\n];\n\n/**\n * Local storage key for persisting flow state\n */\nexport const FLOW_STATE_STORAGE_KEY = 'n1_wallet_connection_flow_state';\n\n/**\n * Time in milliseconds after which a persisted state is considered stale\n */\nexport const STATE_EXPIRY_TIME = 30 * 60 * 1000; // 30 minutes\n"]}

package/dist/Modal/NordFlow/context/DepositContext.js

@@ -37,10 +37,12 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react';
 import { getExplorerUrl, } from '../../../Logic/transactionManager';
-import { useN1WalletContext, useN1WalletInternalContext, } from '../../../Provider/hooks';
+import { useN1WalletContext } from '../../../Provider/hooks';
 import { logger } from '../../../utils/logger';
+import { AVAILABLE_CHAINS } from '../constants';
 import { FlowState } from '../types';
 import { useFlowStateContext } from './FlowContext';
+import { clearLastDepositRecord, saveLastDepositRecord } from '../utils/depositStorage';
 // Create the context with a default value
 var DepositContext = createContext(undefined);
 /**
@@ -49,10 +51,9 @@ var DepositContext = createContext(undefined);
 export var DepositProvider = function (_a) {
     var children = _a.children;
     // Get flow state context
-    var _b = useFlowStateContext(), state = _b.state, context = _b.context, transition = _b.transition, updateContext = _b.updateContext;
+    var _b = useFlowStateContext(), state = _b.state, context = _b.context, transition = _b.transition, updateContext = _b.updateContext, isDebugOverride = _b.isDebugOverride;
     // Get wallet context
-    var _c = useN1WalletContext(), address = _c.address, nord = _c.nord, signMessageWithSessionKey = _c.signMessageWithSessionKey, nordUser = _c.nordUser;
-    var sessionMode = useN1WalletInternalContext().sessionMode;
+    var _c = useN1WalletContext(), address = _c.address, nord = _c.nord, nordUser = _c.nordUser;
     // chain
     var _d = useState(context.selectedChain), selectedChain = _d[0], setSelectedChain = _d[1];
     // transaction & deposit
@@ -73,6 +74,8 @@ export var DepositProvider = function (_a) {
         logger.error('Flow error:', error);
         transition(FlowState.ERROR, { error: error });
     }, [transition]);
+    var authInFlightRef = useRef(false);
+    var waitingForNordUserRef = useRef(false);
     /**
      * Authenticate session
      */
@@ -81,12 +84,22 @@ export var DepositProvider = function (_a) {
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    _a.trys.push([0, 3, , 4]);
+                    if (authInFlightRef.current) {
+                        return [2 /*return*/];
+                    }
+                    authInFlightRef.current = true;
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 4, 5, 6]);
                     // Step 1: Tell user to sign transaction
                     setAuthStatusMessage('Please sign the transaction to authenticate your session');
                     if (!nordUser) {
-                        throw new Error('Nord user is not initialized');
+                        waitingForNordUserRef.current = true;
+                        setAuthStatus('loading');
+                        setAuthStatusMessage('Preparing your Nord session…');
+                        return [2 /*return*/];
                     }
+                    waitingForNordUserRef.current = false;
                     // Step 2: Call nordUser.refreshSession and get sessionId
                     setAuthStatusMessage('Session is being authenticated...');
                     sessionPubKey = nordUser.sessionPubKey;
@@ -94,13 +107,14 @@ export var DepositProvider = function (_a) {
                         throw new Error('Session public key is not available');
                     }
                     // Refresh the session
-                    return [4 /*yield*/, nordUser.refreshSession(sessionPubKey)];
-                case 1:
+                    return [4 /*yield*/, nordUser.refreshSession()];
+                case 2:
                     // Refresh the session
                     _a.sent();
                     return [4 /*yield*/, nordUser.updateAccountId()];
-                case 2:
+                case 3:
                     _a.sent();
+                    console.log('nordUser', nordUser);
                     sessionId = nordUser.sessionId;
                     if (!sessionId) {
                         throw new Error('Failed to get session ID after refresh');
@@ -120,17 +134,33 @@ export var DepositProvider = function (_a) {
                     setTimeout(function () {
                         transition(FlowState.FINAL_SUCCESS, { hasActiveSession: true, hasNordAccount: true });
                     }, 100);
-                    return [3 /*break*/, 4];
-                case 3:
+                    return [3 /*break*/, 6];
+                case 4:
                     error_1 = _a.sent();
                     console.error('Authentication error:', error_1);
                     setAuthStatus('error');
                     setAuthErrorMessage(error_1 instanceof Error ? error_1.message : 'Unknown error occurred');
-                    return [3 /*break*/, 4];
-                case 4: return [2 /*return*/];
+                    return [3 /*break*/, 6];
+                case 5:
+                    authInFlightRef.current = false;
+                    return [7 /*endfinally*/];
+                case 6: return [2 /*return*/];
             }
         });
-    }); }, [updateContext, transition, address, nordUser]);
+    }); }, [
+        updateContext,
+        transition,
+        address,
+        nordUser,
+        setAuthStatus,
+        setAuthStatusMessage,
+        setAuthErrorMessage,
+    ]);
+    useEffect(function () {
+        if (waitingForNordUserRef.current && nordUser) {
+            performAuth();
+        }
+    }, [nordUser, performAuth]);
     /**
      * Update amount for deposit
      */
@@ -147,9 +177,10 @@ export var DepositProvider = function (_a) {
      * Start deposit process
      */
     var startDeposit = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
-        var usdcToken, txId, accountInitialized, i, exists, result, depositError_1, errorMessage;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
+        var usdcToken, txId, accountInitialized, i, exists, result, depositRecord, depositError_1, errorMessage;
+        var _a, _b, _c;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
                 case 0:
                     if (isDepositing)
                         return [2 /*return*/];
@@ -160,29 +191,29 @@ export var DepositProvider = function (_a) {
                     }
                     setIsDepositing(true);
                     transition(FlowState.DEPOSIT_PROGRESS);
-                    _a.label = 1;
+                    _d.label = 1;
                 case 1:
-                    _a.trys.push([1, 8, , 9]);
+                    _d.trys.push([1, 8, , 9]);
                     usdcToken = nord.tokens.find(function (t) { return t.symbol === 'USDC'; });
                     return [4 /*yield*/, nordUser.depositSpl(parseFloat(amount), usdcToken.tokenId)];
                 case 2:
-                    txId = _a.sent();
+                    txId = _d.sent();
                     accountInitialized = false;
                     i = 0;
-                    _a.label = 3;
+                    _d.label = 3;
                 case 3:
                     if (!(i < 70)) return [3 /*break*/, 7];
                     return [4 /*yield*/, (nord === null || nord === void 0 ? void 0 : nord.getUser({ pubkey: address }))];
                 case 4:
-                    exists = _a.sent();
+                    exists = _d.sent();
                     if (exists) {
                         accountInitialized = true;
                         return [3 /*break*/, 7];
                     }
                     return [4 /*yield*/, new Promise(function (resolve) { return setTimeout(resolve, 5000); })];
                 case 5:
-                    _a.sent();
-                    _a.label = 6;
+                    _d.sent();
+                    _d.label = 6;
                 case 6:
                     i++;
                     return [3 /*break*/, 3];
@@ -202,14 +233,28 @@ export var DepositProvider = function (_a) {
                         status: 'Completed',
                         explorerUrl: getExplorerUrl(txId),
                     };
+                    depositRecord = {
+                        transactionId: txId,
+                        amount: amount,
+                        tokenSymbol: 'USDC',
+                        chainId: (_a = context.selectedChainId) !== null && _a !== void 0 ? _a : (selectedChain !== null && selectedChain !== void 0 ? selectedChain : 'solana'),
+                        chainName: (_b = context.selectedChain) !== null && _b !== void 0 ? _b : (selectedChain !== null && selectedChain !== void 0 ? selectedChain : 'Solana'),
+                        chainNetwork: (_c = context.selectedChainNetwork) !== null && _c !== void 0 ? _c : null,
+                        timestamp: Date.now(),
+                    };
+                    saveLastDepositRecord(address, depositRecord);
                     // Update state with transaction result
                     setTransactionId(txId);
                     setTransactionResult(result);
                     logger.debug('Transaction completed successfully');
-                    transition(FlowState.DEPOSIT_SUCCESS, { transactionId: txId, hasNordAccount: true });
+                    transition(FlowState.DEPOSIT_SUCCESS, {
+                        transactionId: txId,
+                        hasNordAccount: true,
+                        lastDeposit: depositRecord,
+                    });
                     return [3 /*break*/, 9];
                 case 8:
-                    depositError_1 = _a.sent();
+                    depositError_1 = _d.sent();
                     logger.warn('Error using depositSpl, falling back to mock implementation:', depositError_1);
                     setIsDepositing(false);
                     errorMessage = depositError_1 instanceof Error
@@ -227,36 +272,42 @@ export var DepositProvider = function (_a) {
         selectedChain,
         amount,
         address,
-        sessionMode,
         transition,
         handleError,
         nord,
-        signMessageWithSessionKey,
         nordUser,
+        context.selectedChain,
+        context.selectedChainId,
+        context.selectedChainNetwork,
     ]);
     /**
      * Complete the deposit process and move to the next screen
      */
     var completeDeposit = useCallback(function () {
+        clearLastDepositRecord(address);
+        updateContext({ lastDeposit: null });
+        if (context.isDepositOnlyFlow) {
+            transition(FlowState.FINAL_SUCCESS, {
+                hasNordAccount: true,
+                hasActiveSession: true,
+                isDepositOnlyFlow: false,
+            });
+            return;
+        }
         // Check if user has an active session to determine the next state
         if (context.hasActiveSession) {
             // If user has an active session, go directly to FINAL_SUCCESS
-            transition(FlowState.FINAL_SUCCESS, { hasNordAccount: true, hasActiveSession: true });
+            transition(FlowState.FINAL_SUCCESS, {
+                hasNordAccount: true,
+                hasActiveSession: true,
+                isDepositOnlyFlow: false,
+            });
         }
         else {
-            // Check if there's a sessionId stored in localStorage
-            var sessionIdKey = "n1_sessionId_".concat(address);
-            var storedSessionId = localStorage.getItem(sessionIdKey);
-            if (storedSessionId !== null) {
-                // If we have a sessionId in localStorage (even if it's 0), go directly to FINAL_SUCCESS
-                transition(FlowState.FINAL_SUCCESS, { hasNordAccount: true, hasActiveSession: true });
-            }
-            else {
-                // If user doesn't have an active session and no sessionId in localStorage, go to NORD_AUTH
-                transition(FlowState.AUTH_LOADING, { hasNordAccount: true });
-            }
+            // If user doesn't have an active session, go to authentication flow
+            transition(FlowState.AUTH_LOADING, { hasNordAccount: true });
         }
-    }, [context.hasActiveSession, transition, address]);
+    }, [context.hasActiveSession, context.isDepositOnlyFlow, transition, address, updateContext]);
     // Create the context value
     var contextValue = {
         amount: amount,
@@ -289,6 +340,26 @@ export var DepositProvider = function (_a) {
         // Update the ref to the current context
         prevContextRef.current = context;
     }, [context]);
+    useEffect(function () {
+        var _a, _b, _c, _d;
+        if (!isDebugOverride || state !== FlowState.DEPOSIT_SUCCESS || transactionResult) {
+            return;
+        }
+        var mockTransactionId = (_a = context.transactionId) !== null && _a !== void 0 ? _a : 'debug-tx-12345';
+        var fallbackChain = (_d = (_b = context.selectedChain) !== null && _b !== void 0 ? _b : (_c = AVAILABLE_CHAINS[0]) === null || _c === void 0 ? void 0 : _c.name) !== null && _d !== void 0 ? _d : 'Solana';
+        setTransactionId(mockTransactionId);
+        setTransactionResult({
+            success: true,
+            transactionId: mockTransactionId,
+            amount: context.amount || '1,250',
+            tokenSymbol: 'USDC',
+            fromAddress: address || 'Debug Wallet',
+            toAddress: 'Nord Account',
+            networkName: fallbackChain,
+            status: 'Completed',
+            explorerUrl: getExplorerUrl(mockTransactionId),
+        });
+    }, [isDebugOverride, state, transactionResult, context, address]);
     return (_jsx(DepositContext.Provider, { value: contextValue, children: children }));
 };
 /**