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

package/dist/Modal/NordFlow/NordFlow.js

@@ -1,84 +0,0 @@
-var _a;
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect } from 'react';
-import { Header } from './components';
-import { useFlowStateContext } from './context';
-import { withImageFallback } from './hoc';
-import { AmountInputScreen, AuthLoadingScreen, ChainSelectionScreen, ConnectWalletScreen, DepositProgressScreen, DepositSuccessScreen, } from './screens';
-import { FlowState } from './types';
-// Apply the withImageFallback HOC to all screen components
-var EnhancedConnectWalletScreen = withImageFallback(ConnectWalletScreen);
-var EnhancedChainSelectionScreen = withImageFallback(ChainSelectionScreen);
-var EnhancedAmountInputScreen = withImageFallback(AmountInputScreen);
-var EnhancedDepositProgressScreen = withImageFallback(DepositProgressScreen);
-var EnhancedDepositSuccessScreen = withImageFallback(DepositSuccessScreen);
-var EnhancedAuthLoadingScreen = withImageFallback(AuthLoadingScreen);
-var DEFAULT_HEADER_CONFIG = { title: 'Bridge' };
-var HEADER_CONFIG = (_a = {},
-    _a[FlowState.CONNECTING_WALLET] = { title: 'Connect Wallet' },
-    _a[FlowState.CHAIN_SELECTION] = { title: 'Select Network' },
-    _a[FlowState.AMOUNT_INPUT] = {
-        title: 'Enter Amount',
-        backTarget: {
-            state: FlowState.CHAIN_SELECTION,
-            contextUpdates: { selectedChain: null, amount: '' },
-        },
-    },
-    _a[FlowState.DEPOSIT_PROGRESS] = { title: 'Processing Deposit' },
-    _a[FlowState.DEPOSIT_SUCCESS] = { title: 'Deposit Complete' },
-    _a[FlowState.AUTH_LOADING] = { title: 'Authenticating' },
-    _a[FlowState.FINAL_SUCCESS] = { title: 'All Set' },
-    _a[FlowState.ERROR] = { title: 'Something Went Wrong' },
-    _a);
-/**
- * Main component for the wallet connection flow
- */
-export var NordFlow = function (_a) {
-    var onClose = _a.onClose;
-    var _b = useFlowStateContext(), state = _b.state, transition = _b.transition, isClosing = _b.isClosing;
-    var shouldAutoClose = state === FlowState.FINAL_SUCCESS || state === FlowState.ERROR;
-    useEffect(function () {
-        if (!shouldAutoClose) {
-            return;
-        }
-        if (onClose) {
-            onClose();
-        }
-    }, [shouldAutoClose, onClose]);
-    if (shouldAutoClose) {
-        return null;
-    }
-    var headerConfig = HEADER_CONFIG[state] || DEFAULT_HEADER_CONFIG;
-    var backTarget = headerConfig.backTarget;
-    var handleBack = backTarget
-        ? function () {
-            return transition(backTarget.state, backTarget.contextUpdates);
-        }
-        : undefined;
-    return (_jsx("div", { className: "z-50 flex items-center justify-center overflow-auto font-era", children: _jsxs("div", { className: "bg-n1-ww-gray-700 relative border border-n1-ww-border rounded-[6px] transition-[max-width,transform,opacity] duration-[3000ms] ease-[cubic-bezier(0.16,1,0.3,1)] m-4 origin-center will-change-[max-width,transform,opacity]", style: { width: 400 }, children: [_jsx(Header, { onClose: onClose, title: headerConfig.title, onBack: handleBack }), _jsx("div", { className: "wallet-connection-flow-content p-4 overflow-visible", children: _jsx(NordFlowScreenRenderer, { state: state, isClosing: isClosing }) })] }) }));
-};
-// Screen renderer component that renders the active flow screen
-var NordFlowScreenRenderer = function (_a) {
-    var state = _a.state, isClosing = _a.isClosing;
-    // Render the appropriate screen based on the current state
-    var renderScreen = function () {
-        switch (state) {
-            case FlowState.CONNECTING_WALLET:
-                return _jsx(EnhancedConnectWalletScreen, {});
-            case FlowState.CHAIN_SELECTION:
-                return _jsx(EnhancedChainSelectionScreen, {});
-            case FlowState.AMOUNT_INPUT:
-                return _jsx(EnhancedAmountInputScreen, {});
-            case FlowState.DEPOSIT_PROGRESS:
-                return _jsx(EnhancedDepositProgressScreen, {});
-            case FlowState.DEPOSIT_SUCCESS:
-                return _jsx(EnhancedDepositSuccessScreen, {});
-            case FlowState.AUTH_LOADING:
-                return _jsx(EnhancedAuthLoadingScreen, {});
-            default:
-                return _jsx(EnhancedConnectWalletScreen, {});
-        }
-    };
-    return (_jsx("div", { className: isClosing ? 'n1-ww-animate-fade-out' : 'n1-ww-animate-fade-in', children: renderScreen() }));
-};
-//# sourceMappingURL=NordFlow.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"NordFlow.js","sourceRoot":"","sources":["../../../src/Modal/NordFlow/NordFlow.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect } from 'react';\nimport { Header } from './components';\nimport { useFlowStateContext } from './context';\nimport { withImageFallback } from './hoc';\nimport {\n  AmountInputScreen,\n  AuthLoadingScreen,\n  ChainSelectionScreen,\n  ConnectWalletScreen,\n  DepositProgressScreen,\n  DepositSuccessScreen,\n} from './screens';\nimport { FlowContext, FlowState } from './types';\n\ninterface NordFlowProps {\n  onClose?: () => void;\n}\n\n// Apply the withImageFallback HOC to all screen components\nconst EnhancedConnectWalletScreen = withImageFallback(ConnectWalletScreen);\nconst EnhancedChainSelectionScreen = withImageFallback(ChainSelectionScreen);\nconst EnhancedAmountInputScreen = withImageFallback(AmountInputScreen);\nconst EnhancedDepositProgressScreen = withImageFallback(DepositProgressScreen);\nconst EnhancedDepositSuccessScreen = withImageFallback(DepositSuccessScreen);\nconst EnhancedAuthLoadingScreen = withImageFallback(AuthLoadingScreen);\n\ninterface HeaderDisplayConfig {\n  title: string;\n  backTarget?: {\n    state: FlowState;\n    contextUpdates?: Partial<FlowContext>;\n  };\n}\n\nconst DEFAULT_HEADER_CONFIG: HeaderDisplayConfig = { title: 'Bridge' };\n\nconst HEADER_CONFIG: Record<FlowState, HeaderDisplayConfig> = {\n  [FlowState.CONNECTING_WALLET]: { title: 'Connect Wallet' },\n  [FlowState.CHAIN_SELECTION]: { title: 'Select Network' },\n  [FlowState.AMOUNT_INPUT]: {\n    title: 'Enter Amount',\n    backTarget: {\n      state: FlowState.CHAIN_SELECTION,\n      contextUpdates: { selectedChain: null, amount: '' },\n    },\n  },\n  [FlowState.DEPOSIT_PROGRESS]: { title: 'Processing Deposit' },\n  [FlowState.DEPOSIT_SUCCESS]: { title: 'Deposit Complete' },\n  [FlowState.AUTH_LOADING]: { title: 'Authenticating' },\n  [FlowState.FINAL_SUCCESS]: { title: 'All Set' },\n  [FlowState.ERROR]: { title: 'Something Went Wrong' },\n};\n\n/**\n * Main component for the wallet connection flow\n */\nexport const NordFlow: React.FC<NordFlowProps> = ({ onClose}) => {\n  const { state, transition, isClosing } = useFlowStateContext();\n  const shouldAutoClose =\n    state === FlowState.FINAL_SUCCESS || state === FlowState.ERROR;\n\n  useEffect(() => {\n    if (!shouldAutoClose) {\n      return;\n    }\n\n    if (onClose) {\n      onClose();\n    }\n  }, [shouldAutoClose, onClose]);\n\n  if (shouldAutoClose) {\n    return null;\n  }\n\n  const headerConfig = HEADER_CONFIG[state] || DEFAULT_HEADER_CONFIG;\n  const backTarget = headerConfig.backTarget;\n  const handleBack = backTarget\n    ? () =>\n        transition(\n          backTarget.state,\n          backTarget.contextUpdates\n        )\n    : undefined;\n\n  return (\n    <div\n      className={`z-50 flex items-center justify-center overflow-auto font-era`}\n    >\n      <div\n        className=\"bg-n1-ww-gray-700 relative border border-n1-ww-border rounded-[6px] transition-[max-width,transform,opacity] duration-[3000ms] ease-[cubic-bezier(0.16,1,0.3,1)] m-4 origin-center will-change-[max-width,transform,opacity]\"\n        style={{ width: 400 }}\n      >\n        {/* Header */}\n        <Header\n          onClose={onClose}\n          title={headerConfig.title}\n          onBack={handleBack}\n        />\n\n        {/* Content */}\n        <div className=\"wallet-connection-flow-content p-4 overflow-visible\">\n          <NordFlowScreenRenderer\n            state={state}\n            isClosing={isClosing}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n\n// Screen renderer component that renders the active flow screen\nconst NordFlowScreenRenderer: React.FC<{\n  state: FlowState;\n  isClosing: boolean;\n}> = ({ state, isClosing }) => {\n  // Render the appropriate screen based on the current state\n  const renderScreen = () => {\n    switch (state) {\n      case FlowState.CONNECTING_WALLET:\n        return <EnhancedConnectWalletScreen />;\n      case FlowState.CHAIN_SELECTION:\n        return <EnhancedChainSelectionScreen />;\n      case FlowState.AMOUNT_INPUT:\n        return <EnhancedAmountInputScreen />;\n      case FlowState.DEPOSIT_PROGRESS:\n        return <EnhancedDepositProgressScreen />;\n      case FlowState.DEPOSIT_SUCCESS:\n        return <EnhancedDepositSuccessScreen />;\n      case FlowState.AUTH_LOADING:\n        return <EnhancedAuthLoadingScreen />;\n      default:\n        return <EnhancedConnectWalletScreen />;\n    }\n  };\n\n  return (\n    <div className={isClosing ? 'n1-ww-animate-fade-out' : 'n1-ww-animate-fade-in'}>\n      {renderScreen()}\n    </div>\n  );\n};\n"]}

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

@@ -1,25 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ImageWithFallback } from "./ImageWithFallback";
-export function ChainButton(_a) {
-    var chain = _a.chain, onClick = _a.onClick, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.selected, selected = _c === void 0 ? false : _c, _d = _a.soon, soon = _d === void 0 ? false : _d, subtitle = _a.subtitle;
-    var handleClick = function () {
-        if (!disabled && !soon) {
-            onClick(chain.id);
-        }
-    };
-    var imageClasses = disabled
-        ? "opacity-50 grayscale brightness-150"
-        : "opacity-90 grayscale brightness-150 transition-all duration-200";
-    // Base button classes
-    var baseButtonClasses = "group rounded-lg flex items-center justify-between border p-4 bg-n1-ww-gray-900 transition-all duration-200";
-    // Conditional classes based on selection, disabled, and soon state
-    var buttonClasses = disabled
-        ? "".concat(baseButtonClasses, " border-n1-ww-border opacity-50 cursor-not-allowed")
-        : soon
-            ? "".concat(baseButtonClasses, " border-n1-ww-border cursor-not-allowed")
-            : selected
-                ? "".concat(baseButtonClasses, " border-n1-ww-border hover:border-n1-ww-main-400/50 hover:bg-n1-ww-gray-800 cursor-pointer")
-                : "".concat(baseButtonClasses, " border-n1-ww-border hover:border-n1-ww-main-400/50 hover:bg-n1-ww-gray-800 cursor-pointer");
-    return (_jsxs("button", { onClick: handleClick, className: buttonClasses, disabled: disabled, children: [_jsxs("div", { className: "flex items-center justify-start", children: [_jsx("div", { className: "flex items-center justify-center rounded-full bg-n1-ww-gray-650 mr-2 h-8 w-8", 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 brightness-150", fallbackBgColor: "bg-n1-ww-main/20", fallbackTextColor: "text-n1-ww-main" })) : (_jsx("div", { className: disabled ? "grayscale brightness-150 opacity-50" : "grayscale brightness-150", children: chain.logo })) }), _jsxs("div", { className: "flex flex-col items-start justify-center text-left", children: [_jsx("span", { className: "text-white font-medium text-sm", children: chain.name }), subtitle ? (_jsx("span", { className: "text-n1-ww-gray-100 font-light text-xs", children: subtitle })) : (_jsx("span", { className: "text-white font-light text-xs", children: chain.name }))] })] }), _jsx("div", { className: "flex items-center justify-center", children: soon ? (_jsx("span", { className: "px-2 py-1 rounded text-xs font-medium bg-n1-ww-main-950 text-n1-ww-main-700", children: "SOON" })) : selected ? (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { x: "0.5", y: "0.5", width: "15", height: "15", rx: "7.5", stroke: "#FF441A" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.3333 5.52227L7.48168 11.4007L7.1762 11.7708L6.83012 11.4354L4 8.69212L4.61955 8.10046L7.10358 10.5083L11.6497 5L12.3333 5.52227Z", fill: "#FF441A", stroke: "#FF441A", strokeWidth: "0.5" })] })) : (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "transition-opacity duration-200 group-hover:opacity-80", children: [_jsx("circle", { cx: "8", cy: "8", r: "8", fill: "black" }), _jsx("circle", { cx: "8", cy: "8", r: "7.5", stroke: "white", strokeOpacity: "0.2" })] })) })] }));
-}
-//# sourceMappingURL=ChainButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ChainButton.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/components/ChainButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Chain } from \"../types\";\nimport { ImageWithFallback } from \"./ImageWithFallback\";\n\ninterface ChainButtonProps {\n  chain: Chain;\n  onClick: (chainId: string) => void;\n  disabled?: boolean;\n  selected?: boolean;\n  soon?: boolean;\n  subtitle?: string;\n}\n\nexport function ChainButton({\n  chain,\n  onClick,\n  disabled = false,\n  selected = false,\n  soon = false,\n  subtitle,\n}: ChainButtonProps) {\n  const handleClick = () => {\n    if (!disabled && !soon) {\n      onClick(chain.id);\n    }\n  };\n  \n  const imageClasses = disabled\n    ? \"opacity-50 grayscale brightness-150\"\n    : \"opacity-90 grayscale brightness-150 transition-all duration-200\";\n\n  // Base button classes\n  const baseButtonClasses = \"group rounded-lg flex items-center justify-between border p-4 bg-n1-ww-gray-900 transition-all duration-200\";\n  \n  // Conditional classes based on selection, disabled, and soon state\n  const buttonClasses = disabled\n    ? `${baseButtonClasses} border-n1-ww-border opacity-50 cursor-not-allowed`\n    : soon\n    ? `${baseButtonClasses} border-n1-ww-border cursor-not-allowed`\n    : selected\n    ? `${baseButtonClasses} border-n1-ww-border hover:border-n1-ww-main-400/50 hover:bg-n1-ww-gray-800 cursor-pointer`\n    : `${baseButtonClasses} border-n1-ww-border hover:border-n1-ww-main-400/50 hover:bg-n1-ww-gray-800 cursor-pointer`;\n\n  return (\n    <button\n      onClick={handleClick}\n      className={buttonClasses}\n      disabled={disabled}\n    >\n      <div className=\"flex items-center justify-start\">\n        <div className=\"flex items-center justify-center rounded-full bg-n1-ww-gray-650 mr-2 h-8 w-8\">\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 brightness-150\"\n              fallbackBgColor=\"bg-n1-ww-main/20\"\n              fallbackTextColor=\"text-n1-ww-main\"\n            />\n          ) : (\n            <div className={disabled ? \"grayscale brightness-150 opacity-50\" : \"grayscale brightness-150\"}>{chain.logo}</div>\n          )}\n        </div>\n        <div className=\"flex flex-col items-start justify-center text-left\">\n          <span className=\"text-white font-medium text-sm\">{chain.name}</span>\n          {subtitle ? (\n            <span className=\"text-n1-ww-gray-100 font-light text-xs\">{subtitle}</span>\n          ) : (\n            <span className=\"text-white font-light text-xs\">{chain.name}</span>\n          )}\n        </div>\n      </div>\n      <div className=\"flex items-center justify-center\">\n        {soon ? (\n          <span className=\"px-2 py-1 rounded text-xs font-medium bg-n1-ww-main-950 text-n1-ww-main-700\">\n            SOON\n          </span>\n        ) : selected ? (\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"#FF441A\"/>\n            <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M12.3333 5.52227L7.48168 11.4007L7.1762 11.7708L6.83012 11.4354L4 8.69212L4.61955 8.10046L7.10358 10.5083L11.6497 5L12.3333 5.52227Z\" fill=\"#FF441A\" stroke=\"#FF441A\" strokeWidth=\"0.5\"/>\n          </svg>\n        ) : (\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" className=\"transition-opacity duration-200 group-hover:opacity-80\">\n            <circle cx=\"8\" cy=\"8\" r=\"8\" fill=\"black\"/>\n            <circle cx=\"8\" cy=\"8\" r=\"7.5\" stroke=\"white\" strokeOpacity=\"0.2\"/>\n          </svg>\n        )}\n      </div>\n    </button>\n  );\n}\n"]}

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

@@ -1,9 +0,0 @@
-import { Chain } from '../types';
-interface EVMChainsButtonProps {
-    chain: Chain;
-    onClick: (chainId: string) => void;
-    disabled?: boolean;
-    selected?: boolean;
-}
-export declare function EVMChainsButton({ chain, onClick, disabled, selected, }: EVMChainsButtonProps): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { EVMChainsGroup } from '../../../components/logos';
-export function EVMChainsButton(_a) {
-    var chain = _a.chain, onClick = _a.onClick, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.selected, selected = _c === void 0 ? false : _c;
-    var handleClick = function () {
-        if (!disabled) {
-            onClick(chain.id);
-        }
-    };
-    var logoClasses = disabled
-        ? "opacity-50 grayscale"
-        : "opacity-90 grayscale group-hover:grayscale-0 group-hover:scale-105 transition-all duration-200";
-    // Base button classes
-    var baseButtonClasses = "group rounded-lg flex items-center justify-between border p-4 bg-n1-ww-gray-900 transition-all duration-200";
-    // Conditional classes based on selection and disabled state
-    var buttonClasses = disabled
-        ? "".concat(baseButtonClasses, " border-n1-ww-border opacity-50 cursor-not-allowed")
-        : "".concat(baseButtonClasses, " border-n1-ww-border hover:border-n1-ww-main-400/50 hover:bg-n1-ww-gray-800 cursor-pointer");
-    return (_jsxs("button", { onClick: handleClick, className: buttonClasses, disabled: disabled, children: [_jsxs("div", { className: "flex items-center justify-start", children: [_jsx("div", { className: "flex items-center justify-center rounded-full bg-n1-ww-gray-650 mr-2 h-8 w-8", children: _jsx("div", { className: logoClasses, children: _jsx(EVMChainsGroup, { size: 32 }) }) }), _jsxs("div", { className: "flex flex-col items-start justify-center text-left", children: [_jsx("span", { className: "text-white font-medium text-sm", children: chain.name }), _jsx("span", { className: "text-white font-light text-xs", children: chain.name })] })] }), _jsx("div", { className: "flex items-center justify-center", children: selected ? (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { x: "0.5", y: "0.5", width: "15", height: "15", rx: "7.5", stroke: "#FF441A" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.3333 5.52227L7.48168 11.4007L7.1762 11.7708L6.83012 11.4354L4 8.69212L4.61955 8.10046L7.10358 10.5083L11.6497 5L12.3333 5.52227Z", fill: "#FF441A", stroke: "#FF441A", strokeWidth: "0.5" })] })) : (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "transition-opacity duration-200 group-hover:opacity-80", children: [_jsx("circle", { cx: "8", cy: "8", r: "8", fill: "black" }), _jsx("circle", { cx: "8", cy: "8", r: "7.5", stroke: "white", strokeOpacity: "0.2" })] })) })] }));
-}
-//# sourceMappingURL=EVMChainsButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EVMChainsButton.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/components/EVMChainsButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAS3D,MAAM,UAAU,eAAe,CAAC,EAKT;QAJrB,KAAK,WAAA,EACL,OAAO,aAAA,EACP,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,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,GAAG,QAAQ;QAC1B,CAAC,CAAC,sBAAsB;QACxB,CAAC,CAAC,gGAAgG,CAAC;IAErG,sBAAsB;IACtB,IAAM,iBAAiB,GAAG,6GAA6G,CAAC;IAExI,4DAA4D;IAC5D,IAAM,aAAa,GAAG,QAAQ;QAC5B,CAAC,CAAC,UAAG,iBAAiB,uDAAoD;QAC1E,CAAC,CAAC,UAAG,iBAAiB,+FAA4F,CAAC;IAErH,OAAO,CACL,kBACE,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,QAAQ,aAElB,eAAK,SAAS,EAAC,iCAAiC,aAC9C,cAAK,SAAS,EAAC,8EAA8E,YAC3F,cAAK,SAAS,EAAE,WAAW,YACzB,KAAC,cAAc,IAAC,IAAI,EAAE,EAAE,GAAI,GACxB,GACF,EACN,eAAK,SAAS,EAAC,oDAAoD,aACjE,eAAM,SAAS,EAAE,gCAAgC,YAAG,KAAK,CAAC,IAAI,GAAQ,EACtE,eAAM,SAAS,EAAE,+BAA+B,YAAG,KAAK,CAAC,IAAI,GAAQ,IACjE,IACF,EACN,cAAK,SAAS,EAAC,kCAAkC,YAC9C,QAAQ,CAAC,CAAC,CAAC,CACV,eAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,aAC5F,eAAM,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,MAAM,EAAC,SAAS,GAAE,EACxE,eAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,sIAAsI,EAAC,IAAI,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,WAAW,EAAC,KAAK,GAAE,IACpO,CACP,CAAC,CAAC,CAAC,CACF,eAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,SAAS,EAAC,wDAAwD,aAC/J,iBAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAC,OAAO,GAAE,EAC1C,iBAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,aAAa,EAAC,KAAK,GAAE,IAC9D,CACP,GACG,IACC,CACV,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport { Chain } from '../types';\nimport { EVMChainsGroup } from '../../../components/logos';\n\ninterface EVMChainsButtonProps {\n  chain: Chain;\n  onClick: (chainId: string) => void;\n  disabled?: boolean;\n  selected?: boolean;\n}\n\nexport function EVMChainsButton({\n  chain,\n  onClick,\n  disabled = false,\n  selected = false,\n}: EVMChainsButtonProps) {\n  const handleClick = () => {\n    if (!disabled) {\n      onClick(chain.id);\n    }\n  };\n\n  const logoClasses = disabled\n    ? \"opacity-50 grayscale\"\n    : \"opacity-90 grayscale group-hover:grayscale-0 group-hover:scale-105 transition-all duration-200\";\n\n  // Base button classes\n  const baseButtonClasses = \"group rounded-lg flex items-center justify-between border p-4 bg-n1-ww-gray-900 transition-all duration-200\";\n  \n  // Conditional classes based on selection and disabled state\n  const buttonClasses = disabled\n    ? `${baseButtonClasses} border-n1-ww-border opacity-50 cursor-not-allowed`\n    : `${baseButtonClasses} border-n1-ww-border hover:border-n1-ww-main-400/50 hover:bg-n1-ww-gray-800 cursor-pointer`;\n\n  return (\n    <button\n      onClick={handleClick}\n      className={buttonClasses}\n      disabled={disabled}\n    >\n      <div className=\"flex items-center justify-start\">\n        <div className=\"flex items-center justify-center rounded-full bg-n1-ww-gray-650 mr-2 h-8 w-8\">\n          <div className={logoClasses}>\n            <EVMChainsGroup size={32} />\n          </div>\n        </div>\n        <div className=\"flex flex-col items-start justify-center text-left\">\n          <span className={\"text-white font-medium text-sm\"}>{chain.name}</span>\n          <span className={\"text-white font-light text-xs\"}>{chain.name}</span>\n        </div>\n      </div>\n      <div className=\"flex items-center justify-center\">\n        {selected ? (\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"#FF441A\"/>\n            <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M12.3333 5.52227L7.48168 11.4007L7.1762 11.7708L6.83012 11.4354L4 8.69212L4.61955 8.10046L7.10358 10.5083L11.6497 5L12.3333 5.52227Z\" fill=\"#FF441A\" stroke=\"#FF441A\" strokeWidth=\"0.5\"/>\n          </svg>\n        ) : (\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" className=\"transition-opacity duration-200 group-hover:opacity-80\">\n            <circle cx=\"8\" cy=\"8\" r=\"8\" fill=\"black\"/>\n            <circle cx=\"8\" cy=\"8\" r=\"7.5\" stroke=\"white\" strokeOpacity=\"0.2\"/>\n          </svg>\n        )}\n      </div>\n    </button>\n  );\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/components/Header.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback } from 'react';\nimport { useN1WalletContext, useN1WalletInternalContext } from '../../../Provider/hooks';\nimport { shortenAddress } from '../../../utils/shortenString';\n\nconst WalletConnectionBadge: React.FC = () => {\n  const { address } = useN1WalletContext();\n  const { dynamicWallet } = useN1WalletInternalContext();\n  const connectionAddress = dynamicWallet?.address || address;\n\n  const handleShareClick = useCallback(() => {\n    if (!connectionAddress || typeof navigator === 'undefined') return;\n\n    const nav = navigator as Navigator & {\n      share?: (data: ShareData) => Promise<void>;\n    };\n\n    if (typeof nav.share === 'function') {\n      nav.share({ title: 'Wallet address', text: connectionAddress }).catch(() => {});\n      return;\n    }\n\n    if (nav.clipboard?.writeText) {\n      nav.clipboard.writeText(connectionAddress).catch(() => {});\n    }\n  }, [connectionAddress]);\n\n  if (!connectionAddress) {\n    return null;\n  }\n\n  return (\n    <div className=\"inline-flex items-center gap-2 text-[12px] leading-none text-n1-ww-icon\">\n      <span\n        className=\"flex h-2 w-2 flex-shrink-0 rounded-full bg-n1-ww-accent-neon\"\n        aria-label=\"Wallet connected\"\n      />\n      <span className=\"underline underline-offset-2 decoration-white/40 tracking-[-0.2px]\">\n        {shortenAddress(connectionAddress)}\n      </span>\n      <button\n        type=\"button\"\n        onClick={handleShareClick}\n        className=\"flex h-4 w-4 flex-shrink-0 items-center justify-center text-n1-ww-main hover:text-white transition-colors\"\n        aria-label=\"Share wallet address\"\n      >\n        <svg\n          className=\"h-full w-full\"\n          viewBox=\"0 0 14 14\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M5.93066 8.06944L12.3473 1.65277\"\n            stroke=\"currentColor\"\n            strokeWidth=\"1.2\"\n            strokeLinecap=\"round\"\n          />\n          <path\n            d=\"M8.06958 1.65277H12.3474V5.93055\"\n            stroke=\"currentColor\"\n            strokeWidth=\"1.2\"\n            strokeLinecap=\"round\"\n          />\n          <path\n            d=\"M10.7431 7.80207V12.3472H1.65283V3.25693H6.19797\"\n            stroke=\"currentColor\"\n            strokeWidth=\"1.2\"\n            strokeLinecap=\"round\"\n          />\n        </svg>\n      </button>\n    </div>\n  );\n};\n\ninterface HeaderProps {\n  title?: string;\n  onClose?: () => void;\n  onBack?: () => void;\n}\n\n/**\n * Header component for the Nord Flow modal\n * Contains the \"Bridge\" text and close button\n */\nexport const Header: React.FC<HeaderProps> = ({\n  onClose,\n  onBack,\n  title = 'Bridge',\n}) => {\n  return (\n    <div className=\"w-full px-4 pt-4\">\n      <div className=\"flex items-center h-4 gap-2\">\n        <div className=\"flex flex-1 items-center min-w-0\">\n          {onBack && (\n            <button\n              type=\"button\"\n              onClick={onBack}\n              className=\"flex h-full items-center justify-center cursor-pointer text-n1-ww-icon hover:text-white pr-4\" \n              aria-label=\"Go back\"\n            >\n              <svg\n                className=\"h-[10px] w-[6px]\"\n                width=\"6\"\n                height=\"10\"\n                viewBox=\"0 0 6 10\"\n                fill=\"currentColor\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <path d=\"M5.26316 10L0 5L5.26316 0L6 0.7125L1.48684 5L6 9.2875L5.26316 10Z\" />\n              </svg>\n            </button>\n          )}\n          <div className={\" text-[12px] text-n1-ww-icon opacity-90 tracking-[-0.24px] leading-none\"}>\n            {title}\n          </div>\n        </div>\n        <div className=\"flex flex-1 items-center justify-center px-2\">\n          <WalletConnectionBadge />\n        </div>\n        <div className=\"flex flex-1 justify-end\">\n          <button\n            type=\"button\"\n            onClick={(event) => {\n              event.preventDefault();\n              event.stopPropagation();\n              if (event.nativeEvent?.stopImmediatePropagation) {\n                event.nativeEvent.stopImmediatePropagation();\n              }\n              if (onClose) {\n                onClose();\n              }\n            }}\n            className=\"flex h-10 w-10 items-center justify-center cursor-pointer text-n1-ww-icon hover:text-white\"\n            >\n            <svg\n              className=\"h-[10px] w-[10px]\"\n              viewBox=\"0 0 10 10\"\n              fill=\"currentColor\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path d=\"M5.88381 5L10 0.883812L9.11619 0L5 4.11619L0.883937 0L0 0.883812L4.11619 5L0 9.11619L0.883937 10L5 5.88381L9.11619 10L10 9.11619L5.88381 5Z\" />\n            </svg>\n          </button>\n        </div>\n      </div>\n      <div className=\"h-4 relative mt-0 w-full\">\n        <div className=\"absolute bottom-0 left-0 right-0 top-[-1px] border-b border-n1-ww-border\"></div>\n      </div>\n    </div>\n  );\n}; \n"]}

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

@@ -1 +0,0 @@
-{"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,uBAAqC,EAArC,eAAe,mBAAG,mBAAmB,KAAA,EACrC,yBAAyC,EAAzC,iBAAiB,mBAAG,qBAAqB,KAAA;IAEnC,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-ww-gray-800',\n  fallbackTextColor = 'text-n1-ww-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.d.ts

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

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

@@ -1,6 +0,0 @@
-'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 n1-ww-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-ww-gray-100 dark:border-neutral-800 overflow-hidden", children: _jsx("div", { className: "absolute inset-x-0 bottom-0 h-full bg-n1-ww-main/40 dark:bg-n1-ww-main/20 n1-ww-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-ww-main/40 dark:bg-n1-ww-main/20 n1-ww-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-ww-main/40 dark:bg-n1-ww-main/20 n1-ww-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-ww-main/40 dark:bg-n1-ww-main/20 n1-ww-animate-square-loader", style: { animationDelay: '0.6s' } }) })] }) }));
-}
-//# sourceMappingURL=LoadingSquares.js.map

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

@@ -1 +0,0 @@
-{"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,0CAA0C,EACpD,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,YAEjC,eAAK,SAAS,EAAC,yCAAyC,aACtD,cAAK,SAAS,EAAC,8GAA8G,YAC3H,cAAK,SAAS,EAAC,uGAAuG,GAAO,GACzH,EACN,cAAK,SAAS,EAAC,2GAA2G,YACxH,cACE,SAAS,EAAC,uGAAuG,EACjH,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,GAC5B,GACH,EACN,cAAK,SAAS,EAAC,2GAA2G,YACxH,cACE,SAAS,EAAC,uGAAuG,EACjH,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,GAC5B,GACH,EACN,cAAK,SAAS,EAAC,2GAA2G,YACxH,cACE,SAAS,EAAC,uGAAuG,EACjH,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-ww-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-ww-gray-100 dark:border-neutral-800 overflow-hidden\">\n          <div className=\"absolute inset-x-0 bottom-0 h-full bg-n1-ww-main/40 dark:bg-n1-ww-main/20 n1-ww-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-ww-main/40 dark:bg-n1-ww-main/20 n1-ww-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-ww-main/40 dark:bg-n1-ww-main/20 n1-ww-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-ww-main/40 dark:bg-n1-ww-main/20 n1-ww-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.d.ts

@@ -1,8 +0,0 @@
-import { Chain } from '../types';
-interface MoreButtonProps {
-    chain: Chain;
-    onClick: (chainId: string) => void;
-    disabled?: boolean;
-}
-export declare function MoreButton({ chain, onClick, disabled, }: MoreButtonProps): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,19 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MoreChainsGroup } from '../../../components/logos';
-export function MoreButton(_a) {
-    var chain = _a.chain, onClick = _a.onClick, _b = _a.disabled, disabled = _b === void 0 ? false : _b;
-    var handleClick = function () {
-        if (!disabled) {
-            onClick(chain.id);
-        }
-    };
-    var baseClasses = 'flex flex-col items-center justify-center p-6 bg-n1-ww-gray-950 border-2 border-n1-ww-border transition-all duration-200 group rounded-lg';
-    var enabledClasses = 'hover:border-n1-ww-border hover:bg-n1-ww-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-n1-ww-gray-500'
-        : 'mt-4 font-medium text-n1-ww-gray-400 group-hover:text-n1-ww-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

@@ -1 +0,0 @@
-{"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,2IAA2I,CAAC;IAC9I,IAAM,cAAc,GAClB,mDAAmD,CAAC;IACtD,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,sCAAsC;QACxC,CAAC,CAAC,oGAAoG,CAAC;IAEzG,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-ww-gray-950 border-2 border-n1-ww-border transition-all duration-200 group rounded-lg';\n  const enabledClasses =\n    'hover:border-n1-ww-border hover:bg-n1-ww-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-ww-gray-500'\n    : 'mt-4 font-medium text-n1-ww-gray-400 group-hover:text-n1-ww-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.map

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

@@ -1,18 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { N1LoaderAnimation } from '../../../animations/N1Loader';
-import { SolanaLogo } from '../../../components/logos';
-import Logo from '../../../components/Logo';
-export function WaitingMessage(_a) {
-    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 +0,0 @@
-{"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.js.map

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

@@ -1,37 +0,0 @@
-import { StateTransition } from './types';
-export declare const ANIMATION_EASE = "cubic-bezier(0.16, 1, 0.3, 1)";
-export declare const TYPING_INTERVAL = 50;
-export declare const ANIMATION_DURATION = 3000;
-export declare const MIN_DEPOSIT = 10000;
-export declare const MAX_DEPOSIT = 10000;
-export declare const INITIAL_APPS: {
-    name: string;
-    color: string;
-    progress: number;
-}[];
-/**
- * Available chains for deposit
- */
-export declare const AVAILABLE_CHAINS: {
-    id: string;
-    name: string;
-    logo: string;
-}[];
-export declare const CHAINS: {
-    id: string;
-    name: string;
-    logo: string;
-}[];
-/**
- * State machine transitions
- * Defines all possible transitions between states and their conditions
- */
-export declare const STATE_TRANSITIONS: StateTransition[];
-/**
- * Local storage key for persisting flow state
- */
-export declare const FLOW_STATE_STORAGE_KEY = "n1_wallet_connection_flow_state";
-/**
- * Time in milliseconds after which a persisted state is considered stale
- */
-export declare const STATE_EXPIRY_TIME: number;

package/dist/Modal/NordFlow/constants.js

@@ -1,183 +0,0 @@
-import { FlowState } from './types';
-export var ANIMATION_EASE = 'cubic-bezier(0.16, 1, 0.3, 1)';
-export var TYPING_INTERVAL = 50;
-export var ANIMATION_DURATION = 3000;
-export var MIN_DEPOSIT = 10000;
-export var MAX_DEPOSIT = 10000;
-export var INITIAL_APPS = Array.from({ length: 20 }, function (_, i) { return ({
-    name: "App".concat(i + 1),
-    color: '#ff2b1f',
-    progress: 0,
-}); });
-/**
- * Available chains for deposit
- */
-export var AVAILABLE_CHAINS = [
-    {
-        id: 'ethereum',
-        name: 'Ethereum',
-        logo: 'ethereum-logo.svg',
-    },
-    {
-        id: 'solana',
-        name: 'Solana',
-        logo: 'solana-logo.svg',
-    },
-];
-export var CHAINS = [
-    {
-        id: 'ethereum',
-        name: 'Ethereum',
-        logo: '/images/chains/ethereum.svg',
-    },
-    {
-        id: 'polygon',
-        name: 'Polygon',
-        logo: '/images/chains/polygon.svg',
-    },
-    {
-        id: 'arbitrum',
-        name: 'Arbitrum',
-        logo: '/images/chains/arbitrum.svg',
-    },
-    {
-        id: 'optimism',
-        name: 'Optimism',
-        logo: '/images/chains/optimism.svg',
-    },
-];
-/**
- * State machine transitions
- * Defines all possible transitions between states and their conditions
- */
-export var STATE_TRANSITIONS = [
-    // Global recovery transition (can happen from any state upon recovery)
-    {
-        from: [
-            FlowState.ERROR,
-        ],
-        to: FlowState.CONNECTING_WALLET,
-        condition: function (context) {
-            return !context.hasActiveSession
-                && !context.hasNordAccount;
-        }
-    },
-    // Allow navigating back to chain selection from the amount input screen
-    {
-        from: FlowState.AMOUNT_INPUT,
-        to: FlowState.CHAIN_SELECTION,
-    },
-    // Global recovery transition (can happen from any state upon recovery)
-    {
-        from: [
-            FlowState.ERROR,
-            FlowState.CONNECTING_WALLET,
-        ],
-        to: FlowState.CHAIN_SELECTION,
-        condition: function (context) {
-            return !context.hasActiveSession
-                && !context.hasNordAccount;
-        }
-    },
-    // Global recovery transition (can happen from any state upon recovery)
-    {
-        from: [
-            FlowState.ERROR,
-            FlowState.CONNECTING_WALLET,
-            FlowState.CHAIN_SELECTION,
-            FlowState.AMOUNT_INPUT,
-        ],
-        to: FlowState.AMOUNT_INPUT,
-        condition: function (context) {
-            return context.isDepositOnlyFlow
-                || (!context.hasActiveSession
-                    && !context.hasNordAccount);
-        }
-    },
-    // Global recovery transition (can happen from any state upon recovery)
-    {
-        from: [
-            FlowState.ERROR,
-            FlowState.CONNECTING_WALLET,
-            FlowState.CHAIN_SELECTION,
-            FlowState.AMOUNT_INPUT,
-        ],
-        to: FlowState.DEPOSIT_PROGRESS,
-        condition: function (context) {
-            return context.isDepositOnlyFlow
-                || (!context.hasActiveSession
-                    && !context.hasNordAccount);
-        }
-    },
-    // Global recovery transition (can happen from any state upon recovery)
-    {
-        from: [
-            FlowState.ERROR,
-            FlowState.CONNECTING_WALLET,
-            FlowState.CHAIN_SELECTION,
-            FlowState.AMOUNT_INPUT,
-            FlowState.DEPOSIT_PROGRESS,
-        ],
-        to: FlowState.DEPOSIT_SUCCESS,
-        condition: function (context) {
-            return context.isDepositOnlyFlow
-                || (!context.hasActiveSession
-                    && context.hasNordAccount);
-        }
-    },
-    // Global recovery transition (can happen from any state upon recovery)
-    {
-        from: [
-            FlowState.CONNECTING_WALLET,
-            FlowState.CHAIN_SELECTION,
-            FlowState.AMOUNT_INPUT,
-            FlowState.DEPOSIT_PROGRESS,
-            FlowState.DEPOSIT_SUCCESS,
-            FlowState.ERROR,
-        ],
-        to: FlowState.AUTH_LOADING,
-        condition: function (context) {
-            return !context.hasActiveSession
-                && context.hasNordAccount;
-        }
-    },
-    // Global recovery transition (can happen from any state upon recovery)
-    {
-        from: [
-            FlowState.CONNECTING_WALLET,
-            FlowState.CHAIN_SELECTION,
-            FlowState.AMOUNT_INPUT,
-            FlowState.DEPOSIT_PROGRESS,
-            FlowState.DEPOSIT_SUCCESS,
-            FlowState.AUTH_LOADING,
-            FlowState.ERROR,
-        ],
-        to: FlowState.FINAL_SUCCESS,
-        condition: function (context) {
-            return context.hasActiveSession
-                && context.hasNordAccount;
-        }
-    },
-    // Global recovery transition (can happen from any state upon recovery)
-    {
-        from: [
-            FlowState.CONNECTING_WALLET,
-            FlowState.CHAIN_SELECTION,
-            FlowState.AMOUNT_INPUT,
-            FlowState.DEPOSIT_PROGRESS,
-            FlowState.DEPOSIT_SUCCESS,
-            FlowState.AUTH_LOADING,
-            FlowState.FINAL_SUCCESS,
-        ],
-        to: FlowState.ERROR,
-    },
-];
-/**
- * Local storage key for persisting flow state
- */
-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

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