@orderly.network/portfolio 2.10.0 → 2.10.1

package/dist/index.mjs

@@ -1,13 +1,13 @@
 import React12, { createContext, useMemo, useId, useContext, useState, useCallback, useRef, createElement, useEffect } from 'react';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useLocalStorage, useAccount, useIndexPricesStream, useCollateral, usePrivateQuery, useStatisticsDaily, useBalanceTopic, useAssetsHistory, useFeeState, useMediaQuery, useAccountInfo, useGetClaimed, DistributionId, TWType, useCurEpochEstimate, useAllBrokers, noCacheConfig, useEpochInfo, useConfig, useGetEnv, useMutation, useOrderlyContext, useDebouncedCallback, useWalletConnector, useAppStore, parseJSON, usePositionStream, useChains, useLeverage, useMaxWithdrawal, useTransferHistory, useChainInfo, useSymbolsInfo, useFundingFeeHistory, useSubAccountQuery, useApiKeyManager, useDistributionHistory, useVaultsHistory } from '@orderly.network/hooks';
+import { useLocalStorage, useAccount, useIndexPricesStream, useCollateral, usePrivateQuery, useStatisticsDaily, useBalanceTopic, useAssetsHistory, useFeeState, useMediaQuery, useAccountInfo, useWalletConnector, usePositionStream, useLeverage, useMaxWithdrawal, useGetClaimed, DistributionId, TWType, useCurEpochEstimate, useAllBrokers, noCacheConfig, useEpochInfo, useConfig, useGetEnv, useMutation, useOrderlyContext, useDebouncedCallback, useAppStore, parseJSON, useChains, useTransferHistory, useChainInfo, useSymbolsInfo, useFundingFeeHistory, useSubAccountQuery, useApiKeyManager, useDistributionHistory, useVaultsHistory } from '@orderly.network/hooks';
 import { useAppContext, useDataTap, useCanTrade } from '@orderly.network/react-app';
 import { AccountStatusEnum, ChainNamespace, EMPTY_LIST, AssetHistoryStatusEnum, AssetHistorySideEnum } from '@orderly.network/types';
-import { registerSimpleSheet, registerSimpleDialog, Tabs, TabPanel, Flex, Text, modal, useModal, SimpleDialog, DataTable, SimpleSheet, TokenIcon, Divider, toast, useScreen, CardTitle, Select, Box, Tooltip, cn, Statistic, CopyIcon, Grid, formatAddress, DataFilter, InfoCircleIcon, Button, EmptyDataState, EyeIcon, ArrowRightShortIcon, ArrowDownSquareFillIcon, ArrowLeftRightIcon, ArrowUpSquareFillIcon, CalendarMinusIcon, AffiliateIcon, ChevronRightIcon, TraderMobileIcon, SettingFillIcon, Card, Switch, ChainIcon, Either, gradientTextVariants, EyeCloseIcon, capitalizeFirstLetter, usePagination, ListView, Badge, ArrowDownShortIcon, ScrollIndicator, PlusIcon, FeeTierIcon, ServerFillIcon, ArrowLeftRightSquareFill, VaultsIcon } from '@orderly.network/ui';
+import { registerSimpleSheet, registerSimpleDialog, Tabs, TabPanel, Flex, Text, modal, useModal, SimpleDialog, DataTable, SimpleSheet, TokenIcon, Divider, toast, useScreen, CardTitle, Select, Box, cn, Statistic, CopyIcon, Grid, formatAddress, DataFilter, Tooltip, InfoCircleIcon, Button, EmptyDataState, Card, Either, gradientTextVariants, EyeIcon, EyeCloseIcon, ArrowDownSquareFillIcon, ArrowLeftRightIcon, ArrowUpSquareFillIcon, ArrowRightShortIcon, CalendarMinusIcon, AffiliateIcon, ChevronRightIcon, TraderMobileIcon, SettingFillIcon, Switch, ChainIcon, capitalizeFirstLetter, usePagination, ListView, Badge, ArrowDownShortIcon, ScrollIndicator, PlusIcon, FeeTierIcon, ServerFillIcon, ArrowLeftRightSquareFill, VaultsIcon } from '@orderly.network/ui';
 import { LeverageWidgetWithDialogId } from '@orderly.network/ui-leverage';
-import { DepositStatusWidget, TransferDialogId, DepositAndWithdrawWithDialogId, DepositAndWithdrawWithSheetId, TransferSheetId } from '@orderly.network/ui-transfer';
+import { DepositAndWithdrawWithSheetId, DepositAndWithdrawWithDialogId, TransferSheetId, TransferDialogId, DepositStatusWidget } from '@orderly.network/ui-transfer';
 import { i18n, useTranslation, Trans } from '@orderly.network/i18n';
-import { AuthGuardTooltip, AuthGuard, AuthGuardDataTable, AuthGuardEmpty } from '@orderly.network/ui-connector';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { AuthGuard, AuthGuardTooltip, AuthGuardDataTable, AuthGuardEmpty } from '@orderly.network/ui-connector';
 import { Decimal, zero, numberToHumanStyle, commifyOptional, subtractDaysFromCurrentDate, capitalizeString } from '@orderly.network/utils';
 import { subDays, format, getYear, getMonth, getDate, set, differenceInDays, setHours } from 'date-fns';
 import { produce } from 'immer';
@@ -28,30 +28,6 @@ var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var LayoutContext, useLayoutContext, LayoutProvider;
-var init_context = __esm({
-  "src/layout/context.tsx"() {
-    LayoutContext = createContext({
-      sideOpen: true
-    });
-    useLayoutContext = () => {
-      return useContext(LayoutContext);
-    };
-    LayoutProvider = (props) => {
-      const { routerAdapter, children } = props;
-      const [sideOpen, setSideOpen] = useState(true);
-      const memoizedValue = useMemo(
-        () => ({
-          sideOpen,
-          onSideOpenChange: setSideOpen,
-          routerAdapter
-        }),
-        [sideOpen, setSideOpen, routerAdapter]
-      );
-      return /* @__PURE__ */ jsx(LayoutContext.Provider, { value: memoizedValue, children });
-    };
-  }
-});
 var useAssetScript;
 var init_assets_script = __esm({
   "src/pages/overview/assets/assets.script.ts"() {
@@ -4822,41 +4798,12 @@ __export(feeTierHeader_exports, {
   FeeTierHeader: () => FeeTierHeader,
   MobileHeaderItem: () => MobileHeaderItem
 });
-var isEffective, EffectiveFeeDialog, MobileHeaderItem, DesktopHeaderItem, FeeTierHeader;
+var MobileHeaderItem, DesktopHeaderItem, FeeTierHeader;
 var init_feeTierHeader = __esm({
   "src/pages/feeTier/feeTierHeader.tsx"() {
-    init_context();
     init_icons();
-    isEffective = (val) => typeof val !== "undefined" && val !== null;
-    EffectiveFeeDialog = (props) => {
-      const { routerAdapter } = props;
-      const { t } = useTranslation();
-      const { hide } = useModal();
-      return /* @__PURE__ */ jsxs(Text, { size: "2xs", className: "oui-whitespace-normal oui-break-words", children: [
-        t("portfolio.feeTier.effectiveFee.tooltip"),
-        " ",
-        /* @__PURE__ */ jsx(
-          "a",
-          {
-            href: "/rewards/affiliate",
-            onClick: (e) => {
-              e.preventDefault();
-              routerAdapter?.onRouteChange({
-                href: "/rewards/affiliate",
-                name: t("portfolio.feeTier.effectiveFee.tooltipLink")
-              });
-              hide();
-            },
-            className: "oui-cursor-pointer oui-border-none oui-bg-transparent oui-p-0 oui-text-2xs oui-underline hover:oui-text-base-contrast-80",
-            children: t("portfolio.feeTier.effectiveFee.tooltipLink")
-          }
-        )
-      ] });
-    };
     MobileHeaderItem = (props) => {
       const { label, value, interactive } = props;
-      const { t } = useTranslation();
-      const { routerAdapter } = useLayoutContext();
       return /* @__PURE__ */ jsxs(Flex, { justify: "between", itemAlign: "center", width: "100%", children: [
         /* @__PURE__ */ jsx(
           Text,
@@ -4871,42 +4818,12 @@ var init_feeTierHeader = __esm({
         ),
         /* @__PURE__ */ jsxs(Flex, { className: "oui-gap-1.5", itemAlign: "center", justify: "between", children: [
           /* @__PURE__ */ jsx(Text, { size: "xs", intensity: 80, className: "oui-leading-[24px]", children: value }),
-          interactive && /* @__PURE__ */ jsxs(
-            Flex,
-            {
-              gap: 1,
-              justify: "center",
-              itemAlign: "center",
-              className: "oui-cursor-pointer oui-rounded oui-bg-gradient-to-r oui-from-[rgb(var(--oui-gradient-brand-start)_/_0.12)] oui-to-[rgb(var(--oui-gradient-brand-end)_/_0.12)] oui-px-1",
-              onClick: () => {
-                modal.dialog({
-                  size: "sm",
-                  title: t("common.tips"),
-                  content: /* @__PURE__ */ jsx(EffectiveFeeDialog, { routerAdapter })
-                });
-              },
-              children: [
-                /* @__PURE__ */ jsx(EffectiveFee, {}),
-                /* @__PURE__ */ jsx(
-                  Text.gradient,
-                  {
-                    className: "oui-select-none",
-                    color: "brand",
-                    size: "3xs",
-                    weight: "regular",
-                    children: t("common.effectiveFee")
-                  }
-                )
-              ]
-            }
-          )
+          interactive && /* @__PURE__ */ jsx(EffectiveFee, {})
         ] })
       ] });
     };
     DesktopHeaderItem = (props) => {
       const { label, value, interactive } = props;
-      const { t } = useTranslation();
-      const { routerAdapter } = useScaffoldContext();
       return /* @__PURE__ */ jsxs(
         Box,
         {
@@ -4931,60 +4848,7 @@ var init_feeTierHeader = __esm({
                   children: label
                 }
               ),
-              interactive && /* @__PURE__ */ jsx(
-                Tooltip,
-                {
-                  content: /* @__PURE__ */ jsxs(
-                    Text,
-                    {
-                      size: "2xs",
-                      className: "oui-whitespace-normal oui-break-words",
-                      children: [
-                        t("portfolio.feeTier.effectiveFee.tooltip"),
-                        " ",
-                        /* @__PURE__ */ jsx(
-                          "a",
-                          {
-                            href: "/rewards/affiliate",
-                            onClick: (e) => {
-                              e.preventDefault();
-                              routerAdapter?.onRouteChange({
-                                href: "/rewards/affiliate",
-                                name: t("portfolio.feeTier.effectiveFee.tooltipLink")
-                              });
-                            },
-                            className: "oui-cursor-pointer oui-border-none oui-bg-transparent oui-p-0 oui-text-2xs oui-underline hover:oui-text-base-contrast-80",
-                            children: t("portfolio.feeTier.effectiveFee.tooltipLink")
-                          }
-                        )
-                      ]
-                    }
-                  ),
-                  className: "oui-p-1.5 oui-text-base-contrast-54",
-                  children: /* @__PURE__ */ jsxs(
-                    Flex,
-                    {
-                      gap: 1,
-                      justify: "center",
-                      itemAlign: "center",
-                      className: "oui-cursor-pointer oui-rounded oui-bg-gradient-to-r oui-from-[rgb(var(--oui-gradient-brand-start)_/_0.12)] oui-to-[rgb(var(--oui-gradient-brand-end)_/_0.12)] oui-px-1",
-                      children: [
-                        /* @__PURE__ */ jsx(EffectiveFee, {}),
-                        /* @__PURE__ */ jsx(
-                          Text.gradient,
-                          {
-                            className: "oui-select-none",
-                            color: "brand",
-                            size: "xs",
-                            weight: "regular",
-                            children: t("common.effectiveFee")
-                          }
-                        )
-                      ]
-                    }
-                  )
-                }
-              )
+              interactive && /* @__PURE__ */ jsx(EffectiveFee, {})
             ] }),
             /* @__PURE__ */ jsx(Flex, { className: "oui-mt-1 oui-w-full", children: /* @__PURE__ */ jsx(Text, { size: "base", intensity: 80, className: "oui-leading-[24px]", children: value }) })
           ]
@@ -4995,83 +4859,88 @@ var init_feeTierHeader = __esm({
       const { t } = useTranslation();
       const { tier, vol, headerDataAdapter } = props;
       const { isMobile } = useScreen();
-      const { refereeRebate, ...others } = useFeeState();
-      const isEffectiveFee = isEffective(refereeRebate);
-      const items = [
-        {
-          label: t("portfolio.feeTier.header.yourTier"),
-          interactive: false,
-          value: /* @__PURE__ */ jsx(
-            Text.gradient,
-            {
-              color: "brand",
-              angle: 270,
-              size: isMobile ? "xs" : "base",
-              children: tier || "--"
-            }
-          )
-        },
-        {
-          label: `${t("portfolio.feeTier.header.30dVolume")} (USDC)`,
-          interactive: false,
-          value: /* @__PURE__ */ jsx(
-            Text.numeral,
-            {
-              rule: "price",
-              dp: 2,
-              rm: Decimal.ROUND_DOWN,
-              size: isMobile ? "xs" : "base",
-              children: vol !== void 0 && vol !== null ? `${vol}` : "-"
-            }
-          )
-        },
-        {
-          label: t("portfolio.feeTier.header.takerFeeRate"),
-          interactive: isEffectiveFee,
-          value: /* @__PURE__ */ jsxs(
-            Text.gradient,
-            {
-              color: "brand",
-              angle: 270,
-              size: isMobile ? "xs" : "base",
-              children: [
-                isEffectiveFee ? others.effectiveTakerFee || "--" : others.takerFee || "--",
-                " ",
-                "(RWA:",
-                " ",
-                (isEffectiveFee ? others.rwaEffectiveTakerFee : others.rwaTakerFee) || "--",
-                ")"
-              ]
-            }
-          )
-        },
-        {
-          label: t("portfolio.feeTier.header.makerFeeRate"),
-          interactive: isEffectiveFee,
-          value: /* @__PURE__ */ jsxs(
-            Text.gradient,
-            {
-              color: "brand",
-              angle: 270,
-              size: isMobile ? "xs" : "base",
-              children: [
-                isEffectiveFee ? others.effectiveMakerFee || "--" : others.makerFee || "--",
-                " ",
-                "(RWA:",
-                " ",
-                (isEffectiveFee ? others.rwaEffectiveMakerFee : others.rwaMakerFee) || "--",
-                ")"
-              ]
-            }
-          )
-        }
-      ];
+      const { takerFee, makerFee, rwaTakerFee, rwaMakerFee } = useFeeState();
       const mergedData = useMemo(() => {
+        const baseItems = [
+          {
+            label: t("portfolio.feeTier.header.yourTier"),
+            interactive: false,
+            value: /* @__PURE__ */ jsx(
+              Text.gradient,
+              {
+                color: "brand",
+                angle: 270,
+                size: isMobile ? "xs" : "base",
+                children: tier || "--"
+              }
+            )
+          },
+          {
+            label: `${t("portfolio.feeTier.header.30dVolume")} (USDC)`,
+            interactive: false,
+            value: /* @__PURE__ */ jsx(
+              Text.numeral,
+              {
+                rule: "price",
+                dp: 2,
+                rm: Decimal.ROUND_DOWN,
+                size: isMobile ? "xs" : "base",
+                children: vol !== void 0 && vol !== null ? `${vol}` : "-"
+              }
+            )
+          },
+          {
+            label: t("portfolio.feeTier.header.takerFeeRate"),
+            interactive: false,
+            value: /* @__PURE__ */ jsxs(
+              Text.gradient,
+              {
+                color: "brand",
+                angle: 270,
+                size: isMobile ? "xs" : "base",
+                children: [
+                  takerFee || "--",
+                  " (RWA: ",
+                  rwaTakerFee || "--",
+                  ")"
+                ]
+              }
+            )
+          },
+          {
+            label: t("portfolio.feeTier.header.makerFeeRate"),
+            interactive: false,
+            value: /* @__PURE__ */ jsxs(
+              Text.gradient,
+              {
+                color: "brand",
+                angle: 270,
+                size: isMobile ? "xs" : "base",
+                children: [
+                  makerFee || "--",
+                  " (RWA: ",
+                  rwaMakerFee || "--",
+                  ")"
+                ]
+              }
+            )
+          }
+        ];
         if (typeof headerDataAdapter === "function") {
-          return headerDataAdapter(items);
+          return headerDataAdapter(baseItems);
         }
-        return items;
-      }, [headerDataAdapter, items]);
+        return baseItems;
+      }, [
+        headerDataAdapter,
+        isMobile,
+        makerFee,
+        rwaMakerFee,
+        rwaTakerFee,
+        t,
+        takerFee,
+        tier,
+        vol
+      ]);
       if (!Array.isArray(mergedData)) {
         return null;
       }
@@ -6403,9 +6272,25 @@ var LeftSidebar = (props) => {
     }
   );
 };
-
-// src/layout/layout.ui.mobile.tsx
-init_context();
+var LayoutContext = createContext({
+  sideOpen: true
+});
+var useLayoutContext = () => {
+  return useContext(LayoutContext);
+};
+var LayoutProvider = (props) => {
+  const { routerAdapter, children } = props;
+  const [sideOpen, setSideOpen] = useState(true);
+  const memoizedValue = useMemo(
+    () => ({
+      sideOpen,
+      onSideOpenChange: setSideOpen,
+      routerAdapter
+    }),
+    [sideOpen, setSideOpen, routerAdapter]
+  );
+  return /* @__PURE__ */ jsx(LayoutContext.Provider, { value: memoizedValue, children });
+};
 var PortfolioLayoutMobile = (props) => {
   return /* @__PURE__ */ jsx(LayoutProvider, { ...props, children: /* @__PURE__ */ jsxs(
     Flex,
@@ -6764,9 +6649,6 @@ registerSimpleDialog(PerformanceMobileDialogId, PerformanceMobileWidget, {
 // src/pages/overview/index.tsx
 init_funding();
 init_distribution();
-
-// src/pages/overview/mobile/mobile.widget.tsx
-init_context();
 init_assets();
 
 // src/pages/overview/portfolioChartsMobile/portfolioChartsMobile.widget.tsx