@orderly.network/vaults 2.8.5 → 2.8.6

package/dist/index.mjs

@@ -2062,10 +2062,19 @@ var init_parseMarkdownLinks = __esm({
     };
   }
 });
-var VaultCard, VaultInfoItem, LpInfoItem, VaultCardOperation;
+var formatAllTimeReturn, VaultCard, VaultInfoItem, LpInfoItem, VaultCardOperation;
 var init_vaultCard_ui = __esm({
   "src/components/vault-card/vaultCard.ui.tsx"() {
     init_parseMarkdownLinks();
+    formatAllTimeReturn = (status, vaultAge, lifetimeApy) => {
+      if (status === "pre_launch" || vaultAge !== null && vaultAge < 7) {
+        return "--";
+      }
+      if (lifetimeApy > 100) {
+        return ">10000%";
+      }
+      return new Decimal(lifetimeApy).mul(100).toDecimalPlaces(2, Decimal.ROUND_UP).toFixed(2) + "%";
+    };
     VaultCard = (props) => {
       const {
         title,
@@ -2082,6 +2091,14 @@ var init_vaultCard_ui = __esm({
       } = props;
       const { t } = useTranslation();
       const { isMobile } = useScreen();
+      const formattedAllTimeReturn = useMemo(
+        () => 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") {
@@ -2199,14 +2216,14 @@ var init_vaultCard_ui = __esm({
                 /* @__PURE__ */ 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")
                   }
                 )
               ] }),
@@ -2365,13 +2382,14 @@ var VaultsList, VaultListRow;
 var init_vaults_list = __esm({
   "src/components/all-vaults/vaults-list.tsx"() {
     init_vaultCard_script();
+    init_vaultCard_ui();
     VaultsList = ({ vaults }) => {
       const { t } = useTranslation();
       const [sortField, setSortField] = useState("apy");
       const [sortDirection, setSortDirection] = useState("desc");
       const shouldShowApyTooltip = 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) => {
@@ -2392,8 +2410,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;
@@ -2457,7 +2475,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__ */ jsx(SortIcon, { field: "apy" })
                 ]
               }
@@ -2465,7 +2483,7 @@ var init_vaults_list = __esm({
             shouldShowApyTooltip && /* @__PURE__ */ jsx(
               Tooltip,
               {
-                content: "APY is not calculated for vaults that are less than 30 days old.",
+                content: t("vaults.card.allTimeReturnTooltip"),
                 delayDuration: 100,
                 children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
                   InfoCircleIcon,
@@ -2553,6 +2571,14 @@ var init_vaults_list = __esm({
         return null;
       };
       const statusTag = getStatusTag();
+      const formattedAllTimeReturn = useMemo(
+        () => formatAllTimeReturn(
+          vaultInfo.status,
+          vaultInfo.vault_age,
+          vaultInfo.lifetime_apy
+        ),
+        [vaultInfo.status, vaultInfo.vault_age, vaultInfo.lifetime_apy]
+      );
       useMemo(() => {
         const chains = Array.isArray(vaultInfo?.supported_chains) ? vaultInfo.supported_chains : [];
         const ICON_SIZE = isMobile ? 18 : 20;
@@ -2627,7 +2653,7 @@ var init_vaults_list = __esm({
             children: vaultInfo.tvl
           }
         ) }),
-        /* @__PURE__ */ jsx("div", { className: "oui-relative oui-z-10", children: /* @__PURE__ */ jsx(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__ */ jsx("div", { className: "oui-relative oui-z-10", children: /* @__PURE__ */ jsx(Text.gradient, { className: "oui-text-sm oui-font-semibold", color: "brand", children: formattedAllTimeReturn }) }),
         /* @__PURE__ */ jsx("div", { className: "oui-relative oui-z-10", children: /* @__PURE__ */ jsx(
           Text.numeral,
           {
@@ -2902,6 +2928,6 @@ init_latest_deposit_widget();
 // src/components/vault-operation/index.ts
 init_latest_withdraw();
 
-export { AllVaultsDesktop, AllVaultsWidget, LatestDepositWidget, LatestWithdrawWidget, ORDERLY_ICON, ORDERLY_VAULT_DESCRIPTION, ORDERLY_VAULT_TITLE, OperationType, RoleType, VaultCard, VaultCardWidget, VaultDepositAndWithdraw, VaultDepositAndWithdrawWithDialogId, VaultDepositAndWithdrawWithSheetId, VaultDepositWidget, VaultWithdrawWidget, VaultsHeaderDesktop, VaultsHeaderWidget, VaultsIntroductionWidget, VaultsList, VaultsPage, 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, LatestWithdrawWidget, ORDERLY_ICON, ORDERLY_VAULT_DESCRIPTION, ORDERLY_VAULT_TITLE, OperationType, RoleType, VaultCard, VaultCardWidget, VaultDepositAndWithdraw, VaultDepositAndWithdrawWithDialogId, VaultDepositAndWithdrawWithSheetId, VaultDepositWidget, VaultWithdrawWidget, VaultsHeaderDesktop, VaultsHeaderWidget, VaultsIntroductionWidget, VaultsList, VaultsPage, ViewModeToggle, formatAllTimeReturn, getBrokerIconUrl, getVaultInfo, getVaultLpInfo, getVaultLpPerformance, getVaultOverallInfo, useVaultCardScript, useVaultInfoActions, useVaultInfoState, useVaultLpInfoActions, useVaultLpInfoArray, useVaultLpInfoById, useVaultLpInfoIds, useVaultLpInfoState, useVaultLpPerformanceActions, useVaultLpPerformanceArray, useVaultLpPerformanceById, useVaultLpPerformanceIds, useVaultLpPerformanceState, useVaultOverallInfoActions, useVaultOverallInfoState, useVaultsHeaderScript, useVaultsStore };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.mjs.map