@kodiak-finance/orderly-react-app 2.8.32-alpha.2 → 2.8.32

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { useTrack, OrderlyConfigProvider, useAccount, ERROR_MSG_CODES, useTrackingInstance, useRestrictedInfo, useEventEmitter, useSymbolsInfo, useOrderlyContext, useLocalStorage, useUpdatedRef, useAudioPlayer, useDebouncedCallback, useStorageChain, useChains, useConfig, useWalletConnector, useKeyStore, useSessionStorage, useWalletSubscription, useSettleSubscription, useWS, useStorageLedgerAddress, parseJSON } from '@kodiak-finance/orderly-hooks';
+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 { 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';
@@ -87,6 +87,32 @@ function getOrderExecutionReportMsg(data, symbolsInfo) {
 }
 var ORDERLY_ORDER_SOUND_ALERT_KEY = "orderly_order_sound_alert";
 var ORDERLY_TRADING_TOAST_ALERT_KEY = "orderly_trading_toast_alert";
+var getStoredBoolean = (key, fallback) => {
+  if (typeof window === "undefined") {
+    return fallback;
+  }
+  const value = window.localStorage.getItem(key);
+  if (value === null) {
+    return fallback;
+  }
+  try {
+    const parsed = JSON.parse(value);
+    if (typeof parsed === "boolean") {
+      return parsed;
+    }
+    if (typeof parsed === "string") {
+      if (parsed.toLowerCase() === "true") {
+        return true;
+      }
+      if (parsed.toLowerCase() === "false") {
+        return false;
+      }
+    }
+    return fallback;
+  } catch {
+    return fallback;
+  }
+};
 var useExecutionReport = () => {
   const ee = useEventEmitter();
   const symbolsInfo = useSymbolsInfo();
@@ -105,12 +131,13 @@ var useExecutionReport = () => {
     true
   );
   const tradingToastAlertRef = useUpdatedRef(tradingToastAlert);
-  const [audioElement] = useAudioPlayer(src, {
-    autoPlay: soundAutoPlay,
-    volume: 1
-  });
+  const soundAutoPlayRef = useUpdatedRef(soundAutoPlay);
   const handler = useDebouncedCallback((data) => {
-    if (!tradingToastAlertRef.current) {
+    const latestTradingToastAlert = getStoredBoolean(
+      ORDERLY_TRADING_TOAST_ALERT_KEY,
+      tradingToastAlertRef.current
+    );
+    if (!latestTradingToastAlert) {
       return;
     }
     const showToast = (data2) => {
@@ -118,15 +145,23 @@ var useExecutionReport = () => {
         data2,
         symbolsInfoRef.current
       );
-      const isFilled = status === OrderStatus.FILLED || status === OrderStatus.PARTIAL_FILLED;
+      const shouldPlaySound = getStoredBoolean(
+        ORDERLY_ORDER_SOUND_ALERT_KEY,
+        soundAutoPlayRef.current
+      ) && latestTradingToastAlert && (status === OrderStatus.FILLED || status === OrderStatus.PARTIAL_FILLED || status === OrderStatus.CANCELLED);
+      if (shouldPlaySound && src) {
+        const audio = new Audio(src);
+        audio.volume = 1;
+        audio.play().catch(() => {
+        });
+      }
       const orderType = data2.algo_type || data2.type;
       if (title && msg) {
         toast.success(
           /* @__PURE__ */ jsxs("div", { children: [
             title,
             /* @__PURE__ */ jsx("br", {}),
-            /* @__PURE__ */ jsx("div", { className: "orderly-text-white/[0.54] orderly-text-xs", children: msg }),
-            isFilled && audioElement
+            /* @__PURE__ */ jsx("div", { className: "orderly-text-white/[0.54] orderly-text-xs", children: msg })
           ] }),
           { id: orderType }
         );