@n1xyz/wallet-widget 0.0.22 → 0.0.24

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

@@ -1,196 +1,278 @@
-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 } from "react/jsx-runtime";
+"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 } from 'lucide-react';
+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() {
-    var _this = this;
-    var _a = useN1WalletContext(), nord = _a.nord, nordUser = _a.nordUser;
-    var _b = useState([]), positions = _b[0], setPositions = _b[1];
-    var _c = useState(false), loading = _c[0], setLoading = _c[1];
-    var _d = useState(null), error = _d[0], setError = _d[1];
-    var _e = useState([]), marketStats = _e[0], setMarketStats = _e[1];
-    // Fetch user positions
-    useEffect(function () {
-        if (!nordUser || !nord)
-            return;
-        var fetchPositions = function () { return __awaiter(_this, void 0, void 0, function () {
-            var stats, statsErr_1, realPositions, _i, _a, accountId, accountPositions, _loop_1, _b, accountPositions_1, position, err_1;
-            var _c;
-            return __generator(this, function (_d) {
-                switch (_d.label) {
-                    case 0:
-                        setLoading(true);
-                        setError(null);
-                        _d.label = 1;
-                    case 1:
-                        _d.trys.push([1, 7, , 8]);
-                        // Refresh user info to get latest positions
-                        return [4 /*yield*/, nordUser.fetchInfo()];
-                    case 2:
-                        // Refresh user info to get latest positions
-                        _d.sent();
-                        _d.label = 3;
-                    case 3:
-                        _d.trys.push([3, 5, , 6]);
-                        return [4 /*yield*/, nord.marketsStats()];
-                    case 4:
-                        stats = _d.sent();
-                        setMarketStats(stats.markets);
-                        return [3 /*break*/, 6];
-                    case 5:
-                        statsErr_1 = _d.sent();
-                        console.error('Error fetching market stats:', statsErr_1);
-                        return [3 /*break*/, 6];
-                    case 6:
-                        realPositions = [];
-                        // Loop through all accounts
-                        if (nordUser.accountIds) {
-                            for (_i = 0, _a = nordUser.accountIds; _i < _a.length; _i++) {
-                                accountId = _a[_i];
-                                accountPositions = nordUser.positions[accountId];
-                                if (accountPositions && accountPositions.length > 0) {
-                                    _loop_1 = function (position) {
-                                        // 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
-                                            var market = nord.markets.find(function (m) { return m.marketId === position.marketId; });
-                                            var symbol = market
-                                                ? market.symbol
-                                                : "Market-".concat(position.marketId);
-                                            // Calculate PnL
-                                            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
-                                            var stats = marketStats.find(function (m) { return m.market_id === position.marketId; });
-                                            var markPrice = ((_c = stats === null || stats === void 0 ? void 0 : stats.perp_stats) === null || _c === void 0 ? void 0 : _c.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,
-                                            });
-                                        }
-                                    };
-                                    // Process each position
-                                    for (_b = 0, accountPositions_1 = accountPositions; _b < accountPositions_1.length; _b++) {
-                                        position = accountPositions_1[_b];
-                                        _loop_1(position);
-                                    }
-                                }
-                            }
-                        }
-                        setPositions(realPositions);
-                        setLoading(false); // Explicitly set loading to false on success
-                        return [3 /*break*/, 8];
-                    case 7:
-                        err_1 = _d.sent();
-                        console.error('Error fetching positions:', err_1);
-                        setError('Failed to load positions');
-                        setLoading(false); // Ensure loading is set to false on error
-                        return [3 /*break*/, 8];
-                    case 8: return [2 /*return*/];
+  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,
+                  });
                 }
-            });
-        }); };
-        fetchPositions();
-        // Set up polling for position updates
-        var intervalId = setInterval(fetchPositions, 10000); // Update every 10 seconds
-        return function () { return clearInterval(intervalId); };
-    }, [nordUser, nord]); // Remove marketStats from dependency array to prevent infinite loops
-    // Handle position close
-    var handleClosePosition = function (marketId, accountId) { return __awaiter(_this, void 0, void 0, function () {
-        var position, 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]);
-                    position = positions.find(function (pos) { return 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)
-                    return [4 /*yield*/, 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,
-                        })];
-                case 2:
-                    // Place an order to close the position (opposite side, same size)
-                    _a.sent();
-                    // Refresh positions after closing
-                    return [4 /*yield*/, nordUser.fetchInfo()];
-                case 3:
-                    // Refresh positions after closing
-                    _a.sent();
-                    // Remove the position from the local state
-                    setPositions(positions.filter(function (pos) { return !(pos.marketId === marketId && pos.accountId === accountId); }));
-                    return [3 /*break*/, 5];
-                case 4:
-                    err_2 = _a.sent();
-                    console.error('Error closing position:', err_2);
-                    setError('Failed to close position');
-                    return [3 /*break*/, 5];
-                case 5: return [2 /*return*/];
+              }
             }
-        });
-    }); };
-    return (_jsx("div", { className: "bg-white dark:bg-n1-ww-gray-950 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: "Positions" }), loading && positions.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 rounded-lg text-red-600 dark:text-red-400 text-sm", children: error })) : positions.length === 0 ? (_jsx("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", children: "No open positions" })) : (_jsxs("div", { className: "space-y-3", children: [positions.map(function (position, index) { return (_jsxs("div", { className: "p-3 bg-n1-ww-gray-50 dark:bg-n1-ww-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-n1-ww-gray-900 dark:text-n1-ww-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-n1-ww-gray-500 dark:text-n1-ww-gray-400", children: "Entry Price" }), _jsx("div", { className: "font-medium text-n1-ww-gray-900 dark:text-n1-ww-gray-100 font-mono", children: position.entryPrice.toFixed(2) })] }), _jsxs("div", { children: [_jsx("div", { className: "text-n1-ww-gray-500 dark:text-n1-ww-gray-400", children: "Mark Price" }), _jsx("div", { className: "font-medium text-n1-ww-gray-900 dark:text-n1-ww-gray-100 font-mono", children: position.markPrice.toFixed(2) })] }), _jsxs("div", { children: [_jsx("div", { className: "text-n1-ww-gray-500 dark:text-n1-ww-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-n1-ww-gray-500 dark:text-n1-ww-gray-400", children: "Liquidation" }), _jsx("div", { className: "font-medium text-n1-ww-gray-900 dark:text-n1-ww-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-n1-ww-gray-400 n1-ww-animate-spin" }) }))] }))] }) }));
+          }
+        }
+
+        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 +1 @@
-{"version":3,"file":"UserPositions.js","sourceRoot":"","sources":["../../../../../src/Modal/Sidebar/NordTradingView/UserPositions/UserPositions.tsx"],"names":[],"mappings":"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","sourcesContent":["import { 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 indicator for refreshing */}\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"]}
+{"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/hooks/useNordUserInitialization.js

@@ -37,7 +37,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 import { useEffect } from 'react';
 import { NordUser } from '@n1xyz/nord-ts';
 import { generateSessionKeyPair, signEd25519 } from '@n1xyz/nts-sdk';
-import { PublicKey, Transaction } from '@solana/web3.js';
+import { PublicKey } from '@solana/web3.js';
 import { getSessionKeysFromLocalStorage, storeSessionKeysInLocalStorage } from '../../Logic/utils';
 import { WalletError, WalletErrorCode } from '../../errors/types';
 import { logger } from '../../utils/logger';
@@ -88,7 +88,7 @@ export function useNordUserInitialization() {
                 return null;
             }
             var signTransactionWithWallet = function (transaction) { return __awaiter(_this, void 0, void 0, function () {
-                var signedTransaction, serializedTx, error_2;
+                var signedTransaction, error_2;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
@@ -99,8 +99,11 @@ export function useNordUserInitialization() {
                         case 2:
                             signedTransaction = _a.sent();
                             logger.debug('Solana transaction signature received');
-                            serializedTx = signedTransaction.serialize();
-                            return [2 /*return*/, Transaction.from(serializedTx)];
+                            // const serializedTx = signedTransaction.serialize();
+                            // return Transaction.from(serializedTx);
+                            console.log('signedTransaction', signedTransaction.signatures);
+                            console.log('signedTransaction - 2', signedTransaction);
+                            return [2 /*return*/, signedTransaction];
                         case 3: throw new WalletError(WalletErrorCode.USER_REJECTED, 'Unsupported chain', { originalError: new Error('Unsupported chain') });
                         case 4:
                             error_2 = _a.sent();