@kodiak-finance/orderly-react-app 2.9.0 → 2.9.1-alpha.1

package/dist/index.mjs

@@ -1,9 +1,9 @@
-import { useTrack, OrderlyConfigProvider, useAccount, ERROR_MSG_CODES, useLocalStorage, useTrackingInstance, useRestrictedInfo, useEventEmitter, useSymbolsInfo, useOrderlyContext, useUpdatedRef, useDebouncedCallback, useStorageChain, useChains, useConfig, useWalletConnector, useKeyStore, useSessionStorage, useWalletSubscription, useSettleSubscription, useWS, useStorageLedgerAddress, parseJSON } from '@kodiak-finance/orderly-hooks';
+import { useTrack, OrderlyConfigProvider, useAccount, ERROR_MSG_CODES, useLocalStorage, useTrackingInstance, useRestrictedInfo, MarketCategoriesConfigProvider, useEventEmitter, useSymbolsInfo, useOrderlyContext, useAllBrokers, useUpdatedRef, useDebouncedCallback, useStorageChain, useChains, useConfig, useWalletConnector, useKeyStore, useSessionStorage, useWalletSubscription, useSettleSubscription, useWS, useStorageLedgerAddress, formatSymbolWithBroker, parseJSON } from '@kodiak-finance/orderly-hooks';
 import { LocaleProvider, TooltipProvider, ModalProvider, Toaster, Flex, cn, Text, Button, DARK_THEME_CSS_VARS, OrderlyThemeProvider, useCanLinkDevice, toast, modal, parseNumber } from '@kodiak-finance/orderly-ui';
 import { createContext, useContext, useCallback, Component, useMemo, useEffect, useState, useRef } from 'react';
 import { AccountStatusEnum, SDKError, ABSTRACT_CHAIN_ID_MAP, ChainNamespace, TrackerEventName, OrderStatus, AlgoOrderRootType } from '@kodiak-finance/orderly-types';
 import { useTranslation, i18n, useLocaleCode, LocaleEnum } from '@kodiak-finance/orderly-i18n';
-import { parseChainIdToNumber, windowGuard, praseChainIdToNumber, capitalizeString, getTimestamp, transSymbolformString } from '@kodiak-finance/orderly-utils';
+import { parseChainIdToNumber, windowGuard, praseChainIdToNumber, capitalizeString, getTimestamp } from '@kodiak-finance/orderly-utils';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { zhCN, enUS } from 'date-fns/locale';
 
@@ -25,7 +25,7 @@ function getDisplaySide(side) {
   }
   return capitalizeString(side);
 }
-function getOrderExecutionReportMsg(data, symbolsInfo) {
+function getOrderExecutionReportMsg(data, symbolsInfo, displaySymbol) {
   const { symbol, side, quantity, client_order_id, fieldChanges } = data;
   const total_executed_quantity = "total_executed_quantity" in data ? data.total_executed_quantity : 0;
   const status = "status" in data ? data.status : data.algo_status;
@@ -33,7 +33,6 @@ function getOrderExecutionReportMsg(data, symbolsInfo) {
   const base_dp = getSymbolInfo("base_dp");
   getSymbolInfo("quote_dp");
   const displaySide = getDisplaySide(side);
-  const displaySymbol = transSymbolformString(symbol);
   const displayQuantity = "algo_type" in data && data.algo_type === AlgoOrderRootType.POSITIONAL_TP_SL ? i18n.t("tpsl.entirePosition") : base_dp === void 0 ? quantity : parseNumber(quantity, { dp: base_dp });
   let title = "";
   let msg = "";
@@ -118,9 +117,14 @@ var useExecutionReport = () => {
   const symbolsInfo = useSymbolsInfo();
   const symbolsInfoRef = useRef({});
   const { notification } = useOrderlyContext();
+  const [brokers] = useAllBrokers();
+  const brokersRef = useRef(void 0);
   useEffect(() => {
     symbolsInfoRef.current = symbolsInfo;
   }, [symbolsInfo]);
+  useEffect(() => {
+    brokersRef.current = brokers;
+  }, [brokers]);
   const src = notification?.orderFilled?.media ?? "";
   const [soundAutoPlay] = useLocalStorage(
     ORDERLY_ORDER_SOUND_ALERT_KEY,
@@ -141,9 +145,15 @@ var useExecutionReport = () => {
       return;
     }
     const showToast = (data2) => {
+      const displaySymbol = formatSymbolWithBroker(
+        data2.symbol,
+        symbolsInfoRef.current,
+        brokersRef.current
+      );
       const { title, msg, status } = getOrderExecutionReportMsg(
         data2,
-        symbolsInfoRef.current
+        symbolsInfoRef.current,
+        displaySymbol
       );
       const shouldPlaySound = getStoredBoolean(
         ORDERLY_ORDER_SOUND_ALERT_KEY,
@@ -729,7 +739,7 @@ var AppStateProvider = (props) => {
       initialized
     ]
   );
-  return /* @__PURE__ */ jsx(AppStateContext.Provider, { value: memoizedValue, children: props.children });
+  return /* @__PURE__ */ jsx(AppStateContext.Provider, { value: memoizedValue, children: /* @__PURE__ */ jsx(MarketCategoriesConfigProvider, { value: props.widgetConfigs?.marketTabs, children: props.children }) });
 };
 var ORDERLY_THEME_STORAGE_KEY = "orderly_theme_id";
 var AppThemeProvider = (props) => {