@abtnode/ux 1.15.17 → 1.16.0-beta-b16cb035

package/lib/blocklet/agreement.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Agreement;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactRouterDom = require("react-router-dom");
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _serverEula = _interopRequireDefault(require("@blocklet/launcher-layout/lib/wizard/server-eula"));
+var _wizardDesc = _interopRequireDefault(require("@blocklet/launcher-layout/lib/wizard/wizard-desc"));
+var _agreementApp = _interopRequireDefault(require("./agreement-app"));
+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) } })); }
+// TODO: 加载 Blocklet 定义的 Agreement
+function Agreement(_ref) {
+  let {
+    meta,
+    onClickNext,
+    handleDescEle
+  } = _ref;
+  const navigate = (0, _reactRouterDom.useNavigate)();
+  const {
+    t,
+    locale
+  } = (0, _context.useLocaleContext)();
+  const clickNext = onClickNext || (() => {
+    navigate("/launch-blocklet/install".concat(window.location.search));
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "app-content",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "agreement",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "agreement-content",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_wizardDesc.default, {
+            blockletMeta: {
+              data: meta
+            },
+            locale: locale,
+            handleDescEle: handleDescEle
+          })
+        })
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "button-container",
+      "data-cy": "agree-all",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_serverEula.default, {
+        onContinue: clickNext,
+        description: /*#__PURE__*/(0, _jsxRuntime.jsx)(_agreementApp.default, {}),
+        texts: {
+          listenName: t('launchBlocklet.license'),
+          buttonNext: t('launchBlocklet.next')
+        }
+      })
+    })]
+  });
+}
+Agreement.propTypes = {
+  meta: _propTypes.default.object.isRequired,
+  onClickNext: _propTypes.default.func,
+  handleDescEle: _propTypes.default.node
+};
+Agreement.defaultProps = {
+  onClickNext: null,
+  handleDescEle: ''
+};
+const Container = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  flex: 1;\n  .app-content {\n    padding: 2px 24px 24px;\n    ", " {\n      padding-top: 10px;\n    }\n    width: 100%;\n    flex: 1;\n    letter-spacing: normal;\n  }\n  .agreement {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n    border: 1px solid ", ";\n    border-radius: 12px;\n    ", " {\n      margin-top: 24px;\n    }\n    ", " {\n      margin-top: 16px;\n    }\n    .agreement-content {\n      position: absolute;\n      left: 0;\n      top: 0;\n      width: 100%;\n      height: 100%;\n      font-size: 14px;\n      overflow-y: auto;\n      ", " {\n        padding: 0 24px;\n      }\n      ", " {\n        padding: 0 16px;\n      }\n      &:after {\n        display: block;\n        content: '';\n        height: 24px;\n      }\n    }\n  }\n  .button-container {\n    padding-top: 24px;\n    padding-bottom: 34px;\n    ", " {\n      padding-right: 24px;\n      margin-left: auto;\n    }\n    ", " {\n      padding-top: 0;\n      padding-bottom: 16px;\n    }\n  }\n"])), props => props.theme.breakpoints.down('md'), props => props.theme.palette.grey['100'], props => props.theme.breakpoints.up('md'), props => props.theme.breakpoints.down('md'), props => props.theme.breakpoints.up('md'), props => props.theme.breakpoints.down('md'), props => props.theme.breakpoints.up('md'), props => props.theme.breakpoints.down('md'));

package/lib/blocklet/app-avatar.js

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = BlockletAppAvatar;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Avatar = _interopRequireDefault(require("@mui/material/Avatar"));
+var _Avatar2 = _interopRequireDefault(require("@arcblock/did-connect/lib/Avatar"));
+var _constant = require("@blocklet/constant");
+var _useAppLogo = _interopRequireDefault(require("../hooks/use-app-logo"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["blocklet", "style", "size"];
+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) { 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; }
+function BlockletAppAvatar(_ref) {
+  let {
+      blocklet,
+      style,
+      size
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const {
+    logoUrl
+  } = (0, _useAppLogo.default)({
+    blocklet
+  });
+  const {
+    variant
+  } = rest;
+  let imgEle = /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+    src: logoUrl,
+    alt: "",
+    style: {
+      width: size
+    }
+  });
+  if (!blocklet.meta.logo) {
+    var _find;
+    const exist = (_find = (blocklet.configs || []).find(x => x.key === _constant.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_SQUARE)) === null || _find === void 0 ? void 0 : _find.value;
+    if (!exist) {
+      imgEle = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar2.default, {
+        did: blocklet.meta.did || '',
+        responsive: true
+      });
+    }
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, _objectSpread(_objectSpread({
+    variant: variant || 'square',
+    style: Object.assign({
+      backgroundColor: 'transparent',
+      width: size,
+      height: size,
+      borderRadius: 10
+    }, style)
+  }, rest), {}, {
+    children: imgEle
+  }));
+}
+BlockletAppAvatar.propTypes = {
+  blocklet: _propTypes.default.object.isRequired,
+  style: _propTypes.default.object,
+  size: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])
+};
+BlockletAppAvatar.defaultProps = {
+  style: {},
+  size: 40
+};

package/lib/blocklet/audit-logs.js

@@ -0,0 +1,197 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = WrappedAuditLogs;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _reactRouterDom = require("react-router-dom");
+var _reactMarkdownPreview = _interopRequireDefault(require("@uiw/react-markdown-preview"));
+var _Avatar = _interopRequireDefault(require("@arcblock/did-connect/lib/Avatar"));
+var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
+var _Empty = _interopRequireDefault(require("@arcblock/ux/lib/Empty"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _Pagination = _interopRequireDefault(require("@mui/lab/Pagination"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _Select = _interopRequireDefault(require("@mui/material/Select"));
+var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
+var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
+var _auditLog = require("../contexts/audit-log");
+var _node = require("../contexts/node");
+var _relativeTime = _interopRequireDefault(require("../relative-time"));
+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) } })); }
+const getUserLink = _ref => {
+  let {
+    log,
+    info,
+    inService
+  } = _ref;
+  if (inService) {
+    // TODO
+    return "/members?did=".concat(log.actor.did);
+  }
+  if (log.scope === info.did) {
+    return "/team/members?did=".concat(log.actor.did);
+  }
+  return "/blocklets/".concat(log.scope, "/members?did=").concat(log.actor.did);
+};
+function AuditLog(_ref2) {
+  var _log$env$os, _log$env$browser;
+  let {
+    log
+  } = _ref2;
+  const {
+    inService,
+    info
+  } = (0, _node.useNodeContext)();
+  if (!log.actor.did) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+    className: "log-entry",
+    "data-cy": "log-entry",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "log-author",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
+        did: log.actor.did,
+        size: 36,
+        shape: "circle"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "log-body",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
+        className: "log-header",
+        color: "textSecondary",
+        component: "p",
+        gutterBottom: true,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactRouterDom.Link, {
+          to: getUserLink({
+            log,
+            inService,
+            info
+          }),
+          target: "_blank",
+          children: [log.actor.fullName, log.actor.role ? "(".concat(log.actor.role, ")") : '']
+        }), ' ', "- ", log.action]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+        className: "log-content",
+        color: "textPrimary",
+        component: "div",
+        "data-color-mode": "light",
+        gutterBottom: true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactMarkdownPreview.default, {
+          source: log.content,
+          linkTarget: "_blank"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+        className: "log-meta",
+        variant: "body2",
+        children: [!!log.ip && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+          component: "span",
+          color: "textSecondary",
+          children: "IP: ".concat(log.ip)
+        }), !!((_log$env$os = log.env.os) !== null && _log$env$os !== void 0 && _log$env$os.name) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
+          component: "span",
+          color: "textSecondary",
+          children: [log.env.os.name, "(", log.env.os.version, ")"]
+        }), !!((_log$env$browser = log.env.browser) !== null && _log$env$browser !== void 0 && _log$env$browser.name) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
+          component: "span",
+          color: "textSecondary",
+          children: [log.env.browser.name, "(", log.env.browser.version, ")"]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+          component: "span",
+          color: "textSecondary",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_relativeTime.default, {
+            value: log.createdAt
+          })
+        })]
+      })]
+    })]
+  });
+}
+function AuditLogs() {
+  const {
+    t
+  } = (0, _context.useLocaleContext)();
+  const {
+    data,
+    loading,
+    paging,
+    filter,
+    categories,
+    setCategory,
+    fetch
+  } = (0, _auditLog.useAuditLogContext)();
+  if (loading) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        textAlign: 'center',
+        marginTop: '50px'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {})
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, {
+    "data-cy": "audit-logs",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+      className: "log-controls",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_FormControl.default, {
+        style: {
+          width: '240px'
+        },
+        variant: "outlined",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_InputLabel.default, {
+          children: t('common.filter')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
+          "data-cy": "filter-by-category-trigger",
+          value: filter.category,
+          onChange: e => setCategory(e.target.value),
+          fullWidth: true,
+          label: t('common.category'),
+          disabled: loading,
+          children: categories.map(x => /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.default, {
+            value: x.value,
+            "data-cy": "filter-by-category-".concat(x.value),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                children: x.label
+              })
+            })
+          }, x.label))
+        })]
+      })
+    }), data.length === 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Empty.default, {
+      children: t('common.empty')
+    }), data.length > 0 && data.map(x => /*#__PURE__*/(0, _jsxRuntime.jsx)(AuditLog, {
+      log: x
+    }, x.id)), paging.pageCount > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Pagination.default, {
+      page: paging.page,
+      count: paging.pageCount,
+      onChange: (e, page) => fetch({
+        page
+      }),
+      showFirstButton: true,
+      showLastButton: true
+    })]
+  });
+}
+function WrappedAuditLogs(_ref3) {
+  let {
+    scope
+  } = _ref3;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_auditLog.AuditLogProvider, {
+    scope: scope,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(AuditLogs, {})
+  });
+}
+const Div = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .log-controls {\n    display: flex;\n    justify-content: space-between;\n  }\n  .log-entry {\n    display: flex;\n    margin: 16px 0;\n\n    .log-author {\n      margin-right: 8px;\n    }\n\n    .log-body {\n      flex: 1;\n\n      a {\n        color: ", ";\n      }\n\n      .log-header {\n      }\n\n      .log-content {\n        p {\n          margin-bottom: 4px;\n        }\n        ul,\n        ol {\n          padding-left: 2rem;\n        }\n        li {\n          list-style-type: disc;\n        }\n      }\n\n      .log-meta {\n        margin-top: 4px;\n\n        span {\n          font-size: 0.8rem;\n          display: inline-block;\n          margin-right: 8px;\n          padding-right: 8px;\n          border-right: 1px solid #ccc;\n\n          &:last-of-type {\n            border-right: none;\n          }\n        }\n      }\n    }\n  }\n"])), _ref4 => {
+  let {
+    theme
+  } = _ref4;
+  return theme.palette.primary.main;
+});

package/lib/blocklet/blocklet-source.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = BlockletSource;
+var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _urlJoin = _interopRequireDefault(require("url-join"));
+var _toUpper = _interopRequireDefault(require("lodash/toUpper"));
+var _Tag = _interopRequireDefault(require("@arcblock/ux/lib/Tag"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _Link = _interopRequireDefault(require("@mui/material/Link"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function BlockletSource(_ref) {
+  var _blocklet$meta;
+  let {
+    sourceInfo,
+    blocklet
+  } = _ref;
+  const {
+    t
+  } = (0, _react.useContext)(_context.LocaleContext);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+    display: "flex",
+    alignItems: "center",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tag.default, {
+      type: "success",
+      children: (0, _toUpper.default)(sourceInfo.source)
+    }, "source"), sourceInfo.source === 'registry' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link.default, {
+      href: (0, _urlJoin.default)(sourceInfo.deployedFrom, 'blocklets', (blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$meta = blocklet.meta) === null || _blocklet$meta === void 0 ? void 0 : _blocklet$meta.bundleDid) || ''),
+      target: "_blank",
+      className: "page-link",
+      underline: "hover",
+      style: {
+        display: 'flex',
+        alignItems: 'center',
+        marginLeft: 8
+      },
+      children: t('blocklet.overview.viewInStore')
+    })]
+  });
+}
+BlockletSource.propTypes = {
+  sourceInfo: _propTypes.default.shape({
+    source: _propTypes.default.string,
+    deployedFrom: _propTypes.default.string
+  }),
+  blocklet: _propTypes.default.object
+};
+BlockletSource.defaultProps = {
+  sourceInfo: {},
+  blocklet: {}
+};

package/lib/blocklet/bundle-avatar.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = BlockletAvatar;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Avatar = _interopRequireDefault(require("@mui/material/Avatar"));
+var _Avatar2 = _interopRequireDefault(require("@arcblock/did-connect/lib/Avatar"));
+var _useBundleLogo = _interopRequireDefault(require("../hooks/use-bundle-logo"));
+var _node = require("../contexts/node");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["blocklet", "style", "size", "ancestors"];
+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) { 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; }
+function BlockletAvatar(_ref) {
+  let {
+      blocklet,
+      style,
+      size,
+      ancestors
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const node = (0, _node.useNodeContext)();
+  const {
+    logoUrl,
+    inService
+  } = (0, _useBundleLogo.default)({
+    blocklet,
+    ancestors
+  });
+  const {
+    variant
+  } = rest;
+  const setFallBackUrl = inService ? () => {} : ev => {
+    ev.target.src = "".concat(node.imgPrefix, "/blocklet.png");
+  };
+  let imgEle = /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+    src: logoUrl,
+    onError: setFallBackUrl,
+    alt: blocklet.meta.name,
+    style: {
+      width: size
+    }
+  });
+  if (!blocklet.meta.logo) {
+    imgEle = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar2.default, {
+      did: blocklet.meta.did || '',
+      responsive: true
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, _objectSpread(_objectSpread({
+    variant: variant || 'square',
+    style: Object.assign({
+      backgroundColor: 'transparent',
+      width: size,
+      height: size,
+      borderRadius: 10
+    }, style)
+  }, rest), {}, {
+    children: imgEle
+  }));
+}
+BlockletAvatar.propTypes = {
+  blocklet: _propTypes.default.object.isRequired,
+  style: _propTypes.default.object,
+  size: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  ancestors: _propTypes.default.array
+};
+BlockletAvatar.defaultProps = {
+  style: {},
+  size: 40,
+  ancestors: []
+};