@twreporter/react-components 8.27.2-rc.2 → 8.28.0-rc.0

package/lib/footer/logo.js

@@ -1,59 +1,68 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
 
-var _react = _interopRequireDefault(require("react"));
+var _logo = require("../logo");
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _propTypes = _interopRequireDefault(require("@twreporter/core/lib/constants/prop-types"));
 
-var _logo = require("../logo");
+var _releaseBranch = _interopRequireDefault(require("@twreporter/core/lib/constants/release-branch"));
+
+var _requestOrigins = _interopRequireDefault(require("@twreporter/core/lib/constants/request-origins"));
 
-var _styles = _interopRequireDefault(require("./constants/styles"));
+var _customizedLink = _interopRequireDefault(require("../customized-link"));
 
-var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var _propTypes2 = _interopRequireDefault(require("@twreporter/core/lib/constants/prop-types"));
+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); }
 
-var _releaseBranch = _interopRequireDefault(require("@twreporter/core/lib/constants/release-branch"));
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var _templateObject, _templateObject2;
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+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); }
 
-var Link = /*#__PURE__*/_styledComponents["default"].a.withConfig({
-  displayName: "logo__Link",
-  componentId: "sc-1lniyyi-0"
-})(["position:relative;cursor:pointer;text-decoration:none !important;"]);
+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; }
 
-var StyledReporterLogo = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  displayName: "logo__StyledReporterLogo",
-  componentId: "sc-1lniyyi-1"
-})(["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));
+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 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
-  })));
+  var _ref$releaseBranch = _ref.releaseBranch,
+      releaseBranch = _ref$releaseBranch === void 0 ? _releaseBranch["default"].release : _ref$releaseBranch;
+  var mainOrigin = _requestOrigins["default"].forClientSideRendering[releaseBranch].main;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      over = _useState2[0],
+      setOver = _useState2[1];
+
+  return /*#__PURE__*/_react["default"].createElement(_customizedLink["default"], {
+    to: mainOrigin,
+    onMouseOver: function onMouseOver() {
+      return setOver(true);
+    },
+    onMouseOut: function onMouseOut() {
+      return setOver(false);
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_logo.LogoFooter, {
+    releaseBranch: releaseBranch,
+    type: over ? _logo.LogoFooter.Type.DEFAULT : _logo.LogoFooter.Type.WHITE
+  }));
 };
 
 Logo.propTypes = {
-  mainOrigin: _propTypes["default"].string.isRequired,
-  releaseBranch: _propTypes2["default"].releaseBranch
-};
-Logo.defaultProps = {
-  mainOrigin: '',
-  releaseBranch: _releaseBranch["default"].release
+  releaseBranch: _propTypes["default"].releaseBranch
 };
 var _default = Logo;
 exports["default"] = _default;

package/lib/icon/enum/index.js

@@ -29,6 +29,7 @@ var MediaType = Object.freeze({
   TWITTER: 'twitter',
   YOUTUBE: 'youtube',
   LINE: 'line',
-  GOOGLE: 'google'
+  GOOGLE: 'google',
+  PLURK: 'plurk'
 });
 exports.MediaType = MediaType;

package/lib/icon/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Youtube = exports.Twitter = exports.Topic = exports.Text = exports.SocialMedia = exports.Share = exports.Search = exports.Printer = exports.Member = exports.Medium = exports.Loading = exports.Line = exports.Letter = exports.KidStar = exports.Instagram = exports.Icon = exports.Home = exports.History = exports.Hamburger = exports.Google = exports.Facebook = exports.Cross = exports.Copy = exports.Clock = exports.Bookmark = exports.Article = exports.Arrow = void 0;
+exports["default"] = exports.Youtube = exports.Twitter = exports.Topic = exports.Text = exports.SocialMedia = exports.Share = exports.Search = exports.Printer = exports.Plurk = exports.Member = exports.Medium = exports.Loading = exports.Line = exports.Letter = exports.KidStar = exports.Instagram = exports.Icon = exports.Home = exports.History = exports.Hamburger = exports.Google = exports.Facebook = exports.Cross = exports.Copy = exports.Clock = exports.Bookmark = exports.Article = exports.Arrow = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -135,6 +135,8 @@ var History = getIcon('history');
 exports.History = History;
 var KidStar = getIcon('kid_star');
 exports.KidStar = KidStar;
+var Plurk = getIcon('plurk');
+exports.Plurk = Plurk;
 
 var Arrow = function Arrow(_ref3) {
   var _ref3$direction = _ref3.direction,
@@ -218,6 +220,7 @@ var _default = {
   Google: Google,
   SocialMedia: SocialMedia,
   History: History,
-  KidStar: KidStar
+  KidStar: KidStar,
+  Plurk: Plurk
 };
 exports["default"] = _default;

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

@@ -9,35 +9,48 @@ var _react = _interopRequireDefault(require("react"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _path = _interopRequireDefault(require("../utils/path"));
 
 var _releaseBranch = require("@twreporter/core/lib/constants/release-branch");
 
+var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
+
+var _templateObject;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-// utils
-// @twreporter
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
 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;}"]);
+})(["filter:none;opacity:1;width:272px;height:29px;", ""], _mediaQuery["default"].tabletAndBelow(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    width: 232px;\n    height: 25px;\n  "]))));
+
+var logoType = {
+  DEFAULT: 'default',
+  WHITE: 'white'
+};
 
 var LogoFooter = function LogoFooter(_ref) {
-  var releaseBranch = _ref.releaseBranch;
+  var _ref$releaseBranch = _ref.releaseBranch,
+      releaseBranch = _ref$releaseBranch === void 0 ? _releaseBranch.BRANCH.master : _ref$releaseBranch,
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? logoType.DEFAULT : _ref$type;
 
-  var logoSrc = _path["default"].selectLogoPath('footer', releaseBranch);
+  var src = _path["default"].selectLogoPath('footer', releaseBranch, type);
 
   return /*#__PURE__*/_react["default"].createElement(LogoContainer, {
     alt: "The Reporter Logo",
-    src: logoSrc
+    src: src
   });
 };
 
 LogoFooter.propTypes = {
-  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES
-};
-LogoFooter.defaultProps = {
-  releaseBranch: _releaseBranch.BRANCH.master
+  releaseBranch: _releaseBranch.BRANCH_PROP_TYPES,
+  type: _propTypes["default"].oneOf(Object.values(logoType))
 };
+LogoFooter.Type = logoType;
 var _default = LogoFooter;
 exports["default"] = _default;

package/lib/logo/utils/path.js

@@ -17,17 +17,21 @@ function selectLogoPath(logoType, branch, type) {
 
     case 'footer':
       {
-        return "".concat(baseGCSDir, "logo-footer.").concat(branch, ".svg");
+        var path = {
+          "default": "".concat(baseGCSDir, "logo-footer.").concat(branch, ".svg"),
+          white: "".concat(baseGCSDir, "logo-footer-white.").concat(branch, ".svg")
+        };
+        return path[type];
       }
 
     case 'symbol':
       {
-        var path = {
+        var _path = {
           "default": "".concat(baseGCSDir, "logo-symbol-default.").concat(branch, ".svg"),
           black: "".concat(baseGCSDir, "logo-symbol-black.").concat(branch, ".svg"),
           white: "".concat(baseGCSDir, "logo-symbol-white.").concat(branch, ".svg")
         };
-        return path[type];
+        return _path[type];
       }
 
     case 'loading-fallback':

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/react-components",
-  "version": "8.27.2-rc.2",
+  "version": "8.28.0-rc.0",
   "main": "lib/index.js",
   "repository": "https://github.com/twreporter/twreporter-npm-packages.git",
   "author": "twreporter <developer@twreporter.org>",
@@ -51,5 +51,5 @@
     "react-dom": "^16.0.0",
     "storybook": "^7.5.2"
   },
-  "gitHead": "b9de55520efc04440cf8e1a8edb4c5702ec4462e"
+  "gitHead": "70f745e7f12ca139b6b268016a1373618e955413"
 }

package/lib/footer/constants/icons.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _externalLinks = _interopRequireDefault(require("@twreporter/core/lib/constants/external-links"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var iconList = [{
-  slug: 'facebook',
-  link: _externalLinks["default"].facebook,
-  target: '_blank'
-}, {
-  slug: 'instagram',
-  link: _externalLinks["default"].instagram,
-  target: '_blank'
-}, {
-  slug: 'X',
-  link: _externalLinks["default"].twitter,
-  target: '_blank'
-}, {
-  slug: 'medium',
-  link: _externalLinks["default"].medium,
-  target: '_blank'
-}, {
-  slug: 'github',
-  link: _externalLinks["default"].github,
-  target: '_blank'
-}, {
-  slug: 'rss',
-  link: _externalLinks["default"].rss,
-  target: '_blank'
-}];
-var _default = iconList;
-exports["default"] = _default;

package/lib/footer/constants/paths.js

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

package/lib/footer/constants/styles.js

@@ -1,81 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _default = {
-  reporterLogo: {
-    width: {
-      mobile: 250,
-      // px
-      desktop: 210,
-      // px
-      hd: 300 // px
-
-    },
-    height: {
-      mobile: 55,
-      // px
-      desktop: 45,
-      // px
-      hd: 55 // px
-
-    }
-  },
-  icon: {
-    width: {
-      tabletAndAbove: 30,
-      // px
-      mobile: 40 // px
-
-    },
-    height: {
-      tabletAndAbove: 30,
-      // px
-      mobile: 40 // px
-
-    }
-  },
-  footerHeight: {
-    desktop: 309 // px
-
-  },
-  footerContentPadding: {
-    hd: [60, 60, 41, 60],
-    // px
-    desktop: [60, 50, 40, 50],
-    // px
-    tablet: [48, 32, 72, 32],
-    // px
-    mobile: [48, 24, 96, 24] // px
-
-  },
-  footerContentMaxWidth: {
-    desktop: 1024,
-    // px
-    hd: 1440 // px
-
-  },
-  contentRow: {
-    width: {
-      tablet: 531,
-      // px
-      desktop: 682,
-      // px
-      hd: 908 // px
-
-    },
-    height: {
-      desktop: 123,
-      // px
-      hd: 96 // px
-
-    }
-  },
-  grayScaleOpacity: {
-    pureBlackWhiteSrc: 0.4,
-    normal: 0.8
-  }
-};
-exports["default"] = _default;

package/lib/footer/content.js

@@ -1,221 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-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 _siteMeta = require("@twreporter/core/lib/constants/site-meta");
-
-var _entityPath = _interopRequireDefault(require("@twreporter/core/lib/constants/entity-path"));
-
-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 _color = require("@twreporter/core/lib/constants/color");
-
-var _featureFlag = require("@twreporter/core/lib/constants/feature-flag");
-
-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;
-
-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); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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) } })); }
-
-var _ = {
-  map: _map["default"]
-};
-var gtmId = {
-  support: 'footer-support',
-  newsletter: 'footer-newsletter'
-};
-
-function getItemGroups(mainOrigin) {
-  var foundationUrl = _featureFlag.FOUNDATION_CATEGORY_SET ? "".concat(mainOrigin).concat(_entityPath["default"].categories, "foundation") : "".concat(mainOrigin).concat(_entityPath["default"].topics, "media-center");
-  return [[{
-    slug: 'about',
-    text: '關於我們',
-    link: "".concat(mainOrigin).concat(_entityPath["default"].aboutus),
-    target: '_blank'
-  }, {
-    slug: 'authors',
-    text: '作者群',
-    link: "".concat(mainOrigin, "/authors"),
-    target: '_self'
-  }, {
-    slug: 'contact',
-    text: '聯絡我們',
-    link: "".concat(mainOrigin).concat(_entityPath["default"].article, "contact-footer"),
-    target: '_blank'
-  }, {
-    slug: 'about',
-    text: '加入我們',
-    link: "".concat(mainOrigin).concat(_entityPath["default"].article, "hiring-job-description"),
-    target: '_blank'
-  }, {
-    slug: 'license',
-    text: '常見問題',
-    link: "".concat(mainOrigin).concat(_entityPath["default"].article, "about-us-questions"),
-    target: '_blank'
-  }], [{
-    slug: 'privacy',
-    text: '隱私政策',
-    link: "".concat(mainOrigin).concat(_entityPath["default"].article, "privacy-footer"),
-    target: '_blank'
-  }, {
-    slug: 'donate',
-    text: '捐款徵信',
-    link: "".concat(mainOrigin).concat(_entityPath["default"].article, "credit-donate"),
-    target: '_blank'
-  }, {
-    slug: 'license',
-    text: '許可協議',
-    link: "".concat(mainOrigin).concat(_entityPath["default"].article, "license-footer"),
-    target: '_blank'
-  }, {
-    slug: 'media-center',
-    text: '基金會消息',
-    link: foundationUrl,
-    target: '_blank'
-  }, {
-    slug: 'impact-and-annual-report',
-    text: '影響力報告',
-    link: "".concat(mainOrigin).concat(_entityPath["default"].article, "impact-and-annual-report"),
-    target: '_self'
-  }], [{
-    slug: 'subcribe',
-    text: '訂閱電子報',
-    link: "".concat(mainOrigin).concat(_entityPath["default"].account, "/email-subscription"),
-    target: '_self',
-    id: gtmId.newsletter
-  }, {
-    slug: 'podcast-list',
-    text: 'Podcast節目列表',
-    link: "".concat(mainOrigin).concat(_entityPath["default"].article, "podcast-list"),
-    target: '_blank'
-  }, {
-    slug: 'twreporter-lab',
-    text: '報導者開放實驗室',
-    link: 'https://medium.com/twreporter',
-    target: '_blank'
-  }, {
-    slug: 'branding-design',
-    text: '品牌設計規範',
-    link: 'https://twreporter.gitbook.io/the-reporter-brand-guidelines',
-    target: '_blank'
-  }, {
-    slug: 'publication-and-merchandise',
-    text: '出版品與周邊',
-    link: 'https://twreporter.backme.tw/shops/3619?locale=zh-TW',
-    target: '_blank'
-  }]];
-}
-
-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.fontWeight.normal, _color.colorGrayscale.gray500, _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",
-  componentId: "sc-12bve65-1"
-})(["", " ", " ", ""], _mediaQuery["default"].hdOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: ", "px;\n    height: ", "px;\n  "])), _styles["default"].contentRow.width.hd, _styles["default"].contentRow.height.hd), _mediaQuery["default"].desktopOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    width: ", "px;\n    height: ", "px;\n  "])), _styles["default"].contentRow.width.desktop, _styles["default"].contentRow.height.desktop), _mediaQuery["default"].tabletOnly(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    width: ", "px;\n  "])), _styles["default"].contentRow.width.tablet));
-
-var Column = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  displayName: "content__Column",
-  componentId: "sc-12bve65-2"
-})(["display:inline-block;", ""], _mediaQuery["default"].mobileOnly(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    max-width: 100%;\n  "]))));
-
-var IntroColumn = /*#__PURE__*/(0, _styledComponents["default"])(Column).withConfig({
-  displayName: "content__IntroColumn",
-  componentId: "sc-12bve65-3"
-})(["", " ", " ", " ", ""], _mediaQuery["default"].desktopAndAbove(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    padding-right: 60px;\n  "]))), _mediaQuery["default"].hdOnly(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    width: 510px;\n  "]))), _mediaQuery["default"].desktopOnly(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    width: 290px;\n  "]))), _mediaQuery["default"].tabletOnly(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    width: 260px;\n  "]))));
-var LinksColumn = /*#__PURE__*/(0, _styledComponents["default"])(Column).withConfig({
-  displayName: "content__LinksColumn",
-  componentId: "sc-12bve65-4"
-})(["padding-left:40px;", " ", " ", " ", " ", " ", ""], _mediaQuery["default"].hdOnly(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    width: 397px;\n  "]))), _mediaQuery["default"].desktopOnly(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    width: 392px;\n  "]))), _mediaQuery["default"].desktopAndAbove(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    padding-left: 80px;\n  "]))), _mediaQuery["default"].tabletAndAbove(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n    float: right;\n    border-left: solid 0.25px ", ";\n    margin-bottom: 50px;\n  "])), _color.colorGrayscale.gray300), _mediaQuery["default"].tabletOnly(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n    width: 270px;\n    padding-left: 31px;\n  "]))), _mediaQuery["default"].mobileOnly(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n    margin-top: 48px;\n    padding-left: 0;\n  "]))));
-
-var ItemList = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  displayName: "content__ItemList",
-  componentId: "sc-12bve65-5"
-})(["width:100%;", " ", ""], _mediaQuery["default"].hdOnly(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n    width: 397px;\n  "]))), _mediaQuery["default"].desktopOnly(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n    width: 380px;\n  "]))));
-
-var ItemGroup = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  displayName: "content__ItemGroup",
-  componentId: "sc-12bve65-6"
-})(["display:inline-block;width:calc(100% / 3);white-space:nowrap;", " ", ""], _mediaQuery["default"].desktopAndAbove(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n    float: left;\n  "]))), _mediaQuery["default"].tabletAndBelow(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n    width: calc(100% / 2);\n    &:last-child{\n      margin-top: 32px;\n    }\n  "]))));
-
-var flickerAnimation = /*#__PURE__*/(0, _styledComponents.keyframes)(["0%,100%{opacity:1;}50%{opacity:.6;}"]);
-
-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.fontFamily["default"], _font.fontWeight.normal, _color.colorGrayscale.gray500, function (props) {
-  return props.visible ? 'visible' : 'hidden';
-}, _color.colorBrand.heavy, _color.colorGrayscale.white, _font.fontFamily["default"], flickerAnimation, _color.colorGrayscale.gray900, _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: 14px;\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.colorGrayscale.white, _color.colorSupportive.heavy, _color.colorSupportive.heavy, _color.colorSupportive.heavy, _font.fontWeight.normal, _color.colorGrayscale.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) {
-    return /*#__PURE__*/_react["default"].createElement(ItemGroup, {
-      key: indexofGroup
-    }, _.map(items, function (item, indexofItem) {
-      return /*#__PURE__*/_react["default"].createElement(Item, {
-        key: "item-".concat(indexofGroup, "-").concat(indexofItem),
-        visible: item.newFlag,
-        href: item.link,
-        target: item.target,
-        id: item.id
-      }, /*#__PURE__*/_react["default"].createElement("p", null, item.text), /*#__PURE__*/_react["default"].createElement("span", null, "New"));
-    }));
-  });
-};
-
-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"], {
-    id: gtmId.support
-  }, /*#__PURE__*/_react["default"].createElement("p", null, "\u8D0A\u52A9\u6211\u5011"))));
-};
-
-Content.propTypes = {
-  releaseBranch: _propTypes["default"].releaseBranch
-};
-Content.defaultProps = {
-  releaseBranch: _releaseBranch["default"].release
-};
-var _default = Content;
-exports["default"] = _default;