@blocklet/ui-react 3.0.9 → 3.0.11

package/lib/Notifications/utils.js

@@ -1,90 +1,86 @@
-import L from "lodash/isEmpty";
-import $ from "dompurify";
-import { toTextList as k, Link as v, getLink as i } from "@abtnode/util/lib/notification-preview/highlight";
-import { isSameAddr as h } from "@abtnode/util/lib/notification-preview/func";
-import { client as w } from "../libs/client.js";
-const M = (s) => {
-  if (!s || !s.length)
+import h from "lodash/isEmpty";
+import m from "dompurify";
+import { toTextList as v, Link as f, getLink as p } from "@abtnode/util/lib/notification-preview/highlight";
+import { isSameAddr as d } from "@abtnode/util/lib/notification-preview/func";
+import { client as T } from "../libs/client.js";
+const b = (t) => {
+  if (!t || !t.length)
     return [];
-  const t = [];
-  let r = null, l = [];
-  if (s.forEach((a) => {
-    var c, o, g, y;
-    if (!a.activity || !a.activity.type || !r) {
-      r && (l.length === 1 ? t.push(l[0]) : (r.items = l, t.push(r))), a.activity && a.activity.type ? (r = a, l = [a]) : (t.push(a), r = null, l = []);
+  const e = [];
+  let r = null, a = [];
+  if (t.forEach((s) => {
+    if (!s.activity || !s.activity.type || !r) {
+      r && (a.length === 1 ? e.push(a[0]) : (r.items = a, e.push(r))), s.activity && s.activity.type ? (r = s, a = [s]) : (e.push(s), r = null, a = []);
       return;
     }
-    const e = l[0].activity, n = e == null ? void 0 : e.type, p = (c = e == null ? void 0 : e.target) == null ? void 0 : c.type, u = (o = e == null ? void 0 : e.target) == null ? void 0 : o.id, d = a.activity.type, m = (g = a.activity.target) == null ? void 0 : g.type, f = (y = a.activity.target) == null ? void 0 : y.id;
+    const n = a[0].activity, c = n?.type, l = n?.target?.type, i = n?.target?.id, u = s.activity.type, o = s.activity.target?.type, y = s.activity.target?.id;
     if (
       // activity.type 必须相同且不为null或undefined
-      n && d && n === d && // 如果都没有target，可以合并
-      (!(e != null && e.target) && !a.activity.target || // 如果都有target，则target.type和target.id都必须相同
-      (e == null ? void 0 : e.target) && a.activity.target && p === m && u === f)
+      c && u && c === u && // 如果都没有target，可以合并
+      (!n?.target && !s.activity.target || // 如果都有target，则target.type和target.id都必须相同
+      n?.target && s.activity.target && l === o && i === y)
     )
-      l.push(a);
+      a.push(s);
     else {
-      if (l.length === 1)
-        t.push(l[0]);
+      if (a.length === 1)
+        e.push(a[0]);
       else {
-        const T = Object.assign({}, r, { items: l });
-        t.push(T);
+        const g = Object.assign({}, r, { items: a });
+        e.push(g);
       }
-      r = a, l = [a];
+      r = s, a = [s];
     }
   }), r)
-    if (l.length === 1)
-      t.push(l[0]);
+    if (a.length === 1)
+      e.push(a[0]);
     else {
-      const a = Object.assign({}, r, { items: l });
-      t.push(a);
+      const s = Object.assign({}, r, { items: a });
+      e.push(s);
     }
-  return t;
-}, z = (s) => {
-  var t, r;
-  return !L(s.activity) && !!((t = s.activity) != null && t.type) && !!((r = s.activity) != null && r.actor);
-}, D = (s) => {
-  const { severity: t } = s || {};
-  return !!t && ["normal", "success", "info"].includes(t);
-}, R = (s) => {
-  if (!s)
+  return e;
+}, j = (t) => !h(t.activity) && !!t.activity?.type && !!t.activity?.actor, O = (t) => {
+  const { severity: e } = t || {};
+  return !!e && ["normal", "success", "info"].includes(e);
+}, P = (t) => {
+  if (!t)
     return null;
-  const { meta: t, target: r } = s;
+  const { meta: e, target: r } = t;
   return {
-    metaLink: t == null ? void 0 : t.id,
-    targetLink: r == null ? void 0 : r.id
+    metaLink: e?.id,
+    targetLink: r?.id
   };
-}, x = async (s, t) => {
+}, L = async (t, e) => {
   try {
-    return await w.user.getProfileUrl({ did: s, locale: t });
+    return await T.user.getProfileUrl({ did: t, locale: e });
   } catch (r) {
     console.error(r);
     return;
   }
-}, U = async (s, t) => {
-  const { type: r, did: l } = s;
-  return h(r, "did") ? await x(l, t) || i(s) : i(s);
-}, S = async (s, t, r = !0) => {
-  const l = k(s);
+}, $ = async (t, e) => {
+  const { type: r, did: a } = t;
+  return d(r, "did") ? await L(a, e) || p(t) : p(t);
+}, E = async (t, e, r = !0) => {
+  const a = v(t);
   return await Promise.all(
-    l.map(async (e) => {
-      if (e instanceof v) {
+    a.map(async (n) => {
+      if (n instanceof f) {
         if (r) {
-          const n = await U(e, t), { type: p, chainId: u, did: d } = e;
-          return h(p, "dapp") ? `<em class="dapp" data-type="${p}" data-chain-id="${u}" data-did="${d}">${e.text}</em>` : n ? `<a target="_blank" rel="noopener noreferrer" class="link" href="${n}">${e.text}</a>` : `<em class="common" data-type="${p}" data-chain-id="${u}" data-did="${d}">${e.text}</em>`;
+          const c = await $(n, e), { type: l, chainId: i, did: u } = n;
+          return d(l, "dapp") ? `<em class="dapp" data-type="${l}" data-chain-id="${i}" data-did="${u}">${n.text}</em>` : c ? `<a target="_blank" rel="noopener noreferrer" class="link" href="${c}">${n.text}</a>` : `<em class="common" data-type="${l}" data-chain-id="${i}" data-did="${u}">${n.text}</em>`;
         }
-        return e.text;
+        return n.text;
       }
-      return e;
+      return n;
     })
-  ).then((e) => e.join(""));
-}, _ = (s) => $.sanitize(s, {
+  ).then((n) => n.join(""));
+}, M = (t) => m.sanitize(t, {
   ALLOWED_ATTR: ["href", "target", "rel", "class", "id", "style"]
 });
 export {
-  D as canAutoRead,
-  R as getActivityLink,
-  z as isIncludeActivity,
-  M as mergeAdjacentNotifications,
-  _ as sanitize,
-  S as toClickableSpan
+  O as canAutoRead,
+  P as getActivityLink,
+  j as isIncludeActivity,
+  b as mergeAdjacentNotifications,
+  M as sanitize,
+  E as toClickableSpan
 };

package/lib/UserCenter/components/config-inviter.js

@@ -1,26 +1,25 @@
-import { jsx as a } from "react/jsx-runtime";
-import { Box as s, TextField as v } from "@mui/material";
-import { useReactive as m, useMemoizedFn as c } from "ahooks";
-import d from "@arcblock/ux/lib/Toast";
-import { client as u } from "../../libs/client.js";
-import { formatAxiosError as g } from "../libs/utils.js";
-function I({ user: t }) {
-  var n, r, o;
-  const i = m({
-    inviter: t == null ? void 0 : t.inviter,
+import { jsx as r } from "react/jsx-runtime";
+import { Box as a, TextField as l } from "@mui/material";
+import { useReactive as s, useMemoizedFn as f } from "ahooks";
+import v from "@arcblock/ux/lib/Toast";
+import { client as m } from "../../libs/client.js";
+import { formatAxiosError as c } from "../libs/utils.js";
+function y({ user: i }) {
+  const e = s({
+    inviter: i?.inviter,
     loading: !1
-  }), l = c(async (f) => {
+  }), n = f(async (o) => {
     try {
-      const { value: e } = f.target;
-      i.loading = !0, await u.user.saveProfile({ inviter: e }), i.inviter = e;
-    } catch (e) {
-      d.error(g(e));
+      const { value: t } = o.target;
+      e.loading = !0, await m.user.saveProfile({ inviter: t }), e.inviter = t;
+    } catch (t) {
+      v.error(c(t));
     } finally {
-      i.loading = !1;
+      e.loading = !1;
     }
   });
-  return !t || !!!((o = (r = (n = window.blocklet) == null ? void 0 : n.settings) == null ? void 0 : r.invite) != null && o.enabled) || !!t.inviter ? "-" : /* @__PURE__ */ a(s, { children: /* @__PURE__ */ a(v, { size: "small", fullWidth: !0, label: "", value: i.inviter, onChange: l }) });
+  return !i || !!!window.blocklet?.settings?.invite?.enabled || !!i.inviter ? "-" : /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(l, { size: "small", fullWidth: !0, label: "", value: e.inviter, onChange: n }) });
 }
 export {
-  I as default
+  y as default
 };

package/lib/UserCenter/components/danger-zone.js

@@ -1,27 +1,25 @@
-import { jsxs as d, Fragment as w, jsx as l } from "react/jsx-runtime";
-import { use as E } from "react";
-import { Box as m, Typography as g, Button as I } from "@mui/material";
-import { useLocaleContext as R } from "@arcblock/ux/lib/Locale/context";
-import { translate as v } from "@arcblock/ux/lib/Locale/util";
-import { useMemoizedFn as f, useCreation as S } from "ahooks";
-import { useConfirm as _ } from "@arcblock/ux/lib/Dialog";
-import { SessionContext as B } from "@arcblock/did-connect/lib/Session";
-import { LOGIN_PROVIDER as F } from "@blocklet/constant";
-import u from "@arcblock/ux/lib/Toast";
-import { translations as O } from "../libs/locales.js";
-import { client as x } from "../../libs/client.js";
-function H() {
-  const { confirmApi: h, confirmHolder: A } = _(), { locale: p } = R(), { session: o, connectApi: y } = E(B), e = f((c, r = {}) => v(O, c, p, "en", r)), M = S(() => {
-    var s, n;
-    if (["true", !0].includes((s = window == null ? void 0 : window.blocklet) == null ? void 0 : s.ALLOW_SKIP_DESTROY_MYSELF_VERIFY))
+import { jsxs as l, Fragment as D, jsx as s } from "react/jsx-runtime";
+import { use as L } from "react";
+import { Box as a, Typography as p, Button as w } from "@mui/material";
+import { useLocaleContext as E } from "@arcblock/ux/lib/Locale/context";
+import { translate as I } from "@arcblock/ux/lib/Locale/util";
+import { useMemoizedFn as d, useCreation as R } from "ahooks";
+import { useConfirm as v } from "@arcblock/ux/lib/Dialog";
+import { SessionContext as S } from "@arcblock/did-connect/lib/Session";
+import { LOGIN_PROVIDER as _ } from "@blocklet/constant";
+import m from "@arcblock/ux/lib/Toast";
+import { translations as B } from "../libs/locales.js";
+import { client as y } from "../../libs/client.js";
+function N() {
+  const { confirmApi: g, confirmHolder: x } = v(), { locale: f } = E(), { session: n, connectApi: u } = L(S), e = d((r, o = {}) => I(B, r, f, "en", o)), h = R(() => {
+    if (["true", !0].includes(window?.blocklet?.ALLOW_SKIP_DESTROY_MYSELF_VERIFY))
       return !1;
-    const c = ((n = o == null ? void 0 : o.user) == null ? void 0 : n.connectedAccounts) || [], r = [F.WALLET];
-    return !!c.some((i) => r.includes(i.provider));
-  }, [o == null ? void 0 : o.user]), C = f(() => new Promise((c, r) => {
-    var n;
-    const s = (n = o == null ? void 0 : o.user) == null ? void 0 : n.did;
-    y.open({
-      locale: p,
+    const r = n?.user?.connectedAccounts || [], o = [_.WALLET];
+    return !!r.some((t) => o.includes(t.provider));
+  }, [n?.user]), A = d(() => new Promise((r, o) => {
+    const t = n?.user?.did;
+    u.open({
+      locale: f,
       action: "destroy-myself",
       forceConnected: !0,
       saveConnect: !1,
@@ -29,7 +27,7 @@ function H() {
       // 暂不允许使用 passkey 进行验证
       passkeyBehavior: "none",
       extraParams: {
-        removeUserDid: s
+        removeUserDid: t
       },
       messages: {
         title: e("destroyMyself.title"),
@@ -38,16 +36,16 @@ function H() {
         success: e("destroyMyself.success")
       },
       // @ts-expect-error 该 did-connect 后端api 将结果塞在了 result 中，并做了加密，所以已经变成一个字符串了
-      onSuccess: ({ result: i }, a = (t) => t) => {
-        const t = a(i);
-        c(t);
+      onSuccess: ({ result: c }, C = (i) => i) => {
+        const i = C(c);
+        r(i);
       },
       onClose: () => {
-        y.close(), r(new Error(e("destroyMyself.abort")));
+        u.close(), o(new Error(e("destroyMyself.abort")));
       }
     });
-  })), D = f(() => {
-    h.open({
+  })), M = d(() => {
+    g.open({
       title: e("dangerZone.deleteAccount"),
       content: e("dangerZone.deleteAccountDescription"),
       confirmButtonText: e("common.confirm"),
@@ -55,29 +53,28 @@ function H() {
         color: "error"
       },
       cancelButtonText: e("common.cancel"),
-      async onConfirm(c) {
-        var s, n, i, a;
-        let r;
+      async onConfirm(r) {
+        let o;
         try {
-          if (M)
-            r = await C();
-          else if (((n = (s = x) == null ? void 0 : s.user) == null ? void 0 : n.destroyMyself) instanceof Function)
-            r = await x.user.destroyMyself();
+          if (h)
+            o = await A();
+          else if (y?.user?.destroyMyself instanceof Function)
+            o = await y.user.destroyMyself();
           else {
-            u.error(e("notImplemented"));
+            m.error(e("notImplemented"));
             return;
           }
-          (r == null ? void 0 : r.did) === ((i = o == null ? void 0 : o.user) == null ? void 0 : i.did) ? o.logout(c) : u.error(e("destroyMyself.error"));
+          o?.did === n?.user?.did ? n.logout(r) : m.error(e("destroyMyself.error"));
         } catch (t) {
-          const L = ((a = t == null ? void 0 : t.response) == null ? void 0 : a.data.error) || (t == null ? void 0 : t.message) || e("destroyMyself.error");
-          u.error(L);
+          const c = t?.response?.data.error || t?.message || e("destroyMyself.error");
+          m.error(c);
         }
       }
     });
   });
-  return /* @__PURE__ */ d(w, { children: [
-    /* @__PURE__ */ l(m, { children: /* @__PURE__ */ d(
-      m,
+  return /* @__PURE__ */ l(D, { children: [
+    /* @__PURE__ */ s(a, { children: /* @__PURE__ */ l(
+      a,
       {
         sx: {
           display: "flex",
@@ -87,9 +84,9 @@ function H() {
           flexWrap: "wrap"
         },
         children: [
-          /* @__PURE__ */ d(m, { children: [
-            /* @__PURE__ */ l(
-              g,
+          /* @__PURE__ */ l(a, { children: [
+            /* @__PURE__ */ s(
+              p,
               {
                 variant: "h6",
                 sx: {
@@ -99,8 +96,8 @@ function H() {
                 children: e("dangerZone.deleteAccount")
               }
             ),
-            /* @__PURE__ */ l(
-              g,
+            /* @__PURE__ */ s(
+              p,
               {
                 variant: "caption",
                 sx: {
@@ -110,13 +107,13 @@ function H() {
               }
             )
           ] }),
-          /* @__PURE__ */ l(I, { variant: "contained", color: "error", size: "small", onClick: D, children: e("dangerZone.delete") })
+          /* @__PURE__ */ s(w, { variant: "contained", color: "error", size: "small", onClick: M, children: e("dangerZone.delete") })
         ]
       }
     ) }),
-    A
+    x
   ] });
 }
 export {
-  H as default
+  N as default
 };

package/lib/UserCenter/components/nft.js

@@ -1,36 +1,35 @@
-import { jsxs as f, jsx as e, Fragment as y } from "react/jsx-runtime";
-import { Box as o, Skeleton as g, Typography as w, Pagination as k } from "@mui/material";
-import { useMemoizedFn as C, useReactive as b, useRequest as F, useCreation as z } from "ahooks";
-import N from "axios";
-import P from "@arcblock/ux/lib/NFTDisplay";
-import R from "@arcblock/ux/lib/Empty";
-import { WELLKNOWN_SERVICE_PATH_PREFIX as j } from "@abtnode/constant";
-import { translate as E } from "@arcblock/ux/lib/Locale/util";
-import { useLocaleContext as I } from "@arcblock/ux/lib/Locale/context";
-import { translations as S } from "../libs/locales.js";
-function H({ user: p }) {
-  const { locale: x } = I(), d = C((r, n = {}) => E(S, r, x, "en", n)), t = b({
+import { jsxs as c, jsx as e, Fragment as h } from "react/jsx-runtime";
+import { Box as a, Skeleton as f, Typography as u, Pagination as y } from "@mui/material";
+import { useMemoizedFn as w, useReactive as k, useRequest as C, useCreation as b } from "ahooks";
+import F from "axios";
+import z from "@arcblock/ux/lib/NFTDisplay";
+import N from "@arcblock/ux/lib/Empty";
+import { WELLKNOWN_SERVICE_PATH_PREFIX as P } from "@abtnode/constant";
+import { translate as R } from "@arcblock/ux/lib/Locale/util";
+import { useLocaleContext as j } from "@arcblock/ux/lib/Locale/context";
+import { translations as E } from "../libs/locales.js";
+function q({ user: l }) {
+  const { locale: g } = j(), d = w((s, r = {}) => R(E, s, g, "en", r)), t = k({
     page: 1,
     size: 20
-  }), m = F(
-    async (r = t) => (await N.get(`${j}/ocap/listAssets`, {
+  }), p = C(
+    async (s = t) => (await F.get(`${P}/ocap/listAssets`, {
       params: {
-        ownerAddress: p.did,
-        ...r
+        ownerAddress: l.did,
+        ...s
       }
     })).data,
     {
       defaultParams: [t],
-      refreshDeps: [p.did, t]
+      refreshDeps: [l.did, t]
     }
-  ), { loading: i, data: s } = m, l = (s == null ? void 0 : s.page) ?? { cursor: 0, next: !1, total: 0 }, c = (r, n) => {
-    t.page = n, m.run(t);
-  }, h = z(() => {
-    var r, n;
-    if (i) {
-      const a = ["skeleton-1", "skeleton-2", "skeleton-3", "skeleton-4", "skeleton-5"].map((u) => /* @__PURE__ */ e(g, { variant: "rectangular", width: "15%", height: 166, sx: { borderRadius: 1, flexShrink: 0 } }, u));
-      return /* @__PURE__ */ f(
-        o,
+  ), { loading: n, data: o } = p, i = o?.page ?? { cursor: 0, next: !1, total: 0 }, m = (s, r) => {
+    t.page = r, p.run(t);
+  }, x = b(() => {
+    if (n) {
+      const s = ["skeleton-1", "skeleton-2", "skeleton-3", "skeleton-4", "skeleton-5"].map((r) => /* @__PURE__ */ e(f, { variant: "rectangular", width: "15%", height: 166, sx: { borderRadius: 1, flexShrink: 0 } }, r));
+      return /* @__PURE__ */ c(
+        a,
         {
           sx: {
             display: "flex",
@@ -38,9 +37,9 @@ function H({ user: p }) {
             gap: 2
           },
           children: [
-            /* @__PURE__ */ e(g, { width: "20%" }),
+            /* @__PURE__ */ e(f, { width: "20%" }),
             /* @__PURE__ */ e(
-              o,
+              a,
               {
                 sx: {
                   display: "flex",
@@ -48,16 +47,16 @@ function H({ user: p }) {
                   gap: 2,
                   flexWrap: "nowrap"
                 },
-                children: a
+                children: s
               }
             )
           ]
         }
       );
     }
-    return /* @__PURE__ */ f(y, { children: [
+    return /* @__PURE__ */ c(h, { children: [
       /* @__PURE__ */ e(
-        w,
+        u,
         {
           sx: {
             color: "grey.A700",
@@ -67,9 +66,9 @@ function H({ user: p }) {
           children: d("common.nft")
         }
       ),
-      ((r = s == null ? void 0 : s.assets) == null ? void 0 : r.length) === 0 && !i && /* @__PURE__ */ e(o, { sx: { display: "flex", justifyContent: "center", alignItems: "center", width: "100%", height: "100%" }, children: /* @__PURE__ */ e(R, { children: d("common.noNFT") }) }),
+      o?.assets?.length === 0 && !n && /* @__PURE__ */ e(a, { sx: { display: "flex", justifyContent: "center", alignItems: "center", width: "100%", height: "100%" }, children: /* @__PURE__ */ e(N, { children: d("common.noNFT") }) }),
       /* @__PURE__ */ e(
-        o,
+        a,
         {
           className: "nft-list-wrapper",
           sx: {
@@ -83,8 +82,8 @@ function H({ user: p }) {
             },
             gap: 2.5
           },
-          children: (n = s == null ? void 0 : s.assets) == null ? void 0 : n.map((a) => /* @__PURE__ */ e(
-            o,
+          children: o?.assets?.map((s) => /* @__PURE__ */ e(
+            a,
             {
               sx: {
                 flexShrink: 0,
@@ -92,10 +91,10 @@ function H({ user: p }) {
                 height: { xs: 120, sm: 120, md: 120, lg: 166 }
               },
               children: /* @__PURE__ */ e(
-                P,
+                z,
                 {
-                  data: a.display,
-                  address: a.address,
+                  data: s.display,
+                  address: s.address,
                   inset: !0,
                   imageFilter: {
                     imageFilter: "resize",
@@ -105,12 +104,12 @@ function H({ user: p }) {
                 }
               )
             },
-            a.address
+            s.address
           ))
         }
       ),
-      l.next || t.page > 1 ? /* @__PURE__ */ e(
-        k,
+      i.next || t.page > 1 ? /* @__PURE__ */ e(
+        y,
         {
           sx: {
             display: "flex",
@@ -118,15 +117,15 @@ function H({ user: p }) {
             mt: 2
           },
           page: t.page,
-          onChange: c,
-          count: Math.ceil(l.total / t.size),
+          onChange: m,
+          count: Math.ceil(i.total / t.size),
           size: "small"
         }
       ) : null
     ] });
-  }, [i, l, t.page, t.size, c]);
-  return /* @__PURE__ */ e(o, { sx: { border: "1px solid", borderColor: "divider", borderRadius: 1, p: 2, mb: 5 }, children: h });
+  }, [n, i, t.page, t.size, m]);
+  return /* @__PURE__ */ e(a, { sx: { border: "1px solid", borderColor: "divider", borderRadius: 1, p: 2, mb: 5 }, children: x });
 }
 export {
-  H as default
+  q as default
 };