@kodiak-finance/orderly-hooks 2.9.1 → 2.9.2-alpha.1

package/dist/index.d.mts

@@ -180,7 +180,7 @@ declare const noCacheConfig: SWRConfiguration;
 
 /**
  * useQuery
- * @description for public api
+ * @description for public api. Injects X-Orderly-Plugin-Id when inside PluginScopeProvider.
  * @param query
  * @param options
  */
@@ -1016,6 +1016,14 @@ declare const useIndexPricesStream: () => {
     getIndexPrice: (this: unknown, token: string) => number;
 };
 
+/**
+ * Mark price from the in-memory store for `symbol`.
+ *
+ * @remarks
+ * `data` reflects the store lookup and may be transiently unset before streams write in.
+ * In TS strict JSX, avoid rendering `{data}` as a direct text child without narrowing
+ * (`typeof data === "number"`) or formatting through a helper that supplies a fallback.
+ */
 declare const useMarkPrice: (symbol: string) => {
     data: number;
 };
@@ -2893,6 +2901,10 @@ type OrderEntryReturn = {
     resetMetaState: () => void;
     formattedOrder: Partial<FullOrderState>;
     maxQty: number;
+    maxQtys: {
+        maxBuy: number;
+        maxSell: number;
+    };
     /**
      * The estimated liquidation price.
      */

package/dist/index.d.ts

@@ -180,7 +180,7 @@ declare const noCacheConfig: SWRConfiguration;
 
 /**
  * useQuery
- * @description for public api
+ * @description for public api. Injects X-Orderly-Plugin-Id when inside PluginScopeProvider.
  * @param query
  * @param options
  */
@@ -1016,6 +1016,14 @@ declare const useIndexPricesStream: () => {
     getIndexPrice: (this: unknown, token: string) => number;
 };
 
+/**
+ * Mark price from the in-memory store for `symbol`.
+ *
+ * @remarks
+ * `data` reflects the store lookup and may be transiently unset before streams write in.
+ * In TS strict JSX, avoid rendering `{data}` as a direct text child without narrowing
+ * (`typeof data === "number"`) or formatting through a helper that supplies a fallback.
+ */
 declare const useMarkPrice: (symbol: string) => {
     data: number;
 };
@@ -2893,6 +2901,10 @@ type OrderEntryReturn = {
     resetMetaState: () => void;
     formattedOrder: Partial<FullOrderState>;
     maxQty: number;
+    maxQtys: {
+        maxBuy: number;
+        maxSell: number;
+    };
     /**
      * The estimated liquidation price.
      */

package/dist/index.js

@@ -2,8 +2,9 @@
 
 var React = require('react');
 var orderlyNet = require('@kodiak-finance/orderly-net');
-var useSWR5 = require('swr');
+var orderlyPluginCore = require('@kodiak-finance/orderly-plugin-core');
 var orderlyTypes = require('@kodiak-finance/orderly-types');
+var useSWR5 = require('swr');
 var orderlyUtils = require('@kodiak-finance/orderly-utils');
 var useSWRMutation = require('swr/mutation');
 var useConstant = require('use-constant');
@@ -110,19 +111,26 @@ function useConfig(key, defaultValue) {
 }
 
 // src/useQuery.ts
+var PLUGIN_ID_HEADER = "X-Orderly-Plugin-Id";
 var useQuery = (query, options) => {
   const apiBaseUrl = useConfig("apiBaseUrl");
+  const pluginScope = orderlyPluginCore.usePluginScope();
   const { formatter, ...swrOptions } = options || {};
   if (typeof apiBaseUrl === "undefined") {
     throw new orderlyTypes.SDKError("please add OrderlyConfigProvider to your app");
   }
-  return useSWR5__namespace.default(
-    query,
-    (url, init2) => fetcher(url.startsWith("http") ? url : `${apiBaseUrl}${url}`, init2, {
-      formatter
-    }),
-    swrOptions
+  const fetcherFn = React.useCallback(
+    (url, init2) => {
+      const fullUrl = url.startsWith("http") ? url : `${apiBaseUrl}${url}`;
+      const headers = new Headers(init2?.headers);
+      if (pluginScope?.pluginId) {
+        headers.set(PLUGIN_ID_HEADER, pluginScope.pluginId);
+      }
+      return fetcher(fullUrl, { ...init2, headers }, { formatter });
+    },
+    [apiBaseUrl, pluginScope?.pluginId, formatter]
   );
+  return useSWR5__namespace.default(query, fetcherFn, swrOptions);
 };
 var timestampOffsetPromise = null;
 var timestampOffsetReady = false;
@@ -18727,12 +18735,21 @@ var initialOrderState = {
   order_type: orderlyTypes.OrderType.LIMIT,
   margin_mode: orderlyTypes.MarginMode.CROSS
 };
+var normalizeInitialOrder = (order) => {
+  if (!order) {
+    return void 0;
+  }
+  const rest = { ...order };
+  delete rest.symbol;
+  return rest;
+};
 var useOrderEntryNextInternal = (symbol, options = {}) => {
   const { symbolInfo, symbolLeverage } = options;
+  const initialOrder = normalizeInitialOrder(options.initialOrder);
   const [orderEntity, setOrderEntity] = React.useState(
     () => ({
       ...initialOrderState,
-      ...options.initialOrder,
+      ...initialOrder,
       symbol
     })
   );
@@ -18748,10 +18765,14 @@ var useOrderEntryNextInternal = (symbol, options = {}) => {
         });
       },
       updateOrder: (order) => {
-        setOrderEntity((prev) => ({ ...prev, ...order }));
+        setOrderEntity((prev) => ({ ...prev, ...order, symbol }));
       },
       updateOrderByKey: (key, value) => {
-        setOrderEntity((prev) => ({ ...prev, [key]: value }));
+        setOrderEntity((prev) => ({
+          ...prev,
+          [key]: key === "symbol" ? symbol : value,
+          symbol
+        }));
       },
       resetOrder: (_order) => {
         setOrderEntity((prev) => ({
@@ -18779,12 +18800,15 @@ var useOrderEntryNextInternal = (symbol, options = {}) => {
         return typeof order.tp_trigger_price !== "undefined" || typeof order.sl_trigger_price !== "undefined";
       }
     }),
-    [orderEntity]
+    [orderEntity, symbol]
   );
   React.useEffect(() => {
-    actions.initOrder(symbol, options.initialOrder);
-    if (options.initialOrder) {
-      actions.updateOrder(options.initialOrder);
+    actions.initOrder(symbol, initialOrder);
+    if (initialOrder) {
+      actions.updateOrder({
+        ...initialOrder,
+        symbol
+      });
     }
   }, [symbol]);
   const calculate2 = React.useCallback(
@@ -19024,7 +19048,7 @@ var useOrderEntryNextInternal = (symbol, options = {}) => {
       }
       actions.updateOrder(newValues);
     },
-    [calculate2, options.symbolInfo, symbolLeverage, orderEntity]
+    [actions, calculate2, options.symbolInfo, symbolLeverage, orderEntity]
   );
   const validate = (order, creator, options2) => {
     return creator?.validate(order, {
@@ -19033,10 +19057,16 @@ var useOrderEntryNextInternal = (symbol, options = {}) => {
     });
   };
   const generateOrder = (creator, options2) => {
-    const order = creator.create(orderEntity, {
-      ...options2,
-      symbol: symbolInfo
-    });
+    const order = creator.create(
+      {
+        ...orderEntity,
+        symbol
+      },
+      {
+        ...options2,
+        symbol: symbolInfo
+      }
+    );
     return order;
   };
   const submitOrder = React.useCallback(() => {
@@ -19111,12 +19141,37 @@ var useOrderEntry2 = (symbol, options = {}) => {
   );
   const bestAskBid = askAndBid.current?.[0] || [];
   const referencePriceFromOrder = bestAskBid.length >= 2 && formattedOrder.order_type && formattedOrder.side ? getOrderReferencePriceFromOrder(formattedOrder, bestAskBid) : null;
-  const maxQtyValue = useMaxQty(symbol, formattedOrder.side, {
+  const maxBuyQtyValue = useMaxQty(symbol, orderlyTypes.OrderSide.BUY, {
+    reduceOnly: formattedOrder.reduce_only,
+    marginMode: effectiveMarginMode,
+    currentOrderReferencePrice: referencePriceFromOrder && referencePriceFromOrder > 0 ? referencePriceFromOrder : void 0
+  });
+  const maxSellQtyValue = useMaxQty(symbol, orderlyTypes.OrderSide.SELL, {
     reduceOnly: formattedOrder.reduce_only,
     marginMode: effectiveMarginMode,
     currentOrderReferencePrice: referencePriceFromOrder && referencePriceFromOrder > 0 ? referencePriceFromOrder : void 0
   });
+  const maxQtyValue = formattedOrder.side === orderlyTypes.OrderSide.BUY ? maxBuyQtyValue : maxSellQtyValue;
   const maxQty = options.maxQty ?? maxQtyValue;
+  const maxQtys = React.useMemo(
+    () => ({
+      maxBuy: formattedOrder.side === orderlyTypes.OrderSide.BUY ? (
+        // @ts-ignore
+        options.maxQty ?? maxBuyQtyValue
+      ) : maxBuyQtyValue,
+      maxSell: formattedOrder.side === orderlyTypes.OrderSide.SELL ? (
+        // @ts-ignore
+        options.maxQty ?? maxSellQtyValue
+      ) : maxSellQtyValue
+    }),
+    [
+      formattedOrder.side,
+      maxBuyQtyValue,
+      maxSellQtyValue,
+      // @ts-ignore
+      options.maxQty
+    ]
+  );
   const updateOrderPrice = () => {
     const order_type = formattedOrder.order_type;
     const order_type_ext = formattedOrder.order_type_ext ?? lastOrderTypeExt.current;
@@ -19506,6 +19561,7 @@ var useOrderEntry2 = (symbol, options = {}) => {
     resetMetaState,
     formattedOrder,
     maxQty,
+    maxQtys,
     estLiqPrice,
     estLiqPriceDistance,
     currentPosition,