@ndla/ui 36.0.2 → 37.0.1

package/lib/Embed/EmbedErrorPlaceholder.d.ts

@@ -0,0 +1,17 @@
+/**
+ * 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 { ReactNode } from 'react';
+import { FigureType } from '../Figure';
+import { EmbedBylineErrorProps } from '../LicenseByline/EmbedByline';
+interface Props {
+    type: EmbedBylineErrorProps['type'];
+    figureType?: FigureType;
+    children?: ReactNode;
+}
+declare const EmbedErrorPlaceholder: ({ type, children, figureType }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default EmbedErrorPlaceholder;

package/lib/Embed/EmbedErrorPlaceholder.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _common = require("@ndla/icons/common");
+var _core = require("@ndla/core");
+var _Figure = require("../Figure");
+var _LicenseByline = require("../LicenseByline");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * 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 ErrorPlaceholder = /*#__PURE__*/(0, _base["default"])("div", {
+  target: "etnx1j51",
+  label: "ErrorPlaceholder"
+})("display:flex;align-items:center;justify-content:center;background-color:", _core.colors.brand.greyLighter, ";height:330px;svg{fill:", _core.colors.text.light, ";height:90%;width:90%;}&[data-embed-type='audio']{height:150px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVtYmVkRXJyb3JQbGFjZWhvbGRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0JtQyIsImZpbGUiOiJFbWJlZEVycm9yUGxhY2Vob2xkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBXYXJuaW5nT3V0bGluZSB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IEZpZ3VyZSwgRmlndXJlVHlwZSB9IGZyb20gJy4uL0ZpZ3VyZSc7XG5pbXBvcnQgeyBFbWJlZEJ5bGluZSB9IGZyb20gJy4uL0xpY2Vuc2VCeWxpbmUnO1xuaW1wb3J0IHsgRW1iZWRCeWxpbmVFcnJvclByb3BzIH0gZnJvbSAnLi4vTGljZW5zZUJ5bGluZS9FbWJlZEJ5bGluZSc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHR5cGU6IEVtYmVkQnlsaW5lRXJyb3JQcm9wc1sndHlwZSddO1xuICBmaWd1cmVUeXBlPzogRmlndXJlVHlwZTtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IEVycm9yUGxhY2Vob2xkZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXJ9O1xuICBoZWlnaHQ6IDMzMHB4O1xuXG4gIHN2ZyB7XG4gICAgZmlsbDogJHtjb2xvcnMudGV4dC5saWdodH07XG4gICAgaGVpZ2h0OiA5MCU7XG4gICAgd2lkdGg6IDkwJTtcbiAgfVxuICAmW2RhdGEtZW1iZWQtdHlwZT0nYXVkaW8nXSB7XG4gICAgaGVpZ2h0OiAxNTBweDtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkRmlndXJlID0gc3R5bGVkKEZpZ3VyZSlgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogJHtzcGFjaW5nLnhzbWFsbH07XG5gO1xuXG5jb25zdCBFbWJlZEVycm9yUGxhY2Vob2xkZXIgPSAoeyB0eXBlLCBjaGlsZHJlbiwgZmlndXJlVHlwZSB9OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRGaWd1cmUgdHlwZT17ZmlndXJlVHlwZX0+XG4gICAgICB7Y2hpbGRyZW4gPz8gKFxuICAgICAgICA8RXJyb3JQbGFjZWhvbGRlciBkYXRhLWVtYmVkLXR5cGU9e3R5cGV9PlxuICAgICAgICAgIDxXYXJuaW5nT3V0bGluZSAvPlxuICAgICAgICA8L0Vycm9yUGxhY2Vob2xkZXI+XG4gICAgICApfVxuICAgICAgPEVtYmVkQnlsaW5lIGVycm9yIHR5cGU9e3R5cGV9IHRvcFJvdW5kZWQgYm90dG9tUm91bmRlZCAvPlxuICAgIDwvU3R5bGVkRmlndXJlPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRW1iZWRFcnJvclBsYWNlaG9sZGVyO1xuIl19 */"));
+var StyledFigure = /*#__PURE__*/(0, _base["default"])(_Figure.Figure, {
+  target: "etnx1j50",
+  label: "StyledFigure"
+})("display:flex;flex-direction:column;gap:", _core.spacing.xsmall, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVtYmVkRXJyb3JQbGFjZWhvbGRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUNtQyIsImZpbGUiOiJFbWJlZEVycm9yUGxhY2Vob2xkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBXYXJuaW5nT3V0bGluZSB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IEZpZ3VyZSwgRmlndXJlVHlwZSB9IGZyb20gJy4uL0ZpZ3VyZSc7XG5pbXBvcnQgeyBFbWJlZEJ5bGluZSB9IGZyb20gJy4uL0xpY2Vuc2VCeWxpbmUnO1xuaW1wb3J0IHsgRW1iZWRCeWxpbmVFcnJvclByb3BzIH0gZnJvbSAnLi4vTGljZW5zZUJ5bGluZS9FbWJlZEJ5bGluZSc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHR5cGU6IEVtYmVkQnlsaW5lRXJyb3JQcm9wc1sndHlwZSddO1xuICBmaWd1cmVUeXBlPzogRmlndXJlVHlwZTtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IEVycm9yUGxhY2Vob2xkZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXJ9O1xuICBoZWlnaHQ6IDMzMHB4O1xuXG4gIHN2ZyB7XG4gICAgZmlsbDogJHtjb2xvcnMudGV4dC5saWdodH07XG4gICAgaGVpZ2h0OiA5MCU7XG4gICAgd2lkdGg6IDkwJTtcbiAgfVxuICAmW2RhdGEtZW1iZWQtdHlwZT0nYXVkaW8nXSB7XG4gICAgaGVpZ2h0OiAxNTBweDtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkRmlndXJlID0gc3R5bGVkKEZpZ3VyZSlgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogJHtzcGFjaW5nLnhzbWFsbH07XG5gO1xuXG5jb25zdCBFbWJlZEVycm9yUGxhY2Vob2xkZXIgPSAoeyB0eXBlLCBjaGlsZHJlbiwgZmlndXJlVHlwZSB9OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRGaWd1cmUgdHlwZT17ZmlndXJlVHlwZX0+XG4gICAgICB7Y2hpbGRyZW4gPz8gKFxuICAgICAgICA8RXJyb3JQbGFjZWhvbGRlciBkYXRhLWVtYmVkLXR5cGU9e3R5cGV9PlxuICAgICAgICAgIDxXYXJuaW5nT3V0bGluZSAvPlxuICAgICAgICA8L0Vycm9yUGxhY2Vob2xkZXI+XG4gICAgICApfVxuICAgICAgPEVtYmVkQnlsaW5lIGVycm9yIHR5cGU9e3R5cGV9IHRvcFJvdW5kZWQgYm90dG9tUm91bmRlZCAvPlxuICAgIDwvU3R5bGVkRmlndXJlPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRW1iZWRFcnJvclBsYWNlaG9sZGVyO1xuIl19 */"));
+var EmbedErrorPlaceholder = function EmbedErrorPlaceholder(_ref) {
+  var type = _ref.type,
+    children = _ref.children,
+    figureType = _ref.figureType;
+  return (0, _jsxRuntime.jsxs)(StyledFigure, {
+    type: figureType,
+    children: [children !== null && children !== void 0 ? children : (0, _jsxRuntime.jsx)(ErrorPlaceholder, {
+      "data-embed-type": type,
+      children: (0, _jsxRuntime.jsx)(_common.WarningOutline, {})
+    }), (0, _jsxRuntime.jsx)(_LicenseByline.EmbedByline, {
+      error: true,
+      type: type,
+      topRounded: true,
+      bottomRounded: true
+    })]
+  });
+};
+var _default = EmbedErrorPlaceholder;
+exports["default"] = _default;

package/lib/Embed/ExternalEmbed.js

@@ -9,7 +9,7 @@ var _react = require("react");
 var _reactI18next = require("react-i18next");
 var _Figure = require("../Figure");
 var _ResourceBox = require("../ResourceBox");
-var _ImageEmbed = require("./ImageEmbed");
+var _EmbedErrorPlaceholder = _interopRequireDefault(require("./EmbedErrorPlaceholder"));
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 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)."; } /**
@@ -28,7 +28,7 @@ var StyledFigure = /*#__PURE__*/(0, _base["default"])("figure", {
 } : {
   name: "9y4sui",
   styles: "iframe{height:auto;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkV4dGVybmFsRW1iZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCa0MiLCJmaWxlIjoiRXh0ZXJuYWxFbWJlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IE9lbWJlZE1ldGFEYXRhIH0gZnJvbSAnQG5kbGEvdHlwZXMtZW1iZWQnO1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgRmlndXJlIH0gZnJvbSAnLi4vRmlndXJlJztcbmltcG9ydCB7IFJlc291cmNlQm94IH0gZnJvbSAnLi4vUmVzb3VyY2VCb3gnO1xuaW1wb3J0IHsgZXJyb3JTdmdTcmMgfSBmcm9tICcuL0ltYWdlRW1iZWQnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBlbWJlZDogT2VtYmVkTWV0YURhdGE7XG4gIGlzQ29uY2VwdD86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZEZpZ3VyZSA9IHN0eWxlZC5maWd1cmVgXG4gIGlmcmFtZSB7XG4gICAgaGVpZ2h0OiBhdXRvO1xuICB9XG5gO1xuXG5jb25zdCBFeHRlcm5hbEVtYmVkID0gKHsgZW1iZWQsIGlzQ29uY2VwdCB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IGZpZ1JlZiA9IHVzZVJlZjxIVE1MRWxlbWVudD4obnVsbCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBpZnJhbWUgPSBmaWdSZWYuY3VycmVudD8ucXVlcnlTZWxlY3RvcihgaWZyYW1lYCk7XG4gICAgaWYgKGlmcmFtZSkge1xuICAgICAgY29uc3QgW3dpZHRoLCBoZWlnaHRdID0gW3BhcnNlSW50KGlmcmFtZS53aWR0aCksIHBhcnNlSW50KGlmcmFtZS5oZWlnaHQpXTtcbiAgICAgIGlmcmFtZS5zdHlsZS5hc3BlY3RSYXRpbyA9IGAke3dpZHRoID8gd2lkdGggOiAxNn0vJHtoZWlnaHQgPyBoZWlnaHQgOiA5fWA7XG4gICAgICBpZnJhbWUud2lkdGggPSAnJztcbiAgICAgIGlmcmFtZS5oZWlnaHQgPSAnJztcbiAgICB9XG4gIH0sIFtdKTtcbiAgaWYgKGVtYmVkLnN0YXR1cyA9PT0gJ2Vycm9yJykge1xuICAgIHJldHVybiAoXG4gICAgICA8ZmlndXJlIGNsYXNzTmFtZT17aXNDb25jZXB0ID8gJycgOiAnYy1maWd1cmUnfT5cbiAgICAgICAgPGltZyBhbHQ9e3QoJ2V4dGVybmFsLmVycm9yJyl9IHNyYz17ZXJyb3JTdmdTcmN9IC8+XG4gICAgICAgIDxmaWdjYXB0aW9uPnt0KCdleHRlcm5hbC5lcnJvcicpfTwvZmlnY2FwdGlvbj5cbiAgICAgIDwvZmlndXJlPlxuICAgICk7XG4gIH1cblxuICBjb25zdCB7IGVtYmVkRGF0YSwgZGF0YSB9ID0gZW1iZWQ7XG5cbiAgaWYgKGVtYmVkRGF0YS50eXBlID09PSAnZnVsbHNjcmVlbicpIHtcbiAgICBjb25zdCBpbWFnZSA9IHsgc3JjOiBkYXRhLmlmcmFtZUltYWdlPy5pbWFnZVVybCA/PyAnJywgYWx0OiBkYXRhLmlmcmFtZUltYWdlPy5hbHR0ZXh0Py5hbHR0ZXh0ID8/ICcnIH07XG4gICAgcmV0dXJuIChcbiAgICAgIDxGaWd1cmUgdHlwZT1cImZ1bGxcIj5cbiAgICAgICAgPFJlc291cmNlQm94XG4gICAgICAgICAgaW1hZ2U9e2ltYWdlfVxuICAgICAgICAgIHRpdGxlPXtlbWJlZERhdGEudGl0bGUgPz8gJyd9XG4gICAgICAgICAgdXJsPXtlbWJlZERhdGEudXJsfVxuICAgICAgICAgIGNhcHRpb249e2VtYmVkRGF0YS5jYXB0aW9uID8/ICcnfVxuICAgICAgICAgIGJ1dHRvblRleHQ9e3QoJ2xpY2Vuc2Uub3RoZXIuaXRlbUltYWdlLmFyaWFMYWJlbCcpfVxuICAgICAgICAvPlxuICAgICAgPC9GaWd1cmU+XG4gICAgKTtcbiAgfVxuXG4gIGNvbnN0IGZ1bGxDb2x1bW5DbGFzcyA9IGlzQ29uY2VwdCA/ICdjLWZpZ3VyZS0tZnVsbC1jb2x1bW4nIDogJyc7XG4gIGNvbnN0IGNsYXNzZXMgPSBgYy1maWd1cmUgJHtmdWxsQ29sdW1uQ2xhc3N9IGMtZmlndXJlLS1yZXNpemVgO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEZpZ3VyZVxuICAgICAgcmVmPXtmaWdSZWZ9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzZXN9XG4gICAgICAvL0B0cy1pZ25vcmVcbiAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9uby11bmtub3duLXByb3BlcnR5XG4gICAgICByZXNpemVpZnJhbWU9XCJ0cnVlXCJcbiAgICAgIGRhbmdlcm91c2x5U2V0SW5uZXJIVE1MPXt7IF9faHRtbDogZGF0YS5vZW1iZWQuaHRtbCA/PyAnJyB9fVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBFeHRlcm5hbEVtYmVkO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkV4dGVybmFsRW1iZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCa0MiLCJmaWxlIjoiRXh0ZXJuYWxFbWJlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IE9lbWJlZE1ldGFEYXRhIH0gZnJvbSAnQG5kbGEvdHlwZXMtZW1iZWQnO1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgRmlndXJlIH0gZnJvbSAnLi4vRmlndXJlJztcbmltcG9ydCB7IFJlc291cmNlQm94IH0gZnJvbSAnLi4vUmVzb3VyY2VCb3gnO1xuaW1wb3J0IEVtYmVkRXJyb3JQbGFjZWhvbGRlciBmcm9tICcuL0VtYmVkRXJyb3JQbGFjZWhvbGRlcic7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGVtYmVkOiBPZW1iZWRNZXRhRGF0YTtcbiAgaXNDb25jZXB0PzogYm9vbGVhbjtcbn1cblxuY29uc3QgU3R5bGVkRmlndXJlID0gc3R5bGVkLmZpZ3VyZWBcbiAgaWZyYW1lIHtcbiAgICBoZWlnaHQ6IGF1dG87XG4gIH1cbmA7XG5cbmNvbnN0IEV4dGVybmFsRW1iZWQgPSAoeyBlbWJlZCwgaXNDb25jZXB0IH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgZmlnUmVmID0gdXNlUmVmPEhUTUxFbGVtZW50PihudWxsKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGlmcmFtZSA9IGZpZ1JlZi5jdXJyZW50Py5xdWVyeVNlbGVjdG9yKGBpZnJhbWVgKTtcbiAgICBpZiAoaWZyYW1lKSB7XG4gICAgICBjb25zdCBbd2lkdGgsIGhlaWdodF0gPSBbcGFyc2VJbnQoaWZyYW1lLndpZHRoKSwgcGFyc2VJbnQoaWZyYW1lLmhlaWdodCldO1xuICAgICAgaWZyYW1lLnN0eWxlLmFzcGVjdFJhdGlvID0gYCR7d2lkdGggPyB3aWR0aCA6IDE2fS8ke2hlaWdodCA/IGhlaWdodCA6IDl9YDtcbiAgICAgIGlmcmFtZS53aWR0aCA9ICcnO1xuICAgICAgaWZyYW1lLmhlaWdodCA9ICcnO1xuICAgIH1cbiAgfSwgW10pO1xuICBpZiAoZW1iZWQuc3RhdHVzID09PSAnZXJyb3InKSB7XG4gICAgcmV0dXJuIDxFbWJlZEVycm9yUGxhY2Vob2xkZXIgdHlwZT1cImV4dGVybmFsXCIgLz47XG4gIH1cblxuICBjb25zdCB7IGVtYmVkRGF0YSwgZGF0YSB9ID0gZW1iZWQ7XG5cbiAgaWYgKGVtYmVkRGF0YS50eXBlID09PSAnZnVsbHNjcmVlbicpIHtcbiAgICBjb25zdCBpbWFnZSA9IHsgc3JjOiBkYXRhLmlmcmFtZUltYWdlPy5pbWFnZS5pbWFnZVVybCA/PyAnJywgYWx0OiBkYXRhLmlmcmFtZUltYWdlPy5hbHR0ZXh0Py5hbHR0ZXh0ID8/ICcnIH07XG4gICAgcmV0dXJuIChcbiAgICAgIDxGaWd1cmUgdHlwZT1cImZ1bGxcIj5cbiAgICAgICAgPFJlc291cmNlQm94XG4gICAgICAgICAgaW1hZ2U9e2ltYWdlfVxuICAgICAgICAgIHRpdGxlPXtlbWJlZERhdGEudGl0bGUgPz8gJyd9XG4gICAgICAgICAgdXJsPXtlbWJlZERhdGEudXJsfVxuICAgICAgICAgIGNhcHRpb249e2VtYmVkRGF0YS5jYXB0aW9uID8/ICcnfVxuICAgICAgICAgIGJ1dHRvblRleHQ9e3QoJ2xpY2Vuc2Uub3RoZXIuaXRlbUltYWdlLmFyaWFMYWJlbCcpfVxuICAgICAgICAvPlxuICAgICAgPC9GaWd1cmU+XG4gICAgKTtcbiAgfVxuXG4gIGNvbnN0IGZ1bGxDb2x1bW5DbGFzcyA9IGlzQ29uY2VwdCA/ICdjLWZpZ3VyZS0tZnVsbC1jb2x1bW4nIDogJyc7XG4gIGNvbnN0IGNsYXNzZXMgPSBgYy1maWd1cmUgJHtmdWxsQ29sdW1uQ2xhc3N9IGMtZmlndXJlLS1yZXNpemVgO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEZpZ3VyZVxuICAgICAgcmVmPXtmaWdSZWZ9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzZXN9XG4gICAgICAvL0B0cy1pZ25vcmVcbiAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9uby11bmtub3duLXByb3BlcnR5XG4gICAgICByZXNpemVpZnJhbWU9XCJ0cnVlXCJcbiAgICAgIGRhbmdlcm91c2x5U2V0SW5uZXJIVE1MPXt7IF9faHRtbDogZGF0YS5vZW1iZWQuaHRtbCA/PyAnJyB9fVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBFeHRlcm5hbEVtYmVkO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 var ExternalEmbed = function ExternalEmbed(_ref) {
@@ -51,14 +51,8 @@ var ExternalEmbed = function ExternalEmbed(_ref) {
     }
   }, []);
   if (embed.status === 'error') {
-    return (0, _jsxRuntime.jsxs)("figure", {
-      className: isConcept ? '' : 'c-figure',
-      children: [(0, _jsxRuntime.jsx)("img", {
-        alt: t('external.error'),
-        src: _ImageEmbed.errorSvgSrc
-      }), (0, _jsxRuntime.jsx)("figcaption", {
-        children: t('external.error')
-      })]
+    return (0, _jsxRuntime.jsx)(_EmbedErrorPlaceholder["default"], {
+      type: "external"
     });
   }
   var embedData = embed.embedData,
@@ -66,7 +60,7 @@ var ExternalEmbed = function ExternalEmbed(_ref) {
   if (embedData.type === 'fullscreen') {
     var _data$iframeImage$ima, _data$iframeImage, _data$iframeImage$alt, _data$iframeImage2, _data$iframeImage2$al, _embedData$title, _embedData$caption;
     var image = {
-      src: (_data$iframeImage$ima = (_data$iframeImage = data.iframeImage) === null || _data$iframeImage === void 0 ? void 0 : _data$iframeImage.imageUrl) !== null && _data$iframeImage$ima !== void 0 ? _data$iframeImage$ima : '',
+      src: (_data$iframeImage$ima = (_data$iframeImage = data.iframeImage) === null || _data$iframeImage === void 0 ? void 0 : _data$iframeImage.image.imageUrl) !== null && _data$iframeImage$ima !== void 0 ? _data$iframeImage$ima : '',
       alt: (_data$iframeImage$alt = (_data$iframeImage2 = data.iframeImage) === null || _data$iframeImage2 === void 0 ? void 0 : (_data$iframeImage2$al = _data$iframeImage2.alttext) === null || _data$iframeImage2$al === void 0 ? void 0 : _data$iframeImage2$al.alttext) !== null && _data$iframeImage$alt !== void 0 ? _data$iframeImage$alt : ''
     };
     return (0, _jsxRuntime.jsx)(_Figure.Figure, {

package/lib/Embed/H5pEmbed.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = _interopRequireDefault(require("react"));
-var _reactI18next = require("react-i18next");
-var _ImageEmbed = require("./ImageEmbed");
+var _EmbedErrorPlaceholder = _interopRequireDefault(require("./EmbedErrorPlaceholder"));
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 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)."; } /**
@@ -26,30 +25,22 @@ var StyledFigure = /*#__PURE__*/(0, _base["default"])("figure", {
 } : {
   name: "9y4sui",
   styles: "iframe{height:auto;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkg1cEVtYmVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQmtDIiwiZmlsZSI6Ikg1cEVtYmVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgSDVwTWV0YURhdGEgfSBmcm9tICdAbmRsYS90eXBlcy1lbWJlZCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IGVycm9yU3ZnU3JjIH0gZnJvbSAnLi9JbWFnZUVtYmVkJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgZW1iZWQ6IEg1cE1ldGFEYXRhO1xuICBpc0NvbmNlcHQ/OiBib29sZWFuO1xufVxuXG5jb25zdCBTdHlsZWRGaWd1cmUgPSBzdHlsZWQuZmlndXJlYFxuICBpZnJhbWUge1xuICAgIGhlaWdodDogYXV0bztcbiAgfVxuYDtcblxuY29uc3QgSDVwRW1iZWQgPSAoeyBlbWJlZCwgaXNDb25jZXB0IH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcblxuICBpZiAoZW1iZWQuc3RhdHVzID09PSAnZXJyb3InKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxmaWd1cmUgY2xhc3NOYW1lPXtpc0NvbmNlcHQgPyAnJyA6ICdjLWZpZ3VyZSd9PlxuICAgICAgICA8aW1nIGFsdD17dCgnaDVwLmVycm9yJyl9IHNyYz17ZXJyb3JTdmdTcmN9IC8+XG4gICAgICAgIDxmaWdjYXB0aW9uPnt0KCdoNXAuZXJyb3InKX08L2ZpZ2NhcHRpb24+XG4gICAgICA8L2ZpZ3VyZT5cbiAgICApO1xuICB9XG4gIGNvbnN0IGZ1bGxDb2x1bW5DbGFzcyA9IGlzQ29uY2VwdCA/ICdjLWZpZ3VyZS0tZnVsbC1jb2x1bW4nIDogJyc7XG4gIGNvbnN0IGNsYXNzZXMgPSBgYy1maWd1cmUgJHtmdWxsQ29sdW1uQ2xhc3N9IGMtZmlndXJlLS1yZXNpemVgO1xuXG4gIGlmIChlbWJlZC5kYXRhLm9lbWJlZCkge1xuICAgIHJldHVybiA8U3R5bGVkRmlndXJlIGNsYXNzTmFtZT17Y2xhc3Nlc30gZGFuZ2Vyb3VzbHlTZXRJbm5lckhUTUw9e3sgX19odG1sOiBlbWJlZC5kYXRhLm9lbWJlZC5odG1sID8/ICcnIH19IC8+O1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkRmlndXJlIGNsYXNzTmFtZT17Y2xhc3Nlc30+XG4gICAgICA8aWZyYW1lIHRpdGxlPXtlbWJlZC5lbWJlZERhdGEudXJsfSBhcmlhLWxhYmVsPXtlbWJlZC5lbWJlZERhdGEudXJsfSBzcmM9e2VtYmVkLmVtYmVkRGF0YS51cmx9IC8+XG4gICAgPC9TdHlsZWRGaWd1cmU+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBINXBFbWJlZDtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkg1cEVtYmVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQmtDIiwiZmlsZSI6Ikg1cEVtYmVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgSDVwTWV0YURhdGEgfSBmcm9tICdAbmRsYS90eXBlcy1lbWJlZCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IEVtYmVkRXJyb3JQbGFjZWhvbGRlciBmcm9tICcuL0VtYmVkRXJyb3JQbGFjZWhvbGRlcic7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGVtYmVkOiBINXBNZXRhRGF0YTtcbiAgaXNDb25jZXB0PzogYm9vbGVhbjtcbn1cblxuY29uc3QgU3R5bGVkRmlndXJlID0gc3R5bGVkLmZpZ3VyZWBcbiAgaWZyYW1lIHtcbiAgICBoZWlnaHQ6IGF1dG87XG4gIH1cbmA7XG5cbmNvbnN0IEg1cEVtYmVkID0gKHsgZW1iZWQsIGlzQ29uY2VwdCB9OiBQcm9wcykgPT4ge1xuICBpZiAoZW1iZWQuc3RhdHVzID09PSAnZXJyb3InKSB7XG4gICAgcmV0dXJuIDxFbWJlZEVycm9yUGxhY2Vob2xkZXIgdHlwZT1cImg1cFwiIC8+O1xuICB9XG4gIGNvbnN0IGZ1bGxDb2x1bW5DbGFzcyA9IGlzQ29uY2VwdCA/ICdjLWZpZ3VyZS0tZnVsbC1jb2x1bW4nIDogJyc7XG4gIGNvbnN0IGNsYXNzZXMgPSBgYy1maWd1cmUgJHtmdWxsQ29sdW1uQ2xhc3N9IGMtZmlndXJlLS1yZXNpemVgO1xuXG4gIGlmIChlbWJlZC5kYXRhLm9lbWJlZCkge1xuICAgIHJldHVybiA8ZmlndXJlIGNsYXNzTmFtZT17Y2xhc3Nlc30gZGFuZ2Vyb3VzbHlTZXRJbm5lckhUTUw9e3sgX19odG1sOiBlbWJlZC5kYXRhLm9lbWJlZC5odG1sID8/ICcnIH19IC8+O1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkRmlndXJlIGNsYXNzTmFtZT17Y2xhc3Nlc30+XG4gICAgICA8aWZyYW1lIHRpdGxlPXtlbWJlZC5lbWJlZERhdGEudXJsfSBhcmlhLWxhYmVsPXtlbWJlZC5lbWJlZERhdGEudXJsfSBzcmM9e2VtYmVkLmVtYmVkRGF0YS51cmx9IC8+XG4gICAgPC9TdHlsZWRGaWd1cmU+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBINXBFbWJlZDtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 var H5pEmbed = function H5pEmbed(_ref) {
   var embed = _ref.embed,
     isConcept = _ref.isConcept;
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-    t = _useTranslation.t;
   if (embed.status === 'error') {
-    return (0, _jsxRuntime.jsxs)("figure", {
-      className: isConcept ? '' : 'c-figure',
-      children: [(0, _jsxRuntime.jsx)("img", {
-        alt: t('h5p.error'),
-        src: _ImageEmbed.errorSvgSrc
-      }), (0, _jsxRuntime.jsx)("figcaption", {
-        children: t('h5p.error')
-      })]
+    return (0, _jsxRuntime.jsx)(_EmbedErrorPlaceholder["default"], {
+      type: "h5p"
     });
   }
   var fullColumnClass = isConcept ? 'c-figure--full-column' : '';
   var classes = "c-figure ".concat(fullColumnClass, " c-figure--resize");
   if (embed.data.oembed) {
     var _embed$data$oembed$ht;
-    return (0, _jsxRuntime.jsx)(StyledFigure, {
+    return (0, _jsxRuntime.jsx)("figure", {
       className: classes,
       dangerouslySetInnerHTML: {
         __html: (_embed$data$oembed$ht = embed.data.oembed.html) !== null && _embed$data$oembed$ht !== void 0 ? _embed$data$oembed$ht : ''

package/lib/Embed/IframeEmbed.d.ts

@@ -10,5 +10,5 @@ interface Props {
     embed: IframeMetaData;
     isConcept?: boolean;
 }
-declare const ExternalEmbed: ({ embed, isConcept }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
-export default ExternalEmbed;
+declare const IframeEmbed: ({ embed, isConcept }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default IframeEmbed;

package/lib/Embed/IframeEmbed.js

@@ -19,7 +19,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
  *
  */
 
-var ExternalEmbed = function ExternalEmbed(_ref) {
+var IframeEmbed = function IframeEmbed(_ref) {
   var embed = _ref.embed,
     isConcept = _ref.isConcept;
   var _useTranslation = (0, _reactI18next.useTranslation)(),
@@ -38,10 +38,10 @@ var ExternalEmbed = function ExternalEmbed(_ref) {
     }
   }, []);
   if (embedData.type === 'fullscreen') {
-    var _iframeImage$imageUrl, _iframeImage$alttext$, _iframeImage$alttext, _embedData$title, _embedData$caption;
+    var _iframeImage$image$im, _iframeImage$alttext$, _iframeImage$alttext, _embedData$title, _embedData$caption;
     var iframeImage = embed.status === 'success' ? embed.data.iframeImage : undefined;
     var image = {
-      src: (_iframeImage$imageUrl = iframeImage === null || iframeImage === void 0 ? void 0 : iframeImage.imageUrl) !== null && _iframeImage$imageUrl !== void 0 ? _iframeImage$imageUrl : '',
+      src: (_iframeImage$image$im = iframeImage === null || iframeImage === void 0 ? void 0 : iframeImage.image.imageUrl) !== null && _iframeImage$image$im !== void 0 ? _iframeImage$image$im : '',
       alt: (_iframeImage$alttext$ = iframeImage === null || iframeImage === void 0 ? void 0 : (_iframeImage$alttext = iframeImage.alttext) === null || _iframeImage$alttext === void 0 ? void 0 : _iframeImage$alttext.alttext) !== null && _iframeImage$alttext$ !== void 0 ? _iframeImage$alttext$ : ''
     };
     return (0, _jsxRuntime.jsx)(_Figure.Figure, {
@@ -89,5 +89,5 @@ var ExternalEmbed = function ExternalEmbed(_ref) {
     })
   );
 };
-var _default = ExternalEmbed;
+var _default = IframeEmbed;
 exports["default"] = _default;

package/lib/Embed/ImageEmbed.d.ts

@@ -6,11 +6,11 @@
  *
  */
 import { ImageMetaData } from '@ndla/types-embed';
-import { Copyright } from '../types';
+import { HeartButtonType } from './types';
 interface Props {
     embed: ImageMetaData;
-    articlePath?: string;
     previewAlt?: boolean;
+    heartButton?: HeartButtonType;
 }
 export interface Author {
     name: string;
@@ -26,12 +26,5 @@ export declare const getLicenseCredits: (copyright?: {
     processors: Author[];
 };
 export declare const 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";
-declare const ImageEmbed: ({ embed, articlePath, previewAlt }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
-interface ImageLicenseButtonsProps {
-    imageUrl: string;
-    title?: string;
-    articlePath?: string;
-    copyright?: Partial<Copyright>;
-}
-export declare const ImageLicenseButtons: ({ imageUrl, title, articlePath, copyright }: ImageLicenseButtonsProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+declare const ImageEmbed: ({ embed, previewAlt, heartButton: HeartButton }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ImageEmbed;

package/lib/Embed/ImageEmbed.js

@@ -4,41 +4,32 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getLicenseCredits = exports.errorSvgSrc = exports["default"] = exports.ImageLicenseButtons = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
+exports.getLicenseCredits = exports.errorSvgSrc = exports["default"] = void 0;
 var _isNumber = _interopRequireDefault(require("lodash/isNumber"));
-var _licenses = require("@ndla/licenses");
 var _reactI18next = require("react-i18next");
-var _modal = require("@ndla/modal");
-var _safelink = require("@ndla/safelink");
 var _react = require("react");
-var _button = require("@ndla/button");
 var _action = require("@ndla/icons/action");
 var _common = require("@ndla/icons/common");
 var _Figure = require("../Figure");
 var _Image = _interopRequireWildcard(require("../Image"));
-var _FigureLicenseDialogContent = require("../Figure/FigureLicenseDialogContent");
+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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-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 = 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 _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.
-                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                           */
+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;
   return {
@@ -100,93 +91,54 @@ var getCrop = function getCrop(data) {
   }
   return undefined;
 };
-var StyledSpan = /*#__PURE__*/(0, _base["default"])("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/IHVuZGVmaW5lZCA6IGZpZ3VyZVR5cGV9XG4gICAgICBjbGFzc05hbWU9e2ltYWdlU2l6ZXMgPyAnYy1maWd1cmUtLXJpZ2h0IGV4cGFuZGVkJyA6ICcnfVxuICAgID5cbiAgICAgIDxJbWFnZVdyYXBwZXIgc3JjPXtkYXRhLmltYWdlVXJsfSBjcm9wPXtjcm9wfSBzaXplPXtlbWJlZERhdGEuc2l6ZX0+XG4gICAgICAgIDxJbWFnZVxuICAgICAgICAgIGZvY2FsUG9pbnQ9e2ZvY2FsUG9pbnR9XG4gICAgICAgICAgY29udGVudFR5cGU9e2RhdGEuY29udGVudFR5cGV9XG4gICAgICAgICAgY3JvcD17Y3JvcH1cbiAgICAgICAgICBzaXplcz17aW1hZ2VTaXplcyA/PyBzaXplc31cbiAgICAgICAgICBhbHQ9e2FsdFRleHR9XG4gICAgICAgICAgc3JjPXtkYXRhLmltYWdlVXJsfVxuICAgICAgICAgIGV4cGFuZEJ1dHRvbj17XG4gICAgICAgICAgICA8RXhwYW5kQnV0dG9uXG4gICAgICAgICAgICAgIHNpemU9e2VtYmVkRGF0YS5zaXplfVxuICAgICAgICAgICAgICBleHBhbmRlZD17ISFpbWFnZVNpemVzfVxuICAgICAgICAgICAgICBieWxpbmVIaWRkZW49e2lzQnlsaW5lSGlkZGVufVxuICAgICAgICAgICAgICBvbkV4cGFuZD17KCkgPT4gc2V0SW1hZ2VTaXplcygocCkgPT4gKHAgPyB1bmRlZmluZWQgOiBleHBhbmRlZFNpemVzKSl9XG4gICAgICAgICAgICAgIG9uSGlkZUJ5bGluZT17KCkgPT4gc2V0SXNCeWxpbmVIaWRkZW4oKHApID0+ICFwKX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgfVxuICAgICAgICAvPlxuICAgICAgPC9JbWFnZVdyYXBwZXI+XG4gICAgICB7cHJldmlld0FsdCA/IDxTdHlsZWRTcGFuPntgQWx0OiAke2VtYmVkRGF0YS5hbHR9YH08L1N0eWxlZFNwYW4+IDogbnVsbH1cbiAgICAgIDxGaWd1cmVDYXB0aW9uXG4gICAgICAgIGhpZGVGaWdjYXB0aW9uPXtpc1NtYWxsKGVtYmVkRGF0YS5zaXplKSB8fCBpc0J5bGluZUhpZGRlbn1cbiAgICAgICAgZmlndXJlSWQ9e2ZpZ3VyZUlkfVxuICAgICAgICBpZD17ZmlndXJlSWR9XG4gICAgICAgIGNhcHRpb249e2NhcHRpb259XG4gICAgICAgIHJldXNlTGFiZWw9e3QoJ2ltYWdlLnJldXNlJyl9XG4gICAgICAgIG1vZGFsQnV0dG9uPXtcbiAgICAgICAgICA8QnV0dG9uVjIgc2hhcGU9XCJwaWxsXCIgdmFyaWFudD1cIm91dGxpbmVcIiBzaXplPVwic21hbGxcIiBvbkNsaWNrPXsoKSA9PiBzZXRJc09wZW4odHJ1ZSl9PlxuICAgICAgICAgICAge3QoJ2ltYWdlLnJldXNlJyl9XG4gICAgICAgICAgPC9CdXR0b25WMj5cbiAgICAgICAgfVxuICAgICAgICBsaWNlbnNlUmlnaHRzPXtsaWNlbnNlLnJpZ2h0c31cbiAgICAgICAgYXV0aG9ycz17Y2FwdGlvbkF1dGhvcnN9XG4gICAgICAgIGxvY2FsZT17aTE4bi5sYW5ndWFnZX1cbiAgICAgID5cbiAgICAgICAgPE1vZGFsVjIgY29udHJvbGxlZCBpc09wZW49e2lzT3Blbn0gb25DbG9zZT17KCkgPT4gc2V0SXNPcGVuKGZhbHNlKX0gbGFiZWxsZWRCeT1cImxpY2Vuc2UtZGlhbG9nLXJ1bGVzLWhlYWRpbmdcIj5cbiAgICAgICAgICB7KGNsb3NlKSA9PiAoXG4gICAgICAgICAgICA8RmlndXJlTGljZW5zZURpYWxvZ0NvbnRlbnRcbiAgICAgICAgICAgICAgdGl0bGU9e2RhdGEudGl0bGUudGl0bGV9XG4gICAgICAgICAgICAgIGxpY2Vuc2U9e2xpY2Vuc2V9XG4gICAgICAgICAgICAgIG9uQ2xvc2U9e2Nsb3NlfVxuICAgICAgICAgICAgICBhdXRob3JzPXtjb250cmlidXRvcnN9XG4gICAgICAgICAgICAgIG9yaWdpbj17ZGF0YS5jb3B5cmlnaHQub3JpZ2lufVxuICAgICAgICAgICAgICBsb2NhbGU9e2kxOG4ubGFuZ3VhZ2V9XG4gICAgICAgICAgICAgIHR5cGU9XCJpbWFnZVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxJbWFnZUxpY2Vuc2VCdXR0b25zXG4gICAgICAgICAgICAgICAgYXJ0aWNsZVBhdGg9e2FydGljbGVQYXRofVxuICAgICAgICAgICAgICAgIHRpdGxlPXtkYXRhLnRpdGxlLnRpdGxlfVxuICAgICAgICAgICAgICAgIGltYWdlVXJsPXtkYXRhLmltYWdlVXJsfVxuICAgICAgICAgICAgICAgIGNvcHlyaWdodD17ZGF0YS5jb3B5cmlnaHR9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L0ZpZ3VyZUxpY2Vuc2VEaWFsb2dDb250ZW50PlxuICAgICAgICAgICl9XG4gICAgICAgIDwvTW9kYWxWMj5cbiAgICAgIDwvRmlndXJlQ2FwdGlvbj5cbiAgICA8L0ZpZ3VyZT5cbiAgKTtcbn07XG5cbmludGVyZmFjZSBJbWFnZVdyYXBwZXJQcm9wcyB7XG4gIHNyYzogc3RyaW5nO1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBjcm9wPzoge1xuICAgIHN0YXJ0WDogbnVtYmVyO1xuICAgIHN0YXJ0WTogbnVtYmVyO1xuICAgIGVuZFg6IG51bWJlcjtcbiAgICBlbmRZOiBudW1iZXI7XG4gIH07XG4gIHNpemU/OiBzdHJpbmc7XG59XG5jb25zdCBoaWRlQnlsaW5lID0gKHNpemU/OiBzdHJpbmcpOiBib29sZWFuID0+IHtcbiAgcmV0dXJuICEhc2l6ZSAmJiBzaXplLmVuZHNXaXRoKCctaGlkZS1ieWxpbmUnKTtcbn07XG5cbmludGVyZmFjZSBJbWFnZUxpY2Vuc2VCdXR0b25zUHJvcHMge1xuICBpbWFnZVVybDogc3RyaW5nO1xuICB0aXRsZT86IHN0cmluZztcbiAgYXJ0aWNsZVBhdGg/OiBzdHJpbmc7XG4gIGNvcHlyaWdodD86IFBhcnRpYWw8Q29weXJpZ2h0Pjtcbn1cblxuZXhwb3J0IGNvbnN0IEltYWdlTGljZW5zZUJ1dHRvbnMgPSAoeyBpbWFnZVVybCwgdGl0bGUsIGFydGljbGVQYXRoLCBjb3B5cmlnaHQgfTogSW1hZ2VMaWNlbnNlQnV0dG9uc1Byb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCwgaTE4biB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgaWYgKCFjb3B5cmlnaHQ/LmxpY2Vuc2U/LmxpY2Vuc2UgfHwgY29weXJpZ2h0Py5saWNlbnNlPy5saWNlbnNlID09PSAnQ09QWVJJR0hURUQnKSByZXR1cm4gbnVsbDtcblxuICBjb25zdCBjb3B5U3RyaW5nID0gZmlndXJlQXBhN0NvcHlTdHJpbmcoXG4gICAgdGl0bGUsXG4gICAgdW5kZWZpbmVkLFxuICAgIGltYWdlVXJsLFxuICAgIGFydGljbGVQYXRoLFxuICAgIGNvcHlyaWdodCxcbiAgICBjb3B5cmlnaHQ/LmxpY2Vuc2U/LmxpY2Vuc2UsXG4gICAgJycsXG4gICAgdCxcbiAgICBpMThuLmxhbmd1YWdlLFxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxDb3B5QnV0dG9uXG4gICAgICAgIHZhcmlhbnQ9XCJvdXRsaW5lXCJcbiAgICAgICAgb25DbGljaz17KCkgPT4gbmF2aWdhdG9yLmNsaXBib2FyZC53cml0ZVRleHQoY29weVN0cmluZyl9XG4gICAgICAgIGNvcHlOb2RlPXt0KCdsaWNlbnNlLmhhc0NvcGllZFRpdGxlJyl9XG4gICAgICAgIGFyaWEtbGl2ZT1cImFzc2VydGl2ZVwiXG4gICAgICA+XG4gICAgICAgIHt0KCdsaWNlbnNlLmNvcHlUaXRsZScpfVxuICAgICAgPC9Db3B5QnV0dG9uPlxuICAgICAgPFNhZmVMaW5rQnV0dG9uIHRvPXtgJHtpbWFnZVVybH0/ZG93bmxvYWQ9dHJ1ZWB9IGRvd25sb2FkIHZhcmlhbnQ9XCJvdXRsaW5lXCI+XG4gICAgICAgIHt0KCdpbWFnZS5kb3dubG9hZCcpfVxuICAgICAgPC9TYWZlTGlua0J1dHRvbj5cbiAgICA8Lz5cbiAgKTtcbn07XG5cbmNvbnN0IEltYWdlV3JhcHBlciA9ICh7IHNyYywgY3JvcCwgc2l6ZSwgY2hpbGRyZW4gfTogSW1hZ2VXcmFwcGVyUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBpZiAoaXNTbWFsbChzaXplKSB8fCBoaWRlQnlsaW5lKHNpemUpKSB7XG4gICAgcmV0dXJuIDw+e2NoaWxkcmVufTwvPjtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPEltYWdlTGluayBzcmM9e3NyY30gY3JvcD17Y3JvcH0gYXJpYS1sYWJlbD17dCgnbGljZW5zZS5pbWFnZXMuaXRlbUltYWdlLmFyaWFMYWJlbCcpfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0ltYWdlTGluaz5cbiAgKTtcbn07XG5cbmludGVyZmFjZSBFeHBhbmRCdXR0b25Qcm9wcyB7XG4gIHNpemU/OiBzdHJpbmc7XG4gIGV4cGFuZGVkOiBib29sZWFuO1xuICBieWxpbmVIaWRkZW46IGJvb2xlYW47XG4gIG9uRXhwYW5kOiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MQnV0dG9uRWxlbWVudD47XG4gIG9uSGlkZUJ5bGluZTogTW91c2VFdmVudEhhbmRsZXI8SFRNTEJ1dHRvbkVsZW1lbnQ+O1xufVxuXG5jb25zdCBFeHBhbmRCdXR0b24gPSAoeyBzaXplLCBleHBhbmRlZCwgYnlsaW5lSGlkZGVuLCBvbkV4cGFuZCwgb25IaWRlQnlsaW5lIH06IEV4cGFuZEJ1dHRvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgaWYgKGlzU21hbGwoc2l6ZSkpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPGJ1dHRvblxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgY2xhc3NOYW1lPVwiYy1maWd1cmVfX2Z1bGxzY3JlZW4tYnRuXCJcbiAgICAgICAgYXJpYS1sYWJlbD17dChgbGljZW5zZS5pbWFnZXMuaXRlbUltYWdlLnpvb20ke2V4cGFuZGVkID8gJ091dCcgOiAnJ31JbWFnZUJ1dHRvbkxhYmVsYCl9XG4gICAgICAgIG9uQ2xpY2s9e29uRXhwYW5kfVxuICAgICAgPlxuICAgICAgICB7ZXhwYW5kZWQgPyA8QXJyb3dDb2xsYXBzZSAvPiA6IDxFeHBhbmRUd29BcnJvd3MgLz59XG4gICAgICA8L2J1dHRvbj5cbiAgICApO1xuICB9IGVsc2UgaWYgKGhpZGVCeWxpbmUoc2l6ZSkpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPGJ1dHRvblxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgY2xhc3NOYW1lPVwiYy1maWd1cmVfX3Nob3ctYnlsaW5lLWJ0blwiXG4gICAgICAgIGFyaWEtbGFiZWw9e3QoYGxpY2Vuc2UuaW1hZ2VzLml0ZW1JbWFnZS4ke2J5bGluZUhpZGRlbiA/ICdleHBhbmRCeWxpbmUnIDogJ21pbmltaXplQnlsaW5lJ31gKX1cbiAgICAgICAgb25DbGljaz17b25IaWRlQnlsaW5lfVxuICAgICAgPlxuICAgICAgICB7YnlsaW5lSGlkZGVuID8gPENoZXZyb25Eb3duIC8+IDogPENoZXZyb25VcCAvPn1cbiAgICAgIDwvYnV0dG9uPlxuICAgICk7XG4gIH0gZWxzZSByZXR1cm4gbnVsbDtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEltYWdlRW1iZWQ7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
 var expandedSizes = '(min-width: 1024px) 1024px, 100vw';
 var ImageEmbed = function ImageEmbed(_ref) {
+  var _embedData$caption;
   var embed = _ref.embed,
-    articlePath = _ref.articlePath,
-    previewAlt = _ref.previewAlt;
-  var _useState = (0, _react.useState)(false),
+    previewAlt = _ref.previewAlt,
+    HeartButton = _ref.heartButton;
+  var _useState = (0, _react.useState)(hideByline(embed.embedData.size)),
     _useState2 = _slicedToArray(_useState, 2),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
-  var _useState3 = (0, _react.useState)(hideByline(embed.embedData.size)),
+    isBylineHidden = _useState2[0],
+    setIsBylineHidden = _useState2[1];
+  var _useState3 = (0, _react.useState)(undefined),
     _useState4 = _slicedToArray(_useState3, 2),
-    isBylineHidden = _useState4[0],
-    setIsBylineHidden = _useState4[1];
-  var _useState5 = (0, _react.useState)(undefined),
-    _useState6 = _slicedToArray(_useState5, 2),
-    imageSizes = _useState6[0],
-    setImageSizes = _useState6[1];
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-    t = _useTranslation.t,
-    i18n = _useTranslation.i18n;
+    imageSizes = _useState4[0],
+    setImageSizes = _useState4[1];
   if (embed.status === 'error') {
     var _embed$embedData = embed.embedData,
       align = _embed$embedData.align,
       size = _embed$embedData.size;
     var _figureType = getFigureType(size, align);
-    return (0, _jsxRuntime.jsxs)(_Figure.Figure, {
-      type: _figureType,
-      children: [(0, _jsxRuntime.jsx)("div", {
-        className: "c-figure__img",
-        children: (0, _jsxRuntime.jsx)("img", {
-          alt: t('image.error.url'),
-          src: errorSvgSrc
-        })
-      }), (0, _jsxRuntime.jsx)("figcaption", {
-        children: t('image.error.caption')
-      })]
+    return (0, _jsxRuntime.jsx)(_EmbedErrorPlaceholder["default"], {
+      type: 'image',
+      figureType: _figureType
     });
   }
   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 = (0, _licenses.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 = (0, _licenses.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 (0, _jsxRuntime.jsxs)(_Figure.Figure, {
     id: figureId,
     type: imageSizes ? undefined : figureType,
     className: imageSizes ? 'c-figure--right expanded' : '',
     children: [(0, _jsxRuntime.jsx)(ImageWrapper, {
-      src: data.imageUrl,
+      src: data.image.imageUrl,
       crop: crop,
       size: embedData.size,
       children: (0, _jsxRuntime.jsx)(_Image["default"], {
         focalPoint: focalPoint,
-        contentType: data.contentType,
+        contentType: data.image.contentType,
         crop: crop,
         sizes: imageSizes !== null && imageSizes !== void 0 ? imageSizes : sizes,
         alt: altText,
-        src: data.imageUrl,
+        src: data.image.imageUrl,
         expandButton: (0, _jsxRuntime.jsx)(ExpandButton, {
           size: embedData.size,
           expanded: !!imageSizes,
@@ -203,50 +155,14 @@ var ImageEmbed = function ImageEmbed(_ref) {
           }
         })
       })
-    }), previewAlt ? (0, _jsxRuntime.jsx)(StyledSpan, {
-      children: "Alt: ".concat(embedData.alt)
-    }) : null, (0, _jsxRuntime.jsx)(_Figure.FigureCaption, {
-      hideFigcaption: isSmall(embedData.size) || isBylineHidden,
-      figureId: figureId,
-      id: figureId,
-      caption: caption,
-      reuseLabel: t('image.reuse'),
-      modalButton: (0, _jsxRuntime.jsx)(_button.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: (0, _jsxRuntime.jsx)(_modal.ModalV2, {
-        controlled: true,
-        isOpen: isOpen,
-        onClose: function onClose() {
-          return setIsOpen(false);
-        },
-        labelledBy: "license-dialog-rules-heading",
-        children: function children(close) {
-          return (0, _jsxRuntime.jsx)(_FigureLicenseDialogContent.FigureLicenseDialogContent, {
-            title: data.title.title,
-            license: license,
-            onClose: close,
-            authors: contributors,
-            origin: data.copyright.origin,
-            locale: i18n.language,
-            type: "image",
-            children: (0, _jsxRuntime.jsx)(ImageLicenseButtons, {
-              articlePath: articlePath,
-              title: data.title.title,
-              imageUrl: data.imageUrl,
-              copyright: data.copyright
-            })
-          });
-        }
+    }), isBylineHidden || isSmall(embedData.size) && !imageSizes ? null : (0, _jsxRuntime.jsx)(_LicenseByline.EmbedByline, {
+      type: "image",
+      copyright: data.copyright,
+      description: (_embedData$caption = embedData.caption) !== null && _embedData$caption !== void 0 ? _embedData$caption : data.caption.caption,
+      bottomRounded: true,
+      visibleAlt: previewAlt ? embed.embedData.alt : '',
+      children: HeartButton && (0, _jsxRuntime.jsx)(HeartButton, {
+        embed: embed
       })
     })]
   });
@@ -254,42 +170,13 @@ var ImageEmbed = function ImageEmbed(_ref) {
 var hideByline = function hideByline(size) {
   return !!size && size.endsWith('-hide-byline');
 };
-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 = (0, _reactI18next.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 = (0, _licenses.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 (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [(0, _jsxRuntime.jsx)(_button.CopyButton, {
-      variant: "outline",
-      onClick: function onClick() {
-        return navigator.clipboard.writeText(copyString);
-      },
-      copyNode: t('license.hasCopiedTitle'),
-      "aria-live": "assertive",
-      children: t('license.copyTitle')
-    }), (0, _jsxRuntime.jsx)(_safelink.SafeLinkButton, {
-      to: "".concat(imageUrl, "?download=true"),
-      download: true,
-      variant: "outline",
-      children: t('image.download')
-    })]
-  });
-};
-exports.ImageLicenseButtons = ImageLicenseButtons;
-var ImageWrapper = function ImageWrapper(_ref3) {
-  var src = _ref3.src,
-    crop = _ref3.crop,
-    size = _ref3.size,
-    children = _ref3.children;
-  var _useTranslation3 = (0, _reactI18next.useTranslation)(),
-    t = _useTranslation3.t;
+var ImageWrapper = function ImageWrapper(_ref2) {
+  var src = _ref2.src,
+    crop = _ref2.crop,
+    size = _ref2.size,
+    children = _ref2.children;
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
   if (isSmall(size) || hideByline(size)) {
     return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
       children: children
@@ -302,14 +189,14 @@ var ImageWrapper = function ImageWrapper(_ref3) {
     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 = (0, _reactI18next.useTranslation)(),
-    t = _useTranslation4.t;
+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;
   if (isSmall(size)) {
     return (0, _jsxRuntime.jsx)("button", {
       type: "button",

package/lib/Embed/RelatedContentEmbed.js

@@ -29,14 +29,14 @@ var RelatedContentEmbed = function RelatedContentEmbed(_ref) {
   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$title, _data$article$metaDes, _data$article$metaDes2;
+    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 = (_data$resource$paths$ = (_data$resource2 = data.resource) === null || _data$resource2 === void 0 ? void 0 : _data$resource2.paths.find(function (p) {
+    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 && _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);
     return (0, _jsxRuntime.jsx)(_RelatedArticleV.RelatedArticleV2, {
       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 : '',

package/lib/Embed/conceptComponents.d.ts

@@ -8,10 +8,10 @@
 import { ReactNode, RefAttributes } from 'react';
 import { ConceptVisualElementMeta } from '@ndla/types-embed';
 import { Copyright } from '../types';
+import { HeartButtonType } from '.';
 export interface ConceptNotionData {
     title: string;
     content?: string;
-    articlePath?: string;
     metaImage?: {
         url?: string;
         alt?: string;
@@ -27,6 +27,8 @@ interface ConceptNotionProps extends RefAttributes<HTMLDivElement>, ConceptNotio
     inPopover?: boolean;
     tags?: string[];
     subjects?: string[];
+    heartButton?: HeartButtonType;
+    conceptHeartButton?: ReactNode;
 }
-export declare const ConceptNotionV2: import("react").ForwardRefExoticComponent<Pick<ConceptNotionProps, "content" | "source" | "title" | "key" | "className" | "tags" | "articlePath" | "previewAlt" | "copyright" | "visualElement" | "closeButton" | "inPopover" | "subjects" | "metaImage"> & RefAttributes<HTMLDivElement>>;
+export declare const ConceptNotionV2: import("react").ForwardRefExoticComponent<Pick<ConceptNotionProps, "content" | "source" | "title" | "key" | "className" | "tags" | "copyright" | "previewAlt" | "heartButton" | "visualElement" | "closeButton" | "inPopover" | "subjects" | "conceptHeartButton" | "metaImage"> & RefAttributes<HTMLDivElement>>;
 export {};