@abtnode/ux 1.6.31 → 1.7.2

package/lib/issue-passport.js

@@ -94,7 +94,6 @@ function IssuePassport(_ref) {
   }, t('issuePassport.dialog.success')), /*#__PURE__*/_react.default.createElement(_Box.default, {
     mt: 3
   }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    rounded: true,
     variant: "contained",
     color: "primary",
     onClick: onLogin

package/lib/launch-blocklet/content-layout.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ContentLayout;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+const _excluded = ["children"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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 ContentLayout(_ref) {
+  let {
+    children
+  } = _ref,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_react.default.createElement(Container, props, children);
+}
+
+ContentLayout.propTypes = {
+  children: _propTypes.default.any.isRequired
+};
+
+const Container = _styledComponents.default.div.withConfig({
+  displayName: "content-layout__Container",
+  componentId: "sc-panu44-0"
+})(["display:flex;flex-direction:column;align-items:center;width:100%;height:100%;.header{text-align:center;}.body{display:flex;flex-direction:column;align-items:center;margin-top:30px;width:100%;min-height:200px;flex:1;", "{padding:24px;}", "{padding:0 16px 16px;}}.footer{display:flex;justify-content:center;", "{padding-bottom:34px;}", "{margin-top:auto;padding-bottom:10px;}}"], props => props.theme.breakpoints.up('md'), props => props.theme.breakpoints.down('sm'), props => props.theme.breakpoints.up('sm'), props => props.theme.breakpoints.down('sm'));

package/lib/launch-blocklet/page-header.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function PageHeader(_ref) {
+  let {
+    title,
+    subTitle
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(Content, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "title"
+  }, title), /*#__PURE__*/_react.default.createElement("div", {
+    className: "sub-title"
+  }, subTitle));
+}
+
+const Content = _styledComponents.default.div.withConfig({
+  displayName: "page-header__Content",
+  componentId: "sc-1w6zplg-0"
+})(["text-align:center;.title{font-size:24px;font-weight:400;color:", ";}.sub-title{margin:0 auto;max-width:90%;font-size:14px;color:", ";}"], props => props.theme.palette.common.black, props => props.theme.palette.grey[600]);
+
+var _default = PageHeader;
+exports.default = _default;
+PageHeader.propTypes = {
+  title: _propTypes.default.string,
+  subTitle: _propTypes.default.string
+};
+PageHeader.defaultProps = {
+  title: '',
+  subTitle: ''
+};

package/lib/layout/addon.js

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = HeaderAddon;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+
+var _HelpOutline = _interopRequireDefault(require("@material-ui/icons/HelpOutline"));
+
+var _reactRouterDom = require("react-router-dom");
+
+var _SessionManager = _interopRequireDefault(require("@arcblock/did-connect/lib/SessionManager"));
+
+var _selector = _interopRequireDefault(require("@arcblock/ux/lib/Locale/selector"));
+
+var _context = require("@arcblock/ux/lib/Locale/context");
+
+var _utils = require("@arcblock/did-connect/lib/utils");
+
+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 react/jsx-one-expression-per-line */
+function HeaderAddon(_ref) {
+  let {
+    SessionContext,
+    webWalletUrl,
+    extraItems
+  } = _ref;
+  const {
+    session
+  } = (0, _react.useContext)(SessionContext);
+  const {
+    locale
+  } = (0, _react.useContext)(_context.LocaleContext);
+  const location = (0, _reactRouterDom.useLocation)();
+  const walletUrl = webWalletUrl || (0, _utils.getWebWalletUrl)();
+  const docPaths = {
+    '/dashboard': '/introduction/abtnode-overview',
+    '/store': '/marketplace',
+    '/blocklets': '/blocklet',
+    '/router/rules': '/router',
+    '/router/engine': '/router',
+    '/settings/basic': '/misc',
+    '/settings/team': '/misc/member-management',
+    '/console': '/misc/graphql-console'
+  };
+
+  const onHelpClick = () => {
+    const pathName = location.pathname;
+    let path = '';
+
+    if (pathName.indexOf('/blocklets') > -1) {
+      path = docPaths['/blocklets'];
+    } else if (pathName.indexOf('/store') > -1) {
+      path = docPaths['/store'];
+    } else if (docPaths[pathName]) {
+      path = docPaths[pathName];
+    }
+
+    const w = window.open('about:blank');
+    w.location.href = "https://docs.arcblock.io/abtnode/".concat(locale).concat(path);
+  };
+
+  return /*#__PURE__*/_react.default.createElement(Div, null, extraItems.map(x => x), /*#__PURE__*/_react.default.createElement(_selector.default, {
+    "data-cy": "locale-addon",
+    size: 23,
+    showText: false,
+    className: "locale-addon"
+  }), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    onClick: onHelpClick
+  }, /*#__PURE__*/_react.default.createElement(_HelpOutline.default, {
+    style: {
+      fontSize: 28
+    }
+  })), /*#__PURE__*/_react.default.createElement(_SessionManager.default, {
+    session: session,
+    webWalletUrl: walletUrl,
+    size: 24,
+    showRole: true
+  }));
+}
+
+HeaderAddon.propTypes = {
+  SessionContext: _propTypes.default.object.isRequired,
+  webWalletUrl: _propTypes.default.string,
+  extraItems: _propTypes.default.array
+};
+HeaderAddon.defaultProps = {
+  webWalletUrl: '',
+  extraItems: []
+};
+
+const Div = _styledComponents.default.div.withConfig({
+  displayName: "addon__Div",
+  componentId: "sc-5tyqcw-0"
+})(["display:flex;justify-content:center;align-items:center;.user-addon{.user-avatar{width:28px;border-radius:14px;height:auto;}}", "{button,a{padding-left:8px;padding-right:8px;}}"], props => props.theme.breakpoints.down('sm'));

package/lib/locales/en.js

@@ -11,7 +11,7 @@ module.exports = flat({
       scan: 'Use your DID Wallet to claim the passport',
       confirm: 'Confirm on your DID Wallet',
       success: 'The passport has been successfully added in your wallet',
-      loginWithPassport: 'Login with this Passport'
+      loginWithPassport: 'Connect with this Passport'
     }
   },
   lostPassport: {
@@ -22,7 +22,7 @@ module.exports = flat({
       confirm: 'Confirm on your DID Wallet',
       success: 'The passport has been successfully added in your wallet'
     },
-    return: 'Login with passport',
+    return: 'Connect with passport',
     selectPassport: 'Select passport',
     receivePassport: 'Receive passport'
   },

package/lib/locales/zh.js

@@ -6,20 +6,20 @@ const flat = require('flat');
 module.exports = flat({
   issuePassport: {
     title: '领取通行证',
-    description: '使用 DID Wallet 领取 {name} 颁发的通行证',
+    description: '使用 DID 钱包领取 {name} 颁发的通行证',
     dialog: {
-      confirm: '在您的 ABT 钱包上确认',
-      success: '通行证已成功添加到您的钱包',
-      loginWithPassport: '用此通行证登录'
+      confirm: '在您的 DID 钱包上确认',
+      success: '通行证已成功添加到您的 DID 钱包',
+      loginWithPassport: '用此通行证连接'
     }
   },
   lostPassport: {
     title: '找回通行证',
     description: '{name} 所有者可扫描二维码找回通行证，成员请联系所有者重新颁发通行证',
     dialog: {
-      scan: '用您的 ABT 钱包扫描下面的二维码',
-      confirm: '在您的 ABT 钱包上确认',
-      success: '通行证已成功添加到您的钱包'
+      scan: '用您的 DID 钱包扫描下面的二维码',
+      confirm: '在您的 DID 钱包上确认',
+      success: '通行证已成功添加到您的 DID 钱包'
     },
     return: '使用通行证登录',
     selectPassport: '选择通行证',

package/lib/lost-passport.js

@@ -90,7 +90,8 @@ function LostPassport(_ref2) {
   let {
     SessionContext,
     webWalletUrl,
-    createPassportSvg
+    createPassportSvg,
+    passportColor
   } = _ref2;
   const {
     api,
@@ -197,7 +198,8 @@ function LostPassport(_ref2) {
               issuerDid: x.issuer.id,
               ownerName: user.fullName,
               ownerAvatarUrl: user.avatar,
-              isDataUrl: true
+              isDataUrl: true,
+              preferredColor: passportColor || 'auto'
             }),
             name: x.title
           };
@@ -211,7 +213,6 @@ function LostPassport(_ref2) {
       })), /*#__PURE__*/_react.default.createElement(_Box.default, {
         textAlign: "center"
       }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-        rounded: true,
         variant: "contained",
         color: "primary",
         onClick: () => onSelectPassport(),
@@ -264,7 +265,6 @@ function LostPassport(_ref2) {
       style: {
         marginTop: 40
       },
-      rounded: true,
       variant: "contained",
       color: "primary",
       onClick: onLogin

package/lib/util/index.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sleep = sleep;
+exports.validateDomain = void 0;
+
+var _constant = require("@abtnode/constant");
+
+function sleep(t) {
+  return new Promise(resolve => setTimeout(resolve, t));
+}
+
+const validateDomain = function validateDomain(domain) {
+  let locale = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'en';
+
+  if (!domain) {
+    return {
+      en: 'Site domain cannot be empty',
+      zh: '站点域名不能为空'
+    }[locale];
+  }
+
+  if (domain.endsWith(_constant.DEFAULT_IP_DOMAIN_SUFFIX)) {
+    return {
+      en: "Site domain cannot include ".concat(_constant.DEFAULT_IP_DOMAIN_SUFFIX),
+      zh: "\u7AD9\u70B9\u57DF\u540D\u4E0D\u80FD\u5305\u542B ".concat(_constant.DEFAULT_IP_DOMAIN_SUFFIX)
+    }[locale];
+  }
+
+  return null;
+};
+
+exports.validateDomain = validateDomain;

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.6.31",
+  "version": "1.7.2",
   "description": "UX components shared across abtnode packages",
   "main": "lib/index.js",
   "files": [
@@ -20,8 +20,10 @@
   "author": "linchen <linchen1987@foxmail.com> (http://github.com/linchen1987)",
   "license": "MIT",
   "dependencies": {
-    "@arcblock/did-connect": "^1.16.43",
-    "@arcblock/ux": "^1.16.43",
+    "@abtnode/constant": "1.7.2",
+    "@arcblock/did-connect": "^1.16.61",
+    "@arcblock/ux": "^1.16.61",
+    "@blocklet/meta": "1.7.2",
     "@material-ui/core": "^4.12.3",
     "@material-ui/icons": "^4.11.2",
     "notistack": "^1.0.6",
@@ -39,5 +41,5 @@
     "babel-plugin-inline-react-svg": "^1.1.1",
     "babel-plugin-styled-components": "^1.10.7"
   },
-  "gitHead": "ccda31a16ac6b606d34336fcc6db0b2aff15c32e"
+  "gitHead": "b84e7406d84fb9c3be5bf7ce968cb7b6b661d550"
 }