@ndla/ui 50.1.0 → 50.1.2

package/lib/Embed/ImageEmbed.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
 });
@@ -18,41 +17,31 @@ var _Image = _interopRequireWildcard(require("../Image"));
 var _LicenseByline = require("../LicenseByline");
 var _EmbedErrorPlaceholder = _interopRequireDefault(require("./EmbedErrorPlaceholder"));
 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 _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; } /**
-                                                                       * Copyright (c) 2023-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 getLicenseCredits = function getLicenseCredits(copyright) {
-  var _copyright$creators, _copyright$rightshold, _copyright$processors;
+/**
+ * Copyright (c) 2023-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 getLicenseCredits = copyright => {
   return {
-    creators: (_copyright$creators = copyright === null || copyright === void 0 ? void 0 : copyright.creators) !== null && _copyright$creators !== void 0 ? _copyright$creators : [],
-    rightsholders: (_copyright$rightshold = copyright === null || copyright === void 0 ? void 0 : copyright.rightsholders) !== null && _copyright$rightshold !== void 0 ? _copyright$rightshold : [],
-    processors: (_copyright$processors = copyright === null || copyright === void 0 ? void 0 : copyright.processors) !== null && _copyright$processors !== void 0 ? _copyright$processors : []
+    creators: copyright?.creators ?? [],
+    rightsholders: copyright?.rightsholders ?? [],
+    processors: copyright?.processors ?? []
   };
 };
 exports.getLicenseCredits = getLicenseCredits;
-var errorSvgSrc = "data:image/svg+xml;charset=UTF-8,%3Csvg fill='%238A8888' height='400' viewBox='0 0 24 12' width='100%25' xmlns='http://www.w3.org/2000/svg' style='background-color: %23EFF0F2'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath transform='scale(0.3) translate(28, 8.5)' d='M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z'/%3E%3C/svg%3E";
-exports.errorSvgSrc = errorSvgSrc;
-var isSmall = function isSmall(size) {
-  return size === 'xsmall' || size === 'small';
-};
-var isAlign = function isAlign(align) {
-  return align === 'left' || align === 'right';
-};
-var getFigureType = function getFigureType(size, align) {
+const errorSvgSrc = exports.errorSvgSrc = `data:image/svg+xml;charset=UTF-8,%3Csvg fill='%238A8888' height='400' viewBox='0 0 24 12' width='100%25' xmlns='http://www.w3.org/2000/svg' style='background-color: %23EFF0F2'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath transform='scale(0.3) translate(28, 8.5)' d='M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z'/%3E%3C/svg%3E`;
+const isSmall = size => size === 'xsmall' || size === 'small';
+const isAlign = align => align === 'left' || align === 'right';
+const getFigureType = (size, align) => {
   if (size && isSmall(size) && align && isAlign(align)) {
-    return "".concat(size, "-").concat(align);
+    return `${size}-${align}`;
   }
   if (size && isSmall(size) && !align) {
     return size;
@@ -62,7 +51,7 @@ var getFigureType = function getFigureType(size, align) {
   }
   return 'full';
 };
-var getSizes = function getSizes(size, align) {
+const getSizes = (size, align) => {
   if (align && size === 'full') {
     return '(min-width: 1024px) 512px, (min-width: 768px) 350px, 100vw';
   }
@@ -74,10 +63,9 @@ var getSizes = function getSizes(size, align) {
   }
   return '(min-width: 1024px) 1024px, 100vw';
 };
-var getFocalPoint = function getFocalPoint(data) {
-  var _data$focalX, _data$focalY;
-  var focalX = parseFloat((_data$focalX = data.focalX) !== null && _data$focalX !== void 0 ? _data$focalX : '');
-  var focalY = parseFloat((_data$focalY = data.focalY) !== null && _data$focalY !== void 0 ? _data$focalY : '');
+const getFocalPoint = data => {
+  const focalX = parseFloat(data.focalX ?? '');
+  const focalY = parseFloat(data.focalY ?? '');
   if (!!focalX && !!focalY) {
     return {
       x: focalX,
@@ -87,12 +75,11 @@ var getFocalPoint = function getFocalPoint(data) {
   return undefined;
 };
 exports.getFocalPoint = getFocalPoint;
-var getCrop = function getCrop(data) {
-  var _data$lowerRightX, _data$lowerRightY, _data$upperLeftX, _data$upperLeftY;
-  var lowerRightX = parseFloat((_data$lowerRightX = data.lowerRightX) !== null && _data$lowerRightX !== void 0 ? _data$lowerRightX : '');
-  var lowerRightY = parseFloat((_data$lowerRightY = data.lowerRightY) !== null && _data$lowerRightY !== void 0 ? _data$lowerRightY : '');
-  var upperLeftX = parseFloat((_data$upperLeftX = data.upperLeftX) !== null && _data$upperLeftX !== void 0 ? _data$upperLeftX : '');
-  var upperLeftY = parseFloat((_data$upperLeftY = data.upperLeftY) !== null && _data$upperLeftY !== void 0 ? _data$upperLeftY : '');
+const getCrop = data => {
+  const lowerRightX = parseFloat(data.lowerRightX ?? '');
+  const lowerRightY = parseFloat(data.lowerRightY ?? '');
+  const upperLeftX = parseFloat(data.upperLeftX ?? '');
+  const upperLeftY = parseFloat(data.upperLeftY ?? '');
   if (!!lowerRightX && !!lowerRightY && !!upperLeftX && !!upperLeftY) {
     return {
       startX: lowerRightX,
@@ -104,26 +91,21 @@ var getCrop = function getCrop(data) {
   return undefined;
 };
 exports.getCrop = getCrop;
-var expandedSizes = '(min-width: 1024px) 1024px, 100vw';
-var ImageEmbed = function ImageEmbed(_ref) {
-  var embed = _ref.embed,
-    previewAlt = _ref.previewAlt,
-    HeartButton = _ref.heartButton,
-    inGrid = _ref.inGrid,
-    path = _ref.path,
-    lang = _ref.lang,
-    canonicalUrl = _ref.canonicalUrl,
-    _ref$renderContext = _ref.renderContext,
-    renderContext = _ref$renderContext === void 0 ? 'article' : _ref$renderContext;
-  var _useState = (0, _react.useState)(hideByline(embed.embedData.size)),
-    _useState2 = _slicedToArray(_useState, 2),
-    isBylineHidden = _useState2[0],
-    setIsBylineHidden = _useState2[1];
-  var _useState3 = (0, _react.useState)(undefined),
-    _useState4 = _slicedToArray(_useState3, 2),
-    imageSizes = _useState4[0],
-    setImageSizes = _useState4[1];
-  var parsedDescription = (0, _react.useMemo)(function () {
+const expandedSizes = '(min-width: 1024px) 1024px, 100vw';
+const ImageEmbed = _ref => {
+  let {
+    embed,
+    previewAlt,
+    heartButton: HeartButton,
+    inGrid,
+    path,
+    lang,
+    canonicalUrl,
+    renderContext = 'article'
+  } = _ref;
+  const [isBylineHidden, setIsBylineHidden] = (0, _react.useState)(hideByline(embed.embedData.size));
+  const [imageSizes, setImageSizes] = (0, _react.useState)(undefined);
+  const parsedDescription = (0, _react.useMemo)(() => {
     if (embed.embedData.caption || renderContext === 'article') {
       return embed.embedData.caption ? (0, _htmlReactParser.default)(embed.embedData.caption) : undefined;
     } else if (embed.status === 'success' && embed.data.caption.caption) {
@@ -131,28 +113,31 @@ var ImageEmbed = function ImageEmbed(_ref) {
     }
   }, [embed, renderContext]);
   if (embed.status === 'error') {
-    var _embed$embedData = embed.embedData,
-      align = _embed$embedData.align,
-      size = _embed$embedData.size;
-    var _figureType = getFigureType(size, align);
+    const {
+      align,
+      size
+    } = embed.embedData;
+    const figureType = getFigureType(size, align);
     return (0, _jsxRuntime.jsx)(_EmbedErrorPlaceholder.default, {
       type: 'image',
-      figureType: _figureType
+      figureType: figureType
     });
   }
-  var data = embed.data,
-    embedData = embed.embedData;
-  var altText = embedData.alt || '';
-  var figureType = getFigureType(embedData.size, embedData.align);
-  var sizes = getSizes(embedData.size, embedData.align);
-  var focalPoint = getFocalPoint(embedData);
-  var crop = getCrop(embedData);
-  var isCopyrighted = data.copyright.license.license.toLowerCase() === _licenses.COPYRIGHTED;
+  const {
+    data,
+    embedData
+  } = embed;
+  const altText = embedData.alt || '';
+  const figureType = getFigureType(embedData.size, embedData.align);
+  const sizes = getSizes(embedData.size, embedData.align);
+  const focalPoint = getFocalPoint(embedData);
+  const crop = getCrop(embedData);
+  const isCopyrighted = data.copyright.license.license.toLowerCase() === _licenses.COPYRIGHTED;
   return (0, _jsxRuntime.jsxs)(_Figure.Figure, {
     type: imageSizes ? undefined : figureType,
-    className: imageSizes ? "c-figure--".concat(embedData.align, " expanded") : '',
+    className: imageSizes ? `c-figure--${embedData.align} expanded` : '',
     children: [(0, _jsxRuntime.jsx)(ImageWrapper, {
-      src: !isCopyrighted ? canonicalUrl === null || canonicalUrl === void 0 ? void 0 : canonicalUrl(data) : undefined,
+      src: !isCopyrighted ? canonicalUrl?.(data) : undefined,
       crop: crop,
       size: embedData.size,
       pagePath: path,
@@ -160,7 +145,7 @@ var ImageEmbed = function ImageEmbed(_ref) {
         focalPoint: focalPoint,
         contentType: data.image.contentType,
         crop: crop,
-        sizes: imageSizes !== null && imageSizes !== void 0 ? imageSizes : sizes,
+        sizes: imageSizes ?? sizes,
         alt: altText,
         src: data.image.imageUrl,
         border: embedData.border,
@@ -168,16 +153,8 @@ var ImageEmbed = function ImageEmbed(_ref) {
           size: embedData.size,
           expanded: !!imageSizes,
           bylineHidden: isBylineHidden,
-          onExpand: function onExpand() {
-            return setImageSizes(function (p) {
-              return p ? undefined : expandedSizes;
-            });
-          },
-          onHideByline: function onHideByline() {
-            return setIsBylineHidden(function (p) {
-              return !p;
-            });
-          }
+          onExpand: () => setImageSizes(p => p ? undefined : expandedSizes),
+          onHideByline: () => setIsBylineHidden(p => !p)
         }),
         lang: lang
       })
@@ -194,21 +171,24 @@ var ImageEmbed = function ImageEmbed(_ref) {
     })]
   });
 };
-var HiddenSpan = /*#__PURE__*/(0, _base.default)("span", {
+const HiddenSpan = /*#__PURE__*/(0, _base.default)("span", {
   target: "ened8ka0",
   label: "HiddenSpan"
 })(_core.utils.visuallyHidden, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlRW1iZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1NOEIiLCJmaWxlIjoiSW1hZ2VFbWJlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IEltYWdlRW1iZWREYXRhLCBJbWFnZU1ldGFEYXRhIH0gZnJvbSAnQG5kbGEvdHlwZXMtZW1iZWQnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IE1vdXNlRXZlbnRIYW5kbGVyLCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBwYXJzZSBmcm9tICdodG1sLXJlYWN0LXBhcnNlcic7XG5pbXBvcnQgeyBFeHBhbmRUd29BcnJvd3MgfSBmcm9tICdAbmRsYS9pY29ucy9hY3Rpb24nO1xuaW1wb3J0IHsgQ09QWVJJR0hURUQgfSBmcm9tICdAbmRsYS9saWNlbnNlcyc7XG5pbXBvcnQgeyBBcnJvd0NvbGxhcHNlLCBDaGV2cm9uRG93biwgQ2hldnJvblVwIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IHV0aWxzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBGaWd1cmUsIEZpZ3VyZVR5cGUgfSBmcm9tICcuLi9GaWd1cmUnO1xuaW1wb3J0IEltYWdlLCB7IEltYWdlTGluayB9IGZyb20gJy4uL0ltYWdlJztcbmltcG9ydCB7IEVtYmVkQnlsaW5lIH0gZnJvbSAnLi4vTGljZW5zZUJ5bGluZSc7XG5pbXBvcnQgRW1iZWRFcnJvclBsYWNlaG9sZGVyIGZyb20gJy4vRW1iZWRFcnJvclBsYWNlaG9sZGVyJztcbmltcG9ydCB7IENhbm9uaWNhbFVybEZ1bmNzLCBIZWFydEJ1dHRvblR5cGUsIFJlbmRlckNvbnRleHQgfSBmcm9tICcuL3R5cGVzJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgZW1iZWQ6IEltYWdlTWV0YURhdGE7XG4gIHByZXZpZXdBbHQ/OiBib29sZWFuO1xuICBwYXRoPzogc3RyaW5nO1xuICBoZWFydEJ1dHRvbj86IEhlYXJ0QnV0dG9uVHlwZTtcbiAgY2Fub25pY2FsVXJsPzogQ2Fub25pY2FsVXJsRnVuY3NbJ2ltYWdlJ107XG4gIGluR3JpZD86IGJvb2xlYW47XG4gIGxhbmc/OiBzdHJpbmc7XG4gIHJlbmRlckNvbnRleHQ/OiBSZW5kZXJDb250ZXh0O1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEF1dGhvciB7XG4gIG5hbWU6IHN0cmluZztcbiAgdHlwZTogc3RyaW5nO1xufVxuXG5leHBvcnQgY29uc3QgZ2V0TGljZW5zZUNyZWRpdHMgPSAoY29weXJpZ2h0Pzoge1xuICBjcmVhdG9ycz86IEF1dGhvcltdO1xuICByaWdodHNob2xkZXJzPzogQXV0aG9yW107XG4gIHByb2Nlc3NvcnM/OiBBdXRob3JbXTtcbn0pID0+IHtcbiAgcmV0dXJuIHtcbiAgICBjcmVhdG9yczogY29weXJpZ2h0Py5jcmVhdG9ycyA/PyBbXSxcbiAgICByaWdodHNob2xkZXJzOiBjb3B5cmlnaHQ/LnJpZ2h0c2hvbGRlcnMgPz8gW10sXG4gICAgcHJvY2Vzc29yczogY29weXJpZ2h0Py5wcm9jZXNzb3JzID8/IFtdLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGVycm9yU3ZnU3JjID0gYGRhdGE6aW1hZ2Uvc3ZnK3htbDtjaGFyc2V0PVVURi04LCUzQ3N2ZyBmaWxsPSclMjM4QTg4ODgnIGhlaWdodD0nNDAwJyB2aWV3Qm94PScwIDAgMjQgMTInIHdpZHRoPScxMDAlMjUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zycgc3R5bGU9J2JhY2tncm91bmQtY29sb3I6ICUyM0VGRjBGMiclM0UlM0NwYXRoIGQ9J00wIDBoMjR2MjRIMFYweicgZmlsbD0nbm9uZScvJTNFJTNDcGF0aCB0cmFuc2Zvcm09J3NjYWxlKDAuMykgdHJhbnNsYXRlKDI4LCA4LjUpJyBkPSdNMTEgMTVoMnYyaC0yem0wLThoMnY2aC0yem0uOTktNUM2LjQ3IDIgMiA2LjQ4IDIgMTJzNC40NyAxMCA5Ljk5IDEwQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyUzE3LjUyIDIgMTEuOTkgMnpNMTIgMjBjLTQuNDIgMC04LTMuNTgtOC04czMuNTgtOCA4LTggOCAzLjU4IDggOC0zLjU4IDgtOCA4eicvJTNFJTNDL3N2ZyUzRWA7XG5jb25zdCBpc1NtYWxsID0gKHNpemU/OiBzdHJpbmcpOiBzaXplIGlzICd4c21hbGwnIHwgJ3NtYWxsJyA9PiBzaXplID09PSAneHNtYWxsJyB8fCBzaXplID09PSAnc21hbGwnO1xuXG5jb25zdCBpc0FsaWduID0gKGFsaWduPzogc3RyaW5nKTogYWxpZ24gaXMgJ2xlZnQnIHwgJ3JpZ2h0JyA9PiBhbGlnbiA9PT0gJ2xlZnQnIHx8IGFsaWduID09PSAncmlnaHQnO1xuXG5jb25zdCBnZXRGaWd1cmVUeXBlID0gKHNpemU/OiBzdHJpbmcsIGFsaWduPzogc3RyaW5nKTogRmlndXJlVHlwZSA9PiB7XG4gIGlmIChzaXplICYmIGlzU21hbGwoc2l6ZSkgJiYgYWxpZ24gJiYgaXNBbGlnbihhbGlnbikpIHtcbiAgICByZXR1cm4gYCR7c2l6ZX0tJHthbGlnbn1gO1xuICB9XG4gIGlmIChzaXplICYmIGlzU21hbGwoc2l6ZSkgJiYgIWFsaWduKSB7XG4gICAgcmV0dXJuIHNpemUgYXMgRmlndXJlVHlwZTtcbiAgfVxuICBpZiAoYWxpZ24gJiYgaXNBbGlnbihhbGlnbikpIHtcbiAgICByZXR1cm4gYWxpZ247XG4gIH1cbiAgcmV0dXJuICdmdWxsJztcbn07XG5cbmNvbnN0IGdldFNpemVzID0gKHNpemU/OiBzdHJpbmcsIGFsaWduPzogc3RyaW5nKSA9PiB7XG4gIGlmIChhbGlnbiAmJiBzaXplID09PSAnZnVsbCcpIHtcbiAgICByZXR1cm4gJyhtaW4td2lkdGg6IDEwMjRweCkgNTEycHgsIChtaW4td2lkdGg6IDc2OHB4KSAzNTBweCwgMTAwdncnO1xuICB9XG4gIGlmIChhbGlnbiAmJiBzaXplID09PSAnc21hbGwnKSB7XG4gICAgcmV0dXJuICcobWluLXdpZHRoOiAxMDI0cHgpIDM1MHB4LCAobWluLXdpZHRoOiA3NjhweCkgMTgwcHgsIDEwMHZ3JztcbiAgfVxuICBpZiAoYWxpZ24gJiYgc2l6ZSA9PT0gJ3hzbWFsbCcpIHtcbiAgICByZXR1cm4gJyhtaW4td2lkdGg6IDEwMjRweCkgMTgwcHgsIChtaW4td2lkdGg6IDc2OHB4KSAxODBweCwgMTAwdncnO1xuICB9XG4gIHJldHVybiAnKG1pbi13aWR0aDogMTAyNHB4KSAxMDI0cHgsIDEwMHZ3Jztcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRGb2NhbFBvaW50ID0gKGRhdGE6IEltYWdlRW1iZWREYXRhKSA9PiB7XG4gIGNvbnN0IGZvY2FsWCA9IHBhcnNlRmxvYXQoZGF0YS5mb2NhbFggPz8gJycpO1xuICBjb25zdCBmb2NhbFkgPSBwYXJzZUZsb2F0KGRhdGEuZm9jYWxZID8/ICcnKTtcbiAgaWYgKCEhZm9jYWxYICYmICEhZm9jYWxZKSB7XG4gICAgcmV0dXJuIHsgeDogZm9jYWxYLCB5OiBmb2NhbFkgfTtcbiAgfVxuICByZXR1cm4gdW5kZWZpbmVkO1xufTtcblxuZXhwb3J0IGNvbnN0IGdldENyb3AgPSAoZGF0YTogSW1hZ2VFbWJlZERhdGEpID0+IHtcbiAgY29uc3QgbG93ZXJSaWdodFggPSBwYXJzZUZsb2F0KGRhdGEubG93ZXJSaWdodFggPz8gJycpO1xuICBjb25zdCBsb3dlclJpZ2h0WSA9IHBhcnNlRmxvYXQoZGF0YS5sb3dlclJpZ2h0WSA/PyAnJyk7XG4gIGNvbnN0IHVwcGVyTGVmdFggPSBwYXJzZUZsb2F0KGRhdGEudXBwZXJMZWZ0WCA/PyAnJyk7XG4gIGNvbnN0IHVwcGVyTGVmdFkgPSBwYXJzZUZsb2F0KGRhdGEudXBwZXJMZWZ0WSA/PyAnJyk7XG4gIGlmICghIWxvd2VyUmlnaHRYICYmICEhbG93ZXJSaWdodFkgJiYgISF1cHBlckxlZnRYICYmICEhdXBwZXJMZWZ0WSkge1xuICAgIHJldHVybiB7XG4gICAgICBzdGFydFg6IGxvd2VyUmlnaHRYLFxuICAgICAgc3RhcnRZOiBsb3dlclJpZ2h0WSxcbiAgICAgIGVuZFg6IHVwcGVyTGVmdFgsXG4gICAgICBlbmRZOiB1cHBlckxlZnRZLFxuICAgIH07XG4gIH1cbiAgcmV0dXJuIHVuZGVmaW5lZDtcbn07XG5cbmNvbnN0IGV4cGFuZGVkU2l6ZXMgPSAnKG1pbi13aWR0aDogMTAyNHB4KSAxMDI0cHgsIDEwMHZ3JztcblxuY29uc3QgSW1hZ2VFbWJlZCA9ICh7XG4gIGVtYmVkLFxuICBwcmV2aWV3QWx0LFxuICBoZWFydEJ1dHRvbjogSGVhcnRCdXR0b24sXG4gIGluR3JpZCxcbiAgcGF0aCxcbiAgbGFuZyxcbiAgY2Fub25pY2FsVXJsLFxuICByZW5kZXJDb250ZXh0ID0gJ2FydGljbGUnLFxufTogUHJvcHMpID0+IHtcbiAgY29uc3QgW2lzQnlsaW5lSGlkZGVuLCBzZXRJc0J5bGluZUhpZGRlbl0gPSB1c2VTdGF0ZShoaWRlQnlsaW5lKGVtYmVkLmVtYmVkRGF0YS5zaXplKSk7XG4gIGNvbnN0IFtpbWFnZVNpemVzLCBzZXRJbWFnZVNpemVzXSA9IHVzZVN0YXRlPHN0cmluZyB8IHVuZGVmaW5lZD4odW5kZWZpbmVkKTtcblxuICBjb25zdCBwYXJzZWREZXNjcmlwdGlvbiA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGlmIChlbWJlZC5lbWJlZERhdGEuY2FwdGlvbiB8fCByZW5kZXJDb250ZXh0ID09PSAnYXJ0aWNsZScpIHtcbiAgICAgIHJldHVybiBlbWJlZC5lbWJlZERhdGEuY2FwdGlvbiA/IHBhcnNlKGVtYmVkLmVtYmVkRGF0YS5jYXB0aW9uKSA6IHVuZGVmaW5lZDtcbiAgICB9IGVsc2UgaWYgKGVtYmVkLnN0YXR1cyA9PT0gJ3N1Y2Nlc3MnICYmIGVtYmVkLmRhdGEuY2FwdGlvbi5jYXB0aW9uKSB7XG4gICAgICByZXR1cm4gcGFyc2UoZW1iZWQuZGF0YS5jYXB0aW9uLmNhcHRpb24pO1xuICAgIH1cbiAgfSwgW2VtYmVkLCByZW5kZXJDb250ZXh0XSk7XG5cbiAgaWYgKGVtYmVkLnN0YXR1cyA9PT0gJ2Vycm9yJykge1xuICAgIGNvbnN0IHsgYWxpZ24sIHNpemUgfSA9IGVtYmVkLmVtYmVkRGF0YTtcbiAgICBjb25zdCBmaWd1cmVUeXBlID0gZ2V0RmlndXJlVHlwZShzaXplLCBhbGlnbik7XG4gICAgcmV0dXJuIDxFbWJlZEVycm9yUGxhY2Vob2xkZXIgdHlwZT17J2ltYWdlJ30gZmlndXJlVHlwZT17ZmlndXJlVHlwZX0gLz47XG4gIH1cblxuICBjb25zdCB7IGRhdGEsIGVtYmVkRGF0YSB9ID0gZW1iZWQ7XG5cbiAgY29uc3QgYWx0VGV4dCA9IGVtYmVkRGF0YS5hbHQgfHwgJyc7XG5cbiAgY29uc3QgZmlndXJlVHlwZSA9IGdldEZpZ3VyZVR5cGUoZW1iZWREYXRhLnNpemUsIGVtYmVkRGF0YS5hbGlnbik7XG4gIGNvbnN0IHNpemVzID0gZ2V0U2l6ZXMoZW1iZWREYXRhLnNpemUsIGVtYmVkRGF0YS5hbGlnbik7XG5cbiAgY29uc3QgZm9jYWxQb2ludCA9IGdldEZvY2FsUG9pbnQoZW1iZWREYXRhKTtcbiAgY29uc3QgY3JvcCA9IGdldENyb3AoZW1iZWREYXRhKTtcblxuICBjb25zdCBpc0NvcHlyaWdodGVkID0gZGF0YS5jb3B5cmlnaHQubGljZW5zZS5saWNlbnNlLnRvTG93ZXJDYXNlKCkgPT09IENPUFlSSUdIVEVEO1xuXG4gIHJldHVybiAoXG4gICAgPEZpZ3VyZVxuICAgICAgdHlwZT17aW1hZ2VTaXplcyA/IHVuZGVmaW5lZCA6IGZpZ3VyZVR5cGV9XG4gICAgICBjbGFzc05hbWU9e2ltYWdlU2l6ZXMgPyBgYy1maWd1cmUtLSR7ZW1iZWREYXRhLmFsaWdufSBleHBhbmRlZGAgOiAnJ31cbiAgICA+XG4gICAgICA8SW1hZ2VXcmFwcGVyXG4gICAgICAgIHNyYz17IWlzQ29weXJpZ2h0ZWQgPyBjYW5vbmljYWxVcmw/LihkYXRhKSA6IHVuZGVmaW5lZH1cbiAgICAgICAgY3JvcD17Y3JvcH1cbiAgICAgICAgc2l6ZT17ZW1iZWREYXRhLnNpemV9XG4gICAgICAgIHBhZ2VQYXRoPXtwYXRofVxuICAgICAgPlxuICAgICAgICA8SW1hZ2VcbiAgICAgICAgICBmb2NhbFBvaW50PXtmb2NhbFBvaW50fVxuICAgICAgICAgIGNvbnRlbnRUeXBlPXtkYXRhLmltYWdlLmNvbnRlbnRUeXBlfVxuICAgICAgICAgIGNyb3A9e2Nyb3B9XG4gICAgICAgICAgc2l6ZXM9e2ltYWdlU2l6ZXMgPz8gc2l6ZXN9XG4gICAgICAgICAgYWx0PXthbHRUZXh0fVxuICAgICAgICAgIHNyYz17ZGF0YS5pbWFnZS5pbWFnZVVybH1cbiAgICAgICAgICBib3JkZXI9e2VtYmVkRGF0YS5ib3JkZXJ9XG4gICAgICAgICAgZXhwYW5kQnV0dG9uPXtcbiAgICAgICAgICAgIDxFeHBhbmRCdXR0b25cbiAgICAgICAgICAgICAgc2l6ZT17ZW1iZWREYXRhLnNpemV9XG4gICAgICAgICAgICAgIGV4cGFuZGVkPXshIWltYWdlU2l6ZXN9XG4gICAgICAgICAgICAgIGJ5bGluZUhpZGRlbj17aXNCeWxpbmVIaWRkZW59XG4gICAgICAgICAgICAgIG9uRXhwYW5kPXsoKSA9PiBzZXRJbWFnZVNpemVzKChwKSA9PiAocCA/IHVuZGVmaW5lZCA6IGV4cGFuZGVkU2l6ZXMpKX1cbiAgICAgICAgICAgICAgb25IaWRlQnlsaW5lPXsoKSA9PiBzZXRJc0J5bGluZUhpZGRlbigocCkgPT4gIXApfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICB9XG4gICAgICAgICAgbGFuZz17bGFuZ31cbiAgICAgICAgLz5cbiAgICAgIDwvSW1hZ2VXcmFwcGVyPlxuICAgICAge2lzQnlsaW5lSGlkZGVuIHx8IChpc1NtYWxsKGVtYmVkRGF0YS5zaXplKSAmJiAhaW1hZ2VTaXplcykgPyBudWxsIDogKFxuICAgICAgICA8RW1iZWRCeWxpbmVcbiAgICAgICAgICB0eXBlPVwiaW1hZ2VcIlxuICAgICAgICAgIGNvcHlyaWdodD17ZGF0YS5jb3B5cmlnaHR9XG4gICAgICAgICAgZGVzY3JpcHRpb249e3BhcnNlZERlc2NyaXB0aW9ufVxuICAgICAgICAgIGJvdHRvbVJvdW5kZWRcbiAgICAgICAgICB2aXNpYmxlQWx0PXtwcmV2aWV3QWx0ID8gZW1iZWQuZW1iZWREYXRhLmFsdCA6ICcnfVxuICAgICAgICAgIGluR3JpZD17aW5HcmlkfVxuICAgICAgICA+XG4gICAgICAgICAge0hlYXJ0QnV0dG9uICYmICFpc0NvcHlyaWdodGVkICYmIDxIZWFydEJ1dHRvbiBlbWJlZD17ZW1iZWR9IC8+fVxuICAgICAgICA8L0VtYmVkQnlsaW5lPlxuICAgICAgKX1cbiAgICA8L0ZpZ3VyZT5cbiAgKTtcbn07XG5cbmNvbnN0IEhpZGRlblNwYW4gPSBzdHlsZWQuc3BhbmBcbiAgJHt1dGlscy52aXN1YWxseUhpZGRlbn07XG5gO1xuXG5pbnRlcmZhY2UgSW1hZ2VXcmFwcGVyUHJvcHMge1xuICBzcmM/OiBzdHJpbmc7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIHBhZ2VQYXRoPzogc3RyaW5nO1xuICBjcm9wPzoge1xuICAgIHN0YXJ0WDogbnVtYmVyO1xuICAgIHN0YXJ0WTogbnVtYmVyO1xuICAgIGVuZFg6IG51bWJlcjtcbiAgICBlbmRZOiBudW1iZXI7XG4gIH07XG4gIHNpemU/OiBzdHJpbmc7XG59XG5jb25zdCBoaWRlQnlsaW5lID0gKHNpemU/OiBzdHJpbmcpOiBib29sZWFuID0+IHtcbiAgcmV0dXJuICEhc2l6ZSAmJiBzaXplLmVuZHNXaXRoKCctaGlkZS1ieWxpbmUnKTtcbn07XG5cbmNvbnN0IEltYWdlV3JhcHBlciA9ICh7IHNyYywgY3JvcCwgc2l6ZSwgY2hpbGRyZW4sIHBhZ2VQYXRoIH06IEltYWdlV3JhcHBlclByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgaWYgKGlzU21hbGwoc2l6ZSkgfHwgaGlkZUJ5bGluZShzaXplKSB8fCAhc3JjIHx8IChwYWdlUGF0aCAmJiBzcmMuZW5kc1dpdGgocGFnZVBhdGgpKSkge1xuICAgIHJldHVybiA8PntjaGlsZHJlbn08Lz47XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxJbWFnZUxpbmsgc3JjPXtzcmN9IGNyb3A9e2Nyb3B9PlxuICAgICAge2NoaWxkcmVufVxuICAgICAgPEhpZGRlblNwYW4+e3QoJ2xpY2Vuc2UuaW1hZ2VzLml0ZW1JbWFnZS5hcmlhTGFiZWwnKX08L0hpZGRlblNwYW4+XG4gICAgPC9JbWFnZUxpbms+XG4gICk7XG59O1xuXG5pbnRlcmZhY2UgRXhwYW5kQnV0dG9uUHJvcHMge1xuICBzaXplPzogc3RyaW5nO1xuICBleHBhbmRlZDogYm9vbGVhbjtcbiAgYnlsaW5lSGlkZGVuOiBib29sZWFuO1xuICBvbkV4cGFuZDogTW91c2VFdmVudEhhbmRsZXI8SFRNTEJ1dHRvbkVsZW1lbnQ+O1xuICBvbkhpZGVCeWxpbmU6IE1vdXNlRXZlbnRIYW5kbGVyPEhUTUxCdXR0b25FbGVtZW50Pjtcbn1cblxuY29uc3QgRXhwYW5kQnV0dG9uID0gKHsgc2l6ZSwgZXhwYW5kZWQsIGJ5bGluZUhpZGRlbiwgb25FeHBhbmQsIG9uSGlkZUJ5bGluZSB9OiBFeHBhbmRCdXR0b25Qcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGlmIChpc1NtYWxsKHNpemUpKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxidXR0b25cbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIGNsYXNzTmFtZT1cImMtZmlndXJlX19mdWxsc2NyZWVuLWJ0blwiXG4gICAgICAgIGFyaWEtbGFiZWw9e3QoYGxpY2Vuc2UuaW1hZ2VzLml0ZW1JbWFnZS56b29tJHtleHBhbmRlZCA/ICdPdXQnIDogJyd9SW1hZ2VCdXR0b25MYWJlbGApfVxuICAgICAgICBvbkNsaWNrPXtvbkV4cGFuZH1cbiAgICAgID5cbiAgICAgICAge2V4cGFuZGVkID8gPEFycm93Q29sbGFwc2UgLz4gOiA8RXhwYW5kVHdvQXJyb3dzIC8+fVxuICAgICAgPC9idXR0b24+XG4gICAgKTtcbiAgfSBlbHNlIGlmIChoaWRlQnlsaW5lKHNpemUpKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxidXR0b25cbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIGNsYXNzTmFtZT1cImMtZmlndXJlX19zaG93LWJ5bGluZS1idG5cIlxuICAgICAgICBhcmlhLWxhYmVsPXt0KGBsaWNlbnNlLmltYWdlcy5pdGVtSW1hZ2UuJHtieWxpbmVIaWRkZW4gPyAnZXhwYW5kQnlsaW5lJyA6ICdtaW5pbWl6ZUJ5bGluZSd9YCl9XG4gICAgICAgIG9uQ2xpY2s9e29uSGlkZUJ5bGluZX1cbiAgICAgID5cbiAgICAgICAge2J5bGluZUhpZGRlbiA/IDxDaGV2cm9uRG93biAvPiA6IDxDaGV2cm9uVXAgLz59XG4gICAgICA8L2J1dHRvbj5cbiAgICApO1xuICB9IGVsc2UgcmV0dXJuIG51bGw7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBJbWFnZUVtYmVkO1xuIl19 */"));
-var hideByline = function hideByline(size) {
+const hideByline = size => {
   return !!size && size.endsWith('-hide-byline');
 };
-var ImageWrapper = function ImageWrapper(_ref2) {
-  var src = _ref2.src,
-    crop = _ref2.crop,
-    size = _ref2.size,
-    children = _ref2.children,
-    pagePath = _ref2.pagePath;
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-    t = _useTranslation.t;
+const ImageWrapper = _ref2 => {
+  let {
+    src,
+    crop,
+    size,
+    children,
+    pagePath
+  } = _ref2;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
   if (isSmall(size) || hideByline(size) || !src || pagePath && src.endsWith(pagePath)) {
     return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
       children: children
@@ -222,19 +202,22 @@ var ImageWrapper = function ImageWrapper(_ref2) {
     })]
   });
 };
-var ExpandButton = function ExpandButton(_ref3) {
-  var size = _ref3.size,
-    expanded = _ref3.expanded,
-    bylineHidden = _ref3.bylineHidden,
-    onExpand = _ref3.onExpand,
-    onHideByline = _ref3.onHideByline;
-  var _useTranslation2 = (0, _reactI18next.useTranslation)(),
-    t = _useTranslation2.t;
+const ExpandButton = _ref3 => {
+  let {
+    size,
+    expanded,
+    bylineHidden,
+    onExpand,
+    onHideByline
+  } = _ref3;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
   if (isSmall(size)) {
     return (0, _jsxRuntime.jsx)("button", {
       type: "button",
       className: "c-figure__fullscreen-btn",
-      "aria-label": t("license.images.itemImage.zoom".concat(expanded ? 'Out' : '', "ImageButtonLabel")),
+      "aria-label": t(`license.images.itemImage.zoom${expanded ? 'Out' : ''}ImageButtonLabel`),
       onClick: onExpand,
       children: expanded ? (0, _jsxRuntime.jsx)(_common.ArrowCollapse, {}) : (0, _jsxRuntime.jsx)(_action.ExpandTwoArrows, {})
     });
@@ -242,11 +225,10 @@ var ExpandButton = function ExpandButton(_ref3) {
     return (0, _jsxRuntime.jsx)("button", {
       type: "button",
       className: "c-figure__show-byline-btn",
-      "aria-label": t("license.images.itemImage.".concat(bylineHidden ? 'expandByline' : 'minimizeByline')),
+      "aria-label": t(`license.images.itemImage.${bylineHidden ? 'expandByline' : 'minimizeByline'}`),
       onClick: onHideByline,
       children: bylineHidden ? (0, _jsxRuntime.jsx)(_common.ChevronDown, {}) : (0, _jsxRuntime.jsx)(_common.ChevronUp, {})
     });
   } else return null;
 };
-var _default = ImageEmbed;
-exports.default = _default;
+var _default = exports.default = ImageEmbed;

package/lib/Embed/RelatedContentEmbed.js

@@ -16,49 +16,47 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
  *
  */
 
-var RelatedContentEmbed = function RelatedContentEmbed(_ref) {
-  var embed = _ref.embed,
-    isOembed = _ref.isOembed,
-    subject = _ref.subject,
-    ndlaFrontendDomain = _ref.ndlaFrontendDomain;
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-    t = _useTranslation.t;
+const RelatedContentEmbed = _ref => {
+  let {
+    embed,
+    isOembed,
+    subject,
+    ndlaFrontendDomain
+  } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
   if (embed.status === 'error') {
     return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
   }
-  var data = embed.data,
-    embedData = embed.embedData;
+  const {
+    data,
+    embedData
+  } = embed;
   if (embedData.articleId && data) {
-    var _data$resource, _data$resource$resour, _ref2, _data$resource$paths$, _data$resource2, _data$resource3, _data$article$title$t, _data$article$title, _data$article$metaDes, _data$article$metaDes2;
-    var typeId = (_data$resource = data.resource) === null || _data$resource === void 0 ? void 0 : (_data$resource$resour = _data$resource.resourceTypes.find(function (rt) {
-      return _ContentType.contentTypeMapping[rt.id];
-    })) === null || _data$resource$resour === void 0 ? void 0 : _data$resource$resour.id;
-    var type = typeId ? _ContentType.contentTypeMapping[typeId] : undefined;
-    var path = (_ref2 = (_data$resource$paths$ = (_data$resource2 = data.resource) === null || _data$resource2 === void 0 ? void 0 : _data$resource2.paths.find(function (p) {
-      return p.split('/')[1] === (subject === null || subject === void 0 ? void 0 : subject.replace('urn:', ''));
-    })) !== null && _data$resource$paths$ !== void 0 ? _data$resource$paths$ : (_data$resource3 = data.resource) === null || _data$resource3 === void 0 ? void 0 : _data$resource3.path) !== null && _ref2 !== void 0 ? _ref2 : "/article/".concat(embedData.articleId);
+    const typeId = data.resource?.resourceTypes.find(rt => _ContentType.contentTypeMapping[rt.id])?.id;
+    const type = typeId ? _ContentType.contentTypeMapping[typeId] : undefined;
+    const path = data.resource?.paths.find(p => p.split('/')[1] === subject?.replace('urn:', '')) ?? data.resource?.path ?? `/article/${embedData.articleId}`;
     return (0, _jsxRuntime.jsx)(_RelatedArticleList.RelatedArticle, {
-      title: (_data$article$title$t = (_data$article$title = data.article.title) === null || _data$article$title === void 0 ? void 0 : _data$article$title.title) !== null && _data$article$title$t !== void 0 ? _data$article$title$t : '',
-      introduction: (_data$article$metaDes = (_data$article$metaDes2 = data.article.metaDescription) === null || _data$article$metaDes2 === void 0 ? void 0 : _data$article$metaDes2.metaDescription) !== null && _data$article$metaDes !== void 0 ? _data$article$metaDes : '',
+      title: data.article.title?.title ?? '',
+      introduction: data.article.metaDescription?.metaDescription ?? '',
       target: isOembed ? '_blank' : undefined,
-      to: "".concat(ndlaFrontendDomain !== null && ndlaFrontendDomain !== void 0 ? ndlaFrontendDomain : '').concat(path !== null && path !== void 0 ? path : ''),
+      to: `${ndlaFrontendDomain ?? ''}${path ?? ''}`,
       type: type
     });
   } else if (typeof embedData.url === 'string') {
-    var _embedData$title, _embedData$url$match;
     return (0, _jsxRuntime.jsx)(_RelatedArticleList.RelatedArticle, {
-      title: (_embedData$title = embedData.title) !== null && _embedData$title !== void 0 ? _embedData$title : '',
+      title: embedData.title ?? '',
       introduction: "",
       to: embedData.url,
       target: "_blank",
       type: 'external-learning-resources',
-      linkInfo: "".concat(t('related.linkInfo'), " ").concat(
+      linkInfo: `${t('related.linkInfo')} ${
       // Get domain name only from url
-      ((_embedData$url$match = embedData.url.match(/^(?:https?:\/\/)?(?:[^@\n]+@)?(?:www\.)?([^:/\n]+)/im)) === null || _embedData$url$match === void 0 ? void 0 : _embedData$url$match[1]) || embedData.url)
+      embedData.url.match(/^(?:https?:\/\/)?(?:[^@\n]+@)?(?:www\.)?([^:/\n]+)/im)?.[1] || embedData.url}`
     });
   } else {
     return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
   }
 };
-var _default = RelatedContentEmbed;
-exports.default = _default;
+var _default = exports.default = RelatedContentEmbed;

package/lib/Embed/UnknownEmbed.js

@@ -17,19 +17,21 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  *
  */
 
-var StyledSpan = /*#__PURE__*/(0, _base.default)("span", {
+const StyledSpan = /*#__PURE__*/(0, _base.default)("span", {
   target: "e1rt6jrv0",
   label: "StyledSpan"
 })("color:", _core.colors.support.red, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlVua25vd25FbWJlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUI4QiIsImZpbGUiOiJVbmtub3duRW1iZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY29sb3JzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBNZXRhRGF0YSB9IGZyb20gJ0BuZGxhL3R5cGVzLWVtYmVkJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgZW1iZWQ6IE1ldGFEYXRhPGFueSwgYW55Pjtcbn1cblxuY29uc3QgU3R5bGVkU3BhbiA9IHN0eWxlZC5zcGFuYFxuICBjb2xvcjogJHtjb2xvcnMuc3VwcG9ydC5yZWR9O1xuYDtcblxuY29uc3QgVW5rbm93bkVtYmVkID0gKHsgZW1iZWQgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gPFN0eWxlZFNwYW4+e3QoJ2VtYmVkLnVuc3VwcG9ydGVkJywgeyB0eXBlOiBlbWJlZC5yZXNvdXJjZSB9KX08L1N0eWxlZFNwYW4+O1xufTtcblxuZXhwb3J0IGRlZmF1bHQgVW5rbm93bkVtYmVkO1xuIl19 */"));
-var UnknownEmbed = function UnknownEmbed(_ref) {
-  var embed = _ref.embed;
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-    t = _useTranslation.t;
+const UnknownEmbed = _ref => {
+  let {
+    embed
+  } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
   return (0, _jsxRuntime.jsx)(StyledSpan, {
     children: t('embed.unsupported', {
       type: embed.resource
     })
   });
 };
-var _default = UnknownEmbed;
-exports.default = _default;
+var _default = exports.default = UnknownEmbed;