@ndla/ui 34.6.1 → 34.6.3

package/es/Embed/ImageEmbed.js

@@ -0,0 +1,322 @@
+import _styled from "@emotion/styled/base";
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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) 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.
+ *
+ */
+
+import isNumber from 'lodash/isNumber';
+import { figureApa7CopyString, getGroupedContributorDescriptionList, getLicenseByAbbreviation } from '@ndla/licenses';
+import { useTranslation } from 'react-i18next';
+import { ModalV2 } from '@ndla/modal';
+import { SafeLinkButton } from '@ndla/safelink';
+import { useState } from 'react';
+import { ButtonV2, CopyButton } from '@ndla/button';
+import { ExpandTwoArrows } from '@ndla/icons/action';
+import { ArrowCollapse, ChevronDown, ChevronUp } from '@ndla/icons/common';
+import { Figure, FigureCaption } from '../Figure';
+import Image, { ImageLink } from '../Image';
+import { FigureLicenseDialogContent } from '../Figure/FigureLicenseDialogContent';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+export var getLicenseCredits = function getLicenseCredits(copyright) {
+  var _copyright$creators, _copyright$rightshold, _copyright$processors;
+  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 : []
+  };
+};
+export 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";
+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) {
+  if (size && isSmall(size) && align && isAlign(align)) {
+    return "".concat(size, "-").concat(align);
+  }
+  if (size && isSmall(size) && !align) {
+    return size;
+  }
+  if (align && isAlign(align)) {
+    return align;
+  }
+  return 'full';
+};
+var getSizes = function getSizes(size, align) {
+  if (align && size === 'full') {
+    return '(min-width: 1024px) 512px, (min-width: 768px) 350px, 100vw';
+  }
+  if (align && size === 'small') {
+    return '(min-width: 1024px) 350px, (min-width: 768px) 180px, 100vw';
+  }
+  if (align && size === 'xsmall') {
+    return '(min-width: 1024px) 180px, (min-width: 768px) 180px, 100vw';
+  }
+  return '(min-width: 1024px) 1024px, 100vw';
+};
+var getFocalPoint = function getFocalPoint(data) {
+  if (isNumber(data.focalX) && isNumber(data.focalY)) {
+    return {
+      x: data.focalX,
+      y: data.focalY
+    };
+  }
+  return undefined;
+};
+var getCrop = function getCrop(data) {
+  if (isNumber(data.lowerRightX) && isNumber(data.lowerRightY) && isNumber(data.upperLeftX) && isNumber(data.upperLeftY)) {
+    return {
+      startX: data.lowerRightX,
+      startY: data.lowerRightY,
+      endX: data.upperLeftX,
+      endY: data.upperLeftY
+    };
+  }
+  return undefined;
+};
+var StyledSpan = /*#__PURE__*/_styled("span", {
+  target: "ened8ka0",
+  label: "StyledSpan"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1t01il3",
+  styles: "font-style:italic;color:grey"
+} : {
+  name: "1t01il3",
+  styles: "font-style:italic;color:grey",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlRW1iZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNHOEIiLCJmaWxlIjoiSW1hZ2VFbWJlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBpc051bWJlciBmcm9tICdsb2Rhc2gvaXNOdW1iZXInO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZmlndXJlQXBhN0NvcHlTdHJpbmcsIGdldEdyb3VwZWRDb250cmlidXRvckRlc2NyaXB0aW9uTGlzdCwgZ2V0TGljZW5zZUJ5QWJicmV2aWF0aW9uIH0gZnJvbSAnQG5kbGEvbGljZW5zZXMnO1xuaW1wb3J0IHsgSW1hZ2VFbWJlZERhdGEsIEltYWdlTWV0YURhdGEgfSBmcm9tICdAbmRsYS90eXBlcy1lbWJlZCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgTW9kYWxWMiB9IGZyb20gJ0BuZGxhL21vZGFsJztcbmltcG9ydCB7IFNhZmVMaW5rQnV0dG9uIH0gZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHsgTW91c2VFdmVudEhhbmRsZXIsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgQnV0dG9uVjIsIENvcHlCdXR0b24gfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgRXhwYW5kVHdvQXJyb3dzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCB7IEFycm93Q29sbGFwc2UsIENoZXZyb25Eb3duLCBDaGV2cm9uVXAgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgRmlndXJlLCBGaWd1cmVDYXB0aW9uLCBGaWd1cmVUeXBlIH0gZnJvbSAnLi4vRmlndXJlJztcbmltcG9ydCBJbWFnZSwgeyBJbWFnZUxpbmsgfSBmcm9tICcuLi9JbWFnZSc7XG5pbXBvcnQgeyBGaWd1cmVMaWNlbnNlRGlhbG9nQ29udGVudCB9IGZyb20gJy4uL0ZpZ3VyZS9GaWd1cmVMaWNlbnNlRGlhbG9nQ29udGVudCc7XG5pbXBvcnQgeyBDb3B5cmlnaHQgfSBmcm9tICcuLi90eXBlcyc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGVtYmVkOiBJbWFnZU1ldGFEYXRhO1xuICBhcnRpY2xlUGF0aD86IHN0cmluZztcbiAgcHJldmlld0FsdD86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgQXV0aG9yIHtcbiAgbmFtZTogc3RyaW5nO1xuICB0eXBlOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBnZXRMaWNlbnNlQ3JlZGl0cyA9IChjb3B5cmlnaHQ/OiB7XG4gIGNyZWF0b3JzPzogQXV0aG9yW107XG4gIHJpZ2h0c2hvbGRlcnM/OiBBdXRob3JbXTtcbiAgcHJvY2Vzc29ycz86IEF1dGhvcltdO1xufSkgPT4ge1xuICByZXR1cm4ge1xuICAgIGNyZWF0b3JzOiBjb3B5cmlnaHQ/LmNyZWF0b3JzID8/IFtdLFxuICAgIHJpZ2h0c2hvbGRlcnM6IGNvcHlyaWdodD8ucmlnaHRzaG9sZGVycyA/PyBbXSxcbiAgICBwcm9jZXNzb3JzOiBjb3B5cmlnaHQ/LnByb2Nlc3NvcnMgPz8gW10sXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgZXJyb3JTdmdTcmMgPSBgZGF0YTppbWFnZS9zdmcreG1sO2NoYXJzZXQ9VVRGLTgsJTNDc3ZnIGZpbGw9JyUyMzhBODg4OCcgaGVpZ2h0PSc0MDAnIHZpZXdCb3g9JzAgMCAyNCAxMicgd2lkdGg9JzEwMCUyNScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBzdHlsZT0nYmFja2dyb3VuZC1jb2xvcjogJTIzRUZGMEYyJyUzRSUzQ3BhdGggZD0nTTAgMGgyNHYyNEgwVjB6JyBmaWxsPSdub25lJy8lM0UlM0NwYXRoIHRyYW5zZm9ybT0nc2NhbGUoMC4zKSB0cmFuc2xhdGUoMjgsIDguNSknIGQ9J00xMSAxNWgydjJoLTJ6bTAtOGgydjZoLTJ6bS45OS01QzYuNDcgMiAyIDYuNDggMiAxMnM0LjQ3IDEwIDkuOTkgMTBDMTcuNTIgMjIgMjIgMTcuNTIgMjIgMTJTMTcuNTIgMiAxMS45OSAyek0xMiAyMGMtNC40MiAwLTgtMy41OC04LThzMy41OC04IDgtOCA4IDMuNTggOCA4LTMuNTggOC04IDh6Jy8lM0UlM0Mvc3ZnJTNFYDtcbmNvbnN0IGlzU21hbGwgPSAoc2l6ZT86IHN0cmluZyk6IHNpemUgaXMgJ3hzbWFsbCcgfCAnc21hbGwnID0+IHNpemUgPT09ICd4c21hbGwnIHx8IHNpemUgPT09ICdzbWFsbCc7XG5cbmNvbnN0IGlzQWxpZ24gPSAoYWxpZ24/OiBzdHJpbmcpOiBhbGlnbiBpcyAnbGVmdCcgfCAncmlnaHQnID0+IGFsaWduID09PSAnbGVmdCcgfHwgYWxpZ24gPT09ICdyaWdodCc7XG5cbmNvbnN0IGdldEZpZ3VyZVR5cGUgPSAoc2l6ZT86IHN0cmluZywgYWxpZ24/OiBzdHJpbmcpOiBGaWd1cmVUeXBlID0+IHtcbiAgaWYgKHNpemUgJiYgaXNTbWFsbChzaXplKSAmJiBhbGlnbiAmJiBpc0FsaWduKGFsaWduKSkge1xuICAgIHJldHVybiBgJHtzaXplfS0ke2FsaWdufWA7XG4gIH1cbiAgaWYgKHNpemUgJiYgaXNTbWFsbChzaXplKSAmJiAhYWxpZ24pIHtcbiAgICByZXR1cm4gc2l6ZSBhcyBGaWd1cmVUeXBlO1xuICB9XG4gIGlmIChhbGlnbiAmJiBpc0FsaWduKGFsaWduKSkge1xuICAgIHJldHVybiBhbGlnbjtcbiAgfVxuICByZXR1cm4gJ2Z1bGwnO1xufTtcblxuY29uc3QgZ2V0U2l6ZXMgPSAoc2l6ZT86IHN0cmluZywgYWxpZ24/OiBzdHJpbmcpID0+IHtcbiAgaWYgKGFsaWduICYmIHNpemUgPT09ICdmdWxsJykge1xuICAgIHJldHVybiAnKG1pbi13aWR0aDogMTAyNHB4KSA1MTJweCwgKG1pbi13aWR0aDogNzY4cHgpIDM1MHB4LCAxMDB2dyc7XG4gIH1cbiAgaWYgKGFsaWduICYmIHNpemUgPT09ICdzbWFsbCcpIHtcbiAgICByZXR1cm4gJyhtaW4td2lkdGg6IDEwMjRweCkgMzUwcHgsIChtaW4td2lkdGg6IDc2OHB4KSAxODBweCwgMTAwdncnO1xuICB9XG4gIGlmIChhbGlnbiAmJiBzaXplID09PSAneHNtYWxsJykge1xuICAgIHJldHVybiAnKG1pbi13aWR0aDogMTAyNHB4KSAxODBweCwgKG1pbi13aWR0aDogNzY4cHgpIDE4MHB4LCAxMDB2dyc7XG4gIH1cbiAgcmV0dXJuICcobWluLXdpZHRoOiAxMDI0cHgpIDEwMjRweCwgMTAwdncnO1xufTtcblxuY29uc3QgZ2V0Rm9jYWxQb2ludCA9IChkYXRhOiBJbWFnZUVtYmVkRGF0YSkgPT4ge1xuICBpZiAoaXNOdW1iZXIoZGF0YS5mb2NhbFgpICYmIGlzTnVtYmVyKGRhdGEuZm9jYWxZKSkge1xuICAgIHJldHVybiB7IHg6IGRhdGEuZm9jYWxYLCB5OiBkYXRhLmZvY2FsWSB9O1xuICB9XG4gIHJldHVybiB1bmRlZmluZWQ7XG59O1xuXG5jb25zdCBnZXRDcm9wID0gKGRhdGE6IEltYWdlRW1iZWREYXRhKSA9PiB7XG4gIGlmIChcbiAgICBpc051bWJlcihkYXRhLmxvd2VyUmlnaHRYKSAmJlxuICAgIGlzTnVtYmVyKGRhdGEubG93ZXJSaWdodFkpICYmXG4gICAgaXNOdW1iZXIoZGF0YS51cHBlckxlZnRYKSAmJlxuICAgIGlzTnVtYmVyKGRhdGEudXBwZXJMZWZ0WSlcbiAgKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHN0YXJ0WDogZGF0YS5sb3dlclJpZ2h0WCxcbiAgICAgIHN0YXJ0WTogZGF0YS5sb3dlclJpZ2h0WSxcbiAgICAgIGVuZFg6IGRhdGEudXBwZXJMZWZ0WCxcbiAgICAgIGVuZFk6IGRhdGEudXBwZXJMZWZ0WSxcbiAgICB9O1xuICB9XG4gIHJldHVybiB1bmRlZmluZWQ7XG59O1xuXG5jb25zdCBTdHlsZWRTcGFuID0gc3R5bGVkLnNwYW5gXG4gIGZvbnQtc3R5bGU6IGl0YWxpYztcbiAgY29sb3I6IGdyZXk7XG5gO1xuXG5jb25zdCBleHBhbmRlZFNpemVzID0gJyhtaW4td2lkdGg6IDEwMjRweCkgMTAyNHB4LCAxMDB2dyc7XG5cbmNvbnN0IEltYWdlRW1iZWQgPSAoeyBlbWJlZCwgYXJ0aWNsZVBhdGgsIHByZXZpZXdBbHQgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgW2lzT3Blbiwgc2V0SXNPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2lzQnlsaW5lSGlkZGVuLCBzZXRJc0J5bGluZUhpZGRlbl0gPSB1c2VTdGF0ZShoaWRlQnlsaW5lKGVtYmVkLmVtYmVkRGF0YS5zaXplKSk7XG4gIGNvbnN0IFtpbWFnZVNpemVzLCBzZXRJbWFnZVNpemVzXSA9IHVzZVN0YXRlPHN0cmluZyB8IHVuZGVmaW5lZD4odW5kZWZpbmVkKTtcbiAgY29uc3QgeyB0LCBpMThuIH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBpZiAoZW1iZWQuc3RhdHVzID09PSAnZXJyb3InKSB7XG4gICAgY29uc3QgeyBhbGlnbiwgc2l6ZSB9ID0gZW1iZWQuZW1iZWREYXRhO1xuICAgIGNvbnN0IGZpZ3VyZVR5cGUgPSBnZXRGaWd1cmVUeXBlKHNpemUsIGFsaWduKTtcbiAgICByZXR1cm4gKFxuICAgICAgPEZpZ3VyZSB0eXBlPXtmaWd1cmVUeXBlfT5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJjLWZpZ3VyZV9faW1nXCI+XG4gICAgICAgICAgPGltZyBhbHQ9e3QoJ2ltYWdlLmVycm9yLnVybCcpfSBzcmM9e2Vycm9yU3ZnU3JjfSAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGZpZ2NhcHRpb24+e3QoJ2ltYWdlLmVycm9yLmNhcHRpb24nKX08L2ZpZ2NhcHRpb24+XG4gICAgICA8L0ZpZ3VyZT5cbiAgICApO1xuICB9XG5cbiAgY29uc3QgeyBkYXRhLCBlbWJlZERhdGEsIHNlcSB9ID0gZW1iZWQ7XG5cbiAgY29uc3QgYXV0aG9ycyA9IGdldExpY2Vuc2VDcmVkaXRzKGRhdGEuY29weXJpZ2h0KTtcblxuICBjb25zdCBhbHRUZXh0ID0gZW1iZWREYXRhLmFsdCB8fCAnJztcbiAgY29uc3QgY2FwdGlvbiA9IGVtYmVkRGF0YS5jYXB0aW9uIHx8ICcnO1xuICBjb25zdCBsaWNlbnNlID0gZ2V0TGljZW5zZUJ5QWJicmV2aWF0aW9uKGRhdGEuY29weXJpZ2h0LmxpY2Vuc2UubGljZW5zZSwgaTE4bi5sYW5ndWFnZSk7XG5cbiAgY29uc3QgZmlndXJlVHlwZSA9IGdldEZpZ3VyZVR5cGUoZW1iZWREYXRhLnNpemUsIGVtYmVkRGF0YS5hbGlnbik7XG4gIGNvbnN0IHNpemVzID0gZ2V0U2l6ZXMoZW1iZWREYXRhLnNpemUsIGVtYmVkRGF0YS5hbGlnbik7XG5cbiAgY29uc3QgZm9jYWxQb2ludCA9IGdldEZvY2FsUG9pbnQoZW1iZWREYXRhKTtcbiAgY29uc3QgY3JvcCA9IGdldENyb3AoZW1iZWREYXRhKTtcblxuICBjb25zdCBjb250cmlidXRvcnMgPSBnZXRHcm91cGVkQ29udHJpYnV0b3JEZXNjcmlwdGlvbkxpc3QoZGF0YS5jb3B5cmlnaHQsIGkxOG4ubGFuZ3VhZ2UpLm1hcCgoaXRlbSkgPT4gKHtcbiAgICBuYW1lOiBpdGVtLmRlc2NyaXB0aW9uLFxuICAgIHR5cGU6IGl0ZW0ubGFiZWwsXG4gIH0pKTtcblxuICBjb25zdCBmaWd1cmVJZCA9IGBmaWd1cmUtJHtzZXF9LSR7ZGF0YS5pZH1gO1xuXG4gIGNvbnN0IHsgY3JlYXRvcnMsIHJpZ2h0c2hvbGRlcnMsIHByb2Nlc3NvcnMgfSA9IGF1dGhvcnM7XG4gIGNvbnN0IGNhcHRpb25BdXRob3JzID0gY3JlYXRvcnMubGVuZ3RoIHx8IHJpZ2h0c2hvbGRlcnMubGVuZ3RoID8gWy4uLmNyZWF0b3JzLCAuLi5yaWdodHNob2xkZXJzXSA6IHByb2Nlc3NvcnM7XG4gIHJldHVybiAoXG4gICAgPEZpZ3VyZVxuICAgICAgaWQ9e2ZpZ3VyZUlkfVxuICAgICAgdHlwZT17aW1hZ2VTaXplcyA/IHVuZGVmaW5lZCA6IGZpZ3VyZVR5cGV9XG4gICAgICBjbGFzc05hbWU9e2ltYWdlU2l6ZXMgPyAnYy1maWd1cmUtLXJpZ2h0IGV4cGFuZGVkJyA6ICcnfT5cbiAgICAgIDxJbWFnZVdyYXBwZXIgc3JjPXtkYXRhLmltYWdlVXJsfSBjcm9wPXtjcm9wfSBzaXplPXtlbWJlZERhdGEuc2l6ZX0+XG4gICAgICAgIDxJbWFnZVxuICAgICAgICAgIGZvY2FsUG9pbnQ9e2ZvY2FsUG9pbnR9XG4gICAgICAgICAgY29udGVudFR5cGU9e2RhdGEuY29udGVudFR5cGV9XG4gICAgICAgICAgY3JvcD17Y3JvcH1cbiAgICAgICAgICBzaXplcz17aW1hZ2VTaXplcyA/PyBzaXplc31cbiAgICAgICAgICBhbHQ9e2FsdFRleHR9XG4gICAgICAgICAgc3JjPXtkYXRhLmltYWdlVXJsfVxuICAgICAgICAgIGV4cGFuZEJ1dHRvbj17XG4gICAgICAgICAgICA8RXhwYW5kQnV0dG9uXG4gICAgICAgICAgICAgIHNpemU9e2VtYmVkRGF0YS5zaXplfVxuICAgICAgICAgICAgICBleHBhbmRlZD17ISFpbWFnZVNpemVzfVxuICAgICAgICAgICAgICBieWxpbmVIaWRkZW49e2lzQnlsaW5lSGlkZGVufVxuICAgICAgICAgICAgICBvbkV4cGFuZD17KCkgPT4gc2V0SW1hZ2VTaXplcygocCkgPT4gKHAgPyB1bmRlZmluZWQgOiBleHBhbmRlZFNpemVzKSl9XG4gICAgICAgICAgICAgIG9uSGlkZUJ5bGluZT17KCkgPT4gc2V0SXNCeWxpbmVIaWRkZW4oKHApID0+ICFwKX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgfVxuICAgICAgICAvPlxuICAgICAgPC9JbWFnZVdyYXBwZXI+XG4gICAgICB7cHJldmlld0FsdCA/IDxTdHlsZWRTcGFuPntgQWx0OiAke2VtYmVkRGF0YS5hbHR9YH08L1N0eWxlZFNwYW4+IDogbnVsbH1cbiAgICAgIDxGaWd1cmVDYXB0aW9uXG4gICAgICAgIGhpZGVGaWdjYXB0aW9uPXtpc1NtYWxsKGVtYmVkRGF0YS5zaXplKSB8fCBpc0J5bGluZUhpZGRlbn1cbiAgICAgICAgZmlndXJlSWQ9e2ZpZ3VyZUlkfVxuICAgICAgICBpZD17ZmlndXJlSWR9XG4gICAgICAgIGNhcHRpb249e2NhcHRpb259XG4gICAgICAgIHJldXNlTGFiZWw9e3QoJ2ltYWdlLnJldXNlJyl9XG4gICAgICAgIG1vZGFsQnV0dG9uPXtcbiAgICAgICAgICA8QnV0dG9uVjIgc2hhcGU9XCJwaWxsXCIgdmFyaWFudD1cIm91dGxpbmVcIiBzaXplPVwic21hbGxcIiBvbkNsaWNrPXsoKSA9PiBzZXRJc09wZW4odHJ1ZSl9PlxuICAgICAgICAgICAge3QoJ2ltYWdlLnJldXNlJyl9XG4gICAgICAgICAgPC9CdXR0b25WMj5cbiAgICAgICAgfVxuICAgICAgICBsaWNlbnNlUmlnaHRzPXtsaWNlbnNlLnJpZ2h0c31cbiAgICAgICAgYXV0aG9ycz17Y2FwdGlvbkF1dGhvcnN9XG4gICAgICAgIGxvY2FsZT17aTE4bi5sYW5ndWFnZX0+XG4gICAgICAgIDxNb2RhbFYyIGNvbnRyb2xsZWQgaXNPcGVuPXtpc09wZW59IG9uQ2xvc2U9eygpID0+IHNldElzT3BlbihmYWxzZSl9IGxhYmVsbGVkQnk9XCJsaWNlbnNlLWRpYWxvZy1ydWxlcy1oZWFkaW5nXCI+XG4gICAgICAgICAgeyhjbG9zZSkgPT4gKFxuICAgICAgICAgICAgPEZpZ3VyZUxpY2Vuc2VEaWFsb2dDb250ZW50XG4gICAgICAgICAgICAgIHRpdGxlPXtkYXRhLnRpdGxlLnRpdGxlfVxuICAgICAgICAgICAgICBsaWNlbnNlPXtsaWNlbnNlfVxuICAgICAgICAgICAgICBvbkNsb3NlPXtjbG9zZX1cbiAgICAgICAgICAgICAgYXV0aG9ycz17Y29udHJpYnV0b3JzfVxuICAgICAgICAgICAgICBvcmlnaW49e2RhdGEuY29weXJpZ2h0Lm9yaWdpbn1cbiAgICAgICAgICAgICAgbG9jYWxlPXtpMThuLmxhbmd1YWdlfVxuICAgICAgICAgICAgICB0eXBlPVwiaW1hZ2VcIj5cbiAgICAgICAgICAgICAgPEltYWdlTGljZW5zZUJ1dHRvbnNcbiAgICAgICAgICAgICAgICBhcnRpY2xlUGF0aD17YXJ0aWNsZVBhdGh9XG4gICAgICAgICAgICAgICAgdGl0bGU9e2RhdGEudGl0bGUudGl0bGV9XG4gICAgICAgICAgICAgICAgaW1hZ2VVcmw9e2RhdGEuaW1hZ2VVcmx9XG4gICAgICAgICAgICAgICAgY29weXJpZ2h0PXtkYXRhLmNvcHlyaWdodH1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvRmlndXJlTGljZW5zZURpYWxvZ0NvbnRlbnQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9Nb2RhbFYyPlxuICAgICAgPC9GaWd1cmVDYXB0aW9uPlxuICAgIDwvRmlndXJlPlxuICApO1xufTtcblxuaW50ZXJmYWNlIEltYWdlV3JhcHBlclByb3BzIHtcbiAgc3JjOiBzdHJpbmc7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIGNyb3A/OiB7XG4gICAgc3RhcnRYOiBudW1iZXI7XG4gICAgc3RhcnRZOiBudW1iZXI7XG4gICAgZW5kWDogbnVtYmVyO1xuICAgIGVuZFk6IG51bWJlcjtcbiAgfTtcbiAgc2l6ZT86IHN0cmluZztcbn1cbmNvbnN0IGhpZGVCeWxpbmUgPSAoc2l6ZT86IHN0cmluZyk6IGJvb2xlYW4gPT4ge1xuICByZXR1cm4gISFzaXplICYmIHNpemUuZW5kc1dpdGgoJy1oaWRlLWJ5bGluZScpO1xufTtcblxuaW50ZXJmYWNlIEltYWdlTGljZW5zZUJ1dHRvbnNQcm9wcyB7XG4gIGltYWdlVXJsOiBzdHJpbmc7XG4gIHRpdGxlPzogc3RyaW5nO1xuICBhcnRpY2xlUGF0aD86IHN0cmluZztcbiAgY29weXJpZ2h0PzogUGFydGlhbDxDb3B5cmlnaHQ+O1xufVxuXG5leHBvcnQgY29uc3QgSW1hZ2VMaWNlbnNlQnV0dG9ucyA9ICh7IGltYWdlVXJsLCB0aXRsZSwgYXJ0aWNsZVBhdGgsIGNvcHlyaWdodCB9OiBJbWFnZUxpY2Vuc2VCdXR0b25zUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0LCBpMThuIH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBpZiAoIWNvcHlyaWdodD8ubGljZW5zZT8ubGljZW5zZSB8fCBjb3B5cmlnaHQ/LmxpY2Vuc2U/LmxpY2Vuc2UgPT09ICdDT1BZUklHSFRFRCcpIHJldHVybiBudWxsO1xuXG4gIGNvbnN0IGNvcHlTdHJpbmcgPSBmaWd1cmVBcGE3Q29weVN0cmluZyhcbiAgICB0aXRsZSxcbiAgICB1bmRlZmluZWQsXG4gICAgaW1hZ2VVcmwsXG4gICAgYXJ0aWNsZVBhdGgsXG4gICAgY29weXJpZ2h0LFxuICAgIGNvcHlyaWdodD8ubGljZW5zZT8ubGljZW5zZSxcbiAgICAnJyxcbiAgICB0LFxuICAgIGkxOG4ubGFuZ3VhZ2UsXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPENvcHlCdXR0b25cbiAgICAgICAgdmFyaWFudD1cIm91dGxpbmVcIlxuICAgICAgICBvbkNsaWNrPXsoKSA9PiBuYXZpZ2F0b3IuY2xpcGJvYXJkLndyaXRlVGV4dChjb3B5U3RyaW5nKX1cbiAgICAgICAgY29weU5vZGU9e3QoJ2xpY2Vuc2UuaGFzQ29waWVkVGl0bGUnKX1cbiAgICAgICAgYXJpYS1saXZlPVwiYXNzZXJ0aXZlXCI+XG4gICAgICAgIHt0KCdsaWNlbnNlLmNvcHlUaXRsZScpfVxuICAgICAgPC9Db3B5QnV0dG9uPlxuICAgICAgPFNhZmVMaW5rQnV0dG9uIHRvPXtgJHtpbWFnZVVybH0/ZG93bmxvYWQ9dHJ1ZWB9IGRvd25sb2FkIHZhcmlhbnQ9XCJvdXRsaW5lXCI+XG4gICAgICAgIHt0KCdpbWFnZS5kb3dubG9hZCcpfVxuICAgICAgPC9TYWZlTGlua0J1dHRvbj5cbiAgICA8Lz5cbiAgKTtcbn07XG5cbmNvbnN0IEltYWdlV3JhcHBlciA9ICh7IHNyYywgY3JvcCwgc2l6ZSwgY2hpbGRyZW4gfTogSW1hZ2VXcmFwcGVyUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBpZiAoaXNTbWFsbChzaXplKSB8fCBoaWRlQnlsaW5lKHNpemUpKSB7XG4gICAgcmV0dXJuIDw+e2NoaWxkcmVufTwvPjtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPEltYWdlTGluayBzcmM9e3NyY30gY3JvcD17Y3JvcH0gYXJpYS1sYWJlbD17dCgnbGljZW5zZS5pbWFnZXMuaXRlbUltYWdlLmFyaWFMYWJlbCcpfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0ltYWdlTGluaz5cbiAgKTtcbn07XG5cbmludGVyZmFjZSBFeHBhbmRCdXR0b25Qcm9wcyB7XG4gIHNpemU/OiBzdHJpbmc7XG4gIGV4cGFuZGVkOiBib29sZWFuO1xuICBieWxpbmVIaWRkZW46IGJvb2xlYW47XG4gIG9uRXhwYW5kOiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MQnV0dG9uRWxlbWVudD47XG4gIG9uSGlkZUJ5bGluZTogTW91c2VFdmVudEhhbmRsZXI8SFRNTEJ1dHRvbkVsZW1lbnQ+O1xufVxuXG5jb25zdCBFeHBhbmRCdXR0b24gPSAoeyBzaXplLCBleHBhbmRlZCwgYnlsaW5lSGlkZGVuLCBvbkV4cGFuZCwgb25IaWRlQnlsaW5lIH06IEV4cGFuZEJ1dHRvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgaWYgKGlzU21hbGwoc2l6ZSkpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPGJ1dHRvblxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgY2xhc3NOYW1lPVwiYy1maWd1cmVfX2Z1bGxzY3JlZW4tYnRuXCJcbiAgICAgICAgYXJpYS1sYWJlbD17dChgbGljZW5zZS5pbWFnZXMuaXRlbUltYWdlLnpvb20ke2V4cGFuZGVkID8gJ091dCcgOiAnJ31JbWFnZUJ1dHRvbkxhYmVsYCl9XG4gICAgICAgIG9uQ2xpY2s9e29uRXhwYW5kfT5cbiAgICAgICAge2V4cGFuZGVkID8gPEFycm93Q29sbGFwc2UgLz4gOiA8RXhwYW5kVHdvQXJyb3dzIC8+fVxuICAgICAgPC9idXR0b24+XG4gICAgKTtcbiAgfSBlbHNlIGlmIChoaWRlQnlsaW5lKHNpemUpKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxidXR0b25cbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIGNsYXNzTmFtZT1cImMtZmlndXJlX19zaG93LWJ5bGluZS1idG5cIlxuICAgICAgICBhcmlhLWxhYmVsPXt0KGBsaWNlbnNlLmltYWdlcy5pdGVtSW1hZ2UuJHtieWxpbmVIaWRkZW4gPyAnZXhwYW5kQnlsaW5lJyA6ICdtaW5pbWl6ZUJ5bGluZSd9YCl9XG4gICAgICAgIG9uQ2xpY2s9e29uSGlkZUJ5bGluZX0+XG4gICAgICAgIHtieWxpbmVIaWRkZW4gPyA8Q2hldnJvbkRvd24gLz4gOiA8Q2hldnJvblVwIC8+fVxuICAgICAgPC9idXR0b24+XG4gICAgKTtcbiAgfSBlbHNlIHJldHVybiBudWxsO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgSW1hZ2VFbWJlZDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var expandedSizes = '(min-width: 1024px) 1024px, 100vw';
+var ImageEmbed = function ImageEmbed(_ref) {
+  var embed = _ref.embed,
+    articlePath = _ref.articlePath,
+    previewAlt = _ref.previewAlt;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
+  var _useState3 = useState(hideByline(embed.embedData.size)),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isBylineHidden = _useState4[0],
+    setIsBylineHidden = _useState4[1];
+  var _useState5 = useState(undefined),
+    _useState6 = _slicedToArray(_useState5, 2),
+    imageSizes = _useState6[0],
+    setImageSizes = _useState6[1];
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t,
+    i18n = _useTranslation.i18n;
+  if (embed.status === 'error') {
+    var _embed$embedData = embed.embedData,
+      align = _embed$embedData.align,
+      size = _embed$embedData.size;
+    var _figureType = getFigureType(size, align);
+    return _jsxs(Figure, {
+      type: _figureType,
+      children: [_jsx("div", {
+        className: "c-figure__img",
+        children: _jsx("img", {
+          alt: t('image.error.url'),
+          src: errorSvgSrc
+        })
+      }), _jsx("figcaption", {
+        children: t('image.error.caption')
+      })]
+    });
+  }
+  var data = embed.data,
+    embedData = embed.embedData,
+    seq = embed.seq;
+  var authors = getLicenseCredits(data.copyright);
+  var altText = embedData.alt || '';
+  var caption = embedData.caption || '';
+  var license = getLicenseByAbbreviation(data.copyright.license.license, i18n.language);
+  var figureType = getFigureType(embedData.size, embedData.align);
+  var sizes = getSizes(embedData.size, embedData.align);
+  var focalPoint = getFocalPoint(embedData);
+  var crop = getCrop(embedData);
+  var contributors = getGroupedContributorDescriptionList(data.copyright, i18n.language).map(function (item) {
+    return {
+      name: item.description,
+      type: item.label
+    };
+  });
+  var figureId = "figure-".concat(seq, "-").concat(data.id);
+  var creators = authors.creators,
+    rightsholders = authors.rightsholders,
+    processors = authors.processors;
+  var captionAuthors = creators.length || rightsholders.length ? [].concat(_toConsumableArray(creators), _toConsumableArray(rightsholders)) : processors;
+  return _jsxs(Figure, {
+    id: figureId,
+    type: imageSizes ? undefined : figureType,
+    className: imageSizes ? 'c-figure--right expanded' : '',
+    children: [_jsx(ImageWrapper, {
+      src: data.imageUrl,
+      crop: crop,
+      size: embedData.size,
+      children: _jsx(Image, {
+        focalPoint: focalPoint,
+        contentType: data.contentType,
+        crop: crop,
+        sizes: imageSizes !== null && imageSizes !== void 0 ? imageSizes : sizes,
+        alt: altText,
+        src: data.imageUrl,
+        expandButton: _jsx(ExpandButton, {
+          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;
+            });
+          }
+        })
+      })
+    }), previewAlt ? _jsx(StyledSpan, {
+      children: "Alt: ".concat(embedData.alt)
+    }) : null, _jsx(FigureCaption, {
+      hideFigcaption: isSmall(embedData.size) || isBylineHidden,
+      figureId: figureId,
+      id: figureId,
+      caption: caption,
+      reuseLabel: t('image.reuse'),
+      modalButton: _jsx(ButtonV2, {
+        shape: "pill",
+        variant: "outline",
+        size: "small",
+        onClick: function onClick() {
+          return setIsOpen(true);
+        },
+        children: t('image.reuse')
+      }),
+      licenseRights: license.rights,
+      authors: captionAuthors,
+      locale: i18n.language,
+      children: _jsx(ModalV2, {
+        controlled: true,
+        isOpen: isOpen,
+        onClose: function onClose() {
+          return setIsOpen(false);
+        },
+        labelledBy: "license-dialog-rules-heading",
+        children: function children(close) {
+          return _jsx(FigureLicenseDialogContent, {
+            title: data.title.title,
+            license: license,
+            onClose: close,
+            authors: contributors,
+            origin: data.copyright.origin,
+            locale: i18n.language,
+            type: "image",
+            children: _jsx(ImageLicenseButtons, {
+              articlePath: articlePath,
+              title: data.title.title,
+              imageUrl: data.imageUrl,
+              copyright: data.copyright
+            })
+          });
+        }
+      })
+    })]
+  });
+};
+var hideByline = function hideByline(size) {
+  return !!size && size.endsWith('-hide-byline');
+};
+export var ImageLicenseButtons = function ImageLicenseButtons(_ref2) {
+  var _copyright$license, _copyright$license2, _copyright$license3;
+  var imageUrl = _ref2.imageUrl,
+    title = _ref2.title,
+    articlePath = _ref2.articlePath,
+    copyright = _ref2.copyright;
+  var _useTranslation2 = useTranslation(),
+    t = _useTranslation2.t,
+    i18n = _useTranslation2.i18n;
+  if (!(copyright !== null && copyright !== void 0 && (_copyright$license = copyright.license) !== null && _copyright$license !== void 0 && _copyright$license.license) || (copyright === null || copyright === void 0 ? void 0 : (_copyright$license2 = copyright.license) === null || _copyright$license2 === void 0 ? void 0 : _copyright$license2.license) === 'COPYRIGHTED') return null;
+  var copyString = figureApa7CopyString(title, undefined, imageUrl, articlePath, copyright, copyright === null || copyright === void 0 ? void 0 : (_copyright$license3 = copyright.license) === null || _copyright$license3 === void 0 ? void 0 : _copyright$license3.license, '', t, i18n.language);
+  return _jsxs(_Fragment, {
+    children: [_jsx(CopyButton, {
+      variant: "outline",
+      onClick: function onClick() {
+        return navigator.clipboard.writeText(copyString);
+      },
+      copyNode: t('license.hasCopiedTitle'),
+      "aria-live": "assertive",
+      children: t('license.copyTitle')
+    }), _jsx(SafeLinkButton, {
+      to: "".concat(imageUrl, "?download=true"),
+      download: true,
+      variant: "outline",
+      children: t('image.download')
+    })]
+  });
+};
+var ImageWrapper = function ImageWrapper(_ref3) {
+  var src = _ref3.src,
+    crop = _ref3.crop,
+    size = _ref3.size,
+    children = _ref3.children;
+  var _useTranslation3 = useTranslation(),
+    t = _useTranslation3.t;
+  if (isSmall(size) || hideByline(size)) {
+    return _jsx(_Fragment, {
+      children: children
+    });
+  }
+  return _jsx(ImageLink, {
+    src: src,
+    crop: crop,
+    "aria-label": t('license.images.itemImage.ariaLabel'),
+    children: children
+  });
+};
+var ExpandButton = function ExpandButton(_ref4) {
+  var size = _ref4.size,
+    expanded = _ref4.expanded,
+    bylineHidden = _ref4.bylineHidden,
+    onExpand = _ref4.onExpand,
+    onHideByline = _ref4.onHideByline;
+  var _useTranslation4 = useTranslation(),
+    t = _useTranslation4.t;
+  if (isSmall(size)) {
+    return _jsx("button", {
+      type: "button",
+      className: "c-figure__fullscreen-btn",
+      "aria-label": t("license.images.itemImage.zoom".concat(expanded ? 'Out' : '', "ImageButtonLabel")),
+      onClick: onExpand,
+      children: expanded ? _jsx(ArrowCollapse, {}) : _jsx(ExpandTwoArrows, {})
+    });
+  } else if (hideByline(size)) {
+    return _jsx("button", {
+      type: "button",
+      className: "c-figure__show-byline-btn",
+      "aria-label": t("license.images.itemImage.".concat(bylineHidden ? 'expandByline' : 'minimizeByline')),
+      onClick: onHideByline,
+      children: bylineHidden ? _jsx(ChevronDown, {}) : _jsx(ChevronUp, {})
+    });
+  } else return null;
+};
+export default ImageEmbed;

package/es/Embed/RelatedContentEmbed.js

@@ -0,0 +1,58 @@
+/**
+ * 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.
+ *
+ */
+
+import { useTranslation } from 'react-i18next';
+import { contentTypeMapping } from '../model/ContentType';
+import { RelatedArticleV2 } from '../RelatedArticleList/RelatedArticleV2';
+import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+var RelatedContentEmbed = function RelatedContentEmbed(_ref) {
+  var embed = _ref.embed,
+    isOembed = _ref.isOembed,
+    subject = _ref.subject,
+    ndlaFrontendDomain = _ref.ndlaFrontendDomain;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  if (embed.status === 'error') {
+    return _jsx(_Fragment, {});
+  }
+  var data = embed.data,
+    embedData = embed.embedData;
+  if (embedData.articleId && data) {
+    var _data$resource, _data$resource$resour, _data$resource$paths$, _data$resource2, _data$resource3, _data$article$title$t, _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 contentTypeMapping[rt.id];
+    })) === null || _data$resource$resour === void 0 ? void 0 : _data$resource$resour.id;
+    var type = typeId ? contentTypeMapping[typeId] : undefined;
+    var path = (_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;
+    return _jsx(RelatedArticleV2, {
+      title: (_data$article$title$t = 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 : '',
+      target: isOembed ? '_blank' : undefined,
+      to: "".concat(ndlaFrontendDomain !== null && ndlaFrontendDomain !== void 0 ? ndlaFrontendDomain : '').concat(path !== null && path !== void 0 ? path : ''),
+      type: type
+    });
+  } else if (typeof embedData.url === 'string') {
+    var _embedData$title, _embedData$url$match;
+    return _jsx(RelatedArticleV2, {
+      title: (_embedData$title = embedData.title) !== null && _embedData$title !== void 0 ? _embedData$title : '',
+      introduction: "",
+      to: embedData.url,
+      target: "_blank",
+      type: 'external-learning-resources',
+      linkInfo: "".concat(t('related.linkInfo'), " ").concat(
+      // 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)
+    });
+  } else {
+    return _jsx(_Fragment, {});
+  }
+};
+export default RelatedContentEmbed;

package/es/Embed/UnknownEmbed.js

@@ -0,0 +1,27 @@
+import _styled from "@emotion/styled/base";
+/**
+ * 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.
+ *
+ */
+
+import { useTranslation } from 'react-i18next';
+import { colors } from '@ndla/core';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+var StyledSpan = /*#__PURE__*/_styled("span", {
+  target: "e1rt6jrv0",
+  label: "StyledSpan"
+})("color:", 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 = useTranslation(),
+    t = _useTranslation.t;
+  return _jsx(StyledSpan, {
+    children: t('embed.unsupported', {
+      type: embed.resource
+    })
+  });
+};
+export default UnknownEmbed;