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

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

@@ -1,183 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-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;
-    var _b = useState([]), activeOrders = _b[0], setActiveOrders = _b[1];
-    var _c = useState([]), orderHistory = _c[0], setOrderHistory = _c[1];
-    var _d = useState(false), loading = _d[0], setLoading = _d[1];
-    var _e = useState(null), error = _e[0], setError = _e[1];
-    var _f = useState(null), cancellingOrderId = _f[0], setCancellingOrderId = _f[1];
-    var _g = useState(false), compactView = _g[0], setCompactView = _g[1];
-    var containerRef = useRef(null);
-    // Fetch user orders
-    useEffect(function () {
-        if (!nordUser)
-            return;
-        var fetchOrders = function () { return __awaiter(_this, void 0, void 0, function () {
-            var allOrders_1, err_1;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        setLoading(true);
-                        setError(null);
-                        _a.label = 1;
-                    case 1:
-                        _a.trys.push([1, 3, 4, 5]);
-                        // Refresh user info to get latest orders
-                        return [4 /*yield*/, nordUser.fetchInfo()];
-                    case 2:
-                        // Refresh user info to get latest orders
-                        _a.sent();
-                        allOrders_1 = [];
-                        // This is a simplified approach - in a real implementation, you would
-                        // properly extract and format orders from the nordUser object
-                        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) {
-                                    var _a;
-                                    // Get market name from nord object
-                                    var market = (_a = nord === null || nord === void 0 ? void 0 : nord.markets) === null || _a === void 0 ? void 0 : _a.find(function (m) { return m.marketId === order.marketId; });
-                                    var marketName = (market === null || market === void 0 ? void 0 : market.symbol) || "Unknown Market";
-                                    // Convert to our Order interface format
-                                    var formattedOrder = {
-                                        orderId: order.orderId,
-                                        marketId: order.marketId,
-                                        symbol: marketName,
-                                        isLong: order.isLong,
-                                        size: order.size,
-                                        price: order.price,
-                                        status: order.status || 'OPEN',
-                                        createdAt: order.createdAt || Date.now(),
-                                    };
-                                    allOrders_1.push(formattedOrder);
-                                });
-                            }
-                        });
-                        // Split into active and historical orders
-                        setActiveOrders(allOrders_1.filter(function (order) { return order.status === 'OPEN'; }));
-                        setOrderHistory(allOrders_1.filter(function (order) { return order.status !== 'OPEN'; }));
-                        return [3 /*break*/, 5];
-                    case 3:
-                        err_1 = _a.sent();
-                        logger.error('Error fetching orders:', err_1);
-                        setError('Failed to load orders');
-                        return [3 /*break*/, 5];
-                    case 4:
-                        setLoading(false);
-                        return [7 /*endfinally*/];
-                    case 5: return [2 /*return*/];
-                }
-            });
-        }); };
-        fetchOrders();
-        // Set up polling for order updates
-        var intervalId = setInterval(fetchOrders, 10000); // Update every 10 seconds
-        return function () { return clearInterval(intervalId); };
-    }, [nordUser, nord]);
-    // Check container width and update layout
-    useEffect(function () {
-        if (!containerRef.current)
-            return;
-        var checkWidth = function () {
-            if (containerRef.current) {
-                setCompactView(containerRef.current.offsetWidth < 400);
-            }
-        };
-        // Initial check
-        checkWidth();
-        // Set up resize observer
-        var resizeObserver = new ResizeObserver(checkWidth);
-        resizeObserver.observe(containerRef.current);
-        return function () {
-            if (containerRef.current) {
-                resizeObserver.unobserve(containerRef.current);
-            }
-        };
-    }, []);
-    // Handle order cancellation
-    var handleCancelOrder = function (orderId) { return __awaiter(_this, void 0, void 0, function () {
-        var err_2;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!nordUser)
-                        return [2 /*return*/];
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, 4, 5, 6]);
-                    setCancellingOrderId(orderId); // Set the cancelling order ID to show animation
-                    return [4 /*yield*/, nordUser.cancelOrder(orderId)];
-                case 2:
-                    _a.sent();
-                    // Refresh orders after cancellation
-                    return [4 /*yield*/, nordUser.fetchInfo()];
-                case 3:
-                    // Refresh orders after cancellation
-                    _a.sent();
-                    // Update state (simplified - would be better to wait for the fetchOrders to run)
-                    setActiveOrders(activeOrders.filter(function (order) { return order.orderId !== orderId; }));
-                    return [3 /*break*/, 6];
-                case 4:
-                    err_2 = _a.sent();
-                    logger.error('Error cancelling order:', err_2);
-                    setError('Failed to cancel order');
-                    return [3 /*break*/, 6];
-                case 5:
-                    setCancellingOrderId(null); // Reset cancelling order ID
-                    return [7 /*endfinally*/];
-                case 6: return [2 /*return*/];
-            }
-        });
-    }); };
-    return (_jsx("div", { className: "bg-white dark:bg-n1-ww-gray-950 shadow-sm border border-n1-ww-gray-200 dark:border-n1-ww-gray-800 overflow-hidden", children: _jsxs("div", { className: "p-4", children: [_jsx("h2", { className: "text-lg font-semibold text-n1-ww-gray-900 dark:text-n1-ww-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-n1-ww-gray-400 n1-ww-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-n1-ww-gray-50 dark:bg-n1-ww-gray-800 text-n1-ww-gray-500 dark:text-n1-ww-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-n1-ww-gray-200 dark:divide-n1-ww-gray-800", children: [_jsx("thead", { className: "bg-n1-ww-gray-50 dark:bg-n1-ww-gray-800", children: _jsxs("tr", { children: [_jsx("th", { className: "px-3 py-2 text-left text-xs font-medium text-n1-ww-gray-500 dark:text-n1-ww-gray-400 uppercase tracking-wider", children: "Market" }), _jsx("th", { className: "px-3 py-2 text-left text-xs font-medium text-n1-ww-gray-500 dark:text-n1-ww-gray-400 uppercase tracking-wider", children: "Side" }), _jsx("th", { className: "px-3 py-2 text-right text-xs font-medium text-n1-ww-gray-500 dark:text-n1-ww-gray-400 uppercase tracking-wider", children: "Size" }), _jsx("th", { className: "px-3 py-2 text-right text-xs font-medium text-n1-ww-gray-500 dark:text-n1-ww-gray-400 uppercase tracking-wider", children: "Price" }), _jsx("th", { className: "px-3 py-2 text-right text-xs font-medium text-n1-ww-gray-500 dark:text-n1-ww-gray-400 uppercase tracking-wider", children: "Action" })] }) }), _jsx("tbody", { className: "bg-white dark:bg-n1-ww-gray-950 divide-y divide-n1-ww-gray-200 dark:divide-n1-ww-gray-800", children: activeOrders.map(function (order) { return (_jsxs("tr", { className: "hover:bg-n1-ww-gray-50 dark:hover:bg-n1-ww-gray-800", children: [_jsx("td", { className: "px-3 py-2 whitespace-nowrap text-sm text-n1-ww-gray-900 dark:text-n1-ww-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-n1-ww-gray-900 dark:text-n1-ww-gray-100 text-right font-mono", children: order.size }), _jsx("td", { className: "px-3 py-2 whitespace-nowrap text-sm text-n1-ww-gray-900 dark:text-n1-ww-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 n1-ww-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-n1-ww-gray-900 border border-n1-ww-gray-200 dark:border-n1-ww-gray-800 rounded p-2 hover:bg-n1-ww-gray-50 dark:hover:bg-n1-ww-gray-800", children: [_jsxs("div", { className: "flex justify-between items-start mb-1", children: [_jsx("div", { className: "font-medium text-sm text-n1-ww-gray-900 dark:text-n1-ww-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 n1-ww-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-n1-ww-gray-700 dark:text-n1-ww-gray-300", children: order.size }), _jsx("div", { className: "text-right font-mono text-n1-ww-gray-700 dark:text-n1-ww-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-n1-ww-gray-400 n1-ww-animate-spin" }) }))] })] }) }));
-}
-//# sourceMappingURL=UserOrders.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"UserOrders.js","sourceRoot":"","sources":["../../../../../src/Modal/Sidebar/NordTradingView/UserOrders/UserOrders.tsx"],"names":[],"mappings":"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","sourcesContent":["import { RefreshCw, X } from 'lucide-react';\nimport { useEffect, useState, useRef } from 'react';\nimport { useN1WalletContext } from '../../../../Provider/hooks';\nimport { logger } from '../../../../utils/logger';\n\ninterface Order {\n  orderId: number;\n  marketId: number;\n  symbol: string;\n  isLong: boolean;\n  size: number;\n  price: number;\n  status: 'OPEN' | 'FILLED' | 'CANCELLED' | 'EXPIRED';\n  createdAt: number;\n}\n\nexport default function UserOrders() {\n  const { nord, nordUser } = useN1WalletContext();\n  const [activeOrders, setActiveOrders] = useState<Order[]>([]);\n  const [orderHistory, setOrderHistory] = useState<Order[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [cancellingOrderId, setCancellingOrderId] = useState<number | null>(\n    null\n  );\n  const [compactView, setCompactView] = useState(false);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  // Fetch user orders\n  useEffect(() => {\n    if (!nordUser) return;\n\n    const fetchOrders = async () => {\n      setLoading(true);\n      setError(null);\n\n      try {\n        // Refresh user info to get latest orders\n        await nordUser.fetchInfo();\n\n        // Process orders from all accounts\n        const allOrders: Order[] = [];\n\n        // This is a simplified approach - in a real implementation, you would\n        // properly extract and format orders from the nordUser object\n        logger.debug(nord?.markets, nordUser.orders);\n        Object.values(nordUser.orders || {}).forEach((accountOrders: any) => {\n          if (Array.isArray(accountOrders)) {\n            accountOrders.forEach((order: any) => {\n              // Get market name from nord object\n              const market = nord?.markets?.find(\n                (m: any) => m.marketId === order.marketId\n              );\n              const marketName = market?.symbol || `Unknown Market`;\n\n              // Convert to our Order interface format\n              const formattedOrder: Order = {\n                orderId: order.orderId,\n                marketId: order.marketId,\n                symbol: marketName,\n                isLong: order.isLong,\n                size: order.size,\n                price: order.price,\n                status: order.status || 'OPEN',\n                createdAt: order.createdAt || Date.now(),\n              };\n              allOrders.push(formattedOrder);\n            });\n          }\n        });\n\n        // Split into active and historical orders\n        setActiveOrders(allOrders.filter((order) => order.status === 'OPEN'));\n        setOrderHistory(allOrders.filter((order) => order.status !== 'OPEN'));\n      } catch (err) {\n        logger.error('Error fetching orders:', err);\n        setError('Failed to load orders');\n      } finally {\n        setLoading(false);\n      }\n    };\n\n    fetchOrders();\n\n    // Set up polling for order updates\n    const intervalId = setInterval(fetchOrders, 10000); // Update every 10 seconds\n\n    return () => clearInterval(intervalId);\n  }, [nordUser, nord]);\n\n  // Check container width and update layout\n  useEffect(() => {\n    if (!containerRef.current) return;\n\n    const checkWidth = () => {\n      if (containerRef.current) {\n        setCompactView(containerRef.current.offsetWidth < 400);\n      }\n    };\n\n    // Initial check\n    checkWidth();\n\n    // Set up resize observer\n    const resizeObserver = new ResizeObserver(checkWidth);\n    resizeObserver.observe(containerRef.current);\n\n    return () => {\n      if (containerRef.current) {\n        resizeObserver.unobserve(containerRef.current);\n      }\n    };\n  }, []);\n\n  // Handle order cancellation\n  const handleCancelOrder = async (orderId: number) => {\n    if (!nordUser) return;\n\n    try {\n      setCancellingOrderId(orderId); // Set the cancelling order ID to show animation\n      await nordUser.cancelOrder(orderId);\n      // Refresh orders after cancellation\n      await nordUser.fetchInfo();\n      // Update state (simplified - would be better to wait for the fetchOrders to run)\n      setActiveOrders(\n        activeOrders.filter((order) => order.orderId !== orderId)\n      );\n    } catch (err) {\n      logger.error('Error cancelling order:', err);\n      setError('Failed to cancel order');\n    } finally {\n      setCancellingOrderId(null); // Reset cancelling order ID\n    }\n  };\n\n  return (\n    <div className=\"bg-white dark:bg-n1-ww-gray-950 shadow-sm border border-n1-ww-gray-200 dark:border-n1-ww-gray-800 overflow-hidden\">\n      <div className=\"p-4\">\n        <h2 className=\"text-lg font-semibold text-n1-ww-gray-900 dark:text-n1-ww-gray-100 mb-4\">\n          Orders\n        </h2>\n\n        {/* Order list */}\n        <div className=\"overflow-hidden\" ref={containerRef}>\n          {loading && activeOrders.length === 0 && orderHistory.length === 0 ? (\n            <div className=\"flex items-center justify-center h-32\">\n              <RefreshCw size={20} className=\"text-n1-ww-gray-400 n1-ww-animate-spin\" />\n            </div>\n          ) : error ? (\n            <div className=\"p-3 bg-red-50 dark:bg-red-900/20 text-red-600 dark:text-red-400 text-sm\">\n              {error}\n            </div>\n          ) : activeOrders.length === 0 ? (\n            <div className=\"p-3 bg-n1-ww-gray-50 dark:bg-n1-ww-gray-800 text-n1-ww-gray-500 dark:text-n1-ww-gray-400 text-sm text-center\">\n              No active orders\n            </div>\n          ) : !compactView ? (\n            // Standard table view for larger containers\n            <div className=\"overflow-x-auto\">\n              <table className=\"min-w-full divide-y divide-n1-ww-gray-200 dark:divide-n1-ww-gray-800\">\n                <thead className=\"bg-n1-ww-gray-50 dark:bg-n1-ww-gray-800\">\n                  <tr>\n                    <th className=\"px-3 py-2 text-left text-xs font-medium text-n1-ww-gray-500 dark:text-n1-ww-gray-400 uppercase tracking-wider\">\n                      Market\n                    </th>\n                    <th className=\"px-3 py-2 text-left text-xs font-medium text-n1-ww-gray-500 dark:text-n1-ww-gray-400 uppercase tracking-wider\">\n                      Side\n                    </th>\n                    <th className=\"px-3 py-2 text-right text-xs font-medium text-n1-ww-gray-500 dark:text-n1-ww-gray-400 uppercase tracking-wider\">\n                      Size\n                    </th>\n                    <th className=\"px-3 py-2 text-right text-xs font-medium text-n1-ww-gray-500 dark:text-n1-ww-gray-400 uppercase tracking-wider\">\n                      Price\n                    </th>\n                    <th className=\"px-3 py-2 text-right text-xs font-medium text-n1-ww-gray-500 dark:text-n1-ww-gray-400 uppercase tracking-wider\">\n                      Action\n                    </th>\n                  </tr>\n                </thead>\n                <tbody className=\"bg-white dark:bg-n1-ww-gray-950 divide-y divide-n1-ww-gray-200 dark:divide-n1-ww-gray-800\">\n                  {activeOrders.map((order) => (\n                    <tr\n                      key={order.orderId}\n                      className=\"hover:bg-n1-ww-gray-50 dark:hover:bg-n1-ww-gray-800\"\n                    >\n                      <td className=\"px-3 py-2 whitespace-nowrap text-sm text-n1-ww-gray-900 dark:text-n1-ww-gray-100\">\n                        {order.symbol}\n                      </td>\n                      <td className=\"px-3 py-2 whitespace-nowrap text-sm\">\n                        <span\n                          className={`font-medium ${order.isLong ? 'text-green-600 dark:text-green-400' : 'text-red-600 dark:text-red-400'}`}\n                        >\n                          {order.isLong ? 'BUY' : 'SELL'}\n                        </span>\n                      </td>\n                      <td className=\"px-3 py-2 whitespace-nowrap text-sm text-n1-ww-gray-900 dark:text-n1-ww-gray-100 text-right font-mono\">\n                        {order.size}\n                      </td>\n                      <td className=\"px-3 py-2 whitespace-nowrap text-sm text-n1-ww-gray-900 dark:text-n1-ww-gray-100 text-right font-mono\">\n                        {order.price}\n                      </td>\n                      <td className=\"px-3 py-2 whitespace-nowrap text-sm text-right\">\n                        <button\n                          onClick={() => handleCancelOrder(order.orderId)}\n                          disabled={cancellingOrderId === order.orderId}\n                          className={`text-red-600 dark:text-red-400 hover:text-red-800 dark:hover:text-red-300 relative ${\n                            cancellingOrderId === order.orderId\n                              ? 'cursor-not-allowed'\n                              : ''\n                          }`}\n                        >\n                          {cancellingOrderId === order.orderId ? (\n                            <>\n                              <span className=\"opacity-0\">Cancel</span>\n                              <X\n                                size={16}\n                                className=\"absolute inset-0 m-auto n1-ww-animate-pulse text-red-500\"\n                              />\n                            </>\n                          ) : (\n                            'Cancel'\n                          )}\n                        </button>\n                      </td>\n                    </tr>\n                  ))}\n                </tbody>\n              </table>\n            </div>\n          ) : (\n            // Compact card view for smaller containers\n            <div className=\"grid gap-2\">\n              {activeOrders.map((order) => (\n                <div\n                  key={order.orderId}\n                  className=\"bg-white dark:bg-n1-ww-gray-900 border border-n1-ww-gray-200 dark:border-n1-ww-gray-800 rounded p-2 hover:bg-n1-ww-gray-50 dark:hover:bg-n1-ww-gray-800\"\n                >\n                  <div className=\"flex justify-between items-start mb-1\">\n                    <div className=\"font-medium text-sm text-n1-ww-gray-900 dark:text-n1-ww-gray-100\">\n                      {order.symbol}\n                    </div>\n                    <button\n                      onClick={() => handleCancelOrder(order.orderId)}\n                      disabled={cancellingOrderId === order.orderId}\n                      className={`text-red-600 dark:text-red-400 hover:text-red-800 dark:hover:text-red-300 text-xs relative ${\n                        cancellingOrderId === order.orderId\n                          ? 'cursor-not-allowed'\n                          : ''\n                      }`}\n                    >\n                      {cancellingOrderId === order.orderId ? (\n                        <>\n                          <span className=\"opacity-0\">Cancel</span>\n                          <X\n                            size={14}\n                            className=\"absolute inset-0 m-auto n1-ww-animate-pulse text-red-500\"\n                          />\n                        </>\n                      ) : (\n                        'Cancel'\n                      )}\n                    </button>\n                  </div>\n                  <div className=\"grid grid-cols-3 gap-1 text-xs\">\n                    <div>\n                      <span\n                        className={`font-medium ${order.isLong ? 'text-green-600 dark:text-green-400' : 'text-red-600 dark:text-red-400'}`}\n                      >\n                        {order.isLong ? 'BUY' : 'SELL'}\n                      </span>\n                    </div>\n                    <div className=\"text-right font-mono text-n1-ww-gray-700 dark:text-n1-ww-gray-300\">\n                      {order.size}\n                    </div>\n                    <div className=\"text-right font-mono text-n1-ww-gray-700 dark:text-n1-ww-gray-300\">\n                      {order.price}\n                    </div>\n                  </div>\n                </div>\n              ))}\n            </div>\n          )}\n\n          {/* Loading indicator for refreshing */}\n          {loading && (activeOrders.length > 0 || orderHistory.length > 0) && (\n            <div className=\"flex justify-center mt-2\">\n              <RefreshCw size={16} className=\"text-n1-ww-gray-400 n1-ww-animate-spin\" />\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

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

@@ -1,278 +0,0 @@
-"use strict";
-// DEPRECATED: This entire component has been deprecated due to errors
-// All code below has been commented out to prevent issues
-/*
-
-import { useState, useEffect } from 'react';
-import { useN1WalletContext } from '../../../../Provider/hooks';
-import { RefreshCw, X } from 'lucide-react';
-
-interface Position {
-  marketId: number;
-  symbol: string;
-  size: number;
-  entryPrice: number;
-  markPrice: number;
-  pnl: number;
-  pnlPercentage: number;
-  liquidationPrice?: number;
-  accountId: number;
-}
-
-// Interface for market stats based on the Nord API
-interface MarketStats {
-  market_id: number;
-  index_price: [number, number];
-  volume_24h: number;
-  high_24h: number;
-  low_24h: number;
-  perp_stats?: {
-    mark_price?: number;
-    funding_rate?: number;
-    next_funding_time?: Date;
-    open_interest?: number;
-  };
-}
-
-export default function UserPositions() {
-  const { nord, nordUser } = useN1WalletContext();
-  const [positions, setPositions] = useState<Position[]>([]);
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState<string | null>(null);
-  const [marketStats, setMarketStats] = useState<MarketStats[]>([]);
-
-  // Fetch user positions
-  useEffect(() => {
-    if (!nordUser || !nord) return;
-
-    const fetchPositions = async () => {
-      setLoading(true);
-      setError(null);
-
-      try {
-        // Refresh user info to get latest positions
-        await nordUser.fetchInfo();
-
-        // Get market stats for mark prices
-        try {
-          const stats = await nord.marketsStats();
-          setMarketStats(stats.markets);
-        } catch (statsErr) {
-          console.error('Error fetching market stats:', statsErr);
-          // Don't set loading to false here, as we still want to try to get positions
-        }
-
-        // Extract real positions from nordUser
-        const realPositions: Position[] = [];
-
-        // Loop through all accounts
-        if (nordUser.accountIds) {
-          for (const accountId of nordUser.accountIds) {
-            // Check if this account has positions
-            const accountPositions = nordUser.positions[accountId];
-
-            if (accountPositions && accountPositions.length > 0) {
-              // Process each position
-              for (const position of accountPositions) {
-                // Only include positions with perp data and non-zero size
-                if (position.perp && Math.abs(position.perp.baseSize) > 0) {
-                  // Find market info to get symbol
-                  const market = nord.markets.find(
-                    (m) => m.marketId === position.marketId
-                  );
-                  const symbol = market
-                    ? market.symbol
-                    : `Market-${position.marketId}`;
-
-                  // Calculate PnL
-                  const totalPnl =
-                    position.perp.sizePricePnl +
-                    position.perp.fundingPaymentPnl;
-                  const entryValue =
-                    Math.abs(position.perp.baseSize) * position.perp.price;
-                  const pnlPercentage =
-                    entryValue > 0 ? (totalPnl / entryValue) * 100 : 0;
-
-                  // Get mark price from market stats or use entry price as fallback
-                  const stats = marketStats.find(
-                    (m) => m.market_id === position.marketId
-                  );
-                  const markPrice =
-                    stats?.perp_stats?.mark_price || position.perp.price;
-
-                  realPositions.push({
-                    marketId: position.marketId,
-                    symbol: symbol,
-                    size: position.perp.isLong
-                      ? position.perp.baseSize
-                      : -position.perp.baseSize,
-                    entryPrice: position.perp.price,
-                    markPrice: markPrice,
-                    pnl: totalPnl,
-                    pnlPercentage: pnlPercentage,
-                    accountId: accountId,
-                  });
-                }
-              }
-            }
-          }
-        }
-
-        setPositions(realPositions);
-        setLoading(false); // Explicitly set loading to false on success
-      } catch (err) {
-        console.error('Error fetching positions:', err);
-        setError('Failed to load positions');
-        setLoading(false); // Ensure loading is set to false on error
-      }
-    };
-
-    fetchPositions();
-
-    // Set up polling for position updates
-    const intervalId = setInterval(fetchPositions, 10000); // Update every 10 seconds
-
-    return () => clearInterval(intervalId);
-  }, [nordUser, nord]); // Remove marketStats from dependency array to prevent infinite loops
-
-  // Handle position close
-  const handleClosePosition = async (marketId: number, accountId: number) => {
-    if (!nordUser) return;
-
-    try {
-      // Find the position to close
-      const position = positions.find(
-        (pos) => pos.marketId === marketId && pos.accountId === accountId
-      );
-
-      if (!position) {
-        throw new Error('Position not found');
-      }
-
-      // Place an order to close the position (opposite side, same size)
-      await nordUser.placeOrder({
-        marketId: marketId,
-        side: position.size > 0 ? 'ask' : 'bid', // Opposite side to close
-        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,
-      });
-
-      // Refresh positions after closing
-      await nordUser.fetchInfo();
-
-      // Remove the position from the local state
-      setPositions(
-        positions.filter(
-          (pos) => !(pos.marketId === marketId && pos.accountId === accountId)
-        )
-      );
-    } catch (err) {
-      console.error('Error closing position:', err);
-      setError('Failed to close position');
-    }
-  };
-
-  return (
-    <div className="bg-white dark:bg-n1-ww-gray-950 overflow-hidden">
-      <div className="p-4">
-        <h2 className="text-lg font-semibold text-n1-ww-gray-900 dark:text-n1-ww-gray-100 mb-4">
-          Positions
-        </h2>
-
-        {loading && positions.length === 0 ? (
-          <div className="flex items-center justify-center h-32">
-            <RefreshCw size={20} className="text-n1-ww-gray-400 n1-ww-animate-spin" />
-          </div>
-        ) : error ? (
-          <div className="p-3 bg-red-50 dark:bg-red-900/20 rounded-lg text-red-600 dark:text-red-400 text-sm">
-            {error}
-          </div>
-        ) : positions.length === 0 ? (
-          <div className="p-3 bg-n1-ww-gray-50 dark:bg-n1-ww-gray-950 rounded-lg text-n1-ww-gray-500 dark:text-n1-ww-gray-400 text-sm text-center">
-            No open positions
-          </div>
-        ) : (
-          <div className="space-y-3">
-            {positions.map((position, index) => (
-              <div
-                key={index}
-                className="p-3 bg-n1-ww-gray-50 dark:bg-n1-ww-gray-950 rounded-lg"
-              >
-                <div className="flex items-center justify-between mb-2">
-                  <div className="flex items-center">
-                    <span className="font-medium text-n1-ww-gray-900 dark:text-n1-ww-gray-100 mr-2">
-                      {position.symbol}
-                    </span>
-                    <span
-                      className={`text-xs px-2 py-0.5 rounded ${
-                        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'
-                      }`}
-                    >
-                      {position.size > 0 ? 'Long' : 'Short'}{' '}
-                      {Math.abs(position.size)}
-                    </span>
-                  </div>
-                </div>
-
-                <div className="grid grid-cols-2 gap-2 text-sm">
-                  <div>
-                    <div className="text-n1-ww-gray-500 dark:text-n1-ww-gray-400">
-                      Entry Price
-                    </div>
-                    <div className="font-medium text-n1-ww-gray-900 dark:text-n1-ww-gray-100 font-mono">
-                      {position.entryPrice.toFixed(2)}
-                    </div>
-                  </div>
-                  <div>
-                    <div className="text-n1-ww-gray-500 dark:text-n1-ww-gray-400">
-                      Mark Price
-                    </div>
-                    <div className="font-medium text-n1-ww-gray-900 dark:text-n1-ww-gray-100 font-mono">
-                      {position.markPrice.toFixed(2)}
-                    </div>
-                  </div>
-                  <div>
-                    <div className="text-n1-ww-gray-500 dark:text-n1-ww-gray-400">PnL</div>
-                    <div
-                      className={`font-medium font-mono ${
-                        position.pnl >= 0
-                          ? 'text-green-600 dark:text-green-400'
-                          : 'text-red-600 dark:text-red-400'
-                      }`}
-                    >
-                      {position.pnl >= 0 ? '+' : ''}
-                      {position.pnl.toFixed(2)} (
-                      {position.pnlPercentage.toFixed(2)}%)
-                    </div>
-                  </div>
-                  <div>
-                    <div className="text-n1-ww-gray-500 dark:text-n1-ww-gray-400">
-                      Liquidation
-                    </div>
-                    <div className="font-medium text-n1-ww-gray-900 dark:text-n1-ww-gray-100 font-mono">
-                      {position.liquidationPrice
-                        ? position.liquidationPrice.toFixed(2)
-                        : 'N/A'}
-                    </div>
-                  </div>
-                </div>
-              </div>
-            ))}
-
-            {loading && positions.length > 0 && (
-              <div className="flex justify-center mt-2">
-                <RefreshCw size={16} className="text-n1-ww-gray-400 n1-ww-animate-spin" />
-              </div>
-            )}
-          </div>
-        )}
-      </div>
-    </div>
-  );
-}
-*/ 
-//# sourceMappingURL=UserPositions.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"UserPositions.js","sourceRoot":"","sources":["../../../../../src/Modal/Sidebar/NordTradingView/UserPositions/UserPositions.tsx"],"names":[],"mappings":";AAAA,sEAAsE;AACtE,0DAA0D;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiRE","sourcesContent":["// DEPRECATED: This entire component has been deprecated due to errors\n// All code below has been commented out to prevent issues\n\n/*\n\nimport { useState, useEffect } from 'react';\nimport { useN1WalletContext } from '../../../../Provider/hooks';\nimport { RefreshCw, X } from 'lucide-react';\n\ninterface Position {\n  marketId: number;\n  symbol: string;\n  size: number;\n  entryPrice: number;\n  markPrice: number;\n  pnl: number;\n  pnlPercentage: number;\n  liquidationPrice?: number;\n  accountId: number;\n}\n\n// Interface for market stats based on the Nord API\ninterface MarketStats {\n  market_id: number;\n  index_price: [number, number];\n  volume_24h: number;\n  high_24h: number;\n  low_24h: number;\n  perp_stats?: {\n    mark_price?: number;\n    funding_rate?: number;\n    next_funding_time?: Date;\n    open_interest?: number;\n  };\n}\n\nexport default function UserPositions() {\n  const { nord, nordUser } = useN1WalletContext();\n  const [positions, setPositions] = useState<Position[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [marketStats, setMarketStats] = useState<MarketStats[]>([]);\n\n  // Fetch user positions\n  useEffect(() => {\n    if (!nordUser || !nord) return;\n\n    const fetchPositions = async () => {\n      setLoading(true);\n      setError(null);\n\n      try {\n        // Refresh user info to get latest positions\n        await nordUser.fetchInfo();\n\n        // Get market stats for mark prices\n        try {\n          const stats = await nord.marketsStats();\n          setMarketStats(stats.markets);\n        } catch (statsErr) {\n          console.error('Error fetching market stats:', statsErr);\n          // Don't set loading to false here, as we still want to try to get positions\n        }\n\n        // Extract real positions from nordUser\n        const realPositions: Position[] = [];\n\n        // Loop through all accounts\n        if (nordUser.accountIds) {\n          for (const accountId of nordUser.accountIds) {\n            // Check if this account has positions\n            const accountPositions = nordUser.positions[accountId];\n\n            if (accountPositions && accountPositions.length > 0) {\n              // Process each position\n              for (const position of accountPositions) {\n                // Only include positions with perp data and non-zero size\n                if (position.perp && Math.abs(position.perp.baseSize) > 0) {\n                  // Find market info to get symbol\n                  const market = nord.markets.find(\n                    (m) => m.marketId === position.marketId\n                  );\n                  const symbol = market\n                    ? market.symbol\n                    : `Market-${position.marketId}`;\n\n                  // Calculate PnL\n                  const totalPnl =\n                    position.perp.sizePricePnl +\n                    position.perp.fundingPaymentPnl;\n                  const entryValue =\n                    Math.abs(position.perp.baseSize) * position.perp.price;\n                  const pnlPercentage =\n                    entryValue > 0 ? (totalPnl / entryValue) * 100 : 0;\n\n                  // Get mark price from market stats or use entry price as fallback\n                  const stats = marketStats.find(\n                    (m) => m.market_id === position.marketId\n                  );\n                  const markPrice =\n                    stats?.perp_stats?.mark_price || position.perp.price;\n\n                  realPositions.push({\n                    marketId: position.marketId,\n                    symbol: symbol,\n                    size: position.perp.isLong\n                      ? position.perp.baseSize\n                      : -position.perp.baseSize,\n                    entryPrice: position.perp.price,\n                    markPrice: markPrice,\n                    pnl: totalPnl,\n                    pnlPercentage: pnlPercentage,\n                    accountId: accountId,\n                  });\n                }\n              }\n            }\n          }\n        }\n\n        setPositions(realPositions);\n        setLoading(false); // Explicitly set loading to false on success\n      } catch (err) {\n        console.error('Error fetching positions:', err);\n        setError('Failed to load positions');\n        setLoading(false); // Ensure loading is set to false on error\n      }\n    };\n\n    fetchPositions();\n\n    // Set up polling for position updates\n    const intervalId = setInterval(fetchPositions, 10000); // Update every 10 seconds\n\n    return () => clearInterval(intervalId);\n  }, [nordUser, nord]); // Remove marketStats from dependency array to prevent infinite loops\n\n  // Handle position close\n  const handleClosePosition = async (marketId: number, accountId: number) => {\n    if (!nordUser) return;\n\n    try {\n      // Find the position to close\n      const position = positions.find(\n        (pos) => pos.marketId === marketId && pos.accountId === accountId\n      );\n\n      if (!position) {\n        throw new Error('Position not found');\n      }\n\n      // Place an order to close the position (opposite side, same size)\n      await nordUser.placeOrder({\n        marketId: marketId,\n        side: position.size > 0 ? 'ask' : 'bid', // Opposite side to close\n        fillMode: 'market', // Market order to ensure it gets filled\n        isReduceOnly: true, // Reduce-only to ensure it only closes the position\n        size: Math.abs(position.size), // Absolute size value\n        accountId: accountId,\n      });\n\n      // Refresh positions after closing\n      await nordUser.fetchInfo();\n\n      // Remove the position from the local state\n      setPositions(\n        positions.filter(\n          (pos) => !(pos.marketId === marketId && pos.accountId === accountId)\n        )\n      );\n    } catch (err) {\n      console.error('Error closing position:', err);\n      setError('Failed to close position');\n    }\n  };\n\n  return (\n    <div className=\"bg-white dark:bg-n1-ww-gray-950 overflow-hidden\">\n      <div className=\"p-4\">\n        <h2 className=\"text-lg font-semibold text-n1-ww-gray-900 dark:text-n1-ww-gray-100 mb-4\">\n          Positions\n        </h2>\n\n        {loading && positions.length === 0 ? (\n          <div className=\"flex items-center justify-center h-32\">\n            <RefreshCw size={20} className=\"text-n1-ww-gray-400 n1-ww-animate-spin\" />\n          </div>\n        ) : error ? (\n          <div className=\"p-3 bg-red-50 dark:bg-red-900/20 rounded-lg text-red-600 dark:text-red-400 text-sm\">\n            {error}\n          </div>\n        ) : positions.length === 0 ? (\n          <div className=\"p-3 bg-n1-ww-gray-50 dark:bg-n1-ww-gray-950 rounded-lg text-n1-ww-gray-500 dark:text-n1-ww-gray-400 text-sm text-center\">\n            No open positions\n          </div>\n        ) : (\n          <div className=\"space-y-3\">\n            {positions.map((position, index) => (\n              <div\n                key={index}\n                className=\"p-3 bg-n1-ww-gray-50 dark:bg-n1-ww-gray-950 rounded-lg\"\n              >\n                <div className=\"flex items-center justify-between mb-2\">\n                  <div className=\"flex items-center\">\n                    <span className=\"font-medium text-n1-ww-gray-900 dark:text-n1-ww-gray-100 mr-2\">\n                      {position.symbol}\n                    </span>\n                    <span\n                      className={`text-xs px-2 py-0.5 rounded ${\n                        position.size > 0\n                          ? 'bg-green-100 dark:bg-green-900/20 text-green-600 dark:text-green-400'\n                          : 'bg-red-100 dark:bg-red-900/20 text-red-600 dark:text-red-400'\n                      }`}\n                    >\n                      {position.size > 0 ? 'Long' : 'Short'}{' '}\n                      {Math.abs(position.size)}\n                    </span>\n                  </div>\n                </div>\n\n                <div className=\"grid grid-cols-2 gap-2 text-sm\">\n                  <div>\n                    <div className=\"text-n1-ww-gray-500 dark:text-n1-ww-gray-400\">\n                      Entry Price\n                    </div>\n                    <div className=\"font-medium text-n1-ww-gray-900 dark:text-n1-ww-gray-100 font-mono\">\n                      {position.entryPrice.toFixed(2)}\n                    </div>\n                  </div>\n                  <div>\n                    <div className=\"text-n1-ww-gray-500 dark:text-n1-ww-gray-400\">\n                      Mark Price\n                    </div>\n                    <div className=\"font-medium text-n1-ww-gray-900 dark:text-n1-ww-gray-100 font-mono\">\n                      {position.markPrice.toFixed(2)}\n                    </div>\n                  </div>\n                  <div>\n                    <div className=\"text-n1-ww-gray-500 dark:text-n1-ww-gray-400\">PnL</div>\n                    <div\n                      className={`font-medium font-mono ${\n                        position.pnl >= 0\n                          ? 'text-green-600 dark:text-green-400'\n                          : 'text-red-600 dark:text-red-400'\n                      }`}\n                    >\n                      {position.pnl >= 0 ? '+' : ''}\n                      {position.pnl.toFixed(2)} (\n                      {position.pnlPercentage.toFixed(2)}%)\n                    </div>\n                  </div>\n                  <div>\n                    <div className=\"text-n1-ww-gray-500 dark:text-n1-ww-gray-400\">\n                      Liquidation\n                    </div>\n                    <div className=\"font-medium text-n1-ww-gray-900 dark:text-n1-ww-gray-100 font-mono\">\n                      {position.liquidationPrice\n                        ? position.liquidationPrice.toFixed(2)\n                        : 'N/A'}\n                    </div>\n                  </div>\n                </div>\n              </div>\n            ))}\n\n            {loading && positions.length > 0 && (\n              <div className=\"flex justify-center mt-2\">\n                <RefreshCw size={16} className=\"text-n1-ww-gray-400 n1-ww-animate-spin\" />\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n*/"]}

package/dist/Provider/LazyWalletProvider.d.ts

@@ -1 +0,0 @@
-export declare function LazyWalletProvider({ children }: any): import("react/jsx-runtime").JSX.Element;