@ndla/ui 50.1.0 → 50.1.2

package/lib/Embed/ConceptListEmbed.js

@@ -12,13 +12,13 @@ var _ConceptEmbed = require("./ConceptEmbed");
 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)."; } /**
-                                                                                                                                                                                                                                                                                           * 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 ConceptList = /*#__PURE__*/(0, _base.default)("div", {
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+const ConceptList = /*#__PURE__*/(0, _base.default)("div", {
   target: "e1g5p4xu1",
   label: "ConceptList"
 })(process.env.NODE_ENV === "production" ? {
@@ -30,22 +30,27 @@ var ConceptList = /*#__PURE__*/(0, _base.default)("div", {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbmNlcHRMaXN0RW1iZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9COEIiLCJmaWxlIjoiQ29uY2VwdExpc3RFbWJlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IENvbmNlcHRMaXN0TWV0YURhdGEgfSBmcm9tICdAbmRsYS90eXBlcy1lbWJlZCc7XG5pbXBvcnQgeyBGaWd1cmUgfSBmcm9tICcuLi9GaWd1cmUnO1xuaW1wb3J0IHsgQmxvY2tDb25jZXB0IH0gZnJvbSAnLi9Db25jZXB0RW1iZWQnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBlbWJlZDogQ29uY2VwdExpc3RNZXRhRGF0YTtcbiAgbGFuZz86IHN0cmluZztcbn1cblxuY29uc3QgQ29uY2VwdExpc3QgPSBzdHlsZWQuZGl2YFxuICAmID4gZmlndXJlOmZpcnN0LW9mLXR5cGUge1xuICAgIG1hcmdpbi10b3A6IDMycHg7XG4gIH1cbiAgJiBsaSB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFNwYW4gPSBzdHlsZWQuc3BhbmBcbiAgY29sb3I6ICR7Y29sb3JzLnN1cHBvcnQucmVkfTtcbmA7XG5cbmNvbnN0IENvbmNlcHRMaXN0RW1iZWQgPSAoeyBlbWJlZCwgbGFuZyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGlmIChlbWJlZC5zdGF0dXMgPT09ICdlcnJvcicpIHtcbiAgICByZXR1cm4gPFN0eWxlZFNwYW4+e3QoJ2VtYmVkLmNvbmNlcHRMaXN0RXJyb3InKX08L1N0eWxlZFNwYW4+O1xuICB9XG4gIGNvbnN0IHsgZW1iZWREYXRhLCBkYXRhIH0gPSBlbWJlZDtcbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAgPEZpZ3VyZSB0eXBlPVwiZnVsbFwiIHJlc2l6ZUlmcmFtZT5cbiAgICAgICAge2VtYmVkRGF0YS50aXRsZSAmJiA8aDIgbGFuZz17bGFuZ30+e2VtYmVkRGF0YS50aXRsZX08L2gyPn1cbiAgICAgICAgPENvbmNlcHRMaXN0PlxuICAgICAgICAgIDx1bCBsYW5nPXtsYW5nfT5cbiAgICAgICAgICAgIHtkYXRhLmNvbmNlcHRzLm1hcCgoeyBjb25jZXB0LCB2aXN1YWxFbGVtZW50IH0pID0+IChcbiAgICAgICAgICAgICAgPGxpIGtleT17Y29uY2VwdC5pZH0+XG4gICAgICAgICAgICAgICAgPEJsb2NrQ29uY2VwdFxuICAgICAgICAgICAgICAgICAgdGl0bGU9e2NvbmNlcHQudGl0bGV9XG4gICAgICAgICAgICAgICAgICBjb250ZW50PXtjb25jZXB0LmNvbnRlbnQuY29udGVudH1cbiAgICAgICAgICAgICAgICAgIG1ldGFJbWFnZT17Y29uY2VwdC5tZXRhSW1hZ2V9XG4gICAgICAgICAgICAgICAgICBjb3B5cmlnaHQ9e2NvbmNlcHQuY29weXJpZ2h0fVxuICAgICAgICAgICAgICAgICAgc291cmNlPXtjb25jZXB0LnNvdXJjZX1cbiAgICAgICAgICAgICAgICAgIHZpc3VhbEVsZW1lbnQ9e3Zpc3VhbEVsZW1lbnR9XG4gICAgICAgICAgICAgICAgICBjb25jZXB0VHlwZT17Y29uY2VwdC5jb25jZXB0VHlwZX1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgICAgPC91bD5cbiAgICAgICAgPC9Db25jZXB0TGlzdD5cbiAgICAgIDwvRmlndXJlPlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQ29uY2VwdExpc3RFbWJlZDtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var StyledSpan = /*#__PURE__*/(0, _base.default)("span", {
+const StyledSpan = /*#__PURE__*/(0, _base.default)("span", {
   target: "e1g5p4xu0",
   label: "StyledSpan"
 })("color:", _core.colors.support.red, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbmNlcHRMaXN0RW1iZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCOEIiLCJmaWxlIjoiQ29uY2VwdExpc3RFbWJlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IENvbmNlcHRMaXN0TWV0YURhdGEgfSBmcm9tICdAbmRsYS90eXBlcy1lbWJlZCc7XG5pbXBvcnQgeyBGaWd1cmUgfSBmcm9tICcuLi9GaWd1cmUnO1xuaW1wb3J0IHsgQmxvY2tDb25jZXB0IH0gZnJvbSAnLi9Db25jZXB0RW1iZWQnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBlbWJlZDogQ29uY2VwdExpc3RNZXRhRGF0YTtcbiAgbGFuZz86IHN0cmluZztcbn1cblxuY29uc3QgQ29uY2VwdExpc3QgPSBzdHlsZWQuZGl2YFxuICAmID4gZmlndXJlOmZpcnN0LW9mLXR5cGUge1xuICAgIG1hcmdpbi10b3A6IDMycHg7XG4gIH1cbiAgJiBsaSB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFNwYW4gPSBzdHlsZWQuc3BhbmBcbiAgY29sb3I6ICR7Y29sb3JzLnN1cHBvcnQucmVkfTtcbmA7XG5cbmNvbnN0IENvbmNlcHRMaXN0RW1iZWQgPSAoeyBlbWJlZCwgbGFuZyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGlmIChlbWJlZC5zdGF0dXMgPT09ICdlcnJvcicpIHtcbiAgICByZXR1cm4gPFN0eWxlZFNwYW4+e3QoJ2VtYmVkLmNvbmNlcHRMaXN0RXJyb3InKX08L1N0eWxlZFNwYW4+O1xuICB9XG4gIGNvbnN0IHsgZW1iZWREYXRhLCBkYXRhIH0gPSBlbWJlZDtcbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAgPEZpZ3VyZSB0eXBlPVwiZnVsbFwiIHJlc2l6ZUlmcmFtZT5cbiAgICAgICAge2VtYmVkRGF0YS50aXRsZSAmJiA8aDIgbGFuZz17bGFuZ30+e2VtYmVkRGF0YS50aXRsZX08L2gyPn1cbiAgICAgICAgPENvbmNlcHRMaXN0PlxuICAgICAgICAgIDx1bCBsYW5nPXtsYW5nfT5cbiAgICAgICAgICAgIHtkYXRhLmNvbmNlcHRzLm1hcCgoeyBjb25jZXB0LCB2aXN1YWxFbGVtZW50IH0pID0+IChcbiAgICAgICAgICAgICAgPGxpIGtleT17Y29uY2VwdC5pZH0+XG4gICAgICAgICAgICAgICAgPEJsb2NrQ29uY2VwdFxuICAgICAgICAgICAgICAgICAgdGl0bGU9e2NvbmNlcHQudGl0bGV9XG4gICAgICAgICAgICAgICAgICBjb250ZW50PXtjb25jZXB0LmNvbnRlbnQuY29udGVudH1cbiAgICAgICAgICAgICAgICAgIG1ldGFJbWFnZT17Y29uY2VwdC5tZXRhSW1hZ2V9XG4gICAgICAgICAgICAgICAgICBjb3B5cmlnaHQ9e2NvbmNlcHQuY29weXJpZ2h0fVxuICAgICAgICAgICAgICAgICAgc291cmNlPXtjb25jZXB0LnNvdXJjZX1cbiAgICAgICAgICAgICAgICAgIHZpc3VhbEVsZW1lbnQ9e3Zpc3VhbEVsZW1lbnR9XG4gICAgICAgICAgICAgICAgICBjb25jZXB0VHlwZT17Y29uY2VwdC5jb25jZXB0VHlwZX1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgICAgPC91bD5cbiAgICAgICAgPC9Db25jZXB0TGlzdD5cbiAgICAgIDwvRmlndXJlPlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQ29uY2VwdExpc3RFbWJlZDtcbiJdfQ== */"));
-var ConceptListEmbed = function ConceptListEmbed(_ref) {
-  var embed = _ref.embed,
-    lang = _ref.lang;
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-    t = _useTranslation.t;
+const ConceptListEmbed = _ref => {
+  let {
+    embed,
+    lang
+  } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
   if (embed.status === 'error') {
     return (0, _jsxRuntime.jsx)(StyledSpan, {
       children: t('embed.conceptListError')
     });
   }
-  var embedData = embed.embedData,
-    data = embed.data;
+  const {
+    embedData,
+    data
+  } = embed;
   return (0, _jsxRuntime.jsx)("div", {
     children: (0, _jsxRuntime.jsxs)(_Figure.Figure, {
       type: "full",
@@ -56,9 +61,11 @@ var ConceptListEmbed = function ConceptListEmbed(_ref) {
       }), (0, _jsxRuntime.jsx)(ConceptList, {
         children: (0, _jsxRuntime.jsx)("ul", {
           lang: lang,
-          children: data.concepts.map(function (_ref2) {
-            var concept = _ref2.concept,
-              visualElement = _ref2.visualElement;
+          children: data.concepts.map(_ref2 => {
+            let {
+              concept,
+              visualElement
+            } = _ref2;
             return (0, _jsxRuntime.jsx)("li", {
               children: (0, _jsxRuntime.jsx)(_ConceptEmbed.BlockConcept, {
                 title: concept.title,
@@ -76,5 +83,4 @@ var ConceptListEmbed = function ConceptListEmbed(_ref) {
     })
   });
 };
-var _default = ConceptListEmbed;
-exports.default = _default;
+var _default = exports.default = ConceptListEmbed;

package/lib/Embed/ContentLinkEmbed.js

@@ -17,22 +17,27 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  *
  */
 
-var StyledSpan = /*#__PURE__*/(0, _base.default)("span", {
+const StyledSpan = /*#__PURE__*/(0, _base.default)("span", {
   target: "e1s10cki0",
   label: "StyledSpan"
 })("color:", _core.colors.support.red, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRlbnRMaW5rRW1iZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCOEIiLCJmaWxlIjoiQ29udGVudExpbmtFbWJlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IENvbnRlbnRMaW5rTWV0YURhdGEgfSBmcm9tICdAbmRsYS90eXBlcy1lbWJlZCc7XG5pbnRlcmZhY2UgUHJvcHMge1xuICBlbWJlZDogQ29udGVudExpbmtNZXRhRGF0YTtcbiAgaXNPZW1iZWQ/OiBib29sZWFuO1xufVxuXG5jb25zdCBTdHlsZWRTcGFuID0gc3R5bGVkLnNwYW5gXG4gIGNvbG9yOiAke2NvbG9ycy5zdXBwb3J0LnJlZH07XG5gO1xuXG5jb25zdCBDb250ZW50TGlua0VtYmVkID0gKHsgZW1iZWQsIGlzT2VtYmVkIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgaWYgKGVtYmVkLnN0YXR1cyA9PT0gJ2Vycm9yJykge1xuICAgIHJldHVybiA8U3R5bGVkU3Bhbj57YCR7dCgnZW1iZWQubGlua0Vycm9yJyl9OiAke2VtYmVkLmVtYmVkRGF0YS5saW5rVGV4dH1gfTwvU3R5bGVkU3Bhbj47XG4gIH1cblxuICBjb25zdCB7IGVtYmVkRGF0YSwgZGF0YSB9ID0gZW1iZWQ7XG5cbiAgaWYgKGVtYmVkRGF0YS5vcGVuSW4gPT09ICduZXctY29udGV4dCcgfHwgaXNPZW1iZWQpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPGEgaHJlZj17ZW1iZWQuZGF0YS5wYXRofSB0YXJnZXQ9XCJfYmxhbmtcIiByZWw9XCJub29wZW5lciBub3JlZmVycmVyXCI+XG4gICAgICAgIHtlbWJlZERhdGEubGlua1RleHR9XG4gICAgICA8L2E+XG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiA8YSBocmVmPXtkYXRhLnBhdGh9PntlbWJlZERhdGEubGlua1RleHR9PC9hPjtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENvbnRlbnRMaW5rRW1iZWQ7XG4iXX0= */"));
-var ContentLinkEmbed = function ContentLinkEmbed(_ref) {
-  var embed = _ref.embed,
-    isOembed = _ref.isOembed;
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-    t = _useTranslation.t;
+const ContentLinkEmbed = _ref => {
+  let {
+    embed,
+    isOembed
+  } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
   if (embed.status === 'error') {
     return (0, _jsxRuntime.jsx)(StyledSpan, {
-      children: "".concat(t('embed.linkError'), ": ").concat(embed.embedData.linkText)
+      children: `${t('embed.linkError')}: ${embed.embedData.linkText}`
     });
   }
-  var embedData = embed.embedData,
-    data = embed.data;
+  const {
+    embedData,
+    data
+  } = embed;
   if (embedData.openIn === 'new-context' || isOembed) {
     return (0, _jsxRuntime.jsx)("a", {
       href: embed.data.path,
@@ -46,5 +51,4 @@ var ContentLinkEmbed = function ContentLinkEmbed(_ref) {
     children: embedData.linkText
   });
 };
-var _default = ContentLinkEmbed;
-exports.default = _default;
+var _default = exports.default = ContentLinkEmbed;

package/lib/Embed/EmbedErrorPlaceholder.js

@@ -19,21 +19,23 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  *
  */
 
-var ErrorPlaceholder = /*#__PURE__*/(0, _base.default)("div", {
+const 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, {
+const 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;
+const EmbedErrorPlaceholder = _ref => {
+  let {
+    type,
+    children,
+    figureType
+  } = _ref;
   return (0, _jsxRuntime.jsxs)(StyledFigure, {
     type: figureType,
-    children: [children !== null && children !== void 0 ? children : (0, _jsxRuntime.jsx)(ErrorPlaceholder, {
+    children: [children ?? (0, _jsxRuntime.jsx)(ErrorPlaceholder, {
       "data-embed-type": type,
       children: (0, _jsxRuntime.jsx)(_common.WarningOutline, {})
     }), (0, _jsxRuntime.jsx)(_LicenseByline.EmbedByline, {
@@ -44,5 +46,4 @@ var EmbedErrorPlaceholder = function EmbedErrorPlaceholder(_ref) {
     })]
   });
 };
-var _default = EmbedErrorPlaceholder;
-exports.default = _default;
+var _default = exports.default = EmbedErrorPlaceholder;

package/lib/Embed/ExternalEmbed.js

@@ -13,13 +13,13 @@ var _EmbedErrorPlaceholder = _interopRequireDefault(require("./EmbedErrorPlaceho
 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)."; } /**
-                                                                                                                                                                                                                                                                                           * 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 StyledFigure = /*#__PURE__*/(0, _base.default)("figure", {
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+const StyledFigure = /*#__PURE__*/(0, _base.default)("figure", {
   target: "e13ppouw0",
   label: "StyledFigure"
 })(process.env.NODE_ENV === "production" ? {
@@ -31,21 +31,20 @@ var StyledFigure = /*#__PURE__*/(0, _base.default)("figure", {
   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) {
-  var _data$oembed$html;
-  var embed = _ref.embed,
-    isConcept = _ref.isConcept;
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-    t = _useTranslation.t;
-  var figRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
-    var _figRef$current;
-    var iframe = (_figRef$current = figRef.current) === null || _figRef$current === void 0 ? void 0 : _figRef$current.querySelector("iframe");
+const ExternalEmbed = _ref => {
+  let {
+    embed,
+    isConcept
+  } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  const figRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    const iframe = figRef.current?.querySelector(`iframe`);
     if (iframe) {
-      var _ref2 = [parseInt(iframe.width), parseInt(iframe.height)],
-        width = _ref2[0],
-        height = _ref2[1];
-      iframe.style.aspectRatio = "".concat(width ? width : 16, "/").concat(height ? height : 9);
+      const [width, height] = [parseInt(iframe.width), parseInt(iframe.height)];
+      iframe.style.aspectRatio = `${width ? width : 16}/${height ? height : 9}`;
       iframe.width = '';
       iframe.height = '';
     }
@@ -55,27 +54,28 @@ var ExternalEmbed = function ExternalEmbed(_ref) {
       type: "external"
     });
   }
-  var embedData = embed.embedData,
-    data = embed.data;
+  const {
+    embedData,
+    data
+  } = embed;
   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.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 : ''
+    const image = {
+      src: data.iframeImage?.image.imageUrl ?? '',
+      alt: data.iframeImage?.alttext?.alttext ?? ''
     };
     return (0, _jsxRuntime.jsx)(_Figure.Figure, {
       type: "full",
       children: (0, _jsxRuntime.jsx)(_ResourceBox.ResourceBox, {
         image: image,
-        title: (_embedData$title = embedData.title) !== null && _embedData$title !== void 0 ? _embedData$title : '',
+        title: embedData.title ?? '',
         url: embedData.url,
-        caption: (_embedData$caption = embedData.caption) !== null && _embedData$caption !== void 0 ? _embedData$caption : '',
+        caption: embedData.caption ?? '',
         buttonText: t('license.other.itemImage.ariaLabel')
       })
     });
   }
-  var fullColumnClass = isConcept ? 'c-figure--full-column' : '';
-  var classes = "c-figure ".concat(fullColumnClass, " c-figure--resize");
+  const fullColumnClass = isConcept ? 'c-figure--full-column' : '';
+  const classes = `c-figure ${fullColumnClass} c-figure--resize`;
   return (0, _jsxRuntime.jsx)(StyledFigure, {
     ref: figRef,
     className: classes
@@ -84,9 +84,8 @@ var ExternalEmbed = function ExternalEmbed(_ref) {
     ,
     resizeiframe: "true",
     dangerouslySetInnerHTML: {
-      __html: (_data$oembed$html = data.oembed.html) !== null && _data$oembed$html !== void 0 ? _data$oembed$html : ''
+      __html: data.oembed.html ?? ''
     }
   });
 };
-var _default = ExternalEmbed;
-exports.default = _default;
+var _default = exports.default = ExternalEmbed;

package/lib/Embed/FootnoteEmbed.js

@@ -14,26 +14,28 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
  *
  */
 
-var FootnoteEmbed = function FootnoteEmbed(_ref) {
-  var embed = _ref.embed;
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-    t = _useTranslation.t;
+const FootnoteEmbed = _ref => {
+  let {
+    embed
+  } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
   if (embed.status === 'error') {
     return (0, _jsxRuntime.jsx)("div", {
       children: t('error')
     });
   }
   return (0, _jsxRuntime.jsx)("span", {
-    id: "ref".concat(embed.data.entryNum),
+    id: `ref${embed.data.entryNum}`,
     className: "c-footnotes__ref",
     children: (0, _jsxRuntime.jsx)("sup", {
       children: (0, _jsxRuntime.jsx)("a", {
-        href: "#note".concat(embed.data.entryNum),
+        href: `#note${embed.data.entryNum}`,
         target: "_self",
-        children: "[".concat(embed.data.entryNum, "]")
+        children: `[${embed.data.entryNum}]`
       })
     })
   });
 };
-var _default = FootnoteEmbed;
-exports.default = _default;
+var _default = exports.default = FootnoteEmbed;

package/lib/Embed/H5pEmbed.js

@@ -9,13 +9,13 @@ var _EmbedErrorPlaceholder = _interopRequireDefault(require("./EmbedErrorPlaceho
 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)."; } /**
-                                                                                                                                                                                                                                                                                           * 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 StyledFigure = /*#__PURE__*/(0, _base.default)("figure", {
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+const StyledFigure = /*#__PURE__*/(0, _base.default)("figure", {
   target: "etjdel10",
   label: "StyledFigure"
 })(process.env.NODE_ENV === "production" ? {
@@ -27,22 +27,23 @@ var StyledFigure = /*#__PURE__*/(0, _base.default)("figure", {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkg1cEVtYmVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQmtDIiwiZmlsZSI6Ikg1cEVtYmVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgSDVwTWV0YURhdGEgfSBmcm9tICdAbmRsYS90eXBlcy1lbWJlZCc7XG5pbXBvcnQgRW1iZWRFcnJvclBsYWNlaG9sZGVyIGZyb20gJy4vRW1iZWRFcnJvclBsYWNlaG9sZGVyJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgZW1iZWQ6IEg1cE1ldGFEYXRhO1xuICBpc0NvbmNlcHQ/OiBib29sZWFuO1xufVxuXG5jb25zdCBTdHlsZWRGaWd1cmUgPSBzdHlsZWQuZmlndXJlYFxuICBpZnJhbWUge1xuICAgIGhlaWdodDogYXV0bztcbiAgfVxuYDtcblxuY29uc3QgSDVwRW1iZWQgPSAoeyBlbWJlZCwgaXNDb25jZXB0IH06IFByb3BzKSA9PiB7XG4gIGlmIChlbWJlZC5zdGF0dXMgPT09ICdlcnJvcicpIHtcbiAgICByZXR1cm4gPEVtYmVkRXJyb3JQbGFjZWhvbGRlciB0eXBlPVwiaDVwXCIgLz47XG4gIH1cbiAgY29uc3QgZnVsbENvbHVtbkNsYXNzID0gaXNDb25jZXB0ID8gJ2MtZmlndXJlLS1mdWxsLWNvbHVtbicgOiAnJztcbiAgY29uc3QgY2xhc3NlcyA9IGBjLWZpZ3VyZSAke2Z1bGxDb2x1bW5DbGFzc30gYy1maWd1cmUtLXJlc2l6ZWA7XG5cbiAgaWYgKGVtYmVkLmRhdGEub2VtYmVkKSB7XG4gICAgcmV0dXJuIDxmaWd1cmUgY2xhc3NOYW1lPXtjbGFzc2VzfSBkYW5nZXJvdXNseVNldElubmVySFRNTD17eyBfX2h0bWw6IGVtYmVkLmRhdGEub2VtYmVkLmh0bWwgPz8gJycgfX0gLz47XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRGaWd1cmUgY2xhc3NOYW1lPXtjbGFzc2VzfT5cbiAgICAgIDxpZnJhbWUgdGl0bGU9e2VtYmVkLmVtYmVkRGF0YS51cmx9IGFyaWEtbGFiZWw9e2VtYmVkLmVtYmVkRGF0YS51cmx9IHNyYz17ZW1iZWQuZW1iZWREYXRhLnVybH0gLz5cbiAgICA8L1N0eWxlZEZpZ3VyZT5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEg1cEVtYmVkO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var H5pEmbed = function H5pEmbed(_ref) {
-  var embed = _ref.embed,
-    isConcept = _ref.isConcept;
+const H5pEmbed = _ref => {
+  let {
+    embed,
+    isConcept
+  } = _ref;
   if (embed.status === '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");
+  const fullColumnClass = isConcept ? 'c-figure--full-column' : '';
+  const classes = `c-figure ${fullColumnClass} c-figure--resize`;
   if (embed.data.oembed) {
-    var _embed$data$oembed$ht;
     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 : ''
+        __html: embed.data.oembed.html ?? ''
       }
     });
   }
@@ -55,5 +56,4 @@ var H5pEmbed = function H5pEmbed(_ref) {
     })
   });
 };
-var _default = H5pEmbed;
-exports.default = _default;
+var _default = exports.default = H5pEmbed;

package/lib/Embed/IframeEmbed.js

@@ -17,60 +17,64 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
  *
  */
 
-var IframeEmbed = function IframeEmbed(_ref) {
-  var embed = _ref.embed,
-    isConcept = _ref.isConcept;
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-    t = _useTranslation.t;
-  var iframeRef = (0, _react.useRef)(null);
-  var embedData = embed.embedData;
-  (0, _react.useEffect)(function () {
-    var iframe = iframeRef.current;
+const IframeEmbed = _ref => {
+  let {
+    embed,
+    isConcept
+  } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  const iframeRef = (0, _react.useRef)(null);
+  const {
+    embedData
+  } = embed;
+  (0, _react.useEffect)(() => {
+    const iframe = iframeRef.current;
     if (iframe) {
-      var _ref2 = [parseInt(iframe.width), parseInt(iframe.height)],
-        _width = _ref2[0],
-        _height = _ref2[1];
-      iframe.style.aspectRatio = "".concat(_width ? _width : 16, "/").concat(_height ? _height : 9);
+      const [width, height] = [parseInt(iframe.width), parseInt(iframe.height)];
+      iframe.style.aspectRatio = `${width ? width : 16}/${height ? height : 9}`;
       iframe.width = '';
       iframe.height = '';
     }
   }, []);
   if (embedData.type === 'fullscreen') {
-    var _iframeImage$image$im, _embedData$title, _embedData$caption;
-    var iframeImage = embed.status === 'success' ? embed.data.iframeImage : undefined;
-    var alt = embedData.alt !== undefined ? embedData.alt : iframeImage === null || iframeImage === void 0 ? void 0 : iframeImage.alttext.alttext;
-    var image = {
-      src: (_iframeImage$image$im = iframeImage === null || iframeImage === void 0 ? void 0 : iframeImage.image.imageUrl) !== null && _iframeImage$image$im !== void 0 ? _iframeImage$image$im : '',
-      alt: alt !== null && alt !== void 0 ? alt : ''
+    const iframeImage = embed.status === 'success' ? embed.data.iframeImage : undefined;
+    const alt = embedData.alt !== undefined ? embedData.alt : iframeImage?.alttext.alttext;
+    const image = {
+      src: iframeImage?.image.imageUrl ?? '',
+      alt: alt ?? ''
     };
     return (0, _jsxRuntime.jsx)(_Figure.Figure, {
       type: "full",
       children: (0, _jsxRuntime.jsx)(_ResourceBox.ResourceBox, {
         image: image,
-        title: (_embedData$title = embedData.title) !== null && _embedData$title !== void 0 ? _embedData$title : '',
+        title: embedData.title ?? '',
         url: embedData.url,
-        caption: (_embedData$caption = embedData.caption) !== null && _embedData$caption !== void 0 ? _embedData$caption : '',
+        caption: embedData.caption ?? '',
         buttonText: t('license.other.itemImage.ariaLabel')
       })
     });
   }
-  var resize = !embedData.url.includes('trinket.io');
-  var fullColumnClass = isConcept ? 'c-figure--full-column' : '';
-  var resizeClass = resize ? 'c-figure--resize' : '';
-  var classes = "c-figure ".concat(fullColumnClass, " ").concat(resizeClass);
-  var width = embedData.width,
-    height = embedData.height,
-    title = embedData.title,
-    url = embedData.url;
-  var strippedWidth = typeof width === 'number' ? width : width === null || width === void 0 ? void 0 : width.replace(/\s*px/, '');
-  var strippedHeight = typeof height === 'number' ? height : height === null || height === void 0 ? void 0 : height.replace(/\s*px/, '');
-  var urlOrTitle = title || url;
+  const resize = !embedData.url.includes('trinket.io');
+  const fullColumnClass = isConcept ? 'c-figure--full-column' : '';
+  const resizeClass = resize ? 'c-figure--resize' : '';
+  const classes = `c-figure ${fullColumnClass} ${resizeClass}`;
+  const {
+    width,
+    height,
+    title,
+    url
+  } = embedData;
+  const strippedWidth = typeof width === 'number' ? width : width?.replace(/\s*px/, '');
+  const strippedHeight = typeof height === 'number' ? height : height?.replace(/\s*px/, '');
+  const urlOrTitle = title || url;
   return (
     //@ts-ignore
     // eslint-disable-next-line react/no-unknown-property
     (0, _jsxRuntime.jsx)("figure", {
       className: classes,
-      resizeiframe: "".concat(resize),
+      resizeiframe: `${resize}`,
       children: (0, _jsxRuntime.jsx)("iframe", {
         ref: iframeRef,
         title: urlOrTitle,
@@ -88,5 +92,4 @@ var IframeEmbed = function IframeEmbed(_ref) {
     })
   );
 };
-var _default = IframeEmbed;
-exports.default = _default;
+var _default = exports.default = IframeEmbed;