@abtnode/ux 1.8.0 → 1.8.3

package/lib/issue-passport.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
@@ -31,11 +31,9 @@ var _wrapLocale = _interopRequireDefault(require("./wrap-locale"));
 
 var _usePassportId = _interopRequireDefault(require("./hooks/use-passport-id"));
 
-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); }
+var _jsxRuntime = require("react/jsx-runtime");
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /* eslint-disable react/jsx-one-expression-per-line, no-undef */
 // eslint-disable-next-line react/prop-types
@@ -92,48 +90,57 @@ function IssuePassport(_ref) {
     history.replace('/');
   };
 
-  return /*#__PURE__*/_react.default.createElement(Div, null, success ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "login"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "connect"
-  }, /*#__PURE__*/_react.default.createElement(_Box.default, {
-    textAlign: "center"
-  }, /*#__PURE__*/_react.default.createElement(_Box.default, {
-    mb: 3,
-    color: "success.main"
-  }, /*#__PURE__*/_react.default.createElement(_CheckCircle.default, {
-    style: {
-      fontSize: 60
-    }
-  })), /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    component: "p",
-    variant: "body1",
-    className: "subheader"
-  }, t('issuePassport.dialog.success')), /*#__PURE__*/_react.default.createElement(_Box.default, {
-    mt: 3
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    variant: "contained",
-    color: "primary",
-    onClick: onUsePassport
-  }, t('issuePassport.dialog.loginWithPassport')))))) : /*#__PURE__*/_react.default.createElement(_Connect.default, {
-    className: "connect",
-    action: "issue-passport",
-    checkFn: api.get,
-    checkTimeout: 10 * 60 * 1000,
-    socketUrl: api.socketUrl,
-    webWalletUrl: webWalletUrl,
-    onSuccess: onReceivePassport,
-    locale: locale,
-    messages: {
-      title: t('issuePassport.title'),
-      scan: t('issuePassport.description', {
-        name: window.env.appName
-      }),
-      confirm: t('issuePassport.dialog.confirm'),
-      success: t('issuePassport.dialog.success')
-    },
-    extraParams: extraParams
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Div, {
+    children: success ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "login",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "connect",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+          textAlign: "center",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+            mb: 3,
+            color: "success.main",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckCircle.default, {
+              style: {
+                fontSize: 60
+              }
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+            component: "p",
+            variant: "body1",
+            className: "subheader",
+            children: t('issuePassport.dialog.success')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+            mt: 3,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+              variant: "contained",
+              color: "primary",
+              onClick: onUsePassport,
+              children: t('issuePassport.dialog.loginWithPassport')
+            })
+          })]
+        })
+      })
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Connect.default, {
+      className: "connect",
+      action: "issue-passport",
+      checkFn: api.get,
+      checkTimeout: 10 * 60 * 1000,
+      socketUrl: api.socketUrl,
+      webWalletUrl: webWalletUrl,
+      onSuccess: onReceivePassport,
+      locale: locale,
+      messages: {
+        title: t('issuePassport.title'),
+        scan: t('issuePassport.description', {
+          name: window.env.appName
+        }),
+        confirm: t('issuePassport.dialog.confirm'),
+        success: t('issuePassport.dialog.success')
+      },
+      extraParams: extraParams
+    })
+  });
 }
 
 const Div = (0, _styledComponents.default)(_Center.default).withConfig({

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

@@ -5,16 +5,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = ContentLayout;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 const _excluded = ["children"];
 
 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; }
@@ -25,7 +31,9 @@ function ContentLayout(_ref) {
   } = _ref,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/_react.default.createElement(Container, props, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Container, _objectSpread(_objectSpread({}, props), {}, {
+    children: children
+  }));
 }
 
 ContentLayout.propTypes = {

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

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function PageHeader(_ref) {
@@ -18,11 +18,15 @@ function PageHeader(_ref) {
     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));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Content, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "title",
+      children: title
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "sub-title",
+      children: subTitle
+    })]
+  });
 }
 
 const Content = _styledComponents.default.div.withConfig({

package/lib/layout/addon.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = HeaderAddon;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
@@ -13,8 +13,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 
-var _HelpOutline = _interopRequireDefault(require("@mui/icons-material/HelpOutline"));
-
 var _reactRouterDom = require("react-router-dom");
 
 var _SessionManager = _interopRequireDefault(require("@arcblock/did-connect/lib/SessionManager"));
@@ -23,19 +21,23 @@ 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");
+var _Globe = _interopRequireDefault(require("@arcblock/icons/lib/Globe"));
+
+var _QuestionMarkCircle = _interopRequireDefault(require("@arcblock/icons/lib/QuestionMarkCircle"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function 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 _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _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; }
 
-/* eslint-disable react/jsx-one-expression-per-line */
 function HeaderAddon(_ref) {
   let {
     SessionContext,
-    webWalletUrl,
     extraItems,
     showLocale,
     showHelper,
@@ -49,7 +51,6 @@ function HeaderAddon(_ref) {
     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',
@@ -76,23 +77,24 @@ function HeaderAddon(_ref) {
     window.open("https://docs.arcblock.io/abtnode/".concat(locale).concat(path), '_blank');
   };
 
-  return /*#__PURE__*/_react.default.createElement(Div, null, extraItems.map(x => x), showLocale && /*#__PURE__*/_react.default.createElement(_selector.default, {
-    "data-cy": "locale-addon",
-    size: 23,
-    showText: false,
-    className: "locale-addon"
-  }), showHelper && /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-    onClick: onHelpClick
-  }, /*#__PURE__*/_react.default.createElement(_HelpOutline.default, {
-    style: {
-      fontSize: 28
-    }
-  })), showSessionManager && /*#__PURE__*/_react.default.createElement(_SessionManager.default, Object.assign({
-    session: session,
-    webWalletUrl: walletUrl,
-    size: 24,
-    showRole: true
-  }, sessionManagerProps)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, {
+    children: [extraItems.map((x, index) => /*#__PURE__*/(0, _react.cloneElement)(x, {
+      key: index
+    })), showLocale && /*#__PURE__*/(0, _jsxRuntime.jsx)(_selector.default, {
+      "data-cy": "locale-addon",
+      icon: _Globe.default,
+      size: 23,
+      showText: false,
+      className: "locale-addon"
+    }), showHelper && /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+      onClick: onHelpClick,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_QuestionMarkCircle.default, {})
+    }), showSessionManager && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SessionManager.default, _objectSpread({
+      session: session,
+      size: 24,
+      showRole: true
+    }, sessionManagerProps))]
+  });
 }
 
 HeaderAddon.propTypes = {
@@ -116,4 +118,4 @@ HeaderAddon.defaultProps = {
 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('md'));
+})(["display:flex;justify-content:center;align-items:center;.MuiIconButton-root svg{width:26px;height:26px;}.user-addon{.user-avatar{width:28px;border-radius:14px;height:auto;}}", "{> button,> a{padding-left:8px;padding-right:8px;}}"], props => props.theme.breakpoints.down('md'));

package/lib/locales/en.js

@@ -1,9 +1,6 @@
 "use strict";
 
-/* eslint-disable import/no-extraneous-dependencies */
-const flat = require('flat');
-
-module.exports = flat({
+module.exports = {
   issuePassport: {
     title: 'Receive Passport',
     description: 'Use DID Wallet to receive the passport issued by {name}',
@@ -50,5 +47,46 @@ module.exports = flat({
       confirm: 'Confirm on your DID Wallet',
       success: 'You are successfully connected'
     }
+  },
+  blocklet: {
+    config: {
+      name: 'Blocklet Name',
+      description: 'Blocklet Nescription',
+      sk: 'Secret key for the blocklet wallet',
+      clusterSize: 'Instance count when run this blocklet in cluster mode',
+      deletable: {
+        name: 'Delete Protection',
+        enable: 'This blocklet can NOT currently be deleted',
+        disable: 'This blocklet can currently be deleted'
+      },
+      walletType: {
+        name: 'Wallet Type',
+        description: 'Blocklet instance wallet type, will change the derived DID'
+      },
+      passportColor: 'Passport Color',
+      appUrl: 'Blocklet URL',
+      access: {
+        title: 'Who Can Access',
+        description: 'Who can access the blocklet',
+        useDefault: 'Use default',
+        defaultDescription: "Use the application's default configuration",
+        whoCanAccess: {
+          all: {
+            title: 'Accessible to all',
+            description: 'Open to the world anyone can access without passport'
+          },
+          owner: {
+            title: 'Only me can access',
+            description: 'You must provide owner passport to access this application'
+          },
+          invited: {
+            title: 'Only invited people can access',
+            description: 'You can invite members later in the admin page'
+          }
+        },
+        publicToStore: 'Public On Store',
+        publicInstanceTip: 'The access address of this blocklet will be displayed in the Store (along with your DID for accepting donations)'
+      }
+    }
   }
-});
+};

package/lib/locales/index.js

@@ -1,12 +1,14 @@
 "use strict";
 
+const flat = require('flat');
+
 const en = require('./en');
 
 const zh = require('./zh');
 
 module.exports = {
   translations: {
-    zh,
-    en
+    zh: flat(zh),
+    en: flat(en)
   }
 };

package/lib/locales/zh.js

@@ -1,9 +1,6 @@
 "use strict";
 
-/* eslint-disable import/no-extraneous-dependencies */
-const flat = require('flat');
-
-module.exports = flat({
+module.exports = {
   issuePassport: {
     title: '领取通行证',
     description: '使用 DID 钱包领取 {name} 颁发的通行证',
@@ -37,7 +34,7 @@ module.exports = flat({
     emptyPermission: '没有权限',
     open: '打开',
     description: {
-      step1: '下载并设置好你的 {wallet}',
+      step1: '下载并设置好您的 {wallet}',
       step2: '点击上面的按钮领取通行证',
       step3: '使用通行证登录 {dapp}'
     }
@@ -49,5 +46,47 @@ module.exports = flat({
       confirm: '在您的 DID 钱包上确认',
       success: '连接成功'
     }
+  },
+  blocklet: {
+    config: {
+      name: '应用名称',
+      description: '应用描述',
+      sk: '应用账户私钥',
+      clusterSize: '以 Cluster 模式启动时的实例数量',
+      deletable: {
+        name: '删除保护',
+        enable: '此 Blocklet 当前不可被删除',
+        disable: '此 Blocklet 当前可以被删除'
+      },
+      walletType: {
+        name: '钱包类型',
+        description: '应用钱包类型，会影响派生出来的 DID'
+      },
+      passportColor: '通行证颜色',
+      appUrl: '应用访问地址',
+      access: {
+        title: '谁可以访问',
+        description: '谁可以访问应用',
+        useDefault: '使用该应用默认配置',
+        invitedTip: '稍后您可以在管理页面中邀请和管理成员',
+        defaultDescription: '使用应用的默认配置',
+        whoCanAccess: {
+          all: {
+            title: '所有人可访问',
+            description: '向所有人开放，无需通行证即可访问应用'
+          },
+          owner: {
+            title: '只有我自己可访问',
+            description: '必须提供所有者通行证才能访问应用'
+          },
+          invited: {
+            title: '只有被邀请的人可以访问',
+            description: '稍后您可以在管理页面中邀请成员'
+          }
+        },
+        publicToStore: '在 Store 公开',
+        publicInstanceTip: '此应用的访问地址将展示在 Store 中（同时也会展示你的 DID，用于接受捐赠）'
+      }
+    }
   }
-});
+};