@orderly.network/ui-orders 2.10.2 → 2.11.0-alpha.0

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import React2, { forwardRef, useMemo, useEffect, useRef, useImperativeHandle, useCallback, useState, createContext, memo, useContext } from 'react';
 import { useSymbolsInfo, useOrderStream, useLocalStorage, utils, useThrottledCallback, useMutation, useSWRConfig, useAccount, unstable_serialize, useMemoizedFn, getMinNotional, findTPSLFromOrder, findTPSLOrderPriceFromOrder, useMaxQty, useConfig, useTpslPriceChecker, useOrderEntity, useReferralInfo, useLeverageBySymbol } from '@orderly.network/hooks';
 import { useTranslation, Trans, i18n } from '@orderly.network/i18n';
-import { OrderStatus, AlgoOrderRootType, AlgoOrderType, OrderSide, OrderType, EMPTY_LIST } from '@orderly.network/types';
+import { OrderStatus, AlgoOrderRootType, AlgoOrderType, OrderSide, OrderType, MarginMode, EMPTY_LIST } from '@orderly.network/types';
 import { formatSymbol, Decimal, commify, commifyOptional, getTrailingStopPrice, formatNum } from '@orderly.network/utils';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { usePagination, modal, Text, Button, ThrottledButton, CloseIcon, cn, Flex, Input, inputFormatter, Slider, DataFilter, TableFeatures, Grid, Picker, ListView, Tabs, TabPanel, Badge, Tooltip, EditIcon, toast as toast$1, Popover, PopoverRoot, PopoverTrigger, PopoverContent, Divider, ShareIcon, CheckIcon, Statistic, SimpleDialog, useModal, Checkbox } from '@orderly.network/ui';
@@ -283,7 +283,7 @@ var init_shareButton_script = __esm({
       const refCode = useMemo(() => {
         return getFirstRefCode()?.code;
       }, [getFirstRefCode]);
-      const leverage = useLeverageBySymbol(order.symbol);
+      const leverage = useLeverageBySymbol(order.symbol, order.margin_mode);
       const showModal = () => {
         modal.show(props.modalId, {
           pnl: {
@@ -821,6 +821,9 @@ var init_activedPriceCell = __esm({
           algo_order_id: order.algo_order_id,
           activated_price: value
         };
+        if (order.margin_mode !== void 0) {
+          data.margin_mode = order.margin_mode;
+        }
         editAlgoOrder(order.algo_order_id.toString(), data).then((result) => {
           closePopover();
           setValue(value);
@@ -959,6 +962,9 @@ var init_priceCell = __esm({
         if (order.client_order_id) {
           data.client_order_id = order.client_order_id;
         }
+        if (order.margin_mode !== void 0) {
+          data.margin_mode = order.margin_mode;
+        }
         if (isAlgoOrder) {
           order_id = order.algo_order_id;
           data = {
@@ -1387,6 +1393,9 @@ var init_quantityCell = __esm({
         if (order?.tag !== void 0) {
           params["order_tag"] = order.tag;
         }
+        if (order.margin_mode !== void 0) {
+          params.margin_mode = order.margin_mode;
+        }
         let future;
         if ("algo_type" in order && order.algo_type === AlgoOrderRootType.TP_SL) {
           future = onUpdateTPSLOrder(order, params);
@@ -1552,7 +1561,10 @@ var init_quantityCell = __esm({
         confirmOpen,
         order
       } = props;
-      const maxBuyQty = useMaxQty(symbol, order.side, order.reduce_only);
+      const maxBuyQty = useMaxQty(symbol, order.side, {
+        reduceOnly: order.reduce_only,
+        marginMode: order.margin_mode ?? MarginMode.CROSS
+      });
       const maxQty = useMemo(() => {
         if (reduce_only) {
           return Math.abs(positionQty ?? 0);
@@ -1787,6 +1799,9 @@ var init_trailingCallbackCell = __esm({
           callback_value: isCallbackValue ? value : void 0,
           callback_rate: isCallbackRate ? `${Number(value) / 100}` : void 0
         };
+        if (order.margin_mode !== void 0) {
+          data.margin_mode = order.margin_mode;
+        }
         editAlgoOrder(order.algo_order_id.toString(), data).then((result) => {
           closePopover();
           setValue(value);
@@ -1903,6 +1918,9 @@ var init_triggerPriceCell = __esm({
           trigger_price: value,
           algo_order_id: order.algo_order_id
         };
+        if (order.margin_mode !== void 0) {
+          data.margin_mode = order.margin_mode;
+        }
         editAlgoOrder(`${order.algo_order_id}`, data).then((result) => {
           closePopover();
           setValue(value);
@@ -4703,6 +4721,7 @@ var init_useEditOrderEntry = __esm({
         side: order.side,
         reduce_only: order.reduce_only,
         order_type: orderType,
+        margin_mode: order.margin_mode,
         // TODO: trailing stop order edit price twice, order.price will be 0
         order_price: order.price || void 0,
         order_quantity: order.quantity,
@@ -4763,7 +4782,10 @@ var init_useEditOrderEntry = __esm({
 });
 function useEditOrderMaxQty(order, positionQty) {
   const { reduce_only } = order;
-  const maxQty = useMaxQty(order.symbol, order.side, reduce_only);
+  const maxQty = useMaxQty(order.symbol, order.side, {
+    reduceOnly: reduce_only,
+    marginMode: order.margin_mode ?? MarginMode.CROSS
+  });
   return useMemo(() => {
     if (reduce_only) {
       return Math.abs(positionQty ?? 0);