@orderly.network/portfolio 3.0.4 → 3.1.0-alpha.0

package/dist/index.mjs

@@ -176,7 +176,7 @@ var init_assets_ui = __esm({
                     visible: props.visible,
                     unit: "USDC",
                     style: { "--oui-gradient-angle": "45deg" },
-                    unitClassName: "oui-text-base oui-text-base-contrast-80 oui-h-9 oui-ml-1",
+                    unitClassName: "oui-text-base oui-text-base-contrast-80 oui-h-9 oui-ms-1",
                     className: gradientTextVariants({
                       className: "oui-font-bold oui-text-3xl",
                       color: "brand"
@@ -260,7 +260,6 @@ var init_assets_ui = __esm({
                 )
               }
             ),
-            align: "right",
             valueProps: { size: "lg", visible: props.visible },
             children: props.freeCollateral
           }
@@ -671,8 +670,8 @@ var init_assetHistory_ui_mobile = __esm({
         const itemColor = isDeposit ? "buy" : "sell";
         const amountView = /* @__PURE__ */ jsxs(Flex, { className: "oui-text-xs", children: [
           /* @__PURE__ */ jsx(Text, { color: itemColor, children: formattedAmount }),
-          /* @__PURE__ */ jsx(Text, { className: "oui-ml-1", intensity: 80, children: item.token }),
-          isWeb3Wallet && /* @__PURE__ */ jsx(Badge, { color: itemColor, className: "oui-ml-2", children: isDeposit ? t("common.deposit") : t("common.withdraw") })
+          /* @__PURE__ */ jsx(Text, { className: "oui-ms-1", intensity: 80, children: item.token }),
+          isWeb3Wallet && /* @__PURE__ */ jsx(Badge, { color: itemColor, className: "oui-ms-2", children: isDeposit ? t("common.deposit") : t("common.withdraw") })
         ] });
         const statusView = /* @__PURE__ */ jsx(Text, { intensity: isWeb3Wallet ? 80 : 36, size: "xs", children: getStatusText(item) });
         const timeView = /* @__PURE__ */ jsx(Text.formatted, { rule: "date", intensity: 36, size: "2xs", children: item.created_time });
@@ -787,7 +786,7 @@ var init_assetHistory_ui_mobile = __esm({
                         /* @__PURE__ */ jsx(
                           ArrowRightShortIcon,
                           {
-                            className: "oui-ml-0.5 oui-size-4 oui-text-primary oui-opacity-100",
+                            className: "oui-ms-0.5 oui-size-4 oui-text-primary oui-opacity-100",
                             color: "primary",
                             size: 16,
                             opacity: 100
@@ -1045,7 +1044,7 @@ var init_fundingHistory_ui_mobile = __esm({
                   {
                     rule: "symbol",
                     formatString: "base",
-                    className: "oui-text-base-contrast oui-mr-1 oui-text-sm",
+                    className: "oui-text-base-contrast oui-me-1 oui-text-sm",
                     suffix: /* @__PURE__ */ jsxs(Flex, { direction: "row", gap: 1, children: [
                       " ",
                       /* @__PURE__ */ jsx(Badge, { color: "neutral", size: "xs", children: switchPaymentType(item.payment_type) }),
@@ -1058,7 +1057,7 @@ var init_fundingHistory_ui_mobile = __esm({
                   Text.formatted,
                   {
                     rule: "date",
-                    className: "oui-text-base-contrast-36 oui-text-2xs oui-ml-auto",
+                    className: "oui-text-base-contrast-36 oui-text-2xs oui-ms-auto",
                     children: item.created_time
                   }
                 )
@@ -2855,7 +2854,7 @@ var init_convert_column = __esm({
             ]
           }
         );
-      }, [assets]);
+      }, [assets, convertedAssets, t]);
       return /* @__PURE__ */ jsxs(Flex, { itemAlign: "center", gap: 2, children: [
         /* @__PURE__ */ jsx("div", { className: "oui-relative oui-flex", children: assets.slice(0, 3).map((asset, index) => /* @__PURE__ */ jsx(
           "div",
@@ -2971,7 +2970,7 @@ var init_convert_column = __esm({
             }
           }
         ];
-      }, [onDetailsClick]);
+      }, [onDetailsClick, t]);
       return columns;
     };
     useConvertDetailColumns = (options) => {
@@ -3067,7 +3066,7 @@ var init_convert_column = __esm({
             }
           }
         ];
-      }, []);
+      }, [t]);
       return columns;
     };
   }
@@ -3291,7 +3290,7 @@ var init_convert_ui_mobile = __esm({
         statusOptions
       ]);
       return /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-flex-col oui-gap-1 oui-px-3", children: [
-        /* @__PURE__ */ jsx(ScrollIndicator, { className: "oui-pr-5", children: /* @__PURE__ */ jsx(Flex, { direction: "row", children: dataFilter }) }),
+        /* @__PURE__ */ jsx(ScrollIndicator, { className: "oui-pe-5", children: /* @__PURE__ */ jsx(Flex, { direction: "row", children: dataFilter }) }),
         convertState.dataSource.map((item) => /* @__PURE__ */ jsx(
           ConvertMobileItem,
           {
@@ -3345,7 +3344,7 @@ var init_convert_ui_mobile = __esm({
             /* @__PURE__ */ jsx(
               "div",
               {
-                className: "oui-ml-2 oui-text-primary",
+                className: "oui-ms-2 oui-text-primary",
                 onClick: () => {
                   modal.show(ConverHistoryItemDetailsDialog, {
                     item,
@@ -3715,7 +3714,7 @@ var init_vaults_ui_mobile = __esm({
               /* @__PURE__ */ jsx("div", { children: t("common.type") }),
               /* @__PURE__ */ jsx(Text, { color: typeColor, className: "oui-text-xs", children: typeText })
             ] }),
-            /* @__PURE__ */ jsxs("div", { className: "oui-text-right", children: [
+            /* @__PURE__ */ jsxs("div", { className: "oui-text-end", children: [
               /* @__PURE__ */ jsx("div", { children: t("common.amount") }),
               /* @__PURE__ */ jsx("div", { className: "oui-text-xs oui-text-base-contrast-80", children: amountText })
             ] })
@@ -3929,7 +3928,7 @@ var init_historyDataGroup_ui_mobile = __esm({
           size: "lg",
           classNames: {
             tabsList: "oui-px-3 oui-py-2",
-            scrollIndicator: "oui-pr-3"
+            scrollIndicator: "oui-pe-3"
           },
           showScrollIndicator: true,
           children: [
@@ -5361,7 +5360,7 @@ var init_createApiKey = __esm({
                     )
                   }
                 ),
-                /* @__PURE__ */ jsx(Text, { color: "danger", size: "xs", className: "oui-ml-2", children: hint })
+                /* @__PURE__ */ jsx(Text, { color: "danger", size: "xs", className: "oui-ms-2", children: hint })
               ] })
             ] }),
             /* @__PURE__ */ jsx(
@@ -5753,7 +5752,7 @@ var init_editApiKey = __esm({
                     )
                   }
                 ),
-                /* @__PURE__ */ jsx(Text, { color: "danger", size: "xs", className: "oui-ml-2", children: hint })
+                /* @__PURE__ */ jsx(Text, { color: "danger", size: "xs", className: "oui-ms-2", children: hint })
               ] })
             ] }),
             /* @__PURE__ */ jsx(
@@ -7060,7 +7059,7 @@ var EVMChains = () => {
         className: "oui-relative oui-z-0 oui-h-[18px] oui-w-[49px]"
       }
     ) }),
-    /* @__PURE__ */ jsxs("div", { className: "oui-relative oui-left-[-9px] oui-flex oui-items-center oui-justify-center oui-gap-1", children: [
+    /* @__PURE__ */ jsxs("div", { className: "oui-relative oui-start-[-9px] oui-flex oui-items-center oui-justify-center oui-gap-1", children: [
       /* @__PURE__ */ jsx("div", { className: "oui-flex oui-size-[18px] oui-items-center oui-justify-center oui-rounded-full oui-bg-base-5", children: /* @__PURE__ */ jsx(EVMChainPopover, { children: /* @__PURE__ */ jsx(
         MoreIcon,
         {
@@ -7245,7 +7244,7 @@ var AffiliateCardMobile = (props) => {
             {
               size: 18,
               color: "white",
-              className: "oui-ml-auto",
+              className: "oui-ms-auto",
               onClick: () => {
                 routerAdapter?.onRouteChange({
                   href: "/rewards/affiliate?tab=affiliate",
@@ -7433,7 +7432,7 @@ var PortfolioValueMobile = (props) => {
         /* @__PURE__ */ jsx(
           "div",
           {
-            className: "oui-absolute oui-right-0 oui-top-0 oui-flex oui-h-full oui-items-center oui-justify-center oui-px-4",
+            className: "oui-absolute oui-end-0 oui-top-0 oui-flex oui-h-full oui-items-center oui-justify-center oui-px-4",
             onClick: () => props.routerAdapter?.onRouteChange({
               href: "/portfolio/assets" /* Assets */,
               name: "Assets"
@@ -7478,7 +7477,7 @@ var SettingRouterMobile = (props) => {
         /* @__PURE__ */ jsx(
           ChevronRightIcon,
           {
-            className: "oui-ml-auto",
+            className: "oui-ms-auto",
             size: 18,
             opacity: 0.36,
             color: "white"
@@ -7538,7 +7537,7 @@ var TraderCardMobile = (props) => {
                 {
                   size: 18,
                   color: "white",
-                  className: "oui-ml-auto",
+                  className: "oui-ms-auto",
                   onClick: () => {
                     routerAdapter?.onRouteChange({
                       href: "/rewards/affiliate?tab=trader",
@@ -7732,8 +7731,8 @@ var FeeTierTable = (props) => {
       if (active) {
         return {
           className: cn(
-            isFirstColumn && "oui-rounded-l-lg",
-            isLastColumn && "oui-rounded-r-lg"
+            isFirstColumn && "oui-rounded-s-lg",
+            isLastColumn && "oui-rounded-e-lg"
           ),
           ...config.active
         };
@@ -8095,7 +8094,7 @@ var PositionsPage = (props) => {
 };
 var LiquidationTab = () => {
   const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-space-x-1", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "oui-flex oui-gap-x-1", children: [
     /* @__PURE__ */ jsx("span", { children: t("positions.liquidation") }),
     /* @__PURE__ */ jsx(
       Tooltip,
@@ -8155,7 +8154,7 @@ var OrdersPage = (props) => {
               onClick: onDownload,
               children: [
                 t("common.download"),
-                /* @__PURE__ */ jsx(TooltipIcon, { className: "oui-text-base-contrast-36 oui-ml-[5px]" })
+                /* @__PURE__ */ jsx(TooltipIcon, { className: "oui-text-base-contrast-36 oui-ms-[5px]" })
               ]
             }
           ) })
@@ -8607,7 +8606,7 @@ var SettingMobile = (props) => {
                 size: "base",
                 weight: "semibold",
                 intensity: 80,
-                className: "oui-ml-2",
+                className: "oui-ms-2",
                 children: t("languageSwitcher.language")
               }
             ),
@@ -8615,7 +8614,7 @@ var SettingMobile = (props) => {
               ChevronRightIcon,
               {
                 size: 18,
-                className: "oui-ml-auto oui-text-base-contrast-36"
+                className: "oui-ms-auto oui-text-base-contrast-36"
               }
             )
           ]