@twreporter/react-components 8.5.0-rc.1

package/lib/error/message.js

@@ -0,0 +1,567 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+// assets
+var Building = function Building(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M.351 294.466l356.253 64.825 136.632 117.497L726.004 283.61l-203.911-61.425L354.317.655.351 294.466z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M354.316.655l2.363 359.211",
+    fill: "none",
+    stroke: "#f4f4f4",
+    strokeWidth: ".5"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M311.966 189.785l-20.998 17.419v-34.997l20.998-17.419v34.997z",
+    fill: "#fff"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M302.135 188.741V162.71M290.891 198.134l21.196-17.572",
+    fill: "none",
+    stroke: "#000",
+    strokeWidth: ".25",
+    strokeLinecap: "round"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M240.217 249.434l-20.998 17.419v-34.997l20.998-17.419v34.997z",
+    fill: "#fff"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M245.804 250.288l-38.625-5.75",
+    fill: "none",
+    stroke: "#000",
+    strokeWidth: ".25"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M294.551 310.434l-20.998 17.419v-34.997l20.998-17.419v34.997zM168.468 308.939l-15.933 13.217-5.065-.92v-29.875l20.998-17.419v34.997zM459.744 320.113l16.041 21.316v-34.924l-16.041-21.316v34.924zM594.843 345.268l-27.084-8.158v-34.925l27.083 8.159v34.924zM399.824 359.255l16.041 21.315v-34.924l-16.041-21.316v34.925z",
+    fill: "#fff"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M164.846 293.855v4.933",
+    fill: "none",
+    stroke: "#000",
+    strokeWidth: ".25",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M404.136 221.711l16.042 21.315v-34.924l-16.042-21.316v34.925z",
+    fill: "#fff"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M407.465 206.854v4.933",
+    fill: "none",
+    stroke: "#000",
+    strokeWidth: ".25",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M273.553 327.853l4.375 3.188v-11.147l-4.375-3.187v11.146z",
+    fill: "#fff"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M273.553 327.853l4.375 3.188v-11.147l-4.375-3.187v11.146z",
+    fill: "none",
+    stroke: "#000",
+    strokeWidth: ".25"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M294.704 310.733l4.222 2.889v-11.147l-4.222-2.888v11.146z",
+    fill: "#fff"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M294.704 310.733l4.222 2.889v-11.147l-4.222-2.888v11.146z",
+    fill: "none",
+    stroke: "#000",
+    strokeWidth: ".25"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M298.926 313.622l-20.998 17.418v-11.147l20.998-17.418v11.147z",
+    fill: "#fff"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M298.926 313.622l-20.998 17.418v-11.147l20.998-17.418v11.147z",
+    fill: "none",
+    stroke: "#000",
+    strokeWidth: ".25"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M415.987 361.687l-8.267-10.986M407.695 370.287v-35.813",
+    fill: "none",
+    stroke: "#000",
+    strokeWidth: ".25",
+    strokeLinecap: "round"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M485.679 309.538l-26.304 10.567M597.346 322.955l-28.948 14.179",
+    fill: "none",
+    stroke: "#000",
+    strokeWidth: ".25"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M584.083 355.55l-16.254-18.511v-34.925l16.254 18.512v34.924z",
+    fill: "#fff"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M584.083 355.55l-16.254-18.511v-34.925l16.254 18.512v34.924z",
+    fill: "none",
+    stroke: "#000",
+    strokeWidth: ".25"
+  }));
+};
+
+Building.defaultProps = {
+  viewBox: "0 0 726 477",
+  xmlns: "http://www.w3.org/2000/svg",
+  fillRule: "evenodd",
+  clipRule: "evenodd"
+};
+
+var Dot = function Dot(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M5.291 3.877v-1.91L3.94.616H2.03L.679 1.967v1.91L2.03 5.228h1.91l1.351-1.351z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M5.291 15.442v-1.91L3.94 12.181H2.03L.679 13.532v1.91l1.351 1.351h1.91l1.351-1.351z",
+    fill: "#a67a44"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M5.291 27.006v-1.91L3.94 23.745H2.03L.679 25.096v1.91l1.351 1.351h1.91l1.351-1.351z",
+    fill: "#e6e6e6"
+  }));
+};
+
+Dot.defaultProps = {
+  viewBox: "0 0 6 29",
+  xmlns: "http://www.w3.org/2000/svg",
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  strokeLinejoin: "round",
+  strokeMiterlimit: "1.414"
+};
+
+var Eng404 = function Eng404(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M44.644 100.075h3.597l2.385-2.074v-9.669l-2.385-2.073h-3.597l-2.385 2.073v9.669l2.385 2.074zm4.816 3.259h-6.034L39 99.486V86.847L43.426 83h6.034l4.425 3.847v12.639l-4.425 3.848z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M124.644 17.075h3.598l2.385-2.074V5.332l-2.385-2.073h-3.598l-2.385 2.073v9.669l2.385 2.074zm4.816 3.259h-6.034L119 16.486V3.847L123.426 0h6.034l4.425 3.847v12.639l-4.425 3.848z",
+    fill: "#a67a44"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M88.978 103.257h-5.752L79 99.583V84h3.259v14.099l2.186 1.9h3.314l2.186-1.9V84h3.258v15.583l-4.225 3.674zM158 4.259h13.313V1H158v3.259z",
+    fill: "#e6e6e6"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M163 20.707h3.258V3H163v17.707z",
+    fill: "#e6e6e6"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M0 87.259h13.313V84H0v3.259zM2 95.259h9.998V92H2v3.259z",
+    fill: "#a67a44"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M0 102.708h3.258V85H0v17.708zM161.259 99.994h4.565l2.198-1.993v-9.12l-3.061-1.623h-3.701l-.001 12.736zm0 3.26H158L158.001 84h7.771l5.508 2.921v12.524l-4.199 3.808-5.822.001z",
+    fill: "#a67a44"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M91.197 20.271L83.273 6.778l.035 13.473-3.258.009L80 1h3.66l7.432 12.658V1h3.259v19.24l-3.154.031zM129.197 103.271l-7.924-13.494.035 13.474-3.259.009L118 84h3.66l7.432 12.657V84h3.258v19.24l-3.153.031z"
+  }));
+};
+
+Eng404.defaultProps = {
+  viewBox: "0 0 172 104",
+  xmlns: "http://www.w3.org/2000/svg",
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  strokeLinejoin: "round",
+  strokeMiterlimit: "1.414"
+};
+
+var Eng404Mobile = function Eng404Mobile(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M29.189 11.164h2.352L33.1 9.808V3.486l-1.559-1.355h-2.352l-1.56 1.355v6.322l1.56 1.356zm3.148 2.131h-3.945l-2.893-2.516V2.515L28.392 0h3.945l2.894 2.515v8.264l-2.894 2.516z",
+    fill: "#a67a44"
+  }), /*#__PURE__*/_react["default"].createElement("g", {
+    fill: "#e6e6e6"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M50.997 2.785h8.704V.654h-8.704v2.131z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M54.266 13.538h2.13V1.961h-2.13v11.577z"
+  })), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M7.321 13.253L2.14 4.432l.023 8.808-2.13.006L0 .654h2.393L7.252 8.93V.654h2.131v12.579l-2.062.02z"
+  }), /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M29.189 42.164h2.351l1.56-1.356v-6.322l-1.56-1.355h-2.351l-1.56 1.355v6.322l1.56 1.356zm3.148 2.131h-3.945l-2.893-2.516v-8.264L28.392 31h3.945l2.894 2.515v8.264l-2.894 2.516z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M58.175 44.244h-3.761l-2.763-2.402V31.654h2.131v9.218l1.429 1.242h2.167l1.429-1.242v-9.218h2.13v10.188l-2.762 2.402z",
+    fill: "#e6e6e6"
+  }), /*#__PURE__*/_react["default"].createElement("g", {
+    fill: "#a67a44"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M0 33.785h8.704v-2.131H0v2.131zM1.308 39.015h6.536v-2.131H1.308v2.131z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M0 43.885h2.13V32.308H0v11.577z"
+  })), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M105.433 42.111h2.984l1.437-1.303v-5.963l-2.001-1.061h-2.42v8.327zm0 2.131h-2.131l.001-12.588h5.08l3.601 1.91v8.188l-2.745 2.49h-3.806z",
+    fill: "#a67a44"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M84.47 44.253l-5.181-8.822.023 8.809-2.13.006-.032-12.592h2.392l4.86 8.275v-8.275h2.13v12.579l-2.062.02z"
+  })));
+};
+
+Eng404Mobile.defaultProps = {
+  viewBox: "0 0 112 45",
+  xmlns: "http://www.w3.org/2000/svg",
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  strokeLinejoin: "round",
+  strokeMiterlimit: "1.414"
+};
+
+var Eng500 = function Eng500(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M36.101 3.589h12.218V.277H36.101v3.312zM36.104 19.34h12.215v-3.312H36.104v3.312zM37.449 11.244h9.756V7.93h-9.756v3.314z",
+    fill: "#a67a44"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M36.102 19.23h3.313V1.95h-3.313v17.28zM148.915 3.589h12.219V.277h-12.219v3.312zM148.918 19.34h12.216v-3.312h-12.216v3.312zM150.263 11.244h9.757V7.93h-9.757v3.314z",
+    fill: "#a67a44"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M148.916 19.23h3.314V1.95h-3.314v17.28z",
+    fill: "#a67a44"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M3.655 0L.518 3.437v4.706l2.87 3.182h4.035l1.624 1.494v1.971l-1.624 1.494H4.665l-2.666-2.016L0 16.911l3.552 2.685h5.164l3.645-3.351v-4.88L8.716 8.012H4.862L3.832 6.87V4.722l1.285-1.409H7.82l2.521 1.798 1.923-2.698L8.881 0H3.655z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M191.973 11.575l2.931 8.187 3.119-1.115-2.93-8.189-3.12 1.117z",
+    fill: "#e6e6e6"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M187.473 0l-2.599 3.139.087 16.463 3.314-.018-.035-6.589h6.748l3.031-4.079V4.027L194.653 0h-7.18zm.721 4.326l.838-1.013h4.072l1.6 1.916V7.82l-1.383 1.861h-5.1l-.027-5.355zM82.09 19.763l-2.931-8.188 3.12-1.117 2.93 8.189-3.119 1.116z",
+    fill: "#e6e6e6"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M74.659 0L72.06 3.139l.087 16.463 3.314-.018-.035-6.589h6.748l3.03-4.079V4.027L81.839 0h-7.18zm.721 4.326l.838-1.013h4.072l1.6 1.916V7.82l-1.382 1.861h-5.1l-.028-5.355z",
+    fill: "#e6e6e6"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M119.722 19.34h-5.32L108.95 1.217l3.173-.955 4.743 15.766h.392L122.002.262l3.172.955-5.452 18.123z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M38.542 86.872h12.219v-3.313H38.542v3.313zM38.546 102.623h12.216v-3.314H38.546v3.314zM39.89 94.525h9.757v-3.313H39.89v3.313z",
+    fill: "#a67a44"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M38.544 102.512h3.313V85.231h-3.313v17.281z",
+    fill: "#a67a44"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M81.6 94.856l2.931 8.189 3.12-1.117-2.931-8.188-3.12 1.116z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M77.1 83.282l-2.599 3.14.089 16.461 3.312-.018-.035-6.588h6.748l3.031-4.08v-4.888l-3.366-4.027H77.1zm.721 4.326l.838-1.013h4.072l1.601 1.915v2.591l-1.384 1.863H77.85l-.029-5.356z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M118.491 94.856l2.931 8.189 3.119-1.117-2.93-8.188-3.12 1.116z",
+    fill: "#e6e6e6"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M113.991 83.282l-2.6 3.138.088 16.463 3.314-.018-.035-6.588h6.747l3.031-4.079v-4.889l-3.366-4.027h-7.179zm.72 4.326l.839-1.013h4.071l1.601 1.916v2.59l-1.383 1.863h-5.099l-.029-5.356z",
+    fill: "#e6e6e6"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M191.973 94.856l2.931 8.189 3.119-1.117-2.93-8.188-3.12 1.116z",
+    fill: "#a67a44"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M187.473 83.282l-2.599 3.14.087 16.461 3.314-.018-.036-6.588h6.749l3.031-4.08v-4.888l-3.366-4.027h-7.18zm.721 4.326l.838-1.013h4.072l1.6 1.915v2.591l-1.383 1.863h-5.1l-.027-5.356z",
+    fill: "#a67a44"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M152.043 83.316l-3.761 3.782v11.949l3.761 3.781h5.328l3.762-3.781V87.098l-3.762-3.782h-5.328zm-.448 14.363v-9.215l1.825-1.835h2.573l1.827 1.835v9.215l-1.827 1.836h-2.573l-1.825-1.836z"
+  })));
+};
+
+Eng500.defaultProps = {
+  viewBox: "0 0 199 103",
+  xmlns: "http://www.w3.org/2000/svg",
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  strokeLinejoin: "round",
+  strokeMiterlimit: "1.414"
+};
+
+var Eng500Mobile = function Eng500Mobile(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M19.299 1.935h6.532V.149h-6.532v1.786zM19.301 10.423h6.531V8.637h-6.531v1.786zM20.02 6.059h5.216V4.274H20.02v1.785z",
+    fill: "#a67a44"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M19.3 10.363h1.771V1.05H19.3v9.313zM79.61 1.935h6.532V.149H79.61v1.786zM79.611 10.423h6.53V8.637h-6.53v1.786zM80.33 6.059h5.216V4.274H80.33v1.785z",
+    fill: "#a67a44"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M79.61 10.363h1.772l-.001-9.313H79.61v9.313z",
+    fill: "#a67a44"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M1.954 0L.277 1.852v2.536l1.534 1.716h2.157l.869.805V7.97l-.869.805H2.494L1.068 7.69 0 9.113l1.899 1.448h2.76l1.949-1.806V6.124L4.659 4.318h-2.06l-.551-.616V2.545l.687-.759H4.18l1.348.968L6.557 1.3 4.748 0H1.954z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M102.628 6.238l1.567 4.413 1.668-.602-1.567-4.413-1.668.602z",
+    fill: "#e6e6e6"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M100.222 0l-1.389 1.692.047 8.872 1.771-.01-.019-3.551h3.608l1.62-2.198V2.17L104.061 0h-3.839zm.386 2.331l.448-.545h2.176l.856 1.032v1.396l-.739 1.003h-2.727l-.014-2.886zM42.318 6.238l1.567 4.413 1.667-.602-1.566-4.413-1.668.602z",
+    fill: "#e6e6e6"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M39.912 0l-1.389 1.692.047 8.872 1.771-.01-.019-3.551h3.608l1.62-2.198V2.17L43.751 0h-3.839zm.386 2.331l.448-.545h2.177l.855 1.032v1.396l-.739 1.003h-2.726l-.015-2.886z",
+    fill: "#e6e6e6"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M62.686 8.637h-.21L59.94.141l-1.695.514 2.914 9.768h2.844L66.918.655 65.222.141l-2.536 8.496z"
+  }), /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M0 28.934h6.552v-1.785H0v1.785z",
+    fill: "#a67a44"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M.002 37.423h6.551v-1.785H.002v1.785z",
+    fill: "#a67a44"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M.723 33.059h5.232v-1.785H.723v1.785z",
+    fill: "#a67a44"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M.001 37.364h1.776v-9.313H.001v9.313z",
+    fill: "#a67a44"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M23.09 33.238l1.572 4.413 1.672-.602-1.571-4.412-1.673.601z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M20.676 27l-1.393 1.692.047 8.872 1.777-.01-.019-3.551h3.619l1.624-2.199V29.17L24.527 27h-3.851zm.387 2.331l.45-.546h2.184l.858 1.033v1.396l-.742 1.004h-2.734l-.016-2.887z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M42.872 33.238l1.572 4.413 1.673-.602-1.572-4.412-1.673.601z",
+    fill: "#e6e6e6"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M40.459 27l-1.393 1.692.046 8.872 1.777-.01-.019-3.551h3.619l1.625-2.199V29.17L44.31 27h-3.851zm.386 2.332l.45-.547h2.184l.858 1.033v1.396l-.742 1.004h-2.734l-.016-2.886z",
+    fill: "#e6e6e6"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M82.277 33.238l1.572 4.413 1.672-.602-1.571-4.412-1.673.601z",
+    fill: "#a67a44"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M79.863 27l-1.393 1.692.047 8.872 1.777-.01-.019-3.551h3.619l1.624-2.199V29.17L83.714 27h-3.851zm.387 2.331l.45-.546h2.183l.859 1.033v1.396L83 32.218h-2.735l-.015-2.887z",
+    fill: "#a67a44"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M60.865 27.019l-2.018 2.038v6.439l2.018 2.038h2.857l2.017-2.038v-6.439l-2.017-2.038h-2.857zm-.241 7.74v-4.966l.979-.989h1.38l.98.989v4.966l-.98.989h-1.38l-.979-.989z"
+  }))));
+};
+
+Eng500Mobile.defaultProps = {
+  viewBox: "0 0 106 38",
+  xmlns: "http://www.w3.org/2000/svg",
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  strokeLinejoin: "round",
+  strokeMiterlimit: "1.414"
+};
+
+var Number404 = function Number404(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M314 152.169h19.994V76H314v76.169z",
+    fill: "#a67a44"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M8 134.994h93.409V115H8v19.994z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M19.994 134.763H0v-30.647L56.924 0l17.542 9.59-54.472 99.637v25.536z",
+    fill: "#a67a44"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M63 152.169h19.994V76H63v76.169zM259 134.994h93.409V115H259v19.994z",
+    fill: "#e6e6e6"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M270.994 134.763H251v-30.647L307.924 0l17.542 9.59-54.472 99.637v25.536zM176.97 21.595h-11.257l-16.118 16.537v76.955l16.118 16.538h11.256l.001 20.595h-19.942L129 123.465V29.754L157.028 1h19.942v20.595z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M177.001 1h19.942l28.028 28.754v93.711l-28.028 28.755h-19.942L177 131.625h11.258l16.118-16.538V38.132l-16.118-16.537h-11.257V1z",
+    fill: "#a67a44"
+  }));
+};
+
+Number404.defaultProps = {
+  viewBox: "0 0 353 153",
+  xmlns: "http://www.w3.org/2000/svg",
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  strokeLinejoin: "round",
+  strokeMiterlimit: "1.414"
+};
+
+var Number500 = function Number500(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M196.551 0l-8.686 20.594 16.119 16.538 20.594-8.378L196.552 0h-.001z",
+    fill: "#a67a44"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M156.666 0l8.685 20.594h22.514L196.551 0h-39.885z",
+    fill: "#a67a44"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M203.983 37.132v76.955l20.595 8.378V28.754l-20.595 8.378zM156.665 0l-28.027 28.754 20.595 8.378 16.118-16.538L156.666 0h-.001z",
+    fill: "#e6e6e6"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M165.351 130.625l-8.685 20.595h39.885l-8.686-20.595h-22.514z",
+    fill: "#a67a44"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M149.233 37.132l-20.595-8.378v93.711l20.595-8.378V37.132zM187.865 130.625l8.686 20.595 28.027-28.755-20.595-8.378-16.118 16.538z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M128.638 122.465l28.028 28.755 8.685-20.595-16.118-16.537-20.595 8.377z",
+    fill: "#a67a44"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M323.214 0l-8.686 20.594 16.119 16.538 20.595-8.378L323.215 0h-.001z",
+    fill: "#e6e6e6"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M283.329 0l8.685 20.594h22.514L323.214 0h-39.885z",
+    fill: "#e6e6e6"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M330.647 37.132v76.955l20.594 8.378h.002V28.754l-20.596 8.378zM283.328 0l-28.027 28.754 20.595 8.378 16.118-16.538L283.329 0h-.001z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M292.014 130.625l-8.685 20.595h39.885l-8.686-20.595h-22.514z",
+    fill: "#e6e6e6"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M275.896 37.132l-20.595-8.378v93.711l20.595-8.378V37.132zM314.528 130.625l8.686 20.595 28.027-28.755-20.595-8.378-16.118 16.538z",
+    fill: "#a67a44"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M255.301 122.465l28.028 28.755 8.685-20.595-16.118-16.537-20.595 8.377zM3.239 82.201h19.994V0H3.239v82.201z",
+    fill: "#e6e6e6"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M23.234 19.994h65.944V.001H23.234v19.993z",
+    fill: "#a67a44"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M32.116 131.225l-8.272 19.995h50.452l-8.282-19.995H32.116zM66.015 62.207H23.844v19.994h42.171l8.281-19.994h-8.281z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M0 127.223l23.844 23.997 8.272-19.996v-.009l-17.978-18.131L0 127.223z",
+    fill: "#a67a44"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M66.014 131.225l8.282 19.995h.001l23.617-23.617-19.994-8.282-11.906 11.904z",
+    fill: "#e6e6e6"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M74.297 62.207l-8.282 19.994 11.906 11.905 19.994-8.282-23.618-23.617z",
+    fill: "#a67a44"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M97.914 93.458v-7.635L77.92 94.106v25.215l19.994 8.282V93.457z",
+    fill: "#e6e6e6"
+  })));
+};
+
+Number500.defaultProps = {
+  viewBox: "0 0 352 152",
+  xmlns: "http://www.w3.org/2000/svg",
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  strokeLinejoin: "round",
+  strokeMiterlimit: "1.414"
+};
+
+var Container = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  displayName: "message__Container",
+  componentId: "sc-14dhvpe-0"
+})(["position:relative;width:100%;max-width:1920px;margin-left:auto;margin-right:auto;", " ", " ", " ", ""], _mediaQuery["default"].mobileOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    margin-top: 25px;\n    margin-bottom: 20px;\n  "]))), _mediaQuery["default"].tabletOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    padding: 0 55px 0 57px;\n    margin-top: 67px;\n    margin-bottom: 57px;\n  "]))), _mediaQuery["default"].desktopOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    padding: 0 120px 0 122px;\n    margin-top: 46px;\n    margin-bottom: 77px;\n  "]))), _mediaQuery["default"].hdOnly(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    margin-top: 46px;\n    margin-bottom: 77px;\n  "]))));
+
+var ErrorMessageBlock = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  displayName: "message__ErrorMessageBlock",
+  componentId: "sc-14dhvpe-1"
+})(["width:100%;position:relative;margin:0 auto;", " ", " ", " ", ""], _mediaQuery["default"].mobileOnly(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    width: 87.5%;\n    padding-top: 65px;\n    padding-bottom: 20px;\n  "]))), _mediaQuery["default"].tabletOnly(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    padding-top: 135px;\n    padding-bottom: 185px;\n  "]))), _mediaQuery["default"].desktopOnly(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    padding-top: 135px;\n    padding-bottom: 185px;\n  "]))), _mediaQuery["default"].hdOnly(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    padding-top: 55px;\n    padding-bottom: 108px;\n    width: 62%;\n    min-width: 896px;\n  "]))));
+
+var ChineseText = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  displayName: "message__ChineseText",
+  componentId: "sc-14dhvpe-2"
+})(["position:absolute;", " ", ""], _mediaQuery["default"].mobileOnly(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    top: 0;\n    left: 0;\n    width: 13px;\n    font-size: 13px;\n    line-height: 1.62;\n    text-align: left;\n    color: #000000;\n    font-weight: 900;\n    ::after {\n      content: \"\";\n      display: block;\n      width: 14px;\n      height: 1px;\n      background-color: #000000;\n      position: relative;\n      top: 6px;\n      left: 7px;\n    }\n  "]))), _mediaQuery["default"].tabletAndAbove(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    top: 0;\n    left: 0;\n    width: 18px;\n    font-size: 18px;\n    line-height: 1.5;\n    text-align: left;\n    color: #000000;\n    font-weight: 900;\n    ::after {\n      content: \"\";\n      display: block;\n      width: 20px;\n      height: 1px;\n      background-color: #000000;\n      position: relative;\n      top: 19px;\n      left: 11px;\n    }\n  "]))));
+
+var BuildingStyled = /*#__PURE__*/(0, _styledComponents["default"])(Building).withConfig({
+  displayName: "message__BuildingStyled",
+  componentId: "sc-14dhvpe-3"
+})(["position:relative;width:100%;", " ", ""], _mediaQuery["default"].desktopOnly(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    width: 84%;\n  "]))), _mediaQuery["default"].hdOnly(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    width: 82%;\n  "]))));
+var DotStyled = /*#__PURE__*/(0, _styledComponents["default"])(Dot).withConfig({
+  displayName: "message__DotStyled",
+  componentId: "sc-14dhvpe-4"
+})(["", " ", " ", " ", ""], _mediaQuery["default"].mobileOnly(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n    width: 3px;\n    position: absolute;\n    right: 0;\n    top: 29.3%;\n  "]))), _mediaQuery["default"].tabletOnly(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n    width: 5px;\n    position: absolute;\n    right: 0;\n    top: 158px;\n  "]))), _mediaQuery["default"].desktopOnly(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n    width: 5px;\n    position: absolute;\n    right: 0;\n    top: 54%;\n  "]))), _mediaQuery["default"].hdOnly(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n    width: 5px;\n    position: absolute;\n    right: 0;\n    top: 50.1%;\n  "]))));
+
+var EngishWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  displayName: "message__EngishWrapper",
+  componentId: "sc-14dhvpe-5"
+})([">svg{width:100%;}.show-mobile{display:none;}.hide-mobile{display:inline;}", " ", " ", ""], _mediaQuery["default"].mobileOnly(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n    width: 112px;\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    .show-mobile {\n      display: inline;\n    }\n    .hide-mobile {\n      display: none;\n    }\n  "]))), _mediaQuery["default"].tabletOnly(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n    width: 171px;\n    position: absolute;\n    bottom: 31px;\n    right: 0;\n  "]))), _mediaQuery["default"].desktopAndAbove(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n    width: 171px;\n    position: absolute;\n    bottom: 30px;\n    right: 0;\n  "]))));
+
+var BackToHomeBtn = /*#__PURE__*/_styledComponents["default"].a.withConfig({
+  displayName: "message__BackToHomeBtn",
+  componentId: "sc-14dhvpe-6"
+})(["display:block;cursor:pointer;text-align:center;background-color:#000000;color:#FFFFFF;text-decoration:none;&:hover,&:active,&:focus,&:visited{color:#FFFFFF;text-decoration:none;}", " ", " ", " ", ""], _mediaQuery["default"].mobileOnly(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n    margin: 35px auto;\n    width: 87.5%;\n    height: 76px;\n    line-height: 76px;\n    position: relative;\n    font-size: 14px;\n    font-weight: 700;\n    letter-spacing: 0.2px;\n  "]))), _mediaQuery["default"].tabletAndAbove(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n    width: 229px;\n    height: 76px;\n    line-height: 76px;    \n    position: absolute;\n    bottom: 0;\n    left: 55px;\n    font-size: 14px;\n    font-weight: 700;\n    letter-spacing: 0.2px;\n  "]))), _mediaQuery["default"].desktopOnly(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n    left: 120px;\n  "]))), _mediaQuery["default"].hdOnly(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n    left: 19%;\n  "]))));
+
+var NumberImageWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  displayName: "message__NumberImageWrapper",
+  componentId: "sc-14dhvpe-7"
+})(["position:absolute;right:0;top:10px;width:39.64%;", " ", " ", " >svg{width:100%;}"], _mediaQuery["default"].tabletOnly(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n    width: 230px;\n  "]))), _mediaQuery["default"].desktopOnly(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n    width: 313px;\n  "]))), _mediaQuery["default"].hdOnly(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n    width: 353px;\n  "]))));
+
+var ErrorMessage = /*#__PURE__*/function (_React$PureComponent) {
+  _inherits(ErrorMessage, _React$PureComponent);
+
+  var _super = _createSuper(ErrorMessage);
+
+  function ErrorMessage() {
+    _classCallCheck(this, ErrorMessage);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(ErrorMessage, [{
+    key: "_buildChineseMessageJSX",
+    value: function _buildChineseMessageJSX(errorType) {
+      switch (errorType) {
+        case '404':
+          return /*#__PURE__*/_react["default"].createElement(ChineseText, null, "\u627E\u4E0D\u5230\u7DB2\u9801");
+
+        case '500':
+        default:
+          return /*#__PURE__*/_react["default"].createElement(ChineseText, null, "\u7DB2\u9801\u932F\u8AA4");
+      }
+    }
+  }, {
+    key: "_buildEnglishMessageJSX",
+    value: function _buildEnglishMessageJSX(errorType) {
+      switch (errorType) {
+        case '404':
+          return /*#__PURE__*/_react["default"].createElement(EngishWrapper, null, /*#__PURE__*/_react["default"].createElement(Eng404Mobile, {
+            className: "show-mobile"
+          }), /*#__PURE__*/_react["default"].createElement(Eng404, {
+            className: "hide-mobile"
+          }));
+
+        case '500':
+        default:
+          return /*#__PURE__*/_react["default"].createElement(EngishWrapper, null, /*#__PURE__*/_react["default"].createElement(Eng500Mobile, {
+            className: "show-mobile"
+          }), /*#__PURE__*/_react["default"].createElement(Eng500, {
+            className: "hide-mobile"
+          }));
+      }
+    }
+  }, {
+    key: "_buildErrorNumberJSX",
+    value: function _buildErrorNumberJSX(errorType) {
+      switch (errorType) {
+        case '404':
+          return /*#__PURE__*/_react["default"].createElement(NumberImageWrapper, null, /*#__PURE__*/_react["default"].createElement(Number404, null));
+
+        case '500':
+        default:
+          return /*#__PURE__*/_react["default"].createElement(NumberImageWrapper, null, /*#__PURE__*/_react["default"].createElement(Number500, null));
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var errorType = this.props.errorType;
+      return /*#__PURE__*/_react["default"].createElement(Container, null, /*#__PURE__*/_react["default"].createElement(ErrorMessageBlock, null, /*#__PURE__*/_react["default"].createElement(BuildingStyled, null), /*#__PURE__*/_react["default"].createElement(DotStyled, null), this._buildChineseMessageJSX(errorType), this._buildEnglishMessageJSX(errorType), this._buildErrorNumberJSX(errorType)), /*#__PURE__*/_react["default"].createElement(BackToHomeBtn, {
+        href: "/"
+      }, "\u8FD4\u56DE\u9996\u9801"));
+    }
+  }]);
+
+  return ErrorMessage;
+}(_react["default"].PureComponent);
+
+ErrorMessage.propTypes = {
+  errorType: _propTypes["default"].oneOf(['404', '500'])
+};
+ErrorMessage.defaultProps = {
+  errorType: '500'
+};
+var _default = ErrorMessage;
+exports["default"] = _default;

package/lib/footer/constants/paths.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.assets = void 0;
+var assets = 'https://www.twreporter.org/images/footer/';
+exports.assets = assets;