@n1xyz/wallet-widget 0.0.5 → 0.0.7

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

@@ -36,7 +36,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState, useCallback, useRef } from 'react';
-import { useN1WalletContext, useN1WalletInternalContext } from '../../../Provider/hooks';
+import { useN1WalletContext, useN1WalletInternalContext, } from '../../../Provider/hooks';
 import { LoadingSquares } from '../components/LoadingSquares';
 import { logger } from '../../../utils/logger';
 import { ANIMATION_EASE } from '../constants';
@@ -57,12 +57,12 @@ export function AuthLoadingScreen(_a) {
                 case 0:
                     _a.trys.push([0, 3, , 4]);
                     // Step 1: Tell user to sign transaction
-                    setStatusMessage("Please sign the transaction to authenticate your session");
+                    setStatusMessage('Please sign the transaction to authenticate your session');
                     if (!nordUser) {
                         throw new Error('Nord user is not initialized');
                     }
                     // Step 2: Call nordUser.refreshSession and get sessionId
-                    setStatusMessage("Session is being authenticated...");
+                    setStatusMessage('Session is being authenticated...');
                     sessionPubKey = nordUser.sessionPubKey;
                     if (!sessionPubKey) {
                         throw new Error('Session public key is not available');
@@ -72,16 +72,16 @@ export function AuthLoadingScreen(_a) {
                 case 1:
                     // Refresh the session
                     _a.sent();
-                    return [4 /*yield*/, nordUser.updateAccountId()
-                        // Get the sessionId after refresh
-                    ];
+                    return [4 /*yield*/, nordUser.updateAccountId()];
                 case 2:
                     _a.sent();
                     sessionId = nordUser.sessionId;
                     if (!sessionId) {
                         throw new Error('Failed to get session ID after refresh');
                     }
-                    logger.debug('Session refreshed successfully', { sessionId: sessionId.toString() });
+                    logger.debug('Session refreshed successfully', {
+                        sessionId: sessionId.toString(),
+                    });
                     // Step 3: Store sessionId in localStorage
                     if (address) {
                         sessionIdKey = "n1_sessionId_".concat(address);
@@ -118,9 +118,18 @@ export function AuthLoadingScreen(_a) {
         setStatusMessage(null);
         performAuth();
     };
-    return (_jsxs("div", { className: "flex flex-col items-center justify-center py-12 space-y-6", children: [authStatus === 'loading' && _jsx(LoadingSquares, {}), authStatus === 'success' && (_jsx("div", { className: "text-green-500 text-4xl mb-4", children: "\u2713" })), authStatus === 'error' && (_jsx("div", { className: "text-red-500 text-4xl mb-4", children: "\u26A0\uFE0F" })), _jsxs("div", { className: "space-y-2 text-center w-[300px]", children: [_jsxs("h3", { className: "text-xl text-gray-800 dark:text-white font-semibold", children: [authStatus === 'loading' && (isCreatingAccount ? 'Creating Account' : 'Authenticating'), authStatus === 'success' && (isCreatingAccount ? 'Account Created' : 'Authentication Successful'), authStatus === 'error' && 'Authentication Failed'] }), _jsxs("p", { className: "text-sm text-gray-600 dark:text-neutral-400", children: [authStatus === 'loading' && statusMessage ? statusMessage : ('Please wait while we create your Nord account'), authStatus === 'success' && (isCreatingAccount
-                                ? 'Your account has been created successfully'
-                                : 'You have been logged in successfully'), authStatus === 'error' && (errorMessage || 'There was an error during authentication. Please try again.')] }), authStatus === 'error' && (_jsx("div", { className: "mt-6", children: _jsx("button", { onClick: handleRetry, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, className: "\n                group relative w-full overflow-hidden rounded-md border-2 bg-gray-100 dark:bg-neutral-950 py-4 text-center\n                transition-all duration-300 ".concat(ANIMATION_EASE, "\n                cursor-pointer border-gray-200 dark:border-gray-800 hover:border-gray-400 dark:hover:border-white/60\n              "), style: {
+    return (_jsxs("div", { className: "flex flex-col items-center justify-center py-12 space-y-6", children: [authStatus === 'loading' && _jsx(LoadingSquares, {}), authStatus === 'success' && (_jsx("div", { className: "text-green-500 text-4xl mb-4", children: "\u2713" })), authStatus === 'error' && (_jsx("div", { className: "text-red-500 text-4xl mb-4", children: "\u26A0\uFE0F" })), _jsxs("div", { className: "space-y-2 text-center w-[300px]", children: [_jsxs("h3", { className: "text-xl text-gray-800 dark:text-white font-semibold", children: [authStatus === 'loading' &&
+                                (isCreatingAccount ? 'Creating Account' : 'Authenticating'), authStatus === 'success' &&
+                                (isCreatingAccount
+                                    ? 'Account Created'
+                                    : 'Authentication Successful'), authStatus === 'error' && 'Authentication Failed'] }), _jsxs("p", { className: "text-sm text-gray-600 dark:text-neutral-400", children: [authStatus === 'loading' && statusMessage
+                                ? statusMessage
+                                : 'Please wait while we create your Nord account', authStatus === 'success' &&
+                                (isCreatingAccount
+                                    ? 'Your account has been created successfully'
+                                    : 'You have been logged in successfully'), authStatus === 'error' &&
+                                (errorMessage ||
+                                    'There was an error during authentication. Please try again.')] }), authStatus === 'error' && (_jsx("div", { className: "mt-6", children: _jsx("button", { onClick: handleRetry, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, className: "\n                group relative w-full overflow-hidden rounded-md border-2 bg-gray-100 dark:bg-neutral-950 py-4 text-center\n                transition-all duration-300 ".concat(ANIMATION_EASE, "\n                cursor-pointer border-gray-200 dark:border-gray-800 hover:border-gray-400 dark:hover:border-white/60\n              "), style: {
                                 transform: isHovered ? 'scale(0.99)' : 'scale(1)',
                             }, children: _jsx("span", { className: "\n                text-base font-medium tracking-wide transition-colors duration-300 ".concat(ANIMATION_EASE, "\n                text-gray-700 dark:text-gray-300 group-hover:text-gray-900 dark:group-hover:text-white\n              "), children: "Try Again" }) }) }))] })] }));
 }

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

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

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import { ANIMATION_EASE } from '../constants';
-import { useN1WalletContext, useN1WalletInternalContext } from '../../../Provider/hooks';
+import { useN1WalletContext, useN1WalletInternalContext, } from '../../../Provider/hooks';
 import { N1SessionMode } from '../../../Provider/types';
 import { isNordConfigured } from '../utils/nordUtils';
 export function FinalSuccessScreen(_a) {
@@ -16,7 +16,7 @@ export function FinalSuccessScreen(_a) {
     // Get the appropriate title and message based on Nord configuration
     var getTitle = function () {
         if (nord && isNordConfigured(nord)) {
-            return 'Nord Authentication Successful!';
+            return 'Authentication Successful!';
         }
         else {
             return 'Authentication Successful!';
@@ -24,7 +24,7 @@ export function FinalSuccessScreen(_a) {
     };
     var getMessage = function () {
         if (sessionMode === N1SessionMode.Nord) {
-            return 'Your wallet has been successfully connected to Nord';
+            return 'Your wallet has been successfully connected';
         }
         else {
             return 'Your wallet has been successfully connected';

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

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

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

@@ -10,9 +10,11 @@ export function ErrorScreen(_a) {
     var _c = useState(false), isNordError = _c[0], setIsNordError = _c[1];
     // Check if the error is related to Nord
     useEffect(function () {
-        if (error && error.message && (error.message.includes('Nord') ||
-            error.message.includes('nord') ||
-            (error.name && error.name.includes('Nord')))) {
+        if (error &&
+            error.message &&
+            (error.message.includes('Nord') ||
+                error.message.includes('nord') ||
+                (error.name && error.name.includes('Nord')))) {
             setIsNordError(true);
         }
         else {
@@ -25,13 +27,16 @@ export function ErrorScreen(_a) {
             return 'An unexpected error occurred';
         // Check for specific Nord-related errors
         if (isNordError) {
-            if (error.message.includes('connection') || error.message.includes('network')) {
+            if (error.message.includes('connection') ||
+                error.message.includes('network')) {
                 return 'Failed to connect to Nord. Please check your network connection and try again.';
             }
-            if (error.message.includes('authentication') || error.message.includes('auth')) {
+            if (error.message.includes('authentication') ||
+                error.message.includes('auth')) {
                 return 'Authentication with Nord failed. Please try again.';
             }
-            if (error.message.includes('deposit') || error.message.includes('transaction')) {
+            if (error.message.includes('deposit') ||
+                error.message.includes('transaction')) {
                 return 'Failed to process your deposit. Please try again.';
             }
             return "Nord error: ".concat(error.message);

package/dist/Modal/NordFlow/types.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 /**
  * Types for the wallet connection flow state machine
  */
@@ -90,9 +91,10 @@ export interface WaitingMessageState {
 export interface Chain {
     id: string;
     name: string;
-    logo: string;
+    logo: string | React.ReactNode;
     disabled?: boolean;
     network?: string;
+    description?: string;
 }
 export interface App {
     name: string;

package/dist/Modal/NordFlow/utils/imageUtils.js

@@ -92,9 +92,9 @@ export var getTokenIconUrl = function (tokenSymbol, fallbackUrl) {
         var baseUrl = 'https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/ethereum/assets';
         // Map of token symbols to their respective contract addresses
         var tokenAddresses = {
-            'USDC': '0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48',
-            'USDT': '0xdAC17F958D2ee523a2206206994597C13D831ec7',
-            'DAI': '0x6B175474E89094C44Da98b954EedeAC495271d0F',
+            USDC: '0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48',
+            USDT: '0xdAC17F958D2ee523a2206206994597C13D831ec7',
+            DAI: '0x6B175474E89094C44Da98b954EedeAC495271d0F',
             // Add more tokens as needed
         };
         if (tokenAddresses[tokenSymbol.toUpperCase()]) {

package/dist/Modal/NordFlow/utils/nordUtils.js

@@ -5,7 +5,9 @@
  * @returns Formatted transaction ID
  */
 export function formatNordTransaction(tx) {
-    return tx.id ? tx.id.substring(0, 8) + '...' + tx.id.substring(tx.id.length - 8) : 'Unknown';
+    return tx.id
+        ? tx.id.substring(0, 8) + '...' + tx.id.substring(tx.id.length - 8)
+        : 'Unknown';
 }
 /**
  * Get token balance for a specific token

package/dist/Modal/Sidebar/N1Sidebar.js

@@ -37,7 +37,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import BlockiesSvg from 'blockies-react-svg';
 import QRCodeLoader from '../../components/QRCodeLoader';
-import { ArrowDown, ArrowUp, X, ArrowLeft, Maximize2, Minimize2 } from 'lucide-react';
+import { ArrowDown, ArrowUp, X, ArrowLeft, Maximize2, Minimize2, } from 'lucide-react';
 import { useEffect, useState } from 'react';
 import { N1ModalViewMode, N1SessionMode } from '../../Provider/types';
 import { shortenAddress } from '../../utils/shortenString';
@@ -167,7 +167,7 @@ export function N1Sidebar(_) {
     return (_jsxs("div", { className: "fixed inset-0 bg-white/45 dark:bg-black/45 h-screen w-screen duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] z-[9999] flex items-stretch justify-end backdrop-blur-sm ".concat(!showSidebar ? 'hidden pointer-events-none' : '', " ").concat(closing ? 'opacity-0' : 'opacity-100'), children: [showSidebar && (_jsx("div", { className: "w-screen h-screen fixed top-0 left-0", onClick: function () { return setClosing(true); } })), showSidebar && (_jsxs("div", { className: "relative h-screen bg-gray-50 dark:bg-gray-950 shadow-xl border-l border-gray-200 dark:border-gray-800 duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] overflow-hidden ".concat(closing ? 'translate-x-full' : 'translate-x-0', " ").concat(isFullscreen ? 'w-screen' : 'w-[420px]'), children: [_jsxs("div", { className: "flex justify-between items-center px-6 py-4 border-b border-gray-200 dark:border-gray-800", children: [_jsxs("div", { className: "flex items-center gap-4", children: [currentView !== 'balances' && (_jsx("button", { onClick: function () {
                                             setCurrentView('balances');
                                             clearSendingForm();
-                                        }, className: "text-gray-500 hover:text-red-500 dark:text-gray-400 dark:hover:text-red-500 transition-colors duration-200", children: _jsx(ArrowLeft, { size: 20 }) })), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(BlockiesSvg, { address: address, className: "w-10 h-10 rounded-full" }), _jsxs("div", { className: "flex flex-col", children: [_jsx("span", { className: "font-medium text-gray-900 dark:text-gray-50", children: username }), _jsx("span", { className: "text-sm text-gray-500 dark:text-gray-400", children: shortenAddress(address) })] })] })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("button", { onClick: toggleFullscreen, className: "text-gray-400 hover:text-red-500 transition-colors duration-200 h-6 flex items-center", "aria-label": isFullscreen ? "Exit fullscreen" : "Enter fullscreen", children: isFullscreen ? _jsx(Minimize2, { size: 20 }) : _jsx(Maximize2, { size: 20 }) }), _jsx("button", { onClick: handleClose, className: "text-gray-400 hover:text-red-500 transition-colors duration-200 h-6 flex items-center", children: _jsx(X, { size: 20 }) })] })] }), _jsx("div", { className: "p-6 overflow-y-auto h-[calc(100vh-144px)]", children: _jsx("div", { className: "space-y-4", children: sessionMode === N1SessionMode.Nord ? (_jsx(NordTradingView, {})) : (_jsxs(_Fragment, { children: [currentView === 'balances' && (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex justify-between items-center", children: [_jsx("h2", { className: "text-xl font-semibold text-gray-900 dark:text-gray-50", children: "Balances" }), _jsxs("div", { className: "flex space-x-2", children: [_jsxs("button", { onClick: function () {
+                                        }, className: "text-gray-500 hover:text-red-500 dark:text-gray-400 dark:hover:text-red-500 transition-colors duration-200", children: _jsx(ArrowLeft, { size: 20 }) })), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(BlockiesSvg, { address: address, className: "w-10 h-10 rounded-full" }), _jsxs("div", { className: "flex flex-col", children: [_jsx("span", { className: "font-medium text-gray-900 dark:text-gray-50", children: username }), _jsx("span", { className: "text-sm text-gray-500 dark:text-gray-400", children: shortenAddress(address) })] })] })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("button", { onClick: toggleFullscreen, className: "text-gray-400 hover:text-red-500 transition-colors duration-200 h-6 flex items-center", "aria-label": isFullscreen ? 'Exit fullscreen' : 'Enter fullscreen', children: isFullscreen ? (_jsx(Minimize2, { size: 20 })) : (_jsx(Maximize2, { size: 20 })) }), _jsx("button", { onClick: handleClose, className: "text-gray-400 hover:text-red-500 transition-colors duration-200 h-6 flex items-center", children: _jsx(X, { size: 20 }) })] })] }), _jsx("div", { className: "p-6 overflow-y-auto h-[calc(100vh-144px)]", children: _jsx("div", { className: "space-y-4", children: sessionMode === N1SessionMode.Nord ? (_jsx(NordTradingView, {})) : (_jsxs(_Fragment, { children: [currentView === 'balances' && (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex justify-between items-center", children: [_jsx("h2", { className: "text-xl font-semibold text-gray-900 dark:text-gray-50", children: "Balances" }), _jsxs("div", { className: "flex space-x-2", children: [_jsxs("button", { onClick: function () {
                                                                     setReceiving(true);
                                                                     setSending(false);
                                                                     setCurrentView('receive');
@@ -178,9 +178,15 @@ export function N1Sidebar(_) {
                                                                 }, className: "px-3 py-1.5 bg-blue-100 dark:bg-blue-900/20 hover:bg-blue-200 dark:hover:bg-blue-900/30 text-blue-600 dark:text-blue-400 rounded-lg transition-colors duration-200 flex items-center", children: [_jsx(ArrowUp, { size: 16, className: "mr-1.5" }), "Send"] })] })] }), balances && balances.length > 0 ? (_jsx("div", { className: "space-y-3", children: balances.map(function (balance, index) { return (_jsxs("div", { className: "p-4 bg-white dark:bg-gray-900 rounded-xl shadow-sm border border-gray-200 dark:border-gray-800 flex justify-between items-center", children: [_jsxs("div", { children: [_jsx("div", { className: "font-medium text-gray-900 dark:text-gray-50", children: balance.appType }), _jsx("div", { className: "text-sm text-gray-500 dark:text-gray-400", children: balance.appId })] }), _jsxs("div", { className: "text-right", children: [_jsx("div", { className: "font-medium text-gray-900 dark:text-gray-50", children: balance.balance.toString() }), _jsx("div", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Available" })] })] }, index)); }) })) : (_jsx("div", { className: "p-4 bg-gray-50 dark:bg-gray-800 rounded-xl text-gray-500 dark:text-gray-400 text-center", children: "No balances found" }))] })), currentView === 'send' && (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center", children: [_jsx("button", { onClick: function () {
                                                             setCurrentView('balances');
                                                             clearSendingForm();
-                                                        }, className: "mr-3 text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200", children: _jsx(ArrowLeft, { size: 20 }) }), _jsx("h2", { className: "text-xl font-semibold text-gray-900 dark:text-gray-50", children: "Send Tokens" })] }), error && (_jsx("div", { className: "p-4 bg-red-50 dark:bg-red-900/20 rounded-xl text-red-600 dark:text-red-400 text-sm", children: error })), success && (_jsx("div", { className: "p-4 bg-green-50 dark:bg-green-900/20 rounded-xl text-green-600 dark:text-green-400 text-sm", children: success })), _jsxs("form", { onSubmit: handleSend, className: "space-y-4", children: [_jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Token" }), _jsxs("select", { value: tokenToSend, onChange: function (e) { return setTokenToSend(e.target.value); }, className: "w-full px-3 py-2 bg-gray-100 dark:bg-gray-800 rounded-lg text-gray-900 dark:text-gray-100 border border-gray-200 dark:border-gray-800", required: true, children: [_jsx("option", { value: "", children: "Select Token" }), balances && balances.map(function (balance, index) { return (_jsxs("option", { value: balance.mint, children: [balance.appType, " (", balance.balance.toString(), ")"] }, index)); })] })] }), tokenToSend && (_jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "App ID" }), _jsxs("select", { value: appIdAction, onChange: function (e) { return setAppIdAction(e.target.value); }, className: "w-full px-3 py-2 bg-gray-100 dark:bg-gray-800 rounded-lg text-gray-900 dark:text-gray-100 border border-gray-200 dark:border-gray-800", required: true, children: [_jsx("option", { value: "", children: "Select App ID" }), balances && balances
-                                                                        .filter(function (balance) { return balance.mint === tokenToSend; })
-                                                                        .map(function (balance, index) { return (_jsx("option", { value: balance.appId, children: balance.appId }, index)); })] })] })), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Amount" }), _jsx("input", { type: "text", value: amount, onChange: function (e) { return setAmount(e.target.value); }, className: "w-full px-3 py-2 bg-gray-100 dark:bg-gray-800 rounded-lg text-gray-900 dark:text-gray-100 border border-gray-200 dark:border-gray-800", placeholder: "Enter amount", required: true })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Recipient Address" }), _jsx("input", { type: "text", value: recipientAddress, onChange: function (e) { return setRecipientAddress(e.target.value); }, className: "w-full px-3 py-2 bg-gray-100 dark:bg-gray-800 rounded-lg text-gray-900 dark:text-gray-100 border border-gray-200 dark:border-gray-800", placeholder: "Enter recipient address", required: true })] }), _jsx("button", { type: "submit", disabled: activeSending, className: "w-full py-3 rounded-xl font-medium transition-colors duration-200 ".concat(activeSending
+                                                        }, className: "mr-3 text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200", children: _jsx(ArrowLeft, { size: 20 }) }), _jsx("h2", { className: "text-xl font-semibold text-gray-900 dark:text-gray-50", children: "Send Tokens" })] }), error && (_jsx("div", { className: "p-4 bg-red-50 dark:bg-red-900/20 rounded-xl text-red-600 dark:text-red-400 text-sm", children: error })), success && (_jsx("div", { className: "p-4 bg-green-50 dark:bg-green-900/20 rounded-xl text-green-600 dark:text-green-400 text-sm", children: success })), _jsxs("form", { onSubmit: handleSend, className: "space-y-4", children: [_jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Token" }), _jsxs("select", { value: tokenToSend, onChange: function (e) { return setTokenToSend(e.target.value); }, className: "w-full px-3 py-2 bg-gray-100 dark:bg-gray-800 rounded-lg text-gray-900 dark:text-gray-100 border border-gray-200 dark:border-gray-800", required: true, children: [_jsx("option", { value: "", children: "Select Token" }), balances &&
+                                                                        balances.map(function (balance, index) { return (_jsxs("option", { value: balance.mint, children: [balance.appType, " (", balance.balance.toString(), ")"] }, index)); })] })] }), tokenToSend && (_jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "App ID" }), _jsxs("select", { value: appIdAction, onChange: function (e) { return setAppIdAction(e.target.value); }, className: "w-full px-3 py-2 bg-gray-100 dark:bg-gray-800 rounded-lg text-gray-900 dark:text-gray-100 border border-gray-200 dark:border-gray-800", required: true, children: [_jsx("option", { value: "", children: "Select App ID" }), balances &&
+                                                                        balances
+                                                                            .filter(function (balance) {
+                                                                            return balance.mint === tokenToSend;
+                                                                        })
+                                                                            .map(function (balance, index) { return (_jsx("option", { value: balance.appId, children: balance.appId }, index)); })] })] })), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Amount" }), _jsx("input", { type: "text", value: amount, onChange: function (e) { return setAmount(e.target.value); }, className: "w-full px-3 py-2 bg-gray-100 dark:bg-gray-800 rounded-lg text-gray-900 dark:text-gray-100 border border-gray-200 dark:border-gray-800", placeholder: "Enter amount", required: true })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Recipient Address" }), _jsx("input", { type: "text", value: recipientAddress, onChange: function (e) {
+                                                                    return setRecipientAddress(e.target.value);
+                                                                }, className: "w-full px-3 py-2 bg-gray-100 dark:bg-gray-800 rounded-lg text-gray-900 dark:text-gray-100 border border-gray-200 dark:border-gray-800", placeholder: "Enter recipient address", required: true })] }), _jsx("button", { type: "submit", disabled: activeSending, className: "w-full py-3 rounded-xl font-medium transition-colors duration-200 ".concat(activeSending
                                                             ? 'bg-gray-300 dark:bg-gray-700 text-gray-500 dark:text-gray-400 cursor-not-allowed'
                                                             : 'bg-blue-600 hover:bg-blue-700 text-white'), children: activeSending ? 'Sending...' : 'Send Tokens' })] })] })), currentView === 'receive' && (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center", children: [_jsx("button", { onClick: function () {
                                                             setCurrentView('balances');

package/dist/Modal/Sidebar/NordTradingView/MarketOverview/MarketOverview.d.ts

@@ -3,5 +3,5 @@ interface MarketOverviewProps {
     onMarketChange: (market: string) => void;
     className?: string;
 }
-export default function MarketOverview({ selectedMarket, onMarketChange, className }: MarketOverviewProps): import("react/jsx-runtime").JSX.Element;
+export default function MarketOverview({ selectedMarket, onMarketChange, className, }: MarketOverviewProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Modal/Sidebar/NordTradingView/MarketOverview/MarketSelector.d.ts

@@ -2,5 +2,5 @@ interface MarketSelectorProps {
     selectedMarket: string | null;
     onMarketChange: (market: string) => void;
 }
-export default function MarketSelector({ selectedMarket, onMarketChange }: MarketSelectorProps): import("react/jsx-runtime").JSX.Element;
+export default function MarketSelector({ selectedMarket, onMarketChange, }: MarketSelectorProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Modal/Sidebar/NordTradingView/MarketOverview/MarketSelector.js

@@ -14,8 +14,10 @@ export default function MarketSelector(_a) {
     // Close dropdown when clicking outside
     useEffect(function () {
         function handleClickOutside(event) {
-            if (dropdownRef.current && !dropdownRef.current.contains(event.target) &&
-                buttonRef.current && !buttonRef.current.contains(event.target)) {
+            if (dropdownRef.current &&
+                !dropdownRef.current.contains(event.target) &&
+                buttonRef.current &&
+                !buttonRef.current.contains(event.target)) {
                 setIsOpen(false);
             }
         }
@@ -34,5 +36,7 @@ export default function MarketSelector(_a) {
                             setSearchQuery('');
                         }, className: "w-full text-left px-4 py-2 hover:bg-gray-50 dark:hover:bg-gray-900 transition-colors duration-200 ".concat(selectedMarket === market.symbol
                             ? 'border-l-2 border-main text-main dark:text-main bg-gray-50 dark:bg-gray-950'
-                            : 'text-gray-900 dark:text-gray-100'), children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "font-medium", children: market.symbol }), market.change24h !== undefined && (_jsxs("span", { className: "text-sm ".concat(market.change24h >= 0 ? 'text-green-500' : 'text-red-500'), children: [market.change24h >= 0 ? '+' : '', market.change24h.toFixed(2), "%"] }))] }) }, market.symbol)); })) : (_jsx("div", { className: "px-4 py-3 text-sm text-gray-500 dark:text-gray-400", children: "No markets found" })) }) }))] }));
+                            : 'text-gray-900 dark:text-gray-100'), children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "font-medium", children: market.symbol }), market.change24h !== undefined && (_jsxs("span", { className: "text-sm ".concat(market.change24h >= 0
+                                        ? 'text-green-500'
+                                        : 'text-red-500'), children: [market.change24h >= 0 ? '+' : '', market.change24h.toFixed(2), "%"] }))] }) }, market.symbol)); })) : (_jsx("div", { className: "px-4 py-3 text-sm text-gray-500 dark:text-gray-400", children: "No markets found" })) }) }))] }));
 }

package/dist/Modal/Sidebar/NordTradingView/MarketOverview/MarketStats.d.ts

@@ -3,5 +3,5 @@ interface MarketStatsProps {
     loading: boolean;
     error: string | null;
 }
-export default function MarketStats({ marketStats, loading, error }: MarketStatsProps): import("react/jsx-runtime").JSX.Element;
+export default function MarketStats({ marketStats, loading, error, }: MarketStatsProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Modal/Sidebar/NordTradingView/NordTradingView.js

@@ -41,14 +41,14 @@ export default function NordTradingView() {
     };
     // Map view types to display names
     var viewLabels = {
-        'orderbook': 'Order Book',
-        'tradeform': 'Trade',
-        'positions': 'Positions',
-        'orders': 'Orders',
-        'balances': 'Balances',
-        'history': 'History'
+        orderbook: 'Order Book',
+        tradeform: 'Trade',
+        positions: 'Positions',
+        orders: 'Orders',
+        balances: 'Balances',
+        history: 'History',
     };
     return (_jsxs("div", { className: "space-y-4 @container", children: [_jsxs("div", { className: "flex flex-col @md:flex-row justify-between items-start @md:items-center bg-transparent mb-3 gap-3 @md:gap-0", children: [_jsx("div", { className: "flex justify-start gap-2 flex-wrap w-full @md:w-auto", children: ['orderbook', 'tradeform', 'positions', 'orders'].map(function (view) { return (_jsxs("button", { onClick: function () { return setActiveView(view); }, className: "\n                relative px-4 @md:px-5 py-2 text-sm font-medium tracking-wide transition-all duration-150 \n                border ".concat(activeView === view
                                 ? 'border-main/80 text-main bg-main/[0.03] shadow-[0_0_0_1px_rgba(255,68,26,0.1)]'
-                                : 'border-gray-200 dark:border-gray-800 text-gray-500 dark:text-gray-400 hover:border-gray-300 dark:hover:border-gray-700', "\n                first:ml-0 last:mr-0 group rounded-[2px] overflow-hidden flex-grow @md:flex-grow-0\n              "), children: [_jsx("span", { className: "relative z-10", children: viewLabels[view] }), _jsx("span", { className: "\n                  absolute inset-0 bg-main/[0.02] opacity-0 transition-opacity duration-150\n                  ".concat(activeView !== view ? 'group-hover:opacity-100' : '', "\n                ") })] }, view)); }) }), _jsx("div", { className: "min-w-[160px] w-full @md:w-auto border border-gray-200 dark:border-gray-800 rounded-[2px] overflow-visible hover:border-gray-300 dark:hover:border-gray-700 transition-colors duration-150 relative z-10", children: _jsx("div", { className: "px-5 py-2 text-sm", children: _jsx(MarketOverview, { selectedMarket: selectedMarket, onMarketChange: setSelectedMarket }) }) })] }), _jsx("div", { className: "border border-gray-200 dark:border-gray-800 rounded-[3px] shadow-sm bg-white dark:bg-gray-950", children: renderActiveView() })] }));
+                                : 'border-gray-200 dark:border-gray-800 text-gray-500 dark:text-gray-400 hover:border-gray-300 dark:hover:border-gray-700', "\n                first:ml-0 last:mr-0 group rounded-[2px] overflow-hidden flex-grow @md:flex-grow-0\n              "), children: [_jsx("span", { className: "relative z-10", children: viewLabels[view] }), _jsx("span", { className: "\n                  absolute inset-0 bg-main/[0.02] opacity-0 transition-opacity duration-150\n                  ".concat(activeView !== view ? 'group-hover:opacity-100' : '', "\n                ") })] }, view)); }) }), _jsx("div", { className: "min-w-[160px] w-full @md:w-auto border border-gray-200 dark:border-gray-800 rounded-[2px] overflow-visible hover:border-gray-300 dark:hover:border-gray-700 transition-colors duration-150 relative z-20", children: _jsx("div", { className: "px-5 py-2 text-sm", children: _jsx(MarketOverview, { selectedMarket: selectedMarket, onMarketChange: setSelectedMarket }) }) })] }), _jsx("div", { className: "border border-gray-200 dark:border-gray-800 rounded-[3px] shadow-sm bg-white dark:bg-gray-950", children: renderActiveView() })] }));
 }

package/dist/Modal/Sidebar/NordTradingView/OrderBook/OrderBook.js

@@ -84,17 +84,22 @@ export default function OrderBook(_a) {
                         return [4 /*yield*/, nord.getOrderbook({ symbol: marketSymbol })];
                     case 2:
                         orderbook = _a.sent();
-                        console.log(orderbook, "orderbook");
                         bids = Array.isArray(orderbook.bids[0])
                             ? orderbook.bids
-                            : orderbook.bids.map(function (entry) { return [entry.price, entry.size]; });
+                            : orderbook.bids.map(function (entry) { return [
+                                entry.price,
+                                entry.size,
+                            ]; });
                         asks = Array.isArray(orderbook.asks[0])
                             ? orderbook.asks
-                            : orderbook.asks.map(function (entry) { return [entry.price, entry.size]; });
+                            : orderbook.asks.map(function (entry) { return [
+                                entry.price,
+                                entry.size,
+                            ]; });
                         setOrderBookData({
                             bids: bids,
                             asks: asks,
-                            timestamp: Date.now()
+                            timestamp: Date.now(),
                         });
                         // Subscribe to real-time updates
                         subscription = nord.subscribeOrderbook(marketSymbol);
@@ -103,16 +108,22 @@ export default function OrderBook(_a) {
                                 if (!prev)
                                     return update;
                                 // Convert OrderbookEntry[] to [number, number][] if needed
-                                var updatedBids = update.bids ?
-                                    update.bids.map(function (entry) { return [entry.price, entry.size]; }) :
-                                    prev.bids;
-                                var updatedAsks = update.asks ?
-                                    update.asks.map(function (entry) { return [entry.price, entry.size]; }) :
-                                    prev.asks;
+                                var updatedBids = update.bids
+                                    ? update.bids.map(function (entry) { return [
+                                        entry.price,
+                                        entry.size,
+                                    ]; })
+                                    : prev.bids;
+                                var updatedAsks = update.asks
+                                    ? update.asks.map(function (entry) { return [
+                                        entry.price,
+                                        entry.size,
+                                    ]; })
+                                    : prev.asks;
                                 return {
                                     bids: updatedBids,
                                     asks: updatedAsks,
-                                    timestamp: Date.now()
+                                    timestamp: Date.now(),
                                 };
                             });
                         });
@@ -141,20 +152,21 @@ export default function OrderBook(_a) {
     var aggregateOrderBook = function (data, level) {
         if (!data)
             return null;
-        console.log(data, "zzzz");
         var aggregatedBids = {};
         var aggregatedAsks = {};
         // Aggregate bids
         data.bids.forEach(function (_a) {
             var price = _a[0], size = _a[1];
             var aggregatedPrice = Math.floor(price / level) * level;
-            aggregatedBids[aggregatedPrice] = (aggregatedBids[aggregatedPrice] || 0) + size;
+            aggregatedBids[aggregatedPrice] =
+                (aggregatedBids[aggregatedPrice] || 0) + size;
         });
         // Aggregate asks
         data.asks.forEach(function (_a) {
             var price = _a[0], size = _a[1];
             var aggregatedPrice = Math.ceil(price / level) * level;
-            aggregatedAsks[aggregatedPrice] = (aggregatedAsks[aggregatedPrice] || 0) + size;
+            aggregatedAsks[aggregatedPrice] =
+                (aggregatedAsks[aggregatedPrice] || 0) + size;
         });
         // Convert back to arrays and sort
         var bids = Object.entries(aggregatedBids)
@@ -169,11 +181,10 @@ export default function OrderBook(_a) {
             return [parseFloat(price), size];
         })
             .sort(function (a, b) { return a[0] - b[0]; });
-        console.log(bids, asks);
         return {
             bids: bids,
             asks: asks,
-            timestamp: data.timestamp
+            timestamp: data.timestamp,
         };
     };
     var aggregatedData = aggregateOrderBook(orderBookData, aggregationLevel);

package/dist/Modal/Sidebar/NordTradingView/OrderBook/OrderBookDepthVisualizer.d.ts

@@ -6,5 +6,5 @@ interface OrderBookDepthVisualizerProps {
     } | null;
     maxSize: number;
 }
-export default function OrderBookDepthVisualizer({ data, maxSize }: OrderBookDepthVisualizerProps): import("react/jsx-runtime").JSX.Element | null;
+export default function OrderBookDepthVisualizer({ data, maxSize, }: OrderBookDepthVisualizerProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/Modal/Sidebar/NordTradingView/OrderBook/OrderBookHeader.d.ts

@@ -3,5 +3,5 @@ interface OrderBookHeaderProps {
     aggregationLevel: number;
     onAggregationChange: (level: number) => void;
 }
-export default function OrderBookHeader({ marketSymbol, aggregationLevel, onAggregationChange }: OrderBookHeaderProps): import("react/jsx-runtime").JSX.Element;
+export default function OrderBookHeader({ marketSymbol, aggregationLevel, onAggregationChange, }: OrderBookHeaderProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Modal/Sidebar/NordTradingView/OrderBook/OrderBookHeader.js

@@ -10,7 +10,8 @@ export default function OrderBookHeader(_a) {
     // Close dropdown when clicking outside
     useEffect(function () {
         function handleClickOutside(event) {
-            if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+            if (dropdownRef.current &&
+                !dropdownRef.current.contains(event.target)) {
                 setIsOpen(false);
             }
         }
@@ -19,7 +20,7 @@ export default function OrderBookHeader(_a) {
             document.removeEventListener('mousedown', handleClickOutside);
         };
     }, []);
-    return (_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("h2", { className: "text-base font-semibold text-gray-900 dark:text-gray-100", children: ["Order Book ", marketSymbol ? _jsx("span", { className: "text-main", children: marketSymbol }) : ''] }), _jsxs("div", { className: "relative", ref: dropdownRef, children: [_jsxs("button", { onClick: function () { return setIsOpen(!isOpen); }, className: "flex items-center gap-1 px-2 py-1 bg-gray-100 dark:bg-gray-950 rounded-sm text-xs text-gray-900 dark:text-gray-100 border border-gray-200 dark:border-gray-800 hover:border-main dark:hover:border-main transition-colors duration-200", children: [_jsxs("span", { children: ["Precision: ", _jsx("span", { className: "font-mono font-medium", children: aggregationLevel })] }), _jsx(ChevronDown, { size: 14, className: "transition-transform duration-200 ".concat(isOpen ? 'rotate-180 text-main' : 'text-gray-500 dark:text-gray-400') })] }), isOpen && (_jsx("div", { className: "absolute right-0 z-50 mt-1 w-36 bg-white dark:bg-gray-950 rounded-sm shadow-lg border border-gray-200 dark:border-gray-800 overflow-hidden", children: aggregationOptions.map(function (level) { return (_jsx("button", { onClick: function () {
+    return (_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("h2", { className: "text-base font-semibold text-gray-900 dark:text-gray-100", children: ["Order Book", ' ', marketSymbol ? _jsx("span", { className: "text-main", children: marketSymbol }) : ''] }), _jsxs("div", { className: "relative", ref: dropdownRef, children: [_jsxs("button", { onClick: function () { return setIsOpen(!isOpen); }, className: "flex items-center gap-1 px-2 py-1 bg-gray-100 dark:bg-gray-950 rounded-sm text-xs text-gray-900 dark:text-gray-100 border border-gray-200 dark:border-gray-800 hover:border-main dark:hover:border-main transition-colors duration-200", children: [_jsxs("span", { children: ["Precision:", ' ', _jsx("span", { className: "font-mono font-medium", children: aggregationLevel })] }), _jsx(ChevronDown, { size: 14, className: "transition-transform duration-200 ".concat(isOpen ? 'rotate-180 text-main' : 'text-gray-500 dark:text-gray-400') })] }), isOpen && (_jsx("div", { className: "absolute right-0 z-50 mt-1 w-36 bg-white dark:bg-gray-950 rounded-sm shadow-lg border border-gray-200 dark:border-gray-800 overflow-hidden", children: aggregationOptions.map(function (level) { return (_jsx("button", { onClick: function () {
                                 onAggregationChange(level);
                                 setIsOpen(false);
                             }, className: "w-full text-left px-3 py-1.5 text-xs hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-200 ".concat(aggregationLevel === level

package/dist/Modal/Sidebar/NordTradingView/OrderBook/OrderBookTable.d.ts

@@ -7,5 +7,5 @@ interface OrderBookTableProps {
     loading: boolean;
     maxSize: number;
 }
-export default function OrderBookTable({ data, loading, maxSize }: OrderBookTableProps): import("react/jsx-runtime").JSX.Element;
+export default function OrderBookTable({ data, loading, maxSize, }: OrderBookTableProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Modal/Sidebar/NordTradingView/OrderBook/OrderBookTable.js

@@ -5,7 +5,6 @@ export default function OrderBookTable(_a) {
     if (!data) {
         return (_jsx("div", { className: "flex items-center justify-center h-40", children: _jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: "No orderbook data available" }) }));
     }
-    console.log(data);
     // Limit the number of rows to display
     var maxRows = 8;
     var bids = data.bids.slice(0, maxRows);
@@ -14,9 +13,9 @@ export default function OrderBookTable(_a) {
                     var price = _a[0], size = _a[1];
                     var sizePercentage = (size / maxSize) * 100;
                     return (_jsxs("div", { className: "grid grid-cols-3 gap-1 relative", children: [_jsx("div", { className: "text-left text-xs" }), _jsx("div", { className: "text-center text-xs font-medium text-red-600 dark:text-red-400 font-mono z-10", children: price.toFixed(4) }), _jsx("div", { className: "text-right text-xs font-medium text-gray-900 dark:text-gray-100 font-mono z-10", children: size.toFixed(4) }), _jsx("div", { className: "absolute top-0 right-0 h-full bg-red-100/50 dark:bg-red-900/10 z-0", style: { width: "".concat(sizePercentage, "%") } })] }, "ask-".concat(index)));
-                }) }), bids.length > 0 && asks.length > 0 && (_jsx("div", { className: "py-1 px-2 mb-2 border border-gray-200 dark:border-gray-800 rounded-sm text-center", children: _jsxs("span", { className: "text-[10px] text-gray-500 dark:text-gray-400", children: ["Spread: ", _jsx("span", { className: "font-mono font-medium", children: (asks[asks.length - 1][0] - bids[0][0]).toFixed(4) }), " (", _jsxs("span", { className: "font-mono", children: [((asks[asks.length - 1][0] / bids[0][0] - 1) * 100).toFixed(2), "%"] }), ")"] }) })), _jsx("div", { className: "space-y-px", children: bids.map(function (_a, index) {
+                }) }), bids.length > 0 && asks.length > 0 && (_jsx("div", { className: "py-1 px-2 mb-2 border border-gray-200 dark:border-gray-800 rounded-sm text-center", children: _jsxs("span", { className: "text-[10px] text-gray-500 dark:text-gray-400", children: ["Spread:", ' ', _jsx("span", { className: "font-mono font-medium", children: (asks[asks.length - 1][0] - bids[0][0]).toFixed(4) }), ' ', "(", _jsxs("span", { className: "font-mono", children: [((asks[asks.length - 1][0] / bids[0][0] - 1) * 100).toFixed(2), "%"] }), ")"] }) })), _jsx("div", { className: "space-y-px", children: bids.map(function (_a, index) {
                     var price = _a[0], size = _a[1];
                     var sizePercentage = (size / maxSize) * 100;
                     return (_jsxs("div", { className: "grid grid-cols-3 gap-1 relative", children: [_jsx("div", { className: "text-left text-xs font-medium text-gray-900 dark:text-gray-100 font-mono z-10", children: size.toFixed(4) }), _jsx("div", { className: "text-center text-xs font-medium text-green-600 dark:text-green-400 font-mono z-10", children: price.toFixed(4) }), _jsx("div", { className: "text-right text-xs" }), _jsx("div", { className: "absolute top-0 left-0 h-full bg-green-100/50 dark:bg-green-900/10 z-0", style: { width: "".concat(sizePercentage, "%") } })] }, "bid-".concat(index)));
-                }) }), _jsxs("div", { className: "mt-2 text-[10px] text-gray-500 dark:text-gray-400 text-right", children: ["Last updated: ", _jsx("span", { className: "font-mono", children: new Date(data.timestamp).toLocaleTimeString() })] })] }));
+                }) }), _jsxs("div", { className: "mt-2 text-[10px] text-gray-500 dark:text-gray-400 text-right", children: ["Last updated:", ' ', _jsx("span", { className: "font-mono", children: new Date(data.timestamp).toLocaleTimeString() })] })] }));
 }

package/dist/Modal/Sidebar/NordTradingView/TradeForm/AmountInput.d.ts

@@ -3,5 +3,5 @@ interface AmountInputProps {
     onChange: (amount: string) => void;
     marketInfo?: any;
 }
-export default function AmountInput({ amount, onChange, marketInfo }: AmountInputProps): import("react/jsx-runtime").JSX.Element;
+export default function AmountInput({ amount, onChange, marketInfo, }: AmountInputProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Modal/Sidebar/NordTradingView/TradeForm/BuySellTabs.js

@@ -15,9 +15,9 @@ export default function BuySellTabs(_a) {
                     ? 'left-0 bg-emerald-600 dark:bg-emerald-600 rounded-r-sm'
                     : 'left-1/2 bg-red-700 dark:bg-red-700 rounded-l-sm') }), _jsxs("button", { type: "button", onClick: function () { return handleSideChange('BUY'); }, onMouseEnter: function () { return setHoveredSide('BUY'); }, onMouseLeave: function () { return setHoveredSide(null); }, className: "flex-1 py-2 text-center text-sm font-medium transition-colors duration-200 relative overflow-hidden z-10", children: [_jsx("span", { className: "relative transition-colors duration-300 ".concat(side === 'BUY' ? 'text-white' : 'text-gray-700 dark:text-gray-300'), children: "Buy" }), side === 'BUY' && hoveredSide === 'BUY' && !animating && (_jsx("span", { className: "absolute inset-0 bg-gradient-to-r from-transparent via-white to-transparent opacity-25 pointer-events-none translate-x-[-200%] animate-shimmer", style: {
                             backgroundSize: '200% 100%',
-                            animationDuration: '1.5s'
+                            animationDuration: '1.5s',
                         } }))] }), _jsxs("button", { type: "button", onClick: function () { return handleSideChange('SELL'); }, onMouseEnter: function () { return setHoveredSide('SELL'); }, onMouseLeave: function () { return setHoveredSide(null); }, className: "flex-1 py-2 text-center text-sm font-medium transition-colors duration-200 relative overflow-hidden z-10", children: [_jsx("span", { className: "relative transition-colors duration-300 ".concat(side === 'SELL' ? 'text-white' : 'text-gray-700 dark:text-gray-300'), children: "Sell" }), side === 'SELL' && hoveredSide === 'SELL' && !animating && (_jsx("span", { className: "absolute inset-0 bg-gradient-to-r from-transparent via-white to-transparent opacity-25 pointer-events-none translate-x-[-200%] animate-shimmer", style: {
                             backgroundSize: '200% 100%',
-                            animationDuration: '1.5s'
+                            animationDuration: '1.5s',
                         } }))] })] }));
 }

package/dist/Modal/Sidebar/NordTradingView/TradeForm/FillModeSelector.d.ts

@@ -3,5 +3,5 @@ interface FillModeSelectorProps {
     fillMode: FillMode;
     onFillModeChange: (mode: FillMode) => void;
 }
-export default function FillModeSelector({ fillMode, onFillModeChange }: FillModeSelectorProps): import("react/jsx-runtime").JSX.Element;
+export default function FillModeSelector({ fillMode, onFillModeChange, }: FillModeSelectorProps): import("react/jsx-runtime").JSX.Element;
 export {};