@arcblock/ux 2.9.91 → 2.10.0

package/lib/DID/index.js

@@ -1,33 +1,20 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _didMotif = require("@arcblock/did-motif");
-var _qrcode = _interopRequireDefault(require("qrcode.react"));
-var _react2 = require("@iconify/react");
-var _qrCodeRounded = _interopRequireDefault(require("@iconify-icons/material-symbols/qr-code-rounded"));
-var _material = require("@mui/material");
-var _ahooks = require("ahooks");
-var _Colors = require("../Colors");
-var _constant = require("../Util/constant");
-var _Address = _interopRequireDefault(require("../Address"));
-var _Avatar = _interopRequireDefault(require("../Avatar"));
-var _Util = require("../Util");
-var _util = require("../Locale/util");
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["did", "showAvatar", "showQrcode", "chainId", "locale"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { forwardRef, useState } from 'react';
+import PropTypes from 'prop-types';
+import { getDIDMotifInfo } from '@arcblock/did-motif';
+import QRCode from 'qrcode.react';
+import { Icon } from '@iconify/react';
+import IconQrCode from '@iconify-icons/material-symbols/qr-code-rounded';
+import { Box, Dialog, DialogContent, DialogTitle, Typography } from '@mui/material';
+import { useCreation, useMemoizedFn } from 'ahooks';
+import { temp as colors } from '../Colors';
+import { DID_PREFIX } from '../Util/constant';
+import Address from '../Address';
+import Avatar from '../Avatar';
+import { isEthereumDid, getFontSize, getDIDColor } from '../Util';
+import { translate } from '../Locale/util';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const translations = {
   en: {
     scanQrcode: 'Scan with DID Wallet to transfer token to here',
@@ -41,21 +28,21 @@ const translations = {
   }
 };
 const DIDPropTypes = {
-  did: _propTypes.default.string.isRequired,
-  size: _propTypes.default.number,
-  component: _propTypes.default.string,
-  copyable: _propTypes.default.bool,
-  responsive: _propTypes.default.bool,
-  showCopyButtonInTooltip: _propTypes.default.bool,
-  showAvatar: _propTypes.default.bool,
-  showQrcode: _propTypes.default.bool,
-  inline: _propTypes.default.bool,
-  append: _propTypes.default.any,
-  compact: _propTypes.default.bool,
-  startChars: _propTypes.default.number,
-  endChars: _propTypes.default.number,
-  locale: _propTypes.default.oneOf(['en', 'zh']),
-  chainId: _propTypes.default.string
+  did: PropTypes.string.isRequired,
+  size: PropTypes.number,
+  component: PropTypes.string,
+  copyable: PropTypes.bool,
+  responsive: PropTypes.bool,
+  showCopyButtonInTooltip: PropTypes.bool,
+  showAvatar: PropTypes.bool,
+  showQrcode: PropTypes.bool,
+  inline: PropTypes.bool,
+  append: PropTypes.any,
+  compact: PropTypes.bool,
+  startChars: PropTypes.number,
+  endChars: PropTypes.number,
+  locale: PropTypes.oneOf(['en', 'zh']),
+  chainId: PropTypes.string
 };
 const DEFAULT_CHAIN_ID = 'xenon-2020-01-15';
 const CHAIN_ID_MAP = {
@@ -64,7 +51,7 @@ const CHAIN_ID_MAP = {
 };
 const getFontColor = (did, didMotifInfo, isEthDid) => {
   if (isEthDid) {
-    return (0, _Util.getDIDColor)(did);
+    return getDIDColor(did);
   }
   return didMotifInfo.color;
 };
@@ -91,23 +78,20 @@ const getAvatarSize = (didMotifInfo, isEthDid, size) => {
 /**
  * @type React.ForwardRefRenderFunction<HTMLElement, typeof DIDPropTypes>
  */
-const DID = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-      did,
-      showAvatar,
-      showQrcode,
-      chainId,
-      locale
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  const t = (0, _ahooks.useMemoizedFn)(function (key) {
-    let data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    return (0, _util.translate)(translations, key, locale, 'en', data);
+const DID = /*#__PURE__*/forwardRef(({
+  did,
+  showAvatar,
+  showQrcode,
+  chainId,
+  locale,
+  ...rest
+}, ref) => {
+  const t = useMemoizedFn((key, data = {}) => {
+    return translate(translations, key, locale, 'en', data);
   });
   try {
     if (!chainId) {
-      var _window, _window$blocklet;
-      const chainHostUrl = (_window = window) === null || _window === void 0 ? void 0 : (_window$blocklet = _window.blocklet) === null || _window$blocklet === void 0 ? void 0 : _window$blocklet.CHAIN_HOST;
+      const chainHostUrl = window?.blocklet?.CHAIN_HOST;
       if (chainHostUrl) {
         const chainHost = new URL(chainHostUrl).hostname;
         if (chainHost) {
@@ -116,27 +100,27 @@ const DID = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
         }
       }
     }
-  } catch (_unused) {
+  } catch {
     console.warn('Failed to parse chainHost');
   }
-  const [open, setOpen] = (0, _react.useState)(false);
-  const isEthDid = (0, _Util.isEthereumDid)(did);
-  const didMotifInfo = isEthDid ? undefined : (0, _didMotif.getDIDMotifInfo)(did);
-  const fontSize = (0, _Util.getFontSize)(rest.size);
-  const prepend = [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+  const [open, setOpen] = useState(false);
+  const isEthDid = isEthereumDid(did);
+  const didMotifInfo = isEthDid ? undefined : getDIDMotifInfo(did);
+  const fontSize = getFontSize(rest.size);
+  const prepend = [/*#__PURE__*/_jsx("span", {
     style: {
       flex: '0 0 auto',
       fontSize,
       color: getFontColor(did, didMotifInfo, isEthDid)
     },
     children: "DID:"
-  }, "prefix-did"), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+  }, "prefix-did"), /*#__PURE__*/_jsx("span", {
     className: "did-address-text",
     style: {
       fontSize
     },
     children: "ABT:"
-  }, "prefix-abt"), showAvatar && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
+  }, "prefix-abt"), showAvatar && /*#__PURE__*/_jsx(Avatar, {
     did: did,
     size: getAvatarSize(didMotifInfo, isEthDid, rest.size || 18),
     style: {
@@ -148,29 +132,29 @@ const DID = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     blockiesPadding: false,
     className: "did-address-avatar"
   }, "avatar")];
-  const closeQrCode = (0, _ahooks.useMemoizedFn)(() => {
+  const closeQrCode = useMemoizedFn(() => {
     setOpen(false);
   });
-  const openQrCode = (0, _ahooks.useMemoizedFn)(e => {
+  const openQrCode = useMemoizedFn(e => {
     e.stopPropagation();
     e.preventDefault();
     setOpen(true);
   });
-  const downloadUrl = (0, _ahooks.useCreation)(() => {
+  const downloadUrl = useCreation(() => {
     if (['zh', 'en'].includes) {
-      return "https://www.didwallet.io/".concat(locale);
+      return `https://www.didwallet.io/${locale}`;
     }
     return 'https://www.didwallet.io/en';
   }, [locale]);
-  const downloadTips = (0, _ahooks.useCreation)(() => {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [t('downloadTips'), ' ', /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+  const downloadTips = useCreation(() => {
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t('downloadTips'), ' ', /*#__PURE__*/_jsx(Box, {
         component: "a",
         href: downloadUrl,
         target: "_blank",
         rel: "noreferrer",
         sx: {
-          color: _Colors.temp.foregroundsFgInteractive,
+          color: colors.foregroundsFgInteractive,
           textDecoration: 'none',
           '&:hover': {
             textDecoration: 'underline'
@@ -180,17 +164,17 @@ const DID = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       })]
     });
   }, [downloadUrl]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Address.default, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Address, {
       ref: ref,
       locale: locale,
-      content: "".concat(_constant.DID_PREFIX).concat(did)
-    }, rest), {}, {
+      content: `${DID_PREFIX}${did}`,
+      ...rest,
       prepend: prepend,
-      append: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [showQrcode ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
-          component: _react2.Icon,
-          icon: _qrCodeRounded.default,
+      append: /*#__PURE__*/_jsxs(_Fragment, {
+        children: [showQrcode ? /*#__PURE__*/_jsx(Box, {
+          component: Icon,
+          icon: IconQrCode,
           onClick: openQrCode,
           sx: {
             cursor: 'pointer',
@@ -200,42 +184,42 @@ const DID = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
         }) : null, rest.append]
       }),
       children: did
-    })), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Dialog, {
+    }), /*#__PURE__*/_jsxs(Dialog, {
       open: open,
       onClose: closeQrCode,
       maxWidth: "sm",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.DialogTitle, {
+      children: [/*#__PURE__*/_jsx(DialogTitle, {
         align: "center",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+        children: /*#__PURE__*/_jsx(Typography, {
           variant: "h6",
           component: "h3",
           children: t('scanQrcode')
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.DialogContent, {
+      }), /*#__PURE__*/_jsxs(DialogContent, {
         align: "center",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_qrcode.default
+        children: [/*#__PURE__*/_jsx(QRCode
         // eslint-disable-next-line max-len
         , {
-          value: "abt://abtwallet.io/i?did=".concat(_constant.DID_PREFIX).concat(did, "&action=didRecognize&chainID=").concat(chainId || DEFAULT_CHAIN_ID),
+          value: `abt://abtwallet.io/i?did=${DID_PREFIX}${did}&action=didRecognize&chainID=${chainId || DEFAULT_CHAIN_ID}`,
           size: 256,
           renderAs: "svg",
           level: "M"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+        }), /*#__PURE__*/_jsx(Box, {
           sx: {
             marginTop: 1,
             textAlign: 'center'
           },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Address.default, {
+          children: /*#__PURE__*/_jsx(Address, {
             copyable: true,
             locale: locale,
-            content: "".concat(_constant.DID_PREFIX).concat(did),
+            content: `${DID_PREFIX}${did}`,
             prepend: prepend,
             children: did
           })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+        }), /*#__PURE__*/_jsx(Typography, {
           variant: "body2",
           sx: {
-            color: _Colors.temp.textSubtitle,
+            color: colors.textSubtitle,
             fontSize: '12px',
             mt: 1
           },
@@ -245,7 +229,7 @@ const DID = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     })]
   });
 });
-var _default = exports.default = DID;
+export default DID;
 DID.propTypes = DIDPropTypes;
 DID.defaultProps = {
   size: 0,