@arcblock/ux 1.16.12 → 1.16.16

package/lib/Locale/context.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.LocaleProvider = LocaleProvider;
-exports.useLocaleContext = useLocaleContext;
-exports.languages = exports.getLocale = exports.setLocale = exports.LocaleContext = exports.LocaleConsumer = void 0;
+exports.create = exports.languages = exports.getLocale = exports.setLocale = exports.useLocaleContext = exports.LocaleContext = exports.LocaleConsumer = exports.LocaleProvider = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -70,60 +68,78 @@ exports.setLocale = setLocale;
 
 const replace = (template, data) => template.replace(/{(\w*)}/g, (m, key) => data.hasOwnProperty(key) ? data[key] : '');
 
-const LocaleContext = /*#__PURE__*/_react.default.createContext();
-
-exports.LocaleContext = LocaleContext;
-const {
-  Provider,
-  Consumer
-} = LocaleContext;
-exports.LocaleConsumer = Consumer;
-
-function LocaleProvider(_ref) {
-  let {
-    children,
-    locale,
-    translations
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  const [currentLocale, setCurrentLocale] = (0, _react.useState)(getLocale(locale));
-  (0, _react.useEffect)(() => {
-    setLocale(currentLocale);
-  }, [currentLocale]);
-
-  const changeLocale = newLocale => {
-    setCurrentLocale(newLocale);
-  };
+const create = () => {
+  const LocaleContext = /*#__PURE__*/_react.default.createContext();
+
+  const {
+    Provider,
+    Consumer
+  } = LocaleContext;
+
+  function LocaleProvider(_ref) {
+    let {
+      children,
+      locale,
+      translations
+    } = _ref,
+        rest = _objectWithoutProperties(_ref, _excluded);
+
+    const [currentLocale, setCurrentLocale] = (0, _react.useState)(getLocale(locale));
+    (0, _react.useEffect)(() => {
+      setLocale(currentLocale);
+    }, [currentLocale]);
+
+    const changeLocale = newLocale => {
+      setCurrentLocale(newLocale);
+    };
+
+    const translate = (key, data) => {
+      if (!translations[currentLocale] || !translations[currentLocale][key]) {
+        console.warn("Warning: no ".concat(key, " translation of ").concat(currentLocale));
+        return key;
+      }
+
+      return replace(translations[currentLocale][key], data);
+    };
+
+    return /*#__PURE__*/_react.default.createElement(Provider, {
+      value: _objectSpread({
+        locale: currentLocale,
+        changeLocale,
+        t: translate
+      }, rest)
+    }, children);
+  }
 
-  const translate = (key, data) => {
-    if (!translations[currentLocale] || !translations[currentLocale][key]) {
-      console.warn("Warning: no ".concat(key, " translation of ").concat(currentLocale));
-      return key;
-    }
+  function useLocaleContext() {
+    const context = (0, _react.useContext)(LocaleContext);
+    return context;
+  }
 
-    return replace(translations[currentLocale][key], data);
+  LocaleProvider.propTypes = {
+    children: _propTypes.default.any.isRequired,
+    translations: _propTypes.default.object.isRequired,
+    locale: _propTypes.default.string
+  };
+  LocaleProvider.defaultProps = {
+    locale: ''
+  };
+  return {
+    Consumer,
+    LocaleProvider,
+    LocaleContext,
+    useLocaleContext
   };
-
-  return /*#__PURE__*/_react.default.createElement(Provider, {
-    value: _objectSpread({
-      locale: currentLocale,
-      changeLocale,
-      t: translate
-    }, rest)
-  }, children);
-}
-
-function useLocaleContext() {
-  const context = (0, _react.useContext)(LocaleContext);
-  return context;
-}
-
-LocaleProvider.propTypes = {
-  children: _propTypes.default.any.isRequired,
-  translations: _propTypes.default.object.isRequired,
-  locale: _propTypes.default.string
 };
-LocaleProvider.defaultProps = {
-  locale: ''
-};
+
+exports.create = create;
+const {
+  Consumer,
+  LocaleProvider,
+  LocaleContext,
+  useLocaleContext
+} = create();
+exports.useLocaleContext = useLocaleContext;
+exports.LocaleContext = LocaleContext;
+exports.LocaleProvider = LocaleProvider;
+exports.LocaleConsumer = Consumer;

package/lib/Result/common.js

@@ -3,20 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ComingSoon = exports.Maintenance = exports.Error = exports.InternalServerError = exports.Forbidden = exports.PageNotFound = void 0;
+exports.Info = exports.ComingSoon = exports.Maintenance = exports.Error = exports.InternalServerError = exports.Forbidden = exports.PageNotFound = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _useTheme = _interopRequireDefault(require("@material-ui/core/styles/useTheme"));
 
+var _Info = _interopRequireDefault(require("@material-ui/icons/Info"));
+
+var _CancelRounded = _interopRequireDefault(require("@material-ui/icons/CancelRounded"));
+
 var _result = _interopRequireDefault(require("./result"));
 
 var _translations = _interopRequireDefault(require("./translations"));
 
-var _Logo = _interopRequireDefault(require("../Logo"));
-
 var _context = require("../Locale/context");
 
 const _excluded = ["locale"],
@@ -52,7 +52,7 @@ const PageNotFound = _ref => {
 
   locale = useLocale(locale);
   return /*#__PURE__*/_react.default.createElement(_result.default, Object.assign({
-    icon: /*#__PURE__*/_react.default.createElement(StyledLogo, null),
+    icon: /*#__PURE__*/_react.default.createElement(StyledErrorIcon, null),
     title: _translations.default[locale][404].title,
     description: _translations.default[locale][404].description
   }, rest));
@@ -69,7 +69,7 @@ const Forbidden = _ref2 => {
 
   locale = useLocale(locale);
   return /*#__PURE__*/_react.default.createElement(_result.default, Object.assign({
-    icon: /*#__PURE__*/_react.default.createElement(StyledLogo, null),
+    icon: /*#__PURE__*/_react.default.createElement(StyledErrorIcon, null),
     title: _translations.default[locale][403].title,
     description: _translations.default[locale][403].description
   }, rest));
@@ -86,7 +86,7 @@ const InternalServerError = _ref3 => {
 
   locale = useLocale(locale);
   return /*#__PURE__*/_react.default.createElement(_result.default, Object.assign({
-    icon: /*#__PURE__*/_react.default.createElement(StyledLogo, null),
+    icon: /*#__PURE__*/_react.default.createElement(StyledErrorIcon, null),
     title: _translations.default[locale][500].title,
     description: _translations.default[locale][500].description
   }, rest));
@@ -103,7 +103,7 @@ const Error = _ref4 => {
 
   locale = useLocale(locale);
   return /*#__PURE__*/_react.default.createElement(_result.default, Object.assign({
-    icon: /*#__PURE__*/_react.default.createElement(StyledLogo, null),
+    icon: /*#__PURE__*/_react.default.createElement(StyledErrorIcon, null),
     title: _translations.default[locale].error.title,
     description: _translations.default[locale].error.description
   }, rest));
@@ -120,7 +120,7 @@ const Maintenance = _ref5 => {
 
   locale = useLocale(locale);
   return /*#__PURE__*/_react.default.createElement(_result.default, Object.assign({
-    icon: /*#__PURE__*/_react.default.createElement(StyledLogo, null),
+    icon: /*#__PURE__*/_react.default.createElement(StyledInfoIcon, null),
     title: _translations.default[locale].maintenance.title,
     description: _translations.default[locale].maintenance.description
   }, rest));
@@ -137,29 +137,40 @@ const ComingSoon = _ref6 => {
 
   locale = useLocale(locale);
   return /*#__PURE__*/_react.default.createElement(_result.default, Object.assign({
-    icon: /*#__PURE__*/_react.default.createElement(StyledLogo, null),
+    icon: /*#__PURE__*/_react.default.createElement(StyledInfoIcon, null),
     title: _translations.default[locale]['coming-soon'].title,
     description: _translations.default[locale]['coming-soon'].description
   }, rest));
 };
 
 exports.ComingSoon = ComingSoon;
-ComingSoon.status = 'coming-soon'; // arcblock logo
+ComingSoon.status = 'coming-soon'; // info, 与其它 status 不同, title/description 需要使用方自己传入
+
+const Info = props => {
+  return /*#__PURE__*/_react.default.createElement(_result.default, Object.assign({
+    icon: /*#__PURE__*/_react.default.createElement(StyledInfoIcon, null)
+  }, props));
+};
+
+exports.Info = Info;
+Info.status = 'info';
 
-const StyledLogo = props => {
+const StyledErrorIcon = props => {
   const theme = (0, _useTheme.default)();
-  return /*#__PURE__*/_react.default.createElement(StyledLogoRoot, Object.assign({
-    showText: false,
-    theme: theme
+  return /*#__PURE__*/_react.default.createElement(_CancelRounded.default, Object.assign({
+    style: {
+      color: theme.palette.error.main,
+      fontSize: 72
+    }
   }, props));
 };
 
-const StyledLogoRoot = (0, _styledComponents.default)(_Logo.default).withConfig({
-  displayName: "common__StyledLogoRoot",
-  componentId: "sc-1wnp76o-0"
-})(["*{stroke:", ";}"], _ref7 => {
-  let {
-    theme
-  } = _ref7;
-  return theme.palette.grey[500];
-});
+const StyledInfoIcon = props => {
+  const theme = (0, _useTheme.default)();
+  return /*#__PURE__*/_react.default.createElement(_Info.default, Object.assign({
+    style: {
+      color: theme.palette.info.main,
+      fontSize: 72
+    }
+  }, props));
+};

package/lib/Result/result.js

@@ -63,7 +63,7 @@ Result.defaultProps = {
 const Root = _styledComponents.default.div.withConfig({
   displayName: "result__Root",
   componentId: "sc-1ttf6c9-0"
-})(["display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:16px;background-color:#f7f8fb;"]);
+})(["box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:16px;background-color:#f7f8fb;"]);
 
 var _default = Result;
 exports.default = _default;

package/lib/Util/index.js

@@ -61,7 +61,8 @@ function getCookieOptions() {
   const options = {
     expires: opts.expireInDays,
     path: opts.path,
-    domain: opts.domain || ''
+    domain: opts.domain || '',
+    sameSite: opts.sameSite || 'lax'
   };
 
   if (typeof window === 'undefined' || opts.domain || opts.returnDomain === false) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/ux",
-  "version": "1.16.12",
+  "version": "1.16.16",
   "description": "Common used react components for arcblock products",
   "keywords": [
     "react",
@@ -53,10 +53,10 @@
     "react": ">=16.12.0",
     "react-ga": "^2.7.0"
   },
-  "gitHead": "cd3b06442fe4c41a1e7904e29c56ee76b470d954",
+  "gitHead": "91f4d85a39882abbb825e38fdc740617ea3e3ee5",
   "dependencies": {
-    "@arcblock/icons": "^1.16.12",
-    "@arcblock/react-hooks": "^1.16.12",
+    "@arcblock/icons": "^1.16.16",
+    "@arcblock/react-hooks": "^1.16.16",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
     "@material-ui/core": "^4.12.3",
     "@material-ui/icons": "4.11.2",

package/src/Locale/context.js

@@ -32,50 +32,55 @@ const setLocale = locale => Cookie.set(cookieName, locale, getCookieOptions());
 const replace = (template, data) =>
   template.replace(/{(\w*)}/g, (m, key) => (data.hasOwnProperty(key) ? data[key] : ''));
 
-const LocaleContext = React.createContext();
-const { Provider, Consumer } = LocaleContext;
-
-function LocaleProvider({ children, locale, translations, ...rest }) {
-  const [currentLocale, setCurrentLocale] = useState(getLocale(locale));
+const create = () => {
+  const LocaleContext = React.createContext();
+  const { Provider, Consumer } = LocaleContext;
+  function LocaleProvider({ children, locale, translations, ...rest }) {
+    const [currentLocale, setCurrentLocale] = useState(getLocale(locale));
+
+    useEffect(() => {
+      setLocale(currentLocale);
+    }, [currentLocale]);
+
+    const changeLocale = newLocale => {
+      setCurrentLocale(newLocale);
+    };
+
+    const translate = (key, data) => {
+      if (!translations[currentLocale] || !translations[currentLocale][key]) {
+        console.warn(`Warning: no ${key} translation of ${currentLocale}`);
+        return key;
+      }
+
+      return replace(translations[currentLocale][key], data);
+    };
+
+    return (
+      <Provider value={{ locale: currentLocale, changeLocale, t: translate, ...rest }}>
+        {children}
+      </Provider>
+    );
+  }
 
-  useEffect(() => {
-    setLocale(currentLocale);
-  }, [currentLocale]);
+  function useLocaleContext() {
+    const context = useContext(LocaleContext);
+    return context;
+  }
 
-  const changeLocale = newLocale => {
-    setCurrentLocale(newLocale);
+  LocaleProvider.propTypes = {
+    children: PropTypes.any.isRequired,
+    translations: PropTypes.object.isRequired,
+    locale: PropTypes.string,
   };
 
-  const translate = (key, data) => {
-    if (!translations[currentLocale] || !translations[currentLocale][key]) {
-      console.warn(`Warning: no ${key} translation of ${currentLocale}`);
-      return key;
-    }
-
-    return replace(translations[currentLocale][key], data);
+  LocaleProvider.defaultProps = {
+    locale: '',
   };
 
-  return (
-    <Provider value={{ locale: currentLocale, changeLocale, t: translate, ...rest }}>
-      {children}
-    </Provider>
-  );
-}
-
-function useLocaleContext() {
-  const context = useContext(LocaleContext);
-  return context;
-}
-
-LocaleProvider.propTypes = {
-  children: PropTypes.any.isRequired,
-  translations: PropTypes.object.isRequired,
-  locale: PropTypes.string,
+  return { Consumer, LocaleProvider, LocaleContext, useLocaleContext };
 };
 
-LocaleProvider.defaultProps = {
-  locale: '',
-};
+const { Consumer, LocaleProvider, LocaleContext, useLocaleContext } = create();
 
 export {
   LocaleProvider,
@@ -85,4 +90,5 @@ export {
   setLocale,
   getLocale,
   languages,
+  create,
 };

package/src/Result/common.js

@@ -1,11 +1,11 @@
 /* eslint-disable react/prop-types */
 /* eslint-disable no-param-reassign */
 import React from 'react';
-import styled from 'styled-components';
 import useTheme from '@material-ui/core/styles/useTheme';
+import InfoIcon from '@material-ui/icons/Info';
+import CancelRoundedIcon from '@material-ui/icons/CancelRounded';
 import Result from './result';
 import translations from './translations';
-import Logo from '../Logo';
 import { useLocaleContext } from '../Locale/context';
 
 // 优先使用显式指定的 locale, 再尝试使用 context 中的 locale, 最后使用默认 'en'
@@ -20,7 +20,7 @@ export const PageNotFound = ({ locale, ...rest }) => {
   locale = useLocale(locale);
   return (
     <Result
-      icon={<StyledLogo />}
+      icon={<StyledErrorIcon />}
       title={translations[locale][404].title}
       description={translations[locale][404].description}
       {...rest}
@@ -34,7 +34,7 @@ export const Forbidden = ({ locale, ...rest }) => {
   locale = useLocale(locale);
   return (
     <Result
-      icon={<StyledLogo />}
+      icon={<StyledErrorIcon />}
       title={translations[locale][403].title}
       description={translations[locale][403].description}
       {...rest}
@@ -48,7 +48,7 @@ export const InternalServerError = ({ locale, ...rest }) => {
   locale = useLocale(locale);
   return (
     <Result
-      icon={<StyledLogo />}
+      icon={<StyledErrorIcon />}
       title={translations[locale][500].title}
       description={translations[locale][500].description}
       {...rest}
@@ -62,7 +62,7 @@ export const Error = ({ locale, ...rest }) => {
   locale = useLocale(locale);
   return (
     <Result
-      icon={<StyledLogo />}
+      icon={<StyledErrorIcon />}
       title={translations[locale].error.title}
       description={translations[locale].error.description}
       {...rest}
@@ -76,7 +76,7 @@ export const Maintenance = ({ locale, ...rest }) => {
   locale = useLocale(locale);
   return (
     <Result
-      icon={<StyledLogo />}
+      icon={<StyledInfoIcon />}
       title={translations[locale].maintenance.title}
       description={translations[locale].maintenance.description}
       {...rest}
@@ -90,7 +90,7 @@ export const ComingSoon = ({ locale, ...rest }) => {
   locale = useLocale(locale);
   return (
     <Result
-      icon={<StyledLogo />}
+      icon={<StyledInfoIcon />}
       title={translations[locale]['coming-soon'].title}
       description={translations[locale]['coming-soon'].description}
       {...rest}
@@ -99,13 +99,18 @@ export const ComingSoon = ({ locale, ...rest }) => {
 };
 ComingSoon.status = 'coming-soon';
 
-// arcblock logo
-const StyledLogo = props => {
+// info, 与其它 status 不同, title/description 需要使用方自己传入
+export const Info = props => {
+  return <Result icon={<StyledInfoIcon />} {...props} />;
+};
+Info.status = 'info';
+
+const StyledErrorIcon = props => {
+  const theme = useTheme();
+  return <CancelRoundedIcon style={{ color: theme.palette.error.main, fontSize: 72 }} {...props} />;
+};
+
+const StyledInfoIcon = props => {
   const theme = useTheme();
-  return <StyledLogoRoot showText={false} theme={theme} {...props} />;
+  return <InfoIcon style={{ color: theme.palette.info.main, fontSize: 72 }} {...props} />;
 };
-const StyledLogoRoot = styled(Logo)`
-  * {
-    stroke: ${({ theme }) => theme.palette.grey[500]};
-  }
-`;

package/src/Result/result.js

@@ -43,6 +43,7 @@ Result.defaultProps = {
 };
 
 const Root = styled.div`
+  box-sizing: border-box;
   display: flex;
   flex-direction: column;
   justify-content: center;

package/src/Util/index.js

@@ -37,7 +37,12 @@ export function getCookieOptions(expireInDays = 1) {
     opts.expireInDays = 1;
   }
 
-  const options = { expires: opts.expireInDays, path: opts.path, domain: opts.domain || '' };
+  const options = {
+    expires: opts.expireInDays,
+    path: opts.path,
+    domain: opts.domain || '',
+    sameSite: opts.sameSite || 'lax',
+  };
   if (typeof window === 'undefined' || opts.domain || opts.returnDomain === false) {
     if (opts.returnDomain === false) {
       delete options.domain;

package/lib/Result/html/index.js

@@ -1,123 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = render;
-
-var _template = _interopRequireDefault(require("./template"));
-
-var _translations = _interopRequireDefault(require("../translations"));
-
-const _excluded = ["locale"],
-      _excluded2 = ["locale"],
-      _excluded3 = ["locale"],
-      _excluded4 = ["locale"],
-      _excluded5 = ["locale"],
-      _excluded6 = ["locale"],
-      _excluded7 = ["status", "locale"];
-
-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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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; }
-
-const renderers = {
-  404: _ref => {
-    let {
-      locale = 'en'
-    } = _ref,
-        rest = _objectWithoutProperties(_ref, _excluded);
-
-    return _template.default.render(_objectSpread({
-      title: _translations.default[locale][404].title,
-      description: _translations.default[locale][404].description
-    }, rest));
-  },
-  403: _ref2 => {
-    let {
-      locale = 'en'
-    } = _ref2,
-        rest = _objectWithoutProperties(_ref2, _excluded2);
-
-    return _template.default.render(_objectSpread({
-      title: _translations.default[locale][403].title,
-      description: _translations.default[locale][403].description
-    }, rest));
-  },
-  500: _ref3 => {
-    let {
-      locale = 'en'
-    } = _ref3,
-        rest = _objectWithoutProperties(_ref3, _excluded3);
-
-    return _template.default.render(_objectSpread({
-      title: _translations.default[locale][500].title,
-      description: _translations.default[locale][500].description
-    }, rest));
-  },
-  error: _ref4 => {
-    let {
-      locale = 'en'
-    } = _ref4,
-        rest = _objectWithoutProperties(_ref4, _excluded4);
-
-    return _template.default.render(_objectSpread({
-      title: _translations.default[locale].error.title,
-      description: _translations.default[locale].error.description
-    }, rest));
-  },
-  maintenance: _ref5 => {
-    let {
-      locale = 'en'
-    } = _ref5,
-        rest = _objectWithoutProperties(_ref5, _excluded5);
-
-    return _template.default.render(_objectSpread({
-      title: _translations.default[locale].maintenance.title,
-      description: _translations.default[locale].maintenance.description
-    }, rest));
-  },
-  'coming-soon': _ref6 => {
-    let {
-      locale = 'en'
-    } = _ref6,
-        rest = _objectWithoutProperties(_ref6, _excluded6);
-
-    return _template.default.render(_objectSpread({
-      title: _translations.default[locale]['coming-soon'].title,
-      description: _translations.default[locale]['coming-soon'].description
-    }, rest));
-  }
-};
-
-function render() {
-  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-  const {
-    status,
-    locale = 'en'
-  } = options,
-        rest = _objectWithoutProperties(options, _excluded7);
-
-  if (status) {
-    const renderer = renderers[status];
-
-    if (!renderer) {
-      throw new Error("Please provide a valid status. Valid values are: ".concat(Object.keys(renderers).join(', ')));
-    }
-
-    return renderer(_objectSpread({
-      locale
-    }, rest));
-  }
-
-  return _template.default.render(_objectSpread({}, rest));
-}

package/lib/Result/html/template.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-const arcblockLogoSvg = '<svg xmlns="http://www.w3.org/2000/svg" width="45" height="52" viewBox="0 0 45 52"><g fill="none" fill-rule="evenodd" stroke="#000"><path d="M.5 13.077L22.15.577l21.651 12.5v25l-21.65 12.5L.5 38.077zM22.15.577v50M.5 13.077l43.301 25m-43.301 0l43.301-25"></path><path d="M22.15 38.077l10.826-6.25-10.825-18.75-10.825 18.75z"></path></g></svg>';
-
-function render(_ref) {
-  let {
-    pageTitle,
-    title,
-    icon,
-    description,
-    extra
-  } = _ref;
-  // eslint-disable-next-line no-param-reassign
-  pageTitle = pageTitle || "".concat(title, " - Blocklet Server");
-  return "\n    <!DOCTYPE html>\n      <html lang=\"en\">\n      <head>\n        <meta charset=\"UTF-8\">\n        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n        <title>".concat(pageTitle, "</title>\n        <style>\n          html {\n            box-sizing: border-box;\n            font-size: 16px;\n          }\n          *, *::before, *::after {\n            box-sizing: inherit;\n          }\n          html, body {\n            height: 100%;\n          }\n          body {\n            margin: 0;\n          }\n          .container {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            height: 100%;\n            padding: 16px;\n            background-color: #f7f8fb;\n          }\n          .svg-wrapper *{\n            stroke: #9e9e9e;\n          }\n          .title {\n            margin-top: 24px;\n            font-size: 22px;\n            font-weight: 400;\n            color: #47494E;\n            text-align: center;\n          }\n          .description {\n            margin-top: 8px;\n            font-size: 14px;\n            color: #7F828B;\n            text-align: center;\n          }\n          .extra {\n            margin-top: 24px;\n          }\n        </style>\n      </head>\n      <body>\n        <div class=\"container\">\n          ").concat(icon ? "<img src=\"".concat(icon, "\" />") : "<span class=\"svg-wrapper\">".concat(arcblockLogoSvg, "</span>"), "\n          <div class=\"title\">\n            ").concat(title, "\n          </div>\n          ").concat(description ? "<div class=\"description\">".concat(description, "</div>") : '', "\n          ").concat(extra ? "<div class=\"extra\">".concat(extra, "</div>") : '', "\n        </div>\n      </body>\n    </html>");
-}
-
-var _default = {
-  render
-};
-exports.default = _default;

package/src/Result/html/index.js

@@ -1,61 +0,0 @@
-import template from './template';
-import translations from '../translations';
-
-const renderers = {
-  404: ({ locale = 'en', ...rest }) => {
-    return template.render({
-      title: translations[locale][404].title,
-      description: translations[locale][404].description,
-      ...rest,
-    });
-  },
-  403: ({ locale = 'en', ...rest }) => {
-    return template.render({
-      title: translations[locale][403].title,
-      description: translations[locale][403].description,
-      ...rest,
-    });
-  },
-  500: ({ locale = 'en', ...rest }) => {
-    return template.render({
-      title: translations[locale][500].title,
-      description: translations[locale][500].description,
-      ...rest,
-    });
-  },
-  error: ({ locale = 'en', ...rest }) => {
-    return template.render({
-      title: translations[locale].error.title,
-      description: translations[locale].error.description,
-      ...rest,
-    });
-  },
-  maintenance: ({ locale = 'en', ...rest }) => {
-    return template.render({
-      title: translations[locale].maintenance.title,
-      description: translations[locale].maintenance.description,
-      ...rest,
-    });
-  },
-  'coming-soon': ({ locale = 'en', ...rest }) => {
-    return template.render({
-      title: translations[locale]['coming-soon'].title,
-      description: translations[locale]['coming-soon'].description,
-      ...rest,
-    });
-  },
-};
-
-export default function render(options = {}) {
-  const { status, locale = 'en', ...rest } = options;
-  if (status) {
-    const renderer = renderers[status];
-    if (!renderer) {
-      throw new Error(
-        `Please provide a valid status. Valid values are: ${Object.keys(renderers).join(', ')}`
-      );
-    }
-    return renderer({ locale, ...rest });
-  }
-  return template.render({ ...rest });
-}

package/src/Result/html/template.js

@@ -1,71 +0,0 @@
-const arcblockLogoSvg =
-  '<svg xmlns="http://www.w3.org/2000/svg" width="45" height="52" viewBox="0 0 45 52"><g fill="none" fill-rule="evenodd" stroke="#000"><path d="M.5 13.077L22.15.577l21.651 12.5v25l-21.65 12.5L.5 38.077zM22.15.577v50M.5 13.077l43.301 25m-43.301 0l43.301-25"></path><path d="M22.15 38.077l10.826-6.25-10.825-18.75-10.825 18.75z"></path></g></svg>';
-
-function render({ pageTitle, title, icon, description, extra }) {
-  // eslint-disable-next-line no-param-reassign
-  pageTitle = pageTitle || `${title} - Blocklet Server`;
-  return `
-    <!DOCTYPE html>
-      <html lang="en">
-      <head>
-        <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>${pageTitle}</title>
-        <style>
-          html {
-            box-sizing: border-box;
-            font-size: 16px;
-          }
-          *, *::before, *::after {
-            box-sizing: inherit;
-          }
-          html, body {
-            height: 100%;
-          }
-          body {
-            margin: 0;
-          }
-          .container {
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-            align-items: center;
-            height: 100%;
-            padding: 16px;
-            background-color: #f7f8fb;
-          }
-          .svg-wrapper *{
-            stroke: #9e9e9e;
-          }
-          .title {
-            margin-top: 24px;
-            font-size: 22px;
-            font-weight: 400;
-            color: #47494E;
-            text-align: center;
-          }
-          .description {
-            margin-top: 8px;
-            font-size: 14px;
-            color: #7F828B;
-            text-align: center;
-          }
-          .extra {
-            margin-top: 24px;
-          }
-        </style>
-      </head>
-      <body>
-        <div class="container">
-          ${icon ? `<img src="${icon}" />` : `<span class="svg-wrapper">${arcblockLogoSvg}</span>`}
-          <div class="title">
-            ${title}
-          </div>
-          ${description ? `<div class="description">${description}</div>` : ''}
-          ${extra ? `<div class="extra">${extra}</div>` : ''}
-        </div>
-      </body>
-    </html>`;
-}
-
-export default { render };