@twreporter/react-components 8.6.1 → 8.6.3-rc.0

package/CHANGELOG.md

@@ -3,6 +3,41 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.6.3-rc.0](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.6.2...@twreporter/react-components@8.6.3-rc.0) (2021-11-12)
+
+**Note:** Version bump only for package @twreporter/react-components
+
+
+
+
+
+## [8.6.2](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.6.2-rc.1...@twreporter/react-components@8.6.2) (2021-10-28)
+
+**Note:** Version bump only for package @twreporter/react-components
+
+
+
+
+
+## [8.6.2-rc.1](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.6.2-rc.0...@twreporter/react-components@8.6.2-rc.1) (2021-10-28)
+
+**Note:** Version bump only for package @twreporter/react-components
+
+
+
+
+
+## [8.6.2-rc.0](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.6.1...@twreporter/react-components@8.6.2-rc.0) (2021-10-27)
+
+
+### Bug Fixes
+
+* **react-components:** fix gitbook link ([6c6e555](https://github.com/twreporter/twreporter-npm-packages/commit/6c6e5558b5299079dbebe9ec287328c9d3e376cf))
+
+
+
+
+
 ## [8.6.1](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.6.1-rc.0...@twreporter/react-components@8.6.1) (2021-10-27)
 
 **Note:** Version bump only for package @twreporter/react-components

package/lib/bookmark-list/bookmark.js

@@ -9,7 +9,7 @@ exports["default"] = void 0;
 
 var _date = require("@twreporter/core/lib/utils/date");
 
-var _fontWeight = require("@twreporter/core/lib/constants/font-weight");
+var _font = require("@twreporter/core/lib/constants/font");
 
 var _customizedLink = _interopRequireDefault(require("./customized-link"));
 
@@ -161,7 +161,7 @@ var FirstRow = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 var Title = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "bookmark__Title",
   componentId: "sc-1y8p1w5-8"
-})(["font-size:27px;line-height:1.41;margin-bottom:18px;", " font-weight:", ";color:", ";flex-basis:auto;flex-grow:0;"], _mediaQuery["default"].mobileOnly(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    font-size: 20px;\n    line-height: 1.55;\n    margin-bottom: 0;\n  "]))), _fontWeight.sourceHanSansTC.bold, _color["default"].darkGray);
+})(["font-size:27px;line-height:1.41;margin-bottom:18px;", " font-weight:", ";color:", ";flex-basis:auto;flex-grow:0;"], _mediaQuery["default"].mobileOnly(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    font-size: 20px;\n    line-height: 1.55;\n    margin-bottom: 0;\n  "]))), _font.fontWeight.bold, _color["default"].darkGray);
 
 var Description = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "bookmark__Description",
@@ -181,7 +181,7 @@ var ReadMore = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 var Date = /*#__PURE__*/_styledComponents["default"].span.withConfig({
   displayName: "bookmark__Date",
   componentId: "sc-1y8p1w5-12"
-})(["vertical-align:top;font-size:16px;font-weight:", ";color:", ";float:right;"], _fontWeight.sourceHanSansTC.light, _color["default"].gray);
+})(["vertical-align:top;font-size:16px;font-weight:", ";color:", ";float:right;"], _font.fontWeight["default"], _color["default"].gray);
 
 var RemoveBookMarkBtn = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "bookmark__RemoveBookMarkBtn",

package/lib/bookmark-list/bookmarks.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _fontWeight = require("@twreporter/core/lib/constants/font-weight");
+var _font = require("@twreporter/core/lib/constants/font");
 
 var _bookmark = _interopRequireDefault(require("./bookmark"));
 
@@ -57,7 +57,7 @@ var CountTitle = /*#__PURE__*/_styledComponents["default"].span.withConfig({
 var CountNumber = /*#__PURE__*/_styledComponents["default"].span.withConfig({
   displayName: "bookmarks__CountNumber",
   componentId: "sc-1m95x6z-4"
-})(["font-size:20px;", " font-weight:", ";"], _mediaQuery["default"].mobileOnly(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    font-size: 18px;\n  "]))), _fontWeight.sourceHanSansTC.bold);
+})(["font-size:20px;", " font-weight:", ";"], _mediaQuery["default"].mobileOnly(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    font-size: 18px;\n  "]))), _font.fontWeight.bold);
 
 var BookmarksContainer = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
   displayName: "bookmarks__BookmarksContainer",

package/lib/confirmation/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _fontWeight = require("@twreporter/core/lib/constants/font-weight");
+var _font = require("@twreporter/core/lib/constants/font");
 
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
 
@@ -58,7 +58,7 @@ var Dialog = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 var Content = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "confirmation__Content",
   componentId: "ypuqpw-2"
-})(["width:100%;margin-bottom:52px;font-size:20px;font-weight:", ";", ""], _fontWeight.sourceHanSansTC.bold, _mediaQuery["default"].mobileOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    font-size: 16px;\n  "]))));
+})(["width:100%;margin-bottom:52px;font-size:20px;font-weight:", ";", ""], _font.fontWeight.bold, _mediaQuery["default"].mobileOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    font-size: 16px;\n  "]))));
 
 var FuncitonArea = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "confirmation__FuncitonArea",
@@ -68,7 +68,7 @@ var FuncitonArea = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 var FunctionButton = /*#__PURE__*/_styledComponents["default"].button.withConfig({
   displayName: "confirmation__FunctionButton",
   componentId: "ypuqpw-4"
-})(["cursor:pointer;font-weight:", ";font-size:18px;width:127px;height:46.7px;border-radius:40px;background-color:Transparent;outline:0;", " letter-spacing:1.6px;"], _fontWeight.sourceHanSansTC.bold, _mediaQuery["default"].mobileOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    font-size: 16px;\n  "]))));
+})(["cursor:pointer;font-weight:", ";font-size:18px;width:127px;height:46.7px;border-radius:40px;background-color:Transparent;outline:0;", " letter-spacing:1.6px;"], _font.fontWeight.bold, _mediaQuery["default"].mobileOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    font-size: 16px;\n  "]))));
 
 var Cancel = /*#__PURE__*/(0, _styledComponents["default"])(FunctionButton).withConfig({
   displayName: "confirmation__Cancel",

package/lib/footer/content.js

@@ -7,22 +7,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _donationLink = _interopRequireDefault(require("../donation-link"));
-
-var _logo = _interopRequireDefault(require("./logo"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
+var _donationLink = _interopRequireDefault(require("../donation-link"));
+
+var _logo = _interopRequireDefault(require("./logo"));
+
 var _styles = _interopRequireDefault(require("./constants/styles"));
 
 var _color = _interopRequireDefault(require("./constants/color"));
 
-var _font = _interopRequireDefault(require("./constants/font"));
-
 var _siteMeta = require("@twreporter/core/lib/constants/site-meta");
 
 var _entityPath = _interopRequireDefault(require("@twreporter/core/lib/constants/entity-path"));
@@ -31,6 +27,14 @@ var _externalLinks = _interopRequireDefault(require("@twreporter/core/lib/consta
 
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
 
+var _requestOrigins = _interopRequireDefault(require("@twreporter/core/lib/constants/request-origins"));
+
+var _propTypes = _interopRequireDefault(require("@twreporter/core/lib/constants/prop-types"));
+
+var _releaseBranch = _interopRequireDefault(require("@twreporter/core/lib/constants/release-branch"));
+
+var _font = require("@twreporter/core/lib/constants/font");
+
 var _map = _interopRequireDefault(require("lodash/map"));
 
 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;
@@ -41,26 +45,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 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) } })); }
 
 var _ = {
@@ -136,7 +120,7 @@ function getItemGroups(mainOrigin) {
   }, {
     slug: 'branding-design',
     text: '品牌設計規範',
-    link: 'https://twreporter.gitbook.io/the-reporter-brand-guidelines/-Mkp5ci3KEsre0wOPYer/',
+    link: 'https://twreporter.gitbook.io/the-reporter-brand-guidelines',
     target: '_blank',
     newFlag: true
   }]];
@@ -145,7 +129,7 @@ function getItemGroups(mainOrigin) {
 var Intro = /*#__PURE__*/_styledComponents["default"].p.withConfig({
   displayName: "content__Intro",
   componentId: "sc-12bve65-0"
-})(["width:100%;font-size:12px;font-weight:", ";line-height:1.5;letter-spacing:0.4px;color:", ";", ""], _font["default"].weight.normal, _color["default"].gray, _mediaQuery["default"].mobileOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    font-size: 16px;\n    line-height: 1.63;\n    letter-spacing: 0.6px;\n  "]))));
+})(["width:100%;font-size:12px;font-weight:", ";line-height:1.5;letter-spacing:0.4px;color:", ";", ""], _font.fontWeight.normal, _color["default"].gray, _mediaQuery["default"].mobileOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    font-size: 16px;\n    line-height: 1.63;\n    letter-spacing: 0.6px;\n  "]))));
 
 var ContentRow = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "content__ContentRow",
@@ -181,14 +165,14 @@ var flickerAnimation = /*#__PURE__*/(0, _styledComponents.keyframes)(["0%,100%{o
 var Item = /*#__PURE__*/_styledComponents["default"].a.withConfig({
   displayName: "content__Item",
   componentId: "sc-12bve65-7"
-})(["text-decoration:none !important;display:block;width:100%;p{display:inline;font-size:14px;font-family:", ";font-weight:", ";letter-spacing:1.3px;color:", ";}span{visibility:", ";background:", ";color:", ";font-size:9px;font-family:", ";margin-left:5px;padding:2px 5px;vertical-align:middle;animation:", " 0.7s infinite;}&:hover{p{color:", ";}}", " ", ""], _font["default"].family["default"], _font["default"].weight.normal, _color["default"].gray, function (props) {
+})(["text-decoration:none !important;display:block;width:100%;p{display:inline;font-size:14px;font-family:", ";font-weight:", ";letter-spacing:1.3px;color:", ";}span{visibility:", ";background:", ";color:", ";font-size:9px;font-family:", ";margin-left:5px;padding:2px 5px;vertical-align:middle;animation:", " 0.7s infinite;}&:hover{p{color:", ";}}", " ", ""], _font.fontFamily["default"], _font.fontWeight.normal, _color["default"].gray, function (props) {
   return props.visible ? 'visible' : 'hidden';
-}, _color["default"].red, _color["default"].white, _font["default"].family["default"], flickerAnimation, _color["default"].notSoBlack, _mediaQuery["default"].desktopAndAbove(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n    height: calc(", "px / 3);\n  "])), _styles["default"].contentRow.height.hd), _mediaQuery["default"].mobileOnly(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n    p {\n      font-size: 18px;\n      letter-spacing: 1.6px;\n      line-height: 2;\n    }\n  "]))));
+}, _color["default"].red, _color["default"].white, _font.fontFamily["default"], flickerAnimation, _color["default"].notSoBlack, _mediaQuery["default"].desktopAndAbove(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n    height: calc(", "px / 3);\n  "])), _styles["default"].contentRow.height.hd), _mediaQuery["default"].mobileOnly(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n    p {\n      font-size: 18px;\n      letter-spacing: 1.6px;\n      line-height: 2;\n    }\n  "]))));
 
 var DonateButton = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "content__DonateButton",
   componentId: "sc-12bve65-8"
-})(["a{text-decoration:none !important;width:140px;height:55px;background-color:", ";border:solid 0.5px ", ";display:table;&:hover{background-color:", ";}p{display:table-cell;text-align:center;vertical-align:middle;color:", ";font-size:14px;font-weight:", ";letter-spacing:1.3px;&:hover{color:", ";}}", " ", " ", " ", "}"], _color["default"].white, _color["default"].gold, _color["default"].gold, _color["default"].gold, _font["default"].weight.normal, _color["default"].white, _mediaQuery["default"].tabletAndAbove(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n      position: absolute;\n      right: 0;\n      top: 0;\n    "]))), _mediaQuery["default"].desktopAndAbove(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n      margin-top: ", "px;\n      margin-right: ", "px;\n    "])), _styles["default"].footerContentPadding.desktop[0], _styles["default"].footerContentPadding.desktop[1]), _mediaQuery["default"].tabletOnly(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n      margin-top: ", "px;\n      margin-right: ", "px;\n    "])), _styles["default"].footerContentPadding.tablet[0], _styles["default"].footerContentPadding.tablet[1]), _mediaQuery["default"].mobileOnly(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n      width: 100%;\n      margin: 60px auto 40px auto;\n    "]))));
+})(["a{text-decoration:none !important;width:140px;height:55px;background-color:", ";border:solid 0.5px ", ";display:table;&:hover{background-color:", ";}p{display:table-cell;text-align:center;vertical-align:middle;color:", ";font-size:14px;font-weight:", ";letter-spacing:1.3px;&:hover{color:", ";}}", " ", " ", " ", "}"], _color["default"].white, _color["default"].gold, _color["default"].gold, _color["default"].gold, _font.fontWeight.normal, _color["default"].white, _mediaQuery["default"].tabletAndAbove(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n      position: absolute;\n      right: 0;\n      top: 0;\n    "]))), _mediaQuery["default"].desktopAndAbove(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n      margin-top: ", "px;\n      margin-right: ", "px;\n    "])), _styles["default"].footerContentPadding.desktop[0], _styles["default"].footerContentPadding.desktop[1]), _mediaQuery["default"].tabletOnly(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n      margin-top: ", "px;\n      margin-right: ", "px;\n    "])), _styles["default"].footerContentPadding.tablet[0], _styles["default"].footerContentPadding.tablet[1]), _mediaQuery["default"].mobileOnly(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n      width: 100%;\n      margin: 60px auto 40px auto;\n    "]))));
 
 var buildList = function buildList(itemGroups) {
   return _.map(itemGroups, function (items, indexofGroup) {
@@ -205,35 +189,20 @@ var buildList = function buildList(itemGroups) {
   });
 };
 
-var Content = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(Content, _React$PureComponent);
-
-  var _super = _createSuper(Content);
-
-  function Content() {
-    _classCallCheck(this, Content);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(Content, [{
-    key: "render",
-    value: function render() {
-      var mainOrigin = this.props.mainOrigin;
-      return /*#__PURE__*/_react["default"].createElement(ContentRow, null, /*#__PURE__*/_react["default"].createElement(IntroColumn, null, /*#__PURE__*/_react["default"].createElement(_logo["default"], {
-        mainOrigin: mainOrigin
-      }), /*#__PURE__*/_react["default"].createElement(Intro, null, _siteMeta.shortDescription)), /*#__PURE__*/_react["default"].createElement(LinksColumn, null, /*#__PURE__*/_react["default"].createElement(ItemList, null, buildList(getItemGroups(mainOrigin)))), /*#__PURE__*/_react["default"].createElement(DonateButton, null, /*#__PURE__*/_react["default"].createElement(_donationLink["default"], null, /*#__PURE__*/_react["default"].createElement("p", null, "\u8D0A\u52A9\u6211\u5011"))));
-    }
-  }]);
-
-  return Content;
-}(_react["default"].PureComponent);
+var Content = function Content(_ref) {
+  var releaseBranch = _ref.releaseBranch;
+  var mainOrigin = _requestOrigins["default"].forClientSideRendering[releaseBranch].main;
+  return /*#__PURE__*/_react["default"].createElement(ContentRow, null, /*#__PURE__*/_react["default"].createElement(IntroColumn, null, /*#__PURE__*/_react["default"].createElement(_logo["default"], {
+    mainOrigin: mainOrigin,
+    releaseBranch: releaseBranch
+  }), /*#__PURE__*/_react["default"].createElement(Intro, null, _siteMeta.shortDescription)), /*#__PURE__*/_react["default"].createElement(LinksColumn, null, /*#__PURE__*/_react["default"].createElement(ItemList, null, buildList(getItemGroups(mainOrigin)))), /*#__PURE__*/_react["default"].createElement(DonateButton, null, /*#__PURE__*/_react["default"].createElement(_donationLink["default"], null, /*#__PURE__*/_react["default"].createElement("p", null, "\u8D0A\u52A9\u6211\u5011"))));
+};
 
 Content.propTypes = {
-  mainOrigin: _propTypes["default"].string
+  releaseBranch: _propTypes["default"].releaseBranch
 };
 Content.defaultProps = {
-  mainOrigin: ''
+  releaseBranch: _releaseBranch["default"].release
 };
 var _default = Content;
 exports["default"] = _default;

package/lib/footer/index.js

@@ -21,18 +21,16 @@ var _styles = _interopRequireDefault(require("./constants/styles"));
 
 var _color = _interopRequireDefault(require("./constants/color"));
 
-var _font = _interopRequireDefault(require("./constants/font"));
-
 var _css = require("@twreporter/core/lib/utils/css");
 
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
 
-var _requestOrigins = _interopRequireDefault(require("@twreporter/core/lib/constants/request-origins"));
-
 var _propTypes2 = _interopRequireDefault(require("@twreporter/core/lib/constants/prop-types"));
 
 var _releaseBranch = _interopRequireDefault(require("@twreporter/core/lib/constants/release-branch"));
 
+var _font = require("@twreporter/core/lib/constants/font");
+
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -74,7 +72,7 @@ var FooterContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 var CopyRight = /*#__PURE__*/_styledComponents["default"].p.withConfig({
   displayName: "footer__CopyRight",
   componentId: "d1uef9-2"
-})(["font-size:12px;font-weight:", ";letter-spacing:0.4px;color:", ";", " ", " ", "  "], _font["default"].weight.normal, _color["default"].gray, _mediaQuery["default"].mobileOnly(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    text-align: center;\n    margin-top: 10px;\n  "]))), _mediaQuery["default"].tabletAndAbove(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    margin-top: 40px;\n  "]))), _mediaQuery["default"].hdOnly(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    margin-top: 60px;\n  "]))));
+})(["font-size:12px;font-weight:", ";letter-spacing:0.4px;color:", ";", " ", " ", "  "], _font.fontWeight.normal, _color["default"].gray, _mediaQuery["default"].mobileOnly(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    text-align: center;\n    margin-top: 10px;\n  "]))), _mediaQuery["default"].tabletAndAbove(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    margin-top: 40px;\n  "]))), _mediaQuery["default"].hdOnly(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    margin-top: 60px;\n  "]))));
 
 var Footer = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(Footer, _React$PureComponent);
@@ -99,9 +97,9 @@ var Footer = /*#__PURE__*/function (_React$PureComponent) {
       return /*#__PURE__*/_react["default"].createElement(FooterContainer, {
         bgColor: bgColor
       }, /*#__PURE__*/_react["default"].createElement(FooterContent, null, /*#__PURE__*/_react["default"].createElement(_content["default"], {
-        mainOrigin: _requestOrigins["default"].forClientSideRendering[releaseBranch].main,
         pathname: pathname,
-        host: host
+        host: host,
+        releaseBranch: releaseBranch
       }), /*#__PURE__*/_react["default"].createElement(_iconList["default"], null), /*#__PURE__*/_react["default"].createElement(CopyRight, null, "Copyright \xA9 ".concat(currentYear, " The Reporter."))));
     }
   }]);

package/lib/footer/logo.js

@@ -1,7 +1,5 @@
 "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
 });
@@ -13,35 +11,19 @@ var _react = _interopRequireDefault(require("react"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _styles = _interopRequireDefault(require("./constants/styles"));
+var _logo = require("../logo");
 
-var _paths = require("./constants/paths");
+var _styles = _interopRequireDefault(require("./constants/styles"));
 
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
 
-var _templateObject, _templateObject2;
-
-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); }
+var _propTypes2 = _interopRequireDefault(require("@twreporter/core/lib/constants/prop-types"));
 
-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); }; }
+var _releaseBranch = _interopRequireDefault(require("@twreporter/core/lib/constants/release-branch"));
 
-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; } }
+var _templateObject, _templateObject2;
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+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) } })); }
 
@@ -53,40 +35,25 @@ var Link = /*#__PURE__*/_styledComponents["default"].a.withConfig({
 var StyledReporterLogo = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "logo__StyledReporterLogo",
   componentId: "sc-1lniyyi-1"
-})(["width:", "px;height:", "px;img{width:100%;filter:grayscale(100%);opacity:", ";}img:hover{filter:none;opacity:1;}", " ", ""], _styles["default"].reporterLogo.width.mobile, _styles["default"].reporterLogo.height.mobile, _styles["default"].grayScaleOpacity.pureBlackWhiteSrc, _mediaQuery["default"].tabletAndAbove(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    width: ", "px;\n    height: ", "px;\n  "])), _styles["default"].reporterLogo.width.desktop, _styles["default"].reporterLogo.height.desktop), _mediaQuery["default"].hdOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: ", "px;\n    height: ", "px;\n  "])), _styles["default"].reporterLogo.width.hd, _styles["default"].reporterLogo.height.hd));
-
-var Logo = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(Logo, _React$PureComponent);
-
-  var _super = _createSuper(Logo);
-
-  function Logo() {
-    _classCallCheck(this, Logo);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(Logo, [{
-    key: "render",
-    value: function render() {
-      var mainOrigin = this.props.mainOrigin;
-      return /*#__PURE__*/_react["default"].createElement(Link, {
-        href: mainOrigin
-      }, /*#__PURE__*/_react["default"].createElement(StyledReporterLogo, null, /*#__PURE__*/_react["default"].createElement("img", {
-        alt: "The Reporter Logo",
-        src: "".concat(_paths.assets, "logo-horizontal.svg")
-      })));
-    }
-  }]);
-
-  return Logo;
-}(_react["default"].PureComponent);
+})(["width:", "px;height:", "px;", " ", ""], _styles["default"].reporterLogo.width.mobile, _styles["default"].reporterLogo.height.mobile, _mediaQuery["default"].tabletAndAbove(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    width: ", "px;\n    height: ", "px;\n  "])), _styles["default"].reporterLogo.width.desktop, _styles["default"].reporterLogo.height.desktop), _mediaQuery["default"].hdOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: ", "px;\n    height: ", "px;\n  "])), _styles["default"].reporterLogo.width.hd, _styles["default"].reporterLogo.height.hd));
+
+var Logo = function Logo(_ref) {
+  var mainOrigin = _ref.mainOrigin,
+      releaseBranch = _ref.releaseBranch;
+  return /*#__PURE__*/_react["default"].createElement(Link, {
+    href: mainOrigin
+  }, /*#__PURE__*/_react["default"].createElement(StyledReporterLogo, null, /*#__PURE__*/_react["default"].createElement(_logo.LogoFooter, {
+    releaseBranch: releaseBranch
+  })));
+};
 
 Logo.propTypes = {
-  mainOrigin: _propTypes["default"].string.isRequired
+  mainOrigin: _propTypes["default"].string.isRequired,
+  releaseBranch: _propTypes2["default"].releaseBranch
 };
 Logo.defaultProps = {
-  mainOrigin: ''
+  mainOrigin: '',
+  releaseBranch: _releaseBranch["default"].release
 };
 var _default = Logo;
 exports["default"] = _default;

package/lib/listing-page/components/list-item.js

@@ -21,12 +21,12 @@ var _mockupSpec = _interopRequireDefault(require("../constants/mockup-spec"));
 
 var _color = _interopRequireDefault(require("../constants/color"));
 
-var _font = _interopRequireDefault(require("../constants/font"));
-
 var _entityPath = _interopRequireDefault(require("@twreporter/core/lib/constants/entity-path"));
 
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
 
+var _font = require("@twreporter/core/lib/constants/font");
+
 var _forEach = _interopRequireDefault(require("lodash/forEach"));
 
 var _get = _interopRequireDefault(require("lodash/get"));
@@ -94,7 +94,7 @@ var Category = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 var Title = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "list-item__Title",
   componentId: "sc-1dx5lew-5"
-})(["font-size:20px;font-weight:", ";font-family:", ";line-height:1.4;color:", ";margin-bottom:10px;"], _font["default"].weight.bold, _font["default"].family.title, _color["default"].darkGray);
+})(["font-size:20px;font-weight:", ";font-family:", ";line-height:1.4;color:", ";margin-bottom:10px;"], _font.fontWeight.bold, _font.fontFamily.title, _color["default"].darkGray);
 
 var Desc = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "list-item__Desc",
@@ -118,7 +118,7 @@ var Tag = /*#__PURE__*/_styledComponents["default"].li.withConfig({
   return props.selected ? _color["default"].red : _color["default"].lightGray;
 }, _color["default"].darkRed, function (props) {
   return props.selected ? _color["default"].white : _color["default"].red;
-}, _font["default"].weight.bold);
+}, _font.fontWeight.bold);
 
 var ListItem = /*#__PURE__*/function (_PureComponent) {
   _inherits(ListItem, _PureComponent);

package/lib/listing-page/components/list.js

@@ -19,7 +19,7 @@ var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/med
 
 var _date = require("@twreporter/core/lib/utils/date");
 
-var _fontWeight = require("@twreporter/core/lib/constants/font-weight");
+var _font = require("@twreporter/core/lib/constants/font");
 
 var _mockupSpec = _interopRequireDefault(require("../constants/mockup-spec"));
 
@@ -79,7 +79,7 @@ var Container = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 var Header = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "list__Header",
   componentId: "sc-1olquk4-1"
-})(["font-size:36px;font-weight:", ";color:", ";margin:0 auto 45px auto;text-align:center;", ""], _fontWeight.sourceHanSansTC.bold, _color["default"].darkDarkGray, _mediaQuery["default"].mobileOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    width: ", "%;\n    text-align: left;\n  "])), _mockupSpec["default"].mobile.cardWidth / _mockupSpec["default"].mobile.maxWidth * 100));
+})(["font-size:36px;font-weight:", ";color:", ";margin:0 auto 45px auto;text-align:center;", ""], _font.fontWeight.bold, _color["default"].darkDarkGray, _mediaQuery["default"].mobileOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    width: ", "%;\n    text-align: left;\n  "])), _mockupSpec["default"].mobile.cardWidth / _mockupSpec["default"].mobile.maxWidth * 100));
 
 var FlexItems = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "list__FlexItems",

package/lib/listing-page/components/topics/index.js

@@ -27,7 +27,7 @@ var _topics = require("../../constants/topics");
 
 var _color = _interopRequireDefault(require("../../constants/color"));
 
-var _font = _interopRequireDefault(require("../../constants/font"));
+var _font = require("@twreporter/core/lib/constants/font");
 
 var _get = _interopRequireDefault(require("lodash/get"));
 
@@ -69,7 +69,7 @@ var _ = {
 var NoData = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "topics__NoData",
   componentId: "sc-1n6udj1-0"
-})(["width:100%;font-size:16px;color:", ";font-weight:", ";text-align:center;"], _color["default"].darkGray, _font["default"].weight.normal);
+})(["width:100%;font-size:16px;color:", ";font-weight:", ";text-align:center;"], _color["default"].darkGray, _font.fontWeight.normal);
 
 var Topics = /*#__PURE__*/function (_Component) {
   _inherits(Topics, _Component);

package/lib/listing-page/components/topics/post-item.js

@@ -7,25 +7,25 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _css = require("@twreporter/core/lib/utils/css");
-
-var _predefinedCss = require("../../constants/predefined-css");
-
-var _image = _interopRequireDefault(require("../image"));
-
 var _reactRouterDom = require("react-router-dom");
 
-var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireWildcard(require("react"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
+var _image = _interopRequireDefault(require("../image"));
+
+var _predefinedCss = require("../../constants/predefined-css");
+
 var _color = _interopRequireDefault(require("../../constants/color"));
 
-var _font = _interopRequireDefault(require("../../constants/font"));
+var _css = require("@twreporter/core/lib/utils/css");
+
+var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
+
+var _font = require("@twreporter/core/lib/constants/font");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
 
@@ -94,7 +94,7 @@ var PostImage = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 var PostText = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "post-item__PostText",
   componentId: "d3t92f-2"
-})(["color:", ";font-weight:", ";font-family:", ";font-size:16px;line-height:1.5;flex:1 1 auto;white-space:normal;order:2;", " padding:", ";", " ", ""], _color["default"].darkGray, _font["default"].weight.bold, _font["default"].family.title, _mediaQuery["default"].tabletAndAbove(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    order: 1;\n  "]))), (0, _css.arrayToCssShorthand)(styles.textBlockPadding.mobile), _mediaQuery["default"].tabletOnly(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    padding: ", ";\n    line-height: 1.33;\n  "])), (0, _css.arrayToCssShorthand)(styles.textBlockPadding.tablet)), _mediaQuery["default"].desktopAndAbove(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    padding: ", ";\n    line-height: 1.25;\n  "])), (0, _css.arrayToCssShorthand)(styles.textBlockPadding.desktop)));
+})(["color:", ";font-weight:", ";font-family:", ";font-size:16px;line-height:1.5;flex:1 1 auto;white-space:normal;order:2;", " padding:", ";", " ", ""], _color["default"].darkGray, _font.fontWeight.bold, _font.fontFamily.title, _mediaQuery["default"].tabletAndAbove(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    order: 1;\n  "]))), (0, _css.arrayToCssShorthand)(styles.textBlockPadding.mobile), _mediaQuery["default"].tabletOnly(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    padding: ", ";\n    line-height: 1.33;\n  "])), (0, _css.arrayToCssShorthand)(styles.textBlockPadding.tablet)), _mediaQuery["default"].desktopAndAbove(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    padding: ", ";\n    line-height: 1.25;\n  "])), (0, _css.arrayToCssShorthand)(styles.textBlockPadding.desktop)));
 
 var PostItem = /*#__PURE__*/function (_PureComponent) {
   _inherits(PostItem, _PureComponent);

package/lib/listing-page/components/topics/section.js

@@ -17,12 +17,12 @@ var _predefinedCss = require("../../constants/predefined-css");
 
 var _color = _interopRequireDefault(require("../../constants/color"));
 
-var _font = _interopRequireDefault(require("../../constants/font"));
-
 var _css = require("@twreporter/core/lib/utils/css");
 
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
 
+var _font = require("@twreporter/core/lib/constants/font");
+
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -68,7 +68,7 @@ var StyledLink = /*#__PURE__*/(0, _styledComponents["default"])(_reactRouterDom.
 var SectionTitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "section__SectionTitle",
   componentId: "sc-125nvxn-1"
-})(["width:100%;border-bottom:2px solid ", ";padding:", ";color:", ";font-size:18px;font-weight:", ";line-height:1;margin:", ";", ""], _color["default"].gray, (0, _css.arrayToCssShorthand)(styles.titlePadding), _color["default"].darkGray, _font["default"].weight.bold, (0, _css.arrayToCssShorthand)(styles.titleMargin.mobile), _mediaQuery["default"].tabletAndAbove(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    margin: ", ";\n  "])), (0, _css.arrayToCssShorthand)(styles.titleMargin.tablet)));
+})(["width:100%;border-bottom:2px solid ", ";padding:", ";color:", ";font-size:18px;font-weight:", ";line-height:1;margin:", ";", ""], _color["default"].gray, (0, _css.arrayToCssShorthand)(styles.titlePadding), _color["default"].darkGray, _font.fontWeight.bold, (0, _css.arrayToCssShorthand)(styles.titleMargin.mobile), _mediaQuery["default"].tabletAndAbove(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    margin: ", ";\n  "])), (0, _css.arrayToCssShorthand)(styles.titleMargin.tablet)));
 
 exports.SectionTitle = SectionTitle;
 
@@ -80,7 +80,7 @@ var SectionContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 var GoToTopic = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "section__GoToTopic",
   componentId: "sc-125nvxn-3"
-})(["color:", ";text-align:center;line-height:1;padding:", ";span{display:inline-block;max-width:400px;", " white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0.1px;font-size:16px;font-weight:", ";}svg{height:16px;vertical-align:baseline;margin-left:0.5em;}"], _color["default"].blue, (0, _css.arrayToCssShorthand)(styles.goToTopicPadding), _mediaQuery["default"].mobileOnly(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      max-width: 290px;\n    "]))), _font["default"].weight.normal);
+})(["color:", ";text-align:center;line-height:1;padding:", ";span{display:inline-block;max-width:400px;", " white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0.1px;font-size:16px;font-weight:", ";}svg{height:16px;vertical-align:baseline;margin-left:0.5em;}"], _color["default"].blue, (0, _css.arrayToCssShorthand)(styles.goToTopicPadding), _mediaQuery["default"].mobileOnly(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      max-width: 290px;\n    "]))), _font.fontWeight.normal);
 
 var TopSectionContent = function TopSectionContent(props) {
   return /*#__PURE__*/_react["default"].createElement(SectionContent, null, props.children, !props.topicName ? null : /*#__PURE__*/_react["default"].createElement(StyledLink, {

package/lib/listing-page/components/topics/topic-item.js

@@ -7,26 +7,26 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _predefinedCss = require("../../constants/predefined-css");
+var _reactRouterDom = require("react-router-dom");
 
-var _topics = require("../../constants/topics");
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _color = _interopRequireDefault(require("../../constants/color"));
+var _react = _interopRequireWildcard(require("react"));
 
-var _font = _interopRequireDefault(require("../../constants/font"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _image = _interopRequireDefault(require("../image"));
 
-var _reactRouterDom = require("react-router-dom");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _predefinedCss = require("../../constants/predefined-css");
 
-var _react = _interopRequireWildcard(require("react"));
+var _topics = require("../../constants/topics");
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _color = _interopRequireDefault(require("../../constants/color"));
 
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
 
+var _font = require("@twreporter/core/lib/constants/font");
+
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -135,12 +135,12 @@ var TextBlock = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 var TopicTitle = /*#__PURE__*/_styledComponents["default"].h2.withConfig({
   displayName: "topic-item__TopicTitle",
   componentId: "sc-1tffa4f-5"
-})(["margin:0;", " font-size:", "px;font-weight:", ";font-family:", ";letter-spacing:.2px;line-height:1.43;", " ", ""], _mediaQuery["default"].mobileOnly(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    margin-bottom: ", "px;\n  "])), styles.textBlock.mobile.titleMarginBottom), styles.fontSize.title.mobile, _font["default"].weight.bold, _font["default"].family.title, _mediaQuery["default"].tabletOnly(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    font-size: ", "px;\n  "])), styles.fontSize.title.tablet), _mediaQuery["default"].desktopAndAbove(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    font-size: ", "px;\n  "])), styles.fontSize.title.desktop));
+})(["margin:0;", " font-size:", "px;font-weight:", ";font-family:", ";letter-spacing:.2px;line-height:1.43;", " ", ""], _mediaQuery["default"].mobileOnly(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    margin-bottom: ", "px;\n  "])), styles.textBlock.mobile.titleMarginBottom), styles.fontSize.title.mobile, _font.fontWeight.bold, _font.fontFamily.title, _mediaQuery["default"].tabletOnly(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    font-size: ", "px;\n  "])), styles.fontSize.title.tablet), _mediaQuery["default"].desktopAndAbove(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    font-size: ", "px;\n  "])), styles.fontSize.title.desktop));
 
 var TopicDate = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "topic-item__TopicDate",
   componentId: "sc-1tffa4f-6"
-})(["padding-top:15px;padding-bottom:15px;", " font-size:14px;font-weight:", ";letter-spacing:0.5px;"], _mediaQuery["default"].tabletOnly(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    padding-top: 12px;\n    padding-bottom: 12px;\n  "]))), _font["default"].weight.bold);
+})(["padding-top:15px;padding-bottom:15px;", " font-size:14px;font-weight:", ";letter-spacing:0.5px;"], _mediaQuery["default"].tabletOnly(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    padding-top: 12px;\n    padding-bottom: 12px;\n  "]))), _font.fontWeight.bold);
 
 var TopicDescription = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "topic-item__TopicDescription",

package/lib/logo/components/logo-footer.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _path = _interopRequireDefault(require("../utils/path"));
+
+var _propTypes = _interopRequireDefault(require("@twreporter/core/lib/constants/prop-types"));
+
+var _releaseBranch = _interopRequireDefault(require("@twreporter/core/lib/constants/release-branch"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+// utils
+// @twreporter
+var LogoContainer = /*#__PURE__*/_styledComponents["default"].img.withConfig({
+  displayName: "logo-footer__LogoContainer",
+  componentId: "sc-754o6n-0"
+})(["filter:grayscale(100%);opacity:0.4;&:hover{filter:none;opacity:1;}"]);
+
+var LogoFooter = function LogoFooter(_ref) {
+  var releaseBranch = _ref.releaseBranch;
+
+  var logoSrc = _path["default"].selectLogoPath('footer', releaseBranch);
+
+  return /*#__PURE__*/_react["default"].createElement(LogoContainer, {
+    alt: "The Reporter Logo",
+    src: logoSrc
+  });
+};
+
+LogoFooter.propTypes = {
+  releaseBranch: _propTypes["default"].releaseBranch
+};
+LogoFooter.deafaultProps = {
+  releaseBranch: _releaseBranch["default"].master
+};
+var _default = LogoFooter;
+exports["default"] = _default;

package/lib/logo/components/logo-header.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _path = _interopRequireDefault(require("../utils/path"));
+
+var _propTypes2 = _interopRequireDefault(require("@twreporter/core/lib/constants/prop-types"));
+
+var _releaseBranch = _interopRequireDefault(require("@twreporter/core/lib/constants/release-branch"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var LogoContainer = /*#__PURE__*/_styledComponents["default"].img.withConfig({
+  displayName: "logo-header__LogoContainer",
+  componentId: "rlga04-0"
+})(["", ""], function (props) {
+  return props.isHide ? 'display: none;' : '';
+});
+
+var LogoHeader = function LogoHeader(_ref) {
+  var type = _ref.type,
+      releaseBranch = _ref.releaseBranch;
+
+  var _pathUtil$selectLogoP = _path["default"].selectLogoPath('header', releaseBranch),
+      _pathUtil$selectLogoP2 = _slicedToArray(_pathUtil$selectLogoP, 2),
+      logoDefaultSrc = _pathUtil$selectLogoP2[0],
+      logoWhiteSrc = _pathUtil$selectLogoP2[1];
+
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(LogoContainer, {
+    alt: "The Reporter Logo",
+    src: logoDefaultSrc,
+    isHide: type !== 'default'
+  }), /*#__PURE__*/_react["default"].createElement(LogoContainer, {
+    alt: "The Reporter Logo",
+    src: logoWhiteSrc,
+    isHide: type !== 'white'
+  }));
+};
+
+LogoHeader.propTypes = {
+  type: _propTypes["default"].string,
+  releaseBranch: _propTypes2["default"].releaseBranch
+};
+LogoHeader.deafaultProps = {
+  type: 'default',
+  releaseBranch: _releaseBranch["default"].master
+};
+var _default = LogoHeader;
+exports["default"] = _default;

package/lib/logo/index.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "LogoHeader", {
+  enumerable: true,
+  get: function get() {
+    return _logoHeader["default"];
+  }
+});
+Object.defineProperty(exports, "LogoFooter", {
+  enumerable: true,
+  get: function get() {
+    return _logoFooter["default"];
+  }
+});
+exports["default"] = void 0;
+
+var _logoHeader = _interopRequireDefault(require("./components/logo-header"));
+
+var _logoFooter = _interopRequireDefault(require("./components/logo-footer"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = {
+  LogoHeader: _logoHeader["default"],
+  LogoFooter: _logoFooter["default"]
+};
+exports["default"] = _default;

package/lib/logo/utils/path.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var baseGCSDir = 'https://www.twreporter.org/images/logo/';
+
+function selectLogoPath(logoType, branch) {
+  switch (logoType) {
+    case 'header':
+      {
+        var defaultPath = "".concat(baseGCSDir, "logo-header.").concat(branch, ".svg");
+        var whitePath = "".concat(baseGCSDir, "logo-header-white.").concat(branch, ".svg");
+        return [defaultPath, whitePath];
+      }
+
+    case 'footer':
+      {
+        return "".concat(baseGCSDir, "logo-footer.").concat(branch, ".svg");
+      }
+
+    default:
+      {
+        return '';
+      }
+  }
+}
+
+var _default = {
+  selectLogoPath: selectLogoPath
+};
+exports["default"] = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/react-components",
-  "version": "8.6.1",
+  "version": "8.6.3-rc.0",
   "main": "lib/index.js",
   "repository": "https://github.com/twreporter/twreporter-npm-packages.git",
   "author": "twreporter <developer@twreporter.org>",
@@ -12,7 +12,7 @@
     "prepublishOnly": "make build"
   },
   "dependencies": {
-    "@twreporter/core": "^1.3.0",
+    "@twreporter/core": "^1.3.1-rc.0",
     "@twreporter/redux": "^7.2.0",
     "hoist-non-react-statics": "^2.3.1",
     "lodash": "^4.0.0",
@@ -29,5 +29,5 @@
   "files": [
     "lib"
   ],
-  "gitHead": "7a1ea025cefe16517c7bed5cf753c68c867ed598"
+  "gitHead": "2d394cc1833a19f2698c65f1d9af3bbc71cf2c36"
 }

package/lib/footer/constants/font.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _default = {
-  weight: {
-    normal: 400,
-    bold: 700
-  },
-  family: {
-    title: 'merriweather, source-han-serif-tc, serif',
-    "default": 'rosario, source-han-sans-traditional, sans-serif'
-  }
-};
-exports["default"] = _default;

package/lib/listing-page/constants/font.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _default = {
-  weight: {
-    normal: 400,
-    bold: 700
-  },
-  family: {
-    title: 'merriweather, source-han-serif-tc, serif',
-    "default": 'rosario, source-han-sans-traditional, sans-serif'
-  }
-};
-exports["default"] = _default;