@arcblock/ux 2.5.58 → 2.5.60

package/lib/WebWalletSWKeeper/index.js

@@ -4,82 +4,62 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.withWebWalletSWKeeper = exports.default = void 0;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _useIdle = _interopRequireDefault(require("react-use/lib/useIdle"));
-
 var _useLocalStorage = _interopRequireDefault(require("react-use/lib/useLocalStorage"));
-
 var _useBrowser = _interopRequireDefault(require("@arcblock/react-hooks/lib/useBrowser"));
-
 var _Util = require("@arcblock/ux/lib/Util");
-
 var _wallet = require("../Util/wallet");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
-const _excluded = ["webWalletUrl", "maxIdleTime"];
-
+const _excluded = ["webWalletUrl", "maxIdleTime"]; // 默认最大空闲时间: 30min
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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; }
-
-// 默认最大空闲时间: 30min
-const DEFAULT_MAX_IDLE_TIME = 1000 * 60 * 30; // 可使用 localStorage.setItem('wallet_sw_keeper_disabled', 1) 来禁用嵌入 wallet iframe
-
-const STORAGE_KEY_DISABLED = 'wallet_sw_keeper_disabled'; // iframe id, 如果存在多个 WebWalletSWKeeper 组件实例, 共享此 id, 保证只有一个 iframe
-
+const DEFAULT_MAX_IDLE_TIME = 1000 * 60 * 30;
+// 可使用 localStorage.setItem('wallet_sw_keeper_disabled', 1) 来禁用嵌入 wallet iframe
+const STORAGE_KEY_DISABLED = 'wallet_sw_keeper_disabled';
+// iframe id, 如果存在多个 WebWalletSWKeeper 组件实例, 共享此 id, 保证只有一个 iframe
 let id;
-
 const injectIframe = webWalletUrl => {
   const iframe = document.createElement('iframe');
   iframe.title = 'abt wallet';
   iframe.id = id;
   iframe.style.width = 0;
   iframe.style.height = 0;
-  iframe.style.border = 0; // https://stackoverflow.com/questions/27858989/iframe-with-0-height-creates-a-gap
-
-  iframe.style.display = 'block'; // fix: 页面自动滚动到底部问题 (https://github.com/blocklet/abt-wallet/issues/1160)
+  iframe.style.border = 0;
+  // https://stackoverflow.com/questions/27858989/iframe-with-0-height-creates-a-gap
+  iframe.style.display = 'block';
+  // fix: 页面自动滚动到底部问题 (https://github.com/blocklet/abt-wallet/issues/1160)
   //      top: 0 可能不是必须的, 但测试中发现, 如果不设置, 在某些特殊情况下似乎也会导致页面自动滚动到底部
-
   iframe.style.position = 'absolute';
   iframe.style.top = 0;
   iframe.src = "".concat(webWalletUrl, "?action=iframe");
   document.body.appendChild(iframe);
 };
-
 const removeIframe = () => {
   const iframe = document.getElementById(id);
-
   if (iframe) {
     document.body.removeChild(iframe);
   }
 };
-
 const cleanup = () => {
   removeIframe();
   id = null;
 };
-
 const enable = webWalletUrl => {
   if (!id) {
     id = "web_wallet_sw_keeper_".concat(Date.now());
     injectIframe(webWalletUrl);
   }
-}; // 该组件通过嵌入一个 web wallet iframe 帮助 web wallet service worker 延最大空闲时间
-
+};
 
+// 该组件通过嵌入一个 web wallet iframe 帮助 web wallet service worker 延最大空闲时间
 function WebWalletSWKeeper(_ref) {
   let {
     webWalletUrl,
@@ -87,28 +67,26 @@ function WebWalletSWKeeper(_ref) {
   } = _ref;
   // 渲染前先记录是否已经存在一个 WebWalletSWKeeper 实例
   const instanceExists = (0, _react.useRef)(!!id);
-  const isIdle = (0, _useIdle.default)(maxIdleTime); // 如果已经存在一个 WebWalletSWKeeper 实例, cleanup 的时机应该由该实例控制
-
+  const isIdle = (0, _useIdle.default)(maxIdleTime);
+  // 如果已经存在一个 WebWalletSWKeeper 实例, cleanup 的时机应该由该实例控制
   const _cleanup = () => {
     if (!instanceExists.current) {
       cleanup();
     }
-  }; // 用户操作空闲时间超过 maxIdleTime 时禁用, 活跃时启用
-
-
+  };
+  // 用户操作空闲时间超过 maxIdleTime 时禁用, 活跃时启用
   (0, _react.useEffect)(() => {
     if (isIdle) {
       _cleanup();
     } else {
       enable(webWalletUrl);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
-  }, [isIdle]); // 组件销毁时自动清理
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isIdle]);
+  // 组件销毁时自动清理
   (0, _react.useEffect)(() => () => _cleanup(), []);
   return null;
 }
-
 WebWalletSWKeeper.propTypes = {
   webWalletUrl: _propTypes.default.string.isRequired,
   maxIdleTime: _propTypes.default.number
@@ -118,28 +96,26 @@ WebWalletSWKeeper.defaultProps = {
 };
 var _default = WebWalletSWKeeper;
 exports.default = _default;
-
 const withWebWalletSWKeeper = Component => {
   // eslint-disable-next-line react/prop-types
   return function WithWebWalletSWKeeperComponent(_ref2) {
     let {
-      webWalletUrl,
-      maxIdleTime
-    } = _ref2,
-        rest = _objectWithoutProperties(_ref2, _excluded);
-
-    const browser = (0, _useBrowser.default)(); // eslint-disable-next-line no-param-reassign
-
+        webWalletUrl,
+        maxIdleTime
+      } = _ref2,
+      rest = _objectWithoutProperties(_ref2, _excluded);
+    const browser = (0, _useBrowser.default)();
+    // eslint-disable-next-line no-param-reassign
     webWalletUrl = webWalletUrl || (0, _wallet.getWebWalletUrl)();
     const [disabled] = (0, _useLocalStorage.default)(STORAGE_KEY_DISABLED, 1);
     const extension = (0, _Util.detectWalletExtension)();
     const isSameProtocol = (0, _wallet.checkSameProtocol)(webWalletUrl);
-    const isWalletWebview = browser.wallet; // 以下几种情况不会嵌入 wallet iframe :
+    const isWalletWebview = browser.wallet;
+    // 以下几种情况不会嵌入 wallet iframe :
     // - 通过设置 localStorage#wallet_sw_keeper_disabled = 1 明确禁止 (开发调试过程中可以使用, 避免控制台打印一堆日志影响调试)
     // - 检查到 wallet 浏览器插件
     // - webWalletUrl 与当前页面 url 的 protocol 不同
     // - wallet webview
-
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [!disabled && !extension && isSameProtocol && !isWalletWebview && /*#__PURE__*/(0, _jsxRuntime.jsx)(WebWalletSWKeeper, {
         webWalletUrl: webWalletUrl,
@@ -150,5 +126,4 @@ const withWebWalletSWKeeper = Component => {
     });
   };
 };
-
 exports.withWebWalletSWKeeper = withWebWalletSWKeeper;

package/lib/WechatPrompt/index.js

@@ -4,38 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = WechatPrompt;
-
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-
 var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
-
 var _useBrowser = _interopRequireDefault(require("@arcblock/react-hooks/lib/useBrowser"));
-
 var _ios = _interopRequireDefault(require("./images/ios.png"));
-
 var _android = _interopRequireDefault(require("./images/android.png"));
-
 var _Theme = require("../Theme");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 function WechatPrompt() {
   const browser = (0, _useBrowser.default)();
-
   if (!browser.mobile.any) {
     return null;
   }
-
   if (!browser.wechat) {
     return null;
   }
-
   if (browser.android) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.default, {
       open: true,
@@ -58,7 +44,6 @@ function WechatPrompt() {
       })
     });
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.default, {
     open: true,
     fullScreen: true,
@@ -80,5 +65,4 @@ function WechatPrompt() {
     })
   });
 }
-
 const Container = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .wechat-title {\n    height: 80px;\n    line-height: 80px;\n    text-align: center;\n    font-size: 20px;\n    color: #fff;\n    background-color: #9cdbd8;\n  }\n\n  .wechat-tip {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    .wechat-tip-text {\n      font-size: 20px;\n      padding: 10px 10px;\n      overflow: auto;\n      word-break: break-word;\n      text-align: center;\n    }\n\n    .wechat-tip-img {\n      width: 90%;\n      object-fit: cover;\n    }\n  }\n"])));

package/lib/index.js

@@ -225,79 +225,41 @@ Object.defineProperty(exports, "withTracker", {
     return _withTracker.default;
   }
 });
-
 var _ActionButton = _interopRequireDefault(require("./ActionButton"));
-
 var _ActivityIndicator = _interopRequireDefault(require("./ActivityIndicator"));
-
 var _Address = _interopRequireDefault(require("./Address"));
-
 var _Alert = _interopRequireDefault(require("./Alert"));
-
 var _AnimationWaiter = _interopRequireDefault(require("./AnimationWaiter"));
-
 var _Async = _interopRequireDefault(require("./Async"));
-
 var _Avatar = _interopRequireDefault(require("./Avatar"));
-
 var _Badge = _interopRequireDefault(require("./Badge"));
-
 var _Button = _interopRequireDefault(require("./Button"));
-
 var _ClickToCopy = _interopRequireDefault(require("./ClickToCopy"));
-
 var _CodeBlock = _interopRequireDefault(require("./CodeBlock"));
-
 var _ContactForm = _interopRequireDefault(require("./ContactForm"));
-
 var _CountDown = _interopRequireDefault(require("./CountDown"));
-
 var _Earth = _interopRequireDefault(require("./Earth"));
-
 var _Footer = _interopRequireDefault(require("./Footer"));
-
 var _Icon = _interopRequireDefault(require("./Icon"));
-
 var _selector = _interopRequireDefault(require("./Locale/selector"));
-
 var _Logo = _interopRequireDefault(require("./Logo"));
-
 var _RelativeTime = _interopRequireDefault(require("./RelativeTime"));
-
 var _SessionManager = _interopRequireDefault(require("./SessionManager"));
-
 var _Datatable = _interopRequireDefault(require("./Datatable"));
-
 var _Dialog = _interopRequireDefault(require("./Dialog"));
-
 var _DidLogo = _interopRequireDefault(require("./DidLogo"));
-
 var _Tabs = _interopRequireDefault(require("./Tabs"));
-
 var _Tag = _interopRequireDefault(require("./Tag"));
-
 var _TextCollapse = _interopRequireDefault(require("./TextCollapse"));
-
 var _Theme = _interopRequireDefault(require("./Theme"));
-
 var _Toast = _interopRequireDefault(require("./Toast"));
-
 var _Util = _interopRequireDefault(require("./Util"));
-
 var _Video = _interopRequireDefault(require("./Video"));
-
 var _WebWalletSWKeeper = _interopRequireDefault(require("./WebWalletSWKeeper"));
-
 var _Action = _interopRequireDefault(require("./Wallet/Action"));
-
 var _Download = _interopRequireDefault(require("./Wallet/Download"));
-
 var _WechatPrompt = _interopRequireDefault(require("./WechatPrompt"));
-
 var _withTheme = _interopRequireDefault(require("./withTheme"));
-
 var _withTracker = _interopRequireDefault(require("./withTracker"));
-
 var _Img = _interopRequireDefault(require("./Img"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/withTheme/index.js

@@ -4,29 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _CssBaseline = _interopRequireDefault(require("@mui/material/CssBaseline"));
-
 var _Theme = require("../Theme");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 function withTheme(Component) {
   let {
     mode = 'light',
@@ -44,7 +34,6 @@ function withTheme(Component) {
   return function WithTheme(props) {
     (0, _react.useEffect)(() => {
       const jssStyles = document.querySelector('#jss-server-side');
-
       if (jssStyles && jssStyles.parentNode) {
         jssStyles.parentNode.removeChild(jssStyles);
       }
@@ -57,6 +46,5 @@ function withTheme(Component) {
     });
   };
 }
-
 var _default = withTheme;
 exports.default = _default;

package/lib/withTracker/error_boundary.js

@@ -4,22 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var Sentry = _interopRequireWildcard(require("@sentry/browser"));
-
 var _Alert = _interopRequireDefault(require("../Alert"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /* eslint-disable import/no-unresolved */
+
 class ErrorBoundary extends _react.Component {
   constructor(props) {
     super(props);
@@ -27,7 +20,6 @@ class ErrorBoundary extends _react.Component {
       error: null
     };
   }
-
   componentDidCatch(error, info) {
     this.setState({
       error
@@ -37,7 +29,6 @@ class ErrorBoundary extends _react.Component {
       Sentry.captureException(error);
     });
   }
-
   render() {
     if (this.state.error) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.default, {
@@ -45,12 +36,10 @@ class ErrorBoundary extends _react.Component {
         variant: "icon",
         children: "Oops! We encountered an error, please try reload this application."
       });
-    } // eslint-disable-next-line react/prop-types
-
+    }
 
+    // eslint-disable-next-line react/prop-types
     return this.props.children;
   }
-
 }
-
 exports.default = ErrorBoundary;

package/lib/withTracker/index.js

@@ -4,33 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _reactGa = _interopRequireDefault(require("react-ga"));
-
 var Sentry = _interopRequireWildcard(require("@sentry/browser"));
-
 var _useDeepCompareEffect = _interopRequireDefault(require("react-use/lib/useDeepCompareEffect"));
-
 var _useMount = _interopRequireDefault(require("react-use/lib/useMount"));
-
 var _reactRouterDom = require("react-router-dom");
-
 var _error_boundary = _interopRequireDefault(require("./error_boundary"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /* eslint-disable import/no-unresolved */
 var _default = function _default(WrappedComponent) {
   let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const {
@@ -38,11 +26,9 @@ var _default = function _default(WrappedComponent) {
     gaAccount,
     sentryDSN
   } = options;
-
   if (gaAccount) {
     _reactGa.default.initialize(gaAccount);
   }
-
   if (sentryDSN) {
     Sentry.init({
       dsn: sentryDSN,
@@ -50,21 +36,17 @@ var _default = function _default(WrappedComponent) {
       environment: process.env.NODE_ENV || 'development'
     });
   }
-
   const trackPage = page => {
     if (!process.env.NODE_ENV || process.env.NODE_ENV === 'development') {
       return;
     }
-
     if (gaAccount) {
       _reactGa.default.set(_objectSpread({
         page
       }, options));
-
       _reactGa.default.pageview(page);
     }
   };
-
   return function TrackedComponent(props) {
     const location = (0, _reactRouterDom.useLocation)();
     (0, _useMount.default)(() => {
@@ -73,15 +55,12 @@ var _default = function _default(WrappedComponent) {
     (0, _useDeepCompareEffect.default)(() => {
       trackPage(location.pathname);
     }, [location.pathname]);
-
     if (process.env.NODE_ENV === 'production') {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_error_boundary.default, {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(WrappedComponent, _objectSpread({}, props))
       });
     }
-
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(WrappedComponent, _objectSpread({}, props));
   };
 };
-
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/ux",
-  "version": "2.5.58",
+  "version": "2.5.60",
   "description": "Common used react components for arcblock products",
   "keywords": [
     "react",
@@ -47,11 +47,11 @@
   "peerDependencies": {
     "react": ">=18.1.0"
   },
-  "gitHead": "ac16776460613a0e3a004ebb66fba2b98f3e0d86",
+  "gitHead": "50a0f90ecfb1d239e04cdfebc16e30d3947db4a2",
   "dependencies": {
-    "@arcblock/did-motif": "^1.1.12",
-    "@arcblock/icons": "^2.5.58",
-    "@arcblock/react-hooks": "^2.5.58",
+    "@arcblock/did-motif": "^1.1.13",
+    "@arcblock/icons": "^2.5.60",
+    "@arcblock/react-hooks": "^2.5.60",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",

package/src/Blocklet/blocklet.js

@@ -3,9 +3,9 @@ import { isValidElement } from 'react';
 import PropTypes from 'prop-types';
 import Typography from '@mui/material/Typography';
 import CircularProgress from '@mui/material/CircularProgress';
-import Avatar from '@arcblock/did-connect/lib/Avatar';
 import useMediaQuery from '@mui/material/useMediaQuery';
 
+import Avatar from '../Avatar';
 import Button from '../Button';
 import Img from '../Img';
 import { useTheme, styled } from '../Theme';

package/src/BlockletNFT/index.js

@@ -4,8 +4,8 @@ import Portal from '@mui/material/Portal';
 import Typography from '@mui/material/Typography';
 import CircularProgress from '@mui/material/CircularProgress';
 import useMediaQuery from '@mui/material/useMediaQuery';
-import Avatar from '@arcblock/did-connect/lib/Avatar';
 
+import Avatar from '../Avatar';
 import Icon from '../Icon';
 import Button from '../Button';
 import Img from '../Img';

package/src/NFTDisplay/index.js

@@ -128,11 +128,11 @@ function NFTDisplay({
 
             const url = urlObj.href;
             return (
-              <img
-                src={url}
-                onError={() => setState({ ...state, error: true })}
+              // eslint-disable-next-line jsx-a11y/alt-text
+              <object
+                data={url}
+                // onError={() => setState({ ...state, error: true })}
                 onLoad={() => setState({ ...state, loading: false })}
-                alt="NFT Display"
                 style={{ width: 'auto', height: 'auto' }}
               />
             );