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

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

@@ -1,264 +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 } from "react/jsx-runtime";
-/**
- * @deprecated This component is deprecated due to technical issues.
- * Please refer to DEPRECATED.md for more information.
- */
-import { useState, useEffect } from 'react';
-import { useN1WalletContext } from '../../../../Provider/hooks';
-import BuySellTabs from './BuySellTabs';
-import FillModeSelector from './FillModeSelector';
-import PriceInput from './PriceInput';
-import AmountInput from './AmountInput';
-import TotalCalculator from './TotalCalculator';
-import SubmitButton from './SubmitButton';
-import { AlertCircle, Check, Lock, Unlock, Info } from 'lucide-react';
-import { logger } from '../../../../utils/logger';
-// Map our FillMode to the Nord FillMode enum
-var mapFillMode = function (mode) {
-    switch (mode) {
-        case 'GTC':
-            return 0; // LIMIT
-        case 'POST_ONLY':
-            return 1; // POST_ONLY
-        case 'IOC':
-            return 2; // IMMEDIATE_OR_CANCEL
-        case 'FOK':
-            return 3; // FILL_OR_KILL
-        default:
-            return 0;
-    }
-};
-// Map our OrderSide to the Nord Side enum
-var mapSide = function (side) {
-    return side === 'BUY' ? 1 : 0; // BID = 1, ASK = 0
-};
-// Helper to determine if a fill mode is a market order
-var isMarketOrder = function (mode) {
-    return mode === 'IOC'; // IOC is used for market orders
-};
-export default function TradeForm(_a) {
-    var _this = this;
-    var marketSymbol = _a.marketSymbol, marketId = _a.marketId;
-    var _b = useN1WalletContext(), nord = _b.nord, nordUser = _b.nordUser;
-    // Form state
-    var _c = useState('BUY'), side = _c[0], setSide = _c[1];
-    var _d = useState('GTC'), fillMode = _d[0], setFillMode = _d[1];
-    var _e = useState(''), price = _e[0], setPrice = _e[1];
-    var _f = useState(''), amount = _f[0], setAmount = _f[1];
-    var _g = useState(''), total = _g[0], setTotal = _g[1];
-    var _h = useState(false), isReduceOnly = _h[0], setIsReduceOnly = _h[1];
-    var _j = useState(undefined), accountId = _j[0], setAccountId = _j[1];
-    // UI state
-    var _k = useState(false), loading = _k[0], setLoading = _k[1];
-    var _l = useState(null), error = _l[0], setError = _l[1];
-    var _m = useState(null), success = _m[0], setSuccess = _m[1];
-    var _o = useState(false), formVisible = _o[0], setFormVisible = _o[1];
-    // Market data
-    var _p = useState(null), marketInfo = _p[0], setMarketInfo = _p[1];
-    // Show form with animation after initial render
-    useEffect(function () {
-        var timer = setTimeout(function () {
-            setFormVisible(true);
-        }, 100);
-        return function () { return clearTimeout(timer); };
-    }, []);
-    // Fetch market info and user account ID when market changes
-    useEffect(function () {
-        if (!marketSymbol || !nord || marketId === undefined)
-            return;
-        var fetchMarketInfo = function () { return __awaiter(_this, void 0, void 0, function () {
-            var stats, selectedMarket, err_1;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        _a.trys.push([0, 2, , 3]);
-                        return [4 /*yield*/, nord.getMarketStats({ marketId: marketId })];
-                    case 1:
-                        stats = _a.sent();
-                        selectedMarket = stats;
-                        setMarketInfo(selectedMarket || null);
-                        // Set default price to current market price
-                        if (selectedMarket === null || selectedMarket === void 0 ? void 0 : selectedMarket.lastPrice) {
-                            setPrice(selectedMarket.lastPrice.toString());
-                        }
-                        return [3 /*break*/, 3];
-                    case 2:
-                        err_1 = _a.sent();
-                        console.error('Error fetching market info:', err_1);
-                        return [3 /*break*/, 3];
-                    case 3: return [2 /*return*/];
-                }
-            });
-        }); };
-        var fetchUserAccount = function () { return __awaiter(_this, void 0, void 0, function () {
-            var err_2;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        if (!nordUser) return [3 /*break*/, 4];
-                        _a.label = 1;
-                    case 1:
-                        _a.trys.push([1, 3, , 4]);
-                        // Update account ID
-                        return [4 /*yield*/, nordUser.updateAccountId()];
-                    case 2:
-                        // Update account ID
-                        _a.sent();
-                        // Set the first account ID if available
-                        if (nordUser.accountIds && nordUser.accountIds.length > 0) {
-                            setAccountId(nordUser.accountIds[0]);
-                        }
-                        return [3 /*break*/, 4];
-                    case 3:
-                        err_2 = _a.sent();
-                        console.error('Error fetching user account:', err_2);
-                        return [3 /*break*/, 4];
-                    case 4: return [2 /*return*/];
-                }
-            });
-        }); };
-        fetchMarketInfo();
-        fetchUserAccount();
-    }, [marketSymbol, nord, nordUser]);
-    // Calculate total when price or amount changes
-    useEffect(function () {
-        if (!isMarketOrder(fillMode) && price && amount) {
-            var calculatedTotal = parseFloat(price) * parseFloat(amount);
-            setTotal(calculatedTotal.toFixed(8));
-        }
-        else if (isMarketOrder(fillMode)) {
-            setTotal('Market');
-        }
-        else {
-            setTotal('');
-        }
-    }, [price, amount, fillMode]);
-    // Handle order submission
-    var handleSubmit = function (e) { return __awaiter(_this, void 0, void 0, function () {
-        var market, marketId_1, orderParams, orderId, err_3;
-        var _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    e.preventDefault();
-                    if (!marketSymbol || !nordUser) {
-                        setError('User or market not available');
-                        return [2 /*return*/];
-                    }
-                    if (!isMarketOrder(fillMode) && (!price || parseFloat(price) <= 0)) {
-                        setError('Please enter a valid price');
-                        return [2 /*return*/];
-                    }
-                    if (!amount || parseFloat(amount) <= 0) {
-                        setError('Please enter a valid amount');
-                        return [2 /*return*/];
-                    }
-                    setLoading(true);
-                    setError(null);
-                    setSuccess(null);
-                    _b.label = 1;
-                case 1:
-                    _b.trys.push([1, 3, 4, 5]);
-                    market = (_a = nord === null || nord === void 0 ? void 0 : nord.markets) === null || _a === void 0 ? void 0 : _a.find(function (m) { return m.symbol === marketSymbol; });
-                    marketId_1 = market
-                        ? market.id || market.marketId || 0
-                        : 0;
-                    orderParams = {
-                        marketId: marketId_1,
-                        side: mapSide(side),
-                        fillMode: mapFillMode(fillMode),
-                        isReduceOnly: isReduceOnly,
-                        // For limit orders or SELL orders, we need size
-                        size: !isMarketOrder(fillMode) || side === 'SELL' ? amount : undefined,
-                        // For limit orders, we need price
-                        price: !isMarketOrder(fillMode) ? price : undefined,
-                        // For market BUY orders, we need quoteSize (total amount to spend)
-                        quoteSize: isMarketOrder(fillMode) && side === 'BUY' ? total : undefined,
-                        // Use the first account ID if available
-                        accountId: accountId,
-                    };
-                    logger.debug('Placing order with params:', orderParams);
-                    return [4 /*yield*/, nordUser.placeOrder(orderParams)];
-                case 2:
-                    orderId = _b.sent();
-                    if (orderId) {
-                        setSuccess("Order placed successfully! Order ID: ".concat(orderId));
-                        // Reset form
-                        setAmount('');
-                        if (isMarketOrder(fillMode)) {
-                            setPrice('');
-                        }
-                    }
-                    else {
-                        throw new Error('Failed to place order');
-                    }
-                    return [3 /*break*/, 5];
-                case 3:
-                    err_3 = _b.sent();
-                    logger.error('Error placing order:', err_3);
-                    setError(err_3.message || 'Failed to place order');
-                    return [3 /*break*/, 5];
-                case 4:
-                    setLoading(false);
-                    return [7 /*endfinally*/];
-                case 5: return [2 /*return*/];
-            }
-        });
-    }); };
-    return (_jsxs("div", { className: "p-4 bg-white dark:bg-n1-ww-dark-950 transition-colors duration-300", children: [_jsxs("h2", { className: "text-base font-semibold text-n1-ww-gray-900 dark:text-n1-ww-gray-100 mb-3 transform transition-all duration-500 ".concat(formVisible ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0'), children: ["Place Order", ' ', marketSymbol ? (_jsx("span", { className: side === 'BUY'
-                            ? 'text-emerald-600 dark:text-emerald-500'
-                            : 'text-red-700 dark:text-red-600', children: marketSymbol })) : ('')] }), !marketSymbol ? (_jsx("div", { className: "p-3 border border-n1-ww-gray-200 dark:border-n1-ww-gray-800 rounded-sm text-n1-ww-gray-500 dark:text-n1-ww-gray-400 text-xs bg-n1-ww-gray-50 dark:bg-n1-ww-dark-950 transform transition-all duration-500 ".concat(formVisible ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0'), children: "Select a market to place orders" })) : (_jsx("form", { onSubmit: handleSubmit, children: _jsxs("div", { className: "space-y-3", children: [_jsx("div", { className: "transform transition-all duration-500 delay-100 ".concat(formVisible ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0'), children: _jsx(BuySellTabs, { side: side, onChange: setSide }) }), _jsx("div", { className: "transform transition-all duration-500 delay-200 ".concat(formVisible ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0'), children: _jsx(FillModeSelector, { fillMode: fillMode, onFillModeChange: setFillMode }) }), !isMarketOrder(fillMode) && (_jsx("div", { className: "transform transition-all duration-500 delay-300 ".concat(formVisible ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0'), children: _jsx(PriceInput, { price: price, onChange: setPrice, marketPrice: marketInfo === null || marketInfo === void 0 ? void 0 : marketInfo.lastPrice }) })), _jsx("div", { className: "transform transition-all duration-500 delay-400 ".concat(formVisible ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0'), children: _jsx(AmountInput, { amount: amount, onChange: setAmount, marketInfo: marketInfo }) }), _jsx("div", { className: "transform transition-all duration-500 delay-500 ".concat(formVisible ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0'), children: _jsx(TotalCalculator, { total: total, orderType: isMarketOrder(fillMode) ? 'MARKET' : 'LIMIT' }) }), accountId && (_jsx("div", { className: "transform transition-all duration-500 delay-550 ".concat(formVisible ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0'), children: _jsxs("div", { className: "flex items-center text-xs text-n1-ww-gray-500 dark:text-n1-ww-gray-400", children: [_jsx(Info, { size: 12, className: "mr-1" }), _jsxs("span", { children: ["Account ID: ", accountId] })] }) })), _jsx("div", { className: "transform transition-all duration-500 delay-600 ".concat(formVisible ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0'), children: _jsxs("button", { type: "button", onClick: function () { return setIsReduceOnly(!isReduceOnly); }, className: "w-full flex items-center justify-between px-3 py-2 rounded-sm text-sm transition-all duration-300 ".concat(isReduceOnly
-                                    ? side === 'BUY'
-                                        ? 'bg-emerald-50 dark:bg-emerald-900/10 text-emerald-700 dark:text-emerald-400 border border-emerald-200 dark:border-emerald-800/30'
-                                        : 'bg-red-50 dark:bg-red-900/10 text-red-700 dark:text-red-400 border border-red-200 dark:border-red-800/30'
-                                    : 'bg-n1-ww-gray-50 dark:bg-n1-ww-gray-900 text-n1-ww-gray-700 dark:text-n1-ww-gray-300 border border-n1-ww-gray-200 dark:border-n1-ww-gray-800 hover:border-n1-ww-gray-300 dark:hover:border-n1-ww-gray-600'), children: [_jsxs("div", { className: "flex items-center", children: [_jsx("div", { className: "mr-2 transition-colors duration-300 ".concat(isReduceOnly
-                                                    ? side === 'BUY'
-                                                        ? 'text-emerald-600 dark:text-emerald-500'
-                                                        : 'text-red-600 dark:text-red-500'
-                                                    : 'text-n1-ww-gray-500 dark:text-n1-ww-gray-400'), children: isReduceOnly ? _jsx(Lock, { size: 14 }) : _jsx(Unlock, { size: 14 }) }), _jsx("span", { className: "text-xs", children: "Reduce Only" })] }), _jsx("div", { className: "flex items-center justify-center w-4 h-4 rounded-full transition-all duration-300 ".concat(isReduceOnly
-                                            ? side === 'BUY'
-                                                ? 'bg-emerald-600 dark:bg-emerald-500 text-white'
-                                                : 'bg-red-600 dark:bg-red-500 text-white'
-                                            : 'bg-n1-ww-gray-200 dark:bg-n1-ww-gray-700'), children: isReduceOnly && _jsx(Check, { size: 10 }) })] }) }), _jsxs("div", { className: "p-2 border rounded-sm text-xs transition-all duration-300 transform ".concat(error
-                                ? 'opacity-100 max-h-20 border-red-200 dark:border-red-900/30 bg-red-50 dark:bg-red-900/10 text-red-700 dark:text-red-400 flex items-center translate-y-0'
-                                : 'opacity-0 max-h-0 overflow-hidden border-transparent translate-y-2'), children: [error && (_jsx(AlertCircle, { size: 14, className: "mr-2 flex-shrink-0" })), error] }), _jsx("div", { className: "p-2 border rounded-sm text-xs transition-all duration-300 transform ".concat(success
-                                ? 'opacity-100 max-h-20 border-emerald-200 dark:border-emerald-900/30 bg-emerald-50 dark:bg-emerald-900/10 text-emerald-700 dark:text-emerald-400 translate-y-0'
-                                : 'opacity-0 max-h-0 overflow-hidden border-transparent translate-y-2'), children: success }), _jsx("div", { className: "transform transition-all duration-500 delay-700 ".concat(formVisible ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0'), children: _jsx(SubmitButton, { loading: loading, side: side, orderType: isMarketOrder(fillMode) ? 'MARKET' : 'LIMIT', disabled: !marketSymbol || loading }) })] }) }))] }));
-}
-//# sourceMappingURL=TradeForm.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TradeForm.js","sourceRoot":"","sources":["../../../../../src/Modal/Sidebar/NordTradingView/TradeForm/TradeForm.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * @deprecated This component is deprecated due to technical issues.\n * Please refer to DEPRECATED.md for more information.\n */\n\nimport { useState, useEffect } from 'react';\nimport { useN1WalletContext } from '../../../../Provider/hooks';\nimport BuySellTabs from './BuySellTabs';\nimport FillModeSelector from './FillModeSelector';\nimport PriceInput from './PriceInput';\nimport AmountInput from './AmountInput';\nimport TotalCalculator from './TotalCalculator';\nimport SubmitButton from './SubmitButton';\nimport { AlertCircle, Check, Lock, Unlock, Info } from 'lucide-react';\nimport { logger } from '../../../../utils/logger';\n\ninterface TradeFormProps {\n  marketSymbol: string | null;\n  marketId?: number;\n}\n\n// Define order types\nexport type OrderSide = 'BUY' | 'SELL';\nexport type OrderType = 'LIMIT' | 'MARKET'; // Keep for backward compatibility\nexport type FillMode = 'GTC' | 'POST_ONLY' | 'IOC' | 'FOK';\n\n// Map our FillMode to the Nord FillMode enum\nconst mapFillMode = (mode: FillMode): number => {\n  switch (mode) {\n    case 'GTC':\n      return 0; // LIMIT\n    case 'POST_ONLY':\n      return 1; // POST_ONLY\n    case 'IOC':\n      return 2; // IMMEDIATE_OR_CANCEL\n    case 'FOK':\n      return 3; // FILL_OR_KILL\n    default:\n      return 0;\n  }\n};\n\n// Map our OrderSide to the Nord Side enum\nconst mapSide = (side: OrderSide): number => {\n  return side === 'BUY' ? 1 : 0; // BID = 1, ASK = 0\n};\n\n// Helper to determine if a fill mode is a market order\nconst isMarketOrder = (mode: FillMode): boolean => {\n  return mode === 'IOC'; // IOC is used for market orders\n};\n\nexport default function TradeForm({ marketSymbol, marketId }: TradeFormProps) {\n  const { nord, nordUser } = useN1WalletContext();\n\n  // Form state\n  const [side, setSide] = useState<OrderSide>('BUY');\n  const [fillMode, setFillMode] = useState<FillMode>('GTC');\n  const [price, setPrice] = useState<string>('');\n  const [amount, setAmount] = useState<string>('');\n  const [total, setTotal] = useState<string>('');\n  const [isReduceOnly, setIsReduceOnly] = useState<boolean>(false);\n  const [accountId, setAccountId] = useState<number | undefined>(undefined);\n\n  // UI state\n  const [loading, setLoading] = useState<boolean>(false);\n  const [error, setError] = useState<string | null>(null);\n  const [success, setSuccess] = useState<string | null>(null);\n  const [formVisible, setFormVisible] = useState<boolean>(false);\n\n  // Market data\n  const [marketInfo, setMarketInfo] = useState<any>(null);\n\n  // Show form with animation after initial render\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      setFormVisible(true);\n    }, 100);\n    return () => clearTimeout(timer);\n  }, []);\n\n  // Fetch market info and user account ID when market changes\n  useEffect(() => {\n    if (!marketSymbol || !nord || marketId === undefined) return;\n\n    const fetchMarketInfo = async () => {\n      try {\n        const stats = await nord.getMarketStats({ marketId });\n        const selectedMarket = stats;\n        setMarketInfo(selectedMarket || null);\n\n        // Set default price to current market price\n        if ((selectedMarket as any)?.lastPrice) {\n          setPrice((selectedMarket as any).lastPrice.toString());\n        }\n      } catch (err) {\n        console.error('Error fetching market info:', err);\n      }\n    };\n\n    const fetchUserAccount = async () => {\n      if (nordUser) {\n        try {\n          // Update account ID\n          await nordUser.updateAccountId();\n          // Set the first account ID if available\n          if (nordUser.accountIds && nordUser.accountIds.length > 0) {\n            setAccountId(nordUser.accountIds[0]);\n          }\n        } catch (err) {\n          console.error('Error fetching user account:', err);\n        }\n      }\n    };\n\n    fetchMarketInfo();\n    fetchUserAccount();\n  }, [marketSymbol, nord, nordUser]);\n\n  // Calculate total when price or amount changes\n  useEffect(() => {\n    if (!isMarketOrder(fillMode) && price && amount) {\n      const calculatedTotal = parseFloat(price) * parseFloat(amount);\n      setTotal(calculatedTotal.toFixed(8));\n    } else if (isMarketOrder(fillMode)) {\n      setTotal('Market');\n    } else {\n      setTotal('');\n    }\n  }, [price, amount, fillMode]);\n\n  // Handle order submission\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n\n    if (!marketSymbol || !nordUser) {\n      setError('User or market not available');\n      return;\n    }\n\n    if (!isMarketOrder(fillMode) && (!price || parseFloat(price) <= 0)) {\n      setError('Please enter a valid price');\n      return;\n    }\n\n    if (!amount || parseFloat(amount) <= 0) {\n      setError('Please enter a valid amount');\n      return;\n    }\n\n    setLoading(true);\n    setError(null);\n    setSuccess(null);\n\n    try {\n      // Find market ID from symbol\n      const market = nord?.markets?.find((m) => m.symbol === marketSymbol);\n      const marketId = market\n        ? (market as any).id || (market as any).marketId || 0\n        : 0;\n\n      // Prepare order parameters\n      const orderParams = {\n        marketId,\n        side: mapSide(side),\n        fillMode: mapFillMode(fillMode),\n        isReduceOnly,\n        // For limit orders or SELL orders, we need size\n        size: !isMarketOrder(fillMode) || side === 'SELL' ? amount : undefined,\n        // For limit orders, we need price\n        price: !isMarketOrder(fillMode) ? price : undefined,\n        // For market BUY orders, we need quoteSize (total amount to spend)\n        quoteSize:\n          isMarketOrder(fillMode) && side === 'BUY' ? total : undefined,\n        // Use the first account ID if available\n        accountId: accountId,\n      };\n\n      logger.debug('Placing order with params:', orderParams);\n\n      // Place order\n      const orderId = await nordUser.placeOrder(orderParams);\n\n      if (orderId) {\n        setSuccess(`Order placed successfully! Order ID: ${orderId}`);\n        // Reset form\n        setAmount('');\n        if (isMarketOrder(fillMode)) {\n          setPrice('');\n        }\n      } else {\n        throw new Error('Failed to place order');\n      }\n    } catch (err: any) {\n      logger.error('Error placing order:', err);\n      setError(err.message || 'Failed to place order');\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  return (\n    <div className=\"p-4 bg-white dark:bg-n1-ww-dark-950 transition-colors duration-300\">\n      <h2\n        className={`text-base font-semibold text-n1-ww-gray-900 dark:text-n1-ww-gray-100 mb-3 transform transition-all duration-500 ${formVisible ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0'}`}\n      >\n        Place Order{' '}\n        {marketSymbol ? (\n          <span\n            className={\n              side === 'BUY'\n                ? 'text-emerald-600 dark:text-emerald-500'\n                : 'text-red-700 dark:text-red-600'\n            }\n          >\n            {marketSymbol}\n          </span>\n        ) : (\n          ''\n        )}\n      </h2>\n\n      {!marketSymbol ? (\n        <div\n          className={`p-3 border border-n1-ww-gray-200 dark:border-n1-ww-gray-800 rounded-sm text-n1-ww-gray-500 dark:text-n1-ww-gray-400 text-xs bg-n1-ww-gray-50 dark:bg-n1-ww-dark-950 transform transition-all duration-500 ${formVisible ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0'}`}\n        >\n          Select a market to place orders\n        </div>\n      ) : (\n        <form onSubmit={handleSubmit}>\n          <div className=\"space-y-3\">\n            {/* Buy/Sell Tabs */}\n            <div\n              className={`transform transition-all duration-500 delay-100 ${formVisible ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0'}`}\n            >\n              <BuySellTabs side={side} onChange={setSide} />\n            </div>\n\n            {/* Order Type (Fill Mode) */}\n            <div\n              className={`transform transition-all duration-500 delay-200 ${formVisible ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0'}`}\n            >\n              <FillModeSelector\n                fillMode={fillMode}\n                onFillModeChange={setFillMode}\n              />\n            </div>\n\n            {/* Price Input (hidden for market orders) */}\n            {!isMarketOrder(fillMode) && (\n              <div\n                className={`transform transition-all duration-500 delay-300 ${formVisible ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0'}`}\n              >\n                <PriceInput\n                  price={price}\n                  onChange={setPrice}\n                  marketPrice={(marketInfo as any)?.lastPrice}\n                />\n              </div>\n            )}\n\n            {/* Amount Input */}\n            <div\n              className={`transform transition-all duration-500 delay-400 ${formVisible ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0'}`}\n            >\n              <AmountInput\n                amount={amount}\n                onChange={setAmount}\n                marketInfo={marketInfo}\n              />\n            </div>\n\n            {/* Total Calculator */}\n            <div\n              className={`transform transition-all duration-500 delay-500 ${formVisible ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0'}`}\n            >\n              <TotalCalculator\n                total={total}\n                orderType={isMarketOrder(fillMode) ? 'MARKET' : 'LIMIT'}\n              />\n            </div>\n\n            {/* Account ID Info */}\n            {accountId && (\n              <div\n                className={`transform transition-all duration-500 delay-550 ${formVisible ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0'}`}\n              >\n                <div className=\"flex items-center text-xs text-n1-ww-gray-500 dark:text-n1-ww-gray-400\">\n                  <Info size={12} className=\"mr-1\" />\n                  <span>Account ID: {accountId}</span>\n                </div>\n              </div>\n            )}\n\n            {/* Reduce Only Button */}\n            <div\n              className={`transform transition-all duration-500 delay-600 ${formVisible ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0'}`}\n            >\n              <button\n                type=\"button\"\n                onClick={() => setIsReduceOnly(!isReduceOnly)}\n                className={`w-full flex items-center justify-between px-3 py-2 rounded-sm text-sm transition-all duration-300 ${\n                  isReduceOnly\n                    ? side === 'BUY'\n                      ? 'bg-emerald-50 dark:bg-emerald-900/10 text-emerald-700 dark:text-emerald-400 border border-emerald-200 dark:border-emerald-800/30'\n                      : 'bg-red-50 dark:bg-red-900/10 text-red-700 dark:text-red-400 border border-red-200 dark:border-red-800/30'\n                    : 'bg-n1-ww-gray-50 dark:bg-n1-ww-gray-900 text-n1-ww-gray-700 dark:text-n1-ww-gray-300 border border-n1-ww-gray-200 dark:border-n1-ww-gray-800 hover:border-n1-ww-gray-300 dark:hover:border-n1-ww-gray-600'\n                }`}\n              >\n                <div className=\"flex items-center\">\n                  <div\n                    className={`mr-2 transition-colors duration-300 ${\n                      isReduceOnly\n                        ? side === 'BUY'\n                          ? 'text-emerald-600 dark:text-emerald-500'\n                          : 'text-red-600 dark:text-red-500'\n                        : 'text-n1-ww-gray-500 dark:text-n1-ww-gray-400'\n                    }`}\n                  >\n                    {isReduceOnly ? <Lock size={14} /> : <Unlock size={14} />}\n                  </div>\n                  <span className=\"text-xs\">Reduce Only</span>\n                </div>\n                <div\n                  className={`flex items-center justify-center w-4 h-4 rounded-full transition-all duration-300 ${\n                    isReduceOnly\n                      ? side === 'BUY'\n                        ? 'bg-emerald-600 dark:bg-emerald-500 text-white'\n                        : 'bg-red-600 dark:bg-red-500 text-white'\n                      : 'bg-n1-ww-gray-200 dark:bg-n1-ww-gray-700'\n                  }`}\n                >\n                  {isReduceOnly && <Check size={10} />}\n                </div>\n              </button>\n            </div>\n\n            {/* Error Message */}\n            <div\n              className={`p-2 border rounded-sm text-xs transition-all duration-300 transform ${\n                error\n                  ? 'opacity-100 max-h-20 border-red-200 dark:border-red-900/30 bg-red-50 dark:bg-red-900/10 text-red-700 dark:text-red-400 flex items-center translate-y-0'\n                  : 'opacity-0 max-h-0 overflow-hidden border-transparent translate-y-2'\n              }`}\n            >\n              {error && (\n                <AlertCircle size={14} className=\"mr-2 flex-shrink-0\" />\n              )}\n              {error}\n            </div>\n\n            {/* Success Message */}\n            <div\n              className={`p-2 border rounded-sm text-xs transition-all duration-300 transform ${\n                success\n                  ? 'opacity-100 max-h-20 border-emerald-200 dark:border-emerald-900/30 bg-emerald-50 dark:bg-emerald-900/10 text-emerald-700 dark:text-emerald-400 translate-y-0'\n                  : 'opacity-0 max-h-0 overflow-hidden border-transparent translate-y-2'\n              }`}\n            >\n              {success}\n            </div>\n\n            {/* Submit Button */}\n            <div\n              className={`transform transition-all duration-500 delay-700 ${formVisible ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0'}`}\n            >\n              <SubmitButton\n                loading={loading}\n                side={side}\n                orderType={isMarketOrder(fillMode) ? 'MARKET' : 'LIMIT'}\n                disabled={!marketSymbol || loading}\n              />\n            </div>\n          </div>\n        </form>\n      )}\n    </div>\n  );\n}\n"]}

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

@@ -1,5 +0,0 @@
-/**
- * @deprecated This component is deprecated due to technical issues.
- * Please refer to DEPRECATED.md for more information.
- */
-export default function UserBalances(): JSX.Element;

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

@@ -1,113 +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 } from "react/jsx-runtime";
-/**
- * @deprecated This component is deprecated due to technical issues.
- * Please refer to DEPRECATED.md for more information.
- */
-import { useState, useEffect } from 'react';
-import { useN1WalletContext } from '../../../../Provider/hooks';
-import { RefreshCw } from 'lucide-react';
-export default function UserBalances() {
-    var _this = this;
-    var _a = useN1WalletContext(), nord = _a.nord, nordUser = _a.nordUser;
-    var _b = useState([]), balances = _b[0], setBalances = _b[1];
-    var _c = useState(false), loading = _c[0], setLoading = _c[1];
-    var _d = useState(null), error = _d[0], setError = _d[1];
-    // Fetch user balances
-    useEffect(function () {
-        if (!nordUser || !nord)
-            return;
-        var fetchBalances = function () { return __awaiter(_this, void 0, void 0, function () {
-            var realBalances, _i, _a, accountId, accountBalances, _b, accountBalances_1, balance, err_1;
-            return __generator(this, function (_c) {
-                switch (_c.label) {
-                    case 0:
-                        setLoading(true);
-                        setError(null);
-                        _c.label = 1;
-                    case 1:
-                        _c.trys.push([1, 3, 4, 5]);
-                        // Refresh user info to get latest balances
-                        return [4 /*yield*/, nordUser.fetchInfo()];
-                    case 2:
-                        // Refresh user info to get latest balances
-                        _c.sent();
-                        realBalances = [];
-                        // Loop through all accounts
-                        if (nordUser.accountIds) {
-                            for (_i = 0, _a = nordUser.accountIds; _i < _a.length; _i++) {
-                                accountId = _a[_i];
-                                accountBalances = nordUser.balances[accountId];
-                                if (accountBalances && accountBalances.length > 0) {
-                                    // Add each balance to our list
-                                    for (_b = 0, accountBalances_1 = accountBalances; _b < accountBalances_1.length; _b++) {
-                                        balance = accountBalances_1[_b];
-                                        // Only include non-zero balances
-                                        if (balance.balance > 0) {
-                                            realBalances.push({
-                                                symbol: balance.symbol,
-                                                balance: balance.balance,
-                                                accountId: accountId,
-                                            });
-                                        }
-                                    }
-                                }
-                            }
-                        }
-                        setBalances(realBalances);
-                        return [3 /*break*/, 5];
-                    case 3:
-                        err_1 = _c.sent();
-                        console.error('Error fetching balances:', err_1);
-                        setError('Failed to load balances');
-                        return [3 /*break*/, 5];
-                    case 4:
-                        setLoading(false);
-                        return [7 /*endfinally*/];
-                    case 5: return [2 /*return*/];
-                }
-            });
-        }); };
-        fetchBalances();
-        // Set up polling for balance updates
-        var intervalId = setInterval(fetchBalances, 10000); // Update every 10 seconds
-        return function () { return clearInterval(intervalId); };
-    }, [nordUser, nord]);
-    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: "Balances" }), loading && balances.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 })) : balances.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 balances found" })) : (_jsxs("div", { className: "space-y-3", children: [balances.map(function (balance, index) { return (_jsxs("div", { className: "p-3 bg-n1-ww-gray-50 dark:bg-n1-ww-gray-950 rounded-lg", children: [_jsxs("div", { className: "flex items-center justify-between mb-2", children: [_jsx("div", { className: "flex items-center", children: _jsx("span", { className: "font-medium text-n1-ww-gray-900 dark:text-n1-ww-gray-100", children: balance.symbol }) }), _jsx("div", { className: "font-medium text-n1-ww-gray-900 dark:text-n1-ww-gray-100 font-mono", children: balance.balance.toFixed(6) })] }), _jsxs("div", { className: "text-xs text-n1-ww-gray-500 dark:text-n1-ww-gray-400", children: ["Account ID: ", balance.accountId] })] }, index)); }), loading && balances.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=UserBalances.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"UserBalances.js","sourceRoot":"","sources":["../../../../../src/Modal/Sidebar/NordTradingView/UserBalances/UserBalances.tsx"],"names":[],"mappings":"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","sourcesContent":["\n/**\n * @deprecated This component is deprecated due to technical issues.\n * Please refer to DEPRECATED.md for more information.\n */\n\nimport { useState, useEffect } from 'react';\nimport { useN1WalletContext } from '../../../../Provider/hooks';\nimport { RefreshCw } from 'lucide-react';\n\ninterface Balance {\n  symbol: string;\n  balance: number;\n  accountId: number;\n}\n\nexport default function UserBalances() {\n  const { nord, nordUser } = useN1WalletContext();\n  const [balances, setBalances] = useState<Balance[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  // Fetch user balances\n  useEffect(() => {\n    if (!nordUser || !nord) return;\n\n    const fetchBalances = async () => {\n      setLoading(true);\n      setError(null);\n\n      try {\n        // Refresh user info to get latest balances\n        await nordUser.fetchInfo();\n\n        // Extract real balances from nordUser\n        const realBalances: Balance[] = [];\n\n        // Loop through all accounts\n        if (nordUser.accountIds) {\n          for (const accountId of nordUser.accountIds) {\n            // Check if this account has balances\n            const accountBalances = nordUser.balances[accountId];\n\n            if (accountBalances && accountBalances.length > 0) {\n              // Add each balance to our list\n              for (const balance of accountBalances) {\n                // Only include non-zero balances\n                if (balance.balance > 0) {\n                  realBalances.push({\n                    symbol: balance.symbol,\n                    balance: balance.balance,\n                    accountId: accountId,\n                  });\n                }\n              }\n            }\n          }\n        }\n\n        setBalances(realBalances);\n      } catch (err) {\n        console.error('Error fetching balances:', err);\n        setError('Failed to load balances');\n      } finally {\n        setLoading(false);\n      }\n    };\n\n    fetchBalances();\n\n    // Set up polling for balance updates\n    const intervalId = setInterval(fetchBalances, 10000); // Update every 10 seconds\n\n    return () => clearInterval(intervalId);\n  }, [nordUser, nord]);\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          Balances\n        </h2>\n\n        {loading && balances.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        ) : balances.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 balances found\n          </div>\n        ) : (\n          <div className=\"space-y-3\">\n            {balances.map((balance, 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\">\n                      {balance.symbol}\n                    </span>\n                  </div>\n                  <div className=\"font-medium text-n1-ww-gray-900 dark:text-n1-ww-gray-100 font-mono\">\n                    {balance.balance.toFixed(6)}\n                  </div>\n                </div>\n                <div className=\"text-xs text-n1-ww-gray-500 dark:text-n1-ww-gray-400\">\n                  Account ID: {balance.accountId}\n                </div>\n              </div>\n            ))}\n\n            {/* Loading indicator for refreshing */}\n            {loading && balances.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/Modal/Sidebar/NordTradingView/UserOrders/UserOrders.d.ts

@@ -1 +0,0 @@
-export default function UserOrders(): JSX.Element;