@orderly.network/affiliate 3.0.1 → 3.0.2-alpha.0

package/dist/index.js

@@ -523,7 +523,7 @@ var useReferralCodeFormScript = (options) => {
   const onEdit = async () => {
     const editReferralCodeParams = {
       current_referral_code: referralCode,
-      new_referral_code: newCode
+      new_referral_code: newCode.toUpperCase().replace(/[^A-Z0-9]/g, "")
     };
     const updateRebateRateParams = {
       referee_rebate_rate: new utils.Decimal(refereeRebatePercentage).div(100).toNumber(),
@@ -946,7 +946,7 @@ var RebateRateSlider = (props) => {
         /* @__PURE__ */ jsxRuntime.jsx(
           ui.Text,
           {
-            size: "base",
+            size: "sm",
             intensity: 54,
             as: "span",
             className: "oui-inline-flex oui-items-center oui-gap-1 oui-tracking-[0.03em]",
@@ -4327,7 +4327,7 @@ var UnPinIcon = (props) => {
   );
 };
 var ReferralCodes = (props) => {
-  const isTablet = hooks.useMediaQuery("(max-width: 767px)");
+  const { isMobile } = ui.useScreen();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     ui.Flex,
     {
@@ -4341,7 +4341,7 @@ var ReferralCodes = (props) => {
         /* @__PURE__ */ jsxRuntime.jsx(Title4, { ...props }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-w-full oui-flex-col 2xl:oui-h-full", children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.Divider, {}),
-          isTablet ? /* @__PURE__ */ jsxRuntime.jsx(MobileLayout, { ...props }) : /* @__PURE__ */ jsxRuntime.jsx(DesktopLayout, { ...props })
+          isMobile ? /* @__PURE__ */ jsxRuntime.jsx(MobileLayout, { ...props }) : /* @__PURE__ */ jsxRuntime.jsx(DesktopLayout, { ...props })
         ] })
       ]
     }
@@ -4530,7 +4530,7 @@ var MobileCell2 = (props) => {
 };
 var DesktopLayout = (props) => {
   const { t } = i18n.useTranslation();
-  const moreColumn = hooks.useMediaQuery("(min-width: 1024px)");
+  const { isDesktop: moreColumn } = ui.useScreen();
   const columns = react.useMemo(() => {
     const cols = [
       {
@@ -5071,7 +5071,7 @@ var MobileCellItem2 = (props) => {
 };
 var CommissionList = (props) => {
   const { t } = i18n.useTranslation();
-  const isLG = hooks.useMediaQuery("(max-width: 767px)");
+  const { isMobile } = ui.useScreen();
   const columns = react.useMemo(() => {
     const cols = [
       {
@@ -5112,7 +5112,7 @@ var CommissionList = (props) => {
     return cols;
   }, [t]);
   const body = react.useMemo(() => {
-    if (isLG) {
+    if (isMobile) {
       return /* @__PURE__ */ jsxRuntime.jsx(
         ui.ListView,
         {
@@ -5187,7 +5187,7 @@ var CommissionList = (props) => {
         }
       }
     );
-  }, [isLG, props.commission]);
+  }, [isMobile, props.commission]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     ui.Flex,
     {
@@ -5210,7 +5210,7 @@ var CommissionList = (props) => {
 };
 var RefereesList = (props) => {
   const { t } = i18n.useTranslation();
-  const isLG = hooks.useMediaQuery("(max-width: 767px)");
+  const { isMobile } = ui.useScreen();
   const columns = react.useMemo(() => {
     const cols = [
       {
@@ -5254,7 +5254,7 @@ var RefereesList = (props) => {
     return cols;
   }, [t]);
   const body = react.useMemo(() => {
-    if (isLG) {
+    if (isMobile) {
       return /* @__PURE__ */ jsxRuntime.jsx(
         ui.ListView,
         {
@@ -5349,7 +5349,7 @@ var RefereesList = (props) => {
         }
       }
     );
-  }, [isLG, props.referees]);
+  }, [isMobile, props.referees]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     ui.Flex,
     {
@@ -5392,13 +5392,13 @@ var useCommissionDataScript = () => {
       to: dateFns.subDays(/* @__PURE__ */ new Date(), 1)
     }
   );
-  const isLG = hooks.useMediaQuery("(max-width: 767px)");
+  const { isMobile } = ui.useScreen();
   const { page, pageSize, setPage, parsePagination } = ui.usePagination();
   const [commissionData, { refresh, isLoading, loadMore, meta }] = hooks.useReferralRebateSummary({
     startDate: commissionRange?.from !== void 0 ? dateFns.format(commissionRange.from, "yyyy-MM-dd") : void 0,
     endDate: commissionRange?.to !== void 0 ? dateFns.format(commissionRange.to, "yyyy-MM-dd") : void 0,
     size: pageSize,
-    page: !isLG ? page : void 0
+    page: !isMobile ? page : void 0
   });
   react.useEffect(() => {
     refresh();
@@ -5426,13 +5426,13 @@ var useRefereesDataScript = () => {
       to: dateFns.subDays(/* @__PURE__ */ new Date(), 1)
     }
   );
-  const isLG = hooks.useMediaQuery("(max-width: 767px)");
+  const { isMobile } = ui.useScreen();
   const { page, pageSize, setPage, parsePagination } = ui.usePagination();
   const [commissionData, { refresh, isLoading, loadMore, meta }] = hooks.useRefereeInfo({
     startDate: commissionRange?.from !== void 0 ? dateFns.format(commissionRange.from, "yyyy-MM-dd") : void 0,
     endDate: commissionRange?.to !== void 0 ? dateFns.format(commissionRange.to, "yyyy-MM-dd") : void 0,
     size: pageSize,
-    page: !isLG ? page : void 0,
+    page: !isMobile ? page : void 0,
     sort: "descending_code_binding_time"
   });
   react.useEffect(() => {
@@ -5549,7 +5549,7 @@ var BecomeAffiliate = (props) => {
       width: "100%",
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: t("affiliate.process.title") }),
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { className: "oui-flex oui-flex-col oui-gap-3 lg:oui-w-full lg:oui-flex-row lg:oui-items-stretch", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { className: "oui-flex oui-flex-col oui-gap-3 xl:oui-w-full xl:oui-flex-row xl:oui-items-stretch", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             Item,
             {
@@ -5558,7 +5558,7 @@ var BecomeAffiliate = (props) => {
               content: applyText.desc
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-shrink lg:oui-flex lg:-oui-rotate-90 lg:oui-flex-row lg:oui-items-center lg:oui-justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ArrowDownIcon, {}) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-shrink xl:oui-flex xl:-oui-rotate-90 xl:oui-flex-row xl:oui-items-center xl:oui-justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ArrowDownIcon, {}) }),
           /* @__PURE__ */ jsxRuntime.jsx(
             Item,
             {
@@ -5567,7 +5567,7 @@ var BecomeAffiliate = (props) => {
               content: t("affiliate.process.step2.description")
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-shrink lg:oui-flex lg:-oui-rotate-90 lg:oui-flex-row lg:oui-items-center lg:oui-justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ArrowDownIcon, {}) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-shrink xl:oui-flex xl:-oui-rotate-90 xl:oui-flex-row xl:oui-items-center xl:oui-justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ArrowDownIcon, {}) }),
           /* @__PURE__ */ jsxRuntime.jsx(
             Item,
             {
@@ -5587,7 +5587,7 @@ var Item = (props) => {
     {
       className: ui.cn(
         "oui-flex oui-flex-row oui-gap-3",
-        "lg:oui-flex-1 lg:oui-flex-col lg:oui-gap-[6px]"
+        "xl:oui-flex-1 xl:oui-flex-col xl:oui-gap-[6px]"
       ),
       width: "100%",
       children: [
@@ -5598,11 +5598,11 @@ var Item = (props) => {
             className: ui.cn(
               "oui-flex oui-flex-col oui-items-start oui-h-full oui-justify-between",
               // lg
-              "lg:oui-items-center lg:oui-justify-start"
+              "xl:oui-items-center xl:oui-justify-start"
             ),
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "oui-text-sm md:oui-text-base 2xl:oui-text-lg lg:oui-text-center", children: props.title }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "oui-text-2xs oui-text-base-contrast-36  lg:oui-text-center", children: props.content })
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "oui-text-sm md:oui-text-base 2xl:oui-text-lg xl:oui-text-center", children: props.title }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "oui-text-2xs oui-text-base-contrast-36  xl:oui-text-center", children: props.content })
             ]
           }
         )
@@ -5619,7 +5619,7 @@ var ApplyIcon = () => {
       viewBox: "0 0 48 48",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      className: "lg:oui-w-[64px] lg:oui-h-[64px] 2xl:oui-w-[80px] 2xl:oui-h-[80px]",
+      className: "xl:oui-w-[64px] xl:oui-h-[64px] 2xl:oui-w-[80px] 2xl:oui-h-[80px]",
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "path",
@@ -5687,7 +5687,7 @@ var ShareIcon = () => {
       viewBox: "0 0 48 48",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      className: "lg:oui-w-[64px] lg:oui-h-[64px] 2xl:oui-w-[80px] 2xl:oui-h-[80px]",
+      className: "xl:oui-w-[64px] xl:oui-h-[64px] 2xl:oui-w-[80px] 2xl:oui-h-[80px]",
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "path",
@@ -5729,7 +5729,7 @@ var EarnIcon = () => {
       viewBox: "0 0 48 48",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      className: "lg:oui-w-[64px] lg:oui-h-[64px] 2xl:oui-w-[80px] 2xl:oui-h-[80px]",
+      className: "xl:oui-w-[64px] xl:oui-h-[64px] 2xl:oui-w-[80px] 2xl:oui-h-[80px]",
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "path",
@@ -6835,7 +6835,7 @@ var Title8 = (props) => {
 };
 var List = (props) => {
   const { t } = i18n.useTranslation();
-  const layout767 = hooks.useMediaQuery("(max-width: 767px)");
+  const { isMobile } = ui.useScreen();
   const columns = [
     {
       title: `${t("affiliate.trader.rebates")} (USDC)`,
@@ -6866,7 +6866,7 @@ var List = (props) => {
       width: 127
     }
   ];
-  if (layout767) {
+  if (isMobile) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       ui.ListView,
       {