@ndla/ui 34.6.2 → 34.6.4

package/lib/CopyParagraphButton/CopyParagraphButtonV2.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _react = require("react");
+var _reactI18next = require("react-i18next");
+var _core = require("@ndla/core");
+var _tooltip = _interopRequireDefault(require("@ndla/tooltip"));
+var _common = require("@ndla/icons/common");
+var _util = require("@ndla/util");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var ContainerDiv = /*#__PURE__*/(0, _base["default"])("div", {
+  target: "esvy8zq1",
+  label: "ContainerDiv"
+})(process.env.NODE_ENV === "production" ? {
+  name: "bjn8wh",
+  styles: "position:relative"
+} : {
+  name: "bjn8wh",
+  styles: "position:relative",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvcHlQYXJhZ3JhcGhCdXR0b25WMi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0IrQiIsImZpbGUiOiJDb3B5UGFyYWdyYXBoQnV0dG9uVjIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBNb3VzZUV2ZW50LCBSZWFjdE5vZGUsIHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IFRvb2x0aXAgZnJvbSAnQG5kbGEvdG9vbHRpcCc7XG5pbXBvcnQgeyBMaW5rIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IGNvcHlUZXh0VG9DbGlwYm9hcmQgfSBmcm9tICdAbmRsYS91dGlsJztcblxuY29uc3QgQ29udGFpbmVyRGl2ID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcbmNvbnN0IEljb25CdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IC0zZW07XG4gIHRvcDogMC4xZW07XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGJvcmRlcjogMDtcbiAgei1pbmRleDogMTtcbiAgdHJhbnNpdGlvbjogMC4ycztcbiAgb3BhY2l0eTogMDtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXl9O1xuXG4gICYgc3ZnIHtcbiAgICB3aWR0aDogMzBweDtcbiAgICBoZWlnaHQ6IDMwcHg7XG4gIH1cblxuICAke0NvbnRhaW5lckRpdn06aG92ZXIgJixcbiAgJjpmb2N1cywgJjpmb2N1cy12aXNpYmxlLCAmOmFjdGl2ZSB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIC8vIFdoYXQgdG8gcmVuZGVyIHdpdGhpbiB0aGUgaDJcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgY29weVRleHQ6IHN0cmluZztcbn1cbmNvbnN0IENvcHlQYXJhZ3JhcGhCdXR0b25WMiA9ICh7IGNoaWxkcmVuLCBjb3B5VGV4dCB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBbaGFzQ29waWVkLCBzZXRIYXNDb3BpZWRdID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IHNhbml0aXplZFRpdGxlID0gdXNlTWVtbygoKSA9PiBlbmNvZGVVUklDb21wb25lbnQoY29weVRleHQucmVwbGFjZSgvIC9nLCAnLScpKSwgW2NvcHlUZXh0XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaGFzQ29waWVkKSB7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHNldEhhc0NvcGllZChmYWxzZSksIDMwMDApO1xuICAgIH1cbiAgfSwgW2hhc0NvcGllZF0pO1xuXG4gIGNvbnN0IG9uQ29weUNsaWNrID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldEhhc0NvcGllZCh0cnVlKTtcbiAgICBjb25zdCB7IGxvY2F0aW9uIH0gPSB3aW5kb3c7XG4gICAgY29uc3QgbmV3SGFzaCA9IGAjJHtzYW5pdGl6ZWRUaXRsZX1gO1xuICAgIGNvbnN0IHBvcnQgPSBsb2NhdGlvbi5wb3J0ID8gYDoke2xvY2F0aW9uLnBvcnR9YCA6ICcnO1xuICAgIGNvbnN0IHVybFRvQ29weSA9IGAke2xvY2F0aW9uLnByb3RvY29sfS8vJHtsb2NhdGlvbi5ob3N0bmFtZX0ke3BvcnR9JHtsb2NhdGlvbi5wYXRobmFtZX0ke2xvY2F0aW9uLnNlYXJjaH0ke25ld0hhc2h9YDtcblxuICAgIGNvcHlUZXh0VG9DbGlwYm9hcmQodXJsVG9Db3B5KTtcbiAgfSwgW3Nhbml0aXplZFRpdGxlXSk7XG5cbiAgY29uc3QgdG9vbHRpcCA9IGhhc0NvcGllZCA/IHQoJ2FydGljbGUuY29weVBhZ2VMaW5rQ29waWVkJykgOiB0KCdhcnRpY2xlLmNvcHlIZWFkZXJMaW5rJyk7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lckRpdj5cbiAgICAgIDxUb29sdGlwIHRvb2x0aXA9e3Rvb2x0aXB9PlxuICAgICAgICA8SWNvbkJ1dHRvbiBvbkNsaWNrPXtvbkNvcHlDbGlja30gYXJpYS1sYWJlbD17YCR7dG9vbHRpcH06ICR7Y29weVRleHR9YH0+XG4gICAgICAgICAgPExpbmsgLz5cbiAgICAgICAgPC9JY29uQnV0dG9uPlxuICAgICAgPC9Ub29sdGlwPlxuICAgICAgPGgyIGlkPXtzYW5pdGl6ZWRUaXRsZX0gdGFiSW5kZXg9ey0xfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9oMj5cbiAgICA8L0NvbnRhaW5lckRpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENvcHlQYXJhZ3JhcGhCdXR0b25WMjtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var IconButton = /*#__PURE__*/(0, _base["default"])("button", {
+  target: "esvy8zq0",
+  label: "IconButton"
+})("position:absolute;left:-3em;top:0.1em;background:none;border:0;z-index:1;transition:0.2s;opacity:0;color:", _core.colors.brand.grey, ";& svg{width:30px;height:30px;}", ContainerDiv, ":hover &,&:focus,&:focus-visible,&:active{cursor:pointer;opacity:1;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvcHlQYXJhZ3JhcGhCdXR0b25WMi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJnQyIsImZpbGUiOiJDb3B5UGFyYWdyYXBoQnV0dG9uVjIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBNb3VzZUV2ZW50LCBSZWFjdE5vZGUsIHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IFRvb2x0aXAgZnJvbSAnQG5kbGEvdG9vbHRpcCc7XG5pbXBvcnQgeyBMaW5rIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IGNvcHlUZXh0VG9DbGlwYm9hcmQgfSBmcm9tICdAbmRsYS91dGlsJztcblxuY29uc3QgQ29udGFpbmVyRGl2ID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcbmNvbnN0IEljb25CdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IC0zZW07XG4gIHRvcDogMC4xZW07XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGJvcmRlcjogMDtcbiAgei1pbmRleDogMTtcbiAgdHJhbnNpdGlvbjogMC4ycztcbiAgb3BhY2l0eTogMDtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXl9O1xuXG4gICYgc3ZnIHtcbiAgICB3aWR0aDogMzBweDtcbiAgICBoZWlnaHQ6IDMwcHg7XG4gIH1cblxuICAke0NvbnRhaW5lckRpdn06aG92ZXIgJixcbiAgJjpmb2N1cywgJjpmb2N1cy12aXNpYmxlLCAmOmFjdGl2ZSB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIC8vIFdoYXQgdG8gcmVuZGVyIHdpdGhpbiB0aGUgaDJcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgY29weVRleHQ6IHN0cmluZztcbn1cbmNvbnN0IENvcHlQYXJhZ3JhcGhCdXR0b25WMiA9ICh7IGNoaWxkcmVuLCBjb3B5VGV4dCB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBbaGFzQ29waWVkLCBzZXRIYXNDb3BpZWRdID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IHNhbml0aXplZFRpdGxlID0gdXNlTWVtbygoKSA9PiBlbmNvZGVVUklDb21wb25lbnQoY29weVRleHQucmVwbGFjZSgvIC9nLCAnLScpKSwgW2NvcHlUZXh0XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaGFzQ29waWVkKSB7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHNldEhhc0NvcGllZChmYWxzZSksIDMwMDApO1xuICAgIH1cbiAgfSwgW2hhc0NvcGllZF0pO1xuXG4gIGNvbnN0IG9uQ29weUNsaWNrID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldEhhc0NvcGllZCh0cnVlKTtcbiAgICBjb25zdCB7IGxvY2F0aW9uIH0gPSB3aW5kb3c7XG4gICAgY29uc3QgbmV3SGFzaCA9IGAjJHtzYW5pdGl6ZWRUaXRsZX1gO1xuICAgIGNvbnN0IHBvcnQgPSBsb2NhdGlvbi5wb3J0ID8gYDoke2xvY2F0aW9uLnBvcnR9YCA6ICcnO1xuICAgIGNvbnN0IHVybFRvQ29weSA9IGAke2xvY2F0aW9uLnByb3RvY29sfS8vJHtsb2NhdGlvbi5ob3N0bmFtZX0ke3BvcnR9JHtsb2NhdGlvbi5wYXRobmFtZX0ke2xvY2F0aW9uLnNlYXJjaH0ke25ld0hhc2h9YDtcblxuICAgIGNvcHlUZXh0VG9DbGlwYm9hcmQodXJsVG9Db3B5KTtcbiAgfSwgW3Nhbml0aXplZFRpdGxlXSk7XG5cbiAgY29uc3QgdG9vbHRpcCA9IGhhc0NvcGllZCA/IHQoJ2FydGljbGUuY29weVBhZ2VMaW5rQ29waWVkJykgOiB0KCdhcnRpY2xlLmNvcHlIZWFkZXJMaW5rJyk7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lckRpdj5cbiAgICAgIDxUb29sdGlwIHRvb2x0aXA9e3Rvb2x0aXB9PlxuICAgICAgICA8SWNvbkJ1dHRvbiBvbkNsaWNrPXtvbkNvcHlDbGlja30gYXJpYS1sYWJlbD17YCR7dG9vbHRpcH06ICR7Y29weVRleHR9YH0+XG4gICAgICAgICAgPExpbmsgLz5cbiAgICAgICAgPC9JY29uQnV0dG9uPlxuICAgICAgPC9Ub29sdGlwPlxuICAgICAgPGgyIGlkPXtzYW5pdGl6ZWRUaXRsZX0gdGFiSW5kZXg9ey0xfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9oMj5cbiAgICA8L0NvbnRhaW5lckRpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENvcHlQYXJhZ3JhcGhCdXR0b25WMjtcbiJdfQ== */"));
+var CopyParagraphButtonV2 = function CopyParagraphButtonV2(_ref) {
+  var children = _ref.children,
+    copyText = _ref.copyText;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    hasCopied = _useState2[0],
+    setHasCopied = _useState2[1];
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
+  var sanitizedTitle = (0, _react.useMemo)(function () {
+    return encodeURIComponent(copyText.replace(/ /g, '-'));
+  }, [copyText]);
+  (0, _react.useEffect)(function () {
+    if (hasCopied) {
+      setTimeout(function () {
+        return setHasCopied(false);
+      }, 3000);
+    }
+  }, [hasCopied]);
+  var onCopyClick = (0, _react.useCallback)(function () {
+    setHasCopied(true);
+    var _window = window,
+      location = _window.location;
+    var newHash = "#".concat(sanitizedTitle);
+    var port = location.port ? ":".concat(location.port) : '';
+    var urlToCopy = "".concat(location.protocol, "//").concat(location.hostname).concat(port).concat(location.pathname).concat(location.search).concat(newHash);
+    (0, _util.copyTextToClipboard)(urlToCopy);
+  }, [sanitizedTitle]);
+  var tooltip = hasCopied ? t('article.copyPageLinkCopied') : t('article.copyHeaderLink');
+  return (0, _jsxRuntime.jsxs)(ContainerDiv, {
+    children: [(0, _jsxRuntime.jsx)(_tooltip["default"], {
+      tooltip: tooltip,
+      children: (0, _jsxRuntime.jsx)(IconButton, {
+        onClick: onCopyClick,
+        "aria-label": "".concat(tooltip, ": ").concat(copyText),
+        children: (0, _jsxRuntime.jsx)(_common.Link, {})
+      })
+    }), (0, _jsxRuntime.jsx)("h2", {
+      id: sanitizedTitle,
+      tabIndex: -1,
+      children: children
+    })]
+  });
+};
+var _default = CopyParagraphButtonV2;
+exports["default"] = _default;

package/lib/CopyParagraphButton/index.d.ts

@@ -6,6 +6,7 @@
  *
  */
 import CopyParagraphButton from './CopyParagraphButton';
+import CopyParagraphButtonV2 from './CopyParagraphButtonV2';
 import initCopyParagraphButtons from './initCopyParagraphButtons';
-export { CopyParagraphButton, initCopyParagraphButtons };
+export { CopyParagraphButton, initCopyParagraphButtons, CopyParagraphButtonV2 };
 export default CopyParagraphButton;

package/lib/CopyParagraphButton/index.js

@@ -9,6 +9,12 @@ Object.defineProperty(exports, "CopyParagraphButton", {
     return _CopyParagraphButton["default"];
   }
 });
+Object.defineProperty(exports, "CopyParagraphButtonV2", {
+  enumerable: true,
+  get: function get() {
+    return _CopyParagraphButtonV["default"];
+  }
+});
 exports["default"] = void 0;
 Object.defineProperty(exports, "initCopyParagraphButtons", {
   enumerable: true,
@@ -17,6 +23,7 @@ Object.defineProperty(exports, "initCopyParagraphButtons", {
   }
 });
 var _CopyParagraphButton = _interopRequireDefault(require("./CopyParagraphButton"));
+var _CopyParagraphButtonV = _interopRequireDefault(require("./CopyParagraphButtonV2"));
 var _initCopyParagraphButtons = _interopRequireDefault(require("./initCopyParagraphButtons"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 /**

package/lib/Embed/AudioEmbed.d.ts

@@ -0,0 +1,20 @@
+/**
+ * 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 { AudioMetaData } from '@ndla/types-embed';
+import { Author } from './ImageEmbed';
+interface Props {
+    embed: AudioMetaData;
+    articlePath?: string;
+}
+export declare const getFirstNonEmptyLicenseCredits: (authors: {
+    creators: Author[];
+    rightsholders: Author[];
+    processors: Author[];
+}) => Author[];
+declare const AudioEmbed: ({ embed, articlePath }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default AudioEmbed;

package/lib/Embed/AudioEmbed.js

@@ -0,0 +1,252 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getFirstNonEmptyLicenseCredits = exports["default"] = void 0;
+var _licenses = require("@ndla/licenses");
+var _modal = require("@ndla/modal");
+var _react = require("react");
+var _reactI18next = require("react-i18next");
+var _remarkable = require("remarkable");
+var _button = require("@ndla/button");
+var _safelink = require("@ndla/safelink");
+var _AudioPlayer = _interopRequireDefault(require("../AudioPlayer"));
+var _Figure = require("../Figure");
+var _FigureLicenseDialogContent = require("../Figure/FigureLicenseDialogContent");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var getFirstNonEmptyLicenseCredits = function getFirstNonEmptyLicenseCredits(authors) {
+  var _Object$values$find;
+  return (_Object$values$find = Object.values(authors).find(function (i) {
+    return i.length > 0;
+  })) !== null && _Object$values$find !== void 0 ? _Object$values$find : [];
+};
+exports.getFirstNonEmptyLicenseCredits = getFirstNonEmptyLicenseCredits;
+var renderMarkdown = function renderMarkdown(text) {
+  var md = new _remarkable.Remarkable();
+  var rendered = md.render(text);
+  return (0, _jsxRuntime.jsx)("span", {
+    dangerouslySetInnerHTML: {
+      __html: rendered
+    }
+  });
+};
+var AudioEmbed = function AudioEmbed(_ref) {
+  var _data$podcastMeta$int, _data$podcastMeta, _data$podcastMeta2;
+  var embed = _ref.embed,
+    articlePath = _ref.articlePath;
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t,
+    i18n = _useTranslation.i18n;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
+  if (embed.status === 'error') {
+    return (0, _jsxRuntime.jsxs)(_Figure.Figure, {
+      children: [(0, _jsxRuntime.jsxs)("svg", {
+        fill: "#8A8888",
+        height: "50",
+        viewBox: "0 0 24 12",
+        width: "100%",
+        xmlns: "http://www.w3.org/2000/svg",
+        style: {
+          backgroundColor: '#EFF0F2'
+        },
+        children: [(0, _jsxRuntime.jsx)("path", {
+          d: "M0 0h24v24H0V0z",
+          fill: "none"
+        }), (0, _jsxRuntime.jsx)("path", {
+          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"
+        })]
+      }), (0, _jsxRuntime.jsx)("figcaption", {
+        children: t('audio.error.caption')
+      })]
+    });
+  }
+  var data = embed.data,
+    embedData = embed.embedData,
+    seq = embed.seq;
+  if (embedData.type === 'minimal') {
+    return (0, _jsxRuntime.jsx)(_AudioPlayer["default"], {
+      speech: true,
+      src: data.audioFile.url,
+      title: data.title.title
+    });
+  }
+  var subtitle = data.series ? {
+    title: data.series.title.title,
+    url: "/podkast/".concat(data.series.id)
+  } : undefined;
+  var textVersion = data.manuscript && renderMarkdown(data.manuscript.manuscript);
+  var description = renderMarkdown((_data$podcastMeta$int = (_data$podcastMeta = data.podcastMeta) === null || _data$podcastMeta === void 0 ? void 0 : _data$podcastMeta.introduction) !== null && _data$podcastMeta$int !== void 0 ? _data$podcastMeta$int : '');
+  var coverPhoto = (_data$podcastMeta2 = data.podcastMeta) === null || _data$podcastMeta2 === void 0 ? void 0 : _data$podcastMeta2.coverPhoto;
+  var img = coverPhoto && {
+    url: coverPhoto.url,
+    alt: coverPhoto.altText
+  };
+  var authors = (0, _licenses.getLicenseCredits)(data.copyright);
+  var license = (0, _licenses.getLicenseByAbbreviation)(data.copyright.license.license, i18n.language);
+  var contributors = (0, _licenses.getGroupedContributorDescriptionList)(data.copyright, i18n.language).map(function (item) {
+    return {
+      name: item.description,
+      type: item.label
+    };
+  });
+  var figureId = "figure-".concat(seq, "-").concat(data.id);
+  var copyString = data.audioType === 'podcast' ? (0, _licenses.figureApa7CopyString)(data.title.title, undefined, data.audioFile.url, articlePath, data.copyright, data.copyright.license.license, '', function (id) {
+    return t(id);
+  }, i18n.language) : undefined;
+  var captionAuthors = getFirstNonEmptyLicenseCredits(authors);
+  return (0, _jsxRuntime.jsxs)(_Figure.Figure, {
+    id: figureId,
+    type: "full",
+    children: [(0, _jsxRuntime.jsx)(_AudioPlayer["default"], {
+      description: description,
+      img: img,
+      src: data.audioFile.url,
+      textVersion: textVersion,
+      title: data.title.title,
+      subtitle: subtitle
+    }), (0, _jsxRuntime.jsx)(_Figure.FigureCaption, {
+      id: "",
+      figureId: "",
+      modalButton: (0, _jsxRuntime.jsx)(_button.ButtonV2, {
+        variant: "outline",
+        shape: "pill",
+        size: "small",
+        onClick: function onClick() {
+          return setIsOpen(true);
+        },
+        children: t('audio.reuse')
+      }),
+      licenseRights: license.rights,
+      authors: captionAuthors,
+      locale: i18n.language
+    }), (0, _jsxRuntime.jsx)(_modal.ModalV2, {
+      controlled: true,
+      isOpen: isOpen,
+      onClose: function onClose() {
+        return setIsOpen(false);
+      },
+      labelledBy: "license-dialog-rules-heading",
+      children: function children(close) {
+        return (0, _jsxRuntime.jsx)(_FigureLicenseDialogContent.FigureLicenseDialogContent, {
+          onClose: close,
+          title: data.title.title,
+          license: license,
+          authors: contributors,
+          origin: data.copyright.origin,
+          locale: i18n.language,
+          type: "audio",
+          children: data.copyright.license.license !== 'COPYRIGHT' && (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+            children: [copyString && (0, _jsxRuntime.jsx)(_button.CopyButton, {
+              variant: "outline",
+              copyNode: t('license.hasCopiedTitle'),
+              onClick: function onClick() {
+                return navigator.clipboard.writeText(copyString);
+              },
+              children: t('license.copyTitle')
+            }), (0, _jsxRuntime.jsx)(_safelink.SafeLinkButton, {
+              download: true,
+              to: data.audioFile.url,
+              variant: "outline",
+              children: t('audio.download')
+            })]
+          })
+        });
+      }
+    }), data.imageMeta && (0, _jsxRuntime.jsx)(ImageLicense, {
+      title: data.imageMeta.title.title,
+      imageUrl: data.imageMeta.imageUrl,
+      copyright: data.imageMeta.copyright,
+      articlePath: articlePath
+    })]
+  });
+};
+var ImageLicense = function ImageLicense(_ref2) {
+  var articlePath = _ref2.articlePath,
+    title = _ref2.title,
+    imageUrl = _ref2.imageUrl,
+    copyright = _ref2.copyright;
+  var _useTranslation2 = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation2.t,
+    i18n = _useTranslation2.i18n;
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isOpen = _useState4[0],
+    setIsOpen = _useState4[1];
+  var copyString = (0, _licenses.figureApa7CopyString)(title, undefined, imageUrl, articlePath, copyright, copyright.license.license, undefined, function (id) {
+    return t(id);
+  }, i18n.language);
+  var license = (0, _licenses.getLicenseByAbbreviation)(copyright.license.license, i18n.language);
+  var authors = (0, _licenses.getLicenseCredits)(copyright);
+  var contributors = (0, _licenses.getGroupedContributorDescriptionList)(copyright, i18n.language).map(function (item) {
+    return {
+      name: item.description,
+      type: item.label
+    };
+  });
+  var captionAuthors = getFirstNonEmptyLicenseCredits(authors);
+  return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: (0, _jsxRuntime.jsx)(_Figure.FigureCaption, {
+      figureId: "",
+      id: "",
+      licenseRights: license.rights,
+      modalButton: (0, _jsxRuntime.jsx)(_button.ButtonV2, {
+        variant: "outline",
+        shape: "pill",
+        size: "small",
+        onClick: function onClick() {
+          return setIsOpen(true);
+        },
+        children: t('image.reuse')
+      }),
+      authors: captionAuthors,
+      locale: i18n.language,
+      children: (0, _jsxRuntime.jsx)(_modal.ModalV2, {
+        controlled: true,
+        isOpen: isOpen,
+        onClose: function onClose() {
+          return setIsOpen(false);
+        },
+        children: function children(close) {
+          return (0, _jsxRuntime.jsx)(_FigureLicenseDialogContent.FigureLicenseDialogContent, {
+            onClose: close,
+            title: title,
+            license: license,
+            authors: contributors,
+            origin: copyright.origin,
+            locale: i18n.language,
+            type: "image",
+            children: copyright.license.license !== 'COPYRIGHTED' && (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+              children: [copyString && (0, _jsxRuntime.jsx)(_button.CopyButton, {
+                variant: "outline",
+                copyNode: t('license.hasCopiedTitle'),
+                onClick: function onClick() {
+                  return navigator.clipboard.writeText(copyString);
+                },
+                children: t('license.copyTitle')
+              }), (0, _jsxRuntime.jsx)(_safelink.SafeLinkButton, {
+                download: true,
+                to: imageUrl,
+                variant: "outline",
+                children: t('image.download')
+              })]
+            })
+          });
+        }
+      })
+    })
+  });
+};
+var _default = AudioEmbed;
+exports["default"] = _default;

package/lib/Embed/BrightcoveEmbed.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 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 { BrightcoveMetaData } from '@ndla/types-embed';
+interface Props {
+    embed: BrightcoveMetaData;
+    isConcept?: boolean;
+}
+export declare const makeIframeString: (url: string, width: string | number, height: string | number, title?: string) => string;
+export declare const isNumeric: (value: any) => boolean;
+declare const BrightcoveEmbed: ({ embed, isConcept }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default BrightcoveEmbed;