@blocklet/ui-react 3.5.1 → 3.5.2

package/lib/Dashboard/index.d.ts

@@ -15,7 +15,7 @@ declare function Dashboard({ meta, fallbackUrl, invalidPathFallback, headerAddon
         showRole: boolean;
         onLogout: () => void;
     } | undefined;
-    links?: never[] | undefined;
+    links?: any[] | 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<PropTypes.ReactNodeLike | ((...args: any[]) => any)>>;
+        export let headerAddons: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.ReactNodeLike>>;
         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?: never[] | undefined;
+    links?: any[] | undefined;
     flowLayout?: boolean | undefined;
     minColumns?: number | undefined;
     maxColumns?: number | undefined;

package/lib/Notifications/utils.js

@@ -2,7 +2,7 @@ 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 { getBlockletSDK as T } from "@blocklet/js-sdk";
+import { getBlockletSDK as T } from "../node_modules/@blocklet/js-sdk/dist/index.js";
 const b = (t) => {
   if (!t || !t.length)
     return [];

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

@@ -2,7 +2,7 @@ import { jsx as r } from "react/jsx-runtime";
 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 { getBlockletSDK as m } from "@blocklet/js-sdk";
+import { getBlockletSDK as m } from "../../node_modules/@blocklet/js-sdk/dist/index.js";
 import { formatAxiosError as d } from "../libs/utils.js";
 function C({ user: i }) {
   const e = f({

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

@@ -5,7 +5,7 @@ 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 { getBlockletSDK as I } from "../../node_modules/@blocklet/js-sdk/dist/index.js";
 import { translations as b } from "../libs/locales.js";
 import { formatAxiosError as S } from "../libs/utils.js";
 const z = [

package/lib/UserCenter/components/notification.js

@@ -10,7 +10,7 @@ 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 { getBlockletSDK as _ } from "@blocklet/js-sdk";
+import { getBlockletSDK as _ } from "../../node_modules/@blocklet/js-sdk/dist/index.js";
 import { translations as $ } from "../libs/locales.js";
 import S from "./webhook-item.js";
 import { formatAxiosError as b } from "../libs/utils.js";

package/lib/UserCenter/components/privacy.js

@@ -6,7 +6,7 @@ import { useMemoizedFn as l } from "ahooks";
 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 { getBlockletSDK as v } from "@blocklet/js-sdk";
+import { getBlockletSDK as v } from "../../node_modules/@blocklet/js-sdk/dist/index.js";
 import { translations as b } from "../libs/locales.js";
 import { formatAxiosError as k } from "../libs/utils.js";
 function A({

package/lib/UserCenter/components/settings.js

@@ -7,7 +7,7 @@ import { translate as C } from "@arcblock/ux/lib/Locale/util";
 import { useLocaleContext as w } from "@arcblock/ux/lib/Locale/context";
 import { mergeSx as L } from "@arcblock/ux/lib/Util/style";
 import D from "@arcblock/react-hooks/lib/useBrowser";
-import { getBlockletSDK as P } from "@blocklet/js-sdk";
+import { getBlockletSDK as P } from "../../node_modules/@blocklet/js-sdk/dist/index.js";
 import { translations as T } from "../libs/locales.js";
 import B from "./notification.js";
 import E from "./privacy.js";

package/lib/UserCenter/components/user-center.js

@@ -16,7 +16,7 @@ import { ErrorFallback as Ne } from "@arcblock/ux/lib/ErrorBoundary";
 import { styled as me } from "@arcblock/ux/lib/Theme";
 import je from "lodash/cloneDeep";
 import { joinURL as M, getQuery as He, parseURL as le, withoutTrailingSlash as ae, withQuery as ue } from "ufo";
-import { getBlockletSDK as Ee } from "@blocklet/js-sdk";
+import { getBlockletSDK as Ee } from "../../node_modules/@blocklet/js-sdk/dist/index.js";
 import { isSupportFollow as Re } from "@arcblock/ux/lib/Util";
 import { PROFILE_URL as D } from "@arcblock/ux/lib/Util/constant";
 import _e from "../../Footer/index.js";

package/lib/UserCenter/components/user-info/user-basic-info.js

@@ -10,7 +10,7 @@ import { lazy as G, useState as C, useEffect as j } from "react";
 import I from "@arcblock/ux/lib/Toast";
 import { parseURL as H, joinURL as J } from "ufo";
 import { KeyboardArrowUp as X, KeyboardArrowDown as Z } from "@mui/icons-material";
-import { getBlockletSDK as _ } from "@blocklet/js-sdk";
+import { getBlockletSDK as _ } from "../../../node_modules/@blocklet/js-sdk/dist/index.js";
 import { translations as P } from "../../libs/locales.js";
 import { formatAxiosError as R } from "../../libs/utils.js";
 import { currentTimezone as M, getStatusDuration as tt, isValidUrl as rt, isDuplicateUrl as et } from "./utils.js";

package/lib/UserSessions/components/user-sessions.js

@@ -11,7 +11,7 @@ import _ from "@arcblock/ux/lib/DID";
 import ee from "p-queue";
 import { Box as d, Typography as a, CircularProgress as te, useMediaQuery as oe, Tooltip as ne, Button as P, RadioGroup as re, FormControlLabel as B, Radio as C } from "@mui/material";
 import { memo as ie, useEffect as se } from "react";
-import { getBlockletSDK as ae } from "@blocklet/js-sdk";
+import { getBlockletSDK as ae } from "../../node_modules/@blocklet/js-sdk/dist/index.js";
 import { mergeSx as M } from "@arcblock/ux/lib/Util/style";
 import le from "../../hooks/use-mobile.js";
 import ce from "./user-session-info.js";

package/lib/blocklets.d.ts

@@ -11,7 +11,7 @@ export function getLocalizedNavigation({ navigation, locale, defaultLocale, sect
     }>;
     locale: string;
     defaultLocale: string;
-    section?: "header" | "footer" | undefined;
+    section?: "footer" | "header" | undefined;
 }): any[];
 export function formatNavigation(navigation: any): any;
 export function parseNavigation(navigation: any): {

package/lib/common/header-addons.d.ts

@@ -11,7 +11,7 @@ declare function HeaderAddons({ formattedBlocklet, addons, showDomainWarningDial
 declare namespace HeaderAddons {
     namespace propTypes {
         export let formattedBlocklet: PropTypes.Validator<object>;
-        export let addons: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>>;
+        export let addons: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.ReactNodeLike>>;
         export { SessionManagerProps as sessionManagerProps };
         export let showDomainWarningDialog: PropTypes.Requireable<boolean>;
     }

package/lib/common/org-switch/use-org.d.ts

@@ -1,6 +1,6 @@
 export default function useOrg(session: any): {
-    getOrgs: (this: any, args_0: any) => Promise<any>;
-    createOrg: (this: any, args_0: any) => Promise<any>;
-    updateOrg: (this: any, orgId: any, args_1: any) => Promise<any>;
-    getCurrentOrg: (this: any, roleName: any) => Promise<any>;
+    getOrgs: (this: any, args_0?: any) => Promise<any>;
+    createOrg: (this: any, args_0?: any) => Promise<any>;
+    updateOrg: (this: any, orgId?: any, args_1?: any) => Promise<any>;
+    getCurrentOrg: (this: any, roleName?: any) => Promise<any>;
 };

package/lib/common/org-switch/use-org.js

@@ -1,6 +1,6 @@
 import { useMemoizedFn as s } from "ahooks";
 import c from "@arcblock/ux/lib/Toast";
-import { getBlockletSDK as y } from "@blocklet/js-sdk";
+import { getBlockletSDK as y } from "../../node_modules/@blocklet/js-sdk/dist/index.js";
 import { formatAxiosError as u } from "../../UserCenter/libs/utils.js";
 function x(g) {
   const n = y(), l = s(async ({ search: t, page: r = 1, pageSize: o = 20 }) => {

package/lib/hooks/use-follow.js

@@ -1,7 +1,7 @@
 import { useState as p, useEffect as F } from "react";
 import { useMemoizedFn as n } from "ahooks";
 import c from "@arcblock/ux/lib/Toast";
-import { getBlockletSDK as U } from "@blocklet/js-sdk";
+import { getBlockletSDK as U } from "../node_modules/@blocklet/js-sdk/dist/index.js";
 import { formatAxiosError as u } from "../UserCenter/libs/utils.js";
 function _({
   userDid: r,

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/ui-react",
-  "version": "3.5.1",
+  "version": "3.5.2",
   "description": "Some useful front-end web components that can be used in Blocklets.",
   "keywords": [
     "react",
@@ -34,13 +34,13 @@
     "url": "https://github.com/ArcBlock/ux/issues"
   },
   "dependencies": {
-    "@abtnode/constant": "^1.17.7",
-    "@abtnode/util": "^1.17.7",
-    "@arcblock/bridge": "3.5.1",
-    "@arcblock/icons": "3.5.1",
-    "@arcblock/react-hooks": "3.5.1",
-    "@arcblock/ws": "^1.29.4",
-    "@blocklet/did-space-react": "^1.2.15",
+    "@abtnode/constant": "^1.17.9",
+    "@abtnode/util": "^1.17.9",
+    "@arcblock/bridge": "3.5.2",
+    "@arcblock/icons": "3.5.2",
+    "@arcblock/react-hooks": "3.5.2",
+    "@arcblock/ws": "^1.29.8",
+    "@blocklet/did-space-react": "^1.2.16",
     "@blocklet/uploader": "^0.3.19",
     "@iconify-icons/logos": "^1.2.36",
     "@iconify-icons/material-symbols": "^1.2.58",
@@ -87,7 +87,7 @@
     "access": "public"
   },
   "devDependencies": {
-    "@arcblock/did-connect-react": "3.5.1",
+    "@arcblock/did-connect-react": "3.5.2",
     "@babel/preset-env": "^7.28.0",
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
@@ -101,5 +101,5 @@
     "typescript": "~5.5.4",
     "unbuild": "^2.0.0"
   },
-  "gitHead": "78fdd8a869a60672e8b66d4eefc172c8a716acd8"
+  "gitHead": "2f6a2770fb95e0b8202de2973d9753be080260af"
 }