@arcblock/ux 3.5.0 → 3.5.2

package/lib/Dialog/dialog.d.ts

@@ -6,34 +6,58 @@ export type PaperStyle = import('@mui/material').PaperProps & {
     minHeight?: number | string;
 };
 export type UxDialogProps = {
+    /**
+     * - The content of the dialog.
+     */
     /**
      * - The content of the dialog.
      */
     children: React.ReactNode;
+    /**
+     * - The title of the dialog.
+     */
     /**
      * - The title of the dialog.
      */
     title?: React.ReactNode;
+    /**
+     * - Content to be displayed before the dialog title.
+     */
     /**
      * - Content to be displayed before the dialog title.
      */
     prepend?: React.ReactNode;
+    /**
+     * - Content to be displayed in the top toolbar of the dialog.
+     */
     /**
      * - Content to be displayed in the top toolbar of the dialog.
      */
     toolbar?: React.ReactNode;
+    /**
+     * - Content to be displayed in the bottom actions toolbar of the dialog.
+     */
     /**
      * - Content to be displayed in the bottom actions toolbar of the dialog.
      */
     actions?: React.ReactNode;
+    /**
+     * - Whether or not to show the close button.
+     */
     /**
      * - Whether or not to show the close button.
      */
     showCloseButton?: boolean | undefined;
+    /**
+     * - The position of the actions toolbar.
+     */
     /**
      * - The position of the actions toolbar.
      */
     actionsPosition?: "left" | "right" | "center" | undefined;
+    /**
+     * - Props to be passed down to the dialog paper.
+     */
     /**
      * - Props to be passed down to the dialog paper.
      */
@@ -41,6 +65,9 @@ export type UxDialogProps = {
     slotProps?: {
         content: object;
     } | undefined;
+    /**
+     * - Callback function fired when the dialog is closed.
+     */
     /**
      * - Callback function fired when the dialog is closed.
      */

package/lib/Img/index.d.ts

@@ -1,6 +1,9 @@
 import { default as PropTypes } from 'prop-types';
 export default Img;
 export type ImgExProps = {
+    /**
+     * - required
+     */
     /**
      * - required
      */
@@ -16,6 +19,9 @@ export type ImgExProps = {
     lazy?: boolean | undefined;
     placeholder?: string | undefined;
     fallback?: string | undefined;
+    /**
+     * - 是否使用代理 fallback, 用于解决 CSP 的问题
+     */
     /**
      * - 是否使用代理 fallback, 用于解决 CSP 的问题
      */

package/lib/OrgTransfer/selector.js

@@ -2,7 +2,7 @@ import { jsx as n, jsxs as i, Fragment as y } from "react/jsx-runtime";
 import { useState as F, useImperativeHandle as _, createElement as b } from "react";
 import { useMemoizedFn as p, useReactive as q, useDebounce as G, useInfiniteScroll as H } from "ahooks";
 import { Box as l, Typography as a, Autocomplete as N, CircularProgress as v, TextField as K, Button as w } from "@mui/material";
-import { getBlockletSDK as Q } from "@blocklet/js-sdk";
+import { getBlockletSDK as Q } from "../node_modules/@blocklet/js-sdk/dist/index.js";
 import T from "../Toast/index.js";
 import Z from "../Dialog/dialog.js";
 import "../Dialog/confirm.js";

package/lib/UserCard/use-follow.js

@@ -1,7 +1,7 @@
 import { useState as y, useMemo as u, useEffect as F } from "react";
 import { useMemoizedFn as f } from "ahooks";
 import U from "lodash/isNil";
-import { getBlockletSDK as D } from "@blocklet/js-sdk";
+import { getBlockletSDK as D } from "../node_modules/@blocklet/js-sdk/dist/index.js";
 import a from "../Toast/index.js";
 import { formatAxiosError as d } from "../Util/index.js";
 function K({

package/lib/UserCard/utils.js

@@ -1,6 +1,6 @@
 import { toTypeInfo as c } from "@arcblock/did";
 import { types as i } from "@ocap/mcrypto";
-import { getBlockletSDK as l } from "@blocklet/js-sdk";
+import { getBlockletSDK as l } from "../node_modules/@blocklet/js-sdk/dist/index.js";
 let s = null;
 const n = "ux_user_", u = 60 * 60 * 1e3, f = (e) => {
   if (typeof sessionStorage > "u") return null;

package/lib/Util/constant.d.ts

@@ -26,15 +26,7 @@ export declare const LOGIN_PROVIDER: {
     TWITTER: string;
 };
 export declare const LOGIN_PROVIDER_NAME: {
-    [LOGIN_PROVIDER.EMAIL]: string;
-    [LOGIN_PROVIDER.AUTH0]: string;
-    [LOGIN_PROVIDER.APPLE]: string;
-    [LOGIN_PROVIDER.GITHUB]: string;
-    [LOGIN_PROVIDER.GOOGLE]: string;
-    [LOGIN_PROVIDER.WALLET]: string;
-    [LOGIN_PROVIDER.NFT]: string;
-    [LOGIN_PROVIDER.PASSKEY]: string;
-    [LOGIN_PROVIDER.TWITTER]: string;
+    [x: string]: string;
     federated: string;
 };
 export declare const LOGIN_PROVIDER_ICON_SIZE = 16;

package/lib/Util/index.js

@@ -17,7 +17,7 @@ import W from "dayjs/plugin/updateLocale";
 import P from "dayjs/plugin/localizedFormat";
 import L from "semver";
 import { DID_PREFIX as C, BLOCKLET_SERVICE_PATH_PREFIX as M } from "./constant.js";
-import b from "../package.json.js";
+import b from "../packages/ux/package.json.js";
 import { getFederatedEnabled as _ } from "./federated.js";
 let u = null;
 const N = /^(\d{1,3}\.){3}\d{1,3}(:\d+)?$/, z = /* @__PURE__ */ new Set(["co", "com", "net", "org", "gov", "edu", "ac"]), B = /* @__PURE__ */ new Set(["uk", "au", "cn", "nz", "za", "in", "br", "mx", "fr", "it", "ca"]);

package/lib/node_modules/@blocklet/js-sdk/dist/index.js

@@ -0,0 +1,495 @@
+import { SESSION_TOKEN_STORAGE_KEY as h, REFRESH_TOKEN_STORAGE_KEY as y, WELLKNOWN_SERVICE_PATH_PREFIX as k } from "@abtnode/constant";
+import { withQuery as S, joinURL as w } from "ufo";
+import p from "js-cookie";
+import I from "quick-lru";
+import L from "lodash/isEmpty";
+import C from "axios";
+import B from "keyv";
+import { KeyvLocalStorage as E } from "keyv-browser";
+import x from "lodash/isNumber";
+import A from "lodash/omit";
+import F from "lodash/isObject";
+import j from "json-stable-stringify";
+import "is-url";
+var N = class {
+  constructor({ api: e, token: t }) {
+    this.api = e, this.token = t;
+  }
+  async getUserPublicInfo({ did: e, name: t }) {
+    const { data: o } = await this.api.get("/api/user", { params: {
+      did: e,
+      name: t
+    } });
+    return o;
+  }
+  async getUserPrivacyConfig({ did: e, name: t }) {
+    const { data: o } = await this.api.get("/api/user/privacy/config", { params: {
+      did: e,
+      name: t
+    } });
+    return o;
+  }
+  async saveUserPrivacyConfig(e) {
+    const { data: t } = await this.api.post("/api/user/privacy/config", e);
+    return t;
+  }
+  async getUserNotificationConfig() {
+    const { data: e } = await this.api.get("/api/user/notification/config");
+    return e;
+  }
+  async saveUserNotificationConfig(e) {
+    const { data: t } = await this.api.post("/api/user/notification/config", e);
+    return t;
+  }
+  async testNotificationWebhook(e) {
+    const { data: t } = await this.api.put("/api/user/notification/webhook", e);
+    return t;
+  }
+  async getProfileUrl({ did: e, locale: t }) {
+    return S(`${k}/user`, {
+      did: e,
+      locale: t
+    });
+  }
+  async getProfile() {
+    const { data: e } = await this.api.get("/api/user/profile");
+    return e;
+  }
+  async refreshProfile() {
+    await this.api.put("/api/user/refreshProfile");
+  }
+  async followUser({ userDid: e }) {
+    await this.api.post(`/api/user/follow/${e}`);
+  }
+  async unfollowUser({ userDid: e }) {
+    await this.api.delete(`/api/user/follow/${e}`);
+  }
+  async isFollowingUser({ userDid: e }) {
+    const { data: t } = await this.api.get(`/api/user/follow/${e}`);
+    return t.isFollowing;
+  }
+  async saveProfile({ locale: e, inviter: t, metadata: o, address: r }) {
+    const { data: s } = await this.api.put("/api/user/profile", {
+      locale: e,
+      inviter: t,
+      metadata: o,
+      address: r
+    });
+    return s;
+  }
+  async updateDidSpace({ spaceGateway: e }) {
+    await this.api.put("/api/user/updateDidSpace", { spaceGateway: e });
+  }
+  /**
+  * 指定要退出登录的设备 id
+  * 指定要退出登录的会话状态
+  * @param {{ visitorId: string, status: string }} { visitorId, status }
+  * @return {Promise<void>}
+  */
+  async logout({ visitorId: e, status: t, includeFederated: o }) {
+    const r = this.token.getRefreshToken(), { data: s } = await this.api.post("/api/user/logout", {
+      visitorId: e,
+      status: t,
+      includeFederated: o,
+      refreshToken: r
+    });
+    return s;
+  }
+  /**
+  * 删除当前登录用户
+  * @return {Promise<{did: string}>}
+  */
+  async destroyMyself() {
+    const { data: e } = await this.api.delete("/api/user");
+    return e;
+  }
+  /**
+  * org 相关
+  */
+  async getOrgs({ search: e = "", type: t = "", page: o = 1, pageSize: r = 20 }) {
+    const { data: s } = await this.api.get("/api/user/orgs", { params: {
+      search: e,
+      page: o,
+      pageSize: r,
+      type: t
+    } });
+    return s;
+  }
+  async getOrg(e) {
+    const { data: t } = await this.api.get(`/api/user/orgs/${e}`);
+    return t;
+  }
+  async createOrg(e) {
+    const { data: t } = await this.api.post("/api/user/orgs", { org: e });
+    return t;
+  }
+  async getRole(e) {
+    const { data: t } = await this.api.get("/api/user/role", { params: { name: e } });
+    return t;
+  }
+  async addResourceToOrg({ orgId: e, resourceId: t, type: o, metadata: r }) {
+    const { data: s } = await this.api.post(`/api/user/orgs/${e}/resources`, {
+      resourceId: t,
+      type: o,
+      metadata: r
+    });
+    return s;
+  }
+  async migrateResourceToOrg({ form: e, to: t, resourceId: o }) {
+    const { data: r } = await this.api.put(`/api/user/orgs/${e}/resources`, {
+      to: t,
+      resourceId: o
+    });
+    return r;
+  }
+}, $ = class {
+  getSessionToken(e) {
+    return p.get(h) ? p.get(h) : e.sessionTokenKey ? window.localStorage.getItem(e.sessionTokenKey) : "";
+  }
+  setSessionToken(e) {
+    p.set(h, e);
+  }
+  removeSessionToken() {
+    p.remove(h);
+  }
+  getRefreshToken() {
+    return localStorage.getItem(y);
+  }
+  setRefreshToken(e) {
+    localStorage.setItem(y, e);
+  }
+  removeRefreshToken() {
+    localStorage.removeItem(y);
+  }
+};
+let T;
+function K() {
+  return T || (T = new I({
+    maxSize: 30,
+    maxAge: 60 * 1e3
+  })), T;
+}
+var R = class {
+  getBlocklet(e, t = !1) {
+    if (!e) {
+      if (typeof window > "u" || typeof document > "u") throw new Error("Cannot get blocklet in server side without baseUrl");
+      return window.blocklet;
+    }
+    const o = K();
+    if (!t && o.has(e)) return o.get(e);
+    const r = S(w(e, "__blocklet__.js"), {
+      type: "json",
+      t: Date.now()
+    });
+    return new Promise(async (s) => {
+      const n = await (await fetch(r)).json();
+      o.set(e, n), s(n);
+    });
+  }
+  loadBlocklet() {
+    return new Promise((e, t) => {
+      if (typeof window > "u" || typeof document > "u") {
+        t();
+        return;
+      }
+      const o = document.createElement("script");
+      let r = "/";
+      window.blocklet && window.blocklet.prefix && (r = window.blocklet.prefix), o.src = S(w(r, "__blocklet__.js"), { t: Date.now() }), o.onload = () => {
+        e();
+      }, o.onerror = () => {
+        t();
+      }, document.head.append(o);
+    });
+  }
+  getPrefix(e) {
+    return e ? e?.prefix || "/" : typeof window > "u" || typeof document > "u" ? null : window.blocklet?.prefix || "/";
+  }
+}, O = class {
+  constructor({ api: e, blocklet: t }) {
+    this.api = e, this.blocklet = t || new R();
+  }
+  getBaseUrl(e) {
+    return e ? w(e, k) : void 0;
+  }
+  async getUserSessions({ did: e, appUrl: t }) {
+    const o = this.getBaseUrl(t), r = await this.blocklet.getBlocklet(), { data: s } = await this.api.get("/api/user-session", {
+      baseURL: o,
+      params: {
+        userDid: e,
+        appPid: r.appPid
+      }
+    });
+    return s;
+  }
+  /**
+  * 获取个人的所有登录会话
+  */
+  async getMyLoginSessions({ appUrl: e } = {}, t = {
+    page: 1,
+    pageSize: 10
+  }) {
+    const o = this.getBaseUrl(e), { data: r } = await this.api.get("/api/user-session/myself", {
+      baseURL: o,
+      params: t
+    });
+    return r;
+  }
+  async loginByUserSession({ id: e, appPid: t, userDid: o, passportId: r, appUrl: s }) {
+    const n = this.getBaseUrl(s), { data: d } = await this.api.post("/api/user-session/login", {
+      id: e,
+      appPid: t,
+      userDid: o,
+      passportId: r
+    }, { baseURL: n });
+    return d;
+  }
+}, M = class {
+  constructor({ blocklet: e = window?.blocklet } = {}) {
+    this.blocklet = e;
+  }
+  getComponent(e) {
+    return (this.blocklet?.componentMountPoints || []).find((t) => [
+      t.title,
+      t.name,
+      t.did
+    ].includes(e));
+  }
+  getComponentMountPoint(e) {
+    return this.getComponent(e)?.mountPoint || "";
+  }
+  getUrl(e, ...t) {
+    const o = this.getComponentMountPoint(e);
+    return w(this.blocklet?.appUrl || "", o, ...t);
+  }
+}, z = class {
+  constructor({ api: e, blocklet: t }) {
+    this.blockletDataCache = {}, this.api = e, this.blocklet = t || new R();
+  }
+  async getTrustedDomains() {
+    const { data: e } = await this.api.get("/api/federated/getTrustedDomains");
+    return e;
+  }
+  getMaster(e = this.blocklet.getBlocklet()) {
+    return e?.settings?.federated?.master;
+  }
+  getConfig(e = this.blocklet.getBlocklet()) {
+    return e?.settings?.federated?.config;
+  }
+  getFederatedEnabled(e = this.blocklet.getBlocklet()) {
+    return this.getConfig(e)?.status === "approved";
+  }
+  getSourceAppPid(e = this.blocklet.getBlocklet()) {
+    return this.getMaster(e)?.appPid;
+  }
+  getFederatedApp(e = this.blocklet.getBlocklet()) {
+    const t = this.getMaster(e);
+    return L(t) ? null : {
+      appId: t.appId,
+      appName: t.appName,
+      appDescription: t.appDescription,
+      appLogo: t.appLogo,
+      appPid: t.appPid,
+      appUrl: t.appUrl,
+      version: t.version,
+      sourceAppPid: t.appPid,
+      provider: "wallet"
+    };
+  }
+  getCurrentApp(e = this.blocklet.getBlocklet()) {
+    if (e) return {
+      appId: e.appId,
+      appName: e.appName,
+      appDescription: e.appDescription,
+      appLogo: e.appLogo,
+      appPid: e.appPid,
+      appUrl: e.appUrl,
+      version: e.version,
+      sourceAppPid: null,
+      provider: "wallet"
+    };
+    if (window.env) {
+      const t = window.env;
+      return {
+        appId: t.appId,
+        appName: t.appName,
+        appDescription: t.appDescription,
+        appUrl: t.baseUrl,
+        sourceAppPid: null,
+        provider: "wallet",
+        type: "server"
+      };
+    }
+    return null;
+  }
+  getApps(e = this.blocklet.getBlocklet()) {
+    const t = [], o = this.getFederatedApp(e), r = this.getCurrentApp(e), s = this.getFederatedEnabled(e);
+    return r && t.push(r), o && o?.appId !== r?.appId && s && t.push(o), t.reverse();
+  }
+  async getBlockletData(e, t = !1) {
+    if (!t && this.blockletDataCache[e]) return this.blockletDataCache[e];
+    try {
+      const o = new URL("__blocklet__.js", e);
+      o.searchParams.set("type", "json");
+      const r = await (await fetch(o.href)).json();
+      return this.blockletDataCache[e] = r, r;
+    } catch (o) {
+      return console.error(`Failed to get blocklet data: ${e}`, o), null;
+    }
+  }
+}, W = "1.17.8";
+const q = (e = 0) => new Promise((t) => {
+  setTimeout(() => {
+    t();
+  }, e);
+}), D = (e) => `Bearer ${encodeURIComponent(e)}`, G = "vid", H = "__visitor_id", Q = () => p.get(G) || localStorage.getItem(H), V = async (e, t, o) => {
+  if (F(e.data) && e.status >= 200 && e.status < 300 && typeof window < "u" && window.blocklet?.appId && window.blocklet?.appPk) {
+    if (!o) return e;
+    if (!e.data.$signature)
+      throw t(), new Error("Invalid response");
+    const { appId: r, appPk: s } = window.blocklet;
+    if (await o(j(A(e.data, ["$signature"])), e.data.$signature, s, r) === !1)
+      throw t(), new Error("Invalid response");
+  }
+  return e;
+};
+function b() {
+  return p.get("x-csrf-token");
+}
+function U() {
+  return p.get("login_token");
+}
+async function Y() {
+  const e = b();
+  try {
+    const t = w(window.location.origin, k, "/api/did/csrfToken"), { data: o } = await C.get(t, { headers: { "x-csrf-token": e } });
+    return o;
+  } catch (t) {
+    return console.error(t), {
+      loginToken: U(),
+      csrfToken: null
+    };
+  }
+}
+let v;
+function X() {
+  if (!v) {
+    const e = window?.blocklet?.settings?.session?.cacheTtl;
+    v = new B({
+      store: new E(),
+      ttl: x(e) ? e * 1e3 : 1e3 * 60 * 60
+    });
+  }
+  return v;
+}
+async function P(e, t = 300) {
+  e.metaData.endTime = +/* @__PURE__ */ new Date();
+  const { startTime: o, endTime: r } = e.metaData, s = r - o;
+  s < t && await q(t - s), delete e.metaData;
+}
+const _ = (e, t) => {
+  const o = {
+    ...e?.headers,
+    "x-blocklet-js-sdk-version": W
+  }, r = new M(), s = C.create({
+    ...e,
+    headers: o
+  });
+  return t?.lazy && (s.interceptors.request.use((n) => (n.metaData = { startTime: +/* @__PURE__ */ new Date() }, n), (n) => Promise.reject(n)), s.interceptors.response.use(async (n) => (n.config && await P(n.config, t?.lazyTime), n), async (n) => (n.response && await P(n.response.config, t?.lazyTime), Promise.reject(n)))), s.interceptors.request.use(async (n) => {
+    const d = t?.componentDid ?? window.blocklet?.componentId?.split("/").pop();
+    n.baseURL = n.baseURL || r.getComponentMountPoint(d), n.timeout = n.timeout || 20 * 1e3;
+    const f = U(), m = b();
+    if (f && m) {
+      const l = f.slice(-32), u = X(), i = await u.get(l);
+      if (i) n.headers["x-csrf-token"] = i;
+      else {
+        const { loginToken: a, csrfToken: c } = await Y();
+        c ? (await u.set(a.slice(-32), c), n.headers["x-csrf-token"] = c) : n.headers["x-csrf-token"] = m;
+      }
+      n.headers["x-csrf-token"] && n.headers["x-csrf-token"] !== b() && p.set("x-csrf-token", n.headers["x-csrf-token"], {
+        sameSite: "strict",
+        secure: !0
+      });
+    }
+    const g = Q();
+    return [void 0, null].includes(g) || (n.headers["x-blocklet-visitor-id"] = g), n;
+  }, (n) => Promise.reject(n)), s;
+};
+async function J(e) {
+  if (!e) throw new Error("Refresh token not found");
+  const { data: t } = await _({
+    baseURL: k,
+    timeout: 10 * 1e3,
+    secure: !0,
+    headers: { authorization: D(e) }
+  }).post("/api/did/refreshSession");
+  return t;
+}
+function Z({ getSessionToken: e, setSessionToken: t, removeSessionToken: o, getRefreshToken: r, setRefreshToken: s, removeRefreshToken: n, onRefreshTokenError: d, onRefreshTokenSuccess: f }, m, g) {
+  let l = null;
+  const u = _({
+    timeout: 30 * 1e3,
+    ...m
+  }, g);
+  return u.interceptors.request.use(async (i) => {
+    if (!p.get(h)) {
+      const a = e(i);
+      a && (i.headers.authorization = D(a));
+    }
+    return l && await l, i;
+  }, (i) => Promise.reject(i)), u.interceptors.response.use(async (i) => i.config?.secure ? await V(i, () => {
+    o(), n();
+  }, g?.verifyFn) : i, async (i) => {
+    const a = i.config;
+    if (a && (a.headers = a?.headers ? { ...a.headers } : {}, i?.response?.status === 401 && !a._retry)) {
+      a._retry = !0;
+      try {
+        l || (l = J(r()));
+        const c = await l;
+        return t(c.nextToken), s(c.nextRefreshToken), typeof f == "function" && f(c), u(a);
+      } catch (c) {
+        return o(), n(), typeof d == "function" && d(c), Promise.reject(i);
+      } finally {
+        l = null;
+      }
+    }
+    return Promise.reject(i);
+  }), u;
+}
+var ee = class {
+  constructor(e) {
+    const t = new $(), o = Z({
+      getSessionToken: t.getSessionToken,
+      setSessionToken: t.setSessionToken,
+      removeSessionToken: t.removeSessionToken,
+      getRefreshToken: t.getRefreshToken,
+      setRefreshToken: t.setRefreshToken,
+      removeRefreshToken: t.removeRefreshToken,
+      onRefreshTokenError: () => {
+        console.error("Failed to refresh token");
+      },
+      onRefreshTokenSuccess: () => {
+      }
+    }, { baseURL: k }, { verifyFn: e?.verifyFn }), r = new R();
+    this.user = new N({
+      api: o,
+      token: t
+    }), this.federated = new z({
+      api: o,
+      blocklet: r
+    }), this.userSession = new O({
+      api: o,
+      blocklet: r
+    }), this.token = t, this.blocklet = r, this.api = o;
+  }
+};
+const ge = /* @__PURE__ */ (() => {
+  let e;
+  return (t) => (e || (e = new ee(t)), e);
+})();
+export {
+  ee as BlockletSDK,
+  ge as getBlockletSDK,
+  b as getCSRFToken,
+  Y as getCSRFTokenByLoginToken,
+  U as getLoginToken
+};

package/lib/{package.json.js → packages/ux/package.json.js}

@@ -1,4 +1,4 @@
-const e = "3.5.0", s = { "@blocklet/js-sdk": "^1.17.7" }, n = {
+const e = "3.5.2", s = { "@blocklet/js-sdk": "^1.17.9" }, n = {
   version: e,
   dependencies: s
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/ux",
-  "version": "3.5.0",
+  "version": "3.5.2",
   "description": "Common used react components for arcblock products",
   "keywords": [
     "react",
@@ -77,16 +77,16 @@
     "react": "^19.0.0",
     "react-router-dom": "^6.22.3"
   },
-  "gitHead": "1cfc816004525cf1b352ec2b64d459f4769f0237",
+  "gitHead": "2f6a2770fb95e0b8202de2973d9753be080260af",
   "dependencies": {
-    "@arcblock/bridge": "3.5.0",
-    "@arcblock/did": "^1.29.4",
+    "@arcblock/bridge": "3.5.2",
+    "@arcblock/did": "^1.29.8",
     "@arcblock/did-motif": "^1.1.14",
-    "@arcblock/icons": "3.5.0",
-    "@arcblock/nft-display": "3.5.0",
-    "@arcblock/react-hooks": "3.5.0",
-    "@blocklet/js-sdk": "^1.17.7",
-    "@blocklet/theme": "3.5.0",
+    "@arcblock/icons": "3.5.2",
+    "@arcblock/nft-display": "3.5.2",
+    "@arcblock/react-hooks": "3.5.2",
+    "@blocklet/js-sdk": "^1.17.9",
+    "@blocklet/theme": "3.5.2",
     "@fontsource/roboto": "~5.1.1",
     "@fontsource/ubuntu-mono": "^5.2.6",
     "@iconify-icons/logos": "^1.2.36",
@@ -94,7 +94,7 @@
     "@iconify-icons/mdi": "^1.2.48",
     "@iconify-icons/tabler": "^1.2.95",
     "@iconify/react": "^5.2.1",
-    "@ocap/mcrypto": "^1.29.4",
+    "@ocap/mcrypto": "^1.29.8",
     "@solana/qr-code-styling": "^1.6.0",
     "@types/dompurify": "^3.2.0",
     "@types/mui-datatables": "^4.3.12",