@ndla/ui 36.0.2 → 37.0.0

package/es/Embed/EmbedErrorPlaceholder.js

@@ -0,0 +1,41 @@
+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 { WarningOutline } from '@ndla/icons/common';
+import { colors, spacing } from '@ndla/core';
+import { Figure } from '../Figure';
+import { EmbedByline } from '../LicenseByline';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+var ErrorPlaceholder = /*#__PURE__*/_styled("div", {
+  target: "etnx1j51",
+  label: "ErrorPlaceholder"
+})("display:flex;align-items:center;justify-content:center;background-color:", colors.brand.greyLighter, ";height:330px;svg{fill:", 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__*/_styled(Figure, {
+  target: "etnx1j50",
+  label: "StyledFigure"
+})("display:flex;flex-direction:column;gap:", 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 _jsxs(StyledFigure, {
+    type: figureType,
+    children: [children !== null && children !== void 0 ? children : _jsx(ErrorPlaceholder, {
+      "data-embed-type": type,
+      children: _jsx(WarningOutline, {})
+    }), _jsx(EmbedByline, {
+      error: true,
+      type: type,
+      topRounded: true,
+      bottomRounded: true
+    })]
+  });
+};
+export default EmbedErrorPlaceholder;

package/es/Embed/ExternalEmbed.js

@@ -12,9 +12,8 @@ import { useEffect, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Figure } from '../Figure';
 import { ResourceBox } from '../ResourceBox';
-import { errorSvgSrc } from './ImageEmbed';
+import EmbedErrorPlaceholder from './EmbedErrorPlaceholder';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 var StyledFigure = /*#__PURE__*/_styled("figure", {
   target: "e13ppouw0",
   label: "StyledFigure"
@@ -24,7 +23,7 @@ var StyledFigure = /*#__PURE__*/_styled("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) {
@@ -47,14 +46,8 @@ var ExternalEmbed = function ExternalEmbed(_ref) {
     }
   }, []);
   if (embed.status === 'error') {
-    return _jsxs("figure", {
-      className: isConcept ? '' : 'c-figure',
-      children: [_jsx("img", {
-        alt: t('external.error'),
-        src: errorSvgSrc
-      }), _jsx("figcaption", {
-        children: t('external.error')
-      })]
+    return _jsx(EmbedErrorPlaceholder, {
+      type: "external"
     });
   }
   var embedData = embed.embedData,
@@ -62,7 +55,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 _jsx(Figure, {

package/es/Embed/H5pEmbed.js

@@ -9,10 +9,8 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  */
 
 import React from 'react';
-import { useTranslation } from 'react-i18next';
-import { errorSvgSrc } from './ImageEmbed';
+import EmbedErrorPlaceholder from './EmbedErrorPlaceholder';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 var StyledFigure = /*#__PURE__*/_styled("figure", {
   target: "etjdel10",
   label: "StyledFigure"
@@ -22,23 +20,15 @@ var StyledFigure = /*#__PURE__*/_styled("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/ICdjLWZpZ3VyZS0tZnVsbC1jb2x1bW4nIDogJyc7XG4gIGNvbnN0IGNsYXNzZXMgPSBgYy1maWd1cmUgJHtmdWxsQ29sdW1uQ2xhc3N9IGMtZmlndXJlLS1yZXNpemVgO1xuXG4gIGlmIChlbWJlZC5kYXRhLm9lbWJlZCkge1xuICAgIHJldHVybiA8U3R5bGVkRmlndXJlIGNsYXNzTmFtZT17Y2xhc3Nlc30gZGFuZ2Vyb3VzbHlTZXRJbm5lckhUTUw9e3sgX19odG1sOiBlbWJlZC5kYXRhLm9lbWJlZC5odG1sID8/ICcnIH19IC8+O1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkRmlndXJlIGNsYXNzTmFtZT17Y2xhc3Nlc30+XG4gICAgICA8aWZyYW1lIHRpdGxlPXtlbWJlZC5lbWJlZERhdGEudXJsfSBhcmlhLWxhYmVsPXtlbWJlZC5lbWJlZERhdGEudXJsfSBzcmM9e2VtYmVkLmVtYmVkRGF0YS51cmx9IC8+XG4gICAgPC9TdHlsZWRGaWd1cmU+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBINXBFbWJlZDtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 var H5pEmbed = function H5pEmbed(_ref) {
   var embed = _ref.embed,
     isConcept = _ref.isConcept;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
   if (embed.status === 'error') {
-    return _jsxs("figure", {
-      className: isConcept ? '' : 'c-figure',
-      children: [_jsx("img", {
-        alt: t('h5p.error'),
-        src: errorSvgSrc
-      }), _jsx("figcaption", {
-        children: t('h5p.error')
-      })]
+    return _jsx(EmbedErrorPlaceholder, {
+      type: "h5p"
     });
   }
   var fullColumnClass = isConcept ? 'c-figure--full-column' : '';

package/es/Embed/IframeEmbed.js

@@ -12,7 +12,7 @@ import { useTranslation } from 'react-i18next';
 import { Figure } from '../Figure';
 import { ResourceBox } from '../ResourceBox';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-var ExternalEmbed = function ExternalEmbed(_ref) {
+var IframeEmbed = function IframeEmbed(_ref) {
   var embed = _ref.embed,
     isConcept = _ref.isConcept;
   var _useTranslation = useTranslation(),
@@ -31,10 +31,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 _jsx(Figure, {
@@ -82,4 +82,4 @@ var ExternalEmbed = function ExternalEmbed(_ref) {
     })
   );
 };
-export default ExternalEmbed;
+export default IframeEmbed;

package/es/Embed/ImageEmbed.js

@@ -1,15 +1,9 @@
-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 = 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.
  *
@@ -19,17 +13,14 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  */
 
 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 { Figure } from '../Figure';
 import Image, { ImageLink } from '../Image';
-import { FigureLicenseDialogContent } from '../Figure/FigureLicenseDialogContent';
+import { EmbedByline } from '../LicenseByline';
+import EmbedErrorPlaceholder from './EmbedErrorPlaceholder';
 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";
@@ -92,93 +83,54 @@ var getCrop = function getCrop(data) {
   }
   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/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 = useState(false),
+    previewAlt = _ref.previewAlt,
+    HeartButton = _ref.heartButton;
+  var _useState = useState(hideByline(embed.embedData.size)),
     _useState2 = _slicedToArray(_useState, 2),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
-  var _useState3 = useState(hideByline(embed.embedData.size)),
+    isBylineHidden = _useState2[0],
+    setIsBylineHidden = _useState2[1];
+  var _useState3 = useState(undefined),
     _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;
+    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 _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')
-      })]
+    return _jsx(EmbedErrorPlaceholder, {
+      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 = 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,
+      src: data.image.imageUrl,
       crop: crop,
       size: embedData.size,
       children: _jsx(Image, {
         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: _jsx(ExpandButton, {
           size: embedData.size,
           expanded: !!imageSizes,
@@ -195,50 +147,14 @@ var ImageEmbed = function ImageEmbed(_ref) {
           }
         })
       })
-    }), 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
-            })
-          });
-        }
+    }), isBylineHidden || isSmall(embedData.size) && !imageSizes ? null : _jsx(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 && _jsx(HeartButton, {
+        embed: embed
       })
     })]
   });
@@ -246,41 +162,13 @@ var ImageEmbed = function ImageEmbed(_ref) {
 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;
+var ImageWrapper = function ImageWrapper(_ref2) {
+  var src = _ref2.src,
+    crop = _ref2.crop,
+    size = _ref2.size,
+    children = _ref2.children;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   if (isSmall(size) || hideByline(size)) {
     return _jsx(_Fragment, {
       children: children
@@ -293,14 +181,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 = 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 = useTranslation(),
+    t = _useTranslation2.t;
   if (isSmall(size)) {
     return _jsx("button", {
       type: "button",