@blocklet/ui-react 3.3.10 → 3.4.0

package/lib/Dashboard/app-shell/badges/app-badge-default.d.ts

@@ -1,5 +1,5 @@
+import { BoxProps } from '@mui/material';
 import { TBox } from '@arcblock/ux/lib/MuiWrap';
-import { BoxProps } from '@mui/material/Box';
 export declare const isExternal: (to?: string) => boolean;
 export declare const isSameOrigin: (to: string) => boolean;
 export declare const StateIcon: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {

package/lib/Dashboard/index.d.ts

@@ -15,7 +15,7 @@ declare function Dashboard({ meta, fallbackUrl, invalidPathFallback, headerAddon
         showRole: boolean;
         onLogout: () => void;
     } | undefined;
-    links?: any[] | undefined;
+    links?: never[] | undefined;
     showDomainWarningDialog?: boolean | undefined;
     appPath?: undefined;
     appTab?: undefined;
@@ -27,7 +27,7 @@ declare namespace Dashboard {
         export { BlockletMetaProps as meta };
         export let fallbackUrl: PropTypes.Requireable<string>;
         export let invalidPathFallback: PropTypes.Requireable<(...args: any[]) => any>;
-        export let headerAddons: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.ReactNodeLike>>;
+        export let headerAddons: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>>;
         export { SessionManagerProps as sessionManagerProps };
         export let links: PropTypes.Requireable<NonNullable<any[] | ((...args: any[]) => any) | null | undefined>>;
         export let showDomainWarningDialog: PropTypes.Requireable<boolean>;

package/lib/Footer/links.d.ts

@@ -4,7 +4,7 @@ import { default as PropTypes } from 'prop-types';
  */
 declare function Links({ links, flowLayout, minColumns, maxColumns, ...rest }: {
     [x: string]: any;
-    links?: any[] | undefined;
+    links?: never[] | undefined;
     flowLayout?: boolean | undefined;
     minColumns?: number | undefined;
     maxColumns?: number | undefined;

package/lib/Notifications/utils.js

@@ -2,40 +2,40 @@ 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";
+import { getBlockletSDK as T } from "@blocklet/js-sdk";
 const b = (t) => {
   if (!t || !t.length)
     return [];
   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 = []);
+  let r = null, s = [];
+  if (t.forEach((a) => {
+    if (!a.activity || !a.activity.type || !r) {
+      r && (s.length === 1 ? e.push(s[0]) : (r.items = s, e.push(r))), a.activity && a.activity.type ? (r = a, s = [a]) : (e.push(a), r = null, s = []);
       return;
     }
-    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;
+    const n = s[0].activity, c = n?.type, l = n?.target?.type, i = n?.target?.id, u = a.activity.type, o = a.activity.target?.type, y = a.activity.target?.id;
     if (
       // activity.type 必须相同且不为null或undefined
       c && u && c === u && // 如果都没有target，可以合并
-      (!n?.target && !s.activity.target || // 如果都有target，则target.type和target.id都必须相同
-      n?.target && s.activity.target && l === o && i === y)
+      (!n?.target && !a.activity.target || // 如果都有target，则target.type和target.id都必须相同
+      n?.target && a.activity.target && l === o && i === y)
     )
-      a.push(s);
+      s.push(a);
     else {
-      if (a.length === 1)
-        e.push(a[0]);
+      if (s.length === 1)
+        e.push(s[0]);
       else {
-        const g = Object.assign({}, r, { items: a });
+        const g = Object.assign({}, r, { items: s });
         e.push(g);
       }
-      r = s, a = [s];
+      r = a, s = [a];
     }
   }), r)
-    if (a.length === 1)
-      e.push(a[0]);
+    if (s.length === 1)
+      e.push(s[0]);
     else {
-      const s = Object.assign({}, r, { items: a });
-      e.push(s);
+      const a = Object.assign({}, r, { items: s });
+      e.push(a);
     }
   return e;
 }, j = (t) => !h(t.activity) && !!t.activity?.type && !!t.activity?.actor, O = (t) => {
@@ -49,23 +49,23 @@ const b = (t) => {
     metaLink: e?.id,
     targetLink: r?.id
   };
-}, L = async (t, e) => {
+}, k = async (t, e) => {
   try {
-    return await T.user.getProfileUrl({ did: t, locale: e });
+    return await T().user.getProfileUrl({ did: t, locale: e });
   } catch (r) {
     console.error(r);
     return;
   }
-}, $ = 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);
+}, L = async (t, e) => {
+  const { type: r, did: s } = t;
+  return d(r, "did") ? await k(s, e) || p(t) : p(t);
+}, D = async (t, e, r = !0) => {
+  const s = v(t);
   return await Promise.all(
-    a.map(async (n) => {
+    s.map(async (n) => {
       if (n instanceof f) {
         if (r) {
-          const c = await $(n, e), { type: l, chainId: i, did: u } = n;
+          const c = await L(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 n.text;
@@ -73,7 +73,7 @@ const b = (t) => {
       return n;
     })
   ).then((n) => n.join(""));
-}, M = (t) => m.sanitize(t, {
+}, E = (t) => m.sanitize(t, {
   ALLOWED_ATTR: ["href", "target", "rel", "class", "id", "style"]
 });
 export {
@@ -81,6 +81,6 @@ export {
   P as getActivityLink,
   j as isIncludeActivity,
   b as mergeAdjacentNotifications,
-  M as sanitize,
-  E as toClickableSpan
+  E as sanitize,
+  D as toClickableSpan
 };

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

@@ -1,25 +1,25 @@
 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 { Box as l, TextField as s } from "@mui/material";
+import { useReactive as f, useMemoizedFn as c } 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({
+import { getBlockletSDK as m } from "@blocklet/js-sdk";
+import { formatAxiosError as d } from "../libs/utils.js";
+function C({ user: i }) {
+  const e = f({
     inviter: i?.inviter,
     loading: !1
-  }), n = f(async (o) => {
+  }), n = m(), o = c(async (a) => {
     try {
-      const { value: t } = o.target;
-      e.loading = !0, await m.user.saveProfile({ inviter: t }), e.inviter = t;
+      const { value: t } = a.target;
+      e.loading = !0, await n.user.saveProfile({ inviter: t }), e.inviter = t;
     } catch (t) {
-      v.error(c(t));
+      v.error(d(t));
     } finally {
       e.loading = !1;
     }
   });
-  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 }) });
+  return !i || !!!window.blocklet?.settings?.invite?.enabled || !!i.inviter ? "-" : /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(s, { size: "small", fullWidth: !0, label: "", value: e.inviter, onChange: o }) });
 }
 export {
-  y as default
+  C as default
 };

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

@@ -1,29 +1,29 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { Box as n, LinearProgress as g, Select as h, MenuItem as u } from "@mui/material";
-import { useMemoizedFn as l, useReactive as p } from "ahooks";
-import { translate as x } from "@arcblock/ux/lib/Locale/util";
-import { useLocaleContext as v } from "@arcblock/ux/lib/Locale/context";
-import w from "@arcblock/ux/lib/Toast";
-import C from "@arcblock/icons/lib/ArrowDown";
-import { translations as y } from "../libs/locales.js";
-import { client as I } from "../../libs/client.js";
-import { formatAxiosError as b } from "../libs/utils.js";
+import { Box as n, LinearProgress as h, Select as u, MenuItem as p } from "@mui/material";
+import { useMemoizedFn as l, useReactive as x } from "ahooks";
+import { translate as v } from "@arcblock/ux/lib/Locale/util";
+import { useLocaleContext as w } from "@arcblock/ux/lib/Locale/context";
+import C from "@arcblock/ux/lib/Toast";
+import y from "@arcblock/icons/lib/ArrowDown";
+import { getBlockletSDK as I } from "@blocklet/js-sdk";
+import { translations as b } from "../libs/locales.js";
+import { formatAxiosError as S } from "../libs/utils.js";
 const z = [
   { name: "English", code: "en" },
   { name: "中文", code: "zh" }
 ];
-function B({ user: a, onSave: s }) {
-  const { locale: c, changeLocale: m } = v(), d = l((e, o = {}) => x(y, e, c, "en", o)), t = p({
+function T({ user: a, onSave: c }) {
+  const { locale: s, changeLocale: m } = w(), d = I(), f = l((e, o = {}) => v(b, e, s, "en", o)), t = x({
     locale: a.locale,
     loading: !1
-  }), f = l(async (e) => {
+  }), g = l(async (e) => {
     try {
       const { value: o } = e.target;
-      t.loading = !0, await I.user.saveProfile({
+      t.loading = !0, await d.user.saveProfile({
         locale: o
-      }), await s("profile"), m(o), t.locale = o;
+      }), await c("profile"), m(o), t.locale = o;
     } catch (o) {
-      w.error(b(o));
+      C.error(S(o));
     } finally {
       t.loading = !1;
     }
@@ -41,10 +41,10 @@ function B({ user: a, onSave: s }) {
         }
       },
       children: [
-        /* @__PURE__ */ r(n, { children: d("commonSetting.locale") }),
+        /* @__PURE__ */ r(n, { children: f("commonSetting.locale") }),
         /* @__PURE__ */ i(n, { children: [
           t.loading ? /* @__PURE__ */ r(
-            g,
+            h,
             {
               color: "primary",
               sx: {
@@ -61,12 +61,12 @@ function B({ user: a, onSave: s }) {
             }
           ),
           /* @__PURE__ */ r(
-            h,
+            u,
             {
               value: t.locale,
-              onChange: f,
+              onChange: g,
               size: "small",
-              IconComponent: (e) => /* @__PURE__ */ r(C, { ...e, width: 20, height: 20 }),
+              IconComponent: (e) => /* @__PURE__ */ r(y, { ...e, width: 20, height: 20 }),
               sx: {
                 minWidth: 200,
                 "&:hover": {
@@ -78,7 +78,7 @@ function B({ user: a, onSave: s }) {
                   borderColor: "divider"
                 }
               },
-              children: (window.blocklet.languages || z).map((e) => /* @__PURE__ */ r(u, { value: e.code, children: e.name }, e.code))
+              children: (window.blocklet.languages || z).map((e) => /* @__PURE__ */ r(p, { value: e.code, children: e.name }, e.code))
             }
           )
         ] })
@@ -87,5 +87,5 @@ function B({ user: a, onSave: s }) {
   );
 }
 export {
-  B as default
+  T as default
 };

package/lib/UserCenter/components/nft-preview.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import n from "@mui/material/Modal";
+import { Modal as n } from "@mui/material";
 import r from "@emotion/styled";
 import a, { getNFTData as s } from "@arcblock/ux/lib/NFTDisplay";
 function f({

package/lib/UserCenter/components/notification.js

@@ -1,7 +1,7 @@
 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 { Alert as z, Box as w, CircularProgress as R, Typography as D, Stack as T } from "@mui/material";
+import { useMemoizedFn as s, useReactive as j, useRequest as B, useCreation as v } from "ahooks";
+import { Icon as F } 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";
@@ -10,19 +10,19 @@ 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";
+import { getBlockletSDK as _ } from "@blocklet/js-sdk";
+import { translations as $ } from "../libs/locales.js";
+import S from "./webhook-item.js";
+import { formatAxiosError as b } from "../libs/utils.js";
 function y({
   title: i = void 0,
   description: n = void 0,
   value: m,
-  onChange: a,
-  isMobile: s
+  onChange: l,
+  isMobile: a
 }) {
-  const r = c((l) => {
-    l.stopPropagation();
+  const c = s((r) => {
+    r.stopPropagation();
   });
   return /* @__PURE__ */ h(
     w,
@@ -33,20 +33,20 @@ function y({
         gap: 1
       },
       children: [
-        /* @__PURE__ */ o(G, { checked: m, size: "small", onChange: a }),
+        /* @__PURE__ */ o(G, { checked: m, size: "small", onChange: l }),
         /* @__PURE__ */ h(
-          A,
+          D,
           {
             component: "div",
-            onClick: r,
+            onClick: c,
             sx: {
               color: "text.primary",
               fontSize: 14,
               display: "flex",
-              flexWrap: s ? "wrap" : "nowrap",
+              flexWrap: a ? "wrap" : "nowrap",
               columnGap: 1,
               flex: 1,
-              whiteSpace: s ? "normal" : "nowrap"
+              whiteSpace: a ? "normal" : "nowrap"
             },
             children: [
               i,
@@ -58,51 +58,51 @@ function y({
     }
   );
 }
-function ie({ user: i, isMobile: n }) {
-  const { locale: m } = P(), a = c((e, t = {}) => M(_, e, m, "en", t)), s = j({
+function nt({ user: i, isMobile: n }) {
+  const { locale: m } = P(), l = _(), a = s((t, e = {}) => M($, t, m, "en", e)), c = j({
     showAdd: !1
-  }), r = F(
-    async () => await g.user.getUserNotificationConfig(),
+  }), r = B(
+    async () => await l.user.getUserNotificationConfig(),
     {
       refreshDeps: [i],
       loadingDelay: 300
     }
-  ), l = v(() => ({
+  ), x = 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) => {
+  }), [r?.data?.notifications]), p = v(() => r?.data?.webhooks || [], [r?.data?.webhooks]), u = s(async (t) => {
     try {
-      await g.user.saveUserNotificationConfig(e), f.success(a("saveSuccess")), r.run();
-    } catch (t) {
-      f.error(S(t));
+      await l.user.saveUserNotificationConfig(t), f.success(a("saveSuccess")), r.run();
+    } catch (e) {
+      f.error(b(e));
     }
-  }), x = c(async (e, t) => {
+  }), g = s(async (t, e) => {
     await u({
       notifications: {
-        [e]: t
+        [t]: e
       }
     });
-  }), k = async (e) => {
+  }), k = async (t) => {
     try {
-      await g.user.testNotificationWebhook(e), f.success(a("webhookTested"));
-    } catch (t) {
-      f.error(S(t));
+      await l.user.testNotificationWebhook(t), f.success(a("webhookTested"));
+    } catch (e) {
+      f.error(b(e));
     }
-  }, D = c(async (e) => {
+  }, A = s(async (t) => {
     await u({
-      webhooks: p.filter((t, d) => d !== e)
+      webhooks: p.filter((e, d) => d !== t)
     });
-  }), I = c(async (e, t) => {
+  }), I = s(async (t, e) => {
     await u({
-      webhooks: p.map((d, N) => N === e ? t : d)
+      webhooks: p.map((d, N) => N === t ? e : d)
     });
-  }), W = c(async (e) => {
+  }), W = s(async (t) => {
     await u({
-      webhooks: [...p, e]
-    }), s.showAdd = !1;
+      webhooks: [...p, t]
+    }), c.showAdd = !1;
   });
   return r.error ? /* @__PURE__ */ o(z, { severity: "error", children: r.error.message }) : r.loading || !r.data ? /* @__PURE__ */ o(
     w,
@@ -155,10 +155,10 @@ function ie({ user: i, isMobile: n }) {
           /* @__PURE__ */ o(
             y,
             {
-              value: l.wallet,
+              value: x.wallet,
               isMobile: n,
               title: a("walletNotification"),
-              onChange: (e) => x("wallet", e.target.checked),
+              onChange: (t) => g("wallet", t.target.checked),
               description: C(i) && /* @__PURE__ */ o(
                 U,
                 {
@@ -177,12 +177,12 @@ function ie({ user: i, isMobile: n }) {
           /* @__PURE__ */ o(
             y,
             {
-              value: l.email,
+              value: x.email,
               isMobile: n,
-              onChange: (e) => x("email", e.target.checked),
+              onChange: (t) => g("email", t.target.checked),
               title: a("emailNotification"),
               description: i?.email && /* @__PURE__ */ o(
-                A,
+                D,
                 {
                   component: "span",
                   sx: {
@@ -198,9 +198,9 @@ function ie({ user: i, isMobile: n }) {
             y,
             {
               isMobile: n,
-              value: l.push,
+              value: x.push,
               title: a("pushNotification"),
-              onChange: (e) => x("push", e.target.checked)
+              onChange: (t) => g("push", t.target.checked)
             }
           )
         ]
@@ -216,26 +216,26 @@ function ie({ user: i, isMobile: n }) {
           alignItems: "start"
         },
         children: [
-          p.map((e, t) => /* @__PURE__ */ o(
-            b,
+          p.map((t, e) => /* @__PURE__ */ o(
+            S,
             {
               onTest: k,
-              onDelete: () => D(t),
-              onSave: (...d) => I(t, ...d),
-              type: e.type,
-              url: e.url,
+              onDelete: () => A(e),
+              onSave: (...d) => I(e, ...d),
+              type: t.type,
+              url: t.url,
               edit: !1
             },
-            `${t}_${e.url}`
+            `${e}_${t.url}`
           )),
-          s.showAdd && /* @__PURE__ */ o(
-            b,
+          c.showAdd && /* @__PURE__ */ o(
+            S,
             {
               onTest: k,
               onCancel: () => {
-                s.showAdd = !1;
+                c.showAdd = !1;
               },
-              onSave: (...e) => W(...e),
+              onSave: (...t) => W(...t),
               edit: !0
             },
             "add"
@@ -254,9 +254,9 @@ function ie({ user: i, isMobile: n }) {
                 py: 0.5,
                 borderRadius: 1
               },
-              startIcon: /* @__PURE__ */ o(B, { icon: E }),
+              startIcon: /* @__PURE__ */ o(F, { icon: E }),
               onClick: () => {
-                s.showAdd = !0;
+                c.showAdd = !0;
               },
               children: a("addWebhook")
             }
@@ -267,5 +267,5 @@ function ie({ user: i, isMobile: n }) {
   ] });
 }
 export {
-  ie as default
+  nt as default
 };

package/lib/UserCenter/components/privacy.js

@@ -1,35 +1,35 @@
 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 { Box as x, Typography as d } from "@mui/material";
+import w from "@arcblock/ux/lib/Switch";
+import { useState as y } from "react";
 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 { translate as S } from "@arcblock/ux/lib/Locale/util";
+import { useLocaleContext as g } from "@arcblock/ux/lib/Locale/context";
 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";
+import { getBlockletSDK as v } from "@blocklet/js-sdk";
+import { translations as b } from "../libs/locales.js";
+import { formatAxiosError as k } from "../libs/utils.js";
 function A({
   configList: n,
   onSave: m
 }) {
-  const [i, u] = w(n), { locale: p } = v(), s = l((r, t = {}) => y(S, r, p, "en", t)), h = l(async (r, t) => {
+  const u = v(), [i, p] = y(n), { locale: h } = g(), s = l((r, t = {}) => S(b, r, h, "en", t)), f = l(async (r, t) => {
     try {
-      const e = await g.user.saveUserPrivacyConfig({
+      const e = await u.user.saveUserPrivacyConfig({
         [r]: !t
       });
-      u(
+      p(
         i.map((o) => ({
           ...o,
           value: e?.[o.key] ?? o.value
         }))
       ), c.success(s("saveSuccess")), m("privacy");
     } catch (e) {
-      c.error(b(e));
+      c.error(k(e));
     }
   });
   return /* @__PURE__ */ a(
-    f,
+    x,
     {
       sx: {
         display: "flex",
@@ -64,12 +64,12 @@ function A({
         }
       },
       children: i.map((r) => r.isPrivate ? null : /* @__PURE__ */ a(
-        d,
+        w,
         {
           checked: !r.value,
           labelProps: {
             label: /* @__PURE__ */ a(
-              x,
+              d,
               {
                 sx: {
                   color: "text.primary",
@@ -84,7 +84,7 @@ function A({
             )
           },
           size: "small",
-          onChange: (t) => h(r.key, t.target.checked)
+          onChange: (t) => f(r.key, t.target.checked)
         },
         r.key
       ))