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

package/lib/footer/index.js

@@ -4,88 +4,61 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
-
 var _propTypes = _interopRequireDefault(require("@twreporter/core/lib/constants/prop-types"));
-
 var _releaseBranch = _interopRequireDefault(require("@twreporter/core/lib/constants/release-branch"));
-
 var _fundraising = _interopRequireDefault(require("@twreporter/core/lib/constants/fundraising"));
-
 var _color = require("@twreporter/core/lib/constants/color");
-
 var _requestOrigins = _interopRequireDefault(require("@twreporter/core/lib/constants/request-origins"));
-
 var _button = require("../button");
-
 var _divider = _interopRequireDefault(require("../divider"));
-
 var _paragraph = require("../text/paragraph");
-
 var _rwd = require("../rwd");
-
 var _customizedLink = _interopRequireDefault(require("../customized-link"));
-
 var _link = require("./link");
-
 var _logo = _interopRequireDefault(require("./logo"));
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
-
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10; // @twreporter
+// components
 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 FooterContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "footer__FooterContainer",
   componentId: "d1uef9-0"
 })(["width:100%;background-color:", ";"], _color.colorGrayscale.white);
-
 var FooterSection = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "footer__FooterSection",
   componentId: "d1uef9-1"
 })(["display:flex;flex-direction:column;margin:auto;", " ", ""], _mediaQuery["default"].desktopAndAbove(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    max-width: 1200px;\n    padding: 48px;\n  "]))), _mediaQuery["default"].tabletAndBelow(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    flex-direction: column;\n    justify-content: center;\n    max-width: 400px;\n    padding: 48px 24px 96px;\n  "]))));
-
 var UpperContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "footer__UpperContainer",
   componentId: "d1uef9-2"
 })(["width:100%;display:flex;flex-direction:row;justify-content:space-between;", ""], _mediaQuery["default"].tabletAndBelow(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    flex-direction: column;\n    justify-content: center;\n  "]))));
-
 var InformationContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "footer__InformationContainer",
   componentId: "d1uef9-3"
 })(["display:flex;flex-direction:column;justify-content:space-between;a{text-decoration:none;}", " ", " .button{width:280px;justify-content:center;}"], _mediaQuery["default"].desktopAndAbove(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    max-width: 320px;\n  "]))), _mediaQuery["default"].tabletAndBelow(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    gap: 32px;\n    width: 100%;\n    margin-bottom: 48px;\n    align-items: center;\n    text-align: center;\n  "]))));
-
 var LogoAndDescription = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "footer__LogoAndDescription",
   componentId: "d1uef9-4"
 })(["width:100%;display:flex;flex-direction:column;gap:24px;", ""], _mediaQuery["default"].tabletAndBelow(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    align-items: center;\n    gap: 16px;\n  "]))));
-
 var LinksContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "footer__LinksContainer",
   componentId: "d1uef9-5"
 })(["display:flex;gap:24px;", ""], _mediaQuery["default"].tabletAndBelow(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    margin-bottom: 16px;\n    gap: 16px;\n  "]))));
-
 var Divider = /*#__PURE__*/(0, _styledComponents["default"])(_divider["default"]).withConfig({
   displayName: "footer__Divider",
   componentId: "d1uef9-6"
 })(["width:100%;margin-top:24px;margin-bottom:24px;"]);
-
 var BottomContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "footer__BottomContainer",
   componentId: "d1uef9-7"
 })(["display:flex;justify-content:space-between;", ""], _mediaQuery["default"].tabletAndBelow(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    flex-direction: column-reverse;\n    gap: 24px;\n    align-items: center;\n    text-align: center;\n  "]))));
-
 var InfoContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "footer__InfoContainer",
   componentId: "d1uef9-8"
 })(["display:flex;", ""], _mediaQuery["default"].tabletAndBelow(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    flex-direction: column;\n    align-items: center;\n  "]))));
-
 var DescWithLink = /*#__PURE__*/(0, _styledComponents["default"])(_paragraph.P3).withConfig({
   displayName: "footer__DescWithLink",
   componentId: "d1uef9-9"
@@ -94,12 +67,10 @@ var InfoLinkItem = /*#__PURE__*/(0, _styledComponents["default"])(_button.Inheri
   displayName: "footer__InfoLinkItem",
   componentId: "d1uef9-10"
 })(["&,&:visited{color:inherit !important;}"]);
-
 var IconList = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "footer__IconList",
   componentId: "d1uef9-11"
 })(["display:flex;gap:16px;"]);
-
 var P2Gray600 = /*#__PURE__*/(0, _styledComponents["default"])(_paragraph.P2).withConfig({
   displayName: "footer__P2Gray600",
   componentId: "d1uef9-12"
@@ -108,15 +79,13 @@ var P3Gray600 = /*#__PURE__*/(0, _styledComponents["default"])(_paragraph.P3).wi
   displayName: "footer__P3Gray600",
   componentId: "d1uef9-13"
 })(["color:", ";"], _color.colorGrayscale.gray600);
-
 var DesktopAndAboveWithFlex = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "footer__DesktopAndAboveWithFlex",
   componentId: "d1uef9-14"
 })(["display:flex;", ""], _mediaQuery["default"].tabletAndBelow(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    display: none;\n  "]))));
-
 var InfoLink = function InfoLink(_ref) {
   var _ref$releaseBranch = _ref.releaseBranch,
-      releaseBranch = _ref$releaseBranch === void 0 ? _releaseBranch["default"].release : _ref$releaseBranch;
+    releaseBranch = _ref$releaseBranch === void 0 ? _releaseBranch["default"].release : _ref$releaseBranch;
   var mainOrigin = _requestOrigins["default"].forClientSideRendering[releaseBranch].main;
   return /*#__PURE__*/_react["default"].createElement(DescWithLink, null, /*#__PURE__*/_react["default"].createElement(InfoLinkItem, {
     text: "\u8A31\u53EF\u5354\u8B70",
@@ -144,14 +113,12 @@ var InfoLink = function InfoLink(_ref) {
     type: _button.InheritLinkButton.Type.UNDERLINE
   }));
 };
-
 InfoLink.propTypes = {
   releaseBranch: _propTypes["default"].releaseBranch
 };
-
 var Footer = function Footer(_ref2) {
   var _ref2$releaseBranch = _ref2.releaseBranch,
-      releaseBranch = _ref2$releaseBranch === void 0 ? _releaseBranch["default"].release : _ref2$releaseBranch;
+    releaseBranch = _ref2$releaseBranch === void 0 ? _releaseBranch["default"].release : _ref2$releaseBranch;
   return /*#__PURE__*/_react["default"].createElement(FooterContainer, null, /*#__PURE__*/_react["default"].createElement(FooterSection, null, /*#__PURE__*/_react["default"].createElement(UpperContainer, null, /*#__PURE__*/_react["default"].createElement(InformationContainer, null, /*#__PURE__*/_react["default"].createElement(LogoAndDescription, null, /*#__PURE__*/_react["default"].createElement(_logo["default"], {
     releaseBranch: releaseBranch
   }), /*#__PURE__*/_react["default"].createElement(P2Gray600, {
@@ -182,9 +149,7 @@ var Footer = function Footer(_ref2) {
     releaseBranch: releaseBranch
   })))));
 };
-
 Footer.propTypes = {
   releaseBranch: _propTypes["default"].releaseBranch
 };
-var _default = Footer;
-exports["default"] = _default;
+var _default = exports["default"] = Footer;

package/lib/footer/link.js

@@ -4,52 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FooterSocialMediaIcons = exports.FooterLinkButtonGroups = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _propTypes2 = _interopRequireDefault(require("@twreporter/core/lib/constants/prop-types"));
-
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
-
 var _color = require("@twreporter/core/lib/constants/color");
-
 var _requestOrigins = _interopRequireDefault(require("@twreporter/core/lib/constants/request-origins"));
-
 var _releaseBranch = _interopRequireDefault(require("@twreporter/core/lib/constants/release-branch"));
-
 var _icon = require("../icon");
-
 var _button = require("../button");
-
 var _paragraph = require("../text/paragraph");
-
 var _customizedLink = _interopRequireDefault(require("../customized-link"));
-
 var _links = require("./constants/links");
-
 var _map = _interopRequireDefault(require("lodash/map"));
-
-var _templateObject;
-
+var _templateObject; // @twreporters
+// constants
+// lodash
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 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 LinkColumn = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "link__LinkColumn",
   componentId: "sc-7lr0di-0"
 })(["display:flex;flex-direction:column;gap:16px;width:120px;", ""], _mediaQuery["default"].tabletAndBelow(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    flex-grow: 1;\n    flex-basis: 33%;\n    word-wrap: break-word;\n    max-width: 33%;\n    gap: 8px;\n  "]))));
-
 var LinkContainer = /*#__PURE__*/(0, _styledComponents["default"])(_customizedLink["default"]).withConfig({
   displayName: "link__LinkContainer",
   componentId: "sc-7lr0di-1"
@@ -58,13 +39,12 @@ var LinkItem = /*#__PURE__*/(0, _styledComponents["default"])(_paragraph.P2).wit
   displayName: "link__LinkItem",
   componentId: "sc-7lr0di-2"
 })(["color:", ";&:hover{color:", ";}"], _color.colorGrayscale.gray600, _color.colorGrayscale.gray800);
-
 var FooterLinkButton = function FooterLinkButton(_ref) {
   var slug = _ref.slug,
-      text = _ref.text,
-      to = _ref.to,
-      target = _ref.target,
-      id = _ref.id;
+    text = _ref.text,
+    to = _ref.to,
+    target = _ref.target,
+    id = _ref.id;
   return /*#__PURE__*/_react["default"].createElement(LinkContainer, {
     slug: slug,
     to: to,
@@ -74,7 +54,6 @@ var FooterLinkButton = function FooterLinkButton(_ref) {
     text: text
   }));
 };
-
 FooterLinkButton.propTypes = {
   slug: _propTypes["default"].string,
   text: _propTypes["default"].string,
@@ -82,19 +61,16 @@ FooterLinkButton.propTypes = {
   target: _propTypes["default"].oneOf(['_blank', '_self']),
   id: _propTypes["default"].string
 };
-
 var FooterSocialMediaIcon = function FooterSocialMediaIcon(_ref2) {
   var releaseBranch = _ref2.releaseBranch,
-      slug = _ref2.slug,
-      icon = _ref2.icon,
-      to = _ref2.to,
-      target = _ref2.target;
-
+    slug = _ref2.slug,
+    icon = _ref2.icon,
+    to = _ref2.to,
+    target = _ref2.target;
   var Icon = /*#__PURE__*/_react["default"].createElement(_icon.SocialMedia, {
     mediaType: icon,
     releaseBranch: releaseBranch
   });
-
   return /*#__PURE__*/_react["default"].createElement(LinkContainer, {
     slug: slug,
     to: to,
@@ -103,7 +79,6 @@ var FooterSocialMediaIcon = function FooterSocialMediaIcon(_ref2) {
     iconComponent: Icon
   }));
 };
-
 FooterSocialMediaIcon.propTypes = {
   releaseBranch: _propTypes2["default"].releaseBranch,
   slug: _propTypes["default"].string,
@@ -111,10 +86,9 @@ FooterSocialMediaIcon.propTypes = {
   to: _propTypes["default"].string,
   target: _propTypes["default"].oneOf(['_blank', '_self'])
 };
-
-var FooterLinkButtonGroups = function FooterLinkButtonGroups(_ref3) {
+var FooterLinkButtonGroups = exports.FooterLinkButtonGroups = function FooterLinkButtonGroups(_ref3) {
   var _ref3$releaseBranch = _ref3.releaseBranch,
-      releaseBranch = _ref3$releaseBranch === void 0 ? _releaseBranch["default"].release : _ref3$releaseBranch;
+    releaseBranch = _ref3$releaseBranch === void 0 ? _releaseBranch["default"].release : _ref3$releaseBranch;
   var mainOrigin = _requestOrigins["default"].forClientSideRendering[releaseBranch].main;
   var linksGroups = (0, _links.getLinksGroups)(mainOrigin);
   return _.map(linksGroups, function (links, indexofGroup) {
@@ -127,15 +101,12 @@ var FooterLinkButtonGroups = function FooterLinkButtonGroups(_ref3) {
     }));
   });
 };
-
-exports.FooterLinkButtonGroups = FooterLinkButtonGroups;
 FooterLinkButtonGroups.propTypes = {
   releaseBranch: _propTypes2["default"].releaseBranch
 };
-
-var FooterSocialMediaIcons = function FooterSocialMediaIcons(_ref4) {
+var FooterSocialMediaIcons = exports.FooterSocialMediaIcons = function FooterSocialMediaIcons(_ref4) {
   var _ref4$releaseBranch = _ref4.releaseBranch,
-      releaseBranch = _ref4$releaseBranch === void 0 ? _releaseBranch["default"].release : _ref4$releaseBranch;
+    releaseBranch = _ref4$releaseBranch === void 0 ? _releaseBranch["default"].release : _ref4$releaseBranch;
   var icons = (0, _links.getSocialMediaLinks)();
   return _.map(icons, function (icon, index) {
     return /*#__PURE__*/_react["default"].createElement(FooterSocialMediaIcon, _extends({
@@ -144,8 +115,6 @@ var FooterSocialMediaIcons = function FooterSocialMediaIcons(_ref4) {
     }, icon));
   });
 };
-
-exports.FooterSocialMediaIcons = FooterSocialMediaIcons;
 FooterSocialMediaIcons.propTypes = {
   releaseBranch: _propTypes2["default"].releaseBranch
 };

package/lib/footer/logo.js

@@ -1,52 +1,34 @@
 "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); }
-
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _logo = require("../logo");
-
 var _propTypes = _interopRequireDefault(require("@twreporter/core/lib/constants/prop-types"));
-
 var _releaseBranch = _interopRequireDefault(require("@twreporter/core/lib/constants/release-branch"));
-
 var _requestOrigins = _interopRequireDefault(require("@twreporter/core/lib/constants/request-origins"));
-
 var _customizedLink = _interopRequireDefault(require("../customized-link"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 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; }
-
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } // components
+// @twreporter
 var Logo = function Logo(_ref) {
   var _ref$releaseBranch = _ref.releaseBranch,
-      releaseBranch = _ref$releaseBranch === void 0 ? _releaseBranch["default"].release : _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];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    over = _useState2[0],
+    setOver = _useState2[1];
   return /*#__PURE__*/_react["default"].createElement(_customizedLink["default"], {
     to: mainOrigin,
     onMouseOver: function onMouseOver() {
@@ -60,9 +42,7 @@ var Logo = function Logo(_ref) {
     type: over ? _logo.LogoFooter.Type.DEFAULT : _logo.LogoFooter.Type.WHITE
   }));
 };
-
 Logo.propTypes = {
   releaseBranch: _propTypes["default"].releaseBranch
 };
-var _default = Logo;
-exports["default"] = _default;
+var _default = exports["default"] = Logo;

package/lib/hook/index.js

@@ -22,27 +22,12 @@ Object.defineProperty(exports, "useOutsideClick", {
     return _useOutsideClick["default"];
   }
 });
-Object.defineProperty(exports, "useStore", {
-  enumerable: true,
-  get: function get() {
-    return _useStore["default"];
-  }
-});
-
 var _useOutsideClick = _interopRequireDefault(require("./use-outside-click"));
-
 var _useFontFaceObserver = _interopRequireDefault(require("./use-font-face-observer"));
-
 var _useBookmark = _interopRequireDefault(require("./use-bookmark"));
-
-var _useStore = _interopRequireDefault(require("./use-store"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = {
+var _default = exports["default"] = {
   useOutsideClick: _useOutsideClick["default"],
   useFontFaceObserver: _useFontFaceObserver["default"],
-  useBookmark: _useBookmark["default"],
-  useStore: _useStore["default"]
-};
-exports["default"] = _default;
+  useBookmark: _useBookmark["default"]
+};

package/lib/hook/use-bookmark.js

@@ -4,43 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
+var _reactRedux = require("react-redux");
 var _redux = _interopRequireDefault(require("@twreporter/redux"));
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-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; }
-
-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; }
-
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } // @twreporters
+// lodash
 var _ = {
   get: _get["default"]
 };
-
 function getHostFromWindowLocation() {
   var defaultHost = 'https://www.twreporter.org';
-
   try {
     var _window$location = window.location,
-        host = _window$location.host,
-        protocol = _window$location.protocol;
-
+      host = _window$location.host,
+      protocol = _window$location.protocol;
     if (host && protocol) {
       return "".concat(protocol, "//").concat(host);
     } else {
@@ -51,13 +34,11 @@ function getHostFromWindowLocation() {
     console.warn('Error on getting `host` and `protocol` from `window.location`:', err);
   }
 }
-
 var _twreporterRedux$acti = _redux["default"].actions,
-    createSingleBookmark = _twreporterRedux$acti.createSingleBookmark,
-    deleteSingleBookmark = _twreporterRedux$acti.deleteSingleBookmark;
+  createSingleBookmark = _twreporterRedux$acti.createSingleBookmark,
+  deleteSingleBookmark = _twreporterRedux$acti.deleteSingleBookmark;
 /**
  * hook for create or delete bookmark
- * @param {Array.<{state: object, dispatch: Function}>} store
  * @param {object} bookmark
  * @param {string} bookmark.slug
  * @param {boolean} bookmark.is_external
@@ -66,24 +47,20 @@ var _twreporterRedux$acti = _redux["default"].actions,
  * @param {string} bookmark.thumbnail
  * @param {string} bookmark.published_date
  */
-
-var useBookmark = function useBookmark(store) {
-  var _store = _slicedToArray(store, 2),
-      state = _store[0],
-      dispatch = _store[1];
-
-  var jwt = _.get(state, 'auth.accessToken');
-
-  var userID = _.get(state, 'auth.userInfo.user_id');
-
+var useBookmark = function useBookmark() {
+  var dispatch = (0, _reactRedux.useDispatch)();
+  var jwt = (0, _reactRedux.useSelector)(function (state) {
+    return _.get(state, 'auth.accessToken');
+  });
+  var userID = (0, _reactRedux.useSelector)(function (state) {
+    return _.get(state, 'auth.userInfo.user_id');
+  });
   var addCurrentPageToBookmarks = function addCurrentPageToBookmarks(bookmark) {
     var bookmarkToBeCreated = _objectSpread(_objectSpread({}, bookmark), {}, {
       host: getHostFromWindowLocation()
     });
-
     return dispatch(createSingleBookmark(jwt, userID, bookmarkToBeCreated));
   };
-
   var removeCurrentPageFromBookmarks = function removeCurrentPageFromBookmarks(bookmarkID) {
     if (bookmarkID) {
       return dispatch(deleteSingleBookmark(jwt, userID, bookmarkID));
@@ -91,12 +68,9 @@ var useBookmark = function useBookmark(store) {
       throw new Error('Error on deleting bookmark: No valid bookmark id.');
     }
   };
-
   return {
     addAction: addCurrentPageToBookmarks,
     removeAction: removeCurrentPageFromBookmarks
   };
 };
-
-var _default = useBookmark;
-exports["default"] = _default;
+var _default = exports["default"] = useBookmark;

package/lib/hook/use-font-face-observer.js

@@ -4,41 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = require("react");
-
 var _fontfaceobserverEs = _interopRequireDefault(require("fontfaceobserver-es"));
-
 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 _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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 var useFontFaceObserver = function useFontFaceObserver() {
   var fontFaces = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var callback = arguments.length > 1 ? arguments[1] : undefined;
-
   var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isResolved = _useState2[0],
-      setIsResolved = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isResolved = _useState2[0],
+    setIsResolved = _useState2[1];
   var fontFacesString = JSON.stringify(fontFaces);
   (0, _react.useEffect)(function () {
     var promises = JSON.parse(fontFacesString).map(function (_ref) {
       var family = _ref.family,
-          weight = _ref.weight,
-          style = _ref.style,
-          stretch = _ref.stretch;
+        weight = _ref.weight,
+        style = _ref.style,
+        stretch = _ref.stretch;
       return new _fontfaceobserverEs["default"](family, {
         weight: weight,
         style: style,
@@ -49,7 +37,6 @@ var useFontFaceObserver = function useFontFaceObserver() {
       if (typeof callback !== 'function') {
         return;
       }
-
       callback();
       return setIsResolved(true);
     })["catch"](function (e) {
@@ -60,6 +47,4 @@ var useFontFaceObserver = function useFontFaceObserver() {
   }, [fontFacesString, callback]);
   return isResolved;
 };
-
-var _default = useFontFaceObserver;
-exports["default"] = _default;
+var _default = exports["default"] = useFontFaceObserver;

package/lib/hook/use-outside-click.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = require("react");
-
 var useOutsideClick = function useOutsideClick(callback) {
   var ref = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
@@ -14,14 +12,13 @@ var useOutsideClick = function useOutsideClick(callback) {
       if (typeof callback !== 'function') {
         return;
       }
-
       if (ref.current && !ref.current.contains(event.target)) {
         callback(event);
       }
-    }; // to work with react synthetic events, we need to add event handler on window instead of document
-    // ref: https://dev.to/dvnrsn/why-isn-t-event-stoppropagation-working-1bnm
-
+    };
 
+    // to work with react synthetic events, we need to add event handler on window instead of document
+    // ref: https://dev.to/dvnrsn/why-isn-t-event-stoppropagation-working-1bnm
     window.addEventListener('click', handleClick);
     return function () {
       window.removeEventListener('click', handleClick);
@@ -29,6 +26,4 @@ var useOutsideClick = function useOutsideClick(callback) {
   }, [ref, callback]);
   return ref;
 };
-
-var _default = useOutsideClick;
-exports["default"] = _default;
+var _default = exports["default"] = useOutsideClick;