@kodiak-finance/orderly-ui-orders 2.9.1-alpha.0 → 2.9.1-alpha.2

package/dist/index.js

@@ -9,8 +9,8 @@ var jsxRuntime = require('react/jsx-runtime');
 var orderlyUi = require('@kodiak-finance/orderly-ui');
 var orderlyReactApp = require('@kodiak-finance/orderly-react-app');
 var orderlyUiTpsl = require('@kodiak-finance/orderly-ui-tpsl');
-var dateFns = require('date-fns');
 var orderlyUiShare = require('@kodiak-finance/orderly-ui-share');
+var dateFns = require('date-fns');
 var orderlyUiConnector = require('@kodiak-finance/orderly-ui-connector');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -43,67 +43,10 @@ var init_orders_script = __esm({
   }
 });
 function parseBadgesFor(record) {
-  const orderType = record.type;
-  const algoType = record.algo_type;
-  if (typeof orderType !== "undefined") {
-    const list = [];
-    if (!!record.parent_algo_type) {
-      if (algoType === orderlyTypes.AlgoOrderType.STOP_LOSS) {
-        const types = orderType === orderlyTypes.OrderType.CLOSE_POSITION ? [orderlyI18n.i18n.t("common.position"), orderlyI18n.i18n.t("tpsl.sl")] : [orderlyI18n.i18n.t("tpsl.sl")];
-        list.push(...types);
-      }
-      if (algoType === orderlyTypes.AlgoOrderType.TAKE_PROFIT) {
-        const types = orderType === orderlyTypes.OrderType.CLOSE_POSITION ? [orderlyI18n.i18n.t("common.position"), orderlyI18n.i18n.t("tpsl.tp")] : [orderlyI18n.i18n.t("tpsl.tp")];
-        list.push(...types);
-      }
-      return list;
-    }
-    const type = typeof orderType === "string" ? orderType.replace("_ORDER", "") : "";
-    if ([orderlyTypes.OrderType.ASK, orderlyTypes.OrderType.BID].includes(orderType)) {
-      return [orderlyI18n.i18n.t("orderEntry.orderType.limit")];
-    }
-    if (record.algo_order_id === void 0 || record.algo_order_id && algoType === "BRACKET") {
-      const typeMap = {
-        [orderlyTypes.OrderType.LIMIT]: orderlyI18n.i18n.t("orderEntry.orderType.limit"),
-        [orderlyTypes.OrderType.MARKET]: orderlyI18n.i18n.t("orderEntry.orderType.market"),
-        [orderlyTypes.OrderType.POST_ONLY]: orderlyI18n.i18n.t("orderEntry.orderType.postOnly"),
-        [orderlyTypes.OrderType.IOC]: orderlyI18n.i18n.t("orderEntry.orderType.ioc"),
-        [orderlyTypes.OrderType.FOK]: orderlyI18n.i18n.t("orderEntry.orderType.fok")
-      };
-      return [
-        typeMap[type] || upperCaseFirstLetter(type)
-      ];
-    }
-    if (algoType === orderlyTypes.AlgoOrderRootType.TRAILING_STOP) {
-      return [orderlyI18n.i18n.t("orderEntry.orderType.trailingStop")];
-    }
-    if (type) {
-      const typeMap = {
-        [orderlyTypes.OrderType.LIMIT]: orderlyI18n.i18n.t("orderEntry.orderType.stopLimit"),
-        [orderlyTypes.OrderType.MARKET]: orderlyI18n.i18n.t("orderEntry.orderType.stopMarket")
-      };
-      return [typeMap[type] || type];
-    }
-  }
-  if (typeof algoType !== "undefined") {
-    const list = [];
-    if (algoType === orderlyTypes.AlgoOrderRootType.POSITIONAL_TP_SL) {
-      list.push(orderlyI18n.i18n.t("common.position"));
-    }
-    const tpOrder = record?.child_orders?.find(
-      (order) => order.algo_type === orderlyTypes.AlgoOrderType.TAKE_PROFIT && !!order.trigger_price
-    );
-    const slOrder = record?.child_orders?.find(
-      (order) => order.algo_type === orderlyTypes.AlgoOrderType.STOP_LOSS && !!order.trigger_price
-    );
-    if (tpOrder || slOrder) {
-      list.push(
-        tpOrder && slOrder ? orderlyI18n.i18n.t("common.tpsl") : tpOrder ? orderlyI18n.i18n.t("tpsl.tp") : orderlyI18n.i18n.t("tpsl.sl")
-      );
-    }
-    return list;
-  }
-  return void 0;
+  const orderTypeBadges = getOrderTypeBadges(record);
+  const marginModeBadges = getMarginModeBadges(record);
+  const badges = [...orderTypeBadges, ...marginModeBadges];
+  return badges.length ? badges : void 0;
 }
 function grayCell(record) {
   return record.status === orderlyTypes.OrderStatus.CANCELLED || record.algo_status === orderlyTypes.OrderStatus.CANCELLED;
@@ -207,7 +150,7 @@ function convertApiOrderTypeToOrderEntryType(order) {
   }
   return order.type;
 }
-var upperCaseFirstLetter;
+var upperCaseFirstLetter, normalizeMarginMode, getMarginModeBadges, getOrderTypeBadges;
 var init_util = __esm({
   "src/utils/util.ts"() {
     upperCaseFirstLetter = (str) => {
@@ -216,6 +159,88 @@ var init_util = __esm({
       if (str.length === 1) return str.charAt(0).toUpperCase();
       return str.charAt(0).toUpperCase() + str.toLowerCase().slice(1);
     };
+    normalizeMarginMode = (value) => {
+      if (value === 1 || value === orderlyTypes.MarginMode.ISOLATED) {
+        return orderlyTypes.MarginMode.ISOLATED;
+      }
+      if (value === 0 || value === orderlyTypes.MarginMode.CROSS) {
+        return orderlyTypes.MarginMode.CROSS;
+      }
+      return void 0;
+    };
+    getMarginModeBadges = (record) => {
+      const marginMode = normalizeMarginMode(record?.margin_mode);
+      if (marginMode === orderlyTypes.MarginMode.ISOLATED) {
+        return [orderlyI18n.i18n.t("marginMode.isolated")];
+      }
+      if (marginMode === orderlyTypes.MarginMode.CROSS) {
+        return [orderlyI18n.i18n.t("marginMode.cross")];
+      }
+      return [];
+    };
+    getOrderTypeBadges = (record) => {
+      const orderType = record.type;
+      const algoType = record.algo_type;
+      if (typeof orderType !== "undefined") {
+        const list = [];
+        if (!!record.parent_algo_type) {
+          if (algoType === orderlyTypes.AlgoOrderType.STOP_LOSS) {
+            const types = orderType === orderlyTypes.OrderType.CLOSE_POSITION ? [orderlyI18n.i18n.t("common.position"), orderlyI18n.i18n.t("tpsl.sl")] : [orderlyI18n.i18n.t("tpsl.sl")];
+            list.push(...types);
+          }
+          if (algoType === orderlyTypes.AlgoOrderType.TAKE_PROFIT) {
+            const types = orderType === orderlyTypes.OrderType.CLOSE_POSITION ? [orderlyI18n.i18n.t("common.position"), orderlyI18n.i18n.t("tpsl.tp")] : [orderlyI18n.i18n.t("tpsl.tp")];
+            list.push(...types);
+          }
+          return list;
+        }
+        const type = typeof orderType === "string" ? orderType.replace("_ORDER", "") : "";
+        if ([orderlyTypes.OrderType.ASK, orderlyTypes.OrderType.BID].includes(orderType)) {
+          return [orderlyI18n.i18n.t("orderEntry.orderType.limit")];
+        }
+        if (record.algo_order_id === void 0 || record.algo_order_id && algoType === "BRACKET") {
+          const typeMap = {
+            [orderlyTypes.OrderType.LIMIT]: orderlyI18n.i18n.t("orderEntry.orderType.limit"),
+            [orderlyTypes.OrderType.MARKET]: orderlyI18n.i18n.t("orderEntry.orderType.market"),
+            [orderlyTypes.OrderType.POST_ONLY]: orderlyI18n.i18n.t("orderEntry.orderType.postOnly"),
+            [orderlyTypes.OrderType.IOC]: orderlyI18n.i18n.t("orderEntry.orderType.ioc"),
+            [orderlyTypes.OrderType.FOK]: orderlyI18n.i18n.t("orderEntry.orderType.fok")
+          };
+          return [
+            typeMap[type] || upperCaseFirstLetter(type)
+          ];
+        }
+        if (algoType === orderlyTypes.AlgoOrderRootType.TRAILING_STOP) {
+          return [orderlyI18n.i18n.t("orderEntry.orderType.trailingStop")];
+        }
+        if (type) {
+          const typeMap = {
+            [orderlyTypes.OrderType.LIMIT]: orderlyI18n.i18n.t("orderEntry.orderType.stopLimit"),
+            [orderlyTypes.OrderType.MARKET]: orderlyI18n.i18n.t("orderEntry.orderType.stopMarket")
+          };
+          return [typeMap[type] || type];
+        }
+      }
+      if (typeof algoType !== "undefined") {
+        const list = [];
+        if (algoType === orderlyTypes.AlgoOrderRootType.POSITIONAL_TP_SL) {
+          list.push(orderlyI18n.i18n.t("common.position"));
+        }
+        const tpOrder = record?.child_orders?.find(
+          (order) => order.algo_type === orderlyTypes.AlgoOrderType.TAKE_PROFIT && !!order.trigger_price
+        );
+        const slOrder = record?.child_orders?.find(
+          (order) => order.algo_type === orderlyTypes.AlgoOrderType.STOP_LOSS && !!order.trigger_price
+        );
+        if (tpOrder || slOrder) {
+          list.push(
+            tpOrder && slOrder ? orderlyI18n.i18n.t("common.tpsl") : tpOrder ? orderlyI18n.i18n.t("tpsl.tp") : orderlyI18n.i18n.t("tpsl.sl")
+          );
+        }
+        return list;
+      }
+      return [];
+    };
   }
 });
 var SymbolContext, useSymbolContext;
@@ -282,6 +307,7 @@ var init_shareButton_script = __esm({
       const { sharePnLConfig, order, iconSize } = props;
       const { t } = orderlyI18n.useTranslation();
       const { getFirstRefCode } = orderlyHooks.useReferralInfo();
+      const { brokerNameRaw } = orderlyHooks.useBadgeBySymbol(order.symbol);
       const refCode = React2.useMemo(() => {
         return getFirstRefCode()?.code;
       }, [getFirstRefCode]);
@@ -299,7 +325,8 @@ var init_shareButton_script = __esm({
             },
             refCode,
             leverage,
-            ...sharePnLConfig
+            ...sharePnLConfig,
+            brokerName: sharePnLConfig?.brokerName ?? brokerNameRaw
           }
         });
       };
@@ -1146,10 +1173,10 @@ var init_tpslOrderRowContext = __esm({
         }
       );
       const getRelatedPosition = orderlyHooks.useMemoizedFn(
-        (symbol) => {
+        (symbol, marginMode) => {
           const positions = config.cache.get(positionKey);
           return positions?.data?.rows?.find(
-            (p) => p.symbol === symbol
+            (p) => p.symbol === symbol && (p.margin_mode ?? orderlyTypes.MarginMode.CROSS) === (marginMode ?? orderlyTypes.MarginMode.CROSS)
           );
         }
       );
@@ -1167,12 +1194,12 @@ var init_tpslOrderRowContext = __esm({
       });
       React2.useEffect(() => {
         if ("algo_type" in order || (order?.reduce_only ?? false)) {
-          const position2 = getRelatedPosition(order.symbol);
+          const position2 = getRelatedPosition(order.symbol, order.margin_mode);
           if (position2) {
             setPosition(position2);
           }
         }
-      }, [order.symbol]);
+      }, [getRelatedPosition, order.margin_mode, order.symbol]);
       const memoizedValue = React2.useMemo(() => {
         return {
           order,
@@ -2358,7 +2385,7 @@ function instrument(option) {
     },
     render: (value, record) => {
       const showGray = grayCell(record);
-      return /* @__PURE__ */ jsxRuntime.jsxs(orderlyUi.Flex, { gap: 2, children: [
+      return /* @__PURE__ */ jsxRuntime.jsxs(orderlyUi.Flex, { gap: 2, className: "oui-py-1", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
@@ -2368,7 +2395,7 @@ function instrument(option) {
             )
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs(orderlyUi.Flex, { direction: "column", itemAlign: "start", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(orderlyUi.Flex, { direction: "column", itemAlign: "start", gap: 1, children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             orderlyUi.Text.formatted,
             {
@@ -2382,7 +2409,7 @@ function instrument(option) {
               children: `${value.split("_")[1]}-PERP`
             }
           ),
-          option?.showType && /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Flex, { direction: "row", gap: 1, children: parseBadgesFor(record)?.map((e, index) => /* @__PURE__ */ jsxRuntime.jsx(
+          option?.showType && /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Flex, { direction: "row", gap: 1, wrap: "wrap", children: parseBadgesFor(record)?.map((e, index) => /* @__PURE__ */ jsxRuntime.jsx(
             orderlyUi.Badge,
             {
               color: e.toLocaleLowerCase() === "position" ? showGray ? "neutral" : "primary" : "neutral",
@@ -2929,7 +2956,7 @@ var init_useColumn = __esm({
           case "all" /* all */:
             return [
               instrument({
-                width: 130,
+                width: 200,
                 showType: true,
                 onSymbolChange,
                 enableSort: false
@@ -2967,7 +2994,7 @@ var init_useColumn = __esm({
           case "pending" /* pending */:
             return [
               instrument({
-                width: 172,
+                width: 200,
                 showType: true,
                 onSymbolChange,
                 enableSort: false
@@ -2991,7 +3018,7 @@ var init_useColumn = __esm({
           case "tp_sl" /* tp_sl */:
             return [
               instrument({
-                width: 176,
+                width: 200,
                 showType: true,
                 onSymbolChange,
                 enableSort: false
@@ -3009,7 +3036,7 @@ var init_useColumn = __esm({
             return [
               instrument({
                 showType: true,
-                width: 154,
+                width: 200,
                 onSymbolChange
               }),
               // type({ width: 124 }),
@@ -3044,7 +3071,7 @@ var init_useColumn = __esm({
             return [
               instrument({
                 showType: true,
-                width: 154,
+                width: 200,
                 onSymbolChange,
                 enableSort: false
               }),
@@ -3068,7 +3095,7 @@ var init_useColumn = __esm({
             return [
               instrument({
                 showType: true,
-                width: 154,
+                width: 200,
                 onSymbolChange
               }),
               // side({ width: 124 }),
@@ -3091,7 +3118,7 @@ var init_useColumn = __esm({
             return [
               instrument({
                 showType: true,
-                width: 154,
+                width: 200,
                 onSymbolChange
               }),
               // side({ width: 124 }),
@@ -3129,11 +3156,23 @@ var init_useColumn = __esm({
     };
   }
 });
+var SymbolBadge;
+var init_symbolBadge = __esm({
+  "src/components/symbolBadge.tsx"() {
+    SymbolBadge = (props) => {
+      const { brokerId, brokerName, brokerNameRaw } = orderlyHooks.useBadgeBySymbol(
+        props.symbol
+      );
+      const badge = brokerName ?? brokerId ?? void 0;
+      return /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.SymbolBadge, { badge, fullName: brokerNameRaw });
+    };
+  }
+});
 var SymbolToken, OrderTypeView, OrderTime, OrderState, Qty, Filled, EstTotal, TriggerPrice, MarkPrice, LimitPrice, TPTrigger, SLTrigger, TPPrice, SLPrice, TPSLQuantity, AvgPrice2, OrderPrice, RealizedPnL, MobileTooltip, Fee, TrailingCallback, TrailingPrice;
 var init_items = __esm({
   "src/components/orderList/mobile/items.tsx"() {
     init_util();
-    init_shareButton();
+    init_symbolBadge();
     init_tpslOrderRowContext();
     SymbolToken = (props) => {
       const { item } = props;
@@ -3144,9 +3183,10 @@ var init_items = __esm({
         {
           intensity: 80,
           rule: "symbol",
-          formatString: "base-type",
+          formatString: "base",
           size: "sm",
           prefix: /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Badge, { color: isBuy ? "success" : "danger", size: "xs", children: isBuy ? t("common.buy") : t("common.sell") }),
+          suffix: /* @__PURE__ */ jsxRuntime.jsx(SymbolBadge, { symbol: item.symbol }),
           onClick: () => {
             props.onSymbolChange?.({ symbol: item.symbol });
           },
@@ -3667,29 +3707,17 @@ var init_items = __esm({
             label: "oui-text-2xs"
           },
           align: "end",
-          children: /* @__PURE__ */ jsxRuntime.jsxs(orderlyUi.Flex, { gap: 1, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              orderlyUi.Text.numeral,
-              {
-                dp: props.quote_dp,
-                rm: orderlyUtils.Decimal.ROUND_DOWN,
-                padding: false,
-                intensity: (value ?? 0) == 0 ? 80 : void 0,
-                showIdentifier: (value ?? 0) > 0,
-                coloring: (value ?? 0) != 0,
-                children: value ?? "--"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              ShareButtonWidget,
-              {
-                order: props.item,
-                sharePnLConfig: props.sharePnLConfig,
-                modalId: orderlyUiShare.SharePnLBottomSheetId,
-                iconSize: 12
-              }
-            )
-          ] })
+          children: /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Flex, { gap: 1, children: /* @__PURE__ */ jsxRuntime.jsx(
+            orderlyUi.Text.pnl,
+            {
+              dp: props.quote_dp,
+              padding: false,
+              intensity: (value ?? 0) == 0 ? 80 : void 0,
+              showIdentifier: (value ?? 0) > 0,
+              coloring: (value ?? 0) != 0,
+              children: value ?? "--"
+            }
+          ) })
         }
       );
     };
@@ -4094,6 +4122,7 @@ var ConfirmDialogContent;
 var init_editDialogContent = __esm({
   "src/components/orderList/mobile/editSheet/components/editDialogContent.tsx"() {
     init_util();
+    init_symbolBadge();
     ConfirmDialogContent = (props) => {
       const { item } = props;
       const {
@@ -4116,16 +4145,19 @@ var init_editDialogContent = __esm({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsxs(orderlyUi.Flex, { gap: 2, mb: 3, mt: 2, justify: "between", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            orderlyUi.Text.formatted,
-            {
-              rule: "symbol",
-              formatString: "base-type",
-              size: "base",
-              showIcon: true,
-              children: item.symbol
-            }
-          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(orderlyUi.Flex, { direction: "column", itemAlign: "start", gap: 1, grow: true, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              orderlyUi.Text.formatted,
+              {
+                rule: "symbol",
+                formatString: "base",
+                size: "base",
+                showIcon: true,
+                children: item.symbol
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(SymbolBadge, { symbol: item.symbol })
+          ] }),
           /* @__PURE__ */ jsxRuntime.jsxs(orderlyUi.Flex, { direction: "row", gap: 1, children: [
             parseBadgesFor(item)?.map((e, index) => /* @__PURE__ */ jsxRuntime.jsx(
               orderlyUi.Badge,
@@ -4267,11 +4299,22 @@ var EditSheetHeader;
 var init_editSheetHeader = __esm({
   "src/components/orderList/mobile/editSheet/components/editSheetHeader.tsx"() {
     init_util();
+    init_symbolBadge();
     EditSheetHeader = (props) => {
       const { item } = props;
       const { t } = orderlyI18n.useTranslation();
       return /* @__PURE__ */ jsxRuntime.jsxs(orderlyUi.Flex, { width: "100%", justify: "between", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Text.formatted, { rule: "symbol", showIcon: true, intensity: 80, children: item.symbol }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          orderlyUi.Text.formatted,
+          {
+            rule: "symbol",
+            formatString: "base",
+            showIcon: true,
+            intensity: 80,
+            suffix: /* @__PURE__ */ jsxRuntime.jsx(SymbolBadge, { symbol: item.symbol }),
+            children: item.symbol
+          }
+        ),
         /* @__PURE__ */ jsxRuntime.jsxs(orderlyUi.Flex, { direction: "row", gap: 1, children: [
           parseBadgesFor(props.item)?.map((e, index) => /* @__PURE__ */ jsxRuntime.jsx(
             orderlyUi.Badge,
@@ -5435,15 +5478,21 @@ var init_useFormatOrderHistory = __esm({
                 if (!e.is_activated || !e.trigger_price) {
                   continue;
                 }
-                e.parent_algo_type = element.algo_type;
-                _data.push(e);
+                _data.push({
+                  ...e,
+                  parent_algo_type: element.algo_type,
+                  margin_mode: e.margin_mode ?? element.margin_mode
+                });
               }
             } else {
               for (let j = 0; j < element.child_orders.length; j++) {
                 const e = element.child_orders[j];
                 if (!!e && (e.algo_status === orderlyTypes.OrderStatus.FILLED || e.algo_status === orderlyTypes.OrderStatus.PARTIAL_FILLED)) {
-                  e.parent_algo_type = element.algo_type;
-                  _data.push(e);
+                  _data.push({
+                    ...e,
+                    parent_algo_type: element.algo_type,
+                    margin_mode: e.margin_mode ?? element.margin_mode
+                  });
                 }
               }
             }
@@ -5544,7 +5593,7 @@ var init_orderList_script = __esm({
         page: enableLoadMore || !manualPagination ? void 0 : page,
         // pending and ts_sl list get all data
         size: manualPagination ? pageSize : 500,
-        sourceTypeAll: type === "orderHistory" /* orderHistory */,
+        sourceTypeAll: type === "orderHistory" /* orderHistory */ || type === "filled" /* filled */,
         dateRange,
         includes,
         excludes