@arcblock/ux 2.13.70 → 3.0.0

package/lib/UserCard/index.js

@@ -1,114 +1,62 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from 'react';
-import { CardType } from './types';
-import AvatarOnlyCard from './Cards/avatar-only';
-import DetailedCard from './Cards';
-import DialogContainer from './Container/dialog';
-import CardContainer from './Container/card';
-import Avatar from '../Avatar';
-import { getUserByDid, isUserDid } from './utils';
-
-// 创建仅显示名称首字母的头像
-export function createNameOnlyAvatar(user) {
-  if (!user) return null;
-
-  // 使用全名或邮箱前缀作为显示内容
-  let content = '';
-  if (user.fullName) {
-    // 提取名称首字母
-    content = user.fullName.charAt(0).toUpperCase();
-  } else if (user.email) {
-    // 使用邮箱前缀首字母
-    content = user.email.split('@')[0].charAt(0).toUpperCase();
-  } else {
-    // 如果都没有，使用DID的第一个字符
-    content = user.did ? user.did.charAt(0).toUpperCase() : '?';
-  }
-  return content;
+import { jsx as t } from "react/jsx-runtime";
+import { useRef as c, useState as h, useEffect as C } from "react";
+import { CardType as i } from "./types.js";
+import v from "./Cards/avatar-only.js";
+import f from "./Cards/index.js";
+import y from "./Container/dialog.js";
+import A from "./Container/card.js";
+import D from "../Avatar/index.js";
+import { isUserDid as P, getUserByDid as S } from "./utils.js";
+function L(e) {
+  if (!e) return null;
+  let r = "";
+  return e.fullName ? r = e.fullName.charAt(0).toUpperCase() : e.email ? r = e.email.split("@")[0].charAt(0).toUpperCase() : r = e.did ? e.did.charAt(0).toUpperCase() : "?", r;
 }
-
-// UserCard组件入口
-function UserCard(props) {
-  const {
-    cardType = CardType.Detailed,
-    showHoverCard
-  } = props;
-
-  // 计算是否显示悬停卡片
-  // 默认规则：AvatarOnly模式下默认显示悬停卡片，Detailed模式下默认不显示
-  const shouldShowHoverCard = showHoverCard !== undefined ? showHoverCard : cardType === CardType.AvatarOnly;
-  const containerRef = useRef(null);
-  const [user, setUser] = useState(() => props.user || null);
-  useEffect(() => {
-    let isSubscribed = true;
-    if (props.user) {
-      setUser(props.user);
-    } else if (props.did && isUserDid(props.did) && !props.user) {
-      getUserByDid(props.did).then(_user => {
-        if (isSubscribed) {
-          setUser(_user || {
-            fullName: 'Anonymous',
-            did: props.did,
-            avatar: ''
-          });
-        }
-      });
-    }
-    return () => {
-      isSubscribed = false;
+function g(e) {
+  const { cardType: r = i.Detailed, showHoverCard: d } = e, n = d !== void 0 ? d : r === i.AvatarOnly, m = c(null), [a, o] = h(() => e.user || null);
+  if (C(() => {
+    let u = !0;
+    return e.user ? o(e.user) : e.did && P(e.did) && !e.user && S(e.did).then((s) => {
+      u && o(s || { fullName: "Anonymous", did: e.did, avatar: "" });
+    }), () => {
+      u = !1;
     };
-  }, [props.did, props.user]);
-
-  // 如果不存在，则使用 did 渲染头像
-  if (!user) {
-    return /*#__PURE__*/_jsx(Avatar, {
-      did: props.did,
-      size: props.avatarSize,
-      ...props.avatarProps
-    });
-  }
-
-  // user 存在，则使用 user 渲染头像
-  // 渲染卡片内容（用于Tooltip）
-  const renderCardContent = () => {
-    return /*#__PURE__*/_jsx(DialogContainer, {
-      sx: props.popupSx,
-      children: /*#__PURE__*/_jsx(DetailedCard, {
-        ...props,
-        shouldShowHoverCard: false,
-        user: user,
-        avatarProps: props.popupAvatarProps,
-        shortenLabelProps: props.popupShortenLabelProps || props.shortenLabelProps,
-        renderFields: props.popupRenderFields,
-        renderName: props.popupRenderName,
-        infoType: props.popupInfoType || props.infoType,
-        didProps: props.popupDidProps || props.didProps,
-        showDid: props.popupShowDid || props.showDid
-      })
-    });
-  };
-
-  // 根据卡片类型选择合适的组件
-  if (cardType === CardType.AvatarOnly) {
-    return /*#__PURE__*/_jsx(AvatarOnlyCard, {
-      ...props,
-      shouldShowHoverCard: shouldShowHoverCard,
-      renderCardContent: renderCardContent,
-      user: user
-    });
-  }
-
-  // 详细卡片模式
-  return /*#__PURE__*/_jsx(CardContainer, {
-    containerRef: containerRef,
-    cardType: cardType,
-    sx: props.sx,
-    children: /*#__PURE__*/_jsx(DetailedCard, {
-      ...props,
-      shouldShowHoverCard: shouldShowHoverCard,
-      renderCardContent: renderCardContent,
-      user: user
-    })
-  });
+  }, [e.did, e.user]), !a)
+    return /* @__PURE__ */ t(D, { did: e.did, size: e.avatarSize, ...e.avatarProps });
+  const l = () => /* @__PURE__ */ t(y, { sx: e.popupSx, children: /* @__PURE__ */ t(
+    f,
+    {
+      ...e,
+      shouldShowHoverCard: !1,
+      user: a,
+      avatarProps: e.popupAvatarProps,
+      shortenLabelProps: e.popupShortenLabelProps || e.shortenLabelProps,
+      renderFields: e.popupRenderFields,
+      renderName: e.popupRenderName,
+      infoType: e.popupInfoType || e.infoType,
+      didProps: e.popupDidProps || e.didProps,
+      showDid: e.popupShowDid || e.showDid
+    }
+  ) });
+  return r === i.AvatarOnly ? /* @__PURE__ */ t(
+    v,
+    {
+      ...e,
+      shouldShowHoverCard: n,
+      renderCardContent: l,
+      user: a
+    }
+  ) : /* @__PURE__ */ t(A, { containerRef: m, cardType: r, sx: e.sx, children: /* @__PURE__ */ t(
+    f,
+    {
+      ...e,
+      shouldShowHoverCard: n,
+      renderCardContent: l,
+      user: a
+    }
+  ) });
 }
-export default UserCard;
+export {
+  L as createNameOnlyAvatar,
+  g as default
+};

package/lib/UserCard/types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { SxProps, Theme, TooltipProps } from '@mui/material';
 import { DIDProps } from '../DID';
 import { AvatarProps } from '../Avatar';

package/lib/UserCard/types.js

@@ -1,42 +1,15 @@
-export let DurationEnum = /*#__PURE__*/function (DurationEnum) {
-  DurationEnum["NoClear"] = "no_clear";
-  DurationEnum["ThirtyMinutes"] = "30_minutes";
-  DurationEnum["OneHour"] = "1_hour";
-  DurationEnum["FourHours"] = "4_hours";
-  DurationEnum["Today"] = "today";
-  DurationEnum["ThisWeek"] = "this_week";
-  DurationEnum["Custom"] = "custom";
-  return DurationEnum;
-}({});
-export let StatusEnum = /*#__PURE__*/function (StatusEnum) {
-  StatusEnum["Meeting"] = "meeting";
-  StatusEnum["Community"] = "community";
-  StatusEnum["Holiday"] = "holiday";
-  StatusEnum["OffSick"] = "off_sick";
-  StatusEnum["WorkingRemotely"] = "working_remotely";
-  return StatusEnum;
-}({});
-// 头像大小
-export const AvatarSize = {
+var r = /* @__PURE__ */ ((e) => (e.NoClear = "no_clear", e.ThirtyMinutes = "30_minutes", e.OneHour = "1_hour", e.FourHours = "4_hours", e.Today = "today", e.ThisWeek = "this_week", e.Custom = "custom", e))(r || {}), i = /* @__PURE__ */ ((e) => (e.Meeting = "meeting", e.Community = "community", e.Holiday = "holiday", e.OffSick = "off_sick", e.WorkingRemotely = "working_remotely", e))(i || {});
+const o = {
   small: 32,
   medium: 40,
   large: 48,
   xlarge: 64
 };
-
-// 卡片类型
-export let CardType = /*#__PURE__*/function (CardType) {
-  CardType["AvatarOnly"] = "AvatarOnly";
-  CardType["Detailed"] = "Detailed";
-  return CardType;
-}({}); // 详细卡片
-
-// 信息类型
-export let InfoType = /*#__PURE__*/function (InfoType) {
-  InfoType["NameOnly"] = "NameOnly";
-  InfoType["Minimal"] = "Minimal";
-  InfoType["Basic"] = "Basic";
-  return InfoType;
-}({}); // 基本信息模式
-
-// 定义UserCard属性接口
+var l = /* @__PURE__ */ ((e) => (e.AvatarOnly = "AvatarOnly", e.Detailed = "Detailed", e))(l || {}), a = /* @__PURE__ */ ((e) => (e.NameOnly = "NameOnly", e.Minimal = "Minimal", e.Basic = "Basic", e))(a || {});
+export {
+  o as AvatarSize,
+  l as CardType,
+  r as DurationEnum,
+  a as InfoType,
+  i as StatusEnum
+};

package/lib/UserCard/utils.js

@@ -1,139 +1,84 @@
-import { toTypeInfo } from '@arcblock/did';
-import { types } from '@ocap/mcrypto';
-import { BlockletSDK } from '@blocklet/js-sdk';
-let client = null;
+import { toTypeInfo as c } from "@arcblock/did";
+import { types as i } from "@ocap/mcrypto";
+import { BlockletSDK as l } from "@blocklet/js-sdk";
+let s = null;
 try {
-  client = new BlockletSDK();
-} catch (error) {
-  console.error('Failed to initialize BlockletSDK:', error);
-  client = null;
+  s = new l();
+} catch (e) {
+  console.error("Failed to initialize BlockletSDK:", e), s = null;
 }
-
-// 用户信息缓存键前缀
-const USER_CACHE_PREFIX = 'ux_user_';
-// 用户缓存的有效期（毫秒），默认60分钟
-const USER_CACHE_EXPIRATION = 60 * 60 * 1000;
-
-// 从sessionStorage获取用户信息
-const getUserFromStorage = did => {
-  if (typeof sessionStorage === 'undefined') return null;
+const n = "ux_user_", u = 60 * 60 * 1e3, f = (e) => {
+  if (typeof sessionStorage > "u") return null;
   try {
-    const cacheKey = `${USER_CACHE_PREFIX}${did}`;
-    const cachedData = sessionStorage.getItem(cacheKey);
-    if (!cachedData) return null;
-    const parsedData = JSON.parse(cachedData);
-    const timestamp = parsedData.timestamp || 0;
-    const now = Date.now();
-
-    // 检查缓存是否过期
-    if (now - timestamp > USER_CACHE_EXPIRATION) {
-      // 缓存已过期，删除并返回null
-      sessionStorage.removeItem(cacheKey);
-      return null;
-    }
-
-    // 返回用户数据
-    return parsedData.user;
-  } catch (error) {
-    console.error(`Failed to load user cache for did ${did}:`, error);
-    return null;
-  }
-};
-
-// 将用户信息保存到sessionStorage
-const saveUserToStorage = (did, user) => {
-  if (typeof sessionStorage === 'undefined') return;
-  try {
-    const cacheKey = `${USER_CACHE_PREFIX}${did}`;
-    // 创建包含用户数据和时间戳的缓存对象
-    const cacheData = {
-      user,
-      timestamp: Date.now()
-    };
-    sessionStorage.setItem(cacheKey, JSON.stringify(cacheData));
-  } catch (error) {
-    console.error(`Failed to save user cache for did ${did}:`, error);
+    const r = `${n}${e}`, t = sessionStorage.getItem(r);
+    if (!t) return null;
+    const o = JSON.parse(t), a = o.timestamp || 0;
+    return Date.now() - a > u ? (sessionStorage.removeItem(r), null) : o.user;
+  } catch (r) {
+    return console.error(`Failed to load user cache for did ${e}:`, r), null;
   }
+}, m = (e, r) => {
+  if (!(typeof sessionStorage > "u"))
+    try {
+      const t = `${n}${e}`, o = {
+        user: r,
+        timestamp: Date.now()
+      };
+      sessionStorage.setItem(t, JSON.stringify(o));
+    } catch (t) {
+      console.error(`Failed to save user cache for did ${e}:`, t);
+    }
 };
-
-// 创建仅显示名称首字母的头像
-// eslint-disable-next-line import/prefer-default-export
-export function createNameOnlyAvatar(user) {
-  if (!user) return null;
-
-  // 使用全名或邮箱前缀作为显示内容
-  let content = '';
-  if (user.fullName) {
-    // 提取名称首字母
-    content = user.fullName.charAt(0).toUpperCase();
-  } else if (user.email) {
-    // 使用邮箱前缀首字母
-    content = user.email.split('@')[0].charAt(0).toUpperCase();
-  } else {
-    // 如果都没有，使用DID的第一个字符
-    content = user.did ? user.did.charAt(0).toUpperCase() : '?';
-  }
-  return content;
+function g(e) {
+  if (!e) return null;
+  let r = "";
+  return e.fullName ? r = e.fullName.charAt(0).toUpperCase() : e.email ? r = e.email.split("@")[0].charAt(0).toUpperCase() : r = e.did ? e.did.charAt(0).toUpperCase() : "?", r;
 }
-export function isUserDid(did) {
-  if (!did || typeof did !== 'string') return false;
+function S(e) {
+  if (!e || typeof e != "string") return !1;
   try {
-    const didInfo = toTypeInfo(did);
-    return didInfo.role !== undefined && didInfo.role !== types.RoleType.ROLE_APPLICATION;
-  } catch (error) {
-    console.error('Failed to check if did is user did:', error);
-    return false;
+    const r = c(e);
+    return r.role !== void 0 && r.role !== i.RoleType.ROLE_APPLICATION;
+  } catch (r) {
+    return console.error("Failed to check if did is user did:", r), !1;
   }
 }
-export async function getUserByDid(did) {
-  if (!did) return null;
-
-  // 先检查sessionStorage中是否有缓存
-  const storedUser = getUserFromStorage(did);
-  if (storedUser) {
-    return storedUser;
-  }
-  if (!client) return null;
+async function I(e) {
+  if (!e) return null;
+  const r = f(e);
+  if (r)
+    return r;
+  if (!s) return null;
   try {
-    const user = await client.user.getUserPublicInfo({
-      did
-    });
-    // 将获取到的用户信息存入缓存
-    if (user) {
-      const userData = user;
-      saveUserToStorage(did, userData);
-    }
-    return user;
-  } catch (error) {
-    console.error('Failed to get user by did:', error);
-    return null;
+    const t = await s.user.getUserPublicInfo({ did: e });
+    return t && m(e, t), t;
+  } catch (t) {
+    return console.error("Failed to get user by did:", t), null;
   }
 }
-
-// 清除缓存中特定用户的信息
-export function clearUserCache(did) {
-  if (typeof sessionStorage === 'undefined') return;
-  if (did) {
-    // 清除指定用户缓存
-    try {
-      sessionStorage.removeItem(`${USER_CACHE_PREFIX}${did}`);
-    } catch (error) {
-      console.error(`Failed to remove cache for did ${did}:`, error);
-    }
-  } else {
-    // 清除所有用户缓存
-    try {
-      // 只清除以USER_CACHE_PREFIX开头的项
-      const keysToRemove = [];
-      for (let i = 0; i < sessionStorage.length; i++) {
-        const key = sessionStorage.key(i);
-        if (key && key.startsWith(USER_CACHE_PREFIX)) {
-          keysToRemove.push(key);
+function U(e) {
+  if (!(typeof sessionStorage > "u"))
+    if (e)
+      try {
+        sessionStorage.removeItem(`${n}${e}`);
+      } catch (r) {
+        console.error(`Failed to remove cache for did ${e}:`, r);
+      }
+    else
+      try {
+        const r = [];
+        for (let t = 0; t < sessionStorage.length; t++) {
+          const o = sessionStorage.key(t);
+          o && o.startsWith(n) && r.push(o);
         }
+        r.forEach((t) => sessionStorage.removeItem(t));
+      } catch (r) {
+        console.error("Failed to clear all user caches:", r);
       }
-      keysToRemove.forEach(key => sessionStorage.removeItem(key));
-    } catch (error) {
-      console.error('Failed to clear all user caches:', error);
-    }
-  }
-}
+}
+export {
+  U as clearUserCache,
+  g as createNameOnlyAvatar,
+  I as getUserByDid,
+  S as isUserDid
+};

package/lib/Util/WebWalletOpener.stories.d.ts

@@ -0,0 +1,5 @@
+export { default as WebWalletOpener } from './demo/web-wallet-opener';
+declare namespace _default {
+    let title: string;
+}
+export default _default;

package/lib/Util/constant.js

@@ -1,47 +1,48 @@
-export const DEFAULT_TIMEOUT = 5 * 60;
-export const DEFAULT_WINDOW_TIMEOUT = 30 * 60;
-export const BLOCKLET_SERVICE_PATH_PREFIX = '/.well-known/service';
-export const SESSION_TOKEN_STORAGE_KEY = 'login_token';
-export const REFRESH_TOKEN_STORAGE_KEY = 'refresh_token';
-export const RELAY_SOCKET_PREFIX = '/.well-known/service';
-export const API_DID_PREFIX = '/api/did';
-export const DASHBOARD_URL = `${BLOCKLET_SERVICE_PATH_PREFIX}/admin`;
-export const PROFILE_URL = `${BLOCKLET_SERVICE_PATH_PREFIX}/user`;
-export const DID_SPACE_URL = `${BLOCKLET_SERVICE_PATH_PREFIX}/user/did-spaces`;
-export const NAVIGATION_URL = `${BLOCKLET_SERVICE_PATH_PREFIX}/admin/navigation`;
-export const DID_PREFIX = 'did:abt:';
-export const PASSPORT_STATUS = {
-  VALID: 'valid',
-  REVOKED: 'revoked'
+const o = 300, t = 1800, _ = "/.well-known/service", A = "login_token", I = "refresh_token", T = "/.well-known/service", e = "/api/did", n = `${_}/admin`, s = `${_}/user`, O = `${_}/user/did-spaces`, D = `${_}/admin/navigation`, L = "did:abt:", R = {
+  VALID: "valid",
+  REVOKED: "revoked"
+}, E = {
+  EMAIL: "email",
+  AUTH0: "auth0",
+  APPLE: "apple",
+  GITHUB: "github",
+  GOOGLE: "google",
+  WALLET: "wallet",
+  NFT: "nft",
+  PASSKEY: "passkey"
+}, l = {
+  [E.EMAIL]: "Email",
+  [E.AUTH0]: "Auth0",
+  [E.APPLE]: "Apple",
+  [E.GITHUB]: "Github",
+  [E.GOOGLE]: "Google",
+  [E.WALLET]: "DID Wallet",
+  [E.NFT]: "NFT",
+  [E.PASSKEY]: "Passkey"
+}, c = {
+  email: "Email",
+  auth0: "Auth0",
+  apple: "Apple",
+  github: "Github",
+  google: "Google"
+}, a = 360, i = 576;
+export {
+  e as API_DID_PREFIX,
+  _ as BLOCKLET_SERVICE_PATH_PREFIX,
+  n as DASHBOARD_URL,
+  o as DEFAULT_TIMEOUT,
+  t as DEFAULT_WINDOW_TIMEOUT,
+  i as DID_CONNECT_MEDIUM_WIDTH,
+  a as DID_CONNECT_SMALL_WIDTH,
+  L as DID_PREFIX,
+  O as DID_SPACE_URL,
+  E as LOGIN_PROVIDER,
+  l as LOGIN_PROVIDER_NAME,
+  D as NAVIGATION_URL,
+  c as OAUTH_PROVIDER,
+  R as PASSPORT_STATUS,
+  s as PROFILE_URL,
+  I as REFRESH_TOKEN_STORAGE_KEY,
+  T as RELAY_SOCKET_PREFIX,
+  A as SESSION_TOKEN_STORAGE_KEY
 };
-export const LOGIN_PROVIDER = {
-  EMAIL: 'email',
-  AUTH0: 'auth0',
-  APPLE: 'apple',
-  GITHUB: 'github',
-  GOOGLE: 'google',
-  WALLET: 'wallet',
-  NFT: 'nft',
-  PASSKEY: 'passkey'
-};
-export const LOGIN_PROVIDER_NAME = {
-  [LOGIN_PROVIDER.EMAIL]: 'Email',
-  [LOGIN_PROVIDER.AUTH0]: 'Auth0',
-  [LOGIN_PROVIDER.APPLE]: 'Apple',
-  [LOGIN_PROVIDER.GITHUB]: 'Github',
-  [LOGIN_PROVIDER.GOOGLE]: 'Google',
-  [LOGIN_PROVIDER.WALLET]: 'DID Wallet',
-  [LOGIN_PROVIDER.NFT]: 'NFT',
-  [LOGIN_PROVIDER.PASSKEY]: 'Passkey'
-};
-
-// HACK: 目前这里的键值不能使用 [LOGIN_PROVIDER.AUTH0] 形式，否则会影响 ts 的 keyof typeof OAUTH_PROVIDER 来获取键值作为类型的判断
-export const OAUTH_PROVIDER = {
-  email: 'Email',
-  auth0: 'Auth0',
-  apple: 'Apple',
-  github: 'Github',
-  google: 'Google'
-};
-export const DID_CONNECT_SMALL_WIDTH = 360;
-export const DID_CONNECT_MEDIUM_WIDTH = 576;

package/lib/Util/deprecate.js

@@ -1,28 +1,13 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect } from 'react';
-const warn = (name, alternative) => {
-  if (process.env.NODE_ENV === 'production') {
-    return;
-  }
-  if (typeof console?.warn === 'function') {
-    if (alternative) {
-      console.warn(`DEPRECATED: ${name} is deprecated, use ${alternative} instead.`);
-    } else {
-      console.warn(`DEPRECATED: ${name} is deprecated.`);
-    }
-  }
+import { jsx as t } from "react/jsx-runtime";
+import { useEffect as c } from "react";
+const s = (e, r) => {
+  process.env.NODE_ENV !== "production" && typeof (console == null ? void 0 : console.warn) == "function" && console.warn(r ? `DEPRECATED: ${e} is deprecated, use ${r} instead.` : `DEPRECATED: ${e} is deprecated.`);
+}, E = (e, { name: r, alternative: o }) => function(n) {
+  return c(() => {
+    s(r, o);
+  }, []), /* @__PURE__ */ t(e, { ...n });
 };
-const withDeprecated = (Component, {
-  name,
-  alternative
-}) => {
-  return function Deprecated(props) {
-    useEffect(() => {
-      warn(name, alternative);
-    }, []);
-    return /*#__PURE__*/_jsx(Component, {
-      ...props
-    });
-  };
+export {
+  s as warn,
+  E as withDeprecated
 };
-export { warn, withDeprecated };

package/lib/Util/federated.d.ts

@@ -1,8 +1,8 @@
-export declare function getMaster(blocklet?: import("../type").Blocklet): any;
-export declare function getConfig(blocklet?: import("../type").Blocklet): any;
-export declare function getFederatedEnabled(blocklet?: import("../type").Blocklet): boolean;
-export declare function getSourceAppPid(blocklet?: import("../type").Blocklet): any;
-export declare function getFederatedApp(blocklet?: import("../type").Blocklet): {
+export declare function getMaster(blocklet?: import('../type').Blocklet): any;
+export declare function getConfig(blocklet?: import('../type').Blocklet): any;
+export declare function getFederatedEnabled(blocklet?: import('../type').Blocklet): boolean;
+export declare function getSourceAppPid(blocklet?: import('../type').Blocklet): any;
+export declare function getFederatedApp(blocklet?: import('../type').Blocklet): {
     appId: any;
     appName: any;
     appDescription: any;
@@ -13,7 +13,7 @@ export declare function getFederatedApp(blocklet?: import("../type").Blocklet):
     sourceAppPid: any;
     provider: string;
 } | null;
-export declare function getCurrentApp(blocklet?: import("../type").Blocklet): {
+export declare function getCurrentApp(blocklet?: import('../type').Blocklet): {
     appId: string;
     appName: string;
     appDescription: string;