@blocklet/ui-react 3.0.8 → 3.0.10

package/lib/UserCenter/components/notification.js

@@ -1,27 +1,27 @@
-import { jsx as r, jsxs as h } from "react/jsx-runtime";
-import { Alert as T, Box as w, CircularProgress as j, Typography as S, Stack as F } from "@mui/material";
-import { useMemoizedFn as c, useReactive as B, useRequest as E, useCreation as C } from "ahooks";
-import { Icon as G } from "@iconify/react";
-import L from "@iconify-icons/material-symbols/add-rounded";
-import M from "@arcblock/ux/lib/Switch";
-import P from "@arcblock/ux/lib/Button";
+import { jsx as o, jsxs as h } from "react/jsx-runtime";
+import { Alert as z, Box as w, CircularProgress as R, Typography as A, Stack as T } from "@mui/material";
+import { useMemoizedFn as c, useReactive as j, useRequest as F, useCreation as v } from "ahooks";
+import { Icon as B } from "@iconify/react";
+import E from "@iconify-icons/material-symbols/add-rounded";
+import G from "@arcblock/ux/lib/Switch";
+import L from "@arcblock/ux/lib/Button";
 import f from "@arcblock/ux/lib/Toast";
-import { getWalletDid as A } from "@arcblock/ux/lib/SessionUser/libs/utils";
-import { translate as U } from "@arcblock/ux/lib/Locale/util";
-import { useLocaleContext as _ } from "@arcblock/ux/lib/Locale/context";
-import $ from "@arcblock/ux/lib/DID";
-import { translations as q } from "../libs/locales.js";
-import D from "./webhook-item.js";
-import { formatAxiosError as I } from "../libs/utils.js";
-import { client as y } from "../../libs/client.js";
-function g({
-  title: a = void 0,
-  description: s = void 0,
+import { getWalletDid as C } from "@arcblock/ux/lib/SessionUser/libs/utils";
+import { translate as M } from "@arcblock/ux/lib/Locale/util";
+import { useLocaleContext as P } from "@arcblock/ux/lib/Locale/context";
+import U from "@arcblock/ux/lib/DID";
+import { translations as _ } from "../libs/locales.js";
+import b from "./webhook-item.js";
+import { formatAxiosError as S } from "../libs/utils.js";
+import { client as g } from "../../libs/client.js";
+function y({
+  title: i = void 0,
+  description: n = void 0,
   value: m,
-  onChange: i,
-  isMobile: n
+  onChange: a,
+  isMobile: s
 }) {
-  const t = c((l) => {
+  const r = c((l) => {
     l.stopPropagation();
   });
   return /* @__PURE__ */ h(
@@ -33,23 +33,23 @@ function g({
         gap: 1
       },
       children: [
-        /* @__PURE__ */ r(M, { checked: m, size: "small", onChange: i }),
+        /* @__PURE__ */ o(G, { checked: m, size: "small", onChange: a }),
         /* @__PURE__ */ h(
-          S,
+          A,
           {
-            onClick: t,
+            onClick: r,
             sx: {
               color: "text.primary",
               fontSize: 14,
               display: "flex",
-              flexWrap: n ? "wrap" : "nowrap",
+              flexWrap: s ? "wrap" : "nowrap",
               columnGap: 1,
               flex: 1,
-              whiteSpace: n ? "normal" : "nowrap"
+              whiteSpace: s ? "normal" : "nowrap"
             },
             children: [
-              a,
-              s
+              i,
+              n
             ]
           }
         )
@@ -57,60 +57,53 @@ function g({
     }
   );
 }
-function ne({ user: a, isMobile: s }) {
-  var v, b;
-  const { locale: m } = _(), i = c((e, o = {}) => U(q, e, m, "en", o)), n = B({
+function ie({ user: i, isMobile: n }) {
+  const { locale: m } = P(), a = c((e, t = {}) => M(_, e, m, "en", t)), s = j({
     showAdd: !1
-  }), t = E(
-    async () => await y.user.getUserNotificationConfig(),
+  }), r = F(
+    async () => await g.user.getUserNotificationConfig(),
     {
-      refreshDeps: [a],
+      refreshDeps: [i],
       loadingDelay: 300
     }
-  ), l = C(() => {
-    var e;
-    return {
-      wallet: !0,
-      email: !0,
-      phone: !1,
-      push: !0,
-      ...((e = t == null ? void 0 : t.data) == null ? void 0 : e.notifications) || {}
-    };
-  }, [(v = t == null ? void 0 : t.data) == null ? void 0 : v.notifications]), p = C(() => {
-    var e;
-    return ((e = t == null ? void 0 : t.data) == null ? void 0 : e.webhooks) || [];
-  }, [(b = t == null ? void 0 : t.data) == null ? void 0 : b.webhooks]), u = c(async (e) => {
+  ), l = v(() => ({
+    wallet: !0,
+    email: !0,
+    phone: !1,
+    push: !0,
+    ...r?.data?.notifications || {}
+  }), [r?.data?.notifications]), p = v(() => r?.data?.webhooks || [], [r?.data?.webhooks]), u = c(async (e) => {
     try {
-      await y.user.saveUserNotificationConfig(e), f.success(i("saveSuccess")), t.run();
-    } catch (o) {
-      f.error(I(o));
+      await g.user.saveUserNotificationConfig(e), f.success(a("saveSuccess")), r.run();
+    } catch (t) {
+      f.error(S(t));
     }
-  }), x = c(async (e, o) => {
+  }), x = c(async (e, t) => {
     await u({
       notifications: {
-        [e]: o
+        [e]: t
       }
     });
   }), k = async (e) => {
     try {
-      await y.user.testNotificationWebhook(e), f.success(i("webhookTested"));
-    } catch (o) {
-      f.error(I(o));
+      await g.user.testNotificationWebhook(e), f.success(a("webhookTested"));
+    } catch (t) {
+      f.error(S(t));
     }
-  }, W = c(async (e) => {
+  }, D = c(async (e) => {
     await u({
-      webhooks: p.filter((o, d) => d !== e)
+      webhooks: p.filter((t, d) => d !== e)
     });
-  }), N = c(async (e, o) => {
+  }), I = c(async (e, t) => {
     await u({
-      webhooks: p.map((d, R) => R === e ? o : d)
+      webhooks: p.map((d, N) => N === e ? t : d)
     });
-  }), z = c(async (e) => {
+  }), W = c(async (e) => {
     await u({
       webhooks: [...p, e]
-    }), n.showAdd = !1;
+    }), s.showAdd = !1;
   });
-  return t.error ? /* @__PURE__ */ r(T, { severity: "error", children: t.error.message }) : t.loading || !t.data ? /* @__PURE__ */ r(
+  return r.error ? /* @__PURE__ */ o(z, { severity: "error", children: r.error.message }) : r.loading || !r.data ? /* @__PURE__ */ o(
     w,
     {
       sx: {
@@ -119,7 +112,7 @@ function ne({ user: a, isMobile: s }) {
         alignItems: "center",
         height: "100px"
       },
-      children: /* @__PURE__ */ r(j, {})
+      children: /* @__PURE__ */ o(R, {})
     }
   ) : /* @__PURE__ */ h(w, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
     /* @__PURE__ */ h(
@@ -158,54 +151,54 @@ function ne({ user: a, isMobile: s }) {
           }
         },
         children: [
-          /* @__PURE__ */ r(
-            g,
+          /* @__PURE__ */ o(
+            y,
             {
               value: l.wallet,
-              isMobile: s,
-              title: i("walletNotification"),
+              isMobile: n,
+              title: a("walletNotification"),
               onChange: (e) => x("wallet", e.target.checked),
-              description: A(a) && /* @__PURE__ */ r(
-                $,
+              description: C(i) && /* @__PURE__ */ o(
+                U,
                 {
-                  did: A(a),
+                  did: C(i),
                   showQrcode: !1,
-                  showAvatar: !s,
+                  showAvatar: !n,
                   copyable: !0,
                   compact: !0,
                   responsive: !0,
                   locale: m,
-                  startChars: s ? 2 : 6
+                  startChars: n ? 2 : 6
                 }
               )
             }
           ),
-          /* @__PURE__ */ r(
-            g,
+          /* @__PURE__ */ o(
+            y,
             {
               value: l.email,
-              isMobile: s,
+              isMobile: n,
               onChange: (e) => x("email", e.target.checked),
-              title: i("emailNotification"),
-              description: (a == null ? void 0 : a.email) && /* @__PURE__ */ r(
-                S,
+              title: a("emailNotification"),
+              description: i?.email && /* @__PURE__ */ o(
+                A,
                 {
                   component: "span",
                   sx: {
                     color: "text.secondary",
                     fontSize: 13
                   },
-                  children: a == null ? void 0 : a.email
+                  children: i?.email
                 }
               )
             }
           ),
-          /* @__PURE__ */ r(
-            g,
+          /* @__PURE__ */ o(
+            y,
             {
-              isMobile: s,
+              isMobile: n,
               value: l.push,
-              title: i("pushNotification"),
+              title: a("pushNotification"),
               onChange: (e) => x("push", e.target.checked)
             }
           )
@@ -213,7 +206,7 @@ function ne({ user: a, isMobile: s }) {
       }
     ),
     /* @__PURE__ */ h(
-      F,
+      T,
       {
         spacing: 1.5,
         useFlexGap: !0,
@@ -222,32 +215,32 @@ function ne({ user: a, isMobile: s }) {
           alignItems: "start"
         },
         children: [
-          p.map((e, o) => /* @__PURE__ */ r(
-            D,
+          p.map((e, t) => /* @__PURE__ */ o(
+            b,
             {
               onTest: k,
-              onDelete: () => W(o),
-              onSave: (...d) => N(o, ...d),
+              onDelete: () => D(t),
+              onSave: (...d) => I(t, ...d),
               type: e.type,
               url: e.url,
               edit: !1
             },
-            `${o}_${e.url}`
+            `${t}_${e.url}`
           )),
-          n.showAdd && /* @__PURE__ */ r(
-            D,
+          s.showAdd && /* @__PURE__ */ o(
+            b,
             {
               onTest: k,
               onCancel: () => {
-                n.showAdd = !1;
+                s.showAdd = !1;
               },
-              onSave: (...e) => z(...e),
+              onSave: (...e) => W(...e),
               edit: !0
             },
             "add"
           ),
-          /* @__PURE__ */ r(
-            P,
+          /* @__PURE__ */ o(
+            L,
             {
               variant: "outlined",
               size: "small",
@@ -260,11 +253,11 @@ function ne({ user: a, isMobile: s }) {
                 py: 0.5,
                 borderRadius: 1
               },
-              startIcon: /* @__PURE__ */ r(G, { icon: L }),
+              startIcon: /* @__PURE__ */ o(B, { icon: E }),
               onClick: () => {
-                n.showAdd = !0;
+                s.showAdd = !0;
               },
-              children: i("addWebhook")
+              children: a("addWebhook")
             }
           )
         ]
@@ -273,5 +266,5 @@ function ne({ user: a, isMobile: s }) {
   ] });
 }
 export {
-  ne as default
+  ie as default
 };

package/lib/UserCenter/components/passport.js

@@ -1,9 +1,9 @@
-import { jsx as i } from "react/jsx-runtime";
-import { Box as s } from "@mui/material";
-import y from "@arcblock/ux/lib/Empty";
-import { useTheme as g } from "@arcblock/ux/lib/Theme";
-import h from "@arcblock/ux/lib/Passport";
-import { PASSPORT_STATUS as u } from "@arcblock/ux/lib/Util/constant";
+import { jsx as s } from "react/jsx-runtime";
+import { Box as m } from "@mui/material";
+import x from "@arcblock/ux/lib/Empty";
+import { useTheme as y } from "@arcblock/ux/lib/Theme";
+import g from "@arcblock/ux/lib/Passport";
+import { PASSPORT_STATUS as h } from "@arcblock/ux/lib/Util/constant";
 import { useMemoizedFn as C, useCreation as l } from "ahooks";
 import f from "lodash/uniqBy";
 import { translate as P } from "@arcblock/ux/lib/Locale/util";
@@ -11,23 +11,23 @@ import { useLocaleContext as k } from "@arcblock/ux/lib/Locale/context";
 import { translations as v } from "../libs/locales.js";
 import { createPassportSvg as S } from "../libs/utils.js";
 function D({ user: o, ...a }) {
-  const { locale: c } = k(), m = C((t, r = {}) => P(v, t, c, "en", r)), d = g(), e = l(() => {
-    const t = ((o == null ? void 0 : o.passports) || []).map((r) => ({
-      ...r,
-      revoked: r.status === u.REVOKED
+  const { locale: c } = k(), n = C((r, t = {}) => P(v, r, c, "en", t)), d = y(), e = l(() => {
+    const r = (o?.passports || []).map((t) => ({
+      ...t,
+      revoked: t.status === h.REVOKED
     }));
-    return t.sort((r, x) => r.revoked === x.revoked ? 0 : r.revoked ? 1 : -1), f(
-      t.filter((r) => !r.display),
+    return r.sort((t, u) => t.revoked === u.revoked ? 0 : t.revoked ? 1 : -1), f(
+      r.filter((t) => !t.display),
       "role"
     ).concat(
       f(
-        t.filter((r) => r.display),
+        r.filter((t) => t.display),
         "display.content"
       )
     );
-  }, [o == null ? void 0 : o.passports]), p = l(() => e == null ? void 0 : e.find((t) => t.name === o.role), [e, o == null ? void 0 : o.role]), n = d.palette.primary.main;
-  return e.length === 0 ? /* @__PURE__ */ i(s, { children: /* @__PURE__ */ i(y, { children: m("noPassport") }) }) : /* @__PURE__ */ i(
-    s,
+  }, [o?.passports]), p = l(() => e?.find((r) => r.name === o.role), [e, o?.role]), i = d.palette.primary.main;
+  return e.length === 0 ? /* @__PURE__ */ s(m, { children: /* @__PURE__ */ s(x, { children: n("noPassport") }) }) : /* @__PURE__ */ s(
+    m,
     {
       ...a,
       sx: {
@@ -42,14 +42,14 @@ function D({ user: o, ...a }) {
         gap: 2.5,
         ...a.sx
       },
-      children: e.map((t) => /* @__PURE__ */ i(
-        h,
+      children: e.map((r) => /* @__PURE__ */ s(
+        g,
         {
-          passport: t,
+          passport: r,
           user: o,
           color: window.blocklet.passportColor,
           createPassportSvg: S,
-          title: p && p.role === t.role ? m("currentPassport") : "",
+          title: p && p.role === r.role ? n("currentPassport") : "",
           sx: {
             flexDirection: "column",
             alignItems: "center",
@@ -62,14 +62,14 @@ function D({ user: o, ...a }) {
               display: "flex",
               justifyContent: "center",
               backgroundColor: "grey.50",
-              boxShadow: p && p.role === t.role ? `0px 2px 4px 0px ${n}, 0px 1px 2px -1px ${n}, 0px 0px 0px 1px ${n} !important` : "unset"
+              boxShadow: p && p.role === r.role ? `0px 2px 4px 0px ${i}, 0px 1px 2px -1px ${i}, 0px 0px 0px 1px ${i} !important` : "unset"
             },
             ".passport-item__body": {
               marginLeft: "0 !important"
             }
           }
         },
-        t.id
+        r.id
       ))
     }
   );

package/lib/UserCenter/components/privacy.js

@@ -2,10 +2,10 @@ import { jsx as a } from "react/jsx-runtime";
 import { Box as f, Typography as x } from "@mui/material";
 import d from "@arcblock/ux/lib/Switch";
 import { useState as w } from "react";
-import { useMemoizedFn as c } from "ahooks";
+import { useMemoizedFn as l } from "ahooks";
 import { translate as y } from "@arcblock/ux/lib/Locale/util";
 import { useLocaleContext as v } from "@arcblock/ux/lib/Locale/context";
-import l from "@arcblock/ux/lib/Toast";
+import c from "@arcblock/ux/lib/Toast";
 import { translations as S } from "../libs/locales.js";
 import { client as g } from "../../libs/client.js";
 import { formatAxiosError as b } from "../libs/utils.js";
@@ -13,7 +13,7 @@ function A({
   configList: n,
   onSave: m
 }) {
-  const [i, u] = w(n), { locale: p } = v(), s = c((r, t = {}) => y(S, r, p, "en", t)), h = c(async (r, t) => {
+  const [i, u] = w(n), { locale: p } = v(), s = l((r, t = {}) => y(S, r, p, "en", t)), h = l(async (r, t) => {
     try {
       const e = await g.user.saveUserPrivacyConfig({
         [r]: !t
@@ -21,11 +21,11 @@ function A({
       u(
         i.map((o) => ({
           ...o,
-          value: (e == null ? void 0 : e[o.key]) ?? o.value
+          value: e?.[o.key] ?? o.value
         }))
-      ), l.success(s("saveSuccess")), m("privacy");
+      ), c.success(s("saveSuccess")), m("privacy");
     } catch (e) {
-      l.error(b(e));
+      c.error(b(e));
     }
   });
   return /* @__PURE__ */ a(

package/lib/UserCenter/components/settings.js

@@ -1,9 +1,9 @@
-import { jsx as e, jsxs as h } from "react/jsx-runtime";
-import { useEffect as v } from "react";
-import { Box as l, Typography as x } from "@mui/material";
-import { useMemoizedFn as b, useCreation as f } from "ahooks";
-import { translate as y } from "@arcblock/ux/lib/Locale/util";
-import { useLocaleContext as g } from "@arcblock/ux/lib/Locale/context";
+import { jsx as o, jsxs as g } from "react/jsx-runtime";
+import { useEffect as h } from "react";
+import { Box as i, Typography as v } from "@mui/material";
+import { useMemoizedFn as x, useCreation as f } from "ahooks";
+import { translate as b } from "@arcblock/ux/lib/Locale/util";
+import { useLocaleContext as y } from "@arcblock/ux/lib/Locale/context";
 import { mergeSx as C } from "@arcblock/ux/lib/Util/style";
 import S from "@arcblock/react-hooks/lib/useBrowser";
 import { translations as w } from "../libs/locales.js";
@@ -15,71 +15,68 @@ import M from "./config-profile.js";
 import U from "./danger-zone.js";
 import { client as W } from "../../libs/client.js";
 function O({
-  user: i,
-  settings: n,
-  onSave: m,
-  isMobile: s,
-  ...a
+  user: n,
+  settings: s,
+  onSave: a,
+  isMobile: l,
+  ...m
 }) {
-  const { locale: p } = g(), d = S().arcSphere, t = b((o, r = {}) => y(w, o, p, "en", r)), c = f(() => ((n == null ? void 0 : n.userCenterTabs) || []).map((r) => ({
+  const { locale: p } = y(), d = S().arcSphere, t = x((e, r = {}) => b(w, e, p, "en", r)), c = f(() => (s?.userCenterTabs || []).map((r) => ({
     key: r.value,
     name: r.label,
     value: r.protected,
     isPrivate: r.isPrivate
-  })), [n == null ? void 0 : n.userCenterTabs]), u = f(() => [
+  })), [s?.userCenterTabs]), u = f(() => [
     d ? void 0 : {
       label: t("commonSetting.title"),
       value: "common",
-      content: /* @__PURE__ */ e(M, { user: i, onSave: m })
+      content: /* @__PURE__ */ o(M, { user: n, onSave: a })
     },
     {
       label: t("notificationManagement"),
       value: "notification",
-      content: /* @__PURE__ */ e(L, { user: i, isMobile: s })
+      content: /* @__PURE__ */ o(L, { user: n, isMobile: l })
     },
     {
       label: t("thirdPartyLogin.title"),
       value: "thirdPartyLogin",
-      content: /* @__PURE__ */ e(B, { user: i })
+      content: /* @__PURE__ */ o(B, { user: n })
     },
     {
       label: t("privacyManagement"),
       value: "privacy",
-      content: /* @__PURE__ */ e(P, { configList: c, onSave: m })
+      content: /* @__PURE__ */ o(P, { configList: c, onSave: a })
     },
     {
       label: t("sessionManagement"),
       value: "session",
-      content: /* @__PURE__ */ e(
+      content: /* @__PURE__ */ o(
         T,
         {
-          user: i,
+          user: n,
           showUser: !1,
-          getUserSessions: (o) => W.userSession.getMyLoginSessions({}, o)
+          getUserSessions: (e) => W.userSession.getMyLoginSessions({}, e)
         }
       )
     },
     {
       label: t("dangerZone.title"),
       value: "dangerZone",
-      content: /* @__PURE__ */ e(U, {}),
+      content: /* @__PURE__ */ o(U, {}),
       sx: {
         borderColor: "error.main"
       }
     }
-  ].filter(Boolean), [i, c, s]);
-  return v(() => {
-    const o = window.location.hash.slice(1);
-    if (o) {
-      const r = document.getElementById(o);
-      r == null || r.scrollIntoView({ behavior: "smooth" });
-    }
-  }, []), /* @__PURE__ */ e(
-    l,
+  ].filter(Boolean), [n, c, l]);
+  return h(() => {
+    const e = window.location.hash.slice(1);
+    e && document.getElementById(e)?.scrollIntoView({ behavior: "smooth" });
+  }, []), /* @__PURE__ */ o(
+    i,
     {
-      ...a,
+      ...m,
       sx: {
-        ...a == null ? void 0 : a.sx,
+        ...m?.sx,
         display: "flex",
         flexDirection: "column",
         gap: 2.5,
@@ -88,10 +85,10 @@ function O({
         },
         maxWidth: "100%"
       },
-      children: u.map((o) => o ? /* @__PURE__ */ h(
-        l,
+      children: u.map((e) => e ? /* @__PURE__ */ g(
+        i,
         {
-          id: o.value,
+          id: e.value,
           sx: C(
             {
               border: "1px solid",
@@ -102,31 +99,31 @@ function O({
                 mb: 5
               }
             },
-            o.sx
+            e.sx
           ),
           children: [
-            /* @__PURE__ */ e(
-              x,
+            /* @__PURE__ */ o(
+              v,
               {
                 sx: {
                   color: "text.primary",
                   fontWeight: 600
                 },
-                children: o.label
+                children: e.label
               }
             ),
-            /* @__PURE__ */ e(
-              l,
+            /* @__PURE__ */ o(
+              i,
               {
                 sx: {
                   mt: 2.5
                 },
-                children: o.content
+                children: e.content
               }
             )
           ]
         },
-        o.value
+        e.value
       ) : null)
     }
   );

package/lib/UserCenter/components/status-dialog/date-picker.js

@@ -4,7 +4,7 @@ import { FormControl as f, TextField as h, FormHelperText as C } from "@mui/mate
 import e from "dayjs";
 import { useCreation as Y } from "ahooks";
 function T({
-  value: o,
+  value: t,
   onChange: a,
   error: n = void 0,
   helperText: i = void 0,
@@ -12,9 +12,9 @@ function T({
   timezone: r = void 0
 }) {
   const l = p(null), s = e().format("YYYY-MM-DDTHH:mm"), c = Y(() => {
-    let t = e();
-    return o && (t = r ? e(o).tz(r) : e(o)), t.format("YYYY-MM-DD HH:mm");
-  }, [o, r]);
+    let o = e();
+    return t && (o = r ? e(t).tz(r) : e(t)), o.format("YYYY-MM-DD HH:mm");
+  }, [t, r]);
   return /* @__PURE__ */ d(f, { fullWidth: !0, error: n, children: [
     /* @__PURE__ */ u(
       h,
@@ -22,14 +22,13 @@ function T({
         inputRef: l,
         type: "datetime-local",
         value: c,
-        onChange: (t) => {
-          a(new Date(t.target.value));
+        onChange: (o) => {
+          a(new Date(o.target.value));
         },
         label: m,
         error: n,
         onClick: () => {
-          var t;
-          (t = l.current) == null || t.showPicker();
+          l.current?.showPicker();
         },
         sx: {
           "& .MuiInputBase-root": {