@abtnode/ux 1.8.26 → 1.8.28

package/lib/contexts/node.js

@@ -0,0 +1,28 @@
+"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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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/did-address.js

@@ -0,0 +1,75 @@
+"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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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;

package/lib/form/form-text-input.js

@@ -4,66 +4,43 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = FormTextInput;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
-
 var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
-
 var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
-
 var _EditIcon = _interopRequireDefault(require("@arcblock/icons/lib/EditIcon"));
-
 var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
-
 var _Done = _interopRequireDefault(require("@mui/icons-material/Done"));
-
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
-
 var _required = _interopRequireDefault(require("./required"));
-
 var _formWrapper = _interopRequireDefault(require("./form-wrapper"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 const _excluded = ["label", "disabled", "required", "initialValue", "onChange", "placeholder", "style", "onSubmit"];
-
 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 _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 FormTextInput(_ref) {
   let {
-    label,
-    disabled,
-    required,
-    initialValue,
-    onChange,
-    placeholder,
-    style,
-    onSubmit
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+      label,
+      disabled,
+      required,
+      initialValue,
+      onChange,
+      placeholder,
+      style,
+      onSubmit
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const [editing, setEditing] = (0, _react.useState)(false);
   const [loading, setLoading] = (0, _react.useState)(false);
   const [defaultValue, setDefaultValue] = (0, _react.useState)(initialValue);
   const [value, setValue] = (0, _react.useState)(defaultValue);
-
   const handleSubmit = async () => {
     setLoading(true);
-
     try {
       await onSubmit(value);
       setDefaultValue(value);
@@ -74,19 +51,17 @@ function FormTextInput(_ref) {
       setEditing(false);
     }
   };
-
   const onInputChange = changeValue => {
     setValue(changeValue);
     onChange(changeValue);
-  }; // enter keydown
-
+  };
 
+  // enter keydown
   const handleKeydown = e => {
     if (e.key === 'Enter') {
       handleSubmit();
     }
   };
-
   const input = editing ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, _objectSpread({
     style: {
       flex: 1
@@ -153,7 +128,6 @@ function FormTextInput(_ref) {
     })
   });
 }
-
 FormTextInput.propTypes = {
   style: _propTypes.default.object,
   onSubmit: _propTypes.default.func,

package/lib/form/form-wrapper.js

@@ -4,17 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
-
 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) } })); }
-
 var _default = (0, _styled.default)(_Box.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  flex-grow: 1;\n  overflow-y: auto;\n  ", " {\n    width: 100%;\n    flex-shrink: 0;\n    padding: 0 24px;\n    transform: translate(0, 0);\n    /* max-height: 60vh; */\n  }\n\n  .form-item {\n    width: 100%;\n    margin-bottom: 24px;\n    position: relative;\n    ", " {\n      flex-wrap: wrap;\n      justify-content: space-between;\n      width: 100%;\n      flex-shrink: 0;\n    }\n  }\n\n  .form-item-body {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    margin-top: 4px;\n  }\n\n  .form-item-label {\n    line-height: 1.2;\n    font-size: 14px;\n    color: #888;\n    font-weight: bold;\n\n    ", " {\n      text-align: left;\n      width: auto;\n      flex-grow: 1;\n    }\n  }\n\n  .form-item-input {\n    flex-grow: 1;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n\n    &.slot {\n      height: 40px;\n      line-height: 40px;\n      background: #f8f8f8;\n      font-size: 16px;\n    }\n  }\n\n  .form-item-action {\n    // width: 100px;\n    text-align: left;\n    margin-left: 12px;\n    flex-shrink: 0;\n    ", " {\n      width: auto;\n      margin-left: 0px;\n    }\n    .MuiIconButton-root {\n      padding: 8px;\n      svg {\n        fill: #888;\n      }\n      &.Mui-disabled {\n        opacity: 0.4;\n      }\n    }\n  }\n"])), props => props.theme.breakpoints.down('md'), props => props.theme.breakpoints.down('md'), props => props.theme.breakpoints.down('md'), props => props.theme.breakpoints.down('md'));
-
 exports.default = _default;

package/lib/form/required.js

@@ -4,16 +4,10 @@ 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 Required = _styled.default.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: ", ";\n  &::before {\n    content: '*';\n  }\n"])), props => props.theme.palette.error.main);
-
 var _default = Required;
 exports.default = _default;

package/lib/hooks/mobile-width.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _styles = require("@mui/styles");
+var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function useMobileWidth() {
+  const theme = (0, _styles.useTheme)();
+  const isBreakpointsDownSm = (0, _useMediaQuery.default)(theme.breakpoints.down('md'));
+  const minWidth = isBreakpointsDownSm ? 300 : theme.breakpoints.values.sm;
+  return {
+    minWidth
+  };
+}
+var _default = useMobileWidth;
+exports.default = _default;

package/lib/hooks/use-passport-id.js

@@ -4,21 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = usePassportId;
-
 var _useLocalStorage = _interopRequireDefault(require("react-use/lib/useLocalStorage"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function usePassportId() {
   const [passportId, setPassportId, clearPassportId] = (0, _useLocalStorage.default)('passportId', '');
-
   const getPassportId = () => {
     setTimeout(() => {
       clearPassportId();
     }, 0);
     return passportId || '';
   };
-
   return {
     getPassportId,
     setPassportId

package/lib/icons/long-arrow.svg

@@ -0,0 +1,5 @@
+<svg width="65" height="16" viewBox="0 0 65 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M64.7071 8.70711C65.0976 8.31658 65.0976 7.68342 64.7071 7.29289L58.3431 0.928932C57.9526 0.538408 57.3195 0.538408 56.9289 0.928932C56.5384 1.31946 56.5384 1.95262 56.9289 2.34315L62.5858 8L56.9289 13.6569C56.5384 14.0474 56.5384 14.6805 56.9289 15.0711C57.3195 15.4616 57.9526 15.4616 58.3431 15.0711L64.7071 8.70711ZM0 9H64V7H0V9Z"
+    fill="#666666" />
+</svg>

package/lib/index.js

@@ -15,9 +15,6 @@ Object.defineProperty(exports, "LostPassport", {
     return _lostPassport.default;
   }
 });
-
 var _issuePassport = _interopRequireDefault(require("./issue-passport"));
-
 var _lostPassport = _interopRequireDefault(require("./lost-passport"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/invitation/invitation-app.js

@@ -4,39 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _Avatar = _interopRequireDefault(require("@arcblock/did-connect/lib/Avatar"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject;
-
 const _excluded = ["invitation"];
-
 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 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 _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 InvitationApp(_ref) {
   let {
-    invitation
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+      invitation
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, _objectSpread(_objectSpread({}, rest), {}, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
       did: invitation.info.did,
@@ -56,12 +41,9 @@ function InvitationApp(_ref) {
     })]
   }));
 }
-
 InvitationApp.propTypes = {
   invitation: _propTypes.default.object.isRequired
 };
-
 const Root = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  overflow: hidden;\n  .invite-app__content {\n    flex: 1;\n    margin: 0 12px;\n    font-weight: 700;\n    overflow: hidden;\n  }\n  .invite-app__title {\n    line-height: 1;\n    margin-bottom: 2px;\n    overflow: hidden;\n  }\n  .invite-app__description {\n    font-size: 12px;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    height: 1.3em;\n    color: #999;\n    overflow: hidden;\n  }\n"])));
-
 var _default = InvitationApp;
 exports.default = _default;

package/lib/invitation/invitation-passport.js

@@ -4,29 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _createPassportSvg = _interopRequireDefault(require("@abtnode/auth/lib/util/create-passport-svg"));
-
 var _context = require("@arcblock/ux/lib/Locale/context");
-
 var _Dialog = _interopRequireDefault(require("@arcblock/ux/lib/Dialog"));
-
 var _iconsMaterial = require("@mui/icons-material");
-
 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 InvitationPassport(_ref) {
   let {
     invitation,
@@ -50,7 +38,8 @@ function InvitationPassport(_ref) {
       // ownerAvatarUrl: user.avatar,
       isDataUrl: true,
       preferredColor: invitation.info.passportColor || passportColor
-    }); // eslint-disable-next-line react-hooks/exhaustive-deps
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [invitation, roleName]);
   const onViewPermission = (0, _react.useCallback)(() => {
     setOpen(true);
@@ -124,7 +113,6 @@ function InvitationPassport(_ref) {
     })]
   });
 }
-
 InvitationPassport.propTypes = {
   invitation: _propTypes.default.object.isRequired,
   passportColor: _propTypes.default.string
@@ -132,13 +120,11 @@ InvitationPassport.propTypes = {
 InvitationPassport.defaultProps = {
   passportColor: 'auto'
 };
-
 const Root = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  max-width: 350px;\n  margin: 30px auto;\n  .invite-passport__card {\n    margin-right: 12px;\n    width: 100px;\n    height: 100px;\n    flex-shrink: 0;\n    .invite-passport__cover {\n      width: 100%;\n      height: 100%;\n    }\n  }\n  .invite-passport__content {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n  }\n  .invite-passport__title {\n    font-weight: 700;\n    font-size: 16px;\n  }\n  .invite-passport__description {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    height: 3em;\n    color: #999;\n    font-size: 14px;\n  }\n  .invite-passport__view-permission {\n    cursor: pointer;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 18px;\n    color: ", ";\n  }\n"])), _ref2 => {
   let {
     theme
   } = _ref2;
   return theme.palette.primary.main;
 });
-
 var _default = InvitationPassport;
 exports.default = _default;

package/lib/invitation/invitation-receive.js

@@ -4,33 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _context = require("@arcblock/ux/lib/Locale/context");
-
 var _Connect = _interopRequireDefault(require("@arcblock/did-connect/lib/Connect"));
-
 var _Button = _interopRequireDefault(require("@arcblock/did-connect/lib/Button"));
-
 var _utils = require("@arcblock/did-connect/lib/utils");
-
 var _util = require("../util");
-
 var _usePassportId = _interopRequireDefault(require("../../lib/hooks/use-passport-id"));
-
 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 InvitationReceive(_ref) {
   let {
     invitation,
@@ -62,8 +48,8 @@ function InvitationReceive(_ref) {
       onReceive();
       return;
     }
-
-    setOpen(true); // eslint-disable-next-line react-hooks/exhaustive-deps
+    setOpen(true);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, {
@@ -100,7 +86,6 @@ function InvitationReceive(_ref) {
     })]
   });
 }
-
 InvitationReceive.propTypes = {
   invitation: _propTypes.default.object.isRequired,
   checkFn: _propTypes.default.func.isRequired,
@@ -111,13 +96,11 @@ InvitationReceive.defaultProps = {
   onLoginSuccess: () => {},
   onReceive: null
 };
-
 const Root = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  text-align: center;\n  .invite-receive__logo-wrapper {\n    display: inline-flex;\n    align-items: center;\n    color: #9397a1;\n    font-size: 14px;\n  }\n  .invite-receive__logo {\n    height: 16px;\n    margin-left: 8px;\n  }\n  .invite-receive__button {\n    width: 100%;\n    margin: 16px 0;\n    white-space: nowrap;\n  }\n  .invite-receive__until {\n    text-align: center;\n    font-size: 14px;\n  }\n  .invite-receive__description {\n    color: #999;\n    text-align: left;\n    list-style: decimal;\n    padding: 0;\n    padding-left: 1.2em;\n    margin: 40px 0;\n  }\n  .invite-receive__description-item {\n    list-style: decimal;\n  }\n  .invite-receive__link {\n    color: ", ";\n  }\n"])), _ref2 => {
   let {
     theme
   } = _ref2;
   return theme.palette.primary.main;
 });
-
 var _default = InvitationReceive;
 exports.default = _default;

package/lib/invitation/invitation-user.js

@@ -4,27 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _Avatar = _interopRequireDefault(require("@arcblock/did-connect/lib/Avatar"));
-
 var _context = require("@arcblock/ux/lib/Locale/context");
-
 var _util = require("../util");
-
 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 InvitationUser(_ref) {
   let {
     invitation
@@ -54,7 +43,6 @@ function InvitationUser(_ref) {
         children: invitation.inviter.fullName
       }, "name") : invitation.inviter.fullName;
     },
-
     dapp() {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
         target: "_blank",
@@ -64,7 +52,6 @@ function InvitationUser(_ref) {
         children: invitation.info.name
       }, "dapp");
     }
-
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
@@ -79,17 +66,14 @@ function InvitationUser(_ref) {
     })]
   });
 }
-
 InvitationUser.propTypes = {
   invitation: _propTypes.default.object.isRequired
 };
-
 const Root = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  .invite-user__name {\n    font-weight: 700;\n    font-size: 16px;\n    margin: 8px 0 2px 0;\n  }\n  .invite-user__address {\n    font-size: 12px;\n  }\n  .invite-user__message {\n    margin-top: 20px;\n    font-weight: 700;\n    /* width: 90%; */\n    text-align: center;\n    font-size: 18px;\n  }\n  .invite-user__link {\n    color: ", ";\n  }\n"])), _ref2 => {
   let {
     theme
   } = _ref2;
   return theme.palette.primary.main;
 });
-
 var _default = InvitationUser;
 exports.default = _default;