@ndla/article-converter 6.0.14 → 6.0.16

package/es/extractEmbedMeta.js

@@ -7,15 +7,15 @@
  */
 
 import parse from 'html-react-parser';
-var extractEmbedMeta = function extractEmbedMeta(embed) {
-  var node = parse(embed);
+const extractEmbedMeta = embed => {
+  const node = parse(embed);
   if (typeof node === 'string' || Array.isArray(node) || node.type !== 'ndlaembed' || !node.props['data-json']) {
     return;
   }
   return JSON.parse(node.props['data-json']);
 };
-export var extractEmbedMetas = function extractEmbedMetas(embed) {
-  var nodes = parse(embed);
+export const extractEmbedMetas = embed => {
+  const nodes = parse(embed);
 
   // There are no embeds in the string
   if (typeof nodes === 'string') {
@@ -26,12 +26,8 @@ export var extractEmbedMetas = function extractEmbedMetas(embed) {
     return [JSON.parse(nodes.props['data-json'])];
   }
   // There are multiple embeds in the string
-  else if (Array.isArray(nodes) && nodes.length && nodes.every(function (n) {
-    return n.type === 'ndlaembed' && !!n.props['data-json'];
-  })) {
-    return nodes.map(function (n) {
-      return JSON.parse(n.props['data-json']);
-    });
+  else if (Array.isArray(nodes) && nodes.length && nodes.every(n => n.type === 'ndlaembed' && !!n.props['data-json'])) {
+    return nodes.map(n => JSON.parse(n.props['data-json']));
   } else {
     return [];
   }

package/es/plugins/anchorPlugin.js

@@ -1,9 +1,3 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 /**
  * Copyright (c) 2023-present, NDLA.
  *
@@ -16,12 +10,15 @@ import { attributesToProps, domToReact } from 'html-react-parser';
 import SafeLink from '@ndla/safelink';
 import { getPossiblyRelativeUrl } from '@ndla/ui';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var anchorPlugin = function anchorPlugin(node, opts, _ref) {
-  var path = _ref.path;
-  var props = attributesToProps(node.attribs);
-  var href = getPossiblyRelativeUrl(props.href, path);
-  return _jsx(SafeLink, _objectSpread(_objectSpread({}, props), {}, {
+export const anchorPlugin = (node, opts, _ref) => {
+  let {
+    path
+  } = _ref;
+  const props = attributesToProps(node.attribs);
+  const href = getPossiblyRelativeUrl(props.href, path);
+  return _jsx(SafeLink, {
+    ...props,
     to: href,
     children: domToReact(node.children, opts)
-  }));
+  });
 };

package/es/plugins/asidePlugin.js

@@ -9,7 +9,7 @@
 import { domToReact } from 'html-react-parser';
 import { Aside, FactBox } from '@ndla/ui';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var asidePlugin = function asidePlugin(node, opts) {
+export const asidePlugin = (node, opts) => {
   if (node.attribs['data-type'] === 'factAside') {
     return _jsx(FactBox, {
       children: domToReact(node.children, opts)

package/es/plugins/copyParagraphPlugin.js

@@ -9,10 +9,9 @@
 import { CopyParagraphButton } from '@ndla/ui';
 import { domToReact } from 'html-react-parser';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var copyParagraphPlugin = function copyParagraphPlugin(node, converterOpts, opts) {
-  var _parent$attribs;
-  var parent = node.parent;
-  if ((parent === null || parent === void 0 ? void 0 : parent.name) === 'section' || (parent === null || parent === void 0 ? void 0 : parent.name) === 'div' && Object.keys((_parent$attribs = parent.attribs) !== null && _parent$attribs !== void 0 ? _parent$attribs : {}).length === 0) {
+export const copyParagraphPlugin = (node, converterOpts, opts) => {
+  const parent = node.parent;
+  if (parent?.name === 'section' || parent?.name === 'div' && Object.keys(parent.attribs ?? {}).length === 0) {
     return _jsx(CopyParagraphButton, {
       copyText: node.attribs['data-text'],
       lang: opts.articleLanguage,

package/es/plugins/ddPlugin.js

@@ -1,9 +1,3 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 /**
  * Copyright (c) 2023-present, NDLA.
  *
@@ -15,10 +9,11 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 import { DefinitionDescription } from '@ndla/ui';
 import { attributesToProps, domToReact } from 'html-react-parser';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var ddPlugin = function ddPlugin(node, converterOpts, opts) {
-  var props = attributesToProps(node.attribs);
-  return _jsx(DefinitionDescription, _objectSpread(_objectSpread({}, props), {}, {
+export const ddPlugin = (node, converterOpts, opts) => {
+  const props = attributesToProps(node.attribs);
+  return _jsx(DefinitionDescription, {
+    ...props,
     lang: opts.articleLanguage,
     children: domToReact(node.children, converterOpts)
-  }));
+  });
 };

package/es/plugins/divPlugin.js

@@ -1,15 +1,3 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 /**
  * Copyright (c) 2023-present, NDLA.
  *
@@ -24,42 +12,36 @@ import { FileList, RelatedArticleList, Grid, GridParallaxItem } from '@ndla/ui';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-export var divPlugin = function divPlugin(node, opts) {
+export const divPlugin = (node, opts) => {
   if (node.attribs['data-type'] === 'related-content' && node.children.length) {
-    var props = attributesToProps(node.attribs);
-    return _jsx(RelatedArticleList, _objectSpread(_objectSpread({}, props), {}, {
+    const props = attributesToProps(node.attribs);
+    return _jsx(RelatedArticleList, {
+      ...props,
       headingLevel: "h3",
       children: domToReact(node.children, opts)
-    }));
-  } else if (node.attribs['data-type'] === 'file' && node.childNodes.length) {
-    var elements = node.childNodes.filter(function (c) {
-      return c.type === 'tag' && c.name === 'ndlaembed' && c.attribs['data-resource'] === 'file';
     });
-    var _partition = partition(elements, function (el) {
-        return el.attribs['data-type'] === 'pdf' && el.attribs['data-display'] === 'block';
-      }),
-      _partition2 = _slicedToArray(_partition, 2),
-      pdfs = _partition2[0],
-      files = _partition2[1];
+  } else if (node.attribs['data-type'] === 'file' && node.childNodes.length) {
+    const elements = node.childNodes.filter(c => c.type === 'tag' && c.name === 'ndlaembed' && c.attribs['data-resource'] === 'file');
+    const [pdfs, files] = partition(elements, el => el.attribs['data-type'] === 'pdf' && el.attribs['data-display'] === 'block');
     return _jsxs(_Fragment, {
       children: [files.length ? _jsx(FileList, {
         children: domToReact(files, opts)
       }) : undefined, domToReact(pdfs, opts)]
     });
   } else if (node.attribs['data-type'] === 'grid' && node.children.length > 0) {
-    var _props = attributesToProps(node.attribs);
-    var columns = _props['data-columns'];
-    var border = _props['data-border'];
-    var background = _props['data-background'];
-    var frontpage = !!_props['data-size'];
-    return _jsx(Grid, _objectSpread(_objectSpread({
+    const props = attributesToProps(node.attribs);
+    const columns = props['data-columns'];
+    const border = props['data-border'];
+    const background = props['data-background'];
+    const frontpage = !!props['data-size'];
+    return _jsx(Grid, {
       isFrontpage: frontpage,
       border: border,
       columns: columns,
-      background: background
-    }, _props), {}, {
+      background: background,
+      ...props,
       children: domToReact(node.children, opts)
-    }));
+    });
   } else if (node.attribs['data-parallax-cell'] === 'true' && node.children.length) {
     return _jsx(GridParallaxItem, {
       children: domToReact(node.children, opts)

package/es/plugins/dtPlugin.js

@@ -1,9 +1,3 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 /**
  * Copyright (c) 2023-present, NDLA.
  *
@@ -15,10 +9,11 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 import { DefinitionTerm } from '@ndla/ui';
 import { attributesToProps, domToReact } from 'html-react-parser';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var dtPlugin = function dtPlugin(node, converterOpts, opts) {
-  var props = attributesToProps(node.attribs);
-  return _jsx(DefinitionTerm, _objectSpread(_objectSpread({}, props), {}, {
+export const dtPlugin = (node, converterOpts, opts) => {
+  const props = attributesToProps(node.attribs);
+  return _jsx(DefinitionTerm, {
+    ...props,
     lang: opts.articleLanguage,
     children: domToReact(node.children, converterOpts)
-  }));
+  });
 };

package/es/plugins/embed/KeyFigureEmbedPlugin.js

@@ -9,13 +9,14 @@
 import { attributesToProps } from 'html-react-parser';
 import { KeyFigure } from '@ndla/ui';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var keyFigureEmbedPlugin = function keyFigureEmbedPlugin(element, _, opts) {
-  var props = attributesToProps(element.attribs);
-  var data = JSON.parse(props['data-json']);
-  var _data$embedData = data.embedData,
-    title = _data$embedData.title,
-    subtitle = _data$embedData.subtitle,
-    alt = _data$embedData.alt;
+export const keyFigureEmbedPlugin = (element, _, opts) => {
+  const props = attributesToProps(element.attribs);
+  const data = JSON.parse(props['data-json']);
+  const {
+    title,
+    subtitle,
+    alt
+  } = data.embedData;
   return _jsx(KeyFigure, {
     title: title,
     subtitle: subtitle,

package/es/plugins/embed/audioEmbedPlugin.js

@@ -9,13 +9,12 @@
 import { attributesToProps } from 'html-react-parser';
 import { AudioEmbed } from '@ndla/ui';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var audioEmbedPlugin = function audioEmbedPlugin(element, _, opts) {
-  var _opts$components;
-  var props = attributesToProps(element.attribs);
-  var data = JSON.parse(props['data-json']);
+export const audioEmbedPlugin = (element, _, opts) => {
+  const props = attributesToProps(element.attribs);
+  const data = JSON.parse(props['data-json']);
   return _jsx(AudioEmbed, {
     embed: data,
-    heartButton: (_opts$components = opts.components) === null || _opts$components === void 0 ? void 0 : _opts$components.heartButton,
+    heartButton: opts.components?.heartButton,
     lang: opts.articleLanguage
   });
 };

package/es/plugins/embed/blogPostEmbedPlugin.js

@@ -9,22 +9,22 @@
 import { attributesToProps } from 'html-react-parser';
 import { BlogPostV2 } from '@ndla/ui';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var errorSvgSrc = "data:image/svg+xml;charset=UTF-8,%3Csvg fill='%238A8888' height='400' viewBox='0 0 24 12' width='100%25' xmlns='http://www.w3.org/2000/svg' style='background-color: %23EFF0F2'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath transform='scale(0.3) translate(28, 8.5)' d='M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z'/%3E%3C/svg%3E";
-export var blogPostEmbedPlugin = function blogPostEmbedPlugin(element, _, opts) {
-  var _data$data$metaImage$, _data$data$metaImage;
-  var props = attributesToProps(element.attribs);
-  var data = JSON.parse(props['data-json']);
-  var _data$embedData = data.embedData,
-    title = _data$embedData.title,
-    author = _data$embedData.author,
-    url = _data$embedData.url,
-    size = _data$embedData.size,
-    language = _data$embedData.language,
-    alt = _data$embedData.alt;
+export 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`;
+export const blogPostEmbedPlugin = (element, _, opts) => {
+  const props = attributesToProps(element.attribs);
+  const data = JSON.parse(props['data-json']);
+  const {
+    title,
+    author,
+    url,
+    size,
+    language,
+    alt
+  } = data.embedData;
   return _jsx(BlogPostV2, {
     title: {
-      title: title,
-      language: language
+      title,
+      language
     },
     author: author,
     url: url,
@@ -32,7 +32,7 @@ export var blogPostEmbedPlugin = function blogPostEmbedPlugin(element, _, opts)
     path: opts.path,
     metaImage: {
       alt: alt ? alt : '',
-      url: data.status === 'success' ? (_data$data$metaImage$ = (_data$data$metaImage = data.data.metaImage) === null || _data$data$metaImage === void 0 ? void 0 : _data$data$metaImage.image.imageUrl) !== null && _data$data$metaImage$ !== void 0 ? _data$data$metaImage$ : errorSvgSrc : errorSvgSrc
+      url: data.status === 'success' ? data.data.metaImage?.image.imageUrl ?? errorSvgSrc : errorSvgSrc
     }
   });
 };

package/es/plugins/embed/brightcoveEmbedPlugin.js

@@ -9,13 +9,12 @@
 import { attributesToProps } from 'html-react-parser';
 import { BrightcoveEmbed } from '@ndla/ui';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var brightcoveEmbedPlugin = function brightcoveEmbedPlugin(element, _, opts) {
-  var _opts$components;
-  var props = attributesToProps(element.attribs);
-  var data = JSON.parse(props['data-json']);
+export const brightcoveEmbedPlugin = (element, _, opts) => {
+  const props = attributesToProps(element.attribs);
+  const data = JSON.parse(props['data-json']);
   return _jsx(BrightcoveEmbed, {
     embed: data,
-    heartButton: (_opts$components = opts.components) === null || _opts$components === void 0 ? void 0 : _opts$components.heartButton,
+    heartButton: opts.components?.heartButton,
     renderContext: opts.renderContext
   });
 };

package/es/plugins/embed/campaignBlockPlugin.js

@@ -9,10 +9,10 @@
 import { attributesToProps } from 'html-react-parser';
 import { CampaignBlock } from '@ndla/ui';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var campaignBlockPlugin = function campaignBlockPlugin(element, _, opts) {
-  var props = attributesToProps(element.attribs);
-  var data = JSON.parse(props['data-json']);
-  var embed = data.embedData;
+export const campaignBlockPlugin = (element, _, opts) => {
+  const props = attributesToProps(element.attribs);
+  const data = JSON.parse(props['data-json']);
+  const embed = data.embedData;
   return _jsx(CampaignBlock, {
     title: {
       title: embed.title,

package/es/plugins/embed/codeEmbedPlugin.js

@@ -9,9 +9,9 @@
 import { attributesToProps } from 'html-react-parser';
 import { CodeEmbed } from '@ndla/code';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var codeEmbedPlugin = function codeEmbedPlugin(element) {
-  var props = attributesToProps(element.attribs);
-  var data = JSON.parse(props['data-json']);
+export const codeEmbedPlugin = element => {
+  const props = attributesToProps(element.attribs);
+  const data = JSON.parse(props['data-json']);
   return _jsx(CodeEmbed, {
     embed: data
   });

package/es/plugins/embed/conceptEmbedPlugin.js

@@ -9,14 +9,13 @@
 import { attributesToProps } from 'html-react-parser';
 import { ConceptEmbed } from '@ndla/ui';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var conceptEmbedPlugin = function conceptEmbedPlugin(element, _, opts) {
-  var _opts$components;
-  var props = attributesToProps(element.attribs);
-  var data = JSON.parse(props['data-json']);
+export const conceptEmbedPlugin = (element, _, opts) => {
+  const props = attributesToProps(element.attribs);
+  const data = JSON.parse(props['data-json']);
   return _jsx(ConceptEmbed, {
     embed: data,
     fullWidth: true,
-    heartButton: (_opts$components = opts.components) === null || _opts$components === void 0 ? void 0 : _opts$components.heartButton,
+    heartButton: opts.components?.heartButton,
     lang: opts.articleLanguage
   });
 };

package/es/plugins/embed/conceptListEmbedPlugin.js

@@ -9,9 +9,9 @@
 import { attributesToProps } from 'html-react-parser';
 import { ConceptListEmbed } from '@ndla/ui';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var conceptListEmbedPlugin = function conceptListEmbedPlugin(element, _, opts) {
-  var props = attributesToProps(element.attribs);
-  var data = JSON.parse(props['data-json']);
+export const conceptListEmbedPlugin = (element, _, opts) => {
+  const props = attributesToProps(element.attribs);
+  const data = JSON.parse(props['data-json']);
   return _jsx(ConceptListEmbed, {
     embed: data,
     lang: opts.articleLanguage

package/es/plugins/embed/contactBlockEmbedPlugin.js

@@ -9,18 +9,18 @@
 import { ContactBlock } from '@ndla/ui';
 import { attributesToProps } from 'html-react-parser';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var contactBlockEmbedPlugin = function contactBlockEmbedPlugin(element, _, opts) {
-  var _opts$canonicalUrls;
-  var props = attributesToProps(element.attribs);
-  var embedData = JSON.parse(props['data-json']);
-  var _embedData$embedData = embedData.embedData,
-    name = _embedData$embedData.name,
-    email = _embedData$embedData.email,
-    description = _embedData$embedData.description,
-    blob = _embedData$embedData.blob,
-    blobColor = _embedData$embedData.blobColor,
-    jobTitle = _embedData$embedData.jobTitle,
-    alt = _embedData$embedData.alt;
+export const contactBlockEmbedPlugin = (element, _, opts) => {
+  const props = attributesToProps(element.attribs);
+  const embedData = JSON.parse(props['data-json']);
+  const {
+    name,
+    email,
+    description,
+    blob,
+    blobColor,
+    jobTitle,
+    alt
+  } = embedData.embedData;
   return _jsx(ContactBlock, {
     image: embedData.status === 'success' ? embedData.data.image : undefined,
     embedAlt: alt,
@@ -31,6 +31,6 @@ export var contactBlockEmbedPlugin = function contactBlockEmbedPlugin(element, _
     name: name,
     blob: blob,
     lang: opts.articleLanguage,
-    imageCanonicalUrl: (_opts$canonicalUrls = opts.canonicalUrls) === null || _opts$canonicalUrls === void 0 ? void 0 : _opts$canonicalUrls.image
+    imageCanonicalUrl: opts.canonicalUrls?.image
   });
 };

package/es/plugins/embed/contentLinkEmbedPlugin.js

@@ -9,10 +9,12 @@
 import { attributesToProps } from 'html-react-parser';
 import { ContentLinkEmbed } from '@ndla/ui';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var contentLinkEmbedPlugin = function contentLinkEmbedPlugin(element, _, _ref) {
-  var isOembed = _ref.isOembed;
-  var props = attributesToProps(element.attribs);
-  var data = JSON.parse(props['data-json']);
+export const contentLinkEmbedPlugin = (element, _, _ref) => {
+  let {
+    isOembed
+  } = _ref;
+  const props = attributesToProps(element.attribs);
+  const data = JSON.parse(props['data-json']);
   return _jsx(ContentLinkEmbed, {
     embed: data,
     isOembed: isOembed

package/es/plugins/embed/externalEmbedPlugin.js

@@ -9,9 +9,9 @@
 import { attributesToProps } from 'html-react-parser';
 import { ExternalEmbed } from '@ndla/ui';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var externalEmbedPlugin = function externalEmbedPlugin(element) {
-  var props = attributesToProps(element.attribs);
-  var data = JSON.parse(props['data-json']);
+export const externalEmbedPlugin = element => {
+  const props = attributesToProps(element.attribs);
+  const data = JSON.parse(props['data-json']);
   return _jsx(ExternalEmbed, {
     embed: data
   });

package/es/plugins/embed/fileEmbedPlugin.js

@@ -9,14 +9,15 @@
 import { attributesToProps } from 'html-react-parser';
 import { PdfFile, File } from '@ndla/ui';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var fileEmbedPlugin = function fileEmbedPlugin(element) {
-  var props = attributesToProps(element.attribs);
-  var data = JSON.parse(props['data-json']);
-  var _data$embedData = data.embedData,
-    type = _data$embedData.type,
-    title = _data$embedData.title,
-    url = _data$embedData.url,
-    display = _data$embedData.display;
+export const fileEmbedPlugin = element => {
+  const props = attributesToProps(element.attribs);
+  const data = JSON.parse(props['data-json']);
+  const {
+    type,
+    title,
+    url,
+    display
+  } = data.embedData;
   if (type === 'pdf' && display === 'block') {
     return _jsx(PdfFile, {
       title: title,

package/es/plugins/embed/footnoteEmbedPlugin.js

@@ -9,9 +9,9 @@
 import { attributesToProps } from 'html-react-parser';
 import { FootnoteEmbed } from '@ndla/ui';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var footnoteEmbedPlugin = function footnoteEmbedPlugin(element) {
-  var props = attributesToProps(element.attribs);
-  var data = JSON.parse(props['data-json']);
+export const footnoteEmbedPlugin = element => {
+  const props = attributesToProps(element.attribs);
+  const data = JSON.parse(props['data-json']);
   return _jsx(FootnoteEmbed, {
     embed: data
   });

package/es/plugins/embed/h5pEmbedPlugin.js

@@ -9,9 +9,9 @@
 import { attributesToProps } from 'html-react-parser';
 import { H5pEmbed } from '@ndla/ui';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var h5pEmbedPlugin = function h5pEmbedPlugin(element) {
-  var props = attributesToProps(element.attribs);
-  var data = JSON.parse(props['data-json']);
+export const h5pEmbedPlugin = element => {
+  const props = attributesToProps(element.attribs);
+  const data = JSON.parse(props['data-json']);
   return _jsx(H5pEmbed, {
     embed: data
   });

package/es/plugins/embed/iframeEmbedPlugin.js

@@ -9,9 +9,9 @@
 import { attributesToProps } from 'html-react-parser';
 import { IframeEmbed } from '@ndla/ui';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var iframeEmbedPlugin = function iframeEmbedPlugin(element) {
-  var props = attributesToProps(element.attribs);
-  var data = JSON.parse(props['data-json']);
+export const iframeEmbedPlugin = element => {
+  const props = attributesToProps(element.attribs);
+  const data = JSON.parse(props['data-json']);
   return _jsx(IframeEmbed, {
     embed: data
   });

package/es/plugins/embed/imageEmbedPlugin.js

@@ -9,18 +9,17 @@
 import { ImageEmbed } from '@ndla/ui';
 import { attributesToProps } from 'html-react-parser';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var imageEmbedPlugin = function imageEmbedPlugin(element, _, opts) {
-  var _element$parentNode, _element$parentNode$p, _element$parentNode$p2, _opts$components, _opts$canonicalUrls;
-  var props = attributesToProps(element.attribs);
-  var data = JSON.parse(props['data-json']);
-  var inGrid = ((_element$parentNode = element.parentNode) === null || _element$parentNode === void 0 ? void 0 : (_element$parentNode$p = _element$parentNode.parentNode) === null || _element$parentNode$p === void 0 ? void 0 : (_element$parentNode$p2 = _element$parentNode$p.attribs) === null || _element$parentNode$p2 === void 0 ? void 0 : _element$parentNode$p2['data-type']) === 'grid';
+export const imageEmbedPlugin = (element, _, opts) => {
+  const props = attributesToProps(element.attribs);
+  const data = JSON.parse(props['data-json']);
+  const inGrid = element.parentNode?.parentNode?.attribs?.['data-type'] === 'grid';
   return _jsx(ImageEmbed, {
     inGrid: inGrid,
     embed: data,
     path: opts.path,
     previewAlt: opts.previewAlt,
-    heartButton: (_opts$components = opts.components) === null || _opts$components === void 0 ? void 0 : _opts$components.heartButton,
-    canonicalUrl: (_opts$canonicalUrls = opts.canonicalUrls) === null || _opts$canonicalUrls === void 0 ? void 0 : _opts$canonicalUrls.image,
+    heartButton: opts.components?.heartButton,
+    canonicalUrl: opts.canonicalUrls?.image,
     lang: opts.articleLanguage,
     renderContext: opts.renderContext
   });

package/es/plugins/embed/index.js

@@ -24,7 +24,7 @@ import { keyFigureEmbedPlugin } from './KeyFigureEmbedPlugin';
 import { contactBlockEmbedPlugin } from './contactBlockEmbedPlugin';
 import { campaignBlockPlugin } from './campaignBlockPlugin';
 import { linkBlockPlugin } from './linkBlockEmbedPlugin';
-export var embedPlugins = {
+export const embedPlugins = {
   image: imageEmbedPlugin,
   audio: audioEmbedPlugin,
   h5p: h5pEmbedPlugin,

package/es/plugins/embed/linkBlockEmbedPlugin.js

@@ -1,9 +1,3 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 /**
  * Copyright (c) 2023-present, NDLA.
  *
@@ -15,10 +9,11 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 import { LinkBlock } from '@ndla/ui';
 import { attributesToProps } from 'html-react-parser';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var linkBlockPlugin = function linkBlockPlugin(element, _, opts) {
-  var props = attributesToProps(element.attribs);
-  var data = JSON.parse(props['data-json']);
-  return _jsx(LinkBlock, _objectSpread(_objectSpread({}, data.embedData), {}, {
+export const linkBlockPlugin = (element, _, opts) => {
+  const props = attributesToProps(element.attribs);
+  const data = JSON.parse(props['data-json']);
+  return _jsx(LinkBlock, {
+    ...data.embedData,
     path: opts.path
-  }));
+  });
 };