@twreporter/universal-header 2.3.0 → 2.4.0-rc.1

package/lib/utils/links-old.js

@@ -0,0 +1,177 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _categories = require("../constants/categories");
+
+var _channelsOld = require("../constants/channels-old");
+
+var _services = require("../constants/services");
+
+var _actionsOld = require("../constants/actions-old");
+
+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, _channelsOld.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 getActionLinks() {
+  var _ref;
+
+  return _ref = {}, _defineProperty(_ref, _actionsOld.actionKeys.support, {
+    to: __getExternalLinks().monthlyDonation,
+    isExternal: true
+  }), _defineProperty(_ref, _actionsOld.actionKeys.newsLetter, {
+    to: __getExternalLinks().newsLetter,
+    isExternal: true
+  }), _ref;
+}
+
+function getServiceLinks() {
+  var _ref2;
+
+  var isExternal = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultIsExternal;
+  var releaseBranch = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultReleaseBranch;
+  return _ref2 = {}, _defineProperty(_ref2, _services.serviceKeys.bookmarks, getBookmarksLink(isExternal, releaseBranch)), _defineProperty(_ref2, _services.serviceKeys.login, getLoginLink(releaseBranch)), _defineProperty(_ref2, _services.serviceKeys.logout, getLogoutLink(releaseBranch)), _defineProperty(_ref2, _services.serviceKeys.search, getSearchLink(isExternal, releaseBranch)), _ref2;
+}
+
+var _default = {
+  getBookmarksLink: getBookmarksLink,
+  getCategoryLinks: getCategoryLinks,
+  getChannelLinks: getChannelLinks,
+  getServiceLinks: getServiceLinks,
+  getLogoLink: getLogoLink,
+  getActionLinks: getActionLinks,
+  getLoginLink: getLoginLink,
+  getLogoutLink: getLogoutLink,
+  getSearchLink: getSearchLink
+};
+exports["default"] = _default;

package/lib/utils/links.js

@@ -3,16 +3,26 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.getLogoutLink = getLogoutLink;
+exports.getLoginLink = getLoginLink;
+exports.getBookmarksLink = getBookmarksLink;
+exports.getSearchLink = getSearchLink;
+exports.getLogoLink = getLogoLink;
 exports.getActionLinks = getActionLinks;
-exports["default"] = exports.getCategoryLink = void 0;
+exports.getFooterLinks = getFooterLinks;
+exports.getSocialMediaLinks = getSocialMediaLinks;
+exports.getChannelLinks = getChannelLinks;
+exports.getCategoryLink = void 0;
 
-var _categories = require("../constants/categories");
+var _services = require("../constants/services");
 
-var _channels = require("../constants/channels");
+var _actions = require("../constants/actions");
 
-var _services = require("../constants/services");
+var _footer = require("../constants/footer");
 
-var _actionsOld = require("../constants/actions-old");
+var _socialMedia = require("../constants/social-media");
+
+var _channels = require("../constants/channels");
 
 var _externalLinks = _interopRequireDefault(require("../constants/external-links"));
 
@@ -22,12 +32,15 @@ var _releaseBranch = _interopRequireDefault(require("@twreporter/core/lib/consta
 
 var _forEach = _interopRequireDefault(require("lodash/forEach"));
 
+var _reduce = _interopRequireDefault(require("lodash/reduce"));
+
 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"]
+  forEach: _forEach["default"],
+  reduce: _reduce["default"]
 };
 var originsForClient = _requestOrigins["default"].forClientSideRendering;
 /**
@@ -52,32 +65,6 @@ var mainBaseURL = getOriginsByType('main'); // const support = getOriginsByType(
 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)) {
@@ -98,11 +85,14 @@ 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);
-}
+var __composeExternalLink = function __composeExternalLink(link) {
+  var target = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '_self';
+  return {
+    to: link,
+    isExternal: true,
+    target: target
+  };
+};
 
 var getCategoryLink = function getCategoryLink() {
   var isExternal = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultIsExternal;
@@ -113,12 +103,6 @@ var getCategoryLink = function getCategoryLink() {
 
 exports.getCategoryLink = getCategoryLink;
 
-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 {
@@ -153,35 +137,45 @@ function getLogoLink() {
   return __getLink(isExternal, releaseBranch, mainBaseURL, '');
 }
 
-function getServiceLinks() {
+function getActionLinks() {
   var _ref;
 
+  return _ref = {}, _defineProperty(_ref, _actions.ACTION_KEY.support, __composeExternalLink(__getExternalLinks().monthlyDonation)), _defineProperty(_ref, _actions.ACTION_KEY.newsLetter, __composeExternalLink(__getExternalLinks().newsLetter)), _ref;
+}
+
+function getFooterLinks() {
+  var _ref2;
+
   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;
+  return _ref2 = {}, _defineProperty(_ref2, _footer.FOOTER_KEY.aboutUs, __getLink(isExternal, releaseBranch, mainBaseURL, _footer.FOOTER_PATH[_footer.FOOTER_KEY.aboutUs])), _defineProperty(_ref2, _footer.FOOTER_KEY.influenceReport, __getLink(isExternal, releaseBranch, mainBaseURL, _footer.FOOTER_PATH[_footer.FOOTER_KEY.influenceReport])), _defineProperty(_ref2, _footer.FOOTER_KEY.openLab, __composeExternalLink(__getExternalLinks().openLab, '_blank')), _ref2;
 }
 
-function getActionLinks() {
-  var _ref2;
+function getSocialMediaLinks() {
+  var externalLinks = __getExternalLinks();
 
-  return _ref2 = {}, _defineProperty(_ref2, _actionsOld.actionKeys.support, {
-    to: __getExternalLinks().monthlyDonation,
-    isExternal: true
-  }), _defineProperty(_ref2, _actionsOld.actionKeys.newsLetter, {
-    to: __getExternalLinks().newsLetter,
-    isExternal: true
-  }), _ref2;
+  return _.reduce(_socialMedia.SOCIAL_MEDIA_KEY, function (res, key) {
+    var link = externalLinks[key];
+
+    if (link) {
+      res[key] = __composeExternalLink(link, '_blank');
+    }
+
+    return res;
+  }, {});
 }
 
-var _default = {
-  getBookmarksLink: getBookmarksLink,
-  getCategoryLinks: getCategoryLinks,
-  getChannelLinks: getChannelLinks,
-  getServiceLinks: getServiceLinks,
-  getActionLinks: getActionLinks,
-  getLogoLink: getLogoLink,
-  getLoginLink: getLoginLink,
-  getLogoutLink: getLogoutLink,
-  getSearchLink: getSearchLink
-};
-exports["default"] = _default;
+function getChannelLinks() {
+  var isExternal = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultIsExternal;
+  var releaseBranch = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultReleaseBranch;
+
+  var links = _.reduce(_channels.CHANNEL_PATH, function (res, path, key) {
+    var link = __getLink(isExternal, releaseBranch, mainBaseURL, path);
+
+    res[key] = link;
+    return res;
+  }, {});
+
+  links[_channels.CHANNEL_KEY.kidsReporter] = __composeExternalLink(__getExternalLinks().kidsReporter, '_blank');
+  return links;
+}

package/lib/utils/theme-old.js

@@ -0,0 +1,345 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _colors = _interopRequireDefault(require("../constants/colors"));
+
+var _theme = _interopRequireDefault(require("../constants/theme"));
+
+var _icon = require("./icon");
+
+var _color = require("@twreporter/core/lib/constants/color");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function selectLogoType(theme) {
+  switch (theme) {
+    case _theme["default"].photography:
+    case _theme["default"].transparent:
+      {
+        return 'white';
+      }
+
+    default:
+      {
+        return 'default';
+      }
+  }
+}
+
+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: _color.colorPhoto.dark,
+          fontColor: _color.colorGrayscale.gray600,
+          hoverFontColor: _color.colorGrayscale.white,
+          hoverBgColor: _colors["default"].gray50,
+          borderColor: _colors["default"].gray250
+        };
+      }
+
+    case _theme["default"].transparent:
+      {
+        return {
+          bgColor: 'transparent',
+          fontColor: _color.colorGrayscale.white,
+          hoverFontColor: _color.colorGrayscale.gray900,
+          hoverBgColor: _color.colorGrayscale.white,
+          borderColor: _colors["default"].gray250
+        };
+      }
+
+    case _theme["default"].index:
+      {
+        return {
+          bgColor: _color.colorGrayscale.white,
+          fontColor: _color.colorGrayscale.gray600,
+          hoverFontColor: _color.colorGrayscale.gray900,
+          hoverBgColor: _colors["default"].gray150,
+          borderColor: _color.colorGrayscale.gray200
+        };
+      }
+
+    case _theme["default"].normal:
+    default:
+      {
+        return {
+          bgColor: _color.colorGrayscale.gray100,
+          fontColor: _color.colorGrayscale.gray600,
+          hoverFontColor: _color.colorGrayscale.gray900,
+          hoverBgColor: _colors["default"].gray150,
+          borderColor: _color.colorGrayscale.gray200
+        };
+      }
+  }
+}
+
+function selectHeaderTheme(theme) {
+  switch (theme) {
+    case _theme["default"].photography:
+      {
+        return {
+          bgColor: _color.colorPhoto.dark,
+          borderColor: _colors["default"].gray250
+        };
+      }
+
+    case _theme["default"].transparent:
+      {
+        return {
+          bgColor: _colors["default"].gray150,
+          borderColor: _colors["default"].gray250
+        };
+      }
+
+    case _theme["default"].index:
+      {
+        return {
+          bgColor: _color.colorGrayscale.white,
+          borderColor: _color.colorGrayscale.gray200
+        };
+      }
+
+    case _theme["default"].normal:
+    default:
+      {
+        return {
+          bgColor: _color.colorGrayscale.gray100,
+          borderColor: _color.colorGrayscale.gray200
+        };
+      }
+  }
+}
+
+function selectActionButtonTheme(theme) {
+  switch (theme) {
+    case _theme["default"].photography:
+      {
+        return {
+          color: _color.colorGrayscale.white,
+          bgColor: _color.colorSupportive.main,
+          hoverBgColor: _colors["default"].brownDark
+        };
+      }
+
+    case _theme["default"].transparent:
+      {
+        return {
+          color: _color.colorSupportive.main,
+          bgColor: _color.colorGrayscale.white,
+          hoverBgColor: _color.colorGrayscale.gray300
+        };
+      }
+
+    case _theme["default"].index:
+    case _theme["default"].normal:
+    default:
+      {
+        return {
+          color: _color.colorGrayscale.white,
+          bgColor: _color.colorBrand.heavy,
+          hoverBgColor: _colors["default"].redDark
+        };
+      }
+  }
+}
+
+function selectHamburgerMenuTheme(theme) {
+  switch (theme) {
+    case _theme["default"].photography:
+      {
+        return {
+          bgColor: _color.colorPhoto.dark
+        };
+      }
+
+    case _theme["default"].transparent:
+    case _theme["default"].index:
+    case _theme["default"].normal:
+    default:
+      {
+        return {
+          bgColor: _color.colorGrayscale.gray100
+        };
+      }
+  }
+}
+
+function selectHamburgerServiceTheme(theme) {
+  switch (theme) {
+    case _theme["default"].photography:
+      {
+        return {
+          borderColor: _colors["default"].gray450
+        };
+      }
+
+    case _theme["default"].transparent:
+    case _theme["default"].index:
+    case _theme["default"].normal:
+    default:
+      {
+        return {
+          borderColor: _colors["default"].gray250
+        };
+      }
+  }
+}
+
+function selectSloganTheme(theme) {
+  switch (theme) {
+    case _theme["default"].photography:
+      {
+        return _color.colorSupportive.main;
+      }
+
+    case _theme["default"].transparent:
+      {
+        return _color.colorGrayscale.white;
+      }
+
+    case _theme["default"].index:
+    case _theme["default"].normal:
+    default:
+      {
+        return _color.colorGrayscale.gray900;
+      }
+  }
+}
+/*
+ * 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 = {
+  selectLogoType: selectLogoType,
+  selectServiceIcons: selectServiceIcons,
+  selectHamburgerServiceIcons: selectHamburgerServiceIcons,
+  selectIcons: selectIcons,
+  selectHeaderTheme: selectHeaderTheme,
+  selectChannelTheme: selectChannelTheme,
+  selectActionButtonTheme: selectActionButtonTheme,
+  selectSloganTheme: selectSloganTheme,
+  selectChannelHBTheme: selectChannelHBTheme,
+  selectActionButtonHBTheme: selectActionButtonHBTheme,
+  selectSloganHBTheme: selectSloganHBTheme,
+  selectHamburgerMenuTheme: selectHamburgerMenuTheme,
+  selectHamburgerServiceTheme: selectHamburgerServiceTheme
+};
+exports["default"] = _default;