@kodiak-finance/orderly-react-app 2.9.1 → 2.9.2-alpha.0

package/dist/index.mjs

@@ -1,6 +1,6 @@
+import { createContext, useContext, useMemo, useCallback, Component, useEffect, useState, useRef } from 'react';
 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 { OrderlyPluginProvider, LocaleProvider, TooltipProvider, ModalProvider, Toaster, Flex, cn, Text, Button, DARK_THEME_CSS_VARS, OrderlyThemeProvider, useCanLinkDevice, toast, modal, parseNumber } from '@kodiak-finance/orderly-ui';
 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 } from '@kodiak-finance/orderly-utils';
@@ -774,6 +774,7 @@ var AppThemeProvider = (props) => {
     }
   );
 };
+var EMPTY_PLUGINS = [];
 var ExecutionReportListener = () => {
   useExecutionReport();
   return null;
@@ -783,6 +784,7 @@ var OrderlyAppProvider = (props) => {
     // dateFormatting,
     components,
     appIcons,
+    plugins,
     themes,
     onChainChanged,
     defaultChain,
@@ -792,6 +794,14 @@ var OrderlyAppProvider = (props) => {
   useTrack();
   useBootstrap();
   const uiLocale = useUILocale();
+  const pluginState = useMemo(
+    () => ({
+      config: { appIcons, brokerName: props.brokerName },
+      networkId: configProps.networkId
+    }),
+    [appIcons, props.brokerName, configProps.networkId]
+  );
+  const pluginsList = plugins ?? EMPTY_PLUGINS;
   return /* @__PURE__ */ jsx(AppConfigProvider, { appIcons, brokerName: props.brokerName, children: /* @__PURE__ */ jsx(
     AppThemeProvider,
     {
@@ -799,17 +809,26 @@ var OrderlyAppProvider = (props) => {
       overrides: props.overrides,
       themes,
       children: /* @__PURE__ */ jsxs(OrderlyConfigProvider, { ...configProps, children: [
-        /* @__PURE__ */ jsx(ExecutionReportListener, {}),
-        /* @__PURE__ */ jsx(
-          AppStateProvider,
+        /* @__PURE__ */ jsxs(
+          OrderlyPluginProvider,
           {
-            onChainChanged,
-            defaultChain,
-            restrictedInfo: props.restrictedInfo,
-            onRouteChange: props.onRouteChange,
-            widgetConfigs,
-            customAnnouncements: props.customAnnouncements,
-            children: /* @__PURE__ */ jsx(LocaleProvider, { locale: uiLocale, children: /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsx(ModalProvider, { children: props.children }) }) })
+            plugins: pluginsList,
+            pluginState,
+            children: [
+              /* @__PURE__ */ jsx(ExecutionReportListener, {}),
+              /* @__PURE__ */ jsx(
+                AppStateProvider,
+                {
+                  onChainChanged,
+                  defaultChain,
+                  restrictedInfo: props.restrictedInfo,
+                  onRouteChange: props.onRouteChange,
+                  widgetConfigs,
+                  customAnnouncements: props.customAnnouncements,
+                  children: /* @__PURE__ */ jsx(LocaleProvider, { locale: uiLocale, children: /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsx(ModalProvider, { children: props.children }) }) })
+                }
+              )
+            ]
           }
         ),
         /* @__PURE__ */ jsx(Toaster, {})