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

package/dist/index.js

@@ -183,7 +183,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: ui.gradientTextVariants({
                       className: "oui-font-bold oui-text-3xl",
                       color: "brand"
@@ -267,7 +267,6 @@ var init_assets_ui = __esm({
                 )
               }
             ),
-            align: "right",
             valueProps: { size: "lg", visible: props.visible },
             children: props.freeCollateral
           }
@@ -678,8 +677,8 @@ var init_assetHistory_ui_mobile = __esm({
         const itemColor = isDeposit ? "buy" : "sell";
         const amountView = /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { className: "oui-text-xs", children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { color: itemColor, children: formattedAmount }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "oui-ml-1", intensity: 80, children: item.token }),
-          isWeb3Wallet && /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: itemColor, className: "oui-ml-2", children: isDeposit ? t("common.deposit") : t("common.withdraw") })
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "oui-ms-1", intensity: 80, children: item.token }),
+          isWeb3Wallet && /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: itemColor, className: "oui-ms-2", children: isDeposit ? t("common.deposit") : t("common.withdraw") })
         ] });
         const statusView = /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { intensity: isWeb3Wallet ? 80 : 36, size: "xs", children: getStatusText(item) });
         const timeView = /* @__PURE__ */ jsxRuntime.jsx(ui.Text.formatted, { rule: "date", intensity: 36, size: "2xs", children: item.created_time });
@@ -794,7 +793,7 @@ var init_assetHistory_ui_mobile = __esm({
                         /* @__PURE__ */ jsxRuntime.jsx(
                           ui.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
@@ -1052,7 +1051,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__ */ jsxRuntime.jsxs(ui.Flex, { direction: "row", gap: 1, children: [
                       " ",
                       /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: "neutral", size: "xs", children: switchPaymentType(item.payment_type) }),
@@ -1065,7 +1064,7 @@ var init_fundingHistory_ui_mobile = __esm({
                   ui.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
                   }
                 )
@@ -2862,7 +2861,7 @@ var init_convert_column = __esm({
             ]
           }
         );
-      }, [assets]);
+      }, [assets, convertedAssets, t]);
       return /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { itemAlign: "center", gap: 2, children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-relative oui-flex", children: assets.slice(0, 3).map((asset, index) => /* @__PURE__ */ jsxRuntime.jsx(
           "div",
@@ -2978,7 +2977,7 @@ var init_convert_column = __esm({
             }
           }
         ];
-      }, [onDetailsClick]);
+      }, [onDetailsClick, t]);
       return columns;
     };
     useConvertDetailColumns = (options) => {
@@ -3074,7 +3073,7 @@ var init_convert_column = __esm({
             }
           }
         ];
-      }, []);
+      }, [t]);
       return columns;
     };
   }
@@ -3298,7 +3297,7 @@ var init_convert_ui_mobile = __esm({
         statusOptions
       ]);
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-flex-col oui-gap-1 oui-px-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.ScrollIndicator, { className: "oui-pr-5", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { direction: "row", children: dataFilter }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.ScrollIndicator, { className: "oui-pe-5", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { direction: "row", children: dataFilter }) }),
         convertState.dataSource.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
           ConvertMobileItem,
           {
@@ -3352,7 +3351,7 @@ var init_convert_ui_mobile = __esm({
             /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {
-                className: "oui-ml-2 oui-text-primary",
+                className: "oui-ms-2 oui-text-primary",
                 onClick: () => {
                   ui.modal.show(ConverHistoryItemDetailsDialog, {
                     item,
@@ -3722,7 +3721,7 @@ var init_vaults_ui_mobile = __esm({
               /* @__PURE__ */ jsxRuntime.jsx("div", { children: t("common.type") }),
               /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { color: typeColor, className: "oui-text-xs", children: typeText })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-text-right", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-text-end", children: [
               /* @__PURE__ */ jsxRuntime.jsx("div", { children: t("common.amount") }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-text-xs oui-text-base-contrast-80", children: amountText })
             ] })
@@ -3936,7 +3935,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: [
@@ -5368,7 +5367,7 @@ var init_createApiKey = __esm({
                     )
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { color: "danger", size: "xs", className: "oui-ml-2", children: hint })
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { color: "danger", size: "xs", className: "oui-ms-2", children: hint })
               ] })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -5760,7 +5759,7 @@ var init_editApiKey = __esm({
                     )
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { color: "danger", size: "xs", className: "oui-ml-2", children: hint })
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { color: "danger", size: "xs", className: "oui-ms-2", children: hint })
               ] })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -7067,7 +7066,7 @@ var EVMChains = () => {
         className: "oui-relative oui-z-0 oui-h-[18px] oui-w-[49px]"
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-relative oui-left-[-9px] oui-flex oui-items-center oui-justify-center oui-gap-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-relative oui-start-[-9px] oui-flex oui-items-center oui-justify-center oui-gap-1", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-flex oui-size-[18px] oui-items-center oui-justify-center oui-rounded-full oui-bg-base-5", children: /* @__PURE__ */ jsxRuntime.jsx(EVMChainPopover, { children: /* @__PURE__ */ jsxRuntime.jsx(
         MoreIcon,
         {
@@ -7252,7 +7251,7 @@ var AffiliateCardMobile = (props) => {
             {
               size: 18,
               color: "white",
-              className: "oui-ml-auto",
+              className: "oui-ms-auto",
               onClick: () => {
                 routerAdapter?.onRouteChange({
                   href: "/rewards/affiliate?tab=affiliate",
@@ -7440,7 +7439,7 @@ var PortfolioValueMobile = (props) => {
         /* @__PURE__ */ jsxRuntime.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"
@@ -7485,7 +7484,7 @@ var SettingRouterMobile = (props) => {
         /* @__PURE__ */ jsxRuntime.jsx(
           ui.ChevronRightIcon,
           {
-            className: "oui-ml-auto",
+            className: "oui-ms-auto",
             size: 18,
             opacity: 0.36,
             color: "white"
@@ -7545,7 +7544,7 @@ var TraderCardMobile = (props) => {
                 {
                   size: 18,
                   color: "white",
-                  className: "oui-ml-auto",
+                  className: "oui-ms-auto",
                   onClick: () => {
                     routerAdapter?.onRouteChange({
                       href: "/rewards/affiliate?tab=trader",
@@ -7739,8 +7738,8 @@ var FeeTierTable = (props) => {
       if (active) {
         return {
           className: ui.cn(
-            isFirstColumn && "oui-rounded-l-lg",
-            isLastColumn && "oui-rounded-r-lg"
+            isFirstColumn && "oui-rounded-s-lg",
+            isLastColumn && "oui-rounded-e-lg"
           ),
           ...config.active
         };
@@ -8102,7 +8101,7 @@ var PositionsPage = (props) => {
 };
 var LiquidationTab = () => {
   const { t } = i18n.useTranslation();
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-space-x-1", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-gap-x-1", children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("positions.liquidation") }),
     /* @__PURE__ */ jsxRuntime.jsx(
       ui.Tooltip,
@@ -8162,7 +8161,7 @@ var OrdersPage = (props) => {
               onClick: onDownload,
               children: [
                 t("common.download"),
-                /* @__PURE__ */ jsxRuntime.jsx(TooltipIcon, { className: "oui-text-base-contrast-36 oui-ml-[5px]" })
+                /* @__PURE__ */ jsxRuntime.jsx(TooltipIcon, { className: "oui-text-base-contrast-36 oui-ms-[5px]" })
               ]
             }
           ) })
@@ -8614,7 +8613,7 @@ var SettingMobile = (props) => {
                 size: "base",
                 weight: "semibold",
                 intensity: 80,
-                className: "oui-ml-2",
+                className: "oui-ms-2",
                 children: t("languageSwitcher.language")
               }
             ),
@@ -8622,7 +8621,7 @@ var SettingMobile = (props) => {
               ui.ChevronRightIcon,
               {
                 size: 18,
-                className: "oui-ml-auto oui-text-base-contrast-36"
+                className: "oui-ms-auto oui-text-base-contrast-36"
               }
             )
           ]