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

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import react, { ReactNode, ComponentType, PropsWithChildren, Component, ErrorInfo } from 'react';
 import { ExtensionPosition, OrderlyThemeProviderProps } from '@kodiak-finance/orderly-ui';
-import { ConfigProviderProps, ExclusiveConfigProviderProps, Chains, WalletState, RestrictedInfoReturns, RestrictedInfoOptions, OrderValidationResult } from '@kodiak-finance/orderly-hooks';
+import { ConfigProviderProps, ExclusiveConfigProviderProps, Chains, WalletState, RestrictedInfoReturns, MarketCategoryConfig, RestrictedInfoOptions, OrderValidationResult } from '@kodiak-finance/orderly-hooks';
 import { Chain, NetworkId, AccountStatusEnum, API } from '@kodiak-finance/orderly-types';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
@@ -59,6 +59,11 @@ type WidgetConfigs = {
          */
         enableWithdrawToExternalWallet?: boolean;
     };
+    /**
+     * Custom market tab configuration.
+     * Function receives the default built-in tabs and context, returns the final tab sequence.
+     */
+    marketTabs?: MarketCategoryConfig;
 };
 type AppContextState = {
     connectWallet: ReturnType<typeof useWalletStateHandle>["connectWallet"];

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import react, { ReactNode, ComponentType, PropsWithChildren, Component, ErrorInfo } from 'react';
 import { ExtensionPosition, OrderlyThemeProviderProps } from '@kodiak-finance/orderly-ui';
-import { ConfigProviderProps, ExclusiveConfigProviderProps, Chains, WalletState, RestrictedInfoReturns, RestrictedInfoOptions, OrderValidationResult } from '@kodiak-finance/orderly-hooks';
+import { ConfigProviderProps, ExclusiveConfigProviderProps, Chains, WalletState, RestrictedInfoReturns, MarketCategoryConfig, RestrictedInfoOptions, OrderValidationResult } from '@kodiak-finance/orderly-hooks';
 import { Chain, NetworkId, AccountStatusEnum, API } from '@kodiak-finance/orderly-types';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
@@ -59,6 +59,11 @@ type WidgetConfigs = {
          */
         enableWithdrawToExternalWallet?: boolean;
     };
+    /**
+     * Custom market tab configuration.
+     * Function receives the default built-in tabs and context, returns the final tab sequence.
+     */
+    marketTabs?: MarketCategoryConfig;
 };
 type AppContextState = {
     connectWallet: ReturnType<typeof useWalletStateHandle>["connectWallet"];

package/dist/index.js

@@ -27,7 +27,7 @@ function getDisplaySide(side) {
   }
   return orderlyUtils.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;
@@ -35,7 +35,6 @@ function getOrderExecutionReportMsg(data, symbolsInfo) {
   const base_dp = getSymbolInfo("base_dp");
   getSymbolInfo("quote_dp");
   const displaySide = getDisplaySide(side);
-  const displaySymbol = orderlyUtils.transSymbolformString(symbol);
   const displayQuantity = "algo_type" in data && data.algo_type === orderlyTypes.AlgoOrderRootType.POSITIONAL_TP_SL ? orderlyI18n.i18n.t("tpsl.entirePosition") : base_dp === void 0 ? quantity : orderlyUi.parseNumber(quantity, { dp: base_dp });
   let title = "";
   let msg = "";
@@ -120,9 +119,14 @@ var useExecutionReport = () => {
   const symbolsInfo = orderlyHooks.useSymbolsInfo();
   const symbolsInfoRef = react.useRef({});
   const { notification } = orderlyHooks.useOrderlyContext();
+  const [brokers] = orderlyHooks.useAllBrokers();
+  const brokersRef = react.useRef(void 0);
   react.useEffect(() => {
     symbolsInfoRef.current = symbolsInfo;
   }, [symbolsInfo]);
+  react.useEffect(() => {
+    brokersRef.current = brokers;
+  }, [brokers]);
   const src = notification?.orderFilled?.media ?? "";
   const [soundAutoPlay] = orderlyHooks.useLocalStorage(
     ORDERLY_ORDER_SOUND_ALERT_KEY,
@@ -143,9 +147,15 @@ var useExecutionReport = () => {
       return;
     }
     const showToast = (data2) => {
+      const displaySymbol = orderlyHooks.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,
@@ -731,7 +741,7 @@ var AppStateProvider = (props) => {
       initialized
     ]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(AppStateContext.Provider, { value: memoizedValue, children: props.children });
+  return /* @__PURE__ */ jsxRuntime.jsx(AppStateContext.Provider, { value: memoizedValue, children: /* @__PURE__ */ jsxRuntime.jsx(orderlyHooks.MarketCategoriesConfigProvider, { value: props.widgetConfigs?.marketTabs, children: props.children }) });
 };
 var ORDERLY_THEME_STORAGE_KEY = "orderly_theme_id";
 var AppThemeProvider = (props) => {