@twreporter/react-article-components 2.5.14-rc.0 → 2.6.0-rc.1

package/lib/components/donation-box.js

@@ -7,10 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _isomorphicDompurify = _interopRequireDefault(require("isomorphic-dompurify"));
 var _externalLinks = _interopRequireDefault(require("@twreporter/core/lib/constants/external-links"));
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
 var _donationLinkAnchor = require("@twreporter/core/lib/constants/donation-link-anchor");
 var _color = require("@twreporter/core/lib/constants/color");
+var _featureFlag = require("@twreporter/core/lib/constants/feature-flag");
 var _css = _interopRequireDefault(require("../constants/css"));
 var _typography = _interopRequireDefault(require("../constants/typography"));
 var _templateObject, _templateObject2, _templateObject3; // @twreporter
@@ -31,11 +33,17 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 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 _content = {
+var content = {
   title: '用行動支持報導者',
   desc: ['獨立的精神，是自由思想的條件。獨立的媒體，才能守護公共領域，讓自由的討論和真相浮現。', '在艱困的媒體環境，《報導者》堅持以非營利組織的模式投入公共領域的調查與深度報導。我們透過讀者的贊助支持來營運，不仰賴商業廣告置入，在獨立自主的前提下，穿梭在各項重要公共議題中。', '你的支持能幫助《報導者》持續追蹤國內外新聞事件的真相，邀請你加入 3 種支持方案，和我們一起推動這場媒體小革命。'],
   bt: '立即支持'
 };
+var newContent = {
+  title: '深度求真 眾聲同行',
+  desc: ['獨立的精神，是自由思想的條件。獨立的媒體，才能守護公共領域，讓自由的討論和真相浮現。', '在艱困的媒體環境，《報導者》堅持以非營利組織的模式投入公共領域的調查與深度報導。我們透過讀者的贊助支持來營運，不仰賴商業廣告置入，在獨立自主的前提下，穿梭在各項重要公共議題中。', "\u4ECA\u5E74\u662F<a href=\"".concat(_externalLinks["default"].tenYearAnniversary, "\" target=\"_blank\" rel=\"noopener noreferrer\">\u300A\u5831\u5C0E\u8005\u300B\u6210\u7ACB\u5341\u9031\u5E74</a>\uFF0C\u8ACB\u652F\u6301\u6211\u5011\u6301\u7E8C\u8FFD\u8E64\u570B\u5167\u5916\u65B0\u805E\u4E8B\u4EF6\u7684\u771F\u76F8\uFF0C\u5EA6\u904E\u4E0B\u4E00\u500B\u5341\u5E74\u7684\u6311\u6230\u3002")],
+  bt: '贊助支持'
+};
+var _content = _featureFlag.TEN_YEAR_ANNIVERSARY ? newContent : content;
 var Container = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "donation-box__Container",
   componentId: "sc-1uszvr7-0"
@@ -70,8 +78,13 @@ var DonationBox = exports["default"] = /*#__PURE__*/function (_PureComponent) {
     value: function render() {
       return /*#__PURE__*/_react["default"].createElement(Container, null, /*#__PURE__*/_react["default"].createElement(Title, null, _content.title), _content.desc.map(function (p, index) {
         return /*#__PURE__*/_react["default"].createElement(Text, {
-          key: "donation-box-desc-".concat(index + 1)
-        }, p);
+          key: "donation-box-desc-".concat(index + 1),
+          dangerouslySetInnerHTML: {
+            __html: _isomorphicDompurify["default"].sanitize(p, {
+              ADD_ATTR: ['target']
+            })
+          }
+        });
       }), /*#__PURE__*/_react["default"].createElement(Donate, null, /*#__PURE__*/_react["default"].createElement("a", {
         href: "".concat(_externalLinks["default"].donation, "#").concat(_donationLinkAnchor.DONATION_LINK_ANCHOR.impact),
         target: "_blank",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/react-article-components",
-  "version": "2.5.14-rc.0",
+  "version": "2.6.0-rc.1",
   "description": "The Reporter react article components, which are used in article page",
   "main": "lib/components/article-page.js",
   "repository": "https://github.com/twreporter/twreporter-npm-packages.git",
@@ -23,11 +23,12 @@
     "webpack-dev-server": "^3.7.2"
   },
   "dependencies": {
-    "@twreporter/core": "^1.27.0-rc.0",
-    "@twreporter/react-components": "^9.8.2-rc.0",
-    "@twreporter/redux": "^8.4.1-rc.0",
-    "@twreporter/universal-header": "^3.1.1-rc.0",
+    "@twreporter/core": "^1.27.0-rc.1",
+    "@twreporter/react-components": "^9.8.2-rc.1",
+    "@twreporter/redux": "^8.4.1-rc.1",
+    "@twreporter/universal-header": "^3.1.1-rc.1",
     "howler": "^2.2.3",
+    "isomorphic-dompurify": "^2.26.0",
     "lodash": "^4.17.11",
     "memoize-one": "^5.0.5",
     "prop-types": "^15.0.0",
@@ -41,5 +42,5 @@
   "files": [
     "lib"
   ],
-  "gitHead": "7e6279f9f71118d5af80af1c863eb7b9f8b574c7"
+  "gitHead": "40713bf696092760a9a33022440b529575a1192b"
 }