@arcblock/ux 2.13.70 → 3.0.0

package/lib/DID/index.js

@@ -1,351 +1,286 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { getDIDMotifInfo } from '@arcblock/did-motif';
-import { types } from '@ocap/mcrypto';
-import QRCode from 'qrcode.react';
-import { Icon } from '@iconify/react';
-import IconQrCode from '@iconify-icons/material-symbols/qr-code-rounded';
-import { Box, Dialog, DialogContent, Typography } from '@mui/material';
-import { useCreation, useMemoizedFn } from 'ahooks';
-import { forwardRef, useImperativeHandle, useRef, useState } from 'react';
-import { toAddress } from '@arcblock/did';
-import Address from '../Address';
-import Avatar from '../Avatar';
-import { DID_PREFIX } from '../Util/constant';
-import { translate } from '../Locale/util';
-import { getDIDColor, isEthereumDid } from '../Util';
-const translations = {
+import { jsxs as x, Fragment as H, jsx as t } from "react/jsx-runtime";
+import { getDIDMotifInfo as j } from "@arcblock/did-motif";
+import { types as P } from "@ocap/mcrypto";
+import q from "qrcode.react";
+import { Icon as X } from "@iconify/react";
+import Y from "@iconify-icons/material-symbols/qr-code-rounded";
+import { Box as N, Dialog as G, DialogContent as J, Typography as S } from "@mui/material";
+import { useMemoizedFn as A, useCreation as g } from "ahooks";
+import { useRef as K, useState as V, useImperativeHandle as Z } from "react";
+import { toAddress as ee } from "@arcblock/did";
+import k from "../Address/index.js";
+import oe from "../Avatar/index.js";
+import { DID_PREFIX as re } from "../Util/constant.js";
+import { translate as te } from "../Locale/util.js";
+import { isEthereumDid as ne, getDIDColor as se } from "../Util/index.js";
+const ie = {
   en: {
-    scanQrcode: 'Scan with DID Wallet to view the {role}',
-    download: 'Download',
+    scanQrcode: "Scan with DID Wallet to view the {role}",
+    download: "Download",
     downloadTips: "Don't have DID Wallet ?"
   },
   zh: {
-    scanQrcode: '使用 DID Wallet 扫码查看该 {role}',
-    download: '下载',
-    downloadTips: '没有 DID Wallet ？'
+    scanQrcode: "使用 DID Wallet 扫码查看该 {role}",
+    download: "下载",
+    downloadTips: "没有 DID Wallet ？"
   }
-};
-const DEFAULT_CHAIN_ID = 'xenon-2020-01-15';
-const CHAIN_ID_MAP = {
-  main: DEFAULT_CHAIN_ID,
-  'main.abtnetwork.io': DEFAULT_CHAIN_ID,
-  'beta.abtnetwork.io': 'beta'
-};
-const getFontColor = (did, didMotifInfo, isEthDid) => {
-  if (isEthDid) {
-    return getDIDColor(did);
-  }
-  return didMotifInfo.color;
-};
-const isSquareMotif = roleType => {
-  const roles = {
-    0: true,
-    // ACCOUNT
-    6: true,
-    // ASSET
-    17: true // TOKEN
-  };
-  return !roles[roleType];
-};
-const getRoleName = roleType => {
-  if (roleType === types.RoleType.ROLE_ANY) {
-    return 'DID';
-  }
-  const [roleName] = Object.entries(types.RoleType).find(item => item[1] === roleType) || [];
-  if (roleName) {
-    // UpperCase first word, example:
-    // ROLE_ACCOUNT -> Account
-    // ROLE_APPLICATION -> Application
-    return roleName.toLowerCase().replace(/role_(\S)/g, (_, $1) => $1.toUpperCase());
-  }
-  return 'DID';
-};
-const getAvatarSize = (didMotifInfo, isEthDid, size) => {
-  if (isEthDid) {
-    return size * 0.75;
-  }
-  if (isSquareMotif(didMotifInfo.roleType)) {
-    return size * 0.75;
-  }
-  return size;
-};
-function useDIDInfo({
-  did,
-  showAvatar
-}) {
-  const isEthDid = isEthereumDid(did);
-  const didMotifInfo = isEthDid ? undefined : getDIDMotifInfo(did);
-  const content = useCreation(() => {
-    if (isEthDid) {
-      return did;
-    }
-    return `${DID_PREFIX}${did}`;
-  }, [did, isEthDid]);
-  const getPrepend = useMemoizedFn((avatarSize, keyPrefix) => [/*#__PURE__*/_jsx("span", {
-    style: {
-      flex: '0 0 auto',
-      color: getFontColor(did, didMotifInfo, isEthDid)
-    },
-    children: "DID:"
-  }, `${keyPrefix}-prefix-did-${avatarSize}`), /*#__PURE__*/_jsxs("span", {
-    className: "did-address-text",
-    children: [isEthDid ? 'ETH' : 'ABT', ":"]
-  }, `${keyPrefix}-prefix-abt-${avatarSize}`), showAvatar && /*#__PURE__*/_jsx(Avatar, {
-    src: "",
-    did: did,
-    size: getAvatarSize(didMotifInfo, isEthDid, avatarSize || 18),
-    style: {
-      display: 'inline-flex',
-      alignItems: 'center',
-      marginLeft: 2,
-      marginRight: 4
-    },
-    blockiesPadding: false,
-    className: "did-address-avatar",
-    sx: {
-      flexShrink: 0
-    }
-  }, `${keyPrefix}-avatar-${avatarSize}`)]);
+}, T = "xenon-2020-01-15", W = {
+  main: T,
+  "main.abtnetwork.io": T,
+  "beta.abtnetwork.io": "beta"
+}, ae = (e, r, o) => o ? se(e) : r.color, le = (e) => !{
+  0: !0,
+  // ACCOUNT
+  6: !0,
+  // ASSET
+  17: !0
+  // TOKEN
+}[e], de = (e) => {
+  if (e === P.RoleType.ROLE_ANY)
+    return "DID";
+  const [r] = Object.entries(P.RoleType).find((o) => o[1] === e) || [];
+  return r ? r.toLowerCase().replace(/role_(\S)/g, (o, n) => n.toUpperCase()) : "DID";
+}, ce = (e, r, o) => r || le(e.roleType) ? o * 0.75 : o;
+function F({ did: e, showAvatar: r }) {
+  const o = ne(e), n = o ? void 0 : j(e), m = g(() => o ? e : `${re}${e}`, [e, o]), c = A((i, a) => [
+    /* @__PURE__ */ t(
+      "span",
+      {
+        style: { flex: "0 0 auto", color: ae(e, n, o) },
+        children: "DID:"
+      },
+      `${a}-prefix-did-${i}`
+    ),
+    /* @__PURE__ */ x("span", { className: "did-address-text", children: [
+      o ? "ETH" : "ABT",
+      ":"
+    ] }, `${a}-prefix-abt-${i}`),
+    r && /* @__PURE__ */ t(
+      oe,
+      {
+        src: "",
+        did: e,
+        size: ce(n, o, i || 18),
+        style: { display: "inline-flex", alignItems: "center", marginLeft: 2, marginRight: 4 },
+        blockiesPadding: !1,
+        className: "did-address-avatar",
+        sx: { flexShrink: 0 }
+      },
+      `${a}-avatar-${i}`
+    )
+  ]);
   return {
-    isEthDid,
-    didMotifInfo,
-    content,
-    getPrepend
+    isEthDid: o,
+    didMotifInfo: n,
+    content: m,
+    getPrepend: c
   };
 }
-export const DID = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-    did: didAddress,
-    chainId,
-    roleType,
-    showAvatar = true,
-    showQrcode = false,
-    locale = 'en',
-    size = 0,
-    component = 'span',
-    copyable = true,
-    responsive = true,
-    showCopyButtonInTooltip = false,
-    inline = false,
-    append = null,
-    compact = false,
-    startChars = 6,
-    endChars = 6,
-    style,
-    className,
-    sx
-  } = props;
-  const did = toAddress(didAddress);
-  const rest = {
-    size,
-    component,
-    copyable,
-    responsive,
-    showCopyButtonInTooltip,
-    inline,
-    append,
-    compact,
-    startChars,
-    endChars,
-    style,
-    className,
-    sx
-  };
-  const addressRef = useRef(null);
+function Re({
+  ref: e,
+  ...r
+}) {
   const {
-    content,
-    getPrepend
-  } = useDIDInfo({
-    did,
-    showAvatar
-  });
-  const [open, setOpen] = useState(false);
-  const closeQrCode = useMemoizedFn(() => {
-    setOpen(false);
-  });
-  const openQrCode = useMemoizedFn(e => {
-    e.stopPropagation();
-    e.preventDefault();
-    setOpen(true);
+    did: o,
+    chainId: n,
+    roleType: m,
+    showAvatar: c = !0,
+    showQrcode: i = !1,
+    locale: a = "en",
+    size: v = 0,
+    component: l = "span",
+    copyable: R = !0,
+    responsive: h = !0,
+    showCopyButtonInTooltip: p = !1,
+    inline: u = !1,
+    append: D = null,
+    compact: $ = !1,
+    startChars: I = 6,
+    endChars: _ = 6,
+    style: w,
+    className: Q,
+    sx: f
+  } = r, s = ee(o), d = {
+    size: v,
+    component: l,
+    copyable: R,
+    responsive: h,
+    showCopyButtonInTooltip: p,
+    inline: u,
+    append: D,
+    compact: $,
+    startChars: I,
+    endChars: _,
+    style: w,
+    className: Q,
+    sx: f
+  }, C = K(null), { content: L, getPrepend: M } = F({ did: s, showAvatar: c }), [U, b] = V(!1), B = A(() => {
+    b(!1);
+  }), O = A((y) => {
+    y.stopPropagation(), y.preventDefault(), b(!0);
   });
-  useImperativeHandle(ref, () => {
-    return new Proxy({
-      openQRCode: () => setOpen(true),
-      closeQRCode: () => setOpen(false)
-    }, {
-      get(target, key) {
-        return target[key] || addressRef?.current?.[key];
+  return Z(e, () => new Proxy(
+    {
+      openQRCode: () => b(!0),
+      closeQRCode: () => b(!1)
+    },
+    {
+      get(y, z) {
+        var E;
+        return y[z] || ((E = C == null ? void 0 : C.current) == null ? void 0 : E[z]);
       }
-    });
-  });
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Address, {
-      locale: locale,
-      content: content,
-      ...rest,
-      ref: addressRef,
-      prepend: getPrepend(rest.size, 'address'),
-      append: /*#__PURE__*/_jsxs(_Fragment, {
-        children: [showQrcode ? /*#__PURE__*/_jsx(Box, {
-          id: "did-qrcode-button",
-          component: Icon,
-          icon: IconQrCode,
-          onClick: openQrCode,
-          sx: {
-            flexShrink: 0,
-            cursor: 'pointer',
-            ml: 0.5,
-            color: 'text.secondary'
-          }
-        }) : null, rest.append]
-      }),
-      children: did
-    }, "address"), /*#__PURE__*/_jsx(DIDDialog, {
-      did: did,
-      chainId: chainId,
-      roleType: roleType,
-      showAvatar: showAvatar,
-      open: open,
-      onClose: closeQrCode,
-      ...rest
-    })]
-  });
-});
-export function DIDDialog({
-  did,
-  chainId,
-  roleType,
-  showAvatar = true,
+    }
+  )), /* @__PURE__ */ x(H, { children: [
+    /* @__PURE__ */ t(
+      k,
+      {
+        locale: a,
+        content: L,
+        ...d,
+        ref: C,
+        prepend: M(d.size, "address"),
+        append: /* @__PURE__ */ x(H, { children: [
+          i ? /* @__PURE__ */ t(
+            N,
+            {
+              id: "did-qrcode-button",
+              component: X,
+              icon: Y,
+              onClick: O,
+              sx: {
+                flexShrink: 0,
+                cursor: "pointer",
+                ml: 0.5,
+                color: "text.secondary"
+              }
+            }
+          ) : null,
+          d.append
+        ] }),
+        children: s
+      },
+      "address"
+    ),
+    /* @__PURE__ */ t(
+      pe,
+      {
+        did: s,
+        chainId: n,
+        roleType: m,
+        showAvatar: c,
+        open: U,
+        onClose: B,
+        ...d
+      }
+    )
+  ] });
+}
+function pe({
+  did: e,
+  chainId: r,
+  roleType: o,
+  showAvatar: n = !0,
   // DialogProps
-  open,
-  fullScreen = false,
-  fullWidth = false,
-  scroll = 'paper',
-  onClose,
+  open: m,
+  fullScreen: c = !1,
+  fullWidth: i = !1,
+  scroll: a = "paper",
+  onClose: v,
   // AddressProps
-  locale = 'en',
-  ...rest
+  locale: l = "en",
+  ...R
 }) {
-  const t = useMemoizedFn((key, data = {}) => {
-    return translate(translations, key, locale, 'en', data);
-  });
-  const {
-    isEthDid,
-    content,
-    didMotifInfo,
-    getPrepend
-  } = useDIDInfo({
-    did,
-    showAvatar
-  });
-  const downloadUrl = useCreation(() => {
-    if (['zh', 'en'].includes(locale)) {
-      return `https://www.didwallet.io/${locale}`;
-    }
-    return 'https://www.didwallet.io/en';
-  }, [locale]);
-  const downloadTips = useCreation(() => {
-    return /*#__PURE__*/_jsxs(_Fragment, {
-      children: [t('downloadTips'), ' ', /*#__PURE__*/_jsx(Box, {
+  const h = A((f, s = {}) => te(ie, f, l, "en", s)), { isEthDid: p, content: u, didMotifInfo: D, getPrepend: $ } = F({ did: e, showAvatar: n }), I = g(() => ["zh", "en"].includes(l) ? `https://www.didwallet.io/${l}` : "https://www.didwallet.io/en", [l]), _ = g(() => /* @__PURE__ */ x(H, { children: [
+    h("downloadTips"),
+    " ",
+    /* @__PURE__ */ t(
+      N,
+      {
         component: "a",
-        href: downloadUrl,
+        href: I,
         target: "_blank",
         rel: "noreferrer",
         sx: {
-          color: 'secondary.main',
-          textDecoration: 'none',
-          '&:hover': {
-            textDecoration: 'underline'
+          color: "secondary.main",
+          textDecoration: "none",
+          "&:hover": {
+            textDecoration: "underline"
           }
         },
-        children: t('download')
-      })]
-    });
-  }, [downloadUrl]);
-  const _chainId = useCreation(() => {
-    if (chainId) {
-      return CHAIN_ID_MAP[chainId] || chainId;
-    }
-
-    // 以太坊 DID 使用默认chainId '1'
-    if (isEthDid) return '1';
-
-    // 解析 chainHost 并获取对应的chainId
-    try {
-      const chainHostUrl = window.blocklet?.CHAIN_HOST;
-      const chainHost = new URL(chainHostUrl).hostname;
-      if (chainHost) {
-        return CHAIN_ID_MAP[chainHost] || DEFAULT_CHAIN_ID;
+        children: h("download")
       }
-    } catch (error) {
-      console.warn('Failed to parse chainHost:', error);
-    }
-    return DEFAULT_CHAIN_ID;
-  }, [isEthDid, chainId]);
-  const qrCodeLink = useCreation(() => {
-    if (isEthDid) {
-      return `ethereum:abtwallet.io/i?address=${content}&action=didRecognize&chainID=${_chainId}`;
+    )
+  ] }), [I]), w = g(() => {
+    var f;
+    if (r)
+      return W[r] || r;
+    if (p) return "1";
+    try {
+      const s = (f = window.blocklet) == null ? void 0 : f.CHAIN_HOST, d = new URL(s).hostname;
+      if (d)
+        return W[d] || T;
+    } catch (s) {
+      console.warn("Failed to parse chainHost:", s);
     }
-    return `abt://abtwallet.io/i?did=${content}&action=didRecognize&chainID=${_chainId}`;
-  }, [content, isEthDid, _chainId]);
-  return /*#__PURE__*/_jsx(Dialog, {
-    open: open,
-    onClose: onClose,
-    fullScreen: fullScreen,
-    fullWidth: fullWidth,
-    scroll: scroll,
-    maxWidth: "sm",
-    PaperProps: {
-      sx: {
-        boxShadow: 'none',
-        borderRadius: '12px'
-      }
-    },
-    children: /*#__PURE__*/_jsxs(DialogContent, {
-      align: "center",
-      sx: {
-        p: 3
-      },
-      children: [/*#__PURE__*/_jsx(Typography, {
-        sx: {
-          mb: 2,
-          fontWeight: 500,
-          fontSize: 18
-        },
-        children: t('scanQrcode', {
-          role: getRoleName(roleType || didMotifInfo?.roleType)
-        })
-      }), /*#__PURE__*/_jsx(QRCode
-      // eslint-disable-next-line max-len
-      , {
-        value: qrCodeLink,
-        size: 256,
-        renderAs: "svg",
-        level: "M"
-      }), /*#__PURE__*/_jsx(Box, {
+    return T;
+  }, [p, r]), Q = g(() => p ? `ethereum:abtwallet.io/i?address=${u}&action=didRecognize&chainID=${w}` : `abt://abtwallet.io/i?did=${u}&action=didRecognize&chainID=${w}`, [u, p, w]);
+  return /* @__PURE__ */ t(
+    G,
+    {
+      open: m,
+      onClose: v,
+      fullScreen: c,
+      fullWidth: i,
+      scroll: a,
+      maxWidth: "sm",
+      PaperProps: {
         sx: {
-          mt: 1.5,
-          textAlign: 'center'
-        },
-        children: /*#__PURE__*/_jsx(Address, {
-          locale: locale,
-          content: content,
-          prepend: getPrepend(16, 'dialog'),
-          ...rest,
-          size: 16,
-          copyable: true,
-          children: did
-        }, "dialog-address")
-      }), /*#__PURE__*/_jsx(Typography, {
-        variant: "body2",
-        sx: {
-          color: 'text.secondary',
-          fontSize: '12px',
-          mt: 1
-        },
-        children: downloadTips
-      })]
-    })
-  });
+          boxShadow: "none",
+          borderRadius: "12px"
+        }
+      },
+      children: /* @__PURE__ */ x(J, { align: "center", sx: { p: 3 }, children: [
+        /* @__PURE__ */ t(S, { sx: { mb: 2, fontWeight: 500, fontSize: 18 }, children: h("scanQrcode", { role: de(o || (D == null ? void 0 : D.roleType)) }) }),
+        /* @__PURE__ */ t(
+          q,
+          {
+            value: Q,
+            size: 256,
+            renderAs: "svg",
+            level: "M"
+          }
+        ),
+        /* @__PURE__ */ t(N, { sx: { mt: 1.5, textAlign: "center" }, children: /* @__PURE__ */ t(
+          k,
+          {
+            locale: l,
+            content: u,
+            prepend: $(16, "dialog"),
+            ...R,
+            size: 16,
+            copyable: !0,
+            children: e
+          },
+          "dialog-address"
+        ) }),
+        /* @__PURE__ */ t(
+          S,
+          {
+            variant: "body2",
+            sx: {
+              color: "text.secondary",
+              fontSize: "12px",
+              mt: 1
+            },
+            children: _
+          }
+        )
+      ] })
+    }
+  );
 }
-export default DID;
+export {
+  Re as DID,
+  pe as DIDDialog,
+  Re as default
+};

package/lib/DIDConnect/app-icon.js

@@ -1,31 +1,26 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
-import { joinURL } from 'ufo';
-import Img from '../Img';
-import { isUrl } from '../Util';
-import DidAvatar from '../Avatar';
-export default function AppIcon({
-  appInfo,
-  size = 32,
-  ...rest
-}) {
-  const [error, setError] = useState(false);
-  if (error || !(appInfo.appUrl || appInfo.appLogo)) {
-    return /*#__PURE__*/_jsx(DidAvatar, {
-      did: appInfo.appPid,
-      size: size
-    });
-  }
-  let logoUrl = appInfo.appLogo || '';
-  if (!isUrl(logoUrl)) {
-    logoUrl = joinURL(appInfo.appUrl || '', logoUrl);
-  }
-  return /*#__PURE__*/_jsx(Img, {
-    src: logoUrl,
-    alt: appInfo.appName || 'Blocklet Icon',
-    width: size,
-    height: size,
-    ...rest,
-    onError: () => setError(true)
-  });
-}
+import { jsx as i } from "react/jsx-runtime";
+import { useState as p } from "react";
+import { joinURL as a } from "ufo";
+import u from "../Img/index.js";
+import { isUrl as c } from "../Util/index.js";
+import d from "../Avatar/index.js";
+function E({ appInfo: r, size: t = 32, ...m }) {
+  const [e, l] = p(!1);
+  if (e || !(r.appUrl || r.appLogo))
+    return /* @__PURE__ */ i(d, { did: r.appPid, size: t });
+  let o = r.appLogo || "";
+  return c(o) || (o = a(r.appUrl || "", o)), /* @__PURE__ */ i(
+    u,
+    {
+      src: o,
+      alt: r.appName || "Blocklet Icon",
+      width: t,
+      height: t,
+      ...m,
+      onError: () => l(!0)
+    }
+  );
+}
+export {
+  E as default
+};