@orderly.network/portfolio 2.8.14 → 2.9.0-alpha.1

package/dist/index.d.mts

@@ -55,6 +55,7 @@ declare const useAssetScript: () => {
     readonly connect: (options?: any) => Promise<_orderly_network_hooks.WalletState[]>;
     readonly portfolioValue: number | null;
     readonly freeCollateral: number;
+    readonly maxWithdrawAmount: number;
     readonly unrealPnL: number;
     readonly unrealROI: number;
     readonly currentLeverage: number;

package/dist/index.d.ts

@@ -55,6 +55,7 @@ declare const useAssetScript: () => {
     readonly connect: (options?: any) => Promise<_orderly_network_hooks.WalletState[]>;
     readonly portfolioValue: number | null;
     readonly freeCollateral: number;
+    readonly maxWithdrawAmount: number;
     readonly unrealPnL: number;
     readonly unrealROI: number;
     readonly currentLeverage: number;

package/dist/index.js

@@ -84,7 +84,7 @@ var init_assets_script = __esm({
       }, [handleDomId]);
       const onWithdraw = React12.useCallback(() => {
         ui.modal.show(handleDomId, { activeTab: "withdraw" });
-      }, []);
+      }, [handleDomId]);
       const onTransfer = React12.useCallback(() => {
         if (isMobile) {
           ui.modal.show(uiTransfer.TransferSheetId);
@@ -92,11 +92,13 @@ var init_assets_script = __esm({
           ui.modal.show(uiTransfer.TransferDialogId);
         }
       }, [isMobile]);
+      const maxWithdrawAmount = hooks.useMaxWithdrawal("USDC");
       return {
         canTrade,
         connect,
         portfolioValue: totalValue,
         freeCollateral,
+        maxWithdrawAmount,
         unrealPnL: data.aggregated.total_unreal_pnl,
         unrealROI: data.totalUnrealizedROI,
         currentLeverage: curLeverage,
@@ -222,6 +224,7 @@ var init_assets_ui = __esm({
                 unrealROI: props.unrealROI,
                 unrealPnL: props.unrealPnL,
                 freeCollateral: props.freeCollateral,
+                maxWithdrawAmount: props.maxWithdrawAmount,
                 currentLeverage: props.currentLeverage,
                 onLeverageEdit: props.onLeverageEdit,
                 visible: props.visible
@@ -239,6 +242,7 @@ var init_assets_ui = __esm({
     };
     AssetStatistic = (props) => {
       const { t } = i18n.useTranslation();
+      const maxWithdrawAmountText = props.maxWithdrawAmount === void 0 || props.maxWithdrawAmount === null ? "--" : props.maxWithdrawAmount.toString();
       return /* @__PURE__ */ jsxRuntime.jsxs(ui.Grid, { cols: 2, className: "oui-h-12", children: [
         /* @__PURE__ */ jsxRuntime.jsx(ui.Statistic, { label: t("common.unrealizedPnl"), children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -268,7 +272,25 @@ var init_assets_ui = __esm({
         /* @__PURE__ */ jsxRuntime.jsx(
           ui.Statistic,
           {
-            label: t("portfolio.overview.availableWithdraw"),
+            label: /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Tooltip,
+              {
+                content: t("transfer.withdraw.available.tooltip", {
+                  amount: maxWithdrawAmountText
+                }),
+                className: "oui-max-w-[274px]",
+                delayDuration: 300,
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  ui.Text,
+                  {
+                    size: "xs",
+                    intensity: 36,
+                    className: "oui-cursor-pointer oui-border-b oui-border-dashed oui-border-line-12",
+                    children: t("portfolio.overview.availableWithdraw")
+                  }
+                )
+              }
+            ),
             align: "right",
             valueProps: { size: "lg", visible: props.visible },
             children: props.freeCollateral