@n1xyz/wallet-widget 0.0.5 → 0.0.7

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

@@ -17,7 +17,8 @@ export default function FillModeSelector(_a) {
     // Close dropdowns when clicking outside
     useEffect(function () {
         function handleClickOutside(event) {
-            if (fillModeRef.current && !fillModeRef.current.contains(event.target)) {
+            if (fillModeRef.current &&
+                !fillModeRef.current.contains(event.target)) {
                 setIsFillModeOpen(false);
             }
         }
@@ -30,22 +31,22 @@ export default function FillModeSelector(_a) {
     var fillModes = ['GTC', 'POST_ONLY', 'IOC', 'FOK'];
     // Fill mode descriptions and display names
     var fillModeInfo = {
-        'GTC': {
+        GTC: {
             displayName: 'Limit',
-            description: 'Good Till Cancelled'
+            description: 'Good Till Cancelled',
         },
-        'POST_ONLY': {
+        POST_ONLY: {
             displayName: 'Post Only',
-            description: 'Only maker orders'
+            description: 'Only maker orders',
         },
-        'IOC': {
+        IOC: {
             displayName: 'Market',
-            description: 'Immediate or Cancel'
+            description: 'Immediate or Cancel',
         },
-        'FOK': {
+        FOK: {
             displayName: 'Fill or Kill',
-            description: 'Fill completely or cancel'
-        }
+            description: 'Fill completely or cancel',
+        },
     };
     // Render fill mode dropdown via portal
     var renderFillModeDropdown = function () {
@@ -58,7 +59,7 @@ export default function FillModeSelector(_a) {
             width: "".concat(fillModeRect.width, "px"),
             zIndex: 9999,
             maxHeight: '200px',
-            overflowY: 'auto'
+            overflowY: 'auto',
         };
         return createPortal(_jsx("div", { className: "bg-white dark:bg-dark-950 rounded-sm shadow-lg border border-gray-200 dark:border-gray-700 overflow-hidden animate-dropdown-open", style: dropdownStyle, children: fillModes.map(function (mode) { return (_jsxs("button", { type: "button", onClick: function () {
                     onFillModeChange(mode);
@@ -69,8 +70,10 @@ export default function FillModeSelector(_a) {
                                     ? 'bg-emerald-600 dark:bg-emerald-500'
                                     : 'bg-transparent') }), _jsxs("div", { className: "flex flex-col ml-1", children: [_jsx("span", { className: "font-medium", children: fillModeInfo[mode].displayName }), _jsx("span", { className: "text-[10px] text-gray-500 dark:text-gray-400", children: fillModeInfo[mode].description })] })] }), fillMode === mode && hoveredFillMode === mode && (_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 dark:via-gray-300", style: {
                             backgroundSize: '200% 100%',
-                            animationDuration: '1.5s'
+                            animationDuration: '1.5s',
                         } }))] }, mode)); }) }), document.body);
     };
-    return (_jsxs("div", { className: "relative", ref: fillModeRef, children: [_jsx("label", { className: "block text-xs font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Order Type" }), _jsxs("button", { type: "button", onClick: function () { return setIsFillModeOpen(!isFillModeOpen); }, className: "w-full flex items-center justify-between px-3 py-2 border border-gray-200 dark:border-gray-700 rounded-sm text-sm text-gray-900 dark:text-gray-100 hover:border-gray-400 dark:hover:border-gray-500 transition-colors duration-200 bg-white dark:bg-dark-950 focus:outline-none focus:ring-1 focus:ring-gray-400 dark:focus:ring-gray-600", children: [_jsx("span", { children: fillModeInfo[fillMode].displayName }), _jsx(ChevronDown, { size: 14, className: "transition-transform duration-200 ".concat(isFillModeOpen ? 'rotate-180 text-gray-700 dark:text-gray-300' : 'text-gray-500 dark:text-gray-400') })] }), renderFillModeDropdown()] }));
+    return (_jsxs("div", { className: "relative", ref: fillModeRef, children: [_jsx("label", { className: "block text-xs font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Order Type" }), _jsxs("button", { type: "button", onClick: function () { return setIsFillModeOpen(!isFillModeOpen); }, className: "w-full flex items-center justify-between px-3 py-2 border border-gray-200 dark:border-gray-700 rounded-sm text-sm text-gray-900 dark:text-gray-100 hover:border-gray-400 dark:hover:border-gray-500 transition-colors duration-200 bg-white dark:bg-dark-950 focus:outline-none focus:ring-1 focus:ring-gray-400 dark:focus:ring-gray-600", children: [_jsx("span", { children: fillModeInfo[fillMode].displayName }), _jsx(ChevronDown, { size: 14, className: "transition-transform duration-200 ".concat(isFillModeOpen
+                            ? 'rotate-180 text-gray-700 dark:text-gray-300'
+                            : 'text-gray-500 dark:text-gray-400') })] }), renderFillModeDropdown()] }));
 }

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

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

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

@@ -26,10 +26,12 @@ export default function FillModeSelector(_a) {
     // Close dropdowns when clicking outside
     useEffect(function () {
         function handleClickOutside(event) {
-            if (orderTypeRef.current && !orderTypeRef.current.contains(event.target)) {
+            if (orderTypeRef.current &&
+                !orderTypeRef.current.contains(event.target)) {
                 setIsOrderTypeOpen(false);
             }
-            if (fillModeRef.current && !fillModeRef.current.contains(event.target)) {
+            if (fillModeRef.current &&
+                !fillModeRef.current.contains(event.target)) {
                 setIsFillModeOpen(false);
             }
         }
@@ -44,10 +46,10 @@ export default function FillModeSelector(_a) {
     var fillModes = ['GTC', 'IOC', 'FOK', 'POST_ONLY'];
     // Fill mode descriptions
     var fillModeDescriptions = {
-        'GTC': 'Good Till Cancelled',
-        'IOC': 'Immediate or Cancel',
-        'FOK': 'Fill or Kill',
-        'POST_ONLY': 'Post Only'
+        GTC: 'Good Till Cancelled',
+        IOC: 'Immediate or Cancel',
+        FOK: 'Fill or Kill',
+        POST_ONLY: 'Post Only',
     };
     // Render dropdown via portal
     var renderOrderTypeDropdown = function () {
@@ -60,7 +62,7 @@ export default function FillModeSelector(_a) {
             width: "".concat(orderTypeRect.width, "px"),
             zIndex: 9999,
             maxHeight: '200px',
-            overflowY: 'auto'
+            overflowY: 'auto',
         };
         return createPortal(_jsx("div", { className: "bg-white dark:bg-dark-950 rounded-sm shadow-lg border border-gray-200 dark:border-gray-800 overflow-hidden animate-dropdown-open", style: dropdownStyle, children: orderTypes.map(function (type) { return (_jsxs("button", { type: "button", onClick: function () {
                     onOrderTypeChange(type);
@@ -71,7 +73,7 @@ export default function FillModeSelector(_a) {
                                     ? 'bg-emerald-600 dark:bg-emerald-500'
                                     : 'bg-transparent') }), _jsx("span", { className: "ml-1", children: type })] }), orderType === type && hoveredOrderType === type && (_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 dark:via-gray-300", style: {
                             backgroundSize: '200% 100%',
-                            animationDuration: '1.5s'
+                            animationDuration: '1.5s',
                         } }))] }, type)); }) }), document.body);
     };
     // Render fill mode dropdown via portal
@@ -85,7 +87,7 @@ export default function FillModeSelector(_a) {
             width: "".concat(fillModeRect.width, "px"),
             zIndex: 9999,
             maxHeight: '200px',
-            overflowY: 'auto'
+            overflowY: 'auto',
         };
         return createPortal(_jsx("div", { className: "bg-white dark:bg-dark-950 rounded-sm shadow-lg border border-gray-200 dark:border-gray-800 overflow-hidden animate-dropdown-open", style: dropdownStyle, children: fillModes.map(function (mode) { return (_jsxs("button", { type: "button", onClick: function () {
                     onFillModeChange(mode);
@@ -96,8 +98,12 @@ export default function FillModeSelector(_a) {
                                     ? 'bg-emerald-600 dark:bg-emerald-500'
                                     : 'bg-transparent') }), _jsxs("div", { className: "flex flex-col ml-1", children: [_jsx("span", { children: mode }), _jsx("span", { className: "text-[10px] text-gray-500 dark:text-gray-400", children: fillModeDescriptions[mode] })] })] }), fillMode === mode && hoveredFillMode === mode && (_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 dark:via-gray-300", style: {
                             backgroundSize: '200% 100%',
-                            animationDuration: '1.5s'
+                            animationDuration: '1.5s',
                         } }))] }, mode)); }) }), document.body);
     };
-    return (_jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsxs("div", { className: "relative", ref: orderTypeRef, children: [_jsx("label", { className: "block text-xs font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Order Type" }), _jsxs("button", { type: "button", onClick: function () { return setIsOrderTypeOpen(!isOrderTypeOpen); }, className: "w-full flex items-center justify-between px-3 py-2 border border-gray-200 dark:border-gray-800 rounded-sm text-sm text-gray-900 dark:text-gray-100 hover:border-gray-400 dark:hover:border-gray-500 transition-colors duration-200 bg-white dark:bg-dark-950 focus:outline-none focus:ring-1 focus:ring-gray-400 dark:focus:ring-gray-600", children: [_jsx("span", { children: orderType }), _jsx(ChevronDown, { size: 14, className: "transition-transform duration-200 ".concat(isOrderTypeOpen ? 'rotate-180 text-gray-700 dark:text-gray-300' : 'text-gray-500 dark:text-gray-400') })] }), renderOrderTypeDropdown()] }), orderType === 'LIMIT' && (_jsxs("div", { className: "relative", ref: fillModeRef, children: [_jsx("label", { className: "block text-xs font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Fill Mode" }), _jsxs("button", { type: "button", onClick: function () { return setIsFillModeOpen(!isFillModeOpen); }, className: "w-full flex items-center justify-between px-3 py-2 border border-gray-200 dark:border-gray-800 rounded-sm text-sm text-gray-900 dark:text-gray-100 hover:border-gray-400 dark:hover:border-gray-500 transition-colors duration-200 bg-white dark:bg-dark-950 focus:outline-none focus:ring-1 focus:ring-gray-400 dark:focus:ring-gray-600", children: [_jsx("span", { children: fillMode }), _jsx(ChevronDown, { size: 14, className: "transition-transform duration-200 ".concat(isFillModeOpen ? 'rotate-180 text-gray-700 dark:text-gray-300' : 'text-gray-500 dark:text-gray-400') })] }), renderFillModeDropdown()] }))] }));
+    return (_jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsxs("div", { className: "relative", ref: orderTypeRef, children: [_jsx("label", { className: "block text-xs font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Order Type" }), _jsxs("button", { type: "button", onClick: function () { return setIsOrderTypeOpen(!isOrderTypeOpen); }, className: "w-full flex items-center justify-between px-3 py-2 border border-gray-200 dark:border-gray-800 rounded-sm text-sm text-gray-900 dark:text-gray-100 hover:border-gray-400 dark:hover:border-gray-500 transition-colors duration-200 bg-white dark:bg-dark-950 focus:outline-none focus:ring-1 focus:ring-gray-400 dark:focus:ring-gray-600", children: [_jsx("span", { children: orderType }), _jsx(ChevronDown, { size: 14, className: "transition-transform duration-200 ".concat(isOrderTypeOpen
+                                    ? 'rotate-180 text-gray-700 dark:text-gray-300'
+                                    : 'text-gray-500 dark:text-gray-400') })] }), renderOrderTypeDropdown()] }), orderType === 'LIMIT' && (_jsxs("div", { className: "relative", ref: fillModeRef, children: [_jsx("label", { className: "block text-xs font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Fill Mode" }), _jsxs("button", { type: "button", onClick: function () { return setIsFillModeOpen(!isFillModeOpen); }, className: "w-full flex items-center justify-between px-3 py-2 border border-gray-200 dark:border-gray-800 rounded-sm text-sm text-gray-900 dark:text-gray-100 hover:border-gray-400 dark:hover:border-gray-500 transition-colors duration-200 bg-white dark:bg-dark-950 focus:outline-none focus:ring-1 focus:ring-gray-400 dark:focus:ring-gray-600", children: [_jsx("span", { children: fillMode }), _jsx(ChevronDown, { size: 14, className: "transition-transform duration-200 ".concat(isFillModeOpen
+                                    ? 'rotate-180 text-gray-700 dark:text-gray-300'
+                                    : 'text-gray-500 dark:text-gray-400') })] }), renderFillModeDropdown()] }))] }));
 }

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

@@ -3,5 +3,5 @@ interface PriceInputProps {
     onChange: (price: string) => void;
     marketPrice?: number;
 }
-export default function PriceInput({ price, onChange, marketPrice }: PriceInputProps): import("react/jsx-runtime").JSX.Element;
+export default function PriceInput({ price, onChange, marketPrice, }: PriceInputProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -5,5 +5,5 @@ interface SubmitButtonProps {
     orderType: OrderType;
     disabled: boolean;
 }
-export default function SubmitButton({ loading, side, orderType, disabled }: SubmitButtonProps): import("react/jsx-runtime").JSX.Element;
+export default function SubmitButton({ loading, side, orderType, disabled, }: SubmitButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -16,7 +16,7 @@ export default function SubmitButton(_a) {
     };
     // Generate button color based on side
     var getButtonClass = function () {
-        var baseClasses = "w-full py-3 rounded-sm font-medium transition-all duration-200 flex items-center justify-center relative overflow-hidden";
+        var baseClasses = 'w-full py-3 rounded-sm font-medium transition-all duration-200 flex items-center justify-center relative overflow-hidden';
         if (disabled || loading) {
             return "".concat(baseClasses, " bg-gray-200 dark:bg-gray-800 text-gray-400 dark:text-gray-500 cursor-not-allowed");
         }
@@ -32,7 +32,7 @@ export default function SubmitButton(_a) {
             setIsPressed(false);
         }, onMouseDown: function () { return setIsPressed(true); }, onMouseUp: function () { return setIsPressed(false); }, children: [_jsx("span", { className: "relative z-10 flex items-center justify-center transition-transform duration-200 ".concat(isPressed ? 'scale-95' : ''), children: loading ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { size: 18, className: "animate-spin mr-2 inline-block" }), "Processing..."] })) : (_jsxs(_Fragment, { children: [side === 'BUY' ? (_jsx("svg", { className: "w-4 h-4 mr-2", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M12 5L12 19M12 5L6 11M12 5L18 11", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "transition-transform duration-300 ".concat(isHovered ? 'translate-y-[-2px]' : '') }) })) : (_jsx("svg", { className: "w-4 h-4 mr-2", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M12 19L12 5M12 19L6 13M12 19L18 13", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "transition-transform duration-300 ".concat(isHovered ? 'translate-y-[2px]' : '') }) })), getButtonText()] })) }), !disabled && !loading && (_jsxs(_Fragment, { children: [_jsx("span", { className: "absolute inset-0 bg-gradient-to-r from-transparent via-white to-transparent opacity-25 pointer-events-none translate-x-[-200%] ".concat(isHovered ? 'animate-shimmer' : ''), style: {
                             backgroundSize: '200% 100%',
-                            animationDuration: '1.5s'
+                            animationDuration: '1.5s',
                         } }), _jsx("span", { className: "absolute inset-0 rounded-sm transition-opacity duration-300 pointer-events-none ".concat(isPressed
                             ? 'bg-black opacity-10 dark:bg-white dark:opacity-10'
                             : 'opacity-0') })] }))] }));

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

@@ -3,5 +3,5 @@ interface TotalCalculatorProps {
     total: string;
     orderType: OrderType;
 }
-export default function TotalCalculator({ total, orderType }: TotalCalculatorProps): import("react/jsx-runtime").JSX.Element;
+export default function TotalCalculator({ total, orderType, }: TotalCalculatorProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -2,6 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function TotalCalculator(_a) {
     var total = _a.total, orderType = _a.orderType;
     // Calculate fee (example: 0.1% fee)
-    var fee = total && orderType === 'LIMIT' ? (parseFloat(total) * 0.001).toFixed(6) : '0.00';
+    var fee = total && orderType === 'LIMIT'
+        ? (parseFloat(total) * 0.001).toFixed(6)
+        : '0.00';
     return (_jsxs("div", { className: "relative z-20", children: [_jsx("label", { className: "block text-xs font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Total" }), _jsx("div", { className: "px-3 py-2 border border-gray-200 dark:border-gray-800 rounded-sm text-sm text-gray-900 dark:text-gray-100 bg-gray-50 dark:bg-dark-950 font-mono", children: orderType === 'MARKET' ? (_jsx("span", { className: "text-gray-500 dark:text-gray-400", children: "Market Order" })) : total ? (total) : (_jsx("span", { className: "text-gray-400 dark:text-gray-500", children: "0.00" })) }), _jsxs("div", { className: "mt-1 text-[10px] text-gray-500 dark:text-gray-400 flex justify-between", children: [_jsx("span", { children: "Estimated fee:" }), _jsx("span", { className: "font-mono", children: fee })] })] }));
 }

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

@@ -44,14 +44,20 @@ import AmountInput from './AmountInput';
 import TotalCalculator from './TotalCalculator';
 import SubmitButton from './SubmitButton';
 import { AlertCircle, Check, Lock, Unlock, Info } from 'lucide-react';
+import { logger } from '../../../../utils/logger';
 // Map our FillMode to the Nord FillMode enum
 var mapFillMode = function (mode) {
     switch (mode) {
-        case 'GTC': return 0; // LIMIT
-        case 'POST_ONLY': return 1; // POST_ONLY
-        case 'IOC': return 2; // IMMEDIATE_OR_CANCEL
-        case 'FOK': return 3; // FILL_OR_KILL
-        default: return 0;
+        case 'GTC':
+            return 0; // LIMIT
+        case 'POST_ONLY':
+            return 1; // POST_ONLY
+        case 'IOC':
+            return 2; // IMMEDIATE_OR_CANCEL
+        case 'FOK':
+            return 3; // FILL_OR_KILL
+        default:
+            return 0;
     }
 };
 // Map our OrderSide to the Nord Side enum
@@ -186,7 +192,9 @@ export default function TradeForm(_a) {
                 case 1:
                     _b.trys.push([1, 3, 4, 5]);
                     market = (_a = nord === null || nord === void 0 ? void 0 : nord.markets) === null || _a === void 0 ? void 0 : _a.find(function (m) { return m.symbol === marketSymbol; });
-                    marketId = market ? (market.id || market.marketId || 0) : 0;
+                    marketId = market
+                        ? market.id || market.marketId || 0
+                        : 0;
                     orderParams = {
                         marketId: marketId,
                         side: mapSide(side),
@@ -199,9 +207,9 @@ export default function TradeForm(_a) {
                         // For market BUY orders, we need quoteSize (total amount to spend)
                         quoteSize: isMarketOrder(fillMode) && side === 'BUY' ? total : undefined,
                         // Use the first account ID if available
-                        accountId: accountId
+                        accountId: accountId,
                     };
-                    console.log('Placing order with params:', orderParams);
+                    logger.debug('Placing order with params:', orderParams);
                     return [4 /*yield*/, nordUser.placeOrder(orderParams)];
                 case 2:
                     orderId = _b.sent();
@@ -219,7 +227,7 @@ export default function TradeForm(_a) {
                     return [3 /*break*/, 5];
                 case 3:
                     err_3 = _b.sent();
-                    console.error('Error placing order:', err_3);
+                    logger.error('Error placing order:', err_3);
                     setError(err_3.message || 'Failed to place order');
                     return [3 /*break*/, 5];
                 case 4:
@@ -229,7 +237,9 @@ export default function TradeForm(_a) {
             }
         });
     }); };
-    return (_jsxs("div", { className: "p-4 bg-white dark:bg-dark-950 transition-colors duration-300", children: [_jsxs("h2", { className: "text-base font-semibold text-gray-900 dark:text-gray-100 mb-3 transform transition-all duration-500 ".concat(formVisible ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0'), children: ["Place Order ", marketSymbol ? _jsx("span", { className: side === 'BUY' ? 'text-emerald-600 dark:text-emerald-500' : 'text-red-700 dark:text-red-600', children: marketSymbol }) : ''] }), !marketSymbol ? (_jsx("div", { className: "p-3 border border-gray-200 dark:border-gray-800 rounded-sm text-gray-500 dark:text-gray-400 text-xs bg-gray-50 dark:bg-dark-950 transform transition-all duration-500 ".concat(formVisible ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0'), children: "Select a market to place orders" })) : (_jsx("form", { onSubmit: handleSubmit, children: _jsxs("div", { className: "space-y-3", children: [_jsx("div", { className: "transform transition-all duration-500 delay-100 ".concat(formVisible ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0'), children: _jsx(BuySellTabs, { side: side, onChange: setSide }) }), _jsx("div", { className: "transform transition-all duration-500 delay-200 ".concat(formVisible ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0'), children: _jsx(FillModeSelector, { fillMode: fillMode, onFillModeChange: setFillMode }) }), !isMarketOrder(fillMode) && (_jsx("div", { className: "transform transition-all duration-500 delay-300 ".concat(formVisible ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0'), children: _jsx(PriceInput, { price: price, onChange: setPrice, marketPrice: marketInfo === null || marketInfo === void 0 ? void 0 : marketInfo.lastPrice }) })), _jsx("div", { className: "transform transition-all duration-500 delay-400 ".concat(formVisible ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0'), children: _jsx(AmountInput, { amount: amount, onChange: setAmount, marketInfo: marketInfo }) }), _jsx("div", { className: "transform transition-all duration-500 delay-500 ".concat(formVisible ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0'), children: _jsx(TotalCalculator, { total: total, orderType: isMarketOrder(fillMode) ? 'MARKET' : 'LIMIT' }) }), accountId && (_jsx("div", { className: "transform transition-all duration-500 delay-550 ".concat(formVisible ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0'), children: _jsxs("div", { className: "flex items-center text-xs text-gray-500 dark:text-gray-400", children: [_jsx(Info, { size: 12, className: "mr-1" }), _jsxs("span", { children: ["Account ID: ", accountId] })] }) })), _jsx("div", { className: "transform transition-all duration-500 delay-600 ".concat(formVisible ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0'), children: _jsxs("button", { type: "button", onClick: function () { return setIsReduceOnly(!isReduceOnly); }, className: "w-full flex items-center justify-between px-3 py-2 rounded-sm text-sm transition-all duration-300 ".concat(isReduceOnly
+    return (_jsxs("div", { className: "p-4 bg-white dark:bg-dark-950 transition-colors duration-300", children: [_jsxs("h2", { className: "text-base font-semibold text-gray-900 dark:text-gray-100 mb-3 transform transition-all duration-500 ".concat(formVisible ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0'), children: ["Place Order", ' ', marketSymbol ? (_jsx("span", { className: side === 'BUY'
+                            ? 'text-emerald-600 dark:text-emerald-500'
+                            : 'text-red-700 dark:text-red-600', children: marketSymbol })) : ('')] }), !marketSymbol ? (_jsx("div", { className: "p-3 border border-gray-200 dark:border-gray-800 rounded-sm text-gray-500 dark:text-gray-400 text-xs bg-gray-50 dark:bg-dark-950 transform transition-all duration-500 ".concat(formVisible ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0'), children: "Select a market to place orders" })) : (_jsx("form", { onSubmit: handleSubmit, children: _jsxs("div", { className: "space-y-3", children: [_jsx("div", { className: "transform transition-all duration-500 delay-100 ".concat(formVisible ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0'), children: _jsx(BuySellTabs, { side: side, onChange: setSide }) }), _jsx("div", { className: "transform transition-all duration-500 delay-200 ".concat(formVisible ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0'), children: _jsx(FillModeSelector, { fillMode: fillMode, onFillModeChange: setFillMode }) }), !isMarketOrder(fillMode) && (_jsx("div", { className: "transform transition-all duration-500 delay-300 ".concat(formVisible ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0'), children: _jsx(PriceInput, { price: price, onChange: setPrice, marketPrice: marketInfo === null || marketInfo === void 0 ? void 0 : marketInfo.lastPrice }) })), _jsx("div", { className: "transform transition-all duration-500 delay-400 ".concat(formVisible ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0'), children: _jsx(AmountInput, { amount: amount, onChange: setAmount, marketInfo: marketInfo }) }), _jsx("div", { className: "transform transition-all duration-500 delay-500 ".concat(formVisible ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0'), children: _jsx(TotalCalculator, { total: total, orderType: isMarketOrder(fillMode) ? 'MARKET' : 'LIMIT' }) }), accountId && (_jsx("div", { className: "transform transition-all duration-500 delay-550 ".concat(formVisible ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0'), children: _jsxs("div", { className: "flex items-center text-xs text-gray-500 dark:text-gray-400", children: [_jsx(Info, { size: 12, className: "mr-1" }), _jsxs("span", { children: ["Account ID: ", accountId] })] }) })), _jsx("div", { className: "transform transition-all duration-500 delay-600 ".concat(formVisible ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0'), children: _jsxs("button", { type: "button", onClick: function () { return setIsReduceOnly(!isReduceOnly); }, className: "w-full flex items-center justify-between px-3 py-2 rounded-sm text-sm transition-all duration-300 ".concat(isReduceOnly
                                     ? side === 'BUY'
                                         ? 'bg-emerald-50 dark:bg-emerald-900/10 text-emerald-700 dark:text-emerald-400 border border-emerald-200 dark:border-emerald-800/30'
                                         : 'bg-red-50 dark:bg-red-900/10 text-red-700 dark:text-red-400 border border-red-200 dark:border-red-800/30'
@@ -243,7 +253,7 @@ export default function TradeForm(_a) {
                                                 : 'bg-red-600 dark:bg-red-500 text-white'
                                             : 'bg-gray-200 dark:bg-gray-700'), children: isReduceOnly && _jsx(Check, { size: 10 }) })] }) }), _jsxs("div", { className: "p-2 border rounded-sm text-xs transition-all duration-300 transform ".concat(error
                                 ? 'opacity-100 max-h-20 border-red-200 dark:border-red-900/30 bg-red-50 dark:bg-red-900/10 text-red-700 dark:text-red-400 flex items-center translate-y-0'
-                                : 'opacity-0 max-h-0 overflow-hidden border-transparent translate-y-2'), children: [error && _jsx(AlertCircle, { size: 14, className: "mr-2 flex-shrink-0" }), error] }), _jsx("div", { className: "p-2 border rounded-sm text-xs transition-all duration-300 transform ".concat(success
+                                : 'opacity-0 max-h-0 overflow-hidden border-transparent translate-y-2'), children: [error && (_jsx(AlertCircle, { size: 14, className: "mr-2 flex-shrink-0" })), error] }), _jsx("div", { className: "p-2 border rounded-sm text-xs transition-all duration-300 transform ".concat(success
                                 ? 'opacity-100 max-h-20 border-emerald-200 dark:border-emerald-900/30 bg-emerald-50 dark:bg-emerald-900/10 text-emerald-700 dark:text-emerald-400 translate-y-0'
                                 : 'opacity-0 max-h-0 overflow-hidden border-transparent translate-y-2'), children: success }), _jsx("div", { className: "transform transition-all duration-500 delay-700 ".concat(formVisible ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0'), children: _jsx(SubmitButton, { loading: loading, side: side, orderType: isMarketOrder(fillMode) ? 'MARKET' : 'LIMIT', disabled: !marketSymbol || loading }) })] }) }))] }));
 }

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

@@ -78,7 +78,7 @@ export default function UserBalances() {
                                             realBalances.push({
                                                 symbol: balance.symbol,
                                                 balance: balance.balance,
-                                                accountId: accountId
+                                                accountId: accountId,
                                             });
                                         }
                                     }

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

@@ -38,6 +38,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { RefreshCw, X } from 'lucide-react';
 import { useEffect, useState, useRef } from 'react';
 import { useN1WalletContext } from '../../../../Provider/hooks';
+import { logger } from '../../../../utils/logger';
 export default function UserOrders() {
     var _this = this;
     var _a = useN1WalletContext(), nord = _a.nord, nordUser = _a.nordUser;
@@ -70,7 +71,7 @@ export default function UserOrders() {
                         allOrders_1 = [];
                         // This is a simplified approach - in a real implementation, you would
                         // properly extract and format orders from the nordUser object
-                        console.log(nord === null || nord === void 0 ? void 0 : nord.markets, nordUser.orders);
+                        logger.debug(nord === null || nord === void 0 ? void 0 : nord.markets, nordUser.orders);
                         Object.values(nordUser.orders || {}).forEach(function (accountOrders) {
                             if (Array.isArray(accountOrders)) {
                                 accountOrders.forEach(function (order) {
@@ -99,7 +100,7 @@ export default function UserOrders() {
                         return [3 /*break*/, 5];
                     case 3:
                         err_1 = _a.sent();
-                        console.error('Error fetching orders:', err_1);
+                        logger.error('Error fetching orders:', err_1);
                         setError('Failed to load orders');
                         return [3 /*break*/, 5];
                     case 4:
@@ -159,7 +160,7 @@ export default function UserOrders() {
                     return [3 /*break*/, 6];
                 case 4:
                     err_2 = _a.sent();
-                    console.error('Error cancelling order:', err_2);
+                    logger.error('Error cancelling order:', err_2);
                     setError('Failed to cancel order');
                     return [3 /*break*/, 6];
                 case 5:
@@ -169,9 +170,13 @@ export default function UserOrders() {
             }
         });
     }); };
-    return (_jsx("div", { className: "bg-white dark:bg-gray-950 shadow-sm border border-gray-200 dark:border-gray-800 overflow-hidden", children: _jsxs("div", { className: "p-4", children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900 dark:text-gray-100 mb-4", children: "Orders" }), _jsxs("div", { className: "overflow-hidden", ref: containerRef, children: [loading && (activeOrders.length === 0 && orderHistory.length === 0) ? (_jsx("div", { className: "flex items-center justify-center h-32", children: _jsx(RefreshCw, { size: 20, className: "text-gray-400 animate-spin" }) })) : error ? (_jsx("div", { className: "p-3 bg-red-50 dark:bg-red-900/20 text-red-600 dark:text-red-400 text-sm", children: error })) : activeOrders.length === 0 ? (_jsx("div", { className: "p-3 bg-gray-50 dark:bg-gray-800 text-gray-500 dark:text-gray-400 text-sm text-center", children: "No active orders" })) : !compactView ? (
+    return (_jsx("div", { className: "bg-white dark:bg-gray-950 shadow-sm border border-gray-200 dark:border-gray-800 overflow-hidden", children: _jsxs("div", { className: "p-4", children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900 dark:text-gray-100 mb-4", children: "Orders" }), _jsxs("div", { className: "overflow-hidden", ref: containerRef, children: [loading && activeOrders.length === 0 && orderHistory.length === 0 ? (_jsx("div", { className: "flex items-center justify-center h-32", children: _jsx(RefreshCw, { size: 20, className: "text-gray-400 animate-spin" }) })) : error ? (_jsx("div", { className: "p-3 bg-red-50 dark:bg-red-900/20 text-red-600 dark:text-red-400 text-sm", children: error })) : activeOrders.length === 0 ? (_jsx("div", { className: "p-3 bg-gray-50 dark:bg-gray-800 text-gray-500 dark:text-gray-400 text-sm text-center", children: "No active orders" })) : !compactView ? (
                         // Standard table view for larger containers
-                        _jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "min-w-full divide-y divide-gray-200 dark:divide-gray-800", children: [_jsx("thead", { className: "bg-gray-50 dark:bg-gray-800", children: _jsxs("tr", { children: [_jsx("th", { className: "px-3 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider", children: "Market" }), _jsx("th", { className: "px-3 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider", children: "Side" }), _jsx("th", { className: "px-3 py-2 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider", children: "Size" }), _jsx("th", { className: "px-3 py-2 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider", children: "Price" }), _jsx("th", { className: "px-3 py-2 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider", children: "Action" })] }) }), _jsx("tbody", { className: "bg-white dark:bg-gray-950 divide-y divide-gray-200 dark:divide-gray-800", children: activeOrders.map(function (order) { return (_jsxs("tr", { className: "hover:bg-gray-50 dark:hover:bg-gray-800", children: [_jsx("td", { className: "px-3 py-2 whitespace-nowrap text-sm text-gray-900 dark:text-gray-100", children: order.symbol }), _jsx("td", { className: "px-3 py-2 whitespace-nowrap text-sm", children: _jsx("span", { className: "font-medium ".concat(order.isLong ? 'text-green-600 dark:text-green-400' : 'text-red-600 dark:text-red-400'), children: order.isLong ? 'BUY' : 'SELL' }) }), _jsx("td", { className: "px-3 py-2 whitespace-nowrap text-sm text-gray-900 dark:text-gray-100 text-right font-mono", children: order.size }), _jsx("td", { className: "px-3 py-2 whitespace-nowrap text-sm text-gray-900 dark:text-gray-100 text-right font-mono", children: order.price }), _jsx("td", { className: "px-3 py-2 whitespace-nowrap text-sm text-right", children: _jsx("button", { onClick: function () { return handleCancelOrder(order.orderId); }, disabled: cancellingOrderId === order.orderId, className: "text-red-600 dark:text-red-400 hover:text-red-800 dark:hover:text-red-300 relative ".concat(cancellingOrderId === order.orderId ? 'cursor-not-allowed' : ''), children: cancellingOrderId === order.orderId ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "opacity-0", children: "Cancel" }), _jsx(X, { size: 16, className: "absolute inset-0 m-auto animate-pulse text-red-500" })] })) : ("Cancel") }) })] }, order.orderId)); }) })] }) })) : (
+                        _jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "min-w-full divide-y divide-gray-200 dark:divide-gray-800", children: [_jsx("thead", { className: "bg-gray-50 dark:bg-gray-800", children: _jsxs("tr", { children: [_jsx("th", { className: "px-3 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider", children: "Market" }), _jsx("th", { className: "px-3 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider", children: "Side" }), _jsx("th", { className: "px-3 py-2 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider", children: "Size" }), _jsx("th", { className: "px-3 py-2 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider", children: "Price" }), _jsx("th", { className: "px-3 py-2 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider", children: "Action" })] }) }), _jsx("tbody", { className: "bg-white dark:bg-gray-950 divide-y divide-gray-200 dark:divide-gray-800", children: activeOrders.map(function (order) { return (_jsxs("tr", { className: "hover:bg-gray-50 dark:hover:bg-gray-800", children: [_jsx("td", { className: "px-3 py-2 whitespace-nowrap text-sm text-gray-900 dark:text-gray-100", children: order.symbol }), _jsx("td", { className: "px-3 py-2 whitespace-nowrap text-sm", children: _jsx("span", { className: "font-medium ".concat(order.isLong ? 'text-green-600 dark:text-green-400' : 'text-red-600 dark:text-red-400'), children: order.isLong ? 'BUY' : 'SELL' }) }), _jsx("td", { className: "px-3 py-2 whitespace-nowrap text-sm text-gray-900 dark:text-gray-100 text-right font-mono", children: order.size }), _jsx("td", { className: "px-3 py-2 whitespace-nowrap text-sm text-gray-900 dark:text-gray-100 text-right font-mono", children: order.price }), _jsx("td", { className: "px-3 py-2 whitespace-nowrap text-sm text-right", children: _jsx("button", { onClick: function () { return handleCancelOrder(order.orderId); }, disabled: cancellingOrderId === order.orderId, className: "text-red-600 dark:text-red-400 hover:text-red-800 dark:hover:text-red-300 relative ".concat(cancellingOrderId === order.orderId
+                                                            ? 'cursor-not-allowed'
+                                                            : ''), children: cancellingOrderId === order.orderId ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "opacity-0", children: "Cancel" }), _jsx(X, { size: 16, className: "absolute inset-0 m-auto animate-pulse text-red-500" })] })) : ('Cancel') }) })] }, order.orderId)); }) })] }) })) : (
                         // Compact card view for smaller containers
-                        _jsx("div", { className: "grid gap-2", children: activeOrders.map(function (order) { return (_jsxs("div", { className: "bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-800 rounded p-2 hover:bg-gray-50 dark:hover:bg-gray-800", children: [_jsxs("div", { className: "flex justify-between items-start mb-1", children: [_jsx("div", { className: "font-medium text-sm text-gray-900 dark:text-gray-100", children: order.symbol }), _jsx("button", { onClick: function () { return handleCancelOrder(order.orderId); }, disabled: cancellingOrderId === order.orderId, className: "text-red-600 dark:text-red-400 hover:text-red-800 dark:hover:text-red-300 text-xs relative ".concat(cancellingOrderId === order.orderId ? 'cursor-not-allowed' : ''), children: cancellingOrderId === order.orderId ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "opacity-0", children: "Cancel" }), _jsx(X, { size: 14, className: "absolute inset-0 m-auto animate-pulse text-red-500" })] })) : ("Cancel") })] }), _jsxs("div", { className: "grid grid-cols-3 gap-1 text-xs", children: [_jsx("div", { children: _jsx("span", { className: "font-medium ".concat(order.isLong ? 'text-green-600 dark:text-green-400' : 'text-red-600 dark:text-red-400'), children: order.isLong ? 'BUY' : 'SELL' }) }), _jsx("div", { className: "text-right font-mono text-gray-700 dark:text-gray-300", children: order.size }), _jsx("div", { className: "text-right font-mono text-gray-700 dark:text-gray-300", children: order.price })] })] }, order.orderId)); }) })), loading && (activeOrders.length > 0 || orderHistory.length > 0) && (_jsx("div", { className: "flex justify-center mt-2", children: _jsx(RefreshCw, { size: 16, className: "text-gray-400 animate-spin" }) }))] })] }) }));
+                        _jsx("div", { className: "grid gap-2", children: activeOrders.map(function (order) { return (_jsxs("div", { className: "bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-800 rounded p-2 hover:bg-gray-50 dark:hover:bg-gray-800", children: [_jsxs("div", { className: "flex justify-between items-start mb-1", children: [_jsx("div", { className: "font-medium text-sm text-gray-900 dark:text-gray-100", children: order.symbol }), _jsx("button", { onClick: function () { return handleCancelOrder(order.orderId); }, disabled: cancellingOrderId === order.orderId, className: "text-red-600 dark:text-red-400 hover:text-red-800 dark:hover:text-red-300 text-xs relative ".concat(cancellingOrderId === order.orderId
+                                                    ? 'cursor-not-allowed'
+                                                    : ''), children: cancellingOrderId === order.orderId ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "opacity-0", children: "Cancel" }), _jsx(X, { size: 14, className: "absolute inset-0 m-auto animate-pulse text-red-500" })] })) : ('Cancel') })] }), _jsxs("div", { className: "grid grid-cols-3 gap-1 text-xs", children: [_jsx("div", { children: _jsx("span", { className: "font-medium ".concat(order.isLong ? 'text-green-600 dark:text-green-400' : 'text-red-600 dark:text-red-400'), children: order.isLong ? 'BUY' : 'SELL' }) }), _jsx("div", { className: "text-right font-mono text-gray-700 dark:text-gray-300", children: order.size }), _jsx("div", { className: "text-right font-mono text-gray-700 dark:text-gray-300", children: order.price })] })] }, order.orderId)); }) })), loading && (activeOrders.length > 0 || orderHistory.length > 0) && (_jsx("div", { className: "flex justify-center mt-2", children: _jsx(RefreshCw, { size: 16, className: "text-gray-400 animate-spin" }) }))] })] }) }));
 }

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

@@ -90,9 +90,12 @@ export default function UserPositions() {
                                         if (position.perp && Math.abs(position.perp.baseSize) > 0) {
                                             // Find market info to get symbol
                                             var market = nord.markets.find(function (m) { return m.marketId === position.marketId; });
-                                            var symbol = market ? market.symbol : "Market-".concat(position.marketId);
+                                            var symbol = market
+                                                ? market.symbol
+                                                : "Market-".concat(position.marketId);
                                             // Calculate PnL
-                                            var totalPnl = position.perp.sizePricePnl + position.perp.fundingPaymentPnl;
+                                            var totalPnl = position.perp.sizePricePnl +
+                                                position.perp.fundingPaymentPnl;
                                             var entryValue = Math.abs(position.perp.baseSize) * position.perp.price;
                                             var pnlPercentage = entryValue > 0 ? (totalPnl / entryValue) * 100 : 0;
                                             // Get mark price from market stats or use entry price as fallback
@@ -101,12 +104,14 @@ export default function UserPositions() {
                                             realPositions.push({
                                                 marketId: position.marketId,
                                                 symbol: symbol,
-                                                size: position.perp.isLong ? position.perp.baseSize : -position.perp.baseSize,
+                                                size: position.perp.isLong
+                                                    ? position.perp.baseSize
+                                                    : -position.perp.baseSize,
                                                 entryPrice: position.perp.price,
                                                 markPrice: markPrice,
                                                 pnl: totalPnl,
                                                 pnlPercentage: pnlPercentage,
-                                                accountId: accountId
+                                                accountId: accountId,
                                             });
                                         }
                                     };
@@ -158,7 +163,7 @@ export default function UserPositions() {
                             fillMode: 'market', // Market order to ensure it gets filled
                             isReduceOnly: true, // Reduce-only to ensure it only closes the position
                             size: Math.abs(position.size), // Absolute size value
-                            accountId: accountId
+                            accountId: accountId,
                         })];
                 case 2:
                     // Place an order to close the position (opposite side, same size)
@@ -182,7 +187,9 @@ export default function UserPositions() {
     }); };
     return (_jsx("div", { className: "bg-white dark:bg-gray-950 overflow-hidden", children: _jsxs("div", { className: "p-4", children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900 dark:text-gray-100 mb-4", children: "Positions" }), loading && positions.length === 0 ? (_jsx("div", { className: "flex items-center justify-center h-32", children: _jsx(RefreshCw, { size: 20, className: "text-gray-400 animate-spin" }) })) : error ? (_jsx("div", { className: "p-3 bg-red-50 dark:bg-red-900/20 rounded-lg text-red-600 dark:text-red-400 text-sm", children: error })) : positions.length === 0 ? (_jsx("div", { className: "p-3 bg-gray-50 dark:bg-gray-950 rounded-lg text-gray-500 dark:text-gray-400 text-sm text-center", children: "No open positions" })) : (_jsxs("div", { className: "space-y-3", children: [positions.map(function (position, index) { return (_jsxs("div", { className: "p-3 bg-gray-50 dark:bg-gray-950 rounded-lg", children: [_jsx("div", { className: "flex items-center justify-between mb-2", children: _jsxs("div", { className: "flex items-center", children: [_jsx("span", { className: "font-medium text-gray-900 dark:text-gray-100 mr-2", children: position.symbol }), _jsxs("span", { className: "text-xs px-2 py-0.5 rounded ".concat(position.size > 0
                                                     ? 'bg-green-100 dark:bg-green-900/20 text-green-600 dark:text-green-400'
-                                                    : 'bg-red-100 dark:bg-red-900/20 text-red-600 dark:text-red-400'), children: [position.size > 0 ? 'Long' : 'Short', " ", Math.abs(position.size)] })] }) }), _jsxs("div", { className: "grid grid-cols-2 gap-2 text-sm", children: [_jsxs("div", { children: [_jsx("div", { className: "text-gray-500 dark:text-gray-400", children: "Entry Price" }), _jsx("div", { className: "font-medium text-gray-900 dark:text-gray-100 font-mono", children: position.entryPrice.toFixed(2) })] }), _jsxs("div", { children: [_jsx("div", { className: "text-gray-500 dark:text-gray-400", children: "Mark Price" }), _jsx("div", { className: "font-medium text-gray-900 dark:text-gray-100 font-mono", children: position.markPrice.toFixed(2) })] }), _jsxs("div", { children: [_jsx("div", { className: "text-gray-500 dark:text-gray-400", children: "PnL" }), _jsxs("div", { className: "font-medium font-mono ".concat(position.pnl >= 0
+                                                    : 'bg-red-100 dark:bg-red-900/20 text-red-600 dark:text-red-400'), children: [position.size > 0 ? 'Long' : 'Short', ' ', Math.abs(position.size)] })] }) }), _jsxs("div", { className: "grid grid-cols-2 gap-2 text-sm", children: [_jsxs("div", { children: [_jsx("div", { className: "text-gray-500 dark:text-gray-400", children: "Entry Price" }), _jsx("div", { className: "font-medium text-gray-900 dark:text-gray-100 font-mono", children: position.entryPrice.toFixed(2) })] }), _jsxs("div", { children: [_jsx("div", { className: "text-gray-500 dark:text-gray-400", children: "Mark Price" }), _jsx("div", { className: "font-medium text-gray-900 dark:text-gray-100 font-mono", children: position.markPrice.toFixed(2) })] }), _jsxs("div", { children: [_jsx("div", { className: "text-gray-500 dark:text-gray-400", children: "PnL" }), _jsxs("div", { className: "font-medium font-mono ".concat(position.pnl >= 0
                                                         ? 'text-green-600 dark:text-green-400'
-                                                        : 'text-red-600 dark:text-red-400'), children: [position.pnl >= 0 ? '+' : '', position.pnl.toFixed(2), " (", position.pnlPercentage.toFixed(2), "%)"] })] }), _jsxs("div", { children: [_jsx("div", { className: "text-gray-500 dark:text-gray-400", children: "Liquidation" }), _jsx("div", { className: "font-medium text-gray-900 dark:text-gray-100 font-mono", children: position.liquidationPrice ? position.liquidationPrice.toFixed(2) : 'N/A' })] })] })] }, index)); }), loading && positions.length > 0 && (_jsx("div", { className: "flex justify-center mt-2", children: _jsx(RefreshCw, { size: 16, className: "text-gray-400 animate-spin" }) }))] }))] }) }));
+                                                        : 'text-red-600 dark:text-red-400'), children: [position.pnl >= 0 ? '+' : '', position.pnl.toFixed(2), " (", position.pnlPercentage.toFixed(2), "%)"] })] }), _jsxs("div", { children: [_jsx("div", { className: "text-gray-500 dark:text-gray-400", children: "Liquidation" }), _jsx("div", { className: "font-medium text-gray-900 dark:text-gray-100 font-mono", children: position.liquidationPrice
+                                                        ? position.liquidationPrice.toFixed(2)
+                                                        : 'N/A' })] })] })] }, index)); }), loading && positions.length > 0 && (_jsx("div", { className: "flex justify-center mt-2", children: _jsx(RefreshCw, { size: 16, className: "text-gray-400 animate-spin" }) }))] }))] }) }));
 }

package/dist/Provider/LazyWalletProvider.js

@@ -49,6 +49,7 @@ import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { useN1WalletInternalContext } from './hooks';
 import { N1SessionMode } from './types';
+import { logger } from '../utils/logger';
 function DynamicContextConsumer(_a) {
     var children = _a.children;
     var _b = useState(null), DynamicContext = _b[0], setDynamicContext = _b[1];
@@ -67,7 +68,9 @@ function DynamicContextConsumer(_a) {
                 setDynamicContext(function () { return useDynamicContext; });
             }
         });
-        return function () { isMounted = false; };
+        return function () {
+            isMounted = false;
+        };
     }, []);
     // Set up a stable widget function that uses the ref - only once
     useEffect(function () {
@@ -134,7 +137,7 @@ var getSettings = function (darkMode) { return ({
     },
     events: {
         onAuthSuccess: function (args) {
-            console.log('onAuthSuccess was called', args);
+            logger.debug('onAuthSuccess was called', args);
         },
     },
 }); };
@@ -171,12 +174,15 @@ function LazyInternal(props) {
                         }
                         else {
                             // Use all wallet connectors for NTS mode
-                            setWalletConnectors([EthereumWalletConnectors, SolanaWalletConnectors]);
+                            setWalletConnectors([
+                                EthereumWalletConnectors,
+                                SolanaWalletConnectors,
+                            ]);
                         }
                         return [3 /*break*/, 3];
                     case 2:
                         error_1 = _b.sent();
-                        console.error('Failed to load Dynamic dependencies:', error_1);
+                        logger.error('Failed to load Dynamic dependencies:', error_1);
                         return [3 /*break*/, 3];
                     case 3: return [2 /*return*/];
                 }

package/dist/Provider/N1WalletProvider.js

@@ -59,6 +59,7 @@ import { N1ModalViewMode, N1SessionMode, } from './types';
 import { useNordWalletConnect } from '../Modal/NordFlow/hooks/useNordWalletConnect';
 import { useNordInstance } from '../Modal/NordFlow/hooks/useNordInstance';
 import { FlowState } from '../Modal/NordFlow/types';
+import { logger } from '../utils/logger';
 var LazyWalletProvider = React.lazy(function () {
     return import('./LazyWalletProvider').then(function (mod) { return ({
         default: mod.LazyWalletProvider,
@@ -114,8 +115,8 @@ export function N1WalletProvider(_a) {
     // Create a separate component for Nord hooks to avoid conditional hook calls
     var NordHooks = function () {
         useNordInstance();
-        useNordWalletConnect(FlowState.IDLE, function (newState) { return console.log('State transition:', newState); }, {}, // context
-        function (updates) { return console.log('Context updates:', updates); }, providedSessionMode);
+        useNordWalletConnect(FlowState.IDLE, function (newState) { return logger.debug('State transition:', newState); }, {}, // context
+        function (updates) { return logger.debug('Context updates:', updates); }, providedSessionMode);
         return null;
     };
     // Combine SDK loading and initialization into a single effect
@@ -130,7 +131,7 @@ export function N1WalletProvider(_a) {
                 switch (_a.label) {
                     case 0:
                         // eslint-disable-next-line no-console
-                        console.log('Loading NTS SDK');
+                        logger.debug('Loading NTS SDK');
                         if (providedSessionMode === N1SessionMode.Nord) {
                             return [2 /*return*/];
                         }
@@ -142,7 +143,7 @@ export function N1WalletProvider(_a) {
                         NTSInterface = (_a.sent()).NTSInterface;
                         if (mounted) {
                             // eslint-disable-next-line no-console
-                            console.log('NTS SDK loaded successfully');
+                            logger.debug('NTS SDK loaded successfully');
                             setNtsInterface(new NTSInterface(process.env.NTS_URL));
                         }
                         return [3 /*break*/, 4];
@@ -150,7 +151,7 @@ export function N1WalletProvider(_a) {
                         error_1 = _a.sent();
                         if (mounted) {
                             // eslint-disable-next-line no-console
-                            console.error('Error loading NTS SDK:', error_1);
+                            logger.error('Error loading NTS SDK:', error_1);
                         }
                         return [3 /*break*/, 4];
                     case 4: return [2 /*return*/];

package/dist/components/logos/ArbitrumLogo.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface ArbitrumLogoProps {
+    width?: number;
+    height?: number;
+    className?: string;
+}
+export declare const ArbitrumLogo: React.FC<ArbitrumLogoProps>;
+export {};

package/dist/components/logos/ArbitrumLogo.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var ArbitrumLogo = function (_a) {
+    var _b = _a.width, width = _b === void 0 ? 48 : _b, _c = _a.height, height = _c === void 0 ? 48 : _c, _d = _a.className, className = _d === void 0 ? '' : _d;
+    return (_jsx("svg", { width: width, height: height, viewBox: "0 0 2500 2500", className: className, xmlns: "http://www.w3.org/2000/svg", children: _jsxs("g", { children: [_jsx("rect", { className: "st0", width: "2500", height: "2500", fill: "none" }), _jsx("g", { children: _jsxs("g", { children: [_jsx("path", { fill: "#213147", d: "M226,760v980c0,63,33,120,88,152l849,490c54,31,121,31,175,0l849-490c54-31,88-89,88-152V760\n                c0-63-33-120-88-152l-849-490c-54-31-121-31-175,0L314,608c-54,31-87,89-87,152H226z" }), _jsx("g", { children: _jsxs("g", { children: [_jsx("g", { children: _jsx("path", { fill: "#12AAFF", d: "M1435,1440l-121,332c-3,9-3,19,0,29l208,571l241-139l-289-793C1467,1422,1442,1422,1435,1440z" }) }), _jsx("g", { children: _jsx("path", { fill: "#12AAFF", d: "M1678,882c-7-18-32-18-39,0l-121,332c-3,9-3,19,0,29l341,935l241-139L1678,883V882z" }) })] }) }), _jsx("g", { children: _jsx("path", { fill: "#9DCCED", d: "M1250,155c6,0,12,2,17,5l918,530c11,6,17,18,17,30v1060c0,12-7,24-17,30l-918,530c-5,3-11,5-17,5\n                s-12-2-17-5l-918-530c-11-6-17-18-17-30V719c0-12,7-24,17-30l918-530c5-3,11-5,17-5l0,0V155z M1250,0c-33,0-65,8-95,25L237,555\n                c-59,34-95,96-95,164v1060c0,68,36,130,95,164l918,530c29,17,62,25,95,25s65-8,95-25l918-530c59-34,95-96,95-164V719\n                c0-68-36-130-95-164L1344,25c-29-17-62-25-95-25l0,0H1250z" }) }), _jsx("polygon", { fill: "#213147", points: "642,2179 727,1947 897,2088 738,2234" }), _jsxs("g", { children: [_jsx("path", { fill: "#FFFFFF", d: "M1172,644H939c-17,0-33,11-39,27L401,2039l241,139l550-1507c5-14-5-28-19-28L1172,644z" }), _jsx("path", { fill: "#FFFFFF", d: "M1580,644h-233c-17,0-33,11-39,27L738,2233l241,139l620-1701c5-14-5-28-19-28V644z" })] })] }) })] }) }));
+};

package/dist/components/logos/BaseLogo.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface BaseLogoProps {
+    width?: number;
+    height?: number;
+    className?: string;
+}
+export declare const BaseLogo: React.FC<BaseLogoProps>;
+export {};

package/dist/components/logos/BaseLogo.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var BaseLogo = function (_a) {
+    var _b = _a.width, width = _b === void 0 ? 48 : _b, _c = _a.height, height = _c === void 0 ? 48 : _c, _d = _a.className, className = _d === void 0 ? '' : _d;
+    return (_jsxs("svg", { width: width, height: height, viewBox: "0 0 24 24", className: className, xmlns: "http://www.w3.org/2000/svg", children: [_jsx("circle", { cx: "12", cy: "12", r: "12", fill: "#0052FF" }), _jsx("path", { d: "M12 5.5L18.5 12L12 18.5L5.5 12L12 5.5Z", fill: "white" })] }));
+};

package/dist/components/logos/BeraLogo.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface BeraLogoProps {
+    width?: number;
+    height?: number;
+    className?: string;
+}
+export declare const BeraLogo: React.FC<BeraLogoProps>;
+export {};

package/dist/components/logos/BeraLogo.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var BeraLogo = function (_a) {
+    var _b = _a.width, width = _b === void 0 ? 48 : _b, _c = _a.height, height = _c === void 0 ? 48 : _c, _d = _a.className, className = _d === void 0 ? '' : _d;
+    return (_jsxs("svg", { width: width, height: height, viewBox: "0 0 24 24", className: className, xmlns: "http://www.w3.org/2000/svg", children: [_jsx("circle", { cx: "12", cy: "12", r: "12", fill: "#000000" }), _jsx("path", { d: "M7.5 7.5C7.5 6.67157 8.17157 6 9 6H15C15.8284 6 16.5 6.67157 16.5 7.5V9C16.5 9.82843 15.8284 10.5 15 10.5H9C8.17157 10.5 7.5 9.82843 7.5 9V7.5Z", fill: "#FFD700" }), _jsx("path", { d: "M7.5 15C7.5 14.1716 8.17157 13.5 9 13.5H15C15.8284 13.5 16.5 14.1716 16.5 15V16.5C16.5 17.3284 15.8284 18 15 18H9C8.17157 18 7.5 17.3284 7.5 16.5V15Z", fill: "#FFD700" }), _jsx("path", { d: "M12 10.5V13.5", stroke: "#FFD700", strokeWidth: "1.5", strokeLinecap: "round" })] }));
+};