@orderly.network/affiliate 3.0.4 → 3.1.0

package/dist/index.js

@@ -1243,8 +1243,8 @@ var TradingVolumeProgress = (props) => {
                 width: `${progressPercentage}%`
               },
               className: ui.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"
               )
             }
           ) })
@@ -2765,7 +2765,7 @@ var RefereesTableUI = (props) => {
           !record.is_default_rate && /* @__PURE__ */ jsxRuntime.jsx(
             ui.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")
             }
@@ -3836,7 +3836,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;
           }
@@ -3864,18 +3864,25 @@ var AutoHideText = (props) => {
     );
     return `${startText}...${endText}`;
   }, [text, visibleCount, visibleChars]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: ui.cn("oui-relative oui-w-full oui-text-end", props.className), children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: ui.cn(
-          "oui-hidden oui-whitespace-nowrap oui-absolute oui-top-0 oui-bottom-0 oui-right-0 oui-left-0"
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: containerRef,
+      className: ui.cn("oui-relative oui-w-full oui-text-end", props.className),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: ui.cn(
+              "oui-hidden oui-whitespace-nowrap oui-absolute oui-top-0 oui-bottom-0 oui-end-0 oui-start-0"
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsx("span", { ref: textRef, children: text })
+          }
         ),
-        children: /* @__PURE__ */ jsxRuntime.jsx("span", { ref: textRef, children: text })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { children: truncatedText })
-  ] });
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: truncatedText })
+      ]
+    }
+  );
 };
 var subText = (text, count) => {
   const start = Math.floor(text.length / 2 - (count > 0 ? count / 2 : 1));
@@ -4579,7 +4586,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__ */ jsxRuntime.jsxs(ui.Flex, { direction: "row", itemAlign: "center", gap: 1, children: [
             getRate(data),
@@ -4601,14 +4608,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 {
@@ -4616,7 +4623,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)
       });
     }
@@ -4777,7 +4784,7 @@ var EditCodeModal = ui.modal.create((props) => {
                 ui.Text,
                 {
                   className: ui.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")
@@ -4787,7 +4794,7 @@ var EditCodeModal = ui.modal.create((props) => {
                 ui.Text,
                 {
                   className: ui.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")
@@ -4860,7 +4867,7 @@ var EditReferralRate = ui.modal.create((props) => {
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-text-xs oui-text-base-contrast-54", children: t("affiliate.referralRate.editRateModal.description") }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-text-xs oui-text-base-contrast-80 oui-mt-2 oui-flex", children: [
             t("affiliate.referralRate.editRateModal.label"),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-text-warning-darken oui-pl-1", children: `${new utils.Decimal(
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-text-warning-darken oui-ps-1", children: `${new utils.Decimal(
               code.max_rebate_rate
             ).mul(100).toFixed(0, utils.Decimal.ROUND_DOWN)}%` })
           ] }),
@@ -5187,7 +5194,7 @@ var CommissionList = (props) => {
         }
       }
     );
-  }, [isMobile, props.commission]);
+  }, [columns, isMobile, props.commission, t]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     ui.Flex,
     {
@@ -5349,7 +5356,7 @@ var RefereesList = (props) => {
         }
       }
     );
-  }, [isMobile, props.referees]);
+  }, [columns, isMobile, props.referees, t]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     ui.Flex,
     {
@@ -7038,7 +7045,7 @@ var Tab = (props) => {
           style: {
             position: "absolute",
             top: "50%",
-            right: "24px",
+            insetInlineEnd: "24px",
             transform: "translateY(-50%)"
           },
           onClick: (e) => {
@@ -7062,7 +7069,7 @@ var Tab = (props) => {
           style: {
             position: "absolute",
             top: "50%",
-            right: "24px",
+            insetInlineEnd: "24px",
             transform: "translateY(-50%)"
           },
           onClick: (e) => {