@abtnode/ux 1.8.26 → 1.8.28

package/lib/invitation/invitation.js

@@ -4,35 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _ahooks = require("ahooks");
-
 var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
-
 var _Result = _interopRequireDefault(require("@arcblock/ux/lib/Result"));
-
 var _invitationPassport = _interopRequireDefault(require("./invitation-passport"));
-
 var _invitationReceive = _interopRequireDefault(require("./invitation-receive"));
-
 var _invitationUser = _interopRequireDefault(require("./invitation-user"));
-
 var _invitationApp = _interopRequireDefault(require("./invitation-app"));
-
 var _wrapLocale = _interopRequireDefault(require("../wrap-locale"));
-
 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 Invitation(_ref) {
   let {
     getDataFn,
@@ -42,21 +27,17 @@ function Invitation(_ref) {
     onReceive
   } = _ref;
   const state = (0, _ahooks.useRequest)(getDataFn);
-
   if (state.loading) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {});
   }
-
   if (state.error) {
     var _state$error, _state$error$response;
-
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Result.default, {
       status: "404",
       title: (_state$error = state.error) === null || _state$error === void 0 ? void 0 : (_state$error$response = _state$error.response) === null || _state$error$response === void 0 ? void 0 : _state$error$response.data,
       description: ""
     });
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, {
     className: "page-invite__wrapper",
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_invitationApp.default, {
@@ -77,7 +58,6 @@ function Invitation(_ref) {
     })]
   });
 }
-
 Invitation.propTypes = {
   getDataFn: _propTypes.default.func.isRequired,
   checkFn: _propTypes.default.func.isRequired,
@@ -90,9 +70,6 @@ Invitation.defaultProps = {
   passportColor: 'auto',
   onReceive: null
 };
-
 const Root = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  max-width: 460px;\n  max-height: 650px;\n  min-height: 450px;\n  width: 90%;\n  height: 80%;\n  display: flex;\n  flex-direction: column;\n  .page-invite__card {\n    background-color: #fff;\n    border-radius: 4px;\n    flex: 1;\n    padding: 20px 30px;\n    margin-top: 10px;\n  }\n  .page-invite__app {\n    margin-top: 20px;\n  }\n"])));
-
 var _default = (0, _wrapLocale.default)(Invitation);
-
 exports.default = _default;

package/lib/issue-passport.js

@@ -4,41 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _reactRouterDom = require("react-router-dom");
-
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-
 var _CheckCircle = _interopRequireDefault(require("@mui/icons-material/CheckCircle"));
-
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
-
 var _Center = _interopRequireDefault(require("@arcblock/ux/lib/Center"));
-
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
-
 var _Connect = _interopRequireDefault(require("@arcblock/did-connect/lib/Connect"));
-
 var _context = require("@arcblock/ux/lib/Locale/context");
-
 var _constant = require("@abtnode/constant");
-
 var _wrapLocale = _interopRequireDefault(require("./wrap-locale"));
-
 var _usePassportId = _interopRequireDefault(require("./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) } })); }
-
 // eslint-disable-next-line react/prop-types
 function IssuePassport(_ref) {
   let {
@@ -58,45 +40,37 @@ function IssuePassport(_ref) {
   const {
     setPassportId
   } = (0, _usePassportId.default)();
-
   const onReceivePassport = result => {
     if (result !== null && result !== void 0 && result.passportId) {
       setPassportId(result.passportId);
     }
-
     setSuccess(true);
   };
-
   const extraParams = {};
   const {
     searchParams
   } = new URL(window.location.href);
   const id = searchParams.get('id');
-
   if (id) {
     extraParams.id = id;
   }
-
   const onUsePassport = () => {
     var _window$env;
-
     try {
       session.logout();
-    } catch (err) {// Do nothing
+    } catch (err) {
+      // Do nothing
     }
-
     if ((((_window$env = window.env) === null || _window$env === void 0 ? void 0 : _window$env.apiPrefix) || '').startsWith(_constant.WELLKNOWN_SERVICE_PATH_PREFIX)) {
       navigate("".concat(_constant.WELLKNOWN_SERVICE_PATH_PREFIX, "/login"), {
         replace: true
       });
       return;
     }
-
     navigate('/', {
       replace: true
     });
   };
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Div, {
     children: success ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "login",
@@ -149,9 +123,6 @@ function IssuePassport(_ref) {
     })
   });
 }
-
 const Div = (0, _styled.default)(_Center.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .header {\n    text-align: center;\n    margin-bottom: 8px;\n  }\n\n  .subheader {\n    text-align: center;\n    margin-bottom: 24px;\n  }\n\n  .login {\n    padding: 24px;\n    height: auto;\n    min-height: 480px;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .connect {\n    background: #fafafa;\n  }\n"])));
-
 var _default = (0, _wrapLocale.default)(IssuePassport);
-
 exports.default = _default;

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

@@ -4,44 +4,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ContentLayout;
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject;
-
 const _excluded = ["children"];
-
 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 ContentLayout(_ref) {
   let {
-    children
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      children
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Container, _objectSpread(_objectSpread({}, props), {}, {
     children: children
   }));
 }
-
 ContentLayout.propTypes = {
   children: _propTypes.default.any.isRequired
 };
-
 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\n  .header {\n    text-align: center;\n  }\n\n  .body {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    margin-top: 30px;\n    width: 100%;\n    min-height: 200px;\n    flex: 1;\n\n    ", " {\n      padding: 24px;\n    }\n\n    ", " {\n      padding: 0 16px 16px;\n    }\n  }\n\n  .footer {\n    display: flex;\n    justify-content: center;\n\n    ", " {\n      padding-bottom: 34px;\n    }\n\n    ", " {\n      margin-top: auto;\n      padding-bottom: 10px;\n    }\n  }\n"])), props => props.theme.breakpoints.up('md'), props => props.theme.breakpoints.down('md'), props => props.theme.breakpoints.up('sm'), props => props.theme.breakpoints.down('md'));

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

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 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 PageHeader(_ref) {
   let {
     title,
@@ -32,9 +25,7 @@ function PageHeader(_ref) {
     })]
   });
 }
-
 const Content = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  text-align: center;\n\n  .title {\n    font-size: 24px;\n    font-weight: 400;\n    color: ", ";\n  }\n\n  .sub-title {\n    margin: 0 auto;\n    max-width: 90%;\n    font-size: 14px;\n    color: ", ";\n  }\n"])), props => props.theme.palette.common.black, props => props.theme.palette.grey[600]);
-
 var _default = PageHeader;
 exports.default = _default;
 PageHeader.propTypes = {

package/lib/layout/addon.js

@@ -4,41 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = HeaderAddon;
-
 var _react = require("react");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
-
 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 _Globe = _interopRequireDefault(require("@arcblock/icons/lib/Globe"));
-
 var _QuestionMarkCircle = _interopRequireDefault(require("@arcblock/icons/lib/QuestionMarkCircle"));
-
 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 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 HeaderAddon(_ref) {
   let {
     SessionContext,
@@ -65,11 +47,9 @@ function HeaderAddon(_ref) {
     '/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) {
@@ -77,10 +57,8 @@ function HeaderAddon(_ref) {
     } else if (docPaths[pathName]) {
       path = docPaths[pathName];
     }
-
     window.open("https://docs.arcblock.io/abtnode/".concat(locale).concat(path), '_blank');
   };
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, {
     children: [extraItems.map((x, index) => /*#__PURE__*/(0, _react.cloneElement)(x, {
       key: index
@@ -100,7 +78,6 @@ function HeaderAddon(_ref) {
     }, sessionManagerProps))]
   });
 }
-
 HeaderAddon.propTypes = {
   SessionContext: _propTypes.default.object.isRequired,
   webWalletUrl: _propTypes.default.string,
@@ -118,5 +95,4 @@ HeaderAddon.defaultProps = {
   showHelper: true,
   sessionManagerProps: {}
 };
-
 const Div = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  .MuiIconButton-root svg {\n    width: 26px;\n    height: 26px;\n  }\n\n  .user-addon {\n    .user-avatar {\n      width: 28px;\n      border-radius: 14px;\n      height: auto;\n    }\n  }\n\n  ", " {\n    > button,\n    > a {\n      padding-left: 8px;\n      padding-right: 8px;\n    }\n  }\n"])), props => props.theme.breakpoints.down('md'));