@twreporter/index-page 2.0.2 → 2.0.3-rc.1

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.0.3-rc.1](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/index-page@2.0.3-rc.0...@twreporter/index-page@2.0.3-rc.1) (2024-06-18)
+
+**Note:** Version bump only for package @twreporter/index-page
+
+
+
+
+
+## [2.0.3-rc.0](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/index-page@2.0.2...@twreporter/index-page@2.0.3-rc.0) (2024-06-18)
+
+**Note:** Version bump only for package @twreporter/index-page
+
+
+
+
+
 ## [2.0.2](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/index-page@2.0.2-rc.0...@twreporter/index-page@2.0.2) (2024-06-04)
 
 **Note:** Version bump only for package @twreporter/index-page

package/lib/components/animations/scroll-fadein.js

@@ -1,75 +1,50 @@
 "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 _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactWaypoint = require("react-waypoint");
-
 var _reactTransitionGroup = require("react-transition-group");
-
 var _this = void 0;
-
-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 _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 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); }
 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 ScrollFadein = function ScrollFadein(_ref) {
   var children = _ref.children;
-
   var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      transitionIn = _useState2[0],
-      setTransitionIn = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    transitionIn = _useState2[0],
+    setTransitionIn = _useState2[1];
   var _useState3 = (0, _react.useState)(true),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isInit = _useState4[0],
-      setIsInit = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    isInit = _useState4[0],
+    setIsInit = _useState4[1];
   var nodeRef = (0, _react.useRef)(null);
-
   var startAnimation = function startAnimation() {
     return setTransitionIn(true);
   };
-
   var onAnimationFinish = function onAnimationFinish() {
     if (!isInit && typeof _this.module.srcToSrcset === 'function') {
       _this.module.srcToSrcset();
-
       return;
     }
-
     setIsInit(false);
   };
-
   var timeout = 680;
   var defaultStyle = {
     transition: "padding ".concat(timeout, "ms ease-in-out")
@@ -109,9 +84,7 @@ var ScrollFadein = function ScrollFadein(_ref) {
     }, children);
   })));
 };
-
 ScrollFadein.propTypes = {
   children: _propTypes["default"].element.isRequired
 };
-var _default = ScrollFadein;
-exports["default"] = _default;
+var _default = exports["default"] = ScrollFadein;

package/lib/components/animations/section-animation-wrapper.js

@@ -1,44 +1,28 @@
 "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 _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactWaypoint = require("react-waypoint");
-
 var _reactTransitionGroup = require("react-transition-group");
-
-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 _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 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); }
 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; }
-
 /**
  * SectionAnimationWrapper is a High Order Component,
  * which wraps a scroll animation and change the img
@@ -50,31 +34,25 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var SectionAnimationWrapper = function SectionAnimationWrapper(WrappedComponent) {
   var Wrapper = function Wrapper(_ref) {
     var _ref$data = _ref.data,
-        data = _ref$data === void 0 ? [] : _ref$data,
-        moreURI = _ref.moreURI;
-
+      data = _ref$data === void 0 ? [] : _ref$data,
+      moreURI = _ref.moreURI;
     var _useState = (0, _react.useState)(false),
-        _useState2 = _slicedToArray(_useState, 2),
-        toAnimateScroll = _useState2[0],
-        setToAnimateScroll = _useState2[1];
-
+      _useState2 = _slicedToArray(_useState, 2),
+      toAnimateScroll = _useState2[0],
+      setToAnimateScroll = _useState2[1];
     var _useState3 = (0, _react.useState)(false),
-        _useState4 = _slicedToArray(_useState3, 2),
-        isScrollAnimated = _useState4[0],
-        setIsScrollAnimated = _useState4[1];
-
+      _useState4 = _slicedToArray(_useState3, 2),
+      isScrollAnimated = _useState4[0],
+      setIsScrollAnimated = _useState4[1];
     var nodeRef = (0, _react.useRef)(null);
-
     var startScrollAnimation = function startScrollAnimation() {
       return setToAnimateScroll(true);
     };
-
     var onScrollAnimationFinish = function onScrollAnimationFinish() {
       if (toAnimateScroll) {
         setIsScrollAnimated(true);
       }
     };
-
     var timeout = 500;
     var defaultStyle = {
       transition: "padding ".concat(timeout, "ms ease-in-out")
@@ -114,13 +92,10 @@ var SectionAnimationWrapper = function SectionAnimationWrapper(WrappedComponent)
       }));
     })));
   };
-
   Wrapper.propTypes = {
     data: _propTypes["default"].oneOfType([_propTypes["default"].object, _propTypes["default"].array]),
     moreURI: _propTypes["default"].string
   };
   return Wrapper;
 };
-
-var _default = SectionAnimationWrapper;
-exports["default"] = _default;
+var _default = exports["default"] = SectionAnimationWrapper;

package/lib/components/category-section.js

@@ -1,74 +1,47 @@
 "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 _post = _interopRequireDefault(require("./prop-types/post"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _sectionAnimationWrapper = _interopRequireDefault(require("./animations/section-animation-wrapper"));
-
 var _styleUtils = require("../utils/style-utils");
-
 var _getHref = require("../utils/getHref");
-
 var _bottomLink = _interopRequireDefault(require("./common-utils/bottom-link"));
-
 var _section = _interopRequireDefault(require("./common-utils/section"));
-
 var _sectionName = _interopRequireDefault(require("./common-utils/section-name"));
-
 var _twreporterLink = _interopRequireDefault(require("./common-utils/twreporter-link"));
-
 var _imgWrapper = _interopRequireDefault(require("./common-utils/img-wrapper"));
-
 var _mobileSwiperList = _interopRequireDefault(require("./mobile-swiper-list"));
-
 var _sectionStrings = _interopRequireDefault(require("../constants/section-strings"));
-
 var _font = require("@twreporter/core/lib/constants/font");
-
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
-
 var _color = require("@twreporter/core/lib/constants/color");
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
-
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10; // utils
+// components
+// constants
+// @twreporter
+// lodash
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
+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); }
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 var _ = {
   get: _get["default"]
 };
@@ -88,76 +61,59 @@ var mockup = {
     }
   }
 };
-
 var Container = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "category-section__Container",
   componentId: "sc-1vfzdxm-0"
 })(["background-color:", ";"], backgroundColor);
-
 var SectionWrapper = /*#__PURE__*/(0, _styledComponents["default"])(_section["default"]).withConfig({
   displayName: "category-section__SectionWrapper",
   componentId: "sc-1vfzdxm-1"
 })(["background-color:initial;padding-bottom:10px;"]);
-
 var FlexBox = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "category-section__FlexBox",
   componentId: "sc-1vfzdxm-2"
 })(["display:flex;flex-wrap:wrap;padding:0 47px;justify-content:center;", " ", ""], _mediaQuery["default"].tabletOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: 0 34px;\n  "]))), _mediaQuery["default"].mobileOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: none;\n  "]))));
-
 var FlexItem = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "category-section__FlexItem",
   componentId: "sc-1vfzdxm-3"
 })(["background-color:", ";position:relative;margin-bottom:70px;padding-bottom:20px;width:312px;margin-right:32.6px;&:nth-child(4n){margin-right:0px;}", " ", " ", ""], _color.colorGrayscale.white, _mediaQuery["default"].desktopOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    width: 210px;\n    margin-right: 30px;\n    &:nth-child(4n) {\n      margin-right: 0px;\n    }\n  "]))), _mediaQuery["default"].tabletOnly(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    width: 160px;\n    margin-right: 20px;\n    &:nth-child(4n) {\n      margin-right: 0px;\n    }\n  "]))), _mediaQuery["default"].mobileOnly(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    width: 100%;\n    height: 100%;\n    margin-bottom: 20px;\n    padding-bottom: 0px;\n  "]))));
-
 var ImgFrame = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "category-section__ImgFrame",
   componentId: "sc-1vfzdxm-4"
 })(["height:202px;", " ", " ", ""], _mediaQuery["default"].desktopOnly(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    height: 138px;\n  "]))), _mediaQuery["default"].tabletOnly(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    height: 138px;\n  "]))), _mediaQuery["default"].mobileOnly(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    height: 186px;\n  "]))));
-
 var CategoryName = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "category-section__CategoryName",
   componentId: "sc-1vfzdxm-5"
 })(["background-color:", ";width:100%;color:", ";font-weight:", ";line-height:1.4;text-align:center;font-size:20px;padding-bottom:8px;"], backgroundColor, _color.colorGrayscale.gray800, _font.fontWeight.bold);
-
 var TextFrame = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "category-section__TextFrame",
   componentId: "sc-1vfzdxm-6"
 })(["background:white;padding:16px 0 20px 0;min-height:94px;"]);
-
 var Title = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "category-section__Title",
   componentId: "sc-1vfzdxm-7"
 })(["font-family:", ";font-weight:", ";font-size:20px;color:", ";line-height:1.4;width:92%;margin:0 auto;", ""], _font.fontFamily.title, _font.fontWeight.bold, _color.colorGrayscale.gray800, _mediaQuery["default"].mobileOnly(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    width: ", "%;\n  "])), mockup.mobile.titleWidth / mockup.mobile.titleFrameWidth * 100));
-
 var More = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "category-section__More",
   componentId: "sc-1vfzdxm-8"
 })(["position:absolute;left:50%;bottom:-16px;padding-top:16px;transform:translateX(-50%);text-align:center;width:101%;background-color:", ";", ""], backgroundColor, _mediaQuery["default"].mobileOnly(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    position: relative;\n  "]))));
-
 var Category = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(Category, _React$PureComponent);
-
   var _super = _createSuper(Category);
-
   function Category() {
     _classCallCheck(this, Category);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(Category, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          data = _this$props.data,
-          useTinyImg = _this$props.useTinyImg;
+        data = _this$props.data,
+        useTinyImg = _this$props.useTinyImg;
       var items = data.map(function (item, index) {
         var isExternal = _.get(item, 'is_external', false);
-
         var href = (0, _getHref.getHref)(_.get(item, 'slug', 'error'), isExternal);
-
         var imgObj = _.get(item, 'hero_image') || _.get(item, 'og_image');
-
         var key = "".concat(index, "-").concat(_.get(item, 'id'));
         return /*#__PURE__*/_react["default"].createElement(FlexItem, {
           key: key
@@ -177,10 +133,8 @@ var Category = /*#__PURE__*/function (_React$PureComponent) {
       return /*#__PURE__*/_react["default"].createElement(Container, null, /*#__PURE__*/_react["default"].createElement(SectionWrapper, null, /*#__PURE__*/_react["default"].createElement(_sectionName["default"], null, /*#__PURE__*/_react["default"].createElement("span", null, _sectionStrings["default"].category)), /*#__PURE__*/_react["default"].createElement(FlexBox, null, items), /*#__PURE__*/_react["default"].createElement(_mobileSwiperList["default"], null, items)));
     }
   }]);
-
   return Category;
 }(_react["default"].PureComponent);
-
 Category.defaultProps = {
   data: [],
   useTinyImg: false
@@ -192,7 +146,4 @@ Category.propTypes = {
   })),
   useTinyImg: _propTypes["default"].bool
 };
-
-var _default = (0, _sectionAnimationWrapper["default"])(Category);
-
-exports["default"] = _default;
+var _default = exports["default"] = (0, _sectionAnimationWrapper["default"])(Category);

package/lib/components/common-utils/bottom-link.js

@@ -4,20 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.Wrapper = exports.TextSpan = exports.StyledA = exports.LinkIcon = exports.DarkBgIcon = void 0;
-
 var _reactRouterDom = require("react-router-dom");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _color = require("@twreporter/core/lib/constants/color");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var DarkBgIcon = function DarkBgIcon(props) {
+var DarkBgIcon = exports.DarkBgIcon = function DarkBgIcon(props) {
   return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("title", null, "HYPERLINK Dark BG"), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M.97.01l4.936 4.983L.977 10.01",
     stroke: "#c09662",
@@ -28,16 +21,13 @@ var DarkBgIcon = function DarkBgIcon(props) {
     strokeLinejoin: "round"
   }));
 };
-
-exports.DarkBgIcon = DarkBgIcon;
 DarkBgIcon.defaultProps = {
   width: "7",
   height: "11",
   viewBox: "0 0 7 11",
   xmlns: "http://www.w3.org/2000/svg"
 };
-
-var LinkIcon = function LinkIcon(props) {
+var LinkIcon = exports.LinkIcon = function LinkIcon(props) {
   return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
     d: "M1.032 1l4.937 4.983L1.039 11",
     fill: "none",
@@ -45,8 +35,6 @@ var LinkIcon = function LinkIcon(props) {
     strokeDasharray: "20,20"
   }));
 };
-
-exports.LinkIcon = LinkIcon;
 LinkIcon.defaultProps = {
   viewBox: "0 0 7 12",
   xmlns: "http://www.w3.org/2000/svg",
@@ -55,22 +43,15 @@ LinkIcon.defaultProps = {
   strokeLinecap: "round",
   strokeLinejoin: "round"
 };
-
-var TextSpan = /*#__PURE__*/_styledComponents["default"].span.withConfig({
+var TextSpan = exports.TextSpan = /*#__PURE__*/_styledComponents["default"].span.withConfig({
   displayName: "bottom-link__TextSpan",
   componentId: "r5njx2-0"
 })([""]);
-
-exports.TextSpan = TextSpan;
-
-var StyledA = /*#__PURE__*/_styledComponents["default"].a.withConfig({
+var StyledA = exports.StyledA = /*#__PURE__*/_styledComponents["default"].a.withConfig({
   displayName: "bottom-link__StyledA",
   componentId: "r5njx2-1"
 })(["text-decoration:none;"]);
-
-exports.StyledA = StyledA;
-
-var Wrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "bottom-link__Wrapper",
   componentId: "r5njx2-2"
 })(["font-size:14px;color:", ";cursor:pointer;display:inline-block;> span{padding-right:7px;}svg{width:7px;margin-bottom:-1px;margin-left:7px;transition:0.3s all ease-out;}&:hover{> svg{transform:translateX(5px);}}", "{color:", ";}", "{&:visited{color:", ";}}"], function (props) {
@@ -80,15 +61,12 @@ var Wrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 }, StyledA, function (props) {
   return props.$isDarkBg ? _color.colorSupportive.main : _color.colorSupportive.heavy;
 });
-
-exports.Wrapper = Wrapper;
-
 var BottomLink = function BottomLink(props) {
   var path = props.path,
-      isDarkBg = props.isDarkBg,
-      text = props.text,
-      target = props.target,
-      redirect = props.redirect;
+    isDarkBg = props.isDarkBg,
+    text = props.text,
+    target = props.target,
+    redirect = props.redirect;
   return /*#__PURE__*/_react["default"].createElement(Wrapper, {
     $isDarkBg: isDarkBg
   }, redirect ? /*#__PURE__*/_react["default"].createElement(StyledA, {
@@ -99,7 +77,6 @@ var BottomLink = function BottomLink(props) {
     to: "/".concat(path)
   }, /*#__PURE__*/_react["default"].createElement(TextSpan, null, text)), isDarkBg ? /*#__PURE__*/_react["default"].createElement(DarkBgIcon, null) : /*#__PURE__*/_react["default"].createElement(LinkIcon, null));
 };
-
 BottomLink.propTypes = {
   isDarkBg: _propTypes["default"].bool,
   text: _propTypes["default"].string.isRequired,
@@ -113,5 +90,4 @@ BottomLink.defaultProps = {
   target: '',
   redirect: false
 };
-var _default = BottomLink;
-exports["default"] = _default;
+var _default = exports["default"] = BottomLink;

package/lib/components/common-utils/category-name.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _color = require("@twreporter/core/lib/constants/color");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var CategoryName = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "category-name__CategoryName",
   componentId: "a6uqyy-0"
 })(["color:", ";font-size:12px;"], _color.colorBrand.heavy);
-
-var _default = CategoryName;
-exports["default"] = _default;
+var _default = exports["default"] = CategoryName;

package/lib/components/common-utils/hover-effect.js

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _styleUtils = require("../../utils/style-utils");
-
 var _color = require("@twreporter/core/lib/constants/color");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var HoverEffect = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "hover-effect__HoverEffect",
   componentId: "e7izmf-0"
 })(["cursor:pointer;text-decoration:none;color:", ";@media (min-width:", "){&:hover{opacity:0.7;}transition:200ms opacity linear;}"], _color.colorGrayscale.gray800, _styleUtils.breakPoints.tabletMinWidth);
-
-var _default = HoverEffect;
-exports["default"] = _default;
+var _default = exports["default"] = HoverEffect;