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

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import react, { ReactNode, ComponentType, PropsWithChildren, Component, ErrorInfo } from 'react';
-import { ExtensionPosition, OrderlyThemeProviderProps } from '@kodiak-finance/orderly-ui';
+import { OrderlyPlugin, PluginRegistrationFn, ExtensionPosition, OrderlyThemeProviderProps } from '@kodiak-finance/orderly-ui';
 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';
@@ -16,6 +16,8 @@ type AppLogos = Partial<{
 type OrderlyAppConfig = {
     appIcons?: AppLogos;
     dateFormatting?: string;
+    /** Plugins for the new interceptor system (registerPlugin descriptors or registration fns) */
+    plugins?: (OrderlyPlugin | PluginRegistrationFn)[];
     components?: {
         [position in ExtensionPosition]: ComponentType;
     };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import react, { ReactNode, ComponentType, PropsWithChildren, Component, ErrorInfo } from 'react';
-import { ExtensionPosition, OrderlyThemeProviderProps } from '@kodiak-finance/orderly-ui';
+import { OrderlyPlugin, PluginRegistrationFn, ExtensionPosition, OrderlyThemeProviderProps } from '@kodiak-finance/orderly-ui';
 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';
@@ -16,6 +16,8 @@ type AppLogos = Partial<{
 type OrderlyAppConfig = {
     appIcons?: AppLogos;
     dateFormatting?: string;
+    /** Plugins for the new interceptor system (registerPlugin descriptors or registration fns) */
+    plugins?: (OrderlyPlugin | PluginRegistrationFn)[];
     components?: {
         [position in ExtensionPosition]: ComponentType;
     };

package/dist/index.js

@@ -1,8 +1,8 @@
 'use strict';
 
+var react = require('react');
 var orderlyHooks = require('@kodiak-finance/orderly-hooks');
 var orderlyUi = require('@kodiak-finance/orderly-ui');
-var react = require('react');
 var orderlyTypes = require('@kodiak-finance/orderly-types');
 var orderlyI18n = require('@kodiak-finance/orderly-i18n');
 var orderlyUtils = require('@kodiak-finance/orderly-utils');
@@ -776,6 +776,7 @@ var AppThemeProvider = (props) => {
     }
   );
 };
+var EMPTY_PLUGINS = [];
 var ExecutionReportListener = () => {
   useExecutionReport();
   return null;
@@ -785,6 +786,7 @@ var OrderlyAppProvider = (props) => {
     // dateFormatting,
     components,
     appIcons,
+    plugins,
     themes,
     onChainChanged,
     defaultChain,
@@ -794,6 +796,14 @@ var OrderlyAppProvider = (props) => {
   orderlyHooks.useTrack();
   useBootstrap();
   const uiLocale = useUILocale();
+  const pluginState = react.useMemo(
+    () => ({
+      config: { appIcons, brokerName: props.brokerName },
+      networkId: configProps.networkId
+    }),
+    [appIcons, props.brokerName, configProps.networkId]
+  );
+  const pluginsList = plugins ?? EMPTY_PLUGINS;
   return /* @__PURE__ */ jsxRuntime.jsx(AppConfigProvider, { appIcons, brokerName: props.brokerName, children: /* @__PURE__ */ jsxRuntime.jsx(
     AppThemeProvider,
     {
@@ -801,17 +811,26 @@ var OrderlyAppProvider = (props) => {
       overrides: props.overrides,
       themes,
       children: /* @__PURE__ */ jsxRuntime.jsxs(orderlyHooks.OrderlyConfigProvider, { ...configProps, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ExecutionReportListener, {}),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          AppStateProvider,
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          orderlyUi.OrderlyPluginProvider,
           {
-            onChainChanged,
-            defaultChain,
-            restrictedInfo: props.restrictedInfo,
-            onRouteChange: props.onRouteChange,
-            widgetConfigs,
-            customAnnouncements: props.customAnnouncements,
-            children: /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.LocaleProvider, { locale: uiLocale, children: /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.ModalProvider, { children: props.children }) }) })
+            plugins: pluginsList,
+            pluginState,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ExecutionReportListener, {}),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                AppStateProvider,
+                {
+                  onChainChanged,
+                  defaultChain,
+                  restrictedInfo: props.restrictedInfo,
+                  onRouteChange: props.onRouteChange,
+                  widgetConfigs,
+                  customAnnouncements: props.customAnnouncements,
+                  children: /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.LocaleProvider, { locale: uiLocale, children: /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.ModalProvider, { children: props.children }) }) })
+                }
+              )
+            ]
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Toaster, {})