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

package/lib/components/common-utils/img-placeholder.js

@@ -4,37 +4,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var _ = {
   get: _get["default"]
 };
-
 var Img = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "img-placeholder__Img",
   componentId: "sc-89d4r1-0"
 })(["width:100%;height:100%;background-size:cover;background-image:", ";background-position:center center;"], function (props) {
   return "url(".concat(_.get(props, 'url'), ")");
 });
-
 var ImgPlaceholder = function ImgPlaceholder(_ref) {
   var src = _ref.src,
-      alt = _ref.alt;
+    alt = _ref.alt;
   return /*#__PURE__*/_react["default"].createElement(Img, {
     url: src,
     alt: alt
   });
 };
-
 ImgPlaceholder.defaultProps = {
   src: '',
   alt: ''
@@ -43,5 +34,4 @@ ImgPlaceholder.propTypes = {
   src: _propTypes["default"].string,
   alt: _propTypes["default"].string
 };
-var _default = ImgPlaceholder;
-exports["default"] = _default;
+var _default = exports["default"] = ImgPlaceholder;

package/lib/components/common-utils/img-wrapper.js

@@ -1,98 +1,69 @@
 "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 = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 var _storageUrlProcessor = require("@twreporter/core/lib/utils/storage-url-processor");
-
 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 _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } /* eslint camelcase: 0 */
 var _ = {
   get: _get["default"]
 };
-
 var ImgObjectFit = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "img-wrapper__ImgObjectFit",
   componentId: "pv7pm0-0"
 })(["width:100%;height:100%;> img{width:100%;height:100%;object-fit:cover;}"]);
-
 var ImgFallback = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "img-wrapper__ImgFallback",
   componentId: "pv7pm0-1"
 })(["width:100%;height:100%;background-size:cover;background-image:", ";background-position:center center;"], function (props) {
   return "url(".concat(_.get(props, 'url'), ")");
 });
+
 /**
  * @description Pick hero-image between 800px or 400px depends on the resolution.
  * @param {object} sources Get srcSet from hero_images of post
  * @return {string} Return the srcSet which will be srcSet of img element
  * * */
-
-
 var srcSetDependOnResolutions = function srcSetDependOnResolutions(sources) {
   var mobileInherentWidth = '800w';
   var w400InherentWidth = '400w';
-
   var mobile_url = _.get(sources, 'mobile.url', '');
-
   var w400_url = _.get(sources, 'w400.url', '');
-
   if (!w400_url) {
     return "".concat((0, _storageUrlProcessor.replaceGCSUrlOrigin)(mobile_url), " ").concat(mobileInherentWidth);
   }
-
   return "".concat((0, _storageUrlProcessor.replaceGCSUrlOrigin)(mobile_url), " ").concat(mobileInherentWidth, ", ").concat((0, _storageUrlProcessor.replaceGCSUrlOrigin)(w400_url), " ").concat(w400InherentWidth);
 };
-
 var ImgWrapper = /*#__PURE__*/function (_React$Component) {
   _inherits(ImgWrapper, _React$Component);
-
   var _super = _createSuper(ImgWrapper);
-
   function ImgWrapper(props) {
     var _this;
-
     _classCallCheck(this, ImgWrapper);
-
     _this = _super.call(this, props);
     _this.state = {
       isObjectFit: true
     };
     return _this;
   }
-
   _createClass(ImgWrapper, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -104,10 +75,10 @@ var ImgWrapper = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          src = _this$props.src,
-          alt = _this$props.alt,
-          srcSet = _this$props.srcSet,
-          sizes = _this$props.sizes;
+        src = _this$props.src,
+        alt = _this$props.alt,
+        srcSet = _this$props.srcSet,
+        sizes = _this$props.sizes;
       var isObjectFit = this.state.isObjectFit;
       return isObjectFit ? /*#__PURE__*/_react["default"].createElement(ImgObjectFit, null, /*#__PURE__*/_react["default"].createElement("img", {
         alt: alt,
@@ -122,10 +93,8 @@ var ImgWrapper = /*#__PURE__*/function (_React$Component) {
       }, this.props.children);
     }
   }]);
-
   return ImgWrapper;
 }(_react["default"].Component);
-
 ImgWrapper.defaultProps = {
   alt: '',
   children: null,
@@ -140,5 +109,4 @@ ImgWrapper.propTypes = {
   srcSet: _propTypes["default"].object,
   sizes: _propTypes["default"].string
 };
-var _default = ImgWrapper;
-exports["default"] = _default;
+var _default = exports["default"] = ImgWrapper;

package/lib/components/common-utils/section-content-wrapper.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _styleUtils = require("../../utils/style-utils");
-
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
-
 var _templateObject, _templateObject2, _templateObject3;
-
 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 ContentWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "section-content-wrapper__ContentWrapper",
   componentId: "shv972-0"
 })(["margin:0 auto;max-width:", ";", " ", " ", ""], _styleUtils.breakPoints.overDesktopMinWidth, _mediaQuery["default"].desktopOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    max-width: ", ";\n  "])), _styleUtils.breakPoints.desktopMinWidth), _mediaQuery["default"].tabletOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    max-width: ", ";\n  "])), _styleUtils.breakPoints.tabletMinWidth), _mediaQuery["default"].mobileOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    max-width: ", ";\n  "])), _styleUtils.breakPoints.mobileMaxWidth));
-
-var _default = ContentWrapper;
-exports["default"] = _default;
+var _default = exports["default"] = ContentWrapper;

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

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
-
 var _color = require("@twreporter/core/lib/constants/color");
-
 var _templateObject;
-
 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 SectionName = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "section-name__SectionName",
   componentId: "ezov0u-0"
 })(["display:none;", ""], _mediaQuery["default"].mobileOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: block;\n    font-size: 12px;\n    position: absolute;\n    letter-spacing: 0.4px;\n    z-index: 3;\n    top: -8px;\n    left: 0;\n    right: 0;\n    text-align: center;\n    >span {\n      color: ", ";\n      padding-left: 5px;\n      padding-right: 5px;\n      background-color: ", ";\n    }\n  "])), _color.colorGrayscale.white, _color.colorBrand.heavy));
-
-var _default = SectionName;
-exports["default"] = _default;
+var _default = exports["default"] = SectionName;

package/lib/components/common-utils/section.js

@@ -4,22 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _sectionContentWrapper = _interopRequireDefault(require("./section-content-wrapper"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
-
 var _templateObject;
-
 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 Section = /*#__PURE__*/(0, _styledComponents["default"])(_sectionContentWrapper["default"]).withConfig({
   displayName: "section__Section",
   componentId: "z0ptm1-0"
 })(["position:relative;padding-top:100px;padding-bottom:80px;", ""], _mediaQuery["default"].mobileOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding-top: 30px;\n    padding-bottom: 60px;\n  "]))));
-var _default = Section;
-exports["default"] = _default;
+var _default = exports["default"] = Section;

package/lib/components/common-utils/swipable-mixin.js

@@ -1,48 +1,31 @@
 "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 = _interopRequireDefault(require("react"));
-
 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); }
-
 var SwipableMixin = /*#__PURE__*/function (_React$Component) {
   _inherits(SwipableMixin, _React$Component);
-
   var _super = _createSuper(SwipableMixin);
-
   function SwipableMixin(props) {
     var _this;
-
     _classCallCheck(this, SwipableMixin);
-
     _this = _super.call(this, props);
     _this.state = {
       selected: 0
@@ -51,12 +34,10 @@ var SwipableMixin = /*#__PURE__*/function (_React$Component) {
     _this.onSwipedLeft = _this._onSwipedLeft.bind(_assertThisInitialized(_this));
     return _this;
   }
-
   _createClass(SwipableMixin, [{
     key: "_onSwipedLeft",
     value: function _onSwipedLeft() {
       var selected = this.state.selected;
-
       if (selected < this.props.maxSwipableItems) {
         this.setState({
           selected: selected + 1
@@ -67,7 +48,6 @@ var SwipableMixin = /*#__PURE__*/function (_React$Component) {
     key: "_onSwipedRight",
     value: function _onSwipedRight() {
       var selected = this.state.selected;
-
       if (selected > 0) {
         this.setState({
           selected: selected - 1
@@ -75,15 +55,12 @@ var SwipableMixin = /*#__PURE__*/function (_React$Component) {
       }
     }
   }]);
-
   return SwipableMixin;
 }(_react["default"].Component);
-
 SwipableMixin.defaultProps = {
   maxSwipableItems: 0
 };
 SwipableMixin.propTypes = {
   maxSwipableItems: _propTypes["default"].string
 };
-var _default = SwipableMixin;
-exports["default"] = _default;
+var _default = exports["default"] = SwipableMixin;

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

@@ -4,42 +4,32 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _hoverEffect = _interopRequireDefault(require("./hover-effect"));
-
 var _reactRouterDom = require("react-router-dom");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var A = /*#__PURE__*/_styledComponents["default"].a.withConfig({
   displayName: "twreporter-link__A",
   componentId: "sc-16vqglp-0"
 })(["text-decoration:none;"]);
-
 var PlainContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "twreporter-link__PlainContainer",
   componentId: "sc-16vqglp-1"
-})(["width:100%;height:100%;"]); // noTxtDec = noTextDecoration
-
+})(["width:100%;height:100%;"]);
 
+// noTxtDec = noTextDecoration
 var TRLink = function TRLink(props) {
   var href = props.href,
-      redirect = props.redirect,
-      plain = props.plain;
+    redirect = props.redirect,
+    plain = props.plain;
   var ContentContainer;
-
   if (plain) {
     ContentContainer = PlainContainer;
   } else {
     ContentContainer = _hoverEffect["default"];
   }
-
   if (redirect) {
     return /*#__PURE__*/_react["default"].createElement(A, {
       href: "https://www.twreporter.org/".concat(href),
@@ -47,12 +37,10 @@ var TRLink = function TRLink(props) {
       rel: "noreferrer noopener"
     }, /*#__PURE__*/_react["default"].createElement(ContentContainer, null, props.children));
   }
-
   return /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
     to: "/".concat(href)
   }, /*#__PURE__*/_react["default"].createElement(ContentContainer, null, props.children));
 };
-
 TRLink.defaultProps = {
   href: '',
   redirect: false,
@@ -64,5 +52,4 @@ TRLink.propTypes = {
   children: _propTypes["default"].any.isRequired,
   redirect: _propTypes["default"].bool
 };
-var _default = TRLink;
-exports["default"] = _default;
+var _default = exports["default"] = TRLink;

package/lib/components/donation-box-section.js

@@ -1,50 +1,31 @@
 "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 = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _donationLink = _interopRequireDefault(require("@twreporter/react-components/lib/donation-link"));
-
 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 _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-
 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) } })); }
-
 // assets
 var ArrowIcon = function ArrowIcon(props) {
   return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("title", null, "icon-donate-arrow-gold"), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("path", {
@@ -56,7 +37,6 @@ var ArrowIcon = function ArrowIcon(props) {
     xlinkHref: "#a"
   }));
 };
-
 ArrowIcon.defaultProps = {
   width: "8",
   height: "12",
@@ -64,60 +44,45 @@ ArrowIcon.defaultProps = {
   xmlns: "http://www.w3.org/2000/svg",
   xmlnsXlink: "http://www.w3.org/1999/xlink"
 }; // @twreporter
-
 var mockup = {
   defaultWidth: 320,
   contentWidth: 238
 };
 var mobileContentWidthPct = mockup.contentWidth / mockup.defaultWidth * 100;
-
 var Container = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "donation-box-section__Container",
   componentId: "sc-1xxgww4-0"
 })(["background-color:", ";padding-top:30px;padding-bottom:30px;", ""], _color.colorSupportive.heavy, _mediaQuery["default"].mobileOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding-top: 40px;\n    padding-bottom: 60px;\n  "]))));
-
 var ContentContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "donation-box-section__ContentContainer",
   componentId: "sc-1xxgww4-1"
 })(["display:flex;justify-content:space-between;align-items:center;max-width:1024px;margin:0 auto;padding:0 100px;color:", ";h3{margin:0;font-size:32px;font-weight:", ";font-family:", ";line-height:1.63;}p{margin-top:10px;font-size:14px;line-height:1.57;text-align:left;}", " ", " ", ""], _color.colorGrayscale.white, _font.fontWeight.bold, _font.fontFamily.title, _mediaQuery["default"].hdOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    max-width: 1440px;\n    padding: 0 219px;\n  "]))), _mediaQuery["default"].tabletOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    position: relative;\n    padding: 0 110px;\n    p{\n      margin-top: 17px;\n    }\n  "]))), _mediaQuery["default"].mobileOnly(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    max-width: ", "%;\n    display: block;\n    text-align: center;\n    padding: 0;\n    h3{\n      font-size: 24px;\n      line-height: 2.17;\n    }\n    p{\n      margin-top: 0;\n    }\n  "])), mobileContentWidthPct));
-
 var DonateButton = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "donation-box-section__DonateButton",
   componentId: "sc-1xxgww4-2"
 })(["a{width:116px;height:40px;border-radius:20px;background:", ";border:none;color:", ";font-size:16px;cursor:pointer;display:table;", " ", " span{display:table-cell;vertical-align:middle;text-align:center;font-weight:", ";}}"], _color.colorGrayscale.white, _color.colorSupportive.heavy, _mediaQuery["default"].tabletOnly(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      position: absolute;\n      right: 110px;\n      top: 9px;\n    "]))), _mediaQuery["default"].mobileOnly(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      margin: 40px auto 0 auto;\n    "]))), _font.fontWeight.bold);
-
 var TextColumn = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "donation-box-section__TextColumn",
   componentId: "sc-1xxgww4-3"
 })(["", ""], _mediaQuery["default"].desktopOnly(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    max-width: 608px;\n  "]))));
-
 var Icon = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "donation-box-section__Icon",
   componentId: "sc-1xxgww4-4"
 })(["display:inline-block;margin-left:8.6px;width:7px;height:12px;"]);
-
 var DonateInfo = /*#__PURE__*/_react["default"].createElement("span", null, "\u8D0A\u52A9\u6211\u5011", /*#__PURE__*/_react["default"].createElement(Icon, null, /*#__PURE__*/_react["default"].createElement(ArrowIcon, null)));
-
 var DonationBoxSection = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(DonationBoxSection, _React$PureComponent);
-
   var _super = _createSuper(DonationBoxSection);
-
   function DonationBoxSection() {
     _classCallCheck(this, DonationBoxSection);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(DonationBoxSection, [{
     key: "render",
     value: function render() {
       return /*#__PURE__*/_react["default"].createElement(Container, null, /*#__PURE__*/_react["default"].createElement(ContentContainer, null, /*#__PURE__*/_react["default"].createElement(TextColumn, null, /*#__PURE__*/_react["default"].createElement("h3", null, "\u7528\u884C\u52D5\u652F\u6301\u5831\u5C0E\u8005"), /*#__PURE__*/_react["default"].createElement("p", null, "\u6DF1\u5EA6\u8ABF\u67E5\u5831\u5C0E\u5FC5\u9808\u6295\u5165\u512A\u79C0\u8A18\u8005\u3001\u8DB3\u5920\u6642\u9593\u8207\u5927\u91CF\u8CC7\u6E90\u3002\u6B61\u8FCE\u60A8\u6210\u70BA\u300C\u300A\u5831\u5C0E\u8005\u300B\u8D0A\u52A9\u5925\u4F34\u300D\uFF0C\u4E00\u8D77\u70BA\u6253\u9020\u66F4\u597D\u7684\u793E\u6703\u53CA\u5A92\u9AD4\u74B0\u5883\u52AA\u529B\u3002")), /*#__PURE__*/_react["default"].createElement(DonateButton, null, /*#__PURE__*/_react["default"].createElement(_donationLink["default"], null, DonateInfo))));
     }
   }]);
-
   return DonationBoxSection;
 }(_react["default"].PureComponent);
-
-var _default = DonationBoxSection;
-exports["default"] = _default;
+var _default = exports["default"] = DonationBoxSection;