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

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

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

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

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

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

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

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

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

package/dist/Provider/LazyWalletProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LazyWalletProvider.js","sourceRoot":"","sources":["../../src/Provider/LazyWalletProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AACzE,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,SAAS,sBAAsB,CAAC,EAA+B;QAA7B,QAAQ,cAAA;IAClC,IAAA,KAAsC,QAAQ,CAAM,IAAI,CAAC,EAAxD,cAAc,QAAA,EAAE,iBAAiB,QAAuB,CAAC;IAChE,IAAM,eAAe,GAAG,MAAM,CAAmC,IAAI,CAAC,CAAC;IACvE,IAAM,qBAAqB,GAAG,MAAM,CAAM,IAAI,CAAC,CAAC;IAEhD,oEAAoE;IACpE,IAAM,oBAAoB,GAAG,MAAM,CAAM,IAAI,CAAC,CAAC;IAC/C,IAAM,mBAAmB,GAAG,MAAM,CAAM,IAAI,CAAC,CAAC;IAC9C,IAAM,mBAAmB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEnD,IAAA,KAOF,0BAA0B,EAAE,EAN9B,gBAAgB,sBAAA,EAChB,sBAAsB,4BAAA,EACtB,sBAAsB,4BAAA,EACtB,UAAU,gBAAA,EACV,oBAAoB,0BAAA,EACpB,oBAAoB,0BACU,CAAC;IAG/B,IAAA,YAAY,GACV,kBAAkB,EAAE,aADV,CACW;IAGzB,qCAAqC;IACrC,SAAS,CAAC;QACR,IAAI,SAAS,GAAG,IAAI,CAAC;QACrB,MAAM,CAAC,8BAA8B,CAAC,CAAC,IAAI,CAAC,UAAC,EAAqB;gBAAnB,iBAAiB,uBAAA;YAC9D,IAAI,SAAS,EAAE,CAAC;gBACd,iBAAiB,CAAC,cAAM,OAAA,iBAAiB,EAAjB,CAAiB,CAAC,CAAC;YAC7C,CAAC;QACH,CAAC,CAAC,CAAC;QACH,OAAO;YACL,SAAS,GAAG,KAAK,CAAC;QACpB,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,gEAAgE;IAChE,SAAS,CAAC;QACR,IAAM,gBAAgB,GAAG,UAAC,IAAa;YACrC,IAAI,eAAe,CAAC,OAAO,EAAE,CAAC;gBAC5B,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YAChC,CAAC;QACH,CAAC,CAAC;QAEF,oBAAoB,CAAC,cAAM,OAAA,gBAAgB,EAAhB,CAAgB,CAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAE3B,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,OAAO,4BAAG,QAAQ,GAAI,CAAC;IACzB,CAAC;IAED,IAAM,gBAAgB,GAAG;QACjB,IAAA,KACJ,cAAc,EAAE,EADV,aAAa,mBAAA,EAAE,YAAY,kBAAA,EAAE,eAAe,qBAAA,EAAE,YAAY,kBAChD,CAAC;QAEnB,0EAA0E;QAC1E,SAAS,CAAC;YACR,IAAI,CAAC,eAAe,EAAE,CAAC;gBACrB,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC/B,OAAO;YACT,CAAC;YAED,IAAM,sBAAsB,GAAG,UAAC,IAAa;gBAC3C,eAAe,CAAC,IAAI,CAAC,CAAC;gBAEtB,IAAI,CAAC,IAAI,IAAI,CAAC,qBAAqB,CAAC,OAAO,EAAE,CAAC;oBAC5C,MAAM,CAAC,KAAK,CACV,kEAAkE,CACnE,CAAC;oBACF,YAAY,CAAC,KAAK,CAAC,CAAC;oBACpB,oBAAoB,CAAC,IAAI,CAAC,CAAC;gBAC7B,CAAC;YACH,CAAC,CAAC;YAEF,eAAe,CAAC,OAAO,GAAG,sBAAsB,CAAC;YAEjD,OAAO;gBACL,IAAI,eAAe,CAAC,OAAO,KAAK,sBAAsB,EAAE,CAAC;oBACvD,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC;gBACjC,CAAC;YACH,CAAC,CAAC;QACJ,CAAC,EAAE,CAAC,eAAe,EAAE,YAAY,EAAE,oBAAoB,CAAC,CAAC,CAAC;QAE1D,qEAAqE;QACrE,qDAAqD;QACrD,SAAS,CAAC;YAER,6CAA6C;YAC7C,IAAI,aAAa,KAAK,oBAAoB,CAAC,OAAO,EAAE,CAAC;gBACnD,OAAO;YACT,CAAC;YAED,oBAAoB,CAAC,OAAO,GAAG,aAAa,CAAC;YAC7C,qBAAqB,CAAC,OAAO,GAAG,aAAa,CAAC;YAE9C,IAAI,aAAa,EAAE,CAAC;gBAClB,gBAAgB,CAAC,aAAa,CAAC,CAAC;gBAChC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YACpC,CAAC;iBAAM,CAAC;gBACN,gBAAgB,CAAC,IAAI,CAAC,CAAC;gBACvB,UAAU,CAAC,EAAE,CAAC,CAAC;YACjB,CAAC;QACH,CAAC,EAAE,CAAC,aAAa,EAAE,gBAAgB,EAAE,UAAU,CAAC,CAAC,CAAC;QAElD,yEAAyE;QACzE,SAAS,CAAC;YACR,IAAI,YAAY,IAAI,YAAY,KAAK,mBAAmB,CAAC,OAAO,EAAE,CAAC;gBACjE,mBAAmB,CAAC,OAAO,GAAG,YAAY,CAAC;gBAC3C,sBAAsB,CAAC,cAAM,OAAA,YAAY,EAAZ,CAAY,CAAC,CAAC;YAC7C,CAAC;QACH,CAAC,EAAE,CAAC,YAAY,EAAE,sBAAsB,CAAC,CAAC,CAAC;QAE3C,0EAA0E;QAC1E,SAAS,CAAC;YACR,IAAI,YAAY,KAAK,mBAAmB,CAAC,OAAO,EAAE,CAAC;gBACjD,mBAAmB,CAAC,OAAO,GAAG,YAAY,CAAC;gBAC3C,sBAAsB,CAAC,YAAY,CAAC,CAAC;YACvC,CAAC;QACH,CAAC,EAAE,CAAC,YAAY,EAAE,sBAAsB,CAAC,CAAC,CAAC;QAE3C,OAAO,4BAAG,QAAQ,GAAI,CAAC;IACzB,CAAC,CAAC;IAEF,OAAO,KAAC,gBAAgB,KAAG,CAAC;AAC9B,CAAC;AAED,IAAM,WAAW,GAAG,cAAM,OAAA,CAAC;IACzB,yBAAyB,EAAE,cAAc;IACzC,aAAa,EAAE,sCAAsC;IACrD,oBAAoB,EAAE,IAAI;IAC1B,UAAU,EAAE,IAAI;IAChB,KAAK,EAAE;QACL,IAAI,EAAE,MAAM;KACb;IACD,MAAM,EAAE;QACN,aAAa,EAAE,UAAC,IAAS;YACvB,MAAM,CAAC,KAAK,CAAC,0BAA0B,EAAE,IAAI,CAAC,CAAC;QACjD,CAAC;KACF;CACF,CAAC,EAbwB,CAaxB,CAAC;AAEH,SAAS,YAAY,CAAC,KAAwB;IAA9C,iBA+CC;IA9CO,IAAA,KAA0B,QAAQ,CAAM,IAAI,CAAC,EAA5C,QAAQ,QAAA,EAAE,WAAW,QAAuB,CAAC;IAC9C,IAAA,KAAsD,QAAQ,CAAM,IAAI,CAAC,EAAxE,sBAAsB,QAAA,EAAE,yBAAyB,QAAuB,CAAC;IAC1E,IAAA,KAA0C,QAAQ,CAAQ,EAAE,CAAC,EAA5D,gBAAgB,QAAA,EAAE,mBAAmB,QAAuB,CAAC;IAEpE,SAAS,CAAC;QAER,IAAM,eAAe,GAAG;;;;;;wBAKhB,qBAAM,OAAO,CAAC,GAAG,CAAC;gCACpB,MAAM,CAAC,8BAA8B,CAAC;gCACtC,MAAM,CAAC,sBAAsB,CAAC;6BAC/B,CAAC,EAAA;;wBANI,KAGF,SAGF,EALA,UAAyC,EAAvC,oDAAsB,EAAE,kCAAa,EACrC,sBAAsB,+BAAA;wBAM1B,WAAW,CAAC,cAAM,OAAA,wBAAsB,EAAtB,CAAsB,CAAC,CAAC;wBAC1C,yBAAyB,CAAC,cAAM,OAAA,eAAa,EAAb,CAAa,CAAC,CAAC;wBAC/C,mBAAmB,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC;;;;wBAE9C,MAAM,CAAC,KAAK,CAAC,sCAAsC,EAAE,OAAK,CAAC,CAAC;;;;;aAE/D,CAAC;QAEF,eAAe,EAAE,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,iEAAiE;IACjE,IAAM,eAAe,GAAG,WAAW,CACjC,cAAM,OAAA,uBACD,WAAW,EAAE,KAChB,gBAAgB,kBAAA,IAChB,EAHI,CAGJ,EACF,CAAC,gBAAgB,CAAC,CACnB,CAAC;IAEF,IAAI,CAAC,QAAQ,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC/C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,MAAC,QAAQ,IAAC,QAAQ,EAAE,eAAe,EAAE,EAAE,KAAK,EAAC,MAAM,aACjD,KAAC,sBAAsB,cAAE,KAAK,CAAC,QAAQ,GAA0B,EAChE,sBAAsB,CAAC,CAAC,CAAC,KAAC,sBAAsB,KAAG,CAAC,CAAC,CAAC,IAAI,IAClD,CACZ,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EAAiB;QAAf,QAAQ,cAAA;IAC3C,OAAO,KAAC,YAAY,cAAE,QAAQ,GAAgB,CAAC;AACjD,CAAC","sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { useN1WalletContext, useN1WalletInternalContext } from './hooks';\nimport { logger } from '../utils/logger';\n\nfunction DynamicContextConsumer({ children }: { children: any }) {\n  const [DynamicContext, setDynamicContext] = useState<any>(null);\n  const showAuthFlowRef = useRef<((show: boolean) => void) | null>(null);\n  const primaryWalletStateRef = useRef<any>(null);\n\n  // Use refs to track previous values and prevent unnecessary updates\n  const prevPrimaryWalletRef = useRef<any>(null);\n  const prevHandleLogOutRef = useRef<any>(null);\n  const prevSdkHasLoadedRef = useRef<boolean | null>(null);\n\n  const {\n    setDynamicWallet,\n    setDynamicHandleLogOut,\n    setDynamicSdkHasLoaded,\n    setAddress,\n    setShowDynamicWidget,\n    setStartClosingLogin,\n  } = useN1WalletInternalContext();\n\n  const {\n    setShowLogin,\n  } = useN1WalletContext();\n\n\n  // Load the Dynamic context only once\n  useEffect(() => {\n    let isMounted = true;\n    import('@dynamic-labs/sdk-react-core').then(({ useDynamicContext }) => {\n      if (isMounted) {\n        setDynamicContext(() => useDynamicContext);\n      }\n    });\n    return () => {\n      isMounted = false;\n    };\n  }, []);\n\n  // Set up a stable widget function that uses the ref - only once\n  useEffect(() => {\n    const stableShowWidget = (show: boolean) => {\n      if (showAuthFlowRef.current) {\n        showAuthFlowRef.current(show);\n      }\n    };\n\n    setShowDynamicWidget(() => stableShowWidget);\n  }, [setShowDynamicWidget]);\n\n  if (!DynamicContext) {\n    return <>{children}</>;\n  }\n\n  const DynamicComponent = () => {\n    const { primaryWallet, sdkHasLoaded, setShowAuthFlow, handleLogOut } =\n      DynamicContext();\n\n    // Store setShowAuthFlow in ref to avoid re-renders - only when it changes\n    useEffect(() => {\n      if (!setShowAuthFlow) {\n        showAuthFlowRef.current = null;\n        return;\n      }\n\n      const proxiedSetShowAuthFlow = (show: boolean) => {\n        setShowAuthFlow(show);\n\n        if (!show && !primaryWalletStateRef.current) {\n          logger.debug(\n            'Dynamic auth flow closed before wallet connection; closing modal'\n          );\n          setShowLogin(false);\n          setStartClosingLogin(true);\n        }\n      };\n\n      showAuthFlowRef.current = proxiedSetShowAuthFlow;\n\n      return () => {\n        if (showAuthFlowRef.current === proxiedSetShowAuthFlow) {\n          showAuthFlowRef.current = null;\n        }\n      };\n    }, [setShowAuthFlow, setShowLogin, setStartClosingLogin]);\n\n    // Set the dynamic wallet and address when the primary wallet changes\n    // Use deep comparison to prevent unnecessary updates\n    useEffect(() => {\n      \n      // Skip if the wallet hasn't actually changed\n      if (primaryWallet === prevPrimaryWalletRef.current) {\n        return;\n      }\n\n      prevPrimaryWalletRef.current = primaryWallet;\n      primaryWalletStateRef.current = primaryWallet;\n\n      if (primaryWallet) {\n        setDynamicWallet(primaryWallet);\n        setAddress(primaryWallet.address);\n      } else {\n        setDynamicWallet(null);\n        setAddress('');\n      }\n    }, [primaryWallet, setDynamicWallet, setAddress]);\n\n    // Set the logout handler when it changes - only when it actually changes\n    useEffect(() => {\n      if (handleLogOut && handleLogOut !== prevHandleLogOutRef.current) {\n        prevHandleLogOutRef.current = handleLogOut;\n        setDynamicHandleLogOut(() => handleLogOut);\n      }\n    }, [handleLogOut, setDynamicHandleLogOut]);\n\n    // Set the SDK loaded flag when it changes - only when it actually changes\n    useEffect(() => {\n      if (sdkHasLoaded !== prevSdkHasLoadedRef.current) {\n        prevSdkHasLoadedRef.current = sdkHasLoaded;\n        setDynamicSdkHasLoaded(sdkHasLoaded);\n      }\n    }, [sdkHasLoaded, setDynamicSdkHasLoaded]);\n\n    return <>{children}</>;\n  };\n\n  return <DynamicComponent />;\n}\n\nconst getSettings = () => ({\n  initialAuthenticationMode: 'connect-only',\n  environmentId: '61fe6031-545b-4e27-bc05-03c8a09f190b',\n  silentAuthentication: true,\n  silentAuth: true,\n  theme: {\n    mode: 'dark',\n  },\n  events: {\n    onAuthSuccess: (args: any) => {\n      logger.debug('onAuthSuccess was called', args);\n    },\n  },\n});\n\nfunction LazyInternal(props: { children: any }) {\n  const [Provider, setProvider] = useState<any>(null);\n  const [DynamicWidgetComponent, setDynamicWidgetComponent] = useState<any>(null);\n  const [walletConnectors, setWalletConnectors] = useState<any[]>([]);\n\n  useEffect(() => {\n\n    const loadDynamicDeps = async () => {\n      try {\n        const [\n          { DynamicContextProvider, DynamicWidget },\n          { SolanaWalletConnectors },\n        ] = await Promise.all([\n          import('@dynamic-labs/sdk-react-core'),\n          import('@dynamic-labs/solana'),\n        ]);\n\n        setProvider(() => DynamicContextProvider);\n        setDynamicWidgetComponent(() => DynamicWidget);\n        setWalletConnectors([SolanaWalletConnectors]);\n      } catch (error) {\n        logger.error('Failed to load Dynamic dependencies:', error);\n      }\n    };\n\n    loadDynamicDeps();\n  }, []);\n\n  // Memoize the dynamic settings to prevent unnecessary re-renders\n  const dynamicSettings = useCallback(\n    () => ({\n      ...getSettings(),\n      walletConnectors,\n    }),\n    [walletConnectors]\n  );\n\n  if (!Provider || walletConnectors.length === 0) {\n    return null;\n  }\n\n  return (\n    <Provider settings={dynamicSettings()} theme=\"dark\">\n      <DynamicContextConsumer>{props.children}</DynamicContextConsumer>\n      {DynamicWidgetComponent ? <DynamicWidgetComponent /> : null}\n    </Provider>\n  );\n}\n\nexport function LazyWalletProvider({ children }: any) {\n  return <LazyInternal>{children}</LazyInternal>;\n}\n"]}

package/dist/Provider/N1WalletProvider.d.ts

@@ -1,3 +0,0 @@
-import '../polyfills/windowEthereumGuard';
-import { N1WalletProviderProps } from './types';
-export declare function N1WalletProvider({ children, providedSessionMode, appId, onError, nord, colorOverrides, skipFinalScreen, }: N1WalletProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/Provider/N1WalletProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"N1WalletProvider.js","sourceRoot":"","sources":["../../src/Provider/N1WalletProvider.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport '../polyfills/windowEthereumGuard';\n\nimport React, { Suspense, useCallback, useEffect, useRef, useState } from 'react';\nimport root from 'react-shadow';\nimport { N1WalletModal } from '../Modal/N1WalletModal';\nimport { NordProvider } from '../Modal/NordFlow/context';\nimport { WalletError, WalletErrorCode } from '../errors/types';\nimport { logger } from '../utils/logger';\nimport WalletErrorBoundary from './WalletErrorBoundary';\nimport { N1InternalWalletContext, N1WalletContext } from './context';\nimport { useNordUserInitialization } from './hooks/useNordUserInitialization';\nimport {\n  Balance,\n  N1ModalViewMode,\n  N1SessionMode,\n  N1WalletProviderProps,\n} from './types';\n\nconst LazyWalletProvider = React.lazy(() =>\n  import('./LazyWalletProvider').then((mod) => ({\n    default: mod.LazyWalletProvider,\n  }))\n);\n\nimport mainCss from '../embedded-main-css';\n\nfunction NordWrapper({ children }: { children: React.ReactNode }) {\n\n  // Use the extracted hook for NordUser initialization\n  useNordUserInitialization();\n  return (\n    <>\n      {children}\n    </>\n  )\n}\n\nexport function N1WalletProvider({\n  children,\n  providedSessionMode,\n  appId,\n  onError,\n  nord,\n  colorOverrides,\n  skipFinalScreen,\n}: N1WalletProviderProps) {\n  const [isConnected, setIsConnected] = useState<boolean>(false);\n  const [sessionPubKey, setSessionPubKey] = useState<Uint8Array | null>(null);\n  const [walletPubKey, setWalletPubKey] = useState<Uint8Array | null>(null);\n  const [userChain, setUserChain] = useState<string | null>(null);\n  const [username, setUsername] = useState<string>('');\n  const [signMessageWithSessionKey, setSignMessageWithSessionKey] = useState<\n    ((message: any) => Promise<any>) | null\n  >(null);\n  const [signMessageWithWalletKey, setSignMessageWithWalletKey] = useState<\n    ((message: any) => Promise<any>) | null\n  >(null);\n  const [signTransactionWithWalletKey, setSignTransactionWithWalletKey] =\n    useState<((transaction: any) => Promise<any>) | null>(null);\n  const [loading, setLoading] = useState<boolean>(false);\n  const [viewMode, setViewMode] = useState<N1ModalViewMode>(\n    N1ModalViewMode.Automatic\n  );\n  const [nordUser, setNordUser] = useState<any>(null);\n\n  // dynamic\n  const [balances, setBalances] = useState<Balance[]>([]);\n  const [chain, setChain] = useState<string>('');\n  const [dynamicSdkHasLoaded, setDynamicSdkHasLoaded] = useState<any>(null);\n\n  const [showLogin, setShowLoginState] = useState<boolean>(false);\n  const [startClosingLogin, setStartClosingLogin] = useState<boolean>(false);\n  const [showDynamicWidget, setShowDynamicWidget] = useState<any>(null);\n  const [depositFlowRequestId, setDepositFlowRequestId] = useState(0);\n  const nextOpenAllowedAtRef = useRef(0);\n\n  // dynamic\n  const [address, setAddress] = useState<string>('');\n  const [dynamicHandleLogOut, setDynamicHandleLogOut] = useState<any>(null);\n  const [dynamicWallet, setDynamicWallet] = useState<any>(null);\n  const sessionMode = N1SessionMode.Nord;\n\n  useEffect(() => {\n    if (providedSessionMode !== N1SessionMode.Nord) {\n      logger.warn(\n        `Only Nord session mode is supported. Received ${providedSessionMode}, defaulting to Nord.`\n      );\n    }\n  }, [providedSessionMode]);\n\n  useEffect(() => {\n    const isDynamicReady = Boolean(dynamicSdkHasLoaded);\n    setLoading(!isDynamicReady);\n  }, [dynamicSdkHasLoaded, setLoading]);\n\n  const handleError = useCallback(\n    (error: WalletError) => {\n      onError?.(error);\n    },\n    [onError]\n  );\n\n  const throwTestError = async () => {\n    handleError(\n      new WalletError(\n        WalletErrorCode.WALLET_NOT_FOUND,\n        'Test error: No compatible wallet was found'\n      )\n    );\n  };\n\n  // Prepare CSS with color overrides if provided\n  let injectedCss = mainCss;\n  if (Array.isArray(colorOverrides) && colorOverrides.length > 0) {\n    // Apply all color overrides in order\n    colorOverrides.forEach(({ color, replacement }) => {\n      if (color && replacement) {\n        // Replace all instances, case-insensitive\n        const regex = new RegExp(color.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&'), 'gi');\n        injectedCss = injectedCss.replace(regex, replacement);\n      }\n    });\n  }\n\n  const blockModalReopen = useCallback((duration: number = 600) => {\n    const unblockAt = Date.now() + duration;\n    logger.debug('blockModalReopen invoked', { duration, unblockAt });\n    nextOpenAllowedAtRef.current = Date.now() + duration;\n  }, []);\n\n  const setShowLogin = useCallback(\n    (next: boolean) => {\n      setShowLoginState((prev) => {\n        logger.debug('setShowLogin invoked', {\n          next,\n          prev,\n          now: Date.now(),\n          nextOpenAllowed: nextOpenAllowedAtRef.current,\n        });\n\n        if (next === prev) {\n          return prev;\n        }\n\n        if (next) {\n          logger.debug('setShowLogin opening request stack trace', {\n            stack: new Error('setShowLogin stack').stack,\n          });\n          if (Date.now() < nextOpenAllowedAtRef.current) {\n            logger.debug('setShowLogin blocked by cooldown', {\n              next,\n              prev,\n            });\n            return prev;\n          }\n          logger.debug('setShowLogin opening modal');\n          return true;\n        }\n\n        logger.debug('setShowLogin closing modal');\n        blockModalReopen();\n        return false;\n      });\n    },\n    [blockModalReopen]\n  );\n\n  const startDepositFlow = useCallback(() => {\n    if (!nordUser || !nordUser.sessionId) {\n      logger.warn(\n        'startDepositFlow called without an authenticated Nord session; falling back to regular flow'\n      );\n      setShowLogin(true);\n      return false;\n    }\n\n    setStartClosingLogin(false);\n    setDepositFlowRequestId((prev) => prev + 1);\n    setShowLogin(true);\n    return true;\n  }, [nordUser, setShowLogin, setStartClosingLogin]);\n\n  // Create the wallet context value\n  const walletContextValue = {\n    address,\n    appId,\n    balances,\n    chain,\n    isConnected,\n    sessionMode,\n    sessionPubKey,\n    setShowLogin,\n    startDepositFlow,\n    setViewMode,\n    showLogin,\n    signMessageWithSessionKey,\n    signMessageWithWalletKey,\n    signTransactionWithWalletKey,\n    userChain,\n    username,\n    viewMode,\n    walletPubKey,\n    throwTestError,\n    nord,\n    nordUser,\n  };\n\n  // Create the internal wallet context value\n  const internalWalletContextValue = {\n    dynamicHandleLogOut,\n    dynamicWallet,\n    loading,\n    dynamicSdkHasLoaded,\n    handleError,\n    setDynamicSdkHasLoaded,\n    setAddress,\n    setBalances,\n    setChain,\n    setDynamicHandleLogOut,\n    setDynamicWallet,\n    setIsConnected,\n    setLoading,\n    blockModalReopen,\n    setSessionPubKey,\n    setSignMessageWithSessionKey,\n    setSignMessageWithWalletKey,\n    setSignTransactionWithWalletKey,\n    setStartClosingLogin,\n    setUsername,\n    setUserChain,\n    setViewMode,\n    setWalletPubKey,\n    startClosingLogin,\n    showDynamicWidget,\n    setShowDynamicWidget,\n    sessionMode,\n    setNordUser,\n    depositFlowRequestId,\n  };\n\n  const ModalContent = () => (\n    <root.div>\n      <style>{injectedCss}</style>\n      <N1WalletModal />\n    </root.div>\n  );\n\n  return (\n    <WalletErrorBoundary onError={handleError}>\n      <N1WalletContext.Provider value={walletContextValue}>\n        <N1InternalWalletContext.Provider\n          value={{\n            ...internalWalletContextValue,\n            skipFinalScreen, // make available to modal context tree\n          }}\n        >\n          <NordWrapper>\n            <NordProvider>\n              <>\n                {children}\n                <Suspense fallback={<ModalContent />}>\n                  <LazyWalletProvider>\n                    <ModalContent />\n                  </LazyWalletProvider>\n                </Suspense>\n              </>\n            </NordProvider>\n          </NordWrapper>\n        </N1InternalWalletContext.Provider>\n      </N1WalletContext.Provider>\n    </WalletErrorBoundary>\n  );\n}\n"]}

package/dist/Provider/ShadowRootWrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShadowRootWrapper.js","sourceRoot":"","sources":["../../src/Provider/ShadowRootWrapper.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,cAAc,CAAC;AAOhC,MAAM,UAAU,iBAAiB,CAAC,EAAiD;QAA/C,QAAQ,cAAA,EAAE,WAAW,iBAAA;IACvD,OAAO,CACL,MAAC,IAAI,CAAC,GAAG,eACP,0BAAQ,WAAW,GAAS,EAC3B,QAAQ,IACA,CACZ,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport root from 'react-shadow';\n\ninterface ShadowRootWrapperProps {\n  children: React.ReactNode;\n  injectedCss: string;\n}\n\nexport function ShadowRootWrapper({ children, injectedCss }: ShadowRootWrapperProps) {\n  return (\n    <root.div>\n      <style>{injectedCss}</style>\n      {children}\n    </root.div>\n  );\n} \n"]}

package/dist/Provider/WalletErrorBoundary.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WalletErrorBoundary.js","sourceRoot":"","sources":["../../src/Provider/WalletErrorBoundary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAW/D,uCAAuC;AACvC;IAAkC,uCAGjC;IAHD;;QAIE,WAAK,GAA6B;YAChC,QAAQ,EAAE,KAAK;SAChB,CAAC;;IAuCJ,CAAC;IArCQ,4CAAwB,GAA/B;QACE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAC5B,CAAC;IAED,+CAAiB,GAAjB,UAAkB,KAAY;QAC5B,OAAO,CAAC,KAAK,CAAC,8DAA8D,EAAE,KAAK,CAAC,CAAC;QACrF,IAAI,KAAK,YAAY,WAAW,EAAE,CAAC;YACjC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAC5B,CAAC;aAAM,CAAC;YACN,wCAAwC;YACxC,IAAI,CAAC,KAAK,CAAC,OAAO,CAChB,IAAI,WAAW,CACb,eAAe,CAAC,OAAO,EACvB,KAAK,CAAC,OAAO,IAAI,8BAA8B,EAC/C,EAAE,aAAa,EAAE,KAAK,EAAE,CACzB,CACF,CAAC;QACJ,CAAC;IACH,CAAC;IAED,gDAAkB,GAAlB,UACE,SAAmC,EACnC,SAAmC;QAEnC,IAAI,SAAS,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,SAAS,CAAC,QAAQ,KAAK,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YAC5F,wDAAwD;YACxD,yDAAyD;YACzD,IAAI,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;QACrC,CAAC;IACH,CAAC;IAED,oCAAM,GAAN;QACE,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YACxB,OAAO,IAAI,CAAC;QACd,CAAC;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC7B,CAAC;IACH,0BAAC;AAAD,CAAC,AA7CD,CAAkC,KAAK,CAAC,SAAS,GA6ChD;AAED,eAAe,mBAAmB,CAAC","sourcesContent":["import React from 'react';\nimport { WalletError, WalletErrorCode } from '../errors/types';\n\ntype WalletErrorBoundaryProps = {\n  children: React.ReactNode;\n  onError: (error: WalletError) => void;\n};\n\ntype WalletErrorBoundaryState = {\n  hasError: boolean;\n};\n\n// Error boundary to catch WalletErrors\nclass WalletErrorBoundary extends React.Component<\n  WalletErrorBoundaryProps,\n  WalletErrorBoundaryState\n> {\n  state: WalletErrorBoundaryState = {\n    hasError: false,\n  };\n\n  static getDerivedStateFromError(): WalletErrorBoundaryState {\n    return { hasError: true };\n  }\n\n  componentDidCatch(error: Error) {\n    console.error('[N1 Wallet] Unhandled error captured by WalletErrorBoundary:', error);\n    if (error instanceof WalletError) {\n      this.props.onError(error);\n    } else {\n      // Convert unknown errors to WalletError\n      this.props.onError(\n        new WalletError(\n          WalletErrorCode.UNKNOWN,\n          error.message || 'An unexpected error occurred',\n          { originalError: error }\n        )\n      );\n    }\n  }\n\n  componentDidUpdate(\n    prevProps: WalletErrorBoundaryProps,\n    prevState: WalletErrorBoundaryState\n  ) {\n    if (prevState.hasError && this.state.hasError && prevProps.children !== this.props.children) {\n      // reset error state when children change after an error\n      // eslint-disable-next-line react/no-did-update-set-state\n      this.setState({ hasError: false });\n    }\n  }\n\n  render() {\n    if (this.state.hasError) {\n      return null;\n    }\n    return this.props.children;\n  }\n}\n\nexport default WalletErrorBoundary;\n"]}