@orderly.network/portfolio 2.10.0-alpha.1 → 2.10.1-alpha.0

package/dist/index.js

@@ -1,7 +1,6 @@
 'use strict';
 
 var React12 = require('react');
-var jsxRuntime = require('react/jsx-runtime');
 var hooks = require('@orderly.network/hooks');
 var reactApp = require('@orderly.network/react-app');
 var types = require('@orderly.network/types');
@@ -9,6 +8,7 @@ var ui = require('@orderly.network/ui');
 var uiLeverage = require('@orderly.network/ui-leverage');
 var uiTransfer = require('@orderly.network/ui-transfer');
 var i18n = require('@orderly.network/i18n');
+var jsxRuntime = require('react/jsx-runtime');
 var uiConnector = require('@orderly.network/ui-connector');
 var utils = require('@orderly.network/utils');
 var dateFns = require('date-fns');
@@ -35,30 +35,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 = React12.createContext({
-      sideOpen: true
-    });
-    useLayoutContext = () => {
-      return React12.useContext(LayoutContext);
-    };
-    LayoutProvider = (props) => {
-      const { routerAdapter, children } = props;
-      const [sideOpen, setSideOpen] = React12.useState(true);
-      const memoizedValue = React12.useMemo(
-        () => ({
-          sideOpen,
-          onSideOpenChange: setSideOpen,
-          routerAdapter
-        }),
-        [sideOpen, setSideOpen, routerAdapter]
-      );
-      return /* @__PURE__ */ jsxRuntime.jsx(LayoutContext.Provider, { value: memoizedValue, children });
-    };
-  }
-});
 var useAssetScript;
 var init_assets_script = __esm({
   "src/pages/overview/assets/assets.script.ts"() {
@@ -4829,41 +4805,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 } = i18n.useTranslation();
-      const { hide } = ui.useModal();
-      return /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "2xs", className: "oui-whitespace-normal oui-break-words", children: [
-        t("portfolio.feeTier.effectiveFee.tooltip"),
-        " ",
-        /* @__PURE__ */ jsxRuntime.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 } = i18n.useTranslation();
-      const { routerAdapter } = useLayoutContext();
       return /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { justify: "between", itemAlign: "center", width: "100%", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           ui.Text,
@@ -4878,42 +4825,12 @@ var init_feeTierHeader = __esm({
         ),
         /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { className: "oui-gap-1.5", itemAlign: "center", justify: "between", children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xs", intensity: 80, className: "oui-leading-[24px]", children: value }),
-          interactive && /* @__PURE__ */ jsxRuntime.jsxs(
-            ui.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: () => {
-                ui.modal.dialog({
-                  size: "sm",
-                  title: t("common.tips"),
-                  content: /* @__PURE__ */ jsxRuntime.jsx(EffectiveFeeDialog, { routerAdapter })
-                });
-              },
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(EffectiveFee, {}),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  ui.Text.gradient,
-                  {
-                    className: "oui-select-none",
-                    color: "brand",
-                    size: "3xs",
-                    weight: "regular",
-                    children: t("common.effectiveFee")
-                  }
-                )
-              ]
-            }
-          )
+          interactive && /* @__PURE__ */ jsxRuntime.jsx(EffectiveFee, {})
         ] })
       ] });
     };
     DesktopHeaderItem = (props) => {
       const { label, value, interactive } = props;
-      const { t } = i18n.useTranslation();
-      const { routerAdapter } = uiScaffold.useScaffoldContext();
       return /* @__PURE__ */ jsxRuntime.jsxs(
         ui.Box,
         {
@@ -4938,60 +4855,7 @@ var init_feeTierHeader = __esm({
                   children: label
                 }
               ),
-              interactive && /* @__PURE__ */ jsxRuntime.jsx(
-                ui.Tooltip,
-                {
-                  content: /* @__PURE__ */ jsxRuntime.jsxs(
-                    ui.Text,
-                    {
-                      size: "2xs",
-                      className: "oui-whitespace-normal oui-break-words",
-                      children: [
-                        t("portfolio.feeTier.effectiveFee.tooltip"),
-                        " ",
-                        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
-                    ui.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__ */ jsxRuntime.jsx(EffectiveFee, {}),
-                        /* @__PURE__ */ jsxRuntime.jsx(
-                          ui.Text.gradient,
-                          {
-                            className: "oui-select-none",
-                            color: "brand",
-                            size: "xs",
-                            weight: "regular",
-                            children: t("common.effectiveFee")
-                          }
-                        )
-                      ]
-                    }
-                  )
-                }
-              )
+              interactive && /* @__PURE__ */ jsxRuntime.jsx(EffectiveFee, {})
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { className: "oui-mt-1 oui-w-full", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "base", intensity: 80, className: "oui-leading-[24px]", children: value }) })
           ]
@@ -5002,83 +4866,88 @@ var init_feeTierHeader = __esm({
       const { t } = i18n.useTranslation();
       const { tier, vol, headerDataAdapter } = props;
       const { isMobile } = ui.useScreen();
-      const { refereeRebate, ...others } = hooks.useFeeState();
-      const isEffectiveFee = isEffective(refereeRebate);
-      const items = [
-        {
-          label: t("portfolio.feeTier.header.yourTier"),
-          interactive: false,
-          value: /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Text.gradient,
-            {
-              color: "brand",
-              angle: 270,
-              size: isMobile ? "xs" : "base",
-              children: tier || "--"
-            }
-          )
-        },
-        {
-          label: `${t("portfolio.feeTier.header.30dVolume")} (USDC)`,
-          interactive: false,
-          value: /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Text.numeral,
-            {
-              rule: "price",
-              dp: 2,
-              rm: utils.Decimal.ROUND_DOWN,
-              size: isMobile ? "xs" : "base",
-              children: vol !== void 0 && vol !== null ? `${vol}` : "-"
-            }
-          )
-        },
-        {
-          label: t("portfolio.feeTier.header.takerFeeRate"),
-          interactive: isEffectiveFee,
-          value: /* @__PURE__ */ jsxRuntime.jsxs(
-            ui.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__ */ jsxRuntime.jsxs(
-            ui.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 } = hooks.useFeeState();
       const mergedData = React12.useMemo(() => {
+        const baseItems = [
+          {
+            label: t("portfolio.feeTier.header.yourTier"),
+            interactive: false,
+            value: /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Text.gradient,
+              {
+                color: "brand",
+                angle: 270,
+                size: isMobile ? "xs" : "base",
+                children: tier || "--"
+              }
+            )
+          },
+          {
+            label: `${t("portfolio.feeTier.header.30dVolume")} (USDC)`,
+            interactive: false,
+            value: /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Text.numeral,
+              {
+                rule: "price",
+                dp: 2,
+                rm: utils.Decimal.ROUND_DOWN,
+                size: isMobile ? "xs" : "base",
+                children: vol !== void 0 && vol !== null ? `${vol}` : "-"
+              }
+            )
+          },
+          {
+            label: t("portfolio.feeTier.header.takerFeeRate"),
+            interactive: false,
+            value: /* @__PURE__ */ jsxRuntime.jsxs(
+              ui.Text.gradient,
+              {
+                color: "brand",
+                angle: 270,
+                size: isMobile ? "xs" : "base",
+                children: [
+                  takerFee || "--",
+                  " (RWA: ",
+                  rwaTakerFee || "--",
+                  ")"
+                ]
+              }
+            )
+          },
+          {
+            label: t("portfolio.feeTier.header.makerFeeRate"),
+            interactive: false,
+            value: /* @__PURE__ */ jsxRuntime.jsxs(
+              ui.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;
       }
@@ -6410,9 +6279,25 @@ var LeftSidebar = (props) => {
     }
   );
 };
-
-// src/layout/layout.ui.mobile.tsx
-init_context();
+var LayoutContext = React12.createContext({
+  sideOpen: true
+});
+var useLayoutContext = () => {
+  return React12.useContext(LayoutContext);
+};
+var LayoutProvider = (props) => {
+  const { routerAdapter, children } = props;
+  const [sideOpen, setSideOpen] = React12.useState(true);
+  const memoizedValue = React12.useMemo(
+    () => ({
+      sideOpen,
+      onSideOpenChange: setSideOpen,
+      routerAdapter
+    }),
+    [sideOpen, setSideOpen, routerAdapter]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(LayoutContext.Provider, { value: memoizedValue, children });
+};
 var PortfolioLayoutMobile = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsx(LayoutProvider, { ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(
     ui.Flex,
@@ -6771,9 +6656,6 @@ ui.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