@abtnode/ux 1.15.17 → 1.16.0-beta-8ee536d7

package/lib/confirm.js

@@ -0,0 +1,149 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ConfirmDialog;
+var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
+var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
+var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
+var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
+var _DialogContentText = _interopRequireDefault(require("@mui/material/DialogContentText"));
+var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
+var _Alert = _interopRequireDefault(require("@mui/material/Alert"));
+var _useTheme = _interopRequireDefault(require("@mui/material/styles/useTheme"));
+var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
+var _util = require("./util");
+var _mobileWidth = _interopRequireDefault(require("./hooks/mobile-width"));
+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 ConfirmDialog(_ref) {
+  let {
+    title,
+    description,
+    showCancel,
+    cancel,
+    confirm,
+    color,
+    params: initialParams,
+    onCancel,
+    onConfirm
+  } = _ref;
+  const [params, setParams] = (0, _react.useState)(initialParams);
+  const [open, setOpen] = (0, _react.useState)(true);
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const [error, setError] = (0, _react.useState)('');
+  const {
+    t: changeLocale
+  } = (0, _context.useLocaleContext)();
+  const theme = (0, _useTheme.default)();
+  const onCallback = async cb => {
+    if (typeof cb === 'function') {
+      setLoading(true);
+      try {
+        await cb(params);
+        setOpen(false);
+      } catch (err) {
+        setError((0, _util.formatError)(err));
+        console.error(err);
+      } finally {
+        setLoading(false);
+      }
+    } else {
+      setOpen(false);
+    }
+  };
+  const t = typeof title === 'function' ? title() : title;
+  const d = typeof description === 'function' ? description(params, setParams, setError) : description;
+  const isBreakpointsDownSm = (0, _useMediaQuery.default)(theme.breakpoints.down('md'));
+  const handleClick = e => {
+    e.stopPropagation();
+  };
+  const {
+    minWidth
+  } = (0, _mobileWidth.default)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledDialog, {
+    onClick: handleClick,
+    fullScreen: isBreakpointsDownSm,
+    open: open,
+    style: {
+      minWidth
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogTitle.default, {
+      children: t
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_DialogContent.default, {
+      style: {
+        minWidth
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogContentText.default, {
+        component: "div",
+        children: d
+      }), !!error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.default, {
+        severity: "error",
+        style: {
+          width: '100%',
+          marginTop: 8
+        },
+        children: error
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_DialogActions.default, {
+      className: "delete-actions",
+      style: {
+        padding: '8px 24px 24px'
+      },
+      children: [showCancel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        onClick: e => {
+          e.stopPropagation();
+          onCallback(onCancel);
+        },
+        color: "inherit",
+        "data-cy": "cancel-confirm-dialog",
+        children: cancel || changeLocale('common.cancel')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
+        onClick: e => {
+          e.stopPropagation();
+          onCallback(onConfirm);
+        },
+        color: color
+        // eslint-disable-next-line no-underscore-dangle
+        ,
+        disabled: params.__disableConfirm || loading,
+        variant: "contained",
+        "data-cy": "submit-confirm-dialog",
+        autoFocus: true,
+        children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
+          size: 16
+        }), confirm]
+      })]
+    })]
+  });
+}
+ConfirmDialog.propTypes = {
+  title: _propTypes.default.any.isRequired,
+  description: _propTypes.default.any.isRequired,
+  // can be a function that renders different content based on params
+  showCancel: _propTypes.default.bool,
+  cancel: _propTypes.default.string,
+  color: _propTypes.default.string,
+  confirm: _propTypes.default.string,
+  params: _propTypes.default.object,
+  // This object holds states managed in the dialog
+  onCancel: _propTypes.default.func,
+  onConfirm: _propTypes.default.func.isRequired
+};
+ConfirmDialog.defaultProps = {
+  onCancel: () => {},
+  showCancel: true,
+  cancel: '',
+  confirm: 'Confirm',
+  color: 'error',
+  params: {}
+};
+const StyledDialog = (0, _styled.default)(_Dialog.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .delete-actions .Mui-disabled {\n    color: rgba(0, 0, 0, 0.26) !important;\n    box-shadow: none;\n    background-color: rgba(0, 0, 0, 0.12) !important;\n  }\n"])));

package/lib/contexts/audit-log.js

@@ -0,0 +1,141 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AuditLogContext = exports.AuditLogConsumer = void 0;
+exports.AuditLogProvider = AuditLogProvider;
+exports.useAuditLogContext = useAuditLogContext;
+var _react = require("react");
+var _useLocalStorage = _interopRequireDefault(require("react-use/lib/useLocalStorage"));
+var _toast = _interopRequireDefault(require("../toast"));
+var _node = require("./node");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const AuditLogContext = /*#__PURE__*/(0, _react.createContext)({});
+exports.AuditLogContext = AuditLogContext;
+const {
+  Provider,
+  Consumer
+} = AuditLogContext;
+
+// eslint-disable-next-line react/prop-types
+exports.AuditLogConsumer = Consumer;
+function AuditLogProvider(_ref) {
+  let {
+    children,
+    scope = ''
+  } = _ref;
+  const {
+    api: client
+  } = (0, _node.useNodeContext)();
+  const [auditLogs, setAuditLogs] = (0, _react.useState)([]);
+  const [paging, setPaging] = (0, _react.useState)({
+    total: 0,
+    pageSize: 20,
+    pageCount: 0,
+    page: 1
+  });
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const [category, setCategory] = (0, _useLocalStorage.default)("audit-log-category-".concat(scope), 'all');
+  const fetchLogs = async function fetchLogs() {
+    let {
+      page = 1,
+      silent = true
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    if (loading) {
+      return;
+    }
+    if (!silent) {
+      setLoading(true);
+    }
+    try {
+      // eslint-disable-next-line no-shadow
+      const res = await client.getAuditLogs({
+        input: {
+          paging: {
+            page
+          },
+          category: category === 'all' ? '' : category,
+          scope
+        }
+      });
+      setAuditLogs(res.list);
+      setPaging(res.paging);
+      setLoading(false);
+    } catch (err) {
+      _toast.default.error(err.message);
+      setLoading(false);
+    }
+  };
+  (0, _react.useEffect)(() => {
+    fetchLogs({
+      page: 1,
+      silent: false
+    });
+  }, []); // eslint-disable-line
+
+  (0, _react.useEffect)(() => {
+    fetchLogs({
+      page: 1,
+      silent: false
+    });
+  }, [category]); // eslint-disable-line
+
+  const value = {
+    loading,
+    fetch: fetchLogs,
+    filter: {
+      category,
+      scope
+    },
+    categories: [{
+      value: 'all',
+      label: 'All',
+      description: ''
+    }, {
+      value: 'blocklet',
+      label: 'Blocklet Management',
+      description: ''
+    }, {
+      value: 'server',
+      label: 'Server Management',
+      description: ''
+    }, {
+      value: 'team',
+      label: 'Team Management',
+      description: ''
+    }, {
+      value: 'security',
+      label: 'Security',
+      description: ''
+    }, {
+      value: 'certificates',
+      label: 'Certificate Management',
+      description: ''
+    }, {
+      value: 'integrations',
+      label: 'Integration Management',
+      description: ''
+    }, {
+      value: 'gateway',
+      label: 'Gateway',
+      description: ''
+    }],
+    setCategory,
+    data: auditLogs,
+    paging
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Provider, {
+    value: {
+      auditLogs: value
+    },
+    children: children
+  });
+}
+function useAuditLogContext() {
+  const {
+    auditLogs
+  } = (0, _react.useContext)(AuditLogContext);
+  return auditLogs;
+}

package/lib/contexts/blocklet.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BlockletProvider = exports.BlockletContext = exports.BlockletConsumer = void 0;
+exports.useBlockletContext = useBlockletContext;
+var _react = require("react");
+const BlockletContext = /*#__PURE__*/(0, _react.createContext)({});
+exports.BlockletContext = BlockletContext;
+const {
+  Provider,
+  Consumer
+} = BlockletContext;
+exports.BlockletConsumer = Consumer;
+exports.BlockletProvider = Provider;
+function useBlockletContext() {
+  return (0, _react.useContext)(BlockletContext);
+}

package/lib/contexts/deleting-blocklets.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DeletingBlockletProvider = DeletingBlockletProvider;
+exports.useDeletingBlockletContext = useDeletingBlockletContext;
+var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _xorWith = _interopRequireDefault(require("lodash/xorWith"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const DeletingBlockletContext = /*#__PURE__*/(0, _react.createContext)({});
+function DeletingBlockletProvider(_ref) {
+  let {
+    children,
+    type
+  } = _ref;
+  const [deletingBlocklets, setDeletingBlocklets] = (0, _react.useState)([]);
+  const deletingBlockletsDid = (0, _react.useRef)([]); // use in onActionComplete
+
+  /**
+   * 添加删除中的 blocklet did
+   * @param {String} did 删除中的did
+   */
+  const addDeletingDid = did => {
+    if (!deletingBlockletsDid.current.includes(did)) {
+      const reDeleteings = [...deletingBlockletsDid.current, did];
+      setDeletingBlocklets(reDeleteings);
+      deletingBlockletsDid.current = reDeleteings;
+    }
+  };
+
+  /**
+   * 去除删除中的 blocklet did
+   * @param {String} did 删除中的did
+   */
+  const removeDeletingDid = did => {
+    if (deletingBlockletsDid.current.includes(did)) {
+      const reDeleteings = deletingBlockletsDid.current.filter(d => {
+        return d !== did;
+      });
+      setDeletingBlocklets(reDeleteings);
+      deletingBlockletsDid.current = reDeleteings;
+    }
+  };
+
+  /**
+   * 将不在的 blocklet id 移出 deleting 数组
+   * @param {Array} existDids 已存在的 blocklet did 数组集
+   */
+  const matchDeletingDid = existDids => {
+    const inDeleting = deletingBlocklets.filter(did => existDids.find(e => e === did));
+    const needMoveoutDeleting = (0, _xorWith.default)(inDeleting, deletingBlocklets);
+    needMoveoutDeleting.forEach(did => removeDeletingDid(did));
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DeletingBlockletContext.Provider, {
+    // eslint-disable-next-line react/jsx-no-constructed-context-values
+    value: {
+      type,
+      deletingBlocklets,
+      addDeletingDid,
+      removeDeletingDid,
+      matchDeletingDid
+    },
+    children: children
+  });
+}
+DeletingBlockletProvider.propTypes = {
+  type: _propTypes.default.string,
+  children: _propTypes.default.node.isRequired
+};
+DeletingBlockletProvider.defaultProps = {
+  type: 'blocklets'
+};
+function useDeletingBlockletContext() {
+  return (0, _react.useContext)(DeletingBlockletContext);
+}

package/lib/contexts/node.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NodeProvider = exports.NodeContext = exports.NodeConsumer = void 0;
+exports.useNodeContext = useNodeContext;
+var _react = require("react");
+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); }
+const NodeContext = /*#__PURE__*/(0, _react.createContext)({});
+exports.NodeContext = NodeContext;
+const {
+  Provider,
+  Consumer
+} = NodeContext;
+exports.NodeConsumer = Consumer;
+exports.NodeProvider = Provider;
+function useNodeContext() {
+  const {
+    node
+  } = (0, _react.useContext)(NodeContext);
+  return _objectSpread(_objectSpread({}, node), {}, {
+    inService: node.type === 'service',
+    inDaemon: node.type === 'daemon'
+  });
+}

package/lib/contexts/session.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "SessionContext", {
+  enumerable: true,
+  get: function get() {
+    return _Session.SessionContext;
+  }
+});
+exports.useSessionContext = useSessionContext;
+var _react = require("react");
+var _Session = require("@arcblock/did-connect/lib/Session");
+/* eslint-disable object-curly-newline */
+
+function useSessionContext() {
+  const info = (0, _react.useContext)(_Session.SessionContext);
+  return info;
+}

package/lib/contexts/team.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TeamProvider = exports.TeamContext = exports.TeamConsumer = void 0;
+exports.useTeamContext = useTeamContext;
+var _react = require("react");
+const TeamContext = /*#__PURE__*/(0, _react.createContext)({});
+exports.TeamContext = TeamContext;
+const {
+  Provider,
+  Consumer
+} = TeamContext;
+exports.TeamConsumer = Consumer;
+exports.TeamProvider = Provider;
+function useTeamContext() {
+  return (0, _react.useContext)(TeamContext);
+}

package/lib/delete-confirm.js

@@ -0,0 +1,127 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = CancelConfirm;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+var _Alert = _interopRequireDefault(require("@mui/material/Alert"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _clickToCopy = _interopRequireDefault(require("./click-to-copy"));
+var _confirm = _interopRequireDefault(require("./confirm"));
+var _jsxRuntime = require("react/jsx-runtime");
+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 CancelConfirm(_ref) {
+  let {
+    title: _title,
+    description: _description,
+    confirmPlaceholder,
+    cancel,
+    confirm,
+    params: initialParams,
+    onCancel,
+    onConfirm,
+    keyName
+  } = _ref;
+  const {
+    t
+  } = (0, _context.useLocaleContext)();
+  const confirmSetting = {
+    title: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      children: [_title, " (".concat(keyName, ")")]
+    }),
+    description: (params, setParams) => {
+      const setValue = value => {
+        // eslint-disable-next-line no-underscore-dangle
+        setParams(_objectSpread(_objectSpread({}, value), {}, {
+          __disableConfirm: value.__disableConfirm
+        }));
+      };
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.default, {
+          severity: "warning",
+          style: {
+            width: '100%'
+          },
+          children: t('common.notice')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          style: {
+            marginTop: 24,
+            marginBottom: 24
+          },
+          dangerouslySetInnerHTML: {
+            __html: _description
+          }
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          style: {
+            marginBottom: 24
+          },
+          children: [t('common.click'), "\uFF1A", /*#__PURE__*/(0, _jsxRuntime.jsx)(_clickToCopy.default, {
+            "data-cy": "click-copy",
+            children: keyName
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+          component: "div",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
+            label: confirmPlaceholder,
+            autoComplete: "off",
+            "data-cy": "delete-confirm-input",
+            variant: "outlined",
+            fullWidth: true,
+            autoFocus: true,
+            value: params.inputVal,
+            onChange: e => {
+              setValue(_objectSpread(_objectSpread({}, params), {}, {
+                inputVal: e.target.value,
+                __disableConfirm: keyName !== e.target.value
+              }));
+            }
+          })
+        })]
+      });
+    },
+    confirm,
+    cancel,
+    onConfirm,
+    onCancel,
+    params: _objectSpread({
+      inputVal: '',
+      __disableConfirm: true
+    }, initialParams)
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_confirm.default, {
+    title: confirmSetting.title,
+    description: confirmSetting.description,
+    confirm: confirmSetting.confirm,
+    cancel: confirmSetting.cancel,
+    params: confirmSetting.params,
+    onConfirm: confirmSetting.onConfirm,
+    onCancel: confirmSetting.onCancel
+  });
+}
+CancelConfirm.propTypes = {
+  title: _propTypes.default.any.isRequired,
+  keyName: _propTypes.default.any.isRequired,
+  description: _propTypes.default.any.isRequired,
+  // can be a function that renders different content based on params
+  confirmPlaceholder: _propTypes.default.any.isRequired,
+  cancel: _propTypes.default.string,
+  confirm: _propTypes.default.string,
+  params: _propTypes.default.object,
+  // This object holds states managed in the dialog
+  onCancel: _propTypes.default.func,
+  onConfirm: _propTypes.default.func.isRequired
+};
+CancelConfirm.defaultProps = {
+  onCancel: () => {},
+  cancel: '',
+  confirm: 'Confirm',
+  params: {}
+};

package/lib/did-address.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _reactRouterDom = require("react-router-dom");
+var _Link = _interopRequireDefault(require("@mui/material/Link"));
+var _Address = _interopRequireDefault(require("@arcblock/did-connect/lib/Address"));
+var _Avatar = _interopRequireDefault(require("@arcblock/did-connect/lib/Avatar"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["did", "href", "external", "avatarProps"];
+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 WrappedDidAddress(_ref) {
+  let {
+      did,
+      href,
+      external,
+      avatarProps
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  // eslint-disable-next-line react/no-unstable-nested-components
+  function Content() {
+    if (href) {
+      if (external) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link.default, {
+          target: "_blank",
+          href: href,
+          underline: "hover",
+          children: did
+        });
+      }
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
+        to: href,
+        children: did
+      });
+    }
+    return did;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Address.default, _objectSpread(_objectSpread({
+    prepend: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+      component: "span",
+      display: "flex",
+      mr: 1,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, _objectSpread({
+        did: did,
+        size: 18
+      }, avatarProps))
+    })
+  }, rest), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Content, {})
+  }));
+}
+WrappedDidAddress.propTypes = {
+  did: _propTypes.default.string.isRequired,
+  to: _propTypes.default.string,
+  href: _propTypes.default.string,
+  avatarProps: _propTypes.default.object,
+  external: _propTypes.default.bool
+};
+WrappedDidAddress.defaultProps = {
+  to: '',
+  href: '',
+  avatarProps: {},
+  external: false
+};
+var _default = WrappedDidAddress;
+exports.default = _default;

package/lib/dot.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+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 color = {
+  success: '#3ab39d',
+  error: '#D0021B'
+};
+const defaultSize = '10px';
+const Dot = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-block;\n  width: ", ";\n  height: ", ";\n  background: ", ";\n  border-radius: 100%;\n"])), props => props.size || defaultSize, props => props.size || defaultSize, props => color[props.color] || props.color || color.success);
+var _default = Dot;
+exports.default = _default;