@twreporter/universal-header 2.2.0-rc.5

package/lib/utils/jwt.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _ = {
+  get: _get["default"]
+};
+/**
+ *  Decode the payload of JWT from base64 string into JSON object
+ *
+ *  @param {string} jwt
+ *  @return {Object} JSON object or null if decoding fails
+ */
+
+function decodePayload(jwt) {
+  try {
+    var payload = _.get(jwt.split('.'), 1);
+
+    return JSON.parse(Buffer.from(payload, 'base64').toString('utf8'));
+  } catch (err) {
+    console.error('extract payload from jwt error: ', err); // eslint-disable-line
+
+    return null;
+  }
+}
+
+var _default = {
+  decodePayload: decodePayload
+};
+exports["default"] = _default;

package/lib/utils/links.js

@@ -0,0 +1,177 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _categories = require("../constants/categories");
+
+var _channels = require("../constants/channels");
+
+var _services = require("../constants/services");
+
+var _actions = require("../constants/actions");
+
+var _externalLinks = _interopRequireDefault(require("../constants/external-links"));
+
+var _requestOrigins = _interopRequireDefault(require("@twreporter/core/lib/constants/request-origins"));
+
+var _releaseBranch = _interopRequireDefault(require("@twreporter/core/lib/constants/release-branch"));
+
+var _forEach = _interopRequireDefault(require("lodash/forEach"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var _ = {
+  forEach: _forEach["default"]
+};
+var originsForClient = _requestOrigins["default"].forClientSideRendering;
+/**
+ * @param {string} domain - one of 'account', 'main', 'support', or 'api'
+ * @returns {Object}
+ */
+
+function getOriginsByType(domain) {
+  var baseURL = {};
+
+  _.forEach(_releaseBranch["default"], function (branch) {
+    baseURL[branch] = originsForClient[branch][domain];
+  });
+
+  return baseURL;
+}
+
+var accountsBaseURL = getOriginsByType('accounts');
+var apiBaseURL = getOriginsByType('api');
+var mainBaseURL = getOriginsByType('main'); // const support = getOriginsByType('support')
+
+var defaultReleaseBranch = _releaseBranch["default"].master;
+var defaultIsExternal = false;
+
+function __getLinks(isExternal, releaseBranch, baseURL, paths) {
+  var rtn = {};
+
+  if (isExternal) {
+    if (baseURL.hasOwnProperty(releaseBranch)) {
+      for (var key in paths) {
+        rtn[key] = {
+          to: baseURL[releaseBranch] + paths[key],
+          isExternal: isExternal
+        };
+      }
+
+      return rtn;
+    }
+  }
+
+  for (var _key in paths) {
+    rtn[_key] = {
+      to: paths[_key],
+      isExternal: isExternal
+    };
+  }
+
+  return rtn;
+}
+
+function __getLink(isExternal, releaseBranch, baseURL, path) {
+  if (isExternal) {
+    if (baseURL.hasOwnProperty(releaseBranch)) {
+      return {
+        to: baseURL[releaseBranch] + path,
+        isExternal: isExternal
+      };
+    }
+  }
+
+  return {
+    to: path,
+    isExternal: isExternal
+  };
+}
+
+function __getExternalLinks() {
+  return Object.assign({}, _externalLinks["default"]);
+}
+
+function getCategoryLinks() {
+  var isExternal = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultIsExternal;
+  var releaseBranch = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultReleaseBranch;
+  return __getLinks(isExternal, releaseBranch, mainBaseURL, _categories.categoryPathnames);
+}
+
+function getChannelLinks() {
+  var isExternal = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultIsExternal;
+  var releaseBranch = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultReleaseBranch;
+  return __getLinks(isExternal, releaseBranch, mainBaseURL, _channels.channelPathnames);
+}
+
+function getLogoutLink() {
+  var releaseBranch = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultReleaseBranch;
+  return {
+    to: apiBaseURL[releaseBranch] + _services.servicePathnames.logout,
+    isExternal: true
+  };
+}
+
+function getLoginLink() {
+  var releaseBranch = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultReleaseBranch;
+  return {
+    to: accountsBaseURL[releaseBranch] + _services.servicePathnames.login,
+    isExternal: true
+  };
+}
+
+function getBookmarksLink() {
+  var isExternal = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultIsExternal;
+  var releaseBranch = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultReleaseBranch;
+  return __getLink(isExternal, releaseBranch, mainBaseURL, _services.servicePathnames.bookmarks);
+}
+
+function getSearchLink() {
+  var isExternal = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultIsExternal;
+  var releaseBranch = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultReleaseBranch;
+  return __getLink(isExternal, releaseBranch, mainBaseURL, _services.servicePathnames.search);
+}
+
+function getLogoLink() {
+  var isExternal = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultIsExternal;
+  var releaseBranch = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultReleaseBranch;
+  return __getLink(isExternal, releaseBranch, mainBaseURL, '');
+}
+
+function getServiceLinks() {
+  var _ref;
+
+  var isExternal = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultIsExternal;
+  var releaseBranch = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultReleaseBranch;
+  return _ref = {}, _defineProperty(_ref, _services.serviceKeys.bookmarks, getBookmarksLink(isExternal, releaseBranch)), _defineProperty(_ref, _services.serviceKeys.login, getLoginLink(releaseBranch)), _defineProperty(_ref, _services.serviceKeys.logout, getLogoutLink(releaseBranch)), _defineProperty(_ref, _services.serviceKeys.search, getSearchLink(isExternal, releaseBranch)), _ref;
+}
+
+function getActionLinks() {
+  var _ref2;
+
+  return _ref2 = {}, _defineProperty(_ref2, _actions.actionKeys.support, {
+    to: __getExternalLinks().monthlyDonation,
+    isExternal: true
+  }), _defineProperty(_ref2, _actions.actionKeys.newsLetter, {
+    to: __getExternalLinks().newsLetter,
+    isExternal: true
+  }), _ref2;
+}
+
+var _default = {
+  getBookmarksLink: getBookmarksLink,
+  getCategoryLinks: getCategoryLinks,
+  getChannelLinks: getChannelLinks,
+  getServiceLinks: getServiceLinks,
+  getActionLinks: getActionLinks,
+  getLogoLink: getLogoLink,
+  getLoginLink: getLoginLink,
+  getLogoutLink: getLogoutLink,
+  getSearchLink: getSearchLink
+};
+exports["default"] = _default;

package/lib/utils/theme.js

@@ -0,0 +1,415 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _colors = _interopRequireDefault(require("../constants/colors"));
+
+var _theme = _interopRequireDefault(require("../constants/theme"));
+
+var _icon = require("./icon");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var LogoLightGray = function LogoLightGray(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("style", null, ".cls-1", "{", "fill:#fff", "}")), /*#__PURE__*/_react["default"].createElement("g", {
+    id: "Layer_2"
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    id: "logo"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    className: "cls-1",
+    d: "M29.85 25.61L18.2 22.88V8.32L29.85 5.1v20.51z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    opacity: ".8",
+    fill: "#fff",
+    d: "M0 31.2l18.2-8.32V8.32L0 0v31.2z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    className: "cls-1",
+    d: "M140.73 11.42h1.08V4.86h-2v1.32h-1.05V3.87h7.29v2.31H145V4.86h-2v6.56h1.07v.94h-3.35zm8.71 0h1.06V4.8h-1.06v-.93h3.33v.93h-1.07v2.82h4.4V4.8H155v-.93h3.33v.93h-1.05v6.62h1.05v.94H155v-.94h1.07V8.61h-4.4v2.81h1.07v.94h-3.33zm12.56 0h1.06V4.8H162v-.93h6.15v2h-1.05v-1h-2.8v2.72h3v1h-3v2.81h3v-1h1v2H162zm-23.29 16.01h1.06v-6.62h-1.06v-.93h3.68a4.75 4.75 0 0 1 1.56.18 2.15 2.15 0 0 1 1.48 2.2 2.3 2.3 0 0 1-1.75 2.38 1.08 1.08 0 0 1 .36.39l1.2 2.1c.13.23.29.27.59.27h.25v.94h-.72c-.72 0-.89-.13-1.18-.64l-1.31-2.32c-.21-.36-.37-.47-.89-.47h-1v2.49H142v.94h-3.31zm4-3.47a1.46 1.46 0 0 0 1.54-1.6 1.32 1.32 0 0 0-.8-1.34 2.86 2.86 0 0 0-1-.15H141V24zm6.74 3.47h1.06v-6.62h-1.06v-.93h6.15v2h-1v-1h-2.84v2.72h3v1h-3v2.81h3v-1h1v2h-6.35zm9.73 0h1v-6.62h-1v-.93h3.95a3.62 3.62 0 0 1 1.46.23 2.49 2.49 0 0 1 1.44 2.4 2.52 2.52 0 0 1-1.6 2.49 3.49 3.49 0 0 1-1.27.18h-1.72v2.25h1.07v.94h-3.33zM163 24.2a2.37 2.37 0 0 0 1-.17 1.55 1.55 0 0 0 .86-1.52 1.52 1.52 0 0 0-.76-1.44 2.3 2.3 0 0 0-1-.2h-1.58v3.33zm10.77-4.46a4.28 4.28 0 0 1 4.36 4.32 4.37 4.37 0 1 1-8.73 0 4.28 4.28 0 0 1 4.37-4.32zm0 7.7a3.22 3.22 0 0 0 3.11-3.38 3.12 3.12 0 1 0-6.24 0 3.23 3.23 0 0 0 3.13 3.38zm7.73-.01h1.06v-6.62h-1.06v-.93h3.68a4.78 4.78 0 0 1 1.57.18 2.15 2.15 0 0 1 1.48 2.2 2.31 2.31 0 0 1-1.76 2.38 1 1 0 0 1 .36.39l1.2 2.1c.14.23.29.27.59.27h.26v.94h-.72c-.73 0-.9-.13-1.18-.64l-1.31-2.32a.83.83 0 0 0-.89-.47h-1v2.49h1v.94h-3.28zm4-3.47a1.46 1.46 0 0 0 1.54-1.6 1.31 1.31 0 0 0-.79-1.34 3 3 0 0 0-1.05-.15h-1.4V24zm8.72 3.47h1.07v-6.56h-2v1.32h-1v-2.31h7.29v2.31h-1v-1.32h-2v6.56h1.07v.94h-3.34zm8.69 0H204v-6.62h-1.05v-.93h6.14v2h-1v-1h-2.84v2.72h3v1h-3v2.81h3v-1h1v2h-6.35zm9.72 0h1.06v-6.62h-1.06v-.93h3.68a4.75 4.75 0 0 1 1.56.18 2.15 2.15 0 0 1 1.48 2.2 2.3 2.3 0 0 1-1.76 2.38 1.05 1.05 0 0 1 .37.39l1.2 2.1c.13.23.29.27.59.27h.25v.94h-.72c-.72 0-.89-.13-1.18-.64l-1.31-2.32a.82.82 0 0 0-.89-.47h-1v2.49h1.05v.94h-3.31zm4-3.47a1.47 1.47 0 0 0 1.54-1.6 1.32 1.32 0 0 0-.8-1.34 2.89 2.89 0 0 0-1-.15h-1.41V24zM54.81 9.55h-2.13a2.3 2.3 0 0 1-1.2 1.45h-3V6.7h5.12V4.56h-2.09A2.3 2.3 0 0 1 50.31 6h-1.8V1.53h-2.18V6h-4.56v.7h4.56V11h-5.42v.66H54.8zm-3.24 6.62H48.9c.86-.7 3.16-3.16 3.16-3.16l-2.59-1a29.76 29.76 0 0 1-1 4.05l.25.15h-3.81l1.74-.73a7.63 7.63 0 0 0-2.84-3.26l-.46.28a16.45 16.45 0 0 1 1.25 3.71H41v.66h5.33v4.41h-4.78v.67h4.78v7.76h2.18v-7.8h5.79v-2h-2.14a2.16 2.16 0 0 1-1 1.34h-2.65v-4.42h6.33v-2.11h-2.12a2.28 2.28 0 0 1-1.15 1.45zm12.08 7.61l-.2-.23c.08-.11.15-.22.2-.3A26.13 26.13 0 0 0 67 14.08v-.62h-8.86V4.05h6.11v4.78s.11 1-.72 1l-1.93-.2v.49s1.94.05 2 .76c.15.9 2.72 1.47 2.72-2.05V2h-2.08a2.3 2.3 0 0 1-1.07 1.4h-5V1.84H56v27.83h2.17V14.08h6.61c-.09.47-.49 2.82-.69 3.65s-.41 1.36-.67 2.1-.63 1.64-1 2.44a17.78 17.78 0 0 1-3-6.49l-.47.09A21.76 21.76 0 0 0 61.56 24a24.53 24.53 0 0 1-3.3 4.86l.2.39a29.07 29.07 0 0 0 3.86-4.07l.21.32a12.92 12.92 0 0 0 4.14 3.87l1.71-2.18a14.84 14.84 0 0 1-4.73-3.41zM81 23.31l-.41.49c1.27.67 3.46 4.32 3.46 4.32L86 26.57a10.69 10.69 0 0 0-5-3.26z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    className: "cls-1",
+    d: "M97.94 20.45a2.23 2.23 0 0 1-1 1.35h-2.63v-1.65h-2.16v1.65H73.5v.84h18.66v4.15c0 .91-1.57.72-1.57.72H88.4v.46c.46 0 2.65.27 3 .66s.26.95.81 1.11a2 2 0 0 0 1.4-.44 2.15 2.15 0 0 0 .75-1.83v-4.83h5.78v-2.19zM78.91 7.05l1.56-1.31A6.13 6.13 0 0 0 75.6 3.1l-.26.48c1.56.61 3.57 3.47 3.57 3.47zM99.46 4.1h-2.15a2.3 2.3 0 0 1-1.21 1.48h-3.52C93.15 5 94.64 3 95.72 1.52L93 1.45s-.83 3.16-1.27 4.14h-3.96l1.78-1.09a9.28 9.28 0 0 0-4.42-3l-.38.46a11.17 11.17 0 0 1 2.78 3.68h-5.68v.67h17.6zm-1.54 12.55v-10h-2.41a4.19 4.19 0 0 1-.19.46 1.87 1.87 0 0 1-.32.42 2.05 2.05 0 0 1-.41.3h-8.54V6.68h-2.14v9.94h2.14v-1.21h9.48v1.24zM86.05 8.59h9.48v1.77h-9.48zm0 2.33h9.48v1.67h-9.48zm0 3.82v-1.59h9.48v1.59z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    className: "cls-1",
+    d: "M77.87 10.58h.51v4.93l-4.7 1.86L75 19.55l3.91-3.29h1.83c3.53 4.62 19.16 3.08 19.16 3.08v-2c-4.1.73-12.41.31-12.41.31-5.14-.12-6.36-1.82-6.75-2.41V8.71h-2.37a1.86 1.86 0 0 1-1 1.19H73.5v.68h4.37zm36.29 11.54h10.53v.01h-10.53z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    className: "cls-1",
+    d: "M127.08 27.42V14.75h-2.15a2.27 2.27 0 0 1-1.09 1.42h-7.49a44.29 44.29 0 0 0 6-4.41h9.08V9.64h-2.16a2.28 2.28 0 0 1-1.14 1.45h-5a44.44 44.44 0 0 0 6.51-8l-2-1.23a40.79 40.79 0 0 1-7.33 9.27h-1.91V6h6V3.87h-2.15a2.26 2.26 0 0 1-1.17 1.46h-2.68v-3.8h-2.2v3.8h-8.27V6h8.27v5.09L105.28 11v.68l14.26.1a46 46 0 0 1-14.38 9.14l.21.59a61.85 61.85 0 0 0 6.68-2.94v11.05h2.11v-2.1h10.53v2.15h2.39v-2.25zm-2.39-5.3v4.72h-10.53v-4.72h10.53zm0-.68h-10.53v-4c.32-.17.64-.36 1-.55h9.56z"
+  }))));
+};
+
+LogoLightGray.defaultProps = {
+  width: "219",
+  height: "32",
+  viewBox: "0 0 219 32",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var Logo = function Logo(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    fill: "#231916"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M123.863 10.286s.895-.398 1.118-1.366h1.988v1.664h-3.205l.099-.298zm6.24 5.328s.895-.398 1.119-1.367h1.988v1.664h-3.206l.1-.297zm-3.755 4.713s.894-.398 1.119-1.367h1.987v1.666h-3.205l.1-.299z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M113.103 10.89h13.859v-.623h-13.859zm-2.768 5.311h22.882v-.621h-22.882zm7.413 4.739h10.788v-.671h-10.788zm-1.182 4.687h12.058v-.622h-12.058zm0 4.268h12.058v-.623h-12.058z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M115.588 32.463h1.944V21.358h-1.944zm11.874.043h2.002V20.408h-2.002zm-8.041-16.328h2.03V6.615h-2.03z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M129.21 8.166s-5.224 10.372-20.703 16.54l.197.55s15.084-4.283 22.353-15.95l-1.847-1.14zm-29.566 2.241s.894-.397 1.117-1.366h1.988v1.665h-3.206l.1-.299zm-.696 15.405s.895-.399 1.119-1.368h1.988v1.665h-3.207l.1-.297z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M86.494 11.038h16.244v-.622H86.494zm1.759 2.254h12.142v-.67H88.253zm.029 2.34h12.142v-.622H88.282zm-.029 2.208h12.142v-.622H88.253zm0 2.268h12.142v-.622H88.253zm-10.746-4.195h6.203v-.623h-6.203z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M82.011 20.65h2.033v-5.401h-2.033zm18.272-10.237s.708-.314.884-1.08h1.571v1.316h-2.534l.08-.236z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M81.588 15.266s.708-.314.885-1.08h1.57v1.316h-2.534l.08-.236zm-2.54 11.053h23.006v-.623H79.048z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M99.578 25.693s.708-.313.884-1.08h1.572v1.317h-2.535l.08-.237zm-1.167-13.031s.74-.33.926-1.131h1.645v1.377H98.33l.082-.246zm-16.426 2.623s.593-.265.741-.907h1.318v1.105h-2.126l.067-.198zm-2.525-6.84l.324-.5s2.946.706 4.272 3.269l-1.532 1.09s-1.68-3.181-3.064-3.86m9.28-1.725l.283-.345s1.945.22 3.324 2.29l-1.692.908s-.628-1.88-1.914-2.853m7.369.261s-.933 3.086-1.287 3.665h.547s1.865-1.929 3.119-3.602l-2.38-.063zM78.164 21.856l4.007-1.827.295.502-3.006 3.534zm5.774-2.354s.933 2.289 6.668 2.426c0 0 7.495.393 11.276-.275v1.62s-15.91 1.768-18.208-3.241l.264-.53z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M87.374 20.897h1.973v-9.143h-1.973zm11.601.033h2.002v-8.276h-2.002zm-13.132 7.065l.323-.324s2.299.53 3.654 2.533l-1.532 1.326s-1.827-3.33-2.445-3.535m8.874-3.822h1.999v6.634c0 .656-.157 1.29-.693 1.684-.302.222-.905.522-1.294.41-.508-.147-.414-.796-.686-1.135-.288-.357-.976-.444-1.406-.444l.016-.418h1.226s.862.129.862-.71c0-.838-.024-6.02-.024-6.02M46.028 11.853h12.535v-.616H46.028zM60.577 9.41h7.642v-.617h-7.642zm.466 10.227h8.851v-.569h-8.85z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M50.793 16.21h2.013V7.082h-2.013zm9.033 16.339h1.87V7.362h-1.87zm-9.033.149h2.013V20.933h-2.013zm4.699-21.468s.885-.393 1.107-1.352h1.968v1.648h-3.174l.099-.295zm0 14.146s.885-.394 1.107-1.354h1.968v1.65h-3.174l.099-.296zM66.214 8.858s.887-.394 1.109-1.354h1.967v1.649h-3.174l.098-.295zm-10.627 11.74s.885-.394 1.106-1.354h1.969v1.65h-3.174l.099-.296zm-.041-4.762s.885-.394 1.107-1.353h1.968v1.647h-3.174l.099-.294z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M45.032 16.46h13.586v-.616H45.032zm.076 4.733H58.65v-.616H45.108z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M56.216 20.547s.7-.313.874-1.07h1.556v1.302h-2.508l.078-.232zm-10.179 5.33H58.57v-.617H46.037zm1.868-8.73l.428-.252s1.614 1.633 2.333 3.111l-1.574.68s-.797-3.13-1.187-3.54m5.991-.446l2.393.954s-2.238 2.391-2.977 2.974l-.31-.194s.622-1.907.894-3.735M67.337 8.79v6.821s.104.908-.664.908h-.802v.452s1.151.07 1.151.734c0 .662 2.268 1.15 2.268-2.094v-6.89l-1.953.07zm.542 10.256s-.682 8.08-5.643 13.699l.209.342s6.45-5.566 7.497-13.865l-2.063-.176z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M62.86 20.394s1.4 7.43 8.286 10.494L69.57 32.9s-5.864-2.878-7.147-12.418l.437-.088zM143.315 16.397h1.01v-6.198h-1.884v1.248h-.988v-2.18h6.88v2.18h-.988v-1.248h-1.884v6.198h1.01v.885h-3.156zm8.216 0h1v-6.255h-1v-.874h3.145v.874h-1.01v2.668h4.154v-2.668h-1.01v-.874h3.145v.874h-1v6.255h1v.885h-3.144v-.885h1.01V13.74h-4.156v2.657h1.01v.885h-3.144zm11.895 0h1v-6.255h-1v-.874h5.8v1.861h-.986v-.93h-2.68v2.576h2.838v.931h-2.838v2.646h2.872v-.966h.988v1.896h-5.994zM145.15 26.96c.874 0 1.453-.568 1.453-1.51 0-.624-.25-1.056-.749-1.26-.261-.102-.602-.147-.988-.147h-1.328v2.916h1.612zm-3.746 3.28h1v-6.254h-1v-.874h3.474c.567 0 1.033.022 1.475.17.84.284 1.396.988 1.396 2.078 0 1.158-.635 1.985-1.657 2.247v.023s.204.113.34.374l1.136 1.975c.125.217.273.262.556.262h.238v.885h-.68c-.682 0-.84-.124-1.113-.602l-1.238-2.19c-.204-.341-.351-.443-.84-.443h-.953v2.35h.987v.885h-3.121v-.885zm10.181 0h.999v-6.254h-1v-.874h5.801v1.861h-.987v-.93h-2.68v2.576h2.839v.931h-2.839v2.646h2.873v-.966h.988v1.896h-5.994zm13.064-3.053c.363 0 .647-.057.896-.158.511-.228.807-.74.807-1.431 0-.648-.262-1.124-.716-1.362-.25-.137-.59-.194-.975-.194h-1.5v3.145h1.488zm-3.622 3.054h1v-6.255h-1v-.875h3.735c.488 0 .976.035 1.374.216.829.352 1.362 1.204 1.362 2.27 0 1.124-.59 2.033-1.51 2.35-.375.137-.76.17-1.203.17h-1.623v2.124h1.01v.885h-3.145v-.885zm13.746.011c1.623 0 2.94-1.385 2.94-3.19 0-1.749-1.317-3.087-2.94-3.087-1.635 0-2.952 1.338-2.952 3.087 0 1.805 1.317 3.19 2.952 3.19m0-7.276c2.315 0 4.12 1.782 4.12 4.086 0 2.361-1.805 4.2-4.12 4.2-2.327 0-4.121-1.839-4.121-4.2 0-2.304 1.794-4.086 4.12-4.086m11.203 3.984c.874 0 1.453-.568 1.453-1.51 0-.624-.25-1.056-.75-1.26-.26-.102-.6-.147-.987-.147h-1.328v2.916h1.612zm-3.746 3.28h.999v-6.254h-1v-.874h3.475c.567 0 1.032.022 1.475.17.84.284 1.396.988 1.396 2.078 0 1.158-.635 1.985-1.657 2.247v.023s.204.113.34.374l1.135 1.975c.126.217.273.262.557.262h.238v.885h-.68c-.682 0-.841-.124-1.113-.602l-1.237-2.19c-.205-.341-.352-.443-.84-.443h-.954v2.35h.987v.885h-3.121v-.885zm11.724 0h1.01v-6.197h-1.884v1.248h-.987v-2.18h6.878v2.18h-.987v-1.248H196.1v6.198h1.01v.885h-3.156zm8.217 0h.999v-6.254h-.999v-.874h5.8v1.861h-.987v-.93h-2.679v2.576h2.838v.931h-2.838v2.646h2.872v-.966h.988v1.896h-5.994zm13.189-3.28c.874 0 1.453-.568 1.453-1.51 0-.624-.25-1.056-.75-1.26-.26-.102-.6-.147-.987-.147h-1.328v2.916h1.612zm-3.746 3.28h.999v-6.254h-1v-.874h3.474c.568 0 1.033.022 1.476.17.84.284 1.396.988 1.396 2.078 0 1.158-.635 1.985-1.657 2.247v.023s.204.113.34.374l1.136 1.975c.125.217.272.262.556.262h.238v.885h-.68c-.682 0-.841-.124-1.114-.602l-1.236-2.19c-.205-.341-.353-.443-.84-.443h-.954v2.35h.988v.885h-3.122v-.885z"
+  })), /*#__PURE__*/_react["default"].createElement("path", {
+    fill: "#C7000D",
+    d: "M37.301 32.302l-14.613-3.46V10.766l14.613-4.23z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    fill: "#E60013",
+    d: "M0 39.609L23.073 28.84V10.767L0 0z"
+  })));
+};
+
+Logo.defaultProps = {
+  width: "219",
+  height: "40",
+  viewBox: "0 0 219 40",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+function selectLogoComponent(theme) {
+  switch (theme) {
+    case _theme["default"].photography:
+    case _theme["default"].transparent:
+      {
+        return LogoLightGray;
+      }
+
+    default:
+      {
+        return Logo;
+      }
+  }
+}
+
+function selectServiceIcons(theme) {
+  switch (theme) {
+    case _theme["default"].photography:
+      {
+        return _icon.ServiceIcons.photography;
+      }
+
+    case _theme["default"].transparent:
+      {
+        return _icon.ServiceIcons.transparent;
+      }
+
+    case _theme["default"].index:
+    case _theme["default"].normal:
+    default:
+      {
+        return _icon.ServiceIcons.normal;
+      }
+  }
+}
+
+function selectHamburgerServiceIcons(theme) {
+  switch (theme) {
+    case _theme["default"].photography:
+      {
+        return _icon.ServiceIcons.photography;
+      }
+
+    case _theme["default"].transparent:
+    case _theme["default"].index:
+    case _theme["default"].normal:
+    default:
+      {
+        return _icon.ServiceIcons.normal;
+      }
+  }
+}
+
+function selectIcons(theme) {
+  switch (theme) {
+    case _theme["default"].photography:
+      {
+        return _icon.Icons.photography;
+      }
+
+    case _theme["default"].transparent:
+      {
+        return _icon.Icons.transparent;
+      }
+
+    case _theme["default"].index:
+    case _theme["default"].normal:
+    default:
+      {
+        return _icon.Icons.normal;
+      }
+  }
+}
+
+function selectChannelTheme(theme) {
+  switch (theme) {
+    case _theme["default"].photography:
+      {
+        return {
+          bgColor: _colors["default"].photography,
+          fontColor: '#808080',
+          hoverFontColor: _colors["default"].white,
+          hoverBgColor: 'rgba(255, 255, 255, 0.1)',
+          borderColor: 'rgba(128, 128, 128, 0.2)'
+        };
+      }
+
+    case _theme["default"].transparent:
+      {
+        return {
+          bgColor: 'transparent',
+          fontColor: _colors["default"].white,
+          hoverFontColor: _colors["default"].grayDark,
+          hoverBgColor: _colors["default"].white,
+          borderColor: 'rgba(128, 128, 128, 0.2)'
+        };
+      }
+
+    case _theme["default"].index:
+      {
+        return {
+          bgColor: _colors["default"].white,
+          fontColor: '#808080',
+          hoverFontColor: _colors["default"].grayDark,
+          hoverBgColor: 'rgba(0, 0, 0, 0.1)',
+          borderColor: _colors["default"].gray
+        };
+      }
+
+    case _theme["default"].normal:
+    default:
+      {
+        return {
+          bgColor: _colors["default"].grayLight,
+          fontColor: '#808080',
+          hoverFontColor: _colors["default"].grayDark,
+          hoverBgColor: 'rgba(0, 0, 0, 0.1)',
+          borderColor: _colors["default"].gray
+        };
+      }
+  }
+}
+
+function selectBgColor(theme) {
+  switch (theme) {
+    case _theme["default"].photography:
+      {
+        return _colors["default"].photography;
+      }
+
+    case _theme["default"].transparent:
+      {
+        return 'rgba(0, 0, 0, 0.1)';
+      }
+
+    case _theme["default"].index:
+      {
+        return _colors["default"].white;
+      }
+
+    case _theme["default"].normal:
+    default:
+      {
+        return _colors["default"].grayLight;
+      }
+  }
+}
+
+function selectActionButtonTheme(theme) {
+  switch (theme) {
+    case _theme["default"].photography:
+      {
+        return {
+          color: _colors["default"].white,
+          bgColor: _colors["default"].brown,
+          hoverBgColor: '#856236'
+        };
+      }
+
+    case _theme["default"].transparent:
+      {
+        return {
+          color: _colors["default"].brown,
+          bgColor: _colors["default"].white,
+          hoverBgColor: '#d8d8d8'
+        };
+      }
+
+    case _theme["default"].index:
+    case _theme["default"].normal:
+    default:
+      {
+        return {
+          color: _colors["default"].white,
+          bgColor: _colors["default"].red,
+          hoverBgColor: '#9e1b22'
+        };
+      }
+  }
+}
+
+function selectHamburgerMenuTheme(theme) {
+  switch (theme) {
+    case _theme["default"].photography:
+      {
+        return {
+          bgColor: _colors["default"].photography
+        };
+      }
+
+    case _theme["default"].transparent:
+    case _theme["default"].index:
+    case _theme["default"].normal:
+    default:
+      {
+        return {
+          bgColor: _colors["default"].grayLight
+        };
+      }
+  }
+}
+
+function selectHamburgerServiceTheme(theme) {
+  switch (theme) {
+    case _theme["default"].photography:
+      {
+        return {
+          borderColor: 'rgba(128, 128, 128, 0.5)'
+        };
+      }
+
+    case _theme["default"].transparent:
+    case _theme["default"].index:
+    case _theme["default"].normal:
+    default:
+      {
+        return {
+          borderColor: 'rgba(128, 128, 128, 0.2)'
+        };
+      }
+  }
+}
+
+function selectSloganTheme(theme) {
+  switch (theme) {
+    case _theme["default"].photography:
+      {
+        return '#c9af8e';
+      }
+
+    case _theme["default"].transparent:
+      {
+        return _colors["default"].white;
+      }
+
+    case _theme["default"].index:
+    case _theme["default"].normal:
+    default:
+      {
+        return _colors["default"].grayDark;
+      }
+  }
+}
+/*
+ * HB is the abbreviation of hamburger.
+ * The HB series of theme functions are used in hamburger menu.
+ */
+
+
+function selectActionButtonHBTheme(theme) {
+  switch (theme) {
+    case _theme["default"].transparent:
+      {
+        return selectActionButtonTheme('normal');
+      }
+
+    case _theme["default"].photography:
+    case _theme["default"].index:
+    case _theme["default"].normal:
+    default:
+      {
+        return selectActionButtonTheme(theme);
+      }
+  }
+}
+
+function selectChannelHBTheme(theme) {
+  switch (theme) {
+    case _theme["default"].transparent:
+      {
+        return selectChannelTheme('normal');
+      }
+
+    case _theme["default"].photography:
+    case _theme["default"].index:
+    case _theme["default"].normal:
+    default:
+      {
+        return selectChannelTheme(theme);
+      }
+  }
+}
+
+function selectSloganHBTheme(theme) {
+  switch (theme) {
+    case _theme["default"].transparent:
+      {
+        return selectSloganTheme('normal');
+      }
+
+    case _theme["default"].photography:
+    case _theme["default"].index:
+    case _theme["default"].normal:
+    default:
+      {
+        return selectSloganTheme(theme);
+      }
+  }
+}
+
+var _default = {
+  selectBgColor: selectBgColor,
+  selectLogoComponent: selectLogoComponent,
+  selectServiceIcons: selectServiceIcons,
+  selectHamburgerServiceIcons: selectHamburgerServiceIcons,
+  selectIcons: selectIcons,
+  selectChannelTheme: selectChannelTheme,
+  selectActionButtonTheme: selectActionButtonTheme,
+  selectSloganTheme: selectSloganTheme,
+  selectChannelHBTheme: selectChannelHBTheme,
+  selectActionButtonHBTheme: selectActionButtonHBTheme,
+  selectSloganHBTheme: selectSloganHBTheme,
+  selectHamburgerMenuTheme: selectHamburgerMenuTheme,
+  selectHamburgerServiceTheme: selectHamburgerServiceTheme
+};
+exports["default"] = _default;

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@twreporter/universal-header",
+  "version": "2.2.0-rc.5",
+  "description": "Universal header of TWReporter sites",
+  "main": "lib/index.js",
+  "scripts": {
+    "clean": "make clean",
+    "build": "make build",
+    "dev": "make dev",
+    "prepublishOnly": "make build"
+  },
+  "repository": "https://github.com/twreporter/twreporter-npm-packages.git",
+  "author": "twreporter <developer@twreporter.org>",
+  "keywords": [
+    "twreporter",
+    "universal",
+    "header"
+  ],
+  "license": "MIT",
+  "dependencies": {
+    "@twreporter/core": "^1.2.1",
+    "@twreporter/react-components": "8.5.0-rc.0",
+    "lodash": "^4.17.11",
+    "prop-types": "^15.6.2",
+    "querystring": "^0.2.0",
+    "react": "^16.3.0",
+    "react-redux": "^6.0.0",
+    "react-router-dom": "^5.1.2",
+    "react-transition-group": "^2.0.0",
+    "redux": "^4.0.1",
+    "redux-thunk": "^2.3.0",
+    "styled-components": "^4.0.0"
+  },
+  "files": [
+    "lib"
+  ],
+  "gitHead": "90edfc2fc461434c447e618395d6dfbff19aaa97"
+}