@kodiak-finance/orderly-react-app 2.8.33 → 2.9.0-rc.2

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { useTrack, OrderlyConfigProvider, useAccount, ERROR_MSG_CODES, useTrackingInstance, useRestrictedInfo, useEventEmitter, useSymbolsInfo, useOrderlyContext, useLocalStorage, useUpdatedRef, useDebouncedCallback, useStorageChain, useChains, useConfig, useWalletConnector, useKeyStore, useSessionStorage, useWalletSubscription, useSettleSubscription, useWS, useStorageLedgerAddress, parseJSON } from '@kodiak-finance/orderly-hooks';
-import { OrderlyThemeProvider, LocaleProvider, TooltipProvider, ModalProvider, Toaster, Flex, cn, Text, Button, useCanLinkDevice, toast, modal, parseNumber } from '@kodiak-finance/orderly-ui';
+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 { 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';
@@ -417,32 +417,35 @@ function useWalletConnectError() {
   const ee = useEventEmitter();
   const { setLedgerAddress } = useStorageLedgerAddress();
   useEffect(() => {
-    ee.on("wallet:connect-error", (data) => {
+    const handleConnectError = (data) => {
       toast.error(data.message);
-    });
-    ee.on(
-      "wallet:sign-message-with-ledger-error",
-      (data) => {
-        window.setTimeout(() => {
-          modal.confirm({
-            title: t("connector.ledger.signMessageFailed"),
-            content: t("connector.ledger.signMessageFailed.description"),
-            size: "sm",
-            onOk: async () => {
-              setLedgerAddress(data.userAddress);
-              return Promise.resolve();
-            },
-            okLabel: t("common.ok"),
-            onCancel: async () => {
-              toast.error(data.message);
-              return Promise.resolve();
-            },
-            cancelLabel: t("common.no")
-          }).then((res) => {
-          });
+    };
+    const handleLedgerError = (data) => {
+      window.setTimeout(() => {
+        modal.confirm({
+          title: t("connector.ledger.signMessageFailed"),
+          content: t("connector.ledger.signMessageFailed.description"),
+          size: "sm",
+          onOk: async () => {
+            setLedgerAddress(data.userAddress);
+            return Promise.resolve();
+          },
+          okLabel: t("common.ok"),
+          onCancel: async () => {
+            toast.error(data.message);
+            return Promise.resolve();
+          },
+          cancelLabel: t("common.no")
+        }).then((res) => {
         });
-      }
-    );
+      });
+    };
+    ee.on("wallet:connect-error", handleConnectError);
+    ee.on("wallet:sign-message-with-ledger-error", handleLedgerError);
+    return () => {
+      ee.off("wallet:connect-error", handleConnectError);
+      ee.off("wallet:sign-message-with-ledger-error", handleLedgerError);
+    };
   }, [ee, t]);
   return {};
 }
@@ -676,6 +679,7 @@ var useAppContext = () => {
 };
 var AppStateProvider = (props) => {
   const [showAnnouncement, setShowAnnouncement] = useState(false);
+  const [initialized, setInitialized] = useState(false);
   const [currentChainId, setCurrentChainId] = useCurrentChainId(
     props.defaultChain
   );
@@ -691,6 +695,9 @@ var AppStateProvider = (props) => {
   useWalletConnectError();
   const restrictedInfo = useRestrictedInfo(props.restrictedInfo);
   const disabledConnect = restrictedInfo.restrictedOpen;
+  useEffect(() => {
+    setInitialized(true);
+  }, []);
   const memoizedValue = useMemo(
     () => ({
       connectWallet,
@@ -704,7 +711,8 @@ var AppStateProvider = (props) => {
       setShowAnnouncement,
       onRouteChange: props.onRouteChange,
       widgetConfigs: props.widgetConfigs,
-      customAnnouncements: props.customAnnouncements
+      customAnnouncements: props.customAnnouncements,
+      initialized
     }),
     [
       connectWallet,
@@ -717,11 +725,45 @@ var AppStateProvider = (props) => {
       wrongNetwork,
       props.onRouteChange,
       props.widgetConfigs,
-      props.customAnnouncements
+      props.customAnnouncements,
+      initialized
     ]
   );
   return /* @__PURE__ */ jsx(AppStateContext.Provider, { value: memoizedValue, children: props.children });
 };
+var ORDERLY_THEME_STORAGE_KEY = "orderly_theme_id";
+var AppThemeProvider = (props) => {
+  const { children, themes, ...rest } = props;
+  const [currentThemeId, setCurrentThemeId] = useLocalStorage(ORDERLY_THEME_STORAGE_KEY, themes?.[0]?.id);
+  const currentTheme = useMemo(() => {
+    return themes?.find((theme) => theme.id === currentThemeId);
+  }, [themes, currentThemeId]);
+  useEffect(() => {
+    if (typeof document === "undefined")
+      return;
+    const root = document.documentElement;
+    if (!currentThemeId) {
+      root.removeAttribute("data-oui-theme");
+      return;
+    }
+    root.setAttribute("data-oui-theme", currentThemeId);
+    Object.entries(DARK_THEME_CSS_VARS).forEach(([key, value]) => {
+      const newValue = currentTheme?.cssVars?.[key] || value;
+      root.style.setProperty(key, newValue);
+    });
+  }, [currentThemeId, currentTheme]);
+  return /* @__PURE__ */ jsx(
+    OrderlyThemeProvider,
+    {
+      themes,
+      currentThemeId,
+      currentTheme,
+      setCurrentThemeId,
+      ...rest,
+      children
+    }
+  );
+};
 var ExecutionReportListener = () => {
   useExecutionReport();
   return null;
@@ -731,6 +773,7 @@ var OrderlyAppProvider = (props) => {
     // dateFormatting,
     components,
     appIcons,
+    themes,
     onChainChanged,
     defaultChain,
     widgetConfigs,
@@ -740,10 +783,11 @@ var OrderlyAppProvider = (props) => {
   useBootstrap();
   const uiLocale = useUILocale();
   return /* @__PURE__ */ jsx(AppConfigProvider, { appIcons, brokerName: props.brokerName, children: /* @__PURE__ */ jsx(
-    OrderlyThemeProvider,
+    AppThemeProvider,
     {
       components,
       overrides: props.overrides,
+      themes,
       children: /* @__PURE__ */ jsxs(OrderlyConfigProvider, { ...configProps, children: [
         /* @__PURE__ */ jsx(ExecutionReportListener, {}),
         /* @__PURE__ */ jsx(
@@ -1189,19 +1233,32 @@ function useCanTrade() {
 }
 
 // src/constants/changesets.ts
-var SDK_VERSION = "2.8.33";
+var SDK_VERSION = "2.9.0";
 var CHANGESETS = {
-  "2.8.33": {
-    date: "2026-03-18",
-    title: "Leaderboard all-time range update",
-    summary: "Added a MAX preset to the trading leaderboard and cleaned up broker stats labels and value formatting for the all-time view.",
+  "2.9.0": {
+    date: "2026-03-27",
+    title: "Isolated margin mode and Orderly SDK v2.10 sync",
+    summary: "Synced with Orderly SDK v2.10, introducing isolated margin mode, margin adjustment, effective fee calculations with referral rebates, and trading points support.",
     highlights: [
-      "Leaderboard date selector now includes a MAX preset anchored to October 1, 2025",
-      "Broker stats cards show All Time instead of MAX when that range is selected",
-      "Large broker stats values now format in billions for cleaner display"
+      "Switch between Cross and Isolated margin modes per symbol",
+      "Adjust margin on isolated positions with add/reduce controls",
+      "Effective fee display with referral rebate discounts for regular and RWA markets",
+      "Trading points module with full i18n support across 17 languages",
+      "Storybook Router context fix for new RWA route detection"
     ],
-    packages: ["kodiak-orderly-trading-leaderboard"],
-    type: "improvement"
+    packages: [
+      "kodiak-orderly-hooks",
+      "kodiak-orderly-ui-order-entry",
+      "kodiak-orderly-ui-positions",
+      "kodiak-orderly-ui-leverage",
+      "kodiak-orderly-i18n",
+      "kodiak-orderly-trading-points",
+      "kodiak-orderly-types",
+      "kodiak-orderly-trading",
+      "kodiak-orderly-portfolio",
+      "kodiak-orderly-app"
+    ],
+    type: "feature"
   },
   "2.8.32": {
     date: "2026-03-04",