@twreporter/react-components 9.0.2 → 9.1.0-rc.0

package/lib/empty-state/index.js

@@ -4,96 +4,77 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _color = require("@twreporter/core/lib/constants/color");
-
 var _releaseBranch = require("@twreporter/core/lib/constants/release-branch");
-
 var _paragraph = require("../text/paragraph");
-
 var _button = require("../button");
-
 var _enums = require("./enums");
-
 var _sharedEnum = require("../shared-enum");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 // @twreporter
+
 // components
+
 var OuterContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "empty-state__OuterContainer",
   componentId: "sc-4ba2ko-0"
 })(["width:100%;margin-top:8px;display:flex;flex-direction:column;align-items:center;"]);
-
 var Container = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "empty-state__Container",
   componentId: "sc-4ba2ko-1"
 })(["display:flex;flex-direction:column;align-items:center;max-width:280px;"]);
-
 var TextContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "empty-state__TextContainer",
   componentId: "sc-4ba2ko-2"
 })(["margin-top:48px;display:flex;flex-direction:column;align-items:center;text-align:center;color:", ";"], _color.colorGrayscale.gray800);
-
 var ButtonContainer = /*#__PURE__*/_styledComponents["default"].a.withConfig({
   displayName: "empty-state__ButtonContainer",
   componentId: "sc-4ba2ko-3"
 })(["margin-top:24px;text-decoration:none;"]);
-
 var GuideContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "empty-state__GuideContainer",
   componentId: "sc-4ba2ko-4"
 })(["display:flex;align-items:baseline;text-align:center;color:", ";svg{background-color:", ";width:18px;height:18px;margin:0 4px;transform:translateY(3px);}"], _color.colorGrayscale.gray600, _color.colorGrayscale.gray600);
-
 var defaultFunc = function defaultFunc() {};
-
 var EmptyState = function EmptyState(_ref) {
   var _ref$releaseBranch = _ref.releaseBranch,
-      releaseBranch = _ref$releaseBranch === void 0 ? _releaseBranch.BRANCH.master : _ref$releaseBranch,
-      _ref$style = _ref.style,
-      style = _ref$style === void 0 ? _enums.Style.DEFAULT : _ref$style,
-      _ref$title = _ref.title,
-      title = _ref$title === void 0 ? '' : _ref$title,
-      _ref$showGuide = _ref.showGuide,
-      showGuide = _ref$showGuide === void 0 ? true : _ref$showGuide,
-      _ref$guide = _ref.guide,
-      guide = _ref$guide === void 0 ? null : _ref$guide,
-      _ref$showButton = _ref.showButton,
-      showButton = _ref$showButton === void 0 ? true : _ref$showButton,
-      _ref$buttonText = _ref.buttonText,
-      buttonText = _ref$buttonText === void 0 ? '' : _ref$buttonText,
-      _ref$buttonUrl = _ref.buttonUrl,
-      buttonUrl = _ref$buttonUrl === void 0 ? '/' : _ref$buttonUrl,
-      _ref$buttonOnclick = _ref.buttonOnclick,
-      buttonOnclick = _ref$buttonOnclick === void 0 ? defaultFunc : _ref$buttonOnclick;
+    releaseBranch = _ref$releaseBranch === void 0 ? _releaseBranch.BRANCH.master : _ref$releaseBranch,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? _enums.Style.DEFAULT : _ref$style,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? '' : _ref$title,
+    _ref$showGuide = _ref.showGuide,
+    showGuide = _ref$showGuide === void 0 ? true : _ref$showGuide,
+    _ref$guide = _ref.guide,
+    guide = _ref$guide === void 0 ? null : _ref$guide,
+    _ref$showButton = _ref.showButton,
+    showButton = _ref$showButton === void 0 ? true : _ref$showButton,
+    _ref$buttonText = _ref.buttonText,
+    buttonText = _ref$buttonText === void 0 ? '' : _ref$buttonText,
+    _ref$buttonUrl = _ref.buttonUrl,
+    buttonUrl = _ref$buttonUrl === void 0 ? '/' : _ref$buttonUrl,
+    _ref$buttonOnclick = _ref.buttonOnclick,
+    buttonOnclick = _ref$buttonOnclick === void 0 ? defaultFunc : _ref$buttonOnclick;
   var imageUrl = '';
   var imageWidth = '';
-
   switch (style) {
     case _enums.Style.DEFAULT:
     default:
       imageUrl = "https://www.twreporter.org/assets/empty-state/".concat(releaseBranch, "/seek.png");
       imageWidth = '170';
       break;
-
     case _enums.Style.PENCIL:
       imageUrl = "https://www.twreporter.org/assets/empty-state/".concat(releaseBranch, "/pencil.png");
       imageWidth = '232';
       break;
-
     case _enums.Style.UNDER_CONSTRUCTION:
       imageUrl = "https://www.twreporter.org/assets/empty-state/".concat(releaseBranch, "/under_construction.png");
       imageWidth = '177';
       break;
   }
-
   return /*#__PURE__*/_react["default"].createElement(OuterContainer, null, /*#__PURE__*/_react["default"].createElement(Container, null, /*#__PURE__*/_react["default"].createElement("img", {
     src: imageUrl,
     width: imageWidth
@@ -110,7 +91,6 @@ var EmptyState = function EmptyState(_ref) {
     size: _sharedEnum.Size.L
   }))));
 };
-
 EmptyState.propTypes = {
   releaseBranch: _releaseBranch.BRANCH_PROP_TYPES,
   style: _propTypes["default"].oneOf(Object.values(_enums.Style)),
@@ -123,5 +103,4 @@ EmptyState.propTypes = {
   buttonOnclick: _propTypes["default"].func
 };
 EmptyState.Style = _enums.Style;
-var _default = EmptyState;
-exports["default"] = _default;
+var _default = exports["default"] = EmptyState;

package/lib/empty-state/stories/empty-guide.stories.js

@@ -4,18 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.emptyState = exports["default"] = void 0;
-
 var _index = _interopRequireDefault(require("../index"));
-
 var _enums = require("../enums");
-
 var _getEnumArg = require("../../storybook/utils/get-enum-arg");
-
 var _constants = require("../../storybook/constants");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = {
+var _default = exports["default"] = {
   title: 'Empty State',
   component: _index["default"],
   argTypes: {
@@ -23,8 +17,7 @@ var _default = {
     style: (0, _getEnumArg.getRadioArg)(_enums.Style, _enums.Style.DEFAULT)
   }
 };
-exports["default"] = _default;
-var emptyState = {
+var emptyState = exports.emptyState = {
   args: {
     title: '文字',
     showGuide: true,
@@ -33,5 +26,4 @@ var emptyState = {
     buttonText: '按鈕',
     buttonUrl: '/'
   }
-};
-exports.emptyState = emptyState;
+};

package/lib/error/index.js

@@ -4,14 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.ErrorMessage = void 0;
-
 var _message = _interopRequireDefault(require("./message"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var ErrorMessage = _message["default"];
-exports.ErrorMessage = ErrorMessage;
-var _default = {
+var ErrorMessage = exports.ErrorMessage = _message["default"];
+var _default = exports["default"] = {
   ErrorMessage: ErrorMessage
-};
-exports["default"] = _default;
+};

package/lib/error/message.js

@@ -4,23 +4,14 @@ 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 _color = require("@twreporter/core/lib/constants/color");
-
-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;
-
+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; // @twreporter
 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) } })); }
-
 // assets
 var Building = function Building(props) {
   return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
@@ -112,14 +103,12 @@ var Building = function Building(props) {
     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"
@@ -131,7 +120,6 @@ var Dot = function Dot(props) {
     fill: "#e6e6e6"
   }));
 };
-
 Dot.defaultProps = {
   viewBox: "0 0 6 29",
   xmlns: "http://www.w3.org/2000/svg",
@@ -140,7 +128,6 @@ Dot.defaultProps = {
   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"
@@ -163,7 +150,6 @@ var Eng404 = function Eng404(props) {
     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",
@@ -172,7 +158,6 @@ Eng404.defaultProps = {
   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",
@@ -203,7 +188,6 @@ var Eng404Mobile = function Eng404Mobile(props) {
     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",
@@ -212,7 +196,6 @@ Eng404Mobile.defaultProps = {
   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",
@@ -262,7 +245,6 @@ var Eng500 = function Eng500(props) {
     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",
@@ -271,7 +253,6 @@ Eng500.defaultProps = {
   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",
@@ -327,7 +308,6 @@ var Eng500Mobile = function Eng500Mobile(props) {
     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",
@@ -336,7 +316,6 @@ Eng500Mobile.defaultProps = {
   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",
@@ -356,7 +335,6 @@ var Number404 = function Number404(props) {
     fill: "#a67a44"
   }));
 };
-
 Number404.defaultProps = {
   viewBox: "0 0 353 153",
   xmlns: "http://www.w3.org/2000/svg",
@@ -365,7 +343,6 @@ Number404.defaultProps = {
   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",
@@ -420,7 +397,6 @@ var Number500 = function Number500(props) {
     fill: "#e6e6e6"
   })));
 };
-
 Number500.defaultProps = {
   viewBox: "0 0 352 152",
   xmlns: "http://www.w3.org/2000/svg",
@@ -429,22 +405,18 @@ Number500.defaultProps = {
   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: ", ";\n    font-weight: 900;\n    ::after {\n      content: \"\";\n      display: block;\n      width: 14px;\n      height: 1px;\n      background-color: ", ";\n      position: relative;\n      top: 6px;\n      left: 7px;\n    }\n  "])), _color.colorGrayscale.black, _color.colorGrayscale.black), _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: ", ";\n    font-weight: 900;\n    ::after {\n      content: \"\";\n      display: block;\n      width: 20px;\n      height: 1px;\n      background-color: ", ";\n      position: relative;\n      top: 19px;\n      left: 11px;\n    }\n  "])), _color.colorGrayscale.black, _color.colorGrayscale.black));
-
 var BuildingStyled = /*#__PURE__*/(0, _styledComponents["default"])(Building).withConfig({
   displayName: "message__BuildingStyled",
   componentId: "sc-14dhvpe-3"
@@ -453,37 +425,30 @@ 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:", ";color:", ";text-decoration:none;&:hover,&:active,&:focus,&:visited{color:", ";text-decoration:none;}", " ", " ", " ", ""], _color.colorGrayscale.black, _color.colorGrayscale.white, _color.colorGrayscale.white, _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 = function ErrorMessage(_ref) {
   var _ref$errorType = _ref.errorType,
-      errorType = _ref$errorType === void 0 ? '500' : _ref$errorType;
-
+    errorType = _ref$errorType === void 0 ? '500' : _ref$errorType;
   var buildChineseMessageJSX = 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");
     }
   };
-
   var buildEnglishMessageJSX = function buildEnglishMessageJSX(errorType) {
     switch (errorType) {
       case '404':
@@ -492,7 +457,6 @@ var ErrorMessage = function ErrorMessage(_ref) {
         }), /*#__PURE__*/_react["default"].createElement(Eng404, {
           className: "hide-mobile"
         }));
-
       case '500':
       default:
         return /*#__PURE__*/_react["default"].createElement(EngishWrapper, null, /*#__PURE__*/_react["default"].createElement(Eng500Mobile, {
@@ -502,25 +466,20 @@ var ErrorMessage = function ErrorMessage(_ref) {
         }));
     }
   };
-
   var buildErrorNumberJSX = 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));
     }
   };
-
   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), buildChineseMessageJSX(errorType), buildEnglishMessageJSX(errorType), buildErrorNumberJSX(errorType)), /*#__PURE__*/_react["default"].createElement(BackToHomeBtn, {
     href: "/"
   }, "\u8FD4\u56DE\u9996\u9801"));
 };
-
 ErrorMessage.propTypes = {
   errorType: _propTypes["default"].oneOf(['404', '500'])
 };
-var _default = ErrorMessage;
-exports["default"] = _default;
+var _default = exports["default"] = ErrorMessage;

package/lib/footer/constants/links.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getSocialMediaLinks = exports.getLinksGroups = void 0;
-
 var _entityPath = _interopRequireDefault(require("@twreporter/core/lib/constants/entity-path"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var gtmId = {
   support: 'footer-support',
   newsletter: 'footer-newsletter'
@@ -19,9 +16,9 @@ var gtmId = {
   | XXXX         | XXXX          | XXX          |
   | XXXXX        | XXXXXX        | XX           |
 */
-
-var getLinksGroups = function getLinksGroups(mainOrigin) {
-  return [// first column
+var getLinksGroups = exports.getLinksGroups = function getLinksGroups(mainOrigin) {
+  return [
+  // first column
   [{
     slug: 'about',
     text: '關於我們',
@@ -47,7 +44,8 @@ var getLinksGroups = function getLinksGroups(mainOrigin) {
     text: '常見問題',
     to: "".concat(mainOrigin).concat(_entityPath["default"].article, "about-us-questions"),
     target: '_blank'
-  }], // second column
+  }],
+  // second column
   [{
     slug: 'donate',
     text: '捐款徵信',
@@ -68,11 +66,12 @@ var getLinksGroups = function getLinksGroups(mainOrigin) {
     text: '出版品與周邊',
     to: 'https://twreporter.backme.tw/shops/3619?locale=zh-TW',
     target: '_blank'
-  }], // third column
+  }],
+  // third column
   [{
     slug: 'subcribe-email',
     text: '訂閱電子報',
-    to: 'http://eepurl.com/djVwF9',
+    to: "".concat(mainOrigin).concat(_entityPath["default"].account, "email-subscription"),
     target: '_blank',
     id: gtmId.newsletter
   }, {
@@ -97,10 +96,7 @@ var getLinksGroups = function getLinksGroups(mainOrigin) {
     target: '_blank'
   }]];
 };
-
-exports.getLinksGroups = getLinksGroups;
-
-var getSocialMediaLinks = function getSocialMediaLinks() {
+var getSocialMediaLinks = exports.getSocialMediaLinks = function getSocialMediaLinks() {
   return [{
     slug: 'facebook',
     icon: 'facebook',
@@ -132,6 +128,4 @@ var getSocialMediaLinks = function getSocialMediaLinks() {
     to: 'https://www.plurk.com/twreporter',
     target: '_blank'
   }];
-};
-
-exports.getSocialMediaLinks = getSocialMediaLinks;
+};

package/lib/footer/footer.stories.js

@@ -4,26 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.footer = exports["default"] = void 0;
-
 var _index = _interopRequireDefault(require("./index"));
-
 var _constants = require("../storybook/constants");
-
 var _releaseBranch = _interopRequireDefault(require("@twreporter/core/lib/constants/release-branch"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = {
+var _default = exports["default"] = {
   title: 'Footer',
   component: _index["default"],
   argTypes: {
     releaseBranch: _constants.BRANCH_STORYBOOK_ARG_TYPE
   }
 };
-exports["default"] = _default;
-var footer = {
+var footer = exports.footer = {
   args: {
     releaseBranch: _releaseBranch["default"].master
   }
-};
-exports.footer = footer;
+};