@ndla/ui 50.1.0 → 50.1.2

package/lib/Article/Article.js

@@ -19,55 +19,48 @@ var _ArticleAccessMessage = _interopRequireDefault(require("./ArticleAccessMessa
 var _MessageBox = _interopRequireDefault(require("../Messages/MessageBox"));
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-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 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) { 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 _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; } /**
-                                                                                                                                                                                                                                                                                           * Copyright (c) 2016-present, NDLA.
-                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                           * This source code is licensed under the GPLv3 license found in the
-                                                                                                                                                                                                                                                                                           * LICENSE file in the root directory of this source tree.
-                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                           */
-var classes = new _reactBemHelper.default({
+ * Copyright (c) 2016-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+const classes = new _reactBemHelper.default({
   name: 'article',
   prefix: 'c-'
 });
-var ArticleWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var children = _ref.children,
-    modifier = _ref.modifier;
-  return (0, _jsxRuntime.jsx)("article", _objectSpread(_objectSpread({}, classes(undefined, modifier)), {}, {
+const ArticleWrapper = exports.ArticleWrapper = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    children,
+    modifier
+  } = _ref;
+  return (0, _jsxRuntime.jsx)("article", {
+    ...classes(undefined, modifier),
     ref: ref,
     children: children
-  }));
+  });
 });
-exports.ArticleWrapper = ArticleWrapper;
-var ArticleTitle = function ArticleTitle(_ref2) {
-  var children = _ref2.children,
-    icon = _ref2.icon,
-    label = _ref2.label,
-    id = _ref2.id,
-    lang = _ref2.lang;
-  var modifiers = [];
+const ArticleTitle = _ref2 => {
+  let {
+    children,
+    icon,
+    label,
+    id,
+    lang
+  } = _ref2;
+  const modifiers = [];
   if (icon) {
     modifiers.push('icon');
   }
-  var labelView = null;
+  let labelView = null;
   if (label) {
     labelView = (0, _jsxRuntime.jsx)("p", {
       children: label
     });
   }
-  return (0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, classes('title', modifiers)), {}, {
+  return (0, _jsxRuntime.jsxs)("div", {
+    ...classes('title', modifiers),
     children: [icon, labelView, (0, _jsxRuntime.jsx)(_typography.Heading, {
       element: "h1",
       headingStyle: "h1-resource",
@@ -76,12 +69,14 @@ var ArticleTitle = function ArticleTitle(_ref2) {
       lang: lang,
       children: children
     })]
-  }));
+  });
 };
 exports.ArticleTitle = ArticleTitle;
-var ArticleIntroduction = function ArticleIntroduction(_ref3) {
-  var children = _ref3.children,
-    lang = _ref3.lang;
+const ArticleIntroduction = _ref3 => {
+  let {
+    children,
+    lang
+  } = _ref3;
   if (children) {
     return (0, _jsxRuntime.jsx)(_typography.Text, {
       textStyle: "ingress",
@@ -93,7 +88,7 @@ var ArticleIntroduction = function ArticleIntroduction(_ref3) {
   return null;
 };
 exports.ArticleIntroduction = ArticleIntroduction;
-var MSGboxWrapper = /*#__PURE__*/(0, _base.default)("div", {
+const MSGboxWrapper = /*#__PURE__*/(0, _base.default)("div", {
   target: "ekgxh1z1",
   label: "MSGboxWrapper"
 })(process.env.NODE_ENV === "production" ? {
@@ -105,7 +100,7 @@ var MSGboxWrapper = /*#__PURE__*/(0, _base.default)("div", {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFydGljbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJGZ0MiLCJmaWxlIjoiQXJ0aWNsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IFJlYWN0Tm9kZSwgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlLCBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IEJFTUhlbHBlciBmcm9tICdyZWFjdC1iZW0taGVscGVyJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgdXNlSW50ZXJzZWN0aW9uT2JzZXJ2ZXIgfSBmcm9tICdAbmRsYS9ob29rcyc7XG5pbXBvcnQgeyByZXNpemVPYnNlcnZlciB9IGZyb20gJ0BuZGxhL3V0aWwnO1xuaW1wb3J0IHsgc3BhY2luZywgc3BhY2luZ1VuaXQsIG1xLCBicmVha3BvaW50cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgSGVhZGluZywgVGV4dCB9IGZyb20gJ0BuZGxhL3R5cG9ncmFwaHknO1xuaW1wb3J0IHsgQXJ0aWNsZSBhcyBBcnRpY2xlVHlwZSB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBBcnRpY2xlQnlsaW5lIGZyb20gJy4vQXJ0aWNsZUJ5bGluZSc7XG5pbXBvcnQgTGF5b3V0SXRlbSBmcm9tICcuLi9MYXlvdXQnO1xuaW1wb3J0IEFydGljbGVIZWFkZXJXcmFwcGVyIGZyb20gJy4vQXJ0aWNsZUhlYWRlcldyYXBwZXInO1xuaW1wb3J0IEFydGljbGVOb3Rpb25zIGZyb20gJy4vQXJ0aWNsZU5vdGlvbnMnO1xuaW1wb3J0IEFydGljbGVBY2Nlc3NNZXNzYWdlIGZyb20gJy4vQXJ0aWNsZUFjY2Vzc01lc3NhZ2UnO1xuaW1wb3J0IE1lc3NhZ2VCb3ggZnJvbSAnLi4vTWVzc2FnZXMvTWVzc2FnZUJveCc7XG5cbmNvbnN0IGNsYXNzZXMgPSBuZXcgQkVNSGVscGVyKHtcbiAgbmFtZTogJ2FydGljbGUnLFxuICBwcmVmaXg6ICdjLScsXG59KTtcblxudHlwZSBBcnRpY2xlV3JhcHBlclByb3BzID0ge1xuICBtb2RpZmllcj86IHN0cmluZztcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn07XG5cbmV4cG9ydCBjb25zdCBBcnRpY2xlV3JhcHBlciA9IGZvcndhcmRSZWY8SFRNTEVsZW1lbnQsIEFydGljbGVXcmFwcGVyUHJvcHM+KCh7IGNoaWxkcmVuLCBtb2RpZmllciB9LCByZWYpID0+IChcbiAgPGFydGljbGUgey4uLmNsYXNzZXModW5kZWZpbmVkLCBtb2RpZmllcil9IHJlZj17cmVmfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvYXJ0aWNsZT5cbikpO1xuXG50eXBlIEFydGljbGVUaXRsZVByb3BzID0ge1xuICBpY29uPzogUmVhY3ROb2RlO1xuICBsYWJlbD86IHN0cmluZztcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgaWQ6IHN0cmluZztcbiAgbGFuZz86IHN0cmluZztcbn07XG5cbmV4cG9ydCBjb25zdCBBcnRpY2xlVGl0bGUgPSAoeyBjaGlsZHJlbiwgaWNvbiwgbGFiZWwsIGlkLCBsYW5nIH06IEFydGljbGVUaXRsZVByb3BzKSA9PiB7XG4gIGNvbnN0IG1vZGlmaWVycyA9IFtdO1xuICBpZiAoaWNvbikge1xuICAgIG1vZGlmaWVycy5wdXNoKCdpY29uJyk7XG4gIH1cblxuICBsZXQgbGFiZWxWaWV3ID0gbnVsbDtcblxuICBpZiAobGFiZWwpIHtcbiAgICBsYWJlbFZpZXcgPSA8cD57bGFiZWx9PC9wPjtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGRpdiB7Li4uY2xhc3NlcygndGl0bGUnLCBtb2RpZmllcnMpfT5cbiAgICAgIHtpY29ufVxuICAgICAge2xhYmVsVmlld31cbiAgICAgIDxIZWFkaW5nIGVsZW1lbnQ9XCJoMVwiIGhlYWRpbmdTdHlsZT1cImgxLXJlc291cmNlXCIgaWQ9e2lkfSB0YWJJbmRleD17LTF9IGxhbmc9e2xhbmd9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0hlYWRpbmc+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG50eXBlIEFydGljbGVJbnRyb2R1Y3Rpb25Qcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgbGFuZz86IHN0cmluZztcbn07XG5cbmV4cG9ydCBjb25zdCBBcnRpY2xlSW50cm9kdWN0aW9uID0gKHsgY2hpbGRyZW4sIGxhbmcgfTogQXJ0aWNsZUludHJvZHVjdGlvblByb3BzKSA9PiB7XG4gIGlmIChjaGlsZHJlbikge1xuICAgIHJldHVybiAoXG4gICAgICA8VGV4dCB0ZXh0U3R5bGU9XCJpbmdyZXNzXCIgZWxlbWVudD1cImRpdlwiIGxhbmc9e2xhbmd9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1RleHQ+XG4gICAgKTtcbiAgfVxuICByZXR1cm4gbnVsbDtcbn07XG5cbnR5cGUgTWVzc2FnZXMgPSB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIG1lc3NhZ2VCb3g/OiBzdHJpbmc7XG59O1xuY29uc3QgTVNHYm94V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1ib3R0b206IDUwcHg7XG5gO1xuXG5jb25zdCBBcnRpY2xlRmF2b3JpdGVzQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlKCR7c3BhY2luZy54c21hbGx9LCAtJHtzcGFjaW5nLm5vcm1hbH0pO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoJHtzcGFjaW5nLm5vcm1hbH0sIC0ke3NwYWNpbmcubWVkaXVtfSk7XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgke3NwYWNpbmcubGFyZ2V9LCAtJHtzcGFjaW5nLm1lZGl1bX0pO1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoJHtzcGFjaW5nVW5pdCAqIDUuNX1weCwgLSR7c3BhY2luZy5tZWRpdW19KTtcbiAgfVxuYDtcblxudHlwZSBQcm9wcyA9IHtcbiAgaGVhcnRCdXR0b24/OiBSZWFjdE5vZGU7XG4gIGFydGljbGU6IEFydGljbGVUeXBlO1xuICBpY29uPzogUmVhY3ROb2RlO1xuICBsaWNlbnNlQm94PzogUmVhY3ROb2RlO1xuICBtb2RpZmllcj86IHN0cmluZztcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG4gIG1lc3NhZ2VzOiBNZXNzYWdlcztcbiAgY29udGVudFRyYW5zZm9ybWVkPzogYm9vbGVhbjtcbiAgbWVzc2FnZUJveExpbmtzPzogW107XG4gIGNvbXBldGVuY2VHb2Fscz86IFJlYWN0Tm9kZTtcbiAgaWQ6IHN0cmluZztcbiAgbm90aW9ucz86IFJlYWN0Tm9kZTtcbiAgYWNjZXNzTWVzc2FnZT86IHN0cmluZztcbiAgbGFuZz86IHN0cmluZztcbn07XG5cbmNvbnN0IGdldEFydGljbGVDb250ZW50ID0gKGNvbnRlbnQ6IGFueSwgY29udGVudFRyYW5zZm9ybWVkPzogYm9vbGVhbikgPT4ge1xuICBpZiAoY29udGVudFRyYW5zZm9ybWVkKSB7XG4gICAgcmV0dXJuIGNvbnRlbnQ7XG4gIH1cbiAgc3dpdGNoICh0eXBlb2YgY29udGVudCkge1xuICAgIGNhc2UgJ2Z1bmN0aW9uJzpcbiAgICAgIHJldHVybiBjb250ZW50KCk7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBjb250ZW50O1xuICB9XG59O1xuXG5leHBvcnQgY29uc3QgQXJ0aWNsZSA9ICh7XG4gIGFydGljbGUsXG4gIGljb24sXG4gIGxpY2Vuc2VCb3gsXG4gIG1vZGlmaWVyLFxuICBtZXNzYWdlcyxcbiAgbWVzc2FnZUJveExpbmtzLFxuICBjaGlsZHJlbixcbiAgY29tcGV0ZW5jZUdvYWxzLFxuICBpZCxcbiAgbm90aW9ucyxcbiAgYWNjZXNzTWVzc2FnZSxcbiAgaGVhcnRCdXR0b24sXG4gIGNvbnRlbnRUcmFuc2Zvcm1lZCxcbiAgbGFuZyxcbn06IFByb3BzKSA9PiB7XG4gIGNvbnN0IGFydGljbGVSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCB3cmFwcGVyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgY29uc3QgeyBlbnRyeSB9ID0gdXNlSW50ZXJzZWN0aW9uT2JzZXJ2ZXIoe1xuICAgIHJvb3RNYXJnaW46ICc0MDBweCcsXG4gICAgdGFyZ2V0OiBhcnRpY2xlUmVmLmN1cnJlbnQsXG4gICAgdGhyZXNob2xkOiAwLjEsXG4gIH0pO1xuICBjb25zdCBbYXJ0aWNsZVBvc2l0aW9uUmlnaHQsIHNldEFydGljbGVQb3NpdGlvblJpZ2h0XSA9IHVzZVN0YXRlKDApO1xuXG4gIGNvbnN0IHNob3dFeHBsYWluTm90aW9ucyA9IGVudHJ5ICYmIGVudHJ5LmlzSW50ZXJzZWN0aW5nO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHdyYXBwZXJSZWYgJiYgd3JhcHBlclJlZi5jdXJyZW50KSB7XG4gICAgICBjb25zdCBoYW5kbGVyID0gKCkgPT4ge1xuICAgICAgICBpZiAod3JhcHBlclJlZiAmJiB3cmFwcGVyUmVmLmN1cnJlbnQpIHtcbiAgICAgICAgICBjb25zdCBvZmZzZXQgPVxuICAgICAgICAgICAgd3JhcHBlclJlZi5jdXJyZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLmxlZnQgKyB3cmFwcGVyUmVmLmN1cnJlbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkud2lkdGg7XG4gICAgICAgICAgc2V0QXJ0aWNsZVBvc2l0aW9uUmlnaHQob2Zmc2V0KTtcbiAgICAgICAgfVxuICAgICAgfTtcbiAgICAgIGhhbmRsZXIoKTtcblxuICAgICAgcmV0dXJuIHJlc2l6ZU9ic2VydmVyKGRvY3VtZW50LmJvZHksIGhhbmRsZXIpO1xuICAgIH1cbiAgfSwgW3dyYXBwZXJSZWZdKTtcblxuICBjb25zdCB7IHRpdGxlLCBpbnRyb2R1Y3Rpb24sIHB1Ymxpc2hlZCwgY29udGVudCwgZm9vdE5vdGVzLCBjb3B5cmlnaHQgfSA9IGFydGljbGU7XG5cbiAgY29uc3QgYXV0aG9ycyA9XG4gICAgY29weXJpZ2h0Py5jcmVhdG9ycy5sZW5ndGggfHwgY29weXJpZ2h0Py5yaWdodHNob2xkZXJzLmxlbmd0aCA/IGNvcHlyaWdodC5jcmVhdG9ycyA6IGNvcHlyaWdodD8ucHJvY2Vzc29ycztcblxuICByZXR1cm4gKFxuICAgIDxkaXYgcmVmPXt3cmFwcGVyUmVmfT5cbiAgICAgIDxBcnRpY2xlV3JhcHBlciBtb2RpZmllcj17bW9kaWZpZXJ9IHJlZj17YXJ0aWNsZVJlZn0+XG4gICAgICAgIDxMYXlvdXRJdGVtIGxheW91dD1cImNlbnRlclwiPlxuICAgICAgICAgIHthY2Nlc3NNZXNzYWdlICYmIDxBcnRpY2xlQWNjZXNzTWVzc2FnZSBtZXNzYWdlPXthY2Nlc3NNZXNzYWdlfSAvPn1cblxuICAgICAgICAgIHttZXNzYWdlcy5tZXNzYWdlQm94ICYmIChcbiAgICAgICAgICAgIDxNU0dib3hXcmFwcGVyPlxuICAgICAgICAgICAgICA8TWVzc2FnZUJveCBsaW5rcz17bWVzc2FnZUJveExpbmtzfT57bWVzc2FnZXMubWVzc2FnZUJveH08L01lc3NhZ2VCb3g+XG4gICAgICAgICAgICA8L01TR2JveFdyYXBwZXI+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8QXJ0aWNsZUhlYWRlcldyYXBwZXIgY29tcGV0ZW5jZUdvYWxzPXtjb21wZXRlbmNlR29hbHN9PlxuICAgICAgICAgICAge2hlYXJ0QnV0dG9uID8gPEFydGljbGVGYXZvcml0ZXNCdXR0b25XcmFwcGVyPntoZWFydEJ1dHRvbn08L0FydGljbGVGYXZvcml0ZXNCdXR0b25XcmFwcGVyPiA6IG51bGx9XG4gICAgICAgICAgICA8QXJ0aWNsZVRpdGxlIGlkPXtpZH0gaWNvbj17aWNvbn0gbGFiZWw9e21lc3NhZ2VzLmxhYmVsfSBsYW5nPXtsYW5nfT5cbiAgICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgICAgPC9BcnRpY2xlVGl0bGU+XG4gICAgICAgICAgICA8QXJ0aWNsZUludHJvZHVjdGlvbiBsYW5nPXtsYW5nfT57aW50cm9kdWN0aW9ufTwvQXJ0aWNsZUludHJvZHVjdGlvbj5cbiAgICAgICAgICA8L0FydGljbGVIZWFkZXJXcmFwcGVyPlxuICAgICAgICA8L0xheW91dEl0ZW0+XG4gICAgICAgIDxMYXlvdXRJdGVtIGxheW91dD1cImNlbnRlclwiPlxuICAgICAgICAgIHtub3Rpb25zICYmIHNob3dFeHBsYWluTm90aW9ucyAmJiAoXG4gICAgICAgICAgICA8QXJ0aWNsZU5vdGlvbnMgYnV0dG9uT2Zmc2V0UmlnaHQ9e2FydGljbGVQb3NpdGlvblJpZ2h0fT57bm90aW9uc308L0FydGljbGVOb3Rpb25zPlxuICAgICAgICAgICl9XG4gICAgICAgICAge2dldEFydGljbGVDb250ZW50KGNvbnRlbnQsIGNvbnRlbnRUcmFuc2Zvcm1lZCl9XG4gICAgICAgIDwvTGF5b3V0SXRlbT5cblxuICAgICAgICA8TGF5b3V0SXRlbSBsYXlvdXQ9XCJjZW50ZXJcIj5cbiAgICAgICAgICA8QXJ0aWNsZUJ5bGluZVxuICAgICAgICAgICAgZm9vdG5vdGVzPXtmb290Tm90ZXN9XG4gICAgICAgICAgICBhdXRob3JzPXthdXRob3JzfVxuICAgICAgICAgICAgc3VwcGxpZXJzPXtjb3B5cmlnaHQ/LnJpZ2h0c2hvbGRlcnN9XG4gICAgICAgICAgICBwdWJsaXNoZWQ9e3B1Ymxpc2hlZH1cbiAgICAgICAgICAgIGxpY2Vuc2U9e2NvcHlyaWdodD8ubGljZW5zZT8ubGljZW5zZSA/PyAnJ31cbiAgICAgICAgICAgIGxpY2Vuc2VCb3g9e2xpY2Vuc2VCb3h9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9MYXlvdXRJdGVtPlxuICAgICAgICA8TGF5b3V0SXRlbSBsYXlvdXQ9XCJleHRlbmRcIj57Y2hpbGRyZW59PC9MYXlvdXRJdGVtPlxuICAgICAgPC9BcnRpY2xlV3JhcHBlcj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEFydGljbGU7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var ArticleFavoritesButtonWrapper = /*#__PURE__*/(0, _base.default)("div", {
+const ArticleFavoritesButtonWrapper = /*#__PURE__*/(0, _base.default)("div", {
   target: "ekgxh1z0",
   label: "ArticleFavoritesButtonWrapper"
 })("display:flex;justify-content:flex-end;transform:translate(", _core.spacing.xsmall, ", -", _core.spacing.normal, ");", _core.mq.range({
@@ -115,51 +110,50 @@ var ArticleFavoritesButtonWrapper = /*#__PURE__*/(0, _base.default)("div", {
 }), "{transform:translate(", _core.spacing.large, ", -", _core.spacing.medium, ");}", _core.mq.range({
   from: _core.breakpoints.desktop
 }), "{transform:translate(", _core.spacingUnit * 5.5, "px, -", _core.spacing.medium, ");}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFydGljbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStGZ0QiLCJmaWxlIjoiQXJ0aWNsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IFJlYWN0Tm9kZSwgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlLCBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IEJFTUhlbHBlciBmcm9tICdyZWFjdC1iZW0taGVscGVyJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgdXNlSW50ZXJzZWN0aW9uT2JzZXJ2ZXIgfSBmcm9tICdAbmRsYS9ob29rcyc7XG5pbXBvcnQgeyByZXNpemVPYnNlcnZlciB9IGZyb20gJ0BuZGxhL3V0aWwnO1xuaW1wb3J0IHsgc3BhY2luZywgc3BhY2luZ1VuaXQsIG1xLCBicmVha3BvaW50cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgSGVhZGluZywgVGV4dCB9IGZyb20gJ0BuZGxhL3R5cG9ncmFwaHknO1xuaW1wb3J0IHsgQXJ0aWNsZSBhcyBBcnRpY2xlVHlwZSB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBBcnRpY2xlQnlsaW5lIGZyb20gJy4vQXJ0aWNsZUJ5bGluZSc7XG5pbXBvcnQgTGF5b3V0SXRlbSBmcm9tICcuLi9MYXlvdXQnO1xuaW1wb3J0IEFydGljbGVIZWFkZXJXcmFwcGVyIGZyb20gJy4vQXJ0aWNsZUhlYWRlcldyYXBwZXInO1xuaW1wb3J0IEFydGljbGVOb3Rpb25zIGZyb20gJy4vQXJ0aWNsZU5vdGlvbnMnO1xuaW1wb3J0IEFydGljbGVBY2Nlc3NNZXNzYWdlIGZyb20gJy4vQXJ0aWNsZUFjY2Vzc01lc3NhZ2UnO1xuaW1wb3J0IE1lc3NhZ2VCb3ggZnJvbSAnLi4vTWVzc2FnZXMvTWVzc2FnZUJveCc7XG5cbmNvbnN0IGNsYXNzZXMgPSBuZXcgQkVNSGVscGVyKHtcbiAgbmFtZTogJ2FydGljbGUnLFxuICBwcmVmaXg6ICdjLScsXG59KTtcblxudHlwZSBBcnRpY2xlV3JhcHBlclByb3BzID0ge1xuICBtb2RpZmllcj86IHN0cmluZztcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn07XG5cbmV4cG9ydCBjb25zdCBBcnRpY2xlV3JhcHBlciA9IGZvcndhcmRSZWY8SFRNTEVsZW1lbnQsIEFydGljbGVXcmFwcGVyUHJvcHM+KCh7IGNoaWxkcmVuLCBtb2RpZmllciB9LCByZWYpID0+IChcbiAgPGFydGljbGUgey4uLmNsYXNzZXModW5kZWZpbmVkLCBtb2RpZmllcil9IHJlZj17cmVmfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvYXJ0aWNsZT5cbikpO1xuXG50eXBlIEFydGljbGVUaXRsZVByb3BzID0ge1xuICBpY29uPzogUmVhY3ROb2RlO1xuICBsYWJlbD86IHN0cmluZztcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgaWQ6IHN0cmluZztcbiAgbGFuZz86IHN0cmluZztcbn07XG5cbmV4cG9ydCBjb25zdCBBcnRpY2xlVGl0bGUgPSAoeyBjaGlsZHJlbiwgaWNvbiwgbGFiZWwsIGlkLCBsYW5nIH06IEFydGljbGVUaXRsZVByb3BzKSA9PiB7XG4gIGNvbnN0IG1vZGlmaWVycyA9IFtdO1xuICBpZiAoaWNvbikge1xuICAgIG1vZGlmaWVycy5wdXNoKCdpY29uJyk7XG4gIH1cblxuICBsZXQgbGFiZWxWaWV3ID0gbnVsbDtcblxuICBpZiAobGFiZWwpIHtcbiAgICBsYWJlbFZpZXcgPSA8cD57bGFiZWx9PC9wPjtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGRpdiB7Li4uY2xhc3NlcygndGl0bGUnLCBtb2RpZmllcnMpfT5cbiAgICAgIHtpY29ufVxuICAgICAge2xhYmVsVmlld31cbiAgICAgIDxIZWFkaW5nIGVsZW1lbnQ9XCJoMVwiIGhlYWRpbmdTdHlsZT1cImgxLXJlc291cmNlXCIgaWQ9e2lkfSB0YWJJbmRleD17LTF9IGxhbmc9e2xhbmd9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0hlYWRpbmc+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG50eXBlIEFydGljbGVJbnRyb2R1Y3Rpb25Qcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgbGFuZz86IHN0cmluZztcbn07XG5cbmV4cG9ydCBjb25zdCBBcnRpY2xlSW50cm9kdWN0aW9uID0gKHsgY2hpbGRyZW4sIGxhbmcgfTogQXJ0aWNsZUludHJvZHVjdGlvblByb3BzKSA9PiB7XG4gIGlmIChjaGlsZHJlbikge1xuICAgIHJldHVybiAoXG4gICAgICA8VGV4dCB0ZXh0U3R5bGU9XCJpbmdyZXNzXCIgZWxlbWVudD1cImRpdlwiIGxhbmc9e2xhbmd9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1RleHQ+XG4gICAgKTtcbiAgfVxuICByZXR1cm4gbnVsbDtcbn07XG5cbnR5cGUgTWVzc2FnZXMgPSB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIG1lc3NhZ2VCb3g/OiBzdHJpbmc7XG59O1xuY29uc3QgTVNHYm94V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1ib3R0b206IDUwcHg7XG5gO1xuXG5jb25zdCBBcnRpY2xlRmF2b3JpdGVzQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlKCR7c3BhY2luZy54c21hbGx9LCAtJHtzcGFjaW5nLm5vcm1hbH0pO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoJHtzcGFjaW5nLm5vcm1hbH0sIC0ke3NwYWNpbmcubWVkaXVtfSk7XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgke3NwYWNpbmcubGFyZ2V9LCAtJHtzcGFjaW5nLm1lZGl1bX0pO1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoJHtzcGFjaW5nVW5pdCAqIDUuNX1weCwgLSR7c3BhY2luZy5tZWRpdW19KTtcbiAgfVxuYDtcblxudHlwZSBQcm9wcyA9IHtcbiAgaGVhcnRCdXR0b24/OiBSZWFjdE5vZGU7XG4gIGFydGljbGU6IEFydGljbGVUeXBlO1xuICBpY29uPzogUmVhY3ROb2RlO1xuICBsaWNlbnNlQm94PzogUmVhY3ROb2RlO1xuICBtb2RpZmllcj86IHN0cmluZztcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG4gIG1lc3NhZ2VzOiBNZXNzYWdlcztcbiAgY29udGVudFRyYW5zZm9ybWVkPzogYm9vbGVhbjtcbiAgbWVzc2FnZUJveExpbmtzPzogW107XG4gIGNvbXBldGVuY2VHb2Fscz86IFJlYWN0Tm9kZTtcbiAgaWQ6IHN0cmluZztcbiAgbm90aW9ucz86IFJlYWN0Tm9kZTtcbiAgYWNjZXNzTWVzc2FnZT86IHN0cmluZztcbiAgbGFuZz86IHN0cmluZztcbn07XG5cbmNvbnN0IGdldEFydGljbGVDb250ZW50ID0gKGNvbnRlbnQ6IGFueSwgY29udGVudFRyYW5zZm9ybWVkPzogYm9vbGVhbikgPT4ge1xuICBpZiAoY29udGVudFRyYW5zZm9ybWVkKSB7XG4gICAgcmV0dXJuIGNvbnRlbnQ7XG4gIH1cbiAgc3dpdGNoICh0eXBlb2YgY29udGVudCkge1xuICAgIGNhc2UgJ2Z1bmN0aW9uJzpcbiAgICAgIHJldHVybiBjb250ZW50KCk7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBjb250ZW50O1xuICB9XG59O1xuXG5leHBvcnQgY29uc3QgQXJ0aWNsZSA9ICh7XG4gIGFydGljbGUsXG4gIGljb24sXG4gIGxpY2Vuc2VCb3gsXG4gIG1vZGlmaWVyLFxuICBtZXNzYWdlcyxcbiAgbWVzc2FnZUJveExpbmtzLFxuICBjaGlsZHJlbixcbiAgY29tcGV0ZW5jZUdvYWxzLFxuICBpZCxcbiAgbm90aW9ucyxcbiAgYWNjZXNzTWVzc2FnZSxcbiAgaGVhcnRCdXR0b24sXG4gIGNvbnRlbnRUcmFuc2Zvcm1lZCxcbiAgbGFuZyxcbn06IFByb3BzKSA9PiB7XG4gIGNvbnN0IGFydGljbGVSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCB3cmFwcGVyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgY29uc3QgeyBlbnRyeSB9ID0gdXNlSW50ZXJzZWN0aW9uT2JzZXJ2ZXIoe1xuICAgIHJvb3RNYXJnaW46ICc0MDBweCcsXG4gICAgdGFyZ2V0OiBhcnRpY2xlUmVmLmN1cnJlbnQsXG4gICAgdGhyZXNob2xkOiAwLjEsXG4gIH0pO1xuICBjb25zdCBbYXJ0aWNsZVBvc2l0aW9uUmlnaHQsIHNldEFydGljbGVQb3NpdGlvblJpZ2h0XSA9IHVzZVN0YXRlKDApO1xuXG4gIGNvbnN0IHNob3dFeHBsYWluTm90aW9ucyA9IGVudHJ5ICYmIGVudHJ5LmlzSW50ZXJzZWN0aW5nO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHdyYXBwZXJSZWYgJiYgd3JhcHBlclJlZi5jdXJyZW50KSB7XG4gICAgICBjb25zdCBoYW5kbGVyID0gKCkgPT4ge1xuICAgICAgICBpZiAod3JhcHBlclJlZiAmJiB3cmFwcGVyUmVmLmN1cnJlbnQpIHtcbiAgICAgICAgICBjb25zdCBvZmZzZXQgPVxuICAgICAgICAgICAgd3JhcHBlclJlZi5jdXJyZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLmxlZnQgKyB3cmFwcGVyUmVmLmN1cnJlbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkud2lkdGg7XG4gICAgICAgICAgc2V0QXJ0aWNsZVBvc2l0aW9uUmlnaHQob2Zmc2V0KTtcbiAgICAgICAgfVxuICAgICAgfTtcbiAgICAgIGhhbmRsZXIoKTtcblxuICAgICAgcmV0dXJuIHJlc2l6ZU9ic2VydmVyKGRvY3VtZW50LmJvZHksIGhhbmRsZXIpO1xuICAgIH1cbiAgfSwgW3dyYXBwZXJSZWZdKTtcblxuICBjb25zdCB7IHRpdGxlLCBpbnRyb2R1Y3Rpb24sIHB1Ymxpc2hlZCwgY29udGVudCwgZm9vdE5vdGVzLCBjb3B5cmlnaHQgfSA9IGFydGljbGU7XG5cbiAgY29uc3QgYXV0aG9ycyA9XG4gICAgY29weXJpZ2h0Py5jcmVhdG9ycy5sZW5ndGggfHwgY29weXJpZ2h0Py5yaWdodHNob2xkZXJzLmxlbmd0aCA/IGNvcHlyaWdodC5jcmVhdG9ycyA6IGNvcHlyaWdodD8ucHJvY2Vzc29ycztcblxuICByZXR1cm4gKFxuICAgIDxkaXYgcmVmPXt3cmFwcGVyUmVmfT5cbiAgICAgIDxBcnRpY2xlV3JhcHBlciBtb2RpZmllcj17bW9kaWZpZXJ9IHJlZj17YXJ0aWNsZVJlZn0+XG4gICAgICAgIDxMYXlvdXRJdGVtIGxheW91dD1cImNlbnRlclwiPlxuICAgICAgICAgIHthY2Nlc3NNZXNzYWdlICYmIDxBcnRpY2xlQWNjZXNzTWVzc2FnZSBtZXNzYWdlPXthY2Nlc3NNZXNzYWdlfSAvPn1cblxuICAgICAgICAgIHttZXNzYWdlcy5tZXNzYWdlQm94ICYmIChcbiAgICAgICAgICAgIDxNU0dib3hXcmFwcGVyPlxuICAgICAgICAgICAgICA8TWVzc2FnZUJveCBsaW5rcz17bWVzc2FnZUJveExpbmtzfT57bWVzc2FnZXMubWVzc2FnZUJveH08L01lc3NhZ2VCb3g+XG4gICAgICAgICAgICA8L01TR2JveFdyYXBwZXI+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8QXJ0aWNsZUhlYWRlcldyYXBwZXIgY29tcGV0ZW5jZUdvYWxzPXtjb21wZXRlbmNlR29hbHN9PlxuICAgICAgICAgICAge2hlYXJ0QnV0dG9uID8gPEFydGljbGVGYXZvcml0ZXNCdXR0b25XcmFwcGVyPntoZWFydEJ1dHRvbn08L0FydGljbGVGYXZvcml0ZXNCdXR0b25XcmFwcGVyPiA6IG51bGx9XG4gICAgICAgICAgICA8QXJ0aWNsZVRpdGxlIGlkPXtpZH0gaWNvbj17aWNvbn0gbGFiZWw9e21lc3NhZ2VzLmxhYmVsfSBsYW5nPXtsYW5nfT5cbiAgICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgICAgPC9BcnRpY2xlVGl0bGU+XG4gICAgICAgICAgICA8QXJ0aWNsZUludHJvZHVjdGlvbiBsYW5nPXtsYW5nfT57aW50cm9kdWN0aW9ufTwvQXJ0aWNsZUludHJvZHVjdGlvbj5cbiAgICAgICAgICA8L0FydGljbGVIZWFkZXJXcmFwcGVyPlxuICAgICAgICA8L0xheW91dEl0ZW0+XG4gICAgICAgIDxMYXlvdXRJdGVtIGxheW91dD1cImNlbnRlclwiPlxuICAgICAgICAgIHtub3Rpb25zICYmIHNob3dFeHBsYWluTm90aW9ucyAmJiAoXG4gICAgICAgICAgICA8QXJ0aWNsZU5vdGlvbnMgYnV0dG9uT2Zmc2V0UmlnaHQ9e2FydGljbGVQb3NpdGlvblJpZ2h0fT57bm90aW9uc308L0FydGljbGVOb3Rpb25zPlxuICAgICAgICAgICl9XG4gICAgICAgICAge2dldEFydGljbGVDb250ZW50KGNvbnRlbnQsIGNvbnRlbnRUcmFuc2Zvcm1lZCl9XG4gICAgICAgIDwvTGF5b3V0SXRlbT5cblxuICAgICAgICA8TGF5b3V0SXRlbSBsYXlvdXQ9XCJjZW50ZXJcIj5cbiAgICAgICAgICA8QXJ0aWNsZUJ5bGluZVxuICAgICAgICAgICAgZm9vdG5vdGVzPXtmb290Tm90ZXN9XG4gICAgICAgICAgICBhdXRob3JzPXthdXRob3JzfVxuICAgICAgICAgICAgc3VwcGxpZXJzPXtjb3B5cmlnaHQ/LnJpZ2h0c2hvbGRlcnN9XG4gICAgICAgICAgICBwdWJsaXNoZWQ9e3B1Ymxpc2hlZH1cbiAgICAgICAgICAgIGxpY2Vuc2U9e2NvcHlyaWdodD8ubGljZW5zZT8ubGljZW5zZSA/PyAnJ31cbiAgICAgICAgICAgIGxpY2Vuc2VCb3g9e2xpY2Vuc2VCb3h9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9MYXlvdXRJdGVtPlxuICAgICAgICA8TGF5b3V0SXRlbSBsYXlvdXQ9XCJleHRlbmRcIj57Y2hpbGRyZW59PC9MYXlvdXRJdGVtPlxuICAgICAgPC9BcnRpY2xlV3JhcHBlcj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEFydGljbGU7XG4iXX0= */"));
-var getArticleContent = function getArticleContent(content, contentTransformed) {
+const getArticleContent = (content, contentTransformed) => {
   if (contentTransformed) {
     return content;
   }
-  switch (_typeof(content)) {
+  switch (typeof content) {
     case 'function':
       return content();
     default:
       return content;
   }
 };
-var Article = function Article(_ref4) {
-  var _copyright$license$li, _copyright$license;
-  var article = _ref4.article,
-    icon = _ref4.icon,
-    licenseBox = _ref4.licenseBox,
-    modifier = _ref4.modifier,
-    messages = _ref4.messages,
-    messageBoxLinks = _ref4.messageBoxLinks,
-    children = _ref4.children,
-    competenceGoals = _ref4.competenceGoals,
-    id = _ref4.id,
-    notions = _ref4.notions,
-    accessMessage = _ref4.accessMessage,
-    heartButton = _ref4.heartButton,
-    contentTransformed = _ref4.contentTransformed,
-    lang = _ref4.lang;
-  var articleRef = (0, _react.useRef)(null);
-  var wrapperRef = (0, _react.useRef)(null);
-  var _useIntersectionObser = (0, _hooks.useIntersectionObserver)({
-      rootMargin: '400px',
-      target: articleRef.current,
-      threshold: 0.1
-    }),
-    entry = _useIntersectionObser.entry;
-  var _useState = (0, _react.useState)(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    articlePositionRight = _useState2[0],
-    setArticlePositionRight = _useState2[1];
-  var showExplainNotions = entry && entry.isIntersecting;
-  (0, _react.useEffect)(function () {
+const Article = _ref4 => {
+  let {
+    article,
+    icon,
+    licenseBox,
+    modifier,
+    messages,
+    messageBoxLinks,
+    children,
+    competenceGoals,
+    id,
+    notions,
+    accessMessage,
+    heartButton,
+    contentTransformed,
+    lang
+  } = _ref4;
+  const articleRef = (0, _react.useRef)(null);
+  const wrapperRef = (0, _react.useRef)(null);
+  const {
+    entry
+  } = (0, _hooks.useIntersectionObserver)({
+    rootMargin: '400px',
+    target: articleRef.current,
+    threshold: 0.1
+  });
+  const [articlePositionRight, setArticlePositionRight] = (0, _react.useState)(0);
+  const showExplainNotions = entry && entry.isIntersecting;
+  (0, _react.useEffect)(() => {
     if (wrapperRef && wrapperRef.current) {
-      var handler = function handler() {
+      const handler = () => {
         if (wrapperRef && wrapperRef.current) {
-          var offset = wrapperRef.current.getBoundingClientRect().left + wrapperRef.current.getBoundingClientRect().width;
+          const offset = wrapperRef.current.getBoundingClientRect().left + wrapperRef.current.getBoundingClientRect().width;
           setArticlePositionRight(offset);
         }
       };
@@ -167,13 +161,15 @@ var Article = function Article(_ref4) {
       return (0, _util.resizeObserver)(document.body, handler);
     }
   }, [wrapperRef]);
-  var title = article.title,
-    introduction = article.introduction,
-    published = article.published,
-    content = article.content,
-    footNotes = article.footNotes,
-    copyright = article.copyright;
-  var authors = copyright !== null && copyright !== void 0 && copyright.creators.length || copyright !== null && copyright !== void 0 && copyright.rightsholders.length ? copyright.creators : copyright === null || copyright === void 0 ? void 0 : copyright.processors;
+  const {
+    title,
+    introduction,
+    published,
+    content,
+    footNotes,
+    copyright
+  } = article;
+  const authors = copyright?.creators.length || copyright?.rightsholders.length ? copyright.creators : copyright?.processors;
   return (0, _jsxRuntime.jsx)("div", {
     ref: wrapperRef,
     children: (0, _jsxRuntime.jsxs)(ArticleWrapper, {
@@ -214,9 +210,9 @@ var Article = function Article(_ref4) {
         children: (0, _jsxRuntime.jsx)(_ArticleByline.default, {
           footnotes: footNotes,
           authors: authors,
-          suppliers: copyright === null || copyright === void 0 ? void 0 : copyright.rightsholders,
+          suppliers: copyright?.rightsholders,
           published: published,
-          license: (_copyright$license$li = copyright === null || copyright === void 0 ? void 0 : (_copyright$license = copyright.license) === null || _copyright$license === void 0 ? void 0 : _copyright$license.license) !== null && _copyright$license$li !== void 0 ? _copyright$license$li : '',
+          license: copyright?.license?.license ?? '',
           licenseBox: licenseBox
         })
       }), (0, _jsxRuntime.jsx)(_Layout.default, {
@@ -227,5 +223,4 @@ var Article = function Article(_ref4) {
   });
 };
 exports.Article = Article;
-var _default = Article;
-exports.default = _default;
+var _default = exports.default = Article;

package/lib/Article/ArticleAccessMessage.js

@@ -1,6 +1,5 @@
 "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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -10,21 +9,21 @@ var React = _interopRequireWildcard(require("react"));
 var _core = require("@ndla/core");
 var _common = require("@ndla/icons/common");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
-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 (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 _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; } /**
-                                                                                                                                                                                                                                                                                           * Copyright (c) 2021-present, NDLA.
-                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                           * This source code is licensed under the GPLv3 license found in the
-                                                                                                                                                                                                                                                                                           * LICENSE file in the root directory of this source tree.
-                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                           */
-var StyledMessage = /*#__PURE__*/(0, _base.default)("span", {
+ * Copyright (c) 2021-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+const StyledMessage = /*#__PURE__*/(0, _base.default)("span", {
   target: "ef7syc21",
   label: "StyledMessage"
 })("position:absolute;top:-50px;color:", _core.colors.text.light, ";", _core.fonts.sizes('14px', '18px'), ";font-family:", _core.fonts.sans, ";display:flex;flex-direction:row;justify-content:flex-start;align-items:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFydGljbGVBY2Nlc3NNZXNzYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhaUMiLCJmaWxlIjoiQXJ0aWNsZUFjY2Vzc01lc3NhZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBIdW1hbk1hbGVCb2FyZCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5cbmNvbnN0IFN0eWxlZE1lc3NhZ2UgPSBzdHlsZWQuc3BhbmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IC01MHB4O1xuICBjb2xvcjogJHtjb2xvcnMudGV4dC5saWdodH07XG4gICR7Zm9udHMuc2l6ZXMoJzE0cHgnLCAnMThweCcpfTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5jb25zdCBJY29uV3JhcHBlciA9IHN0eWxlZC5zcGFuYFxuICBtYXJnaW4tcmlnaHQ6IDAuNXJlbTtcbmA7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIG1lc3NhZ2U6IHN0cmluZztcbn07XG5cbmNvbnN0IEFydGljbGVBY2Nlc3NNZXNzYWdlID0gKHsgbWVzc2FnZSB9OiBQcm9wcykgPT4gKFxuICA8PlxuICAgIDxTdHlsZWRNZXNzYWdlPlxuICAgICAgPEljb25XcmFwcGVyPlxuICAgICAgICA8SHVtYW5NYWxlQm9hcmQgLz5cbiAgICAgIDwvSWNvbldyYXBwZXI+XG4gICAgICB7bWVzc2FnZX1cbiAgICA8L1N0eWxlZE1lc3NhZ2U+XG4gIDwvPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgQXJ0aWNsZUFjY2Vzc01lc3NhZ2U7XG4iXX0= */"));
-var IconWrapper = /*#__PURE__*/(0, _base.default)("span", {
+const IconWrapper = /*#__PURE__*/(0, _base.default)("span", {
   target: "ef7syc20",
   label: "IconWrapper"
 })(process.env.NODE_ENV === "production" ? {
@@ -36,8 +35,10 @@ var IconWrapper = /*#__PURE__*/(0, _base.default)("span", {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFydGljbGVBY2Nlc3NNZXNzYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QitCIiwiZmlsZSI6IkFydGljbGVBY2Nlc3NNZXNzYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIxLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY29sb3JzLCBmb250cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgSHVtYW5NYWxlQm9hcmQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuXG5jb25zdCBTdHlsZWRNZXNzYWdlID0gc3R5bGVkLnNwYW5gXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAtNTBweDtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQubGlnaHR9O1xuICAke2ZvbnRzLnNpemVzKCcxNHB4JywgJzE4cHgnKX07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuY29uc3QgSWNvbldyYXBwZXIgPSBzdHlsZWQuc3BhbmBcbiAgbWFyZ2luLXJpZ2h0OiAwLjVyZW07XG5gO1xuXG50eXBlIFByb3BzID0ge1xuICBtZXNzYWdlOiBzdHJpbmc7XG59O1xuXG5jb25zdCBBcnRpY2xlQWNjZXNzTWVzc2FnZSA9ICh7IG1lc3NhZ2UgfTogUHJvcHMpID0+IChcbiAgPD5cbiAgICA8U3R5bGVkTWVzc2FnZT5cbiAgICAgIDxJY29uV3JhcHBlcj5cbiAgICAgICAgPEh1bWFuTWFsZUJvYXJkIC8+XG4gICAgICA8L0ljb25XcmFwcGVyPlxuICAgICAge21lc3NhZ2V9XG4gICAgPC9TdHlsZWRNZXNzYWdlPlxuICA8Lz5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IEFydGljbGVBY2Nlc3NNZXNzYWdlO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var ArticleAccessMessage = function ArticleAccessMessage(_ref) {
-  var message = _ref.message;
+const ArticleAccessMessage = _ref => {
+  let {
+    message
+  } = _ref;
   return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: (0, _jsxRuntime.jsxs)(StyledMessage, {
       children: [(0, _jsxRuntime.jsx)(IconWrapper, {
@@ -46,5 +47,4 @@ var ArticleAccessMessage = function ArticleAccessMessage(_ref) {
     })
   });
 };
-var _default = ArticleAccessMessage;
-exports.default = _default;
+var _default = exports.default = ArticleAccessMessage;