@n1xyz/wallet-widget 0.0.8 → 0.0.10

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

@@ -7,15 +7,16 @@ export function ChainButton(_a) {
             onClick(chain.id);
         }
     };
-    var baseClasses = 'flex flex-col items-center justify-center p-6 bg-gray-50 dark:bg-gray-950 border-2 border-gray-100 dark:border-gray-800 transition-all duration-200 group rounded-lg';
-    var enabledClasses = 'hover:border-red-500 dark:hover:border-red-500 hover:bg-red-50/50 dark:hover:bg-gray-900';
+    var baseClasses = 'flex flex-col items-center justify-center p-6 bg-n1-gray-50 dark:bg-n1-gray-950 border-2 border-n1-gray-100 dark:border-n1-gray-800 transition-all duration-200 group rounded-lg';
+    var enabledClasses = 'hover:border-red-500 dark:hover:border-red-500 hover:bg-red-50/50 dark:hover:bg-n1-gray-900';
     var disabledClasses = 'opacity-50 cursor-not-allowed';
     var buttonClasses = "".concat(baseClasses, " ").concat(disabled ? disabledClasses : enabledClasses);
     var imageClasses = disabled
         ? 'opacity-50 grayscale'
         : 'opacity-90 grayscale group-hover:grayscale-0 group-hover:scale-105 transition-all duration-200';
     var textClasses = disabled
-        ? 'mt-4 font-medium text-gray-400 dark:text-gray-500'
-        : 'mt-4 font-medium text-gray-600 dark:text-gray-400 group-hover:text-red-500 dark:group-hover:text-gray-50 transition-colors duration-200';
-    return (_jsxs("button", { onClick: handleClick, className: buttonClasses, disabled: disabled, children: [typeof chain.logo === 'string' ? (_jsx(ImageWithFallback, { src: chain.logo, width: 48, height: 48, alt: chain.name, className: imageClasses, fallbackClassName: "w-12 h-12 rounded-full text-lg font-bold opacity-90 group-hover:scale-105 transition-all duration-200", fallbackBgColor: "bg-main/10 dark:bg-main/20", fallbackTextColor: "text-main dark:text-main" })) : (_jsx("div", { className: imageClasses, children: chain.logo })), _jsx("span", { className: textClasses, children: chain.name })] }));
+        ? 'mt-4 font-medium text-n1-gray-400 dark:text-n1-gray-500'
+        : 'mt-4 font-medium text-n1-gray-600 dark:text-n1-gray-400 group-hover:text-red-500 dark:group-hover:text-n1-gray-50 transition-colors duration-200';
+    return (_jsxs("button", { onClick: handleClick, className: buttonClasses, disabled: disabled, children: [typeof chain.logo === 'string' ? (_jsx(ImageWithFallback, { src: chain.logo, width: 48, height: 48, alt: chain.name, className: imageClasses, fallbackClassName: "w-12 h-12 rounded-full text-lg font-bold opacity-90 group-hover:scale-105 transition-all duration-200", fallbackBgColor: "bg-n1-main/10 dark:bg-n1-main/20", fallbackTextColor: "text-n1-main dark:text-n1-main" })) : (_jsx("div", { className: imageClasses, children: chain.logo })), _jsx("span", { className: textClasses, children: chain.name })] }));
 }
+//# sourceMappingURL=ChainButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChainButton.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/components/ChainButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAQxD,MAAM,UAAU,WAAW,CAAC,EAIT;QAHjB,KAAK,WAAA,EACL,OAAO,aAAA,EACP,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAEhB,IAAM,WAAW,GAAG;QAClB,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,CAAC;IAEF,IAAM,WAAW,GACf,kLAAkL,CAAC;IACrL,IAAM,cAAc,GAClB,6FAA6F,CAAC;IAChG,IAAM,eAAe,GAAG,+BAA+B,CAAC;IAExD,IAAM,aAAa,GAAG,UAAG,WAAW,cAAI,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,CAAE,CAAC;IAEtF,IAAM,YAAY,GAAG,QAAQ;QAC3B,CAAC,CAAC,sBAAsB;QACxB,CAAC,CAAC,gGAAgG,CAAC;IAErG,IAAM,WAAW,GAAG,QAAQ;QAC1B,CAAC,CAAC,yDAAyD;QAC3D,CAAC,CAAC,kJAAkJ,CAAC;IAEvJ,OAAO,CACL,kBAAQ,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,aACvE,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CAChC,KAAC,iBAAiB,IAChB,GAAG,EAAE,KAAK,CAAC,IAAI,EACf,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,GAAG,EAAE,KAAK,CAAC,IAAI,EACf,SAAS,EAAE,YAAY,EACvB,iBAAiB,EAAC,uGAAuG,EACzH,eAAe,EAAC,kCAAkC,EAClD,iBAAiB,EAAC,gCAAgC,GAClD,CACH,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAE,YAAY,YAAG,KAAK,CAAC,IAAI,GAAO,CACjD,EACD,eAAM,SAAS,EAAE,WAAW,YAAG,KAAK,CAAC,IAAI,GAAQ,IAC1C,CACV,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport { Chain } from '../types';\nimport { ImageWithFallback } from './ImageWithFallback';\n\ninterface ChainButtonProps {\n  chain: Chain;\n  onClick: (chainId: string) => void;\n  disabled?: boolean;\n}\n\nexport function ChainButton({\n  chain,\n  onClick,\n  disabled = false,\n}: ChainButtonProps) {\n  const handleClick = () => {\n    if (!disabled) {\n      onClick(chain.id);\n    }\n  };\n\n  const baseClasses =\n    'flex flex-col items-center justify-center p-6 bg-n1-gray-50 dark:bg-n1-gray-950 border-2 border-n1-gray-100 dark:border-n1-gray-800 transition-all duration-200 group rounded-lg';\n  const enabledClasses =\n    'hover:border-red-500 dark:hover:border-red-500 hover:bg-red-50/50 dark:hover:bg-n1-gray-900';\n  const disabledClasses = 'opacity-50 cursor-not-allowed';\n\n  const buttonClasses = `${baseClasses} ${disabled ? disabledClasses : enabledClasses}`;\n\n  const imageClasses = disabled\n    ? 'opacity-50 grayscale'\n    : 'opacity-90 grayscale group-hover:grayscale-0 group-hover:scale-105 transition-all duration-200';\n\n  const textClasses = disabled\n    ? 'mt-4 font-medium text-n1-gray-400 dark:text-n1-gray-500'\n    : 'mt-4 font-medium text-n1-gray-600 dark:text-n1-gray-400 group-hover:text-red-500 dark:group-hover:text-n1-gray-50 transition-colors duration-200';\n\n  return (\n    <button onClick={handleClick} className={buttonClasses} disabled={disabled}>\n      {typeof chain.logo === 'string' ? (\n        <ImageWithFallback\n          src={chain.logo}\n          width={48}\n          height={48}\n          alt={chain.name}\n          className={imageClasses}\n          fallbackClassName=\"w-12 h-12 rounded-full text-lg font-bold opacity-90 group-hover:scale-105 transition-all duration-200\"\n          fallbackBgColor=\"bg-n1-main/10 dark:bg-n1-main/20\"\n          fallbackTextColor=\"text-n1-main dark:text-n1-main\"\n        />\n      ) : (\n        <div className={imageClasses}>{chain.logo}</div>\n      )}\n      <span className={textClasses}>{chain.name}</span>\n    </button>\n  );\n}\n"]}

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

@@ -7,12 +7,13 @@ export function EVMChainsButton(_a) {
             onClick(chain.id);
         }
     };
-    var baseClasses = 'flex flex-col items-center justify-center p-6 bg-gray-50 dark:bg-gray-950 border-2 border-gray-100 dark:border-gray-800 transition-all duration-200 group rounded-lg';
-    var enabledClasses = 'hover:border-red-500 dark:hover:border-red-500 hover:bg-red-50/50 dark:hover:bg-gray-900';
+    var baseClasses = 'flex flex-col items-center justify-center p-6 bg-n1-gray-50 dark:bg-n1-gray-950 border-2 border-n1-gray-100 dark:border-n1-gray-800 transition-all duration-200 group rounded-lg';
+    var enabledClasses = 'hover:border-red-500 dark:hover:border-red-500 hover:bg-red-50/50 dark:hover:bg-n1-gray-900';
     var disabledClasses = 'opacity-50 cursor-not-allowed';
     var buttonClasses = "".concat(baseClasses, " ").concat(disabled ? disabledClasses : enabledClasses);
     var textClasses = disabled
-        ? 'mt-4 font-medium text-gray-400 dark:text-gray-500'
-        : 'mt-4 font-medium text-gray-600 dark:text-gray-400 group-hover:text-red-500 dark:group-hover:text-gray-50 transition-colors duration-200';
+        ? 'mt-4 font-medium text-n1-gray-400 dark:text-n1-gray-500'
+        : 'mt-4 font-medium text-n1-gray-600 dark:text-n1-gray-400 group-hover:text-red-500 dark:group-hover:text-n1-gray-50 transition-colors duration-200';
     return (_jsxs("button", { onClick: handleClick, className: buttonClasses, disabled: disabled, children: [_jsx(EVMChainsGroup, { size: 32, className: disabled ? 'opacity-50 grayscale' : 'opacity-90' }), _jsx("span", { className: textClasses, children: chain.name })] }));
 }
+//# sourceMappingURL=EVMChainsButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EVMChainsButton.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/components/EVMChainsButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAQ3D,MAAM,UAAU,eAAe,CAAC,EAIT;QAHrB,KAAK,WAAA,EACL,OAAO,aAAA,EACP,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAEhB,IAAM,WAAW,GAAG;QAClB,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,CAAC;IAEF,IAAM,WAAW,GACf,kLAAkL,CAAC;IACrL,IAAM,cAAc,GAClB,6FAA6F,CAAC;IAChG,IAAM,eAAe,GAAG,+BAA+B,CAAC;IAExD,IAAM,aAAa,GAAG,UAAG,WAAW,cAAI,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,CAAE,CAAC;IAEtF,IAAM,WAAW,GAAG,QAAQ;QAC1B,CAAC,CAAC,yDAAyD;QAC3D,CAAC,CAAC,kJAAkJ,CAAC;IAEvJ,OAAO,CACL,kBAAQ,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,aACxE,KAAC,cAAc,IACb,IAAI,EAAE,EAAE,EACR,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,YAAY,GAC3D,EACF,eAAM,SAAS,EAAE,WAAW,YAAG,KAAK,CAAC,IAAI,GAAQ,IAC1C,CACV,CAAC;AACJ,CAAC","sourcesContent":["import { Chain } from '../types';\nimport { EVMChainsGroup } from '../../../components/logos';\n\ninterface EVMChainsButtonProps {\n  chain: Chain;\n  onClick: (chainId: string) => void;\n  disabled?: boolean;\n}\n\nexport function EVMChainsButton({\n  chain,\n  onClick,\n  disabled = false,\n}: EVMChainsButtonProps) {\n  const handleClick = () => {\n    if (!disabled) {\n      onClick(chain.id);\n    }\n  };\n\n  const baseClasses =\n    'flex flex-col items-center justify-center p-6 bg-n1-gray-50 dark:bg-n1-gray-950 border-2 border-n1-gray-100 dark:border-n1-gray-800 transition-all duration-200 group rounded-lg';\n  const enabledClasses =\n    'hover:border-red-500 dark:hover:border-red-500 hover:bg-red-50/50 dark:hover:bg-n1-gray-900';\n  const disabledClasses = 'opacity-50 cursor-not-allowed';\n\n  const buttonClasses = `${baseClasses} ${disabled ? disabledClasses : enabledClasses}`;\n\n  const textClasses = disabled\n    ? 'mt-4 font-medium text-n1-gray-400 dark:text-n1-gray-500'\n    : 'mt-4 font-medium text-n1-gray-600 dark:text-n1-gray-400 group-hover:text-red-500 dark:group-hover:text-n1-gray-50 transition-colors duration-200';\n\n  return (\n    <button onClick={handleClick} className={buttonClasses} disabled={disabled}>\n      <EVMChainsGroup\n        size={32}\n        className={disabled ? 'opacity-50 grayscale' : 'opacity-90'}\n      />\n      <span className={textClasses}>{chain.name}</span>\n    </button>\n  );\n}\n"]}

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

@@ -4,7 +4,7 @@ import { useState } from 'react';
  * A component that renders an image with a fallback div when the image is not available
  */
 export var ImageWithFallback = function (_a) {
-    var src = _a.src, alt = _a.alt, _b = _a.width, width = _b === void 0 ? 'auto' : _b, _c = _a.height, height = _c === void 0 ? 'auto' : _c, _d = _a.className, className = _d === void 0 ? '' : _d, _e = _a.fallbackClassName, fallbackClassName = _e === void 0 ? '' : _e, fallbackText = _a.fallbackText, _f = _a.fallbackBgColor, fallbackBgColor = _f === void 0 ? 'bg-gray-200 dark:bg-gray-800' : _f, _g = _a.fallbackTextColor, fallbackTextColor = _g === void 0 ? 'text-gray-500 dark:text-gray-400' : _g;
+    var src = _a.src, alt = _a.alt, _b = _a.width, width = _b === void 0 ? 'auto' : _b, _c = _a.height, height = _c === void 0 ? 'auto' : _c, _d = _a.className, className = _d === void 0 ? '' : _d, _e = _a.fallbackClassName, fallbackClassName = _e === void 0 ? '' : _e, fallbackText = _a.fallbackText, _f = _a.fallbackBgColor, fallbackBgColor = _f === void 0 ? 'bg-n1-gray-200 dark:bg-n1-gray-800' : _f, _g = _a.fallbackTextColor, fallbackTextColor = _g === void 0 ? 'text-n1-gray-500 dark:text-n1-gray-400' : _g;
     var _h = useState(false), imageError = _h[0], setImageError = _h[1];
     // Get initials from alt text for fallback
     var getInitials = function (text) {
@@ -30,3 +30,4 @@ export var ImageWithFallback = function (_a) {
     // Render image
     return (_jsx("img", { src: src, alt: alt, width: width, height: height, className: className, onError: handleError }));
 };
+//# sourceMappingURL=ImageWithFallback.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImageWithFallback.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/components/ImageWithFallback.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAcxC;;GAEG;AACH,MAAM,CAAC,IAAM,iBAAiB,GAAqC,UAAC,EAUnE;QATC,GAAG,SAAA,EACH,GAAG,SAAA,EACH,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EACd,cAAe,EAAf,MAAM,mBAAG,MAAM,KAAA,EACf,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,yBAAsB,EAAtB,iBAAiB,mBAAG,EAAE,KAAA,EACtB,YAAY,kBAAA,EACZ,uBAAsD,EAAtD,eAAe,mBAAG,oCAAoC,KAAA,EACtD,yBAA4D,EAA5D,iBAAiB,mBAAG,wCAAwC,KAAA;IAEtD,IAAA,KAA8B,QAAQ,CAAC,KAAK,CAAC,EAA5C,UAAU,QAAA,EAAE,aAAa,QAAmB,CAAC;IAEpD,0CAA0C;IAC1C,IAAM,WAAW,GAAG,UAAC,IAAY;QAC/B,IAAI,CAAC,IAAI;YAAE,OAAO,EAAE,CAAC;QACrB,OAAO,IAAI;aACR,KAAK,CAAC,GAAG,CAAC;aACV,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,CAAC,CAAC,EAAP,CAAO,CAAC;aACtB,IAAI,CAAC,EAAE,CAAC;aACR,WAAW,EAAE;aACb,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,IAAM,WAAW,GAAG;QAClB,aAAa,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,IAAI,UAAU,IAAI,CAAC,GAAG,EAAE,CAAC;QACvB,sBAAsB;QACtB,OAAO,CACL,cACE,SAAS,EAAE,2CAAoC,eAAe,cAAI,iBAAiB,cAAI,iBAAiB,CAAE,EAC1G,KAAK,EAAE;gBACL,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAG,KAAK,OAAI,CAAC,CAAC,CAAC,KAAK;gBACvD,MAAM,EAAE,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAG,MAAM,OAAI,CAAC,CAAC,CAAC,MAAM;aAC5D,gBACW,GAAG,YAEd,YAAY,IAAI,WAAW,CAAC,GAAG,CAAC,GAC7B,CACP,CAAC;IACJ,CAAC;IAED,eAAe;IACf,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,WAAW,GACpB,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React, { useState } from 'react';\n\ninterface ImageWithFallbackProps {\n  src: string;\n  alt: string;\n  width?: number | string;\n  height?: number | string;\n  className?: string;\n  fallbackClassName?: string;\n  fallbackText?: string;\n  fallbackBgColor?: string;\n  fallbackTextColor?: string;\n}\n\n/**\n * A component that renders an image with a fallback div when the image is not available\n */\nexport const ImageWithFallback: React.FC<ImageWithFallbackProps> = ({\n  src,\n  alt,\n  width = 'auto',\n  height = 'auto',\n  className = '',\n  fallbackClassName = '',\n  fallbackText,\n  fallbackBgColor = 'bg-n1-gray-200 dark:bg-n1-gray-800',\n  fallbackTextColor = 'text-n1-gray-500 dark:text-n1-gray-400',\n}) => {\n  const [imageError, setImageError] = useState(false);\n\n  // Get initials from alt text for fallback\n  const getInitials = (text: string) => {\n    if (!text) return '';\n    return text\n      .split(' ')\n      .map((word) => word[0])\n      .join('')\n      .toUpperCase()\n      .substring(0, 2);\n  };\n\n  const handleError = () => {\n    setImageError(true);\n  };\n\n  if (imageError || !src) {\n    // Render fallback div\n    return (\n      <div\n        className={`flex items-center justify-center ${fallbackBgColor} ${fallbackTextColor} ${fallbackClassName}`}\n        style={{\n          width: typeof width === 'number' ? `${width}px` : width,\n          height: typeof height === 'number' ? `${height}px` : height,\n        }}\n        aria-label={alt}\n      >\n        {fallbackText || getInitials(alt)}\n      </div>\n    );\n  }\n\n  // Render image\n  return (\n    <img\n      src={src}\n      alt={alt}\n      width={width}\n      height={height}\n      className={className}\n      onError={handleError}\n    />\n  );\n};\n"]}

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

@@ -1,5 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function LoadingSquares() {
-    return (_jsx("div", { className: "relative w-32 h-32 animate-fade-up", style: { animationDelay: '0.2s' }, children: _jsxs("div", { className: "absolute inset-0 grid grid-cols-2 gap-2", children: [_jsx("div", { className: "relative bg-white dark:bg-neutral-900 border-2 border-gray-100 dark:border-neutral-800 overflow-hidden", children: _jsx("div", { className: "absolute inset-x-0 bottom-0 h-full bg-main/40 dark:bg-main/20 animate-square-loader" }) }), _jsx("div", { className: "relative bg-white dark:bg-neutral-900 border-2 border-gray-100 dark:border-neutral-800 overflow-hidden", children: _jsx("div", { className: "absolute inset-x-0 bottom-0 h-full bg-main/40 dark:bg-main/20 animate-square-loader", style: { animationDelay: '0.2s' } }) }), _jsx("div", { className: "relative bg-white dark:bg-neutral-900 border-2 border-gray-100 dark:border-neutral-800 overflow-hidden", children: _jsx("div", { className: "absolute inset-x-0 bottom-0 h-full bg-main/40 dark:bg-main/20 animate-square-loader", style: { animationDelay: '0.4s' } }) }), _jsx("div", { className: "relative bg-white dark:bg-neutral-900 border-2 border-gray-100 dark:border-neutral-800 overflow-hidden", children: _jsx("div", { className: "absolute inset-x-0 bottom-0 h-full bg-main/40 dark:bg-main/20 animate-square-loader", style: { animationDelay: '0.6s' } }) })] }) }));
+    return (_jsx("div", { className: "relative w-32 h-32 n1-animate-fade-up", style: { animationDelay: '0.2s' }, children: _jsxs("div", { className: "absolute inset-0 grid grid-cols-2 gap-2", children: [_jsx("div", { className: "relative bg-white dark:bg-neutral-900 border-2 border-n1-gray-100 dark:border-neutral-800 overflow-hidden", children: _jsx("div", { className: "absolute inset-x-0 bottom-0 h-full bg-n1-main/40 dark:bg-n1-main/20 n1-animate-square-loader" }) }), _jsx("div", { className: "relative bg-white dark:bg-neutral-900 border-2 border-n1-gray-100 dark:border-neutral-800 overflow-hidden", children: _jsx("div", { className: "absolute inset-x-0 bottom-0 h-full bg-n1-main/40 dark:bg-n1-main/20 n1-animate-square-loader", style: { animationDelay: '0.2s' } }) }), _jsx("div", { className: "relative bg-white dark:bg-neutral-900 border-2 border-n1-gray-100 dark:border-neutral-800 overflow-hidden", children: _jsx("div", { className: "absolute inset-x-0 bottom-0 h-full bg-n1-main/40 dark:bg-n1-main/20 n1-animate-square-loader", style: { animationDelay: '0.4s' } }) }), _jsx("div", { className: "relative bg-white dark:bg-neutral-900 border-2 border-n1-gray-100 dark:border-neutral-800 overflow-hidden", children: _jsx("div", { className: "absolute inset-x-0 bottom-0 h-full bg-n1-main/40 dark:bg-n1-main/20 n1-animate-square-loader", style: { animationDelay: '0.6s' } }) })] }) }));
 }
+//# sourceMappingURL=LoadingSquares.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSquares.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/components/LoadingSquares.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,MAAM,UAAU,cAAc;IAC5B,OAAO,CACL,cACE,SAAS,EAAC,uCAAuC,EACjD,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,YAEjC,eAAK,SAAS,EAAC,yCAAyC,aACtD,cAAK,SAAS,EAAC,2GAA2G,YACxH,cAAK,SAAS,EAAC,8FAA8F,GAAO,GAChH,EACN,cAAK,SAAS,EAAC,2GAA2G,YACxH,cACE,SAAS,EAAC,8FAA8F,EACxG,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,GAC5B,GACH,EACN,cAAK,SAAS,EAAC,2GAA2G,YACxH,cACE,SAAS,EAAC,8FAA8F,EACxG,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,GAC5B,GACH,EACN,cAAK,SAAS,EAAC,2GAA2G,YACxH,cACE,SAAS,EAAC,8FAA8F,EACxG,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,GAC5B,GACH,IACF,GACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nexport function LoadingSquares() {\n  return (\n    <div\n      className=\"relative w-32 h-32 n1-animate-fade-up\"\n      style={{ animationDelay: '0.2s' }}\n    >\n      <div className=\"absolute inset-0 grid grid-cols-2 gap-2\">\n        <div className=\"relative bg-white dark:bg-neutral-900 border-2 border-n1-gray-100 dark:border-neutral-800 overflow-hidden\">\n          <div className=\"absolute inset-x-0 bottom-0 h-full bg-n1-main/40 dark:bg-n1-main/20 n1-animate-square-loader\"></div>\n        </div>\n        <div className=\"relative bg-white dark:bg-neutral-900 border-2 border-n1-gray-100 dark:border-neutral-800 overflow-hidden\">\n          <div\n            className=\"absolute inset-x-0 bottom-0 h-full bg-n1-main/40 dark:bg-n1-main/20 n1-animate-square-loader\"\n            style={{ animationDelay: '0.2s' }}\n          ></div>\n        </div>\n        <div className=\"relative bg-white dark:bg-neutral-900 border-2 border-n1-gray-100 dark:border-neutral-800 overflow-hidden\">\n          <div\n            className=\"absolute inset-x-0 bottom-0 h-full bg-n1-main/40 dark:bg-n1-main/20 n1-animate-square-loader\"\n            style={{ animationDelay: '0.4s' }}\n          ></div>\n        </div>\n        <div className=\"relative bg-white dark:bg-neutral-900 border-2 border-n1-gray-100 dark:border-neutral-800 overflow-hidden\">\n          <div\n            className=\"absolute inset-x-0 bottom-0 h-full bg-n1-main/40 dark:bg-n1-main/20 n1-animate-square-loader\"\n            style={{ animationDelay: '0.6s' }}\n          ></div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

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

@@ -7,12 +7,13 @@ export function MoreButton(_a) {
             onClick(chain.id);
         }
     };
-    var baseClasses = 'flex flex-col items-center justify-center p-6 bg-gray-50 dark:bg-gray-950 border-2 border-gray-100 dark:border-gray-800 transition-all duration-200 group rounded-lg';
-    var enabledClasses = 'hover:border-red-500 dark:hover:border-red-500 hover:bg-red-50/50 dark:hover:bg-gray-900';
+    var baseClasses = 'flex flex-col items-center justify-center p-6 bg-n1-gray-50 dark:bg-n1-gray-950 border-2 border-n1-gray-100 dark:border-n1-gray-800 transition-all duration-200 group rounded-lg';
+    var enabledClasses = 'hover:border-red-500 dark:hover:border-red-500 hover:bg-red-50/50 dark:hover:bg-n1-gray-900';
     var disabledClasses = 'opacity-50 cursor-not-allowed';
     var buttonClasses = "".concat(baseClasses, " ").concat(disabled ? disabledClasses : enabledClasses);
     var textClasses = disabled
-        ? 'mt-4 font-medium text-gray-400 dark:text-gray-500'
-        : 'mt-4 font-medium text-gray-600 dark:text-gray-400 group-hover:text-red-500 dark:group-hover:text-gray-50 transition-colors duration-200';
+        ? 'mt-4 font-medium text-n1-gray-400 dark:text-n1-gray-500'
+        : 'mt-4 font-medium text-n1-gray-600 dark:text-n1-gray-400 group-hover:text-red-500 dark:group-hover:text-n1-gray-50 transition-colors duration-200';
     return (_jsxs("button", { onClick: handleClick, className: buttonClasses, disabled: disabled, children: [_jsx(MoreChainsGroup, { size: 32, className: disabled ? 'opacity-50 grayscale' : 'opacity-90' }), _jsx("span", { className: textClasses, children: chain.name })] }));
 }
+//# sourceMappingURL=MoreButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MoreButton.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/components/MoreButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAQ5D,MAAM,UAAU,UAAU,CAAC,EAIT;QAHhB,KAAK,WAAA,EACL,OAAO,aAAA,EACP,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAEhB,IAAM,WAAW,GAAG;QAClB,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,CAAC;IAEF,IAAM,WAAW,GACf,kLAAkL,CAAC;IACrL,IAAM,cAAc,GAClB,6FAA6F,CAAC;IAChG,IAAM,eAAe,GAAG,+BAA+B,CAAC;IAExD,IAAM,aAAa,GAAG,UAAG,WAAW,cAAI,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,CAAE,CAAC;IAEtF,IAAM,WAAW,GAAG,QAAQ;QAC1B,CAAC,CAAC,yDAAyD;QAC3D,CAAC,CAAC,kJAAkJ,CAAC;IAEvJ,OAAO,CACL,kBAAQ,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,aACxE,KAAC,eAAe,IACd,IAAI,EAAE,EAAE,EACR,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,YAAY,GAC3D,EACF,eAAM,SAAS,EAAE,WAAW,YAAG,KAAK,CAAC,IAAI,GAAQ,IAC1C,CACV,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport { Chain } from '../types';\nimport { MoreChainsGroup } from '../../../components/logos';\n\ninterface MoreButtonProps {\n  chain: Chain;\n  onClick: (chainId: string) => void;\n  disabled?: boolean;\n}\n\nexport function MoreButton({\n  chain,\n  onClick,\n  disabled = false,\n}: MoreButtonProps) {\n  const handleClick = () => {\n    if (!disabled) {\n      onClick(chain.id);\n    }\n  };\n\n  const baseClasses =\n    'flex flex-col items-center justify-center p-6 bg-n1-gray-50 dark:bg-n1-gray-950 border-2 border-n1-gray-100 dark:border-n1-gray-800 transition-all duration-200 group rounded-lg';\n  const enabledClasses =\n    'hover:border-red-500 dark:hover:border-red-500 hover:bg-red-50/50 dark:hover:bg-n1-gray-900';\n  const disabledClasses = 'opacity-50 cursor-not-allowed';\n\n  const buttonClasses = `${baseClasses} ${disabled ? disabledClasses : enabledClasses}`;\n\n  const textClasses = disabled\n    ? 'mt-4 font-medium text-n1-gray-400 dark:text-n1-gray-500'\n    : 'mt-4 font-medium text-n1-gray-600 dark:text-n1-gray-400 group-hover:text-red-500 dark:group-hover:text-n1-gray-50 transition-colors duration-200';\n\n  return (\n    <button onClick={handleClick} className={buttonClasses} disabled={disabled}>\n      <MoreChainsGroup\n        size={32}\n        className={disabled ? 'opacity-50 grayscale' : 'opacity-90'}\n      />\n      <span className={textClasses}>{chain.name}</span>\n    </button>\n  );\n}\n"]}

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

@@ -31,18 +31,18 @@ export function TransactionTable(_a) {
             }
         }
         if (key === 'tx') {
-            return 'text-primary-600 dark:text-primary-400 text-xs font-medium hover:text-primary-700 dark:hover:text-primary-300 transition-colors duration-200';
+            return 'text-n1-primary-600 dark:text-n1-primary-400 text-xs font-medium hover:text-n1-primary-700 dark:hover:text-n1-primary-300 transition-colors duration-200';
         }
         if (key === 'network') {
             return 'text-purple-600 dark:text-purple-400 font-medium';
         }
         if (key === 'from' || key === 'to') {
-            return 'text-gray-800 dark:text-gray-200 text-xs font-medium hover:text-primary-600 dark:hover:text-primary-400 transition-colors duration-200';
+            return 'text-n1-gray-800 dark:text-n1-gray-200 text-xs font-medium hover:text-n1-primary-600 dark:hover:text-n1-primary-400 transition-colors duration-200';
         }
         if (key === 'amount') {
             return 'text-green-600 dark:text-emerald-500 font-semibold';
         }
-        return 'text-gray-900 dark:text-gray-50 font-medium';
+        return 'text-n1-gray-900 dark:text-n1-gray-50 font-medium';
     };
     // Format display value with ellipsis for long text
     var getDisplayValue = function (key, value) {
@@ -77,9 +77,10 @@ export function TransactionTable(_a) {
         var indexB = fieldOrder.indexOf(keyB);
         return (indexA === -1 ? 999 : indexA) - (indexB === -1 ? 999 : indexB);
     });
-    return (_jsxs("div", { className: "relative w-full h-full bg-gray-100 dark:bg-gray-950 border border-gray-200 dark:border-gray-800 p-5 rounded-sm flex flex-col justify-center", children: [onClose && (_jsx("button", { onClick: onClose, className: "absolute top-3 right-2 text-gray-500 dark:text-gray-600 hover:text-gray-500 dark:hover:text-gray-300 transition-colors duration-200 focus:outline-none", "aria-label": "Close details", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })), _jsx("div", { className: "space-y-3 text-sm pt-5", children: sortedEntries.map(function (_a) {
+    return (_jsxs("div", { className: "relative w-full h-full bg-n1-gray-100 dark:bg-n1-gray-950 border border-n1-gray-200 dark:border-n1-gray-800 p-5 rounded-sm flex flex-col justify-center", children: [onClose && (_jsx("button", { onClick: onClose, className: "absolute top-3 right-2 text-n1-gray-500 dark:text-n1-gray-600 hover:text-n1-gray-500 dark:hover:text-n1-gray-300 transition-colors duration-200 focus:outline-none", "aria-label": "Close details", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })), _jsx("div", { className: "space-y-3 text-sm pt-5", children: sortedEntries.map(function (_a) {
                     var key = _a[0], value = _a[1];
-                    return (_jsxs("div", { className: "flex items-center justify-between py-2 ", children: [_jsx("span", { className: "text-gray-500 dark:text-gray-400 font-medium min-w-[120px]", children: getLabel(key) }), _jsxs("div", { className: "relative transition-all duration-300 ".concat(value.visible ? 'opacity-100' : 'opacity-0', " max-w-[65%] text-right flex-1"), children: [(key === 'tx' || key === 'from') &&
-                                        getExplorerLink(key, value.text) ? (_jsxs("a", { href: getExplorerLink(key, value.text), target: "_blank", rel: "noopener noreferrer", className: "".concat(getValueStyles(key, value.text), " break-all inline-block group"), title: value.text, children: [_jsx("span", { className: "underline hover:font-bold", children: getDisplayValue(key, value.text) }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-3 w-3 ml-1 inline-block opacity-50 group-hover:opacity-100 transition-opacity duration-200", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" }) })] })) : (_jsx("span", { className: "".concat(getValueStyles(key, value.text), " break-all inline-block"), title: value.text, children: value.text })), value.typing && (_jsx("span", { className: "inline-block ml-1 w-[2px] h-[14px] bg-primary-500 dark:bg-primary-400 animate-pulse" }))] })] }, key));
+                    return (_jsxs("div", { className: "flex items-center justify-between py-2 ", children: [_jsx("span", { className: "text-n1-gray-500 dark:text-n1-gray-400 font-medium min-w-[120px]", children: getLabel(key) }), _jsxs("div", { className: "relative transition-all duration-300 ".concat(value.visible ? 'opacity-100' : 'opacity-0', " max-w-[65%] text-right flex-1"), children: [(key === 'tx' || key === 'from') &&
+                                        getExplorerLink(key, value.text) ? (_jsxs("a", { href: getExplorerLink(key, value.text), target: "_blank", rel: "noopener noreferrer", className: "".concat(getValueStyles(key, value.text), " break-all inline-block group"), title: value.text, children: [_jsx("span", { className: "underline hover:font-bold", children: getDisplayValue(key, value.text) }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-3 w-3 ml-1 inline-block opacity-50 group-hover:opacity-100 transition-opacity duration-200", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" }) })] })) : (_jsx("span", { className: "".concat(getValueStyles(key, value.text), " break-all inline-block"), title: value.text, children: value.text })), value.typing && (_jsx("span", { className: "inline-block ml-1 w-[2px] h-[14px] bg-n1-primary-500 dark:bg-n1-primary-400 n1-animate-pulse" }))] })] }, key));
                 }) })] }));
 }
+//# sourceMappingURL=TransactionTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionTable.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/components/TransactionTable.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AASnE,MAAM,UAAU,gBAAgB,CAAC,EAGT;QAFtB,WAAW,iBAAA,EACX,OAAO,aAAA;IAEP,+BAA+B;IAC/B,IAAM,QAAQ,GAAG,UAAC,GAAW;QAC3B,IAAM,MAAM,GAA2B;YACrC,MAAM,EAAE,QAAQ;YAChB,EAAE,EAAE,gBAAgB;YACpB,IAAI,EAAE,MAAM;YACZ,EAAE,EAAE,IAAI;YACR,OAAO,EAAE,SAAS;YAClB,MAAM,EAAE,QAAQ;SACjB,CAAC;QAEF,OAAO,MAAM,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC;IAC5B,CAAC,CAAC;IAEF,gDAAgD;IAChD,IAAM,cAAc,GAAG,UAAC,GAAW,EAAE,KAAa;QAChD,IAAI,GAAG,KAAK,QAAQ,EAAE,CAAC;YACrB,IACE,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC;gBACvC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,EACzC,CAAC;gBACD,OAAO,kDAAkD,CAAC;YAC5D,CAAC;YACD,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;gBAC5C,OAAO,gDAAgD,CAAC;YAC1D,CAAC;YACD,IACE,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC;gBACpC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,EACrC,CAAC;gBACD,OAAO,4CAA4C,CAAC;YACtD,CAAC;QACH,CAAC;QAED,IAAI,GAAG,KAAK,IAAI,EAAE,CAAC;YACjB,OAAO,0JAA0J,CAAC;QACpK,CAAC;QAED,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;YACtB,OAAO,kDAAkD,CAAC;QAC5D,CAAC;QAED,IAAI,GAAG,KAAK,MAAM,IAAI,GAAG,KAAK,IAAI,EAAE,CAAC;YACnC,OAAO,oJAAoJ,CAAC;QAC9J,CAAC;QAED,IAAI,GAAG,KAAK,QAAQ,EAAE,CAAC;YACrB,OAAO,oDAAoD,CAAC;QAC9D,CAAC;QAED,OAAO,mDAAmD,CAAC;IAC7D,CAAC,CAAC;IAEF,mDAAmD;IACnD,IAAM,eAAe,GAAG,UAAC,GAAW,EAAE,KAAa;QACjD,IAAI,GAAG,KAAK,IAAI,EAAE,CAAC;YACjB,OAAO,cAAc,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QACrC,CAAC;QAED,IAAI,GAAG,KAAK,MAAM,IAAI,GAAG,KAAK,IAAI,EAAE,CAAC;YACnC,OAAO,cAAc,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QACrC,CAAC;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,iDAAiD;IACjD,IAAM,eAAe,GAAG,UAAC,GAAW,EAAE,KAAa;;QACjD,sEAAsE;QACtE,IAAM,OAAO,GAAG,CAAA,MAAA,WAAW,CAAC,OAAO,0CAAE,IAAI,KAAI,gBAAgB,CAAC;QAE9D,IAAI,GAAG,KAAK,IAAI,EAAE,CAAC;YACjB,OAAO,cAAc,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QACxC,CAAC;QAED,IAAI,GAAG,KAAK,MAAM,EAAE,CAAC;YACnB,OAAO,8CAAuC,KAAK,oBAAiB,CAAC;QACvE,CAAC;QAED,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;IAEF,6BAA6B;IAC7B,IAAM,UAAU,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;IAEvE,mCAAmC;IACnC,IAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,UAAC,EAAM,EAAE,EAAM;YAAb,IAAI,QAAA;YAAI,IAAI,QAAA;QACnE,IAAM,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACxC,IAAM,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACxC,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IACzE,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,SAAS,EAAC,yJAAyJ,aACrK,OAAO,IAAI,CACV,iBACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,oKAAoK,gBACnK,eAAe,YAE1B,cACE,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,SAAS,EACnB,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,sBAAsB,GACxB,GACE,GACC,CACV,EACD,cAAK,SAAS,EAAC,wBAAwB,YACpC,aAAa,CAAC,GAAG,CAAC,UAAC,EAAY;wBAAX,GAAG,QAAA,EAAE,KAAK,QAAA;oBAAM,OAAA,CACnC,eAAe,SAAS,EAAC,yCAAyC,aAChE,eAAM,SAAS,EAAC,kEAAkE,YAC/E,QAAQ,CAAC,GAAG,CAAC,GACT,EACP,eACE,SAAS,EAAE,+CAAwC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,mCAAgC,aAE7H,CAAC,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,MAAM,CAAC;wCACjC,eAAe,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACjC,aACE,IAAI,EAAE,eAAe,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,EACtC,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAE,UAAG,cAAc,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,kCAA+B,EAC5E,KAAK,EAAE,KAAK,CAAC,IAAI,aAEjB,eAAM,SAAS,EAAC,2BAA2B,YACxC,eAAe,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,GAC5B,EACP,cACE,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,8FAA8F,EACxG,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,8EAA8E,GAChF,GACE,IACJ,CACL,CAAC,CAAC,CAAC,CACF,eACE,SAAS,EAAE,UAAG,cAAc,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,4BAAyB,EACtE,KAAK,EAAE,KAAK,CAAC,IAAI,YAEhB,KAAK,CAAC,IAAI,GACN,CACR,EACA,KAAK,CAAC,MAAM,IAAI,CACf,eAAM,SAAS,EAAC,8FAA8F,GAAQ,CACvH,IACG,KA7CE,GAAG,CA8CP,CACP;gBAhDoC,CAgDpC,CAAC,GACE,IACF,CACP,CAAC;AACJ,CAAC","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-primary-600 dark:text-n1-primary-400 text-xs font-medium hover:text-n1-primary-700 dark:hover:text-n1-primary-300 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-gray-800 dark:text-n1-gray-200 text-xs font-medium hover:text-n1-primary-600 dark:hover:text-n1-primary-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-gray-900 dark:text-n1-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    // Extract network from tableValues to determine which explorer to use\n    const network = tableValues.network?.text || 'solana-mainnet';\n\n    if (key === 'tx') {\n      return getExplorerUrl(value, network);\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-gray-100 dark:bg-n1-gray-950 border border-n1-gray-200 dark:border-n1-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-gray-500 dark:text-n1-gray-600 hover:text-n1-gray-500 dark:hover:text-n1-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-gray-500 dark:text-n1-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-primary-500 dark:bg-n1-primary-400 n1-animate-pulse\"></span>\n              )}\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n"]}

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

@@ -2,5 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { LoadingSquares } from './LoadingSquares';
 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-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-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 })] })] })] }));
+    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-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-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 })] })] })] }));
 }
+//# sourceMappingURL=WaitingMessage.js.map

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

@@ -0,0 +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,uIAAuI,aACnJ,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,mGAAmG,aAChH,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-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-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"]}

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

@@ -3,3 +3,4 @@ export * from './ChainButton';
 export * from './LoadingSquares';
 export * from './TransactionTable';
 export * from './WaitingMessage';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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","sourcesContent":["export * from './ImageWithFallback';\nexport * from './ChainButton';\nexport * from './LoadingSquares';\nexport * from './TransactionTable';\nexport * from './WaitingMessage';\n"]}

package/dist/Modal/NordFlow/constants.js

@@ -195,3 +195,4 @@ export var FLOW_STATE_STORAGE_KEY = 'n1_wallet_connection_flow_state';
  * Time in milliseconds after which a persisted state is considered stale
  */
 export var STATE_EXPIRY_TIME = 30 * 60 * 1000; // 30 minutes
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +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  // From IDLE state\n  {\n    from: FlowState.IDLE,\n    to: FlowState.CONNECTING_WALLET,\n    condition: (context) => !context.walletType, // Only if wallet is not connected\n  },\n  {\n    from: FlowState.CONNECTING_WALLET,\n    to: FlowState.ERROR,\n    // When wallet connection fails\n  },\n  {\n    from: FlowState.CONNECTING_WALLET,\n    to: FlowState.CHAIN_SELECTION,\n    condition: (context) => context.walletType === 'solana', // If Solana wallet and no Nord account\n  },\n  {\n    from: FlowState.CONNECTING_WALLET,\n    to: FlowState.AUTH_LOADING,\n    condition: (context) =>\n      context.walletType === 'solana' && context.hasNordAccount, // If Solana wallet and no Nord account\n  },\n  {\n    from: FlowState.CONNECTING_WALLET,\n    to: FlowState.FINAL_SUCCESS,\n    condition: (context) =>\n      context.walletType === 'solana' &&\n      context.hasNordAccount &&\n      context.hasActiveSession, // If Solana wallet and no Nord account\n  },\n\n  // From ETH_TO_SOL_AUTH state\n  {\n    from: FlowState.ETH_TO_SOL_AUTH,\n    to: FlowState.CHAIN_SELECTION,\n    condition: (context) => !context.hasNordAccount, // After ETH auth, if no Nord account\n  },\n  {\n    from: FlowState.ETH_TO_SOL_AUTH,\n    to: FlowState.AUTH_LOADING,\n    condition: (context) => context.hasNordAccount && !context.hasActiveSession,\n    // After ETH auth, if has Nord account but no active session\n  },\n  {\n    from: FlowState.ETH_TO_SOL_AUTH,\n    to: FlowState.FINAL_SUCCESS,\n    condition: (context) => context.hasNordAccount && context.hasActiveSession,\n    // After ETH auth, if has Nord account and active session\n  },\n  {\n    from: FlowState.ETH_TO_SOL_AUTH,\n    to: FlowState.ERROR,\n    // If ETH to SOL auth fails\n  },\n\n  // From CHAIN_SELECTION state\n  {\n    from: FlowState.CHAIN_SELECTION,\n    to: FlowState.AMOUNT_INPUT,\n    // After chain selection\n  },\n\n  // From AMOUNT_INPUT state\n  {\n    from: FlowState.AMOUNT_INPUT,\n    to: FlowState.DEPOSIT_PROGRESS,\n    // After amount input\n  },\n  {\n    from: FlowState.AMOUNT_INPUT,\n    to: FlowState.CHAIN_SELECTION,\n    // If user goes back to chain selection\n  },\n\n  // From DEPOSIT_PROGRESS state\n  {\n    from: FlowState.DEPOSIT_PROGRESS,\n    to: FlowState.DEPOSIT_SUCCESS,\n    // When deposit is successful\n  },\n  {\n    from: FlowState.DEPOSIT_PROGRESS,\n    to: FlowState.ERROR,\n    // When deposit fails\n  },\n  {\n    from: FlowState.DEPOSIT_PROGRESS,\n    to: FlowState.AMOUNT_INPUT,\n    // When deposit fails but we want to allow retry\n  },\n\n  // From DEPOSIT_SUCCESS state\n  {\n    from: FlowState.DEPOSIT_SUCCESS,\n    to: FlowState.AUTH_LOADING,\n    condition: (context) => !context.hasActiveSession, // If no active Nord session\n  },\n  {\n    from: FlowState.DEPOSIT_SUCCESS,\n    to: FlowState.FINAL_SUCCESS,\n    condition: (context) => context.hasActiveSession, // If active Nord session exists\n  },\n  {\n    from: FlowState.AUTH_LOADING,\n    to: FlowState.ERROR,\n    // When Nord auth fails to start\n  },\n\n  // From AUTH_LOADING state\n  {\n    from: FlowState.AUTH_LOADING,\n    to: FlowState.FINAL_SUCCESS,\n    // When auth is successful\n  },\n  {\n    from: FlowState.AUTH_LOADING,\n    to: FlowState.ERROR,\n    // When auth fails\n  },\n\n  // From ERROR state\n  {\n    from: FlowState.ERROR,\n    to: FlowState.IDLE,\n    // When restarting after error\n  },\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    ],\n    to: FlowState.IDLE,\n    // For recovery after interruption\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/hoc/index.js

@@ -1 +1,2 @@
 export * from './withImageFallback';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/hoc/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC","sourcesContent":["export * from './withImageFallback';\n"]}

package/dist/Modal/NordFlow/hoc/withImageFallback.js

@@ -58,3 +58,4 @@ export function withImageFallback(WrappedComponent) {
     WithImageFallback.displayName = "withImageFallback(".concat(wrappedComponentName, ")");
     return WithImageFallback;
 }
+//# sourceMappingURL=withImageFallback.js.map

package/dist/Modal/NordFlow/hoc/withImageFallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withImageFallback.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/hoc/withImageFallback.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElD;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAC/B,gBAAkC;IAElC,2DAA2D;IAC3D,IAAM,iBAAiB,GAAgB,UAAC,KAAK;QAC3C,iDAAiD;QACjD,IAAM,WAAW,GAAG,UAAC,IAAqB;YACxC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;gBAChC,OAAO,IAAI,CAAC;YACd,CAAC;YAED,IAAM,OAAO,GAAG,IAA0B,CAAC;YAE3C,4DAA4D;YAC5D,IAAI,OAAO,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;gBAC3B,IAAM,KAAkD,OAAO,CAAC,KAAK,EAA7D,GAAG,SAAA,EAAE,GAAG,SAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,SAAS,eAAA,EAAK,IAAI,cAA7C,8CAA+C,CAAgB,CAAC;gBAEtE,OAAO,CACL,KAAC,iBAAiB,aAChB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,IAAI,OAAO,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,IAChB,IAAI,EACR,CACH,CAAC;YACJ,CAAC;YAED,+CAA+C;YAC/C,IAAI,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;gBAC5C,IAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CACjC,OAAO,CAAC,KAAK,CAAC,QAAQ,EACtB,WAAW,CACZ,CAAC;gBAEF,OAAO,KAAK,CAAC,YAAY,CAAC,OAAO,eAAO,OAAO,CAAC,KAAK,GAAI,QAAQ,CAAC,CAAC;YACrE,CAAC;YAED,OAAO,OAAO,CAAC;QACjB,CAAC,CAAC;QAEF,sDAAsD;QACtD,IAAM,iBAAiB,GAAG,KAAC,gBAAgB,eAAK,KAAK,EAAI,CAAC;QAC1D,OAAO,WAAW,CAAC,iBAAiB,CAAuB,CAAC;IAC9D,CAAC,CAAC;IAEF,iCAAiC;IACjC,IAAM,oBAAoB,GACxB,gBAAgB,CAAC,WAAW,IAAI,gBAAgB,CAAC,IAAI,IAAI,WAAW,CAAC;IACvE,iBAAiB,CAAC,WAAW,GAAG,4BAAqB,oBAAoB,MAAG,CAAC;IAE7E,OAAO,iBAAiB,CAAC;AAC3B,CAAC","sourcesContent":["import React, { ComponentType, forwardRef } from 'react';\nimport { ImageWithFallback } from '../components';\n\n/**\n * A Higher-Order Component (HOC) that adds image fallback functionality to a component\n * @param WrappedComponent The component to wrap\n * @returns A new component with image fallback functionality\n */\nexport function withImageFallback<P extends object>(\n  WrappedComponent: ComponentType<P>\n): React.FC<P> {\n  // Create a new component that wraps the original component\n  const WithImageFallback: React.FC<P> = (props) => {\n    // Function to recursively process React elements\n    const processNode = (node: React.ReactNode): React.ReactNode => {\n      if (!React.isValidElement(node)) {\n        return node;\n      }\n\n      const element = node as React.ReactElement;\n\n      // If it's an img element, replace it with ImageWithFallback\n      if (element.type === 'img') {\n        const { src, alt, width, height, className, ...rest } = element.props;\n\n        return (\n          <ImageWithFallback\n            src={src}\n            alt={alt || 'Image'}\n            width={width}\n            height={height}\n            className={className}\n            {...rest}\n          />\n        );\n      }\n\n      // If it has children, process them recursively\n      if (element.props && element.props.children) {\n        const children = React.Children.map(\n          element.props.children,\n          processNode\n        );\n\n        return React.cloneElement(element, { ...element.props }, children);\n      }\n\n      return element;\n    };\n\n    // Render the wrapped component and process its output\n    const renderedComponent = <WrappedComponent {...props} />;\n    return processNode(renderedComponent) as React.ReactElement;\n  };\n\n  // Set display name for debugging\n  const wrappedComponentName =\n    WrappedComponent.displayName || WrappedComponent.name || 'Component';\n  WithImageFallback.displayName = `withImageFallback(${wrappedComponentName})`;\n\n  return WithImageFallback;\n}\n"]}

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

@@ -3,3 +3,4 @@ export * from './useNordWalletConnect';
 export * from './useInterruptHandler';
 export * from './useFlowState';
 export * from './useNordInstance';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC","sourcesContent":["export * from './useDepositFlow';\nexport * from './useNordWalletConnect';\nexport * from './useInterruptHandler';\nexport * from './useFlowState';\nexport * from './useNordInstance';\n"]}

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

@@ -34,7 +34,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-import { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
 import { FlowState } from '../types';
 import { AVAILABLE_CHAINS } from '../constants';
 import { getExplorerUrl, } from '../../../Logic/transactionManager';
@@ -60,30 +60,33 @@ export var useDepositFlow = function (options) {
     var _e = useState(false), isDepositing = _e[0], setIsDepositing = _e[1];
     var _f = useState(context.transactionId), transactionId = _f[0], setTransactionId = _f[1];
     var _g = useState(null), transactionResult = _g[0], setTransactionResult = _g[1];
+    // Use refs to track previous values
+    var prevContextRef = useRef(context);
     // Use the nordUser from context, falling back to the one from useNordInstance
     var currentNordUser = nordUser || instanceNordUser;
+    // Handle transaction ID changes
     useEffect(function () {
-        if (txId) {
-            // Transition to the appropriate screen based on whether user has an active session
-            if (context.hasActiveSession) {
-                // If user has an active session, go directly to FINAL_SUCCESS
+        if (!txId)
+            return;
+        // Transition to the appropriate screen based on whether user has an active session
+        if (context.hasActiveSession) {
+            // If user has an active session, go directly to FINAL_SUCCESS
+            transition(FlowState.FINAL_SUCCESS, { transactionId: txId });
+        }
+        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, { transactionId: txId });
             }
             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, { transactionId: txId });
-                }
-                else {
-                    // If user doesn't have an active session and no sessionId in localStorage, go to DEPOSIT_SUCCESS first
-                    transition(FlowState.DEPOSIT_SUCCESS, { transactionId: txId });
-                }
+                // If user doesn't have an active session and no sessionId in localStorage, go to DEPOSIT_SUCCESS first
+                transition(FlowState.DEPOSIT_SUCCESS, { transactionId: txId });
             }
-            setTxId(null);
         }
+        setTxId(null);
     }, [txId, transition, context.hasActiveSession, address]);
     /**
      * Select a chain for deposit
@@ -125,7 +128,7 @@ export var useDepositFlow = function (options) {
                 case 0:
                     if (isDepositing)
                         return [2 /*return*/];
-                    logger.debug('tah dah!');
+                    logger.debug('Starting deposit process');
                     // Validate input
                     if (!selectedChain) {
                         handleError(new Error('No chain selected'));
@@ -203,7 +206,7 @@ export var useDepositFlow = function (options) {
                         // Update state with transaction result
                         setTransactionId(txId_1);
                         setTransactionResult(result);
-                        logger.debug('yayayyay');
+                        logger.debug('Transaction completed successfully');
                         setTxId(txId_1);
                         return [2 /*return*/]; // Exit the function early since we've handled everything
                     }
@@ -297,23 +300,20 @@ export var useDepositFlow = function (options) {
      * Update state based on context changes
      */
     useEffect(function () {
-        if (context.selectedChain !== selectedChain) {
+        var prevContext = prevContextRef.current;
+        // Only update state if the relevant context values have actually changed
+        if (context.selectedChain !== prevContext.selectedChain) {
             setSelectedChain(context.selectedChain);
         }
-        if (context.amount !== amount) {
+        if (context.amount !== prevContext.amount) {
             setAmount(context.amount);
         }
-        if (context.transactionId !== transactionId) {
+        if (context.transactionId !== prevContext.transactionId) {
             setTransactionId(context.transactionId);
         }
-    }, [
-        context.selectedChain,
-        context.amount,
-        context.transactionId,
-        selectedChain,
-        amount,
-        transactionId,
-    ]);
+        // Update the ref to the current context
+        prevContextRef.current = context;
+    }, [context]);
     /**
      * Auto-start deposit if in deposit progress state
      */
@@ -384,3 +384,4 @@ export var useDepositFlow = function (options) {
         getTransactionDetails: getTransactionDetails,
     };
 };
+//# sourceMappingURL=useDepositFlow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDepositFlow.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/hooks/useDepositFlow.ts"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { FlowContext, FlowState } from '../types';\nimport { AVAILABLE_CHAINS } from '../constants';\nimport {\n  getExplorerUrl,\n  TransactionResult,\n} from '../../../Logic/transactionManager';\nimport {\n  useN1WalletContext,\n  useN1WalletInternalContext,\n} from '../../../Provider/hooks';\nimport { N1SessionMode } from '../../../Provider/types';\nimport { isNordConfigured } from '../utils/nordUtils';\nimport { useNordInstance } from './useNordInstance';\nimport { logger } from '../../../utils/logger';\n\n/**\n * Hook for handling the deposit flow\n *\n * @param options Configuration options\n * @returns Deposit flow methods and state\n */\nexport const useDepositFlow = (options: {\n  /**\n   * Flow state\n   */\n  state: FlowState;\n  /**\n   * Flow context\n   */\n  context: FlowContext;\n  /**\n   * Transition to a new state\n   */\n  transition: (\n    newState: FlowState,\n    contextUpdates?: Partial<FlowContext>\n  ) => boolean;\n  /**\n   * Handle errors\n   */\n  handleError: (error: Error) => void;\n  /**\n   * Update context\n   */\n  updateContext?: (contextUpdates: Partial<FlowContext>) => void;\n}) => {\n  const [txId, setTxId] = useState<string | null>(null);\n  const { state, context, transition, handleError } = options;\n  const {\n    address,\n    nord,\n    signMessageWithWalletKey,\n    signMessageWithSessionKey,\n    nordUser,\n  } = useN1WalletContext();\n  const { sessionMode } = useN1WalletInternalContext();\n  const { nordUser: instanceNordUser } = useNordInstance();\n\n  const [selectedChain, setSelectedChain] = useState<string | null>(\n    context.selectedChain\n  );\n  const [amount, setAmount] = useState(context.amount);\n  const [isDepositing, setIsDepositing] = useState(false);\n  const [transactionId, setTransactionId] = useState<string | null>(\n    context.transactionId\n  );\n  const [transactionResult, setTransactionResult] =\n    useState<TransactionResult | null>(null);\n\n  // Use refs to track previous values\n  const prevContextRef = useRef(context);\n  \n  // Use the nordUser from context, falling back to the one from useNordInstance\n  const currentNordUser = nordUser || instanceNordUser;\n\n  // Handle transaction ID changes\n  useEffect(() => {\n    if (!txId) return;\n    \n    // Transition to the appropriate screen based on whether user has an active session\n    if (context.hasActiveSession) {\n      // If user has an active session, go directly to FINAL_SUCCESS\n      transition(FlowState.FINAL_SUCCESS, { transactionId: txId });\n    } else {\n      // Check if there's a sessionId stored in localStorage\n      const sessionIdKey = `n1_sessionId_${address}`;\n      const storedSessionId = localStorage.getItem(sessionIdKey);\n\n      if (storedSessionId !== null) {\n        // If we have a sessionId in localStorage (even if it's 0), go directly to FINAL_SUCCESS\n        transition(FlowState.FINAL_SUCCESS, { transactionId: txId });\n      } else {\n        // If user doesn't have an active session and no sessionId in localStorage, go to DEPOSIT_SUCCESS first\n        transition(FlowState.DEPOSIT_SUCCESS, { transactionId: txId });\n      }\n    }\n    setTxId(null);\n  }, [txId, transition, context.hasActiveSession, address]);\n\n  /**\n   * Select a chain for deposit\n   */\n  const selectChain = useCallback(\n    (chainId: string) => {\n      const validChain = AVAILABLE_CHAINS.find((chain) => chain.id === chainId);\n\n      if (!validChain) {\n        handleError(new Error(`Invalid chain: ${chainId}`));\n        return;\n      }\n\n      setSelectedChain(chainId);\n      transition(FlowState.AMOUNT_INPUT, { selectedChain: chainId });\n    },\n    [transition, handleError]\n  );\n\n  /**\n   * Update amount for deposit\n   */\n  const updateAmount = useCallback(\n    (newAmount: string) => {\n      setAmount(newAmount);\n      // Only update the context without transitioning to the same state\n      // This prevents the \"Transition from AMOUNT_INPUT to AMOUNT_INPUT is not allowed\" error\n      if (state === FlowState.AMOUNT_INPUT) {\n        // Use updateContext function if available to update without state transition\n        if (options.updateContext) {\n          options.updateContext({ amount: newAmount });\n        }\n      } else {\n        transition(state, { amount: newAmount });\n      }\n    },\n    [state, transition, options.updateContext]\n  );\n\n  /**\n   * Start deposit process\n   */\n  const startDeposit = useCallback(async () => {\n    if (isDepositing) return;\n\n    logger.debug('Starting deposit process');\n    // Validate input\n    if (!selectedChain) {\n      handleError(new Error('No chain selected'));\n      return;\n    }\n\n    if (!amount || parseFloat(amount) <= 0) {\n      handleError(new Error('Invalid amount'));\n      return;\n    }\n\n    if (!address) {\n      handleError(new Error('No wallet address found'));\n      return;\n    }\n\n    setIsDepositing(true);\n    transition(FlowState.DEPOSIT_PROGRESS);\n\n    try {\n      // Ensure we have a valid session mode\n      const currentSessionMode = sessionMode ?? N1SessionMode.NTS;\n\n      // Use Nord-TS if available\n      let txId = '';\n\n      if (currentNordUser && nord && isNordConfigured(nord)) {\n        try {\n          // Find the USDC token\n          const usdcToken = nord.tokens.find((t: any) => t.symbol === 'USDC');\n          if (!usdcToken) {\n            throw new Error('USDC token not found');\n          }\n\n          // Attempt to perform the deposit using Nord-TS\n          // Since we don't know the exact API, we'll use a try-catch approach\n          try {\n            // Try depositSpl method if it exists\n            if (typeof currentNordUser.depositSpl === 'function') {\n              txId = await currentNordUser.depositSpl(\n                parseFloat(amount),\n                usdcToken.tokenId\n              );\n\n              let accountInitialized = false;\n              for (let i = 0; i < 70; i++) {\n                const exists = await nord?.accountExists(address);\n                if (exists) {\n                  accountInitialized = true;\n                  break;\n                }\n                await new Promise((resolve) => setTimeout(resolve, 5000));\n              }\n\n              if (!accountInitialized) {\n                throw new Error('Account failed to intialize on N1.');\n              }\n\n              logger.debug('Deposit successful using Nord-TS', txId);\n\n              // Make sure we have a valid chain ID\n              if (selectedChain) {\n                // Create transaction result object immediately after successful deposit\n                const result: TransactionResult = {\n                  success: true,\n                  transactionId: txId,\n                  amount,\n                  tokenSymbol: 'USDC', // Default to USDC for now\n                  fromAddress: address || 'Your Wallet',\n                  toAddress:\n                    currentSessionMode === N1SessionMode.Nord\n                      ? 'Exchange Account'\n                      : 'NTS Account',\n                  networkName:\n                    AVAILABLE_CHAINS.find((chain) => chain.id === selectedChain)\n                      ?.name || selectedChain,\n                  status: 'Completed',\n                  explorerUrl: getExplorerUrl(txId, selectedChain),\n                };\n\n                // Update state with transaction result\n                setTransactionId(txId);\n                setTransactionResult(result);\n\n                logger.debug('Transaction completed successfully');\n                setTxId(txId);\n                return; // Exit the function early since we've handled everything\n              } else {\n                throw new Error('No chain selected for deposit');\n              }\n            } else {\n              // If depositSpl doesn't exist, throw an error to fall back to mock implementation\n              throw new Error('depositSpl method not available');\n            }\n          } catch (depositError) {\n            logger.warn(\n              'Error using depositSpl, falling back to mock implementation:',\n              depositError\n            );\n            setIsDepositing(false);\n            \n            // Transition back to AMOUNT_INPUT with the error message\n            const errorMessage = depositError instanceof Error \n              ? depositError.message \n              : 'Failed to process deposit';\n              \n            transition(FlowState.AMOUNT_INPUT, { \n              depositError: errorMessage \n            });\n            return; // Exit early\n          }\n        } catch (error) {\n          logger.error('Error using Nord-TS for deposit:', error);\n          throw error;\n        }\n      } else {\n        logger.debug('Nord configuration issue:', {\n          hasNord: !!nord,\n          isConfigured: nord ? isNordConfigured(nord) : false,\n          hasAddress: !!address,\n          hasWalletSignFn: !!signMessageWithWalletKey,\n          hasSessionSignFn: !!signMessageWithSessionKey,\n        });\n\n        throw new Error('Nord is not configured or user is not initialized');\n      }\n    } catch (error) {\n      setIsDepositing(false);\n      handleError(\n        error instanceof Error ? error : new Error('Failed to process deposit')\n      );\n    }\n  }, [\n    isDepositing,\n    selectedChain,\n    amount,\n    address,\n    sessionMode,\n    transition,\n    handleError,\n    nord,\n    signMessageWithWalletKey,\n    signMessageWithSessionKey,\n    currentNordUser,\n  ]);\n\n  /**\n   * Complete the deposit process and move to the next screen\n   */\n  const completeDeposit = useCallback(() => {\n    // Check if user has an active session to determine the next state\n    if (context.hasActiveSession) {\n      // If user has an active session, go directly to FINAL_SUCCESS\n      transition(FlowState.FINAL_SUCCESS);\n    } else {\n      // Check if there's a sessionId stored in localStorage\n      const sessionIdKey = `n1_sessionId_${address}`;\n      const storedSessionId = localStorage.getItem(sessionIdKey);\n\n      if (storedSessionId !== null) {\n        // If we have a sessionId in localStorage (even if it's 0), go directly to FINAL_SUCCESS\n        transition(FlowState.FINAL_SUCCESS);\n      } else {\n        // If user doesn't have an active session and no sessionId in localStorage, go to NORD_AUTH\n        transition(FlowState.AUTH_LOADING);\n      }\n    }\n  }, [context.hasActiveSession, transition, address]);\n\n  /**\n   * Go back to chain selection\n   */\n  const goBackToChainSelection = useCallback(() => {\n    setAmount('');\n    transition(FlowState.CHAIN_SELECTION, { amount: '' });\n  }, [transition]);\n\n  /**\n   * Update state based on context changes\n   */\n  useEffect(() => {\n    const prevContext = prevContextRef.current;\n    \n    // Only update state if the relevant context values have actually changed\n    if (context.selectedChain !== prevContext.selectedChain) {\n      setSelectedChain(context.selectedChain);\n    }\n\n    if (context.amount !== prevContext.amount) {\n      setAmount(context.amount);\n    }\n\n    if (context.transactionId !== prevContext.transactionId) {\n      setTransactionId(context.transactionId);\n    }\n    \n    // Update the ref to the current context\n    prevContextRef.current = context;\n  }, [context]);\n\n  /**\n   * Auto-start deposit if in deposit progress state\n   */\n  useEffect(() => {\n    if (\n      state === FlowState.DEPOSIT_PROGRESS &&\n      !isDepositing &&\n      !transactionId\n    ) {\n      startDeposit();\n    }\n  }, [state, isDepositing, transactionId, startDeposit]);\n\n  /**\n   * Get transaction details for display\n   */\n  const getTransactionDetails = useCallback(() => {\n    // Ensure we have a valid session mode\n    const currentSessionMode = sessionMode ?? N1SessionMode.NTS;\n\n    // Determine account type based on session mode\n    const accountType =\n      currentSessionMode === N1SessionMode.Nord\n        ? 'Exchange Account'\n        : 'NTS Account';\n\n    if (!transactionResult) {\n      // If we don't have a transaction result yet, return default values\n      return {\n        amount: amount || '0',\n        tx: transactionId || 'Processing...',\n        from: address || 'Your Wallet',\n        to: accountType,\n        network: selectedChain\n          ? AVAILABLE_CHAINS.find((chain) => chain.id === selectedChain)\n              ?.name || selectedChain\n          : 'Unknown',\n        status: 'Processing',\n        explorerUrl: '',\n      };\n    }\n\n    // Return actual transaction details\n    return {\n      amount: `${transactionResult.amount} ${transactionResult.tokenSymbol}`,\n      tx: transactionResult.transactionId,\n      from: transactionResult.fromAddress,\n      to: transactionResult.toAddress,\n      network: transactionResult.networkName,\n      status: transactionResult.status,\n      explorerUrl:\n        transactionResult.explorerUrl ||\n        getExplorerUrl(transactionResult.transactionId, selectedChain || ''),\n    };\n  }, [\n    transactionResult,\n    amount,\n    transactionId,\n    address,\n    sessionMode,\n    selectedChain,\n  ]);\n\n  return {\n    selectedChain,\n    setSelectedChain,\n    amount,\n    setAmount,\n    isDepositing,\n    transactionId,\n    transactionResult,\n    selectChain,\n    updateAmount,\n    startDeposit,\n    completeDeposit,\n    goBackToChainSelection,\n    getTransactionDetails,\n  };\n};\n"]}