@orderly.network/vaults 2.8.5 → 2.8.6-alpha.0

package/dist/index.d.mts

@@ -305,6 +305,7 @@ declare const useVaultCardScript: (vault: VaultInfo) => {
 };
 type VaultCardScript = ReturnType<typeof useVaultCardScript>;
 
+declare const formatAllTimeReturn: (status: VaultStatus, vaultAge: number | null, lifetimeApy: number) => string;
 declare const VaultCard: FC<VaultCardScript>;
 
 declare const ORDERLY_ICON = "https://oss.orderly.network/static/symbol_logo/ORDER.png";
@@ -355,4 +356,4 @@ type LatestWithdrawWidgetProps = {
 };
 declare const LatestWithdrawWidget: FC<LatestWithdrawWidgetProps>;
 
-export { AllVaultsDesktop, AllVaultsWidget, LatestDepositWidget, type LatestDepositWidgetProps, LatestWithdrawWidget, type LatestWithdrawWidgetProps, ORDERLY_ICON, ORDERLY_VAULT_DESCRIPTION, ORDERLY_VAULT_TITLE, OperationType, RoleType, VaultCard, type VaultCardScript, VaultCardWidget, type VaultCardWidgetProps, VaultDepositAndWithdraw, type VaultDepositAndWithdrawProps, VaultDepositAndWithdrawWithDialogId, VaultDepositAndWithdrawWithSheetId, VaultDepositWidget, type VaultInfo, type VaultInfoParams, type VaultInfoResponse, type VaultLpInfo, type VaultLpInfoParams, type VaultLpInfoResponse, type VaultLpPerformance, type VaultLpPerformanceResponse, type VaultOperation, type VaultOperationMessage, type VaultOperationRequest, type VaultOverallInfo, type VaultOverallInfoParams, type VaultOverallInfoResponse, type VaultPerformanceParams, type VaultStatus, type VaultSupportedChain, type VaultTimeRange, VaultWithdrawWidget, type VaultWithdrawWidgetProps, VaultsHeaderDesktop, type VaultsHeaderScript, VaultsHeaderWidget, VaultsIntroductionWidget, VaultsList, VaultsPage, type VaultsPageConfig, type VaultsPageProps, type ViewMode, ViewModeToggle, getBrokerIconUrl, getVaultInfo, getVaultLpInfo, getVaultLpPerformance, getVaultOverallInfo, useVaultCardScript, useVaultInfoActions, useVaultInfoState, useVaultLpInfoActions, useVaultLpInfoArray, useVaultLpInfoById, useVaultLpInfoIds, useVaultLpInfoState, useVaultLpPerformanceActions, useVaultLpPerformanceArray, useVaultLpPerformanceById, useVaultLpPerformanceIds, useVaultLpPerformanceState, useVaultOverallInfoActions, useVaultOverallInfoState, useVaultsHeaderScript, useVaultsStore };
+export { AllVaultsDesktop, AllVaultsWidget, LatestDepositWidget, type LatestDepositWidgetProps, LatestWithdrawWidget, type LatestWithdrawWidgetProps, ORDERLY_ICON, ORDERLY_VAULT_DESCRIPTION, ORDERLY_VAULT_TITLE, OperationType, RoleType, VaultCard, type VaultCardScript, VaultCardWidget, type VaultCardWidgetProps, VaultDepositAndWithdraw, type VaultDepositAndWithdrawProps, VaultDepositAndWithdrawWithDialogId, VaultDepositAndWithdrawWithSheetId, VaultDepositWidget, type VaultInfo, type VaultInfoParams, type VaultInfoResponse, type VaultLpInfo, type VaultLpInfoParams, type VaultLpInfoResponse, type VaultLpPerformance, type VaultLpPerformanceResponse, type VaultOperation, type VaultOperationMessage, type VaultOperationRequest, type VaultOverallInfo, type VaultOverallInfoParams, type VaultOverallInfoResponse, type VaultPerformanceParams, type VaultStatus, type VaultSupportedChain, type VaultTimeRange, VaultWithdrawWidget, type VaultWithdrawWidgetProps, VaultsHeaderDesktop, type VaultsHeaderScript, VaultsHeaderWidget, VaultsIntroductionWidget, VaultsList, VaultsPage, type VaultsPageConfig, type VaultsPageProps, type ViewMode, ViewModeToggle, formatAllTimeReturn, getBrokerIconUrl, getVaultInfo, getVaultLpInfo, getVaultLpPerformance, getVaultOverallInfo, useVaultCardScript, useVaultInfoActions, useVaultInfoState, useVaultLpInfoActions, useVaultLpInfoArray, useVaultLpInfoById, useVaultLpInfoIds, useVaultLpInfoState, useVaultLpPerformanceActions, useVaultLpPerformanceArray, useVaultLpPerformanceById, useVaultLpPerformanceIds, useVaultLpPerformanceState, useVaultOverallInfoActions, useVaultOverallInfoState, useVaultsHeaderScript, useVaultsStore };

package/dist/index.d.ts

@@ -305,6 +305,7 @@ declare const useVaultCardScript: (vault: VaultInfo) => {
 };
 type VaultCardScript = ReturnType<typeof useVaultCardScript>;
 
+declare const formatAllTimeReturn: (status: VaultStatus, vaultAge: number | null, lifetimeApy: number) => string;
 declare const VaultCard: FC<VaultCardScript>;
 
 declare const ORDERLY_ICON = "https://oss.orderly.network/static/symbol_logo/ORDER.png";
@@ -355,4 +356,4 @@ type LatestWithdrawWidgetProps = {
 };
 declare const LatestWithdrawWidget: FC<LatestWithdrawWidgetProps>;
 
-export { AllVaultsDesktop, AllVaultsWidget, LatestDepositWidget, type LatestDepositWidgetProps, LatestWithdrawWidget, type LatestWithdrawWidgetProps, ORDERLY_ICON, ORDERLY_VAULT_DESCRIPTION, ORDERLY_VAULT_TITLE, OperationType, RoleType, VaultCard, type VaultCardScript, VaultCardWidget, type VaultCardWidgetProps, VaultDepositAndWithdraw, type VaultDepositAndWithdrawProps, VaultDepositAndWithdrawWithDialogId, VaultDepositAndWithdrawWithSheetId, VaultDepositWidget, type VaultInfo, type VaultInfoParams, type VaultInfoResponse, type VaultLpInfo, type VaultLpInfoParams, type VaultLpInfoResponse, type VaultLpPerformance, type VaultLpPerformanceResponse, type VaultOperation, type VaultOperationMessage, type VaultOperationRequest, type VaultOverallInfo, type VaultOverallInfoParams, type VaultOverallInfoResponse, type VaultPerformanceParams, type VaultStatus, type VaultSupportedChain, type VaultTimeRange, VaultWithdrawWidget, type VaultWithdrawWidgetProps, VaultsHeaderDesktop, type VaultsHeaderScript, VaultsHeaderWidget, VaultsIntroductionWidget, VaultsList, VaultsPage, type VaultsPageConfig, type VaultsPageProps, type ViewMode, ViewModeToggle, getBrokerIconUrl, getVaultInfo, getVaultLpInfo, getVaultLpPerformance, getVaultOverallInfo, useVaultCardScript, useVaultInfoActions, useVaultInfoState, useVaultLpInfoActions, useVaultLpInfoArray, useVaultLpInfoById, useVaultLpInfoIds, useVaultLpInfoState, useVaultLpPerformanceActions, useVaultLpPerformanceArray, useVaultLpPerformanceById, useVaultLpPerformanceIds, useVaultLpPerformanceState, useVaultOverallInfoActions, useVaultOverallInfoState, useVaultsHeaderScript, useVaultsStore };
+export { AllVaultsDesktop, AllVaultsWidget, LatestDepositWidget, type LatestDepositWidgetProps, LatestWithdrawWidget, type LatestWithdrawWidgetProps, ORDERLY_ICON, ORDERLY_VAULT_DESCRIPTION, ORDERLY_VAULT_TITLE, OperationType, RoleType, VaultCard, type VaultCardScript, VaultCardWidget, type VaultCardWidgetProps, VaultDepositAndWithdraw, type VaultDepositAndWithdrawProps, VaultDepositAndWithdrawWithDialogId, VaultDepositAndWithdrawWithSheetId, VaultDepositWidget, type VaultInfo, type VaultInfoParams, type VaultInfoResponse, type VaultLpInfo, type VaultLpInfoParams, type VaultLpInfoResponse, type VaultLpPerformance, type VaultLpPerformanceResponse, type VaultOperation, type VaultOperationMessage, type VaultOperationRequest, type VaultOverallInfo, type VaultOverallInfoParams, type VaultOverallInfoResponse, type VaultPerformanceParams, type VaultStatus, type VaultSupportedChain, type VaultTimeRange, VaultWithdrawWidget, type VaultWithdrawWidgetProps, VaultsHeaderDesktop, type VaultsHeaderScript, VaultsHeaderWidget, VaultsIntroductionWidget, VaultsList, VaultsPage, type VaultsPageConfig, type VaultsPageProps, type ViewMode, ViewModeToggle, formatAllTimeReturn, getBrokerIconUrl, getVaultInfo, getVaultLpInfo, getVaultLpPerformance, getVaultOverallInfo, useVaultCardScript, useVaultInfoActions, useVaultInfoState, useVaultLpInfoActions, useVaultLpInfoArray, useVaultLpInfoById, useVaultLpInfoIds, useVaultLpInfoState, useVaultLpPerformanceActions, useVaultLpPerformanceArray, useVaultLpPerformanceById, useVaultLpPerformanceIds, useVaultLpPerformanceState, useVaultOverallInfoActions, useVaultOverallInfoState, useVaultsHeaderScript, useVaultsStore };

package/dist/index.js

@@ -2068,10 +2068,19 @@ var init_parseMarkdownLinks = __esm({
     };
   }
 });
-exports.VaultCard = void 0; var VaultInfoItem, LpInfoItem, VaultCardOperation;
+exports.formatAllTimeReturn = void 0; exports.VaultCard = void 0; var VaultInfoItem, LpInfoItem, VaultCardOperation;
 var init_vaultCard_ui = __esm({
   "src/components/vault-card/vaultCard.ui.tsx"() {
     init_parseMarkdownLinks();
+    exports.formatAllTimeReturn = (status, vaultAge, lifetimeApy) => {
+      if (status === "pre_launch" || vaultAge !== null && vaultAge < 7) {
+        return "--";
+      }
+      if (lifetimeApy > 100) {
+        return ">10000%";
+      }
+      return new utils.Decimal(lifetimeApy).mul(100).toDecimalPlaces(2, utils.Decimal.ROUND_UP).toFixed(2) + "%";
+    };
     exports.VaultCard = (props) => {
       const {
         title,
@@ -2088,6 +2097,14 @@ var init_vaultCard_ui = __esm({
       } = props;
       const { t } = i18n.useTranslation();
       const { isMobile } = ui.useScreen();
+      const formattedAllTimeReturn = React.useMemo(
+        () => exports.formatAllTimeReturn(
+          vaultInfo.status,
+          vaultInfo.vault_age,
+          vaultInfo.lifetime_apy
+        ),
+        [vaultInfo.status, vaultInfo.vault_age, vaultInfo.lifetime_apy]
+      );
       const getStatusTag = () => {
         const { status } = vaultInfo;
         if (status === "live") {
@@ -2205,14 +2222,14 @@ var init_vaultCard_ui = __esm({
                 /* @__PURE__ */ jsxRuntime.jsx(
                   VaultInfoItem,
                   {
-                    label: t("vaults.card.apy"),
-                    value: vaultInfo.status === "pre_launch" || vaultInfo.vault_age !== null && vaultInfo.vault_age < 30 ? "--" : vaultInfo["30d_apy"] > 100 ? ">10000%" : (vaultInfo["30d_apy"] * 100).toFixed(2) + "%",
+                    label: t("vaults.card.allTimeReturn"),
+                    value: formattedAllTimeReturn,
                     textProps: {
                       color: "brand",
                       type: "gradient"
                     },
-                    showTooltip: vaultInfo.status === "pre_launch" || vaultInfo.vault_age !== null && vaultInfo.vault_age < 30,
-                    tooltipContent: "APY is not calculated for vaults that are less than 30 days old."
+                    showTooltip: vaultInfo.status === "pre_launch" || vaultInfo.vault_age !== null && vaultInfo.vault_age < 7,
+                    tooltipContent: t("vaults.card.allTimeReturnTooltip")
                   }
                 )
               ] }),
@@ -2371,13 +2388,14 @@ exports.VaultsList = void 0; var VaultListRow;
 var init_vaults_list = __esm({
   "src/components/all-vaults/vaults-list.tsx"() {
     init_vaultCard_script();
+    init_vaultCard_ui();
     exports.VaultsList = ({ vaults }) => {
       const { t } = i18n.useTranslation();
       const [sortField, setSortField] = React.useState("apy");
       const [sortDirection, setSortDirection] = React.useState("desc");
       const shouldShowApyTooltip = React.useMemo(() => {
         return vaults.some(
-          (vault) => vault.status === "pre_launch" || vault.vault_age !== null && vault.vault_age < 30
+          (vault) => vault.status === "pre_launch" || vault.vault_age !== null && vault.vault_age < 7
         );
       }, [vaults]);
       const handleSort = (field) => {
@@ -2398,8 +2416,8 @@ var init_vaults_list = __esm({
               bValue = b.tvl;
               break;
             case "apy":
-              aValue = a["30d_apy"];
-              bValue = b["30d_apy"];
+              aValue = a.lifetime_apy;
+              bValue = b.lifetime_apy;
               break;
             default:
               return 0;
@@ -2463,7 +2481,7 @@ var init_vaults_list = __esm({
                 onClick: () => handleSort("apy"),
                 className: "oui-flex oui-items-center oui-text-2xs oui-font-normal oui-text-base-contrast-54 hover:oui-text-base-contrast",
                 children: [
-                  t("vaults.card.apy"),
+                  t("vaults.card.allTimeReturn"),
                   /* @__PURE__ */ jsxRuntime.jsx(SortIcon, { field: "apy" })
                 ]
               }
@@ -2471,7 +2489,7 @@ var init_vaults_list = __esm({
             shouldShowApyTooltip && /* @__PURE__ */ jsxRuntime.jsx(
               ui.Tooltip,
               {
-                content: "APY is not calculated for vaults that are less than 30 days old.",
+                content: t("vaults.card.allTimeReturnTooltip"),
                 delayDuration: 100,
                 children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
                   ui.InfoCircleIcon,
@@ -2559,6 +2577,14 @@ var init_vaults_list = __esm({
         return null;
       };
       const statusTag = getStatusTag();
+      const formattedAllTimeReturn = React.useMemo(
+        () => exports.formatAllTimeReturn(
+          vaultInfo.status,
+          vaultInfo.vault_age,
+          vaultInfo.lifetime_apy
+        ),
+        [vaultInfo.status, vaultInfo.vault_age, vaultInfo.lifetime_apy]
+      );
       React.useMemo(() => {
         const chains = Array.isArray(vaultInfo?.supported_chains) ? vaultInfo.supported_chains : [];
         const ICON_SIZE = isMobile ? 18 : 20;
@@ -2633,7 +2659,7 @@ var init_vaults_list = __esm({
             children: vaultInfo.tvl
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-relative oui-z-10", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text.gradient, { className: "oui-text-sm oui-font-semibold", color: "brand", children: vaultInfo.status === "pre_launch" || vaultInfo.vault_age !== null && vaultInfo.vault_age < 30 ? "--" : vaultInfo["30d_apy"] > 100 ? ">10000%" : `${(vaultInfo["30d_apy"] * 100).toFixed(2)}%` }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-relative oui-z-10", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text.gradient, { className: "oui-text-sm oui-font-semibold", color: "brand", children: formattedAllTimeReturn }) }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-relative oui-z-10", children: /* @__PURE__ */ jsxRuntime.jsx(
           ui.Text.numeral,
           {