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

package/dist/index.mjs

@@ -1241,8 +1241,8 @@ var TradingVolumeProgress = (props) => {
                 width: `${progressPercentage}%`
               },
               className: cn(
-                "oui-tradingVolumeProgress-bar oui-h-full oui-rounded-l-full oui-bg-primary-light",
-                progressPercentage === 100 && "oui-rounded-r-full"
+                "oui-tradingVolumeProgress-bar oui-h-full oui-rounded-s-full oui-bg-primary-light",
+                progressPercentage === 100 && "oui-rounded-e-full"
               )
             }
           ) })
@@ -2763,7 +2763,7 @@ var RefereesTableUI = (props) => {
           !record.is_default_rate && /* @__PURE__ */ jsx(
             Text,
             {
-              className: "oui-refereesTable-reset-btn oui-ml-2 oui-cursor-pointer oui-text-primary-light",
+              className: "oui-refereesTable-reset-btn oui-ms-2 oui-cursor-pointer oui-text-primary-light",
               onClick: () => props.onEditReferee("reset" /* Reset */, record),
               children: t("common.reset")
             }
@@ -3834,7 +3834,7 @@ var AutoHideText = (props) => {
         const maxDisplayW = containerWidth - pWidth;
         let count = 0;
         while (count < text.length) {
-          let contentW = getTextWidth(textElement, subText(text, count++)) || maxDisplayW;
+          const contentW = getTextWidth(textElement, subText(text, count++)) || maxDisplayW;
           if (contentW <= maxDisplayW) {
             break;
           }
@@ -3862,18 +3862,25 @@ var AutoHideText = (props) => {
     );
     return `${startText}...${endText}`;
   }, [text, visibleCount, visibleChars]);
-  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: cn("oui-relative oui-w-full oui-text-end", props.className), children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cn(
-          "oui-hidden oui-whitespace-nowrap oui-absolute oui-top-0 oui-bottom-0 oui-right-0 oui-left-0"
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: containerRef,
+      className: cn("oui-relative oui-w-full oui-text-end", props.className),
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "oui-hidden oui-whitespace-nowrap oui-absolute oui-top-0 oui-bottom-0 oui-end-0 oui-start-0"
+            ),
+            children: /* @__PURE__ */ jsx("span", { ref: textRef, children: text })
+          }
         ),
-        children: /* @__PURE__ */ jsx("span", { ref: textRef, children: text })
-      }
-    ),
-    /* @__PURE__ */ jsx("span", { children: truncatedText })
-  ] });
+        /* @__PURE__ */ jsx("span", { children: truncatedText })
+      ]
+    }
+  );
 };
 var subText = (text, count) => {
   const start = Math.floor(text.length / 2 - (count > 0 ? count / 2 : 1));
@@ -4577,7 +4584,7 @@ var DesktopLayout = (props) => {
         title: t("affiliate.referralCodes.column.you&Referee"),
         dataIndex: "dffd",
         width: moreColumn ? 120 : 120,
-        className: "oui-pr-0",
+        className: "oui-pe-0",
         render: (value, data) => {
           return /* @__PURE__ */ jsxs(Flex, { direction: "row", itemAlign: "center", gap: 1, children: [
             getRate(data),
@@ -4599,14 +4606,14 @@ var DesktopLayout = (props) => {
         title: t("affiliate.referees"),
         dataIndex: "referee_rebate_rate",
         width: 65,
-        className: "oui-pr-0",
+        className: "oui-pe-0",
         render: (value, data) => getCount(data).split("/")[0]
       });
       cols.push({
         title: t("affiliate.referralCodes.column.traders"),
         dataIndex: "referrer_rebate_rate",
         width: 65,
-        className: "oui-pr-0",
+        className: "oui-pe-0",
         render: (value, data) => getCount(data).split("/")[1]
       });
     } else {
@@ -4614,7 +4621,7 @@ var DesktopLayout = (props) => {
         title: t("affiliate.referralCodes.column.referees&Traders"),
         dataIndex: "total_invites/total_traded",
         width: 120,
-        fixed: "left",
+        fixed: "start",
         render: (value, data) => getCount(data)
       });
     }
@@ -4775,7 +4782,7 @@ var EditCodeModal = modal.create((props) => {
                 Text,
                 {
                   className: cn(
-                    "oui-ml-4 oui-list-item oui-list-outside oui-list-disc oui-text-xs oui-text-base-contrast-36 marker:oui-text-3xs",
+                    "oui-ms-4 oui-list-item oui-list-outside oui-list-disc oui-text-xs oui-text-base-contrast-36 marker:oui-text-3xs",
                     filedError.length ? "oui-text-danger" : "oui-text-success"
                   ),
                   children: t("affiliate.referralCode.editCodeModal.helpText.length")
@@ -4785,7 +4792,7 @@ var EditCodeModal = modal.create((props) => {
                 Text,
                 {
                   className: cn(
-                    "oui-ml-4 oui-list-item oui-list-outside oui-list-disc oui-text-xs oui-text-base-contrast-36 marker:oui-text-3xs",
+                    "oui-ms-4 oui-list-item oui-list-outside oui-list-disc oui-text-xs oui-text-base-contrast-36 marker:oui-text-3xs",
                     "oui-text-success"
                   ),
                   children: t("affiliate.referralCode.editCodeModal.helpText.format")
@@ -4858,7 +4865,7 @@ var EditReferralRate = modal.create((props) => {
           /* @__PURE__ */ jsx("div", { className: "oui-text-xs oui-text-base-contrast-54", children: t("affiliate.referralRate.editRateModal.description") }),
           /* @__PURE__ */ jsxs("div", { className: "oui-text-xs oui-text-base-contrast-80 oui-mt-2 oui-flex", children: [
             t("affiliate.referralRate.editRateModal.label"),
-            /* @__PURE__ */ jsx("div", { className: "oui-text-warning-darken oui-pl-1", children: `${new Decimal(
+            /* @__PURE__ */ jsx("div", { className: "oui-text-warning-darken oui-ps-1", children: `${new Decimal(
               code.max_rebate_rate
             ).mul(100).toFixed(0, Decimal.ROUND_DOWN)}%` })
           ] }),
@@ -5185,7 +5192,7 @@ var CommissionList = (props) => {
         }
       }
     );
-  }, [isMobile, props.commission]);
+  }, [columns, isMobile, props.commission, t]);
   return /* @__PURE__ */ jsxs(
     Flex,
     {
@@ -5347,7 +5354,7 @@ var RefereesList = (props) => {
         }
       }
     );
-  }, [isMobile, props.referees]);
+  }, [columns, isMobile, props.referees, t]);
   return /* @__PURE__ */ jsx(
     Flex,
     {
@@ -7036,7 +7043,7 @@ var Tab = (props) => {
           style: {
             position: "absolute",
             top: "50%",
-            right: "24px",
+            insetInlineEnd: "24px",
             transform: "translateY(-50%)"
           },
           onClick: (e) => {
@@ -7060,7 +7067,7 @@ var Tab = (props) => {
           style: {
             position: "absolute",
             top: "50%",
-            right: "24px",
+            insetInlineEnd: "24px",
             transform: "translateY(-50%)"
           },
           onClick: (e) => {