@ndla/ui 34.6.2 → 34.6.3

package/lib/index.d.ts

@@ -6,6 +6,7 @@
  *
  */
 export { default as SectionHeading } from './SectionHeading';
+export { ConceptNotionV2, ImageEmbed, AudioEmbed, H5pEmbed, ExternalEmbed, IframeEmbed, FootnoteEmbed, BrightcoveEmbed, ContentLinkEmbed, RelatedContentEmbed, ConceptEmbed, ConceptListEmbed, UnknownEmbed, } from './Embed';
 export { ArticleByline, ArticleContent, ArticleFootNotes, ArticleIntroduction, ArticleTitle, ArticleWrapper, ArticleHeaderWrapper, ArticleSideBar, default as Article, } from './Article';
 export { CompetenceGoalsDialog } from './CompetenceGoals';
 export { default as Table } from './Table';
@@ -15,15 +16,15 @@ export { default as NoContentBox } from './NoContentBox';
 export { default as Masthead, MastheadItem, getMastheadHeight, useMastheadHeight, SkipToMainContent } from './Masthead';
 export { default as Portrait } from './Portrait';
 export { default as ContentLoader } from './ContentLoader';
-export { default as RelatedArticleList, RelatedArticle } from './RelatedArticleList';
+export { default as RelatedArticleList, RelatedArticle, RelatedArticleListV2 } from './RelatedArticleList';
 export { ErrorResourceAccessDenied, default as ErrorMessage } from './ErrorMessage';
-export { default as FileList, File } from './FileList';
+export { default as FileList, File, FileListV2, FileV2, PdfFile } from './FileList';
 export { BlogPost, BlogPostWrapper } from './BlogPosts';
 export { default as Logo } from './Logo';
 export { InfoBox } from './InfoBox';
 export { default as InfoWidget } from './InfoWidget';
 export { FrontpageInfo, FrontpageFilm, FrontpageToolbox, FrontpageMultidisciplinarySubject, FrontpageHeader, FrontpageSubjectIllustration, FrontpageSearch, FrontpageProgramMenu, } from './Frontpage';
-export { default as FactBox } from './FactBox';
+export { default as FactBox, FactBoxV2 } from './FactBox';
 export { default as Image, ImageLink, makeSrcQueryString } from './Image';
 export type { ImageCrop, ImageFocalPoint } from './Image';
 export type { HeroContentType } from './Hero';
@@ -77,7 +78,7 @@ export { MediaList, MediaListItem, MediaListItemBody, MediaListItemActions, Medi
 export { default as ContentTypeBadge, SubjectMaterialBadge, TasksAndActivitiesBadge, AssessmentResourcesBadge, LearningPathBadge, SubjectBadge, ExternalLearningResourcesBadge, SourceMaterialBadge, } from './ContentTypeBadge';
 export { SubjectChildContent, SubjectContent, SubjectFlexWrapper, SubjectHeader, SubjectNewContent, SubjectSecondaryContent, SubjectSectionTitle, SubjectSidebarWrapper, SubjectSocialContent, SubjectSocialSection, SubjectTopics, SubjectBanner, } from './Subject';
 export { default as ContentCard } from './ContentCard';
-export { default as CopyParagraphButton } from './CopyParagraphButton';
+export { default as CopyParagraphButton, CopyParagraphButtonV2 } from './CopyParagraphButton';
 export { default as ContentPlaceholder } from './ContentPlaceholder';
 export { Notion, ConceptNotion } from './Notion';
 export type { NotionVisualElementType, ConceptNotionType } from './Notion';

package/lib/index.js

@@ -100,6 +100,12 @@ Object.defineProperty(exports, "AssessmentResourcesHero", {
     return _Hero.AssessmentResourcesHero;
   }
 });
+Object.defineProperty(exports, "AudioEmbed", {
+  enumerable: true,
+  get: function get() {
+    return _Embed.AudioEmbed;
+  }
+});
 Object.defineProperty(exports, "AudioPlayer", {
   enumerable: true,
   get: function get() {
@@ -160,6 +166,12 @@ Object.defineProperty(exports, "Breadcrumblist", {
     return _Breadcrumblist["default"];
   }
 });
+Object.defineProperty(exports, "BrightcoveEmbed", {
+  enumerable: true,
+  get: function get() {
+    return _Embed.BrightcoveEmbed;
+  }
+});
 Object.defineProperty(exports, "CompetenceGoalTab", {
   enumerable: true,
   get: function get() {
@@ -172,12 +184,30 @@ Object.defineProperty(exports, "CompetenceGoalsDialog", {
     return _CompetenceGoals.CompetenceGoalsDialog;
   }
 });
+Object.defineProperty(exports, "ConceptEmbed", {
+  enumerable: true,
+  get: function get() {
+    return _Embed.ConceptEmbed;
+  }
+});
+Object.defineProperty(exports, "ConceptListEmbed", {
+  enumerable: true,
+  get: function get() {
+    return _Embed.ConceptListEmbed;
+  }
+});
 Object.defineProperty(exports, "ConceptNotion", {
   enumerable: true,
   get: function get() {
     return _Notion.ConceptNotion;
   }
 });
+Object.defineProperty(exports, "ConceptNotionV2", {
+  enumerable: true,
+  get: function get() {
+    return _Embed.ConceptNotionV2;
+  }
+});
 Object.defineProperty(exports, "Content", {
   enumerable: true,
   get: function get() {
@@ -190,6 +220,12 @@ Object.defineProperty(exports, "ContentCard", {
     return _ContentCard["default"];
   }
 });
+Object.defineProperty(exports, "ContentLinkEmbed", {
+  enumerable: true,
+  get: function get() {
+    return _Embed.ContentLinkEmbed;
+  }
+});
 Object.defineProperty(exports, "ContentLoader", {
   enumerable: true,
   get: function get() {
@@ -220,6 +256,12 @@ Object.defineProperty(exports, "CopyParagraphButton", {
     return _CopyParagraphButton["default"];
   }
 });
+Object.defineProperty(exports, "CopyParagraphButtonV2", {
+  enumerable: true,
+  get: function get() {
+    return _CopyParagraphButton.CopyParagraphButtonV2;
+  }
+});
 Object.defineProperty(exports, "CreatedBy", {
   enumerable: true,
   get: function get() {
@@ -256,6 +298,12 @@ Object.defineProperty(exports, "ErrorResourceAccessDenied", {
     return _ErrorMessage.ErrorResourceAccessDenied;
   }
 });
+Object.defineProperty(exports, "ExternalEmbed", {
+  enumerable: true,
+  get: function get() {
+    return _Embed.ExternalEmbed;
+  }
+});
 Object.defineProperty(exports, "ExternalLearningResourcesBadge", {
   enumerable: true,
   get: function get() {
@@ -274,6 +322,12 @@ Object.defineProperty(exports, "FactBox", {
     return _FactBox["default"];
   }
 });
+Object.defineProperty(exports, "FactBoxV2", {
+  enumerable: true,
+  get: function get() {
+    return _FactBox.FactBoxV2;
+  }
+});
 Object.defineProperty(exports, "Figure", {
   enumerable: true,
   get: function get() {
@@ -322,6 +376,18 @@ Object.defineProperty(exports, "FileList", {
     return _FileList["default"];
   }
 });
+Object.defineProperty(exports, "FileListV2", {
+  enumerable: true,
+  get: function get() {
+    return _FileList.FileListV2;
+  }
+});
+Object.defineProperty(exports, "FileV2", {
+  enumerable: true,
+  get: function get() {
+    return _FileList.FileV2;
+  }
+});
 Object.defineProperty(exports, "FilmMovieList", {
   enumerable: true,
   get: function get() {
@@ -388,6 +454,12 @@ Object.defineProperty(exports, "FooterText", {
     return _Footer.FooterText;
   }
 });
+Object.defineProperty(exports, "FootnoteEmbed", {
+  enumerable: true,
+  get: function get() {
+    return _Embed.FootnoteEmbed;
+  }
+});
 Object.defineProperty(exports, "FrontpageFilm", {
   enumerable: true,
   get: function get() {
@@ -436,6 +508,12 @@ Object.defineProperty(exports, "FrontpageToolbox", {
     return _Frontpage.FrontpageToolbox;
   }
 });
+Object.defineProperty(exports, "H5pEmbed", {
+  enumerable: true,
+  get: function get() {
+    return _Embed.H5pEmbed;
+  }
+});
 Object.defineProperty(exports, "HeaderBreadcrumb", {
   enumerable: true,
   get: function get() {
@@ -454,12 +532,24 @@ Object.defineProperty(exports, "HomeBreadcrumb", {
     return _Breadcrumb.HomeBreadcrumb;
   }
 });
+Object.defineProperty(exports, "IframeEmbed", {
+  enumerable: true,
+  get: function get() {
+    return _Embed.IframeEmbed;
+  }
+});
 Object.defineProperty(exports, "Image", {
   enumerable: true,
   get: function get() {
     return _Image["default"];
   }
 });
+Object.defineProperty(exports, "ImageEmbed", {
+  enumerable: true,
+  get: function get() {
+    return _Embed.ImageEmbed;
+  }
+});
 Object.defineProperty(exports, "ImageLink", {
   enumerable: true,
   get: function get() {
@@ -724,6 +814,12 @@ Object.defineProperty(exports, "PageContainer", {
     return _Layout.PageContainer;
   }
 });
+Object.defineProperty(exports, "PdfFile", {
+  enumerable: true,
+  get: function get() {
+    return _FileList.PdfFile;
+  }
+});
 Object.defineProperty(exports, "Portrait", {
   enumerable: true,
   get: function get() {
@@ -754,6 +850,18 @@ Object.defineProperty(exports, "RelatedArticleList", {
     return _RelatedArticleList["default"];
   }
 });
+Object.defineProperty(exports, "RelatedArticleListV2", {
+  enumerable: true,
+  get: function get() {
+    return _RelatedArticleList.RelatedArticleListV2;
+  }
+});
+Object.defineProperty(exports, "RelatedContentEmbed", {
+  enumerable: true,
+  get: function get() {
+    return _Embed.RelatedContentEmbed;
+  }
+});
 Object.defineProperty(exports, "ResourceBox", {
   enumerable: true,
   get: function get() {
@@ -1042,6 +1150,12 @@ Object.defineProperty(exports, "TreeStructure", {
     return _TreeStructure.TreeStructure;
   }
 });
+Object.defineProperty(exports, "UnknownEmbed", {
+  enumerable: true,
+  get: function get() {
+    return _Embed.UnknownEmbed;
+  }
+});
 Object.defineProperty(exports, "UserInfo", {
   enumerable: true,
   get: function get() {
@@ -1133,6 +1247,7 @@ Object.defineProperty(exports, "useSnack", {
   }
 });
 var _SectionHeading = _interopRequireDefault(require("./SectionHeading"));
+var _Embed = require("./Embed");
 var _Article = _interopRequireWildcard(require("./Article"));
 var _CompetenceGoals = require("./CompetenceGoals");
 var _Table = _interopRequireDefault(require("./Table"));
@@ -1150,7 +1265,7 @@ var _Logo = _interopRequireDefault(require("./Logo"));
 var _InfoBox = require("./InfoBox");
 var _InfoWidget = _interopRequireDefault(require("./InfoWidget"));
 var _Frontpage = require("./Frontpage");
-var _FactBox = _interopRequireDefault(require("./FactBox"));
+var _FactBox = _interopRequireWildcard(require("./FactBox"));
 var _Image = _interopRequireWildcard(require("./Image"));
 var _Hero = require("./Hero");
 var _Filter = require("./Filter");
@@ -1196,7 +1311,7 @@ var _MediaList = require("./MediaList");
 var _ContentTypeBadge = _interopRequireWildcard(require("./ContentTypeBadge"));
 var _Subject = require("./Subject");
 var _ContentCard = _interopRequireDefault(require("./ContentCard"));
-var _CopyParagraphButton = _interopRequireDefault(require("./CopyParagraphButton"));
+var _CopyParagraphButton = _interopRequireWildcard(require("./CopyParagraphButton"));
 var _ContentPlaceholder = _interopRequireDefault(require("./ContentPlaceholder"));
 var _Notion = require("./Notion");
 var _BannerCard = require("./BannerCard");

package/lib/locale/messages-en.d.ts

@@ -208,6 +208,11 @@ declare const messages: {
     programme: {
         grades: string;
     };
+    embed: {
+        conceptListError: string;
+        linkError: string;
+        unsupported: string;
+    };
     common: {
         subject: string;
         subject_plural: string;
@@ -796,6 +801,7 @@ declare const messages: {
         rightsholder: string;
         source: string;
         published: string;
+        info: string;
     };
     errorMessage: {
         title: string;
@@ -930,6 +936,7 @@ declare const messages: {
         hits: string;
     };
     notions: {
+        tags: string;
         usedIn: string;
         closeNotion: string;
     };

package/lib/locale/messages-en.js

@@ -587,7 +587,8 @@ var messages = _objectSpread(_objectSpread({
     originator: 'Originator',
     rightsholder: 'Rightsholder',
     source: 'Source',
-    published: 'Published'
+    published: 'Published',
+    info: 'License information'
   },
   errorMessage: {
     title: 'Oops, something went wrong',
@@ -722,6 +723,7 @@ var messages = _objectSpread(_objectSpread({
     hits: '{{count}} hits'
   },
   notions: {
+    tags: 'List and filters',
     usedIn: 'Used in',
     closeNotion: 'Close'
   },
@@ -1182,6 +1184,11 @@ var messages = _objectSpread(_objectSpread({
   },
   programme: {
     grades: 'Grades'
+  },
+  embed: {
+    conceptListError: 'Failed to show concept list',
+    linkError: 'Failed to show link.',
+    unsupported: "Embed {{type}} not supported."
   }
 });
 var _default = messages;

package/lib/locale/messages-nb.d.ts

@@ -208,6 +208,11 @@ declare const messages: {
     programme: {
         grades: string;
     };
+    embed: {
+        conceptListError: string;
+        linkError: string;
+        unsupported: string;
+    };
     common: {
         subject: string;
         subject_plural: string;
@@ -796,6 +801,7 @@ declare const messages: {
         published: string;
         rightsholder: string;
         source: string;
+        info: string;
     };
     errorMessage: {
         title: string;
@@ -930,6 +936,7 @@ declare const messages: {
         hits: string;
     };
     notions: {
+        tags: string;
         usedIn: string;
         closeNotion: string;
     };

package/lib/locale/messages-nb.js

@@ -587,7 +587,8 @@ var messages = _objectSpread(_objectSpread({
     originator: 'Opphaver',
     published: 'Publiseringsdato',
     rightsholder: 'Rettighetshaver',
-    source: 'Kilde'
+    source: 'Kilde',
+    info: 'Lisensinformasjon'
   },
   errorMessage: {
     title: 'Ops, noe gikk galt',
@@ -722,6 +723,7 @@ var messages = _objectSpread(_objectSpread({
     hits: '{{count}} treff'
   },
   notions: {
+    tags: 'Liste og filter',
     usedIn: 'Brukes i',
     closeNotion: 'Lukk'
   },
@@ -1182,6 +1184,11 @@ var messages = _objectSpread(_objectSpread({
   },
   programme: {
     grades: 'Trinn'
+  },
+  embed: {
+    conceptListError: 'Klarte ikke å vise forklaringsliste',
+    linkError: 'Klarte ikke å vise lenke.',
+    unsupported: "Embed {{type}} er ikke st\xF8ttet."
   }
 });
 var _default = messages;

package/lib/locale/messages-nn.d.ts

@@ -208,6 +208,11 @@ declare const messages: {
     programme: {
         grades: string;
     };
+    embed: {
+        conceptListError: string;
+        linkError: string;
+        unsupported: string;
+    };
     common: {
         subject: string;
         subject_plural: string;
@@ -796,6 +801,7 @@ declare const messages: {
         rightsholder: string;
         source: string;
         published: string;
+        info: string;
     };
     errorMessage: {
         title: string;
@@ -930,6 +936,7 @@ declare const messages: {
         hits: string;
     };
     notions: {
+        tags: string;
         usedIn: string;
         closeNotion: string;
     };

package/lib/locale/messages-nn.js

@@ -587,7 +587,8 @@ var messages = _objectSpread(_objectSpread({
     originator: 'Opphavar',
     rightsholder: 'Rettshavar',
     source: 'Kjelde',
-    published: 'Publiseringsdato'
+    published: 'Publiseringsdato',
+    info: 'Lisensinformasjon'
   },
   errorMessage: {
     title: 'Ops, noko gjekk gale',
@@ -722,6 +723,7 @@ var messages = _objectSpread(_objectSpread({
     hits: '{{count}} treff'
   },
   notions: {
+    tags: 'Liste og filter',
     usedIn: 'Brukast i',
     closeNotion: 'Lukk'
   },
@@ -1182,6 +1184,11 @@ var messages = _objectSpread(_objectSpread({
   },
   programme: {
     grades: 'Trinn'
+  },
+  embed: {
+    conceptListError: 'Klarte ikkje å vise forklaringsliste',
+    linkError: 'Klarte ikkje å vise lenke.',
+    unsupported: "Embed {{type}} er ikkje st\xF8tta."
   }
 });
 var _default = messages;

package/lib/locale/messages-se.d.ts

@@ -208,6 +208,11 @@ declare const messages: {
     programme: {
         grades: string;
     };
+    embed: {
+        conceptListError: string;
+        linkError: string;
+        unsupported: string;
+    };
     common: {
         subject: string;
         subject_plural: string;
@@ -796,6 +801,7 @@ declare const messages: {
         published: string;
         rightsholder: string;
         source: string;
+        info: string;
     };
     errorMessage: {
         title: string;
@@ -930,6 +936,7 @@ declare const messages: {
         hits: string;
     };
     notions: {
+        tags: string;
         usedIn: string;
         closeNotion: string;
     };

package/lib/locale/messages-se.js

@@ -587,7 +587,8 @@ var messages = _objectSpread(_objectSpread({
     originator: 'Ásaheaddji',
     published: 'Almmuhanbeaivi',
     rightsholder: 'Vuoigatvuođaguoddi',
-    source: 'Gáldu'
+    source: 'Gáldu',
+    info: 'Lisensinformasjon'
   },
   errorMessage: {
     title: 'Ops, juoga manai boastut',
@@ -722,6 +723,7 @@ var messages = _objectSpread(_objectSpread({
     hits: '{{count}} deaivama'
   },
   notions: {
+    tags: 'Liste og filter',
     usedIn: 'Adnojuvvo dás',
     closeNotion: 'Govčča'
   },
@@ -1182,6 +1184,11 @@ var messages = _objectSpread(_objectSpread({
   },
   programme: {
     grades: 'Trinn'
+  },
+  embed: {
+    conceptListError: 'Klarte ikkje å vise forklaringsliste',
+    linkError: 'Klarte ikkje å vise lenke.',
+    unsupported: "Embed {{type}} er ikkje st\xF8tta."
   }
 });
 var _default = messages;

package/lib/locale/messages-sma.d.ts

@@ -208,6 +208,11 @@ declare const messages: {
     programme: {
         grades: string;
     };
+    embed: {
+        conceptListError: string;
+        linkError: string;
+        unsupported: string;
+    };
     common: {
         subject: string;
         subject_plural: string;
@@ -796,6 +801,7 @@ declare const messages: {
         published: string;
         rightsholder: string;
         source: string;
+        info: string;
     };
     errorMessage: {
         title: string;
@@ -930,6 +936,7 @@ declare const messages: {
         hits: string;
     };
     notions: {
+        tags: string;
         usedIn: string;
         closeNotion: string;
     };

package/lib/locale/messages-sma.js

@@ -587,7 +587,8 @@ var messages = _objectSpread(_objectSpread({
     originator: 'Opphaver',
     published: 'Publiseringsdato',
     rightsholder: 'Rettighetshaver',
-    source: 'Gaaltije'
+    source: 'Gaaltije',
+    info: 'Lisensinformasjon'
   },
   errorMessage: {
     title: 'Ovva, mij akt båajhtede sjïdtit',
@@ -722,6 +723,7 @@ var messages = _objectSpread(_objectSpread({
     hits: '{{count}} gaavnedimmieh'
   },
   notions: {
+    tags: 'Liste og filter',
     usedIn: 'Brukes i',
     closeNotion: 'Dahph'
   },
@@ -1182,6 +1184,11 @@ var messages = _objectSpread(_objectSpread({
   },
   programme: {
     grades: 'Trinn'
+  },
+  embed: {
+    conceptListError: 'Klarte ikkje å vise forklaringsliste',
+    linkError: 'Klarte ikkje å vise lenke.',
+    unsupported: "Embed {{type}} er ikkje st\xF8tta."
   }
 });
 var _default = messages;

package/lib/types.d.ts

@@ -39,7 +39,7 @@ export interface License {
     license: string;
 }
 export interface Copyright {
-    license: License;
+    license?: License;
     creators: Array<Contributor>;
     rightsholders: Array<Contributor>;
     processors: Array<Contributor>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "34.6.2",
+  "version": "34.6.3",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -31,28 +31,30 @@
     "types"
   ],
   "dependencies": {
-    "@ndla/article-scripts": "^3.0.14",
-    "@ndla/button": "^9.1.3",
+    "@ndla/article-scripts": "^3.0.15",
+    "@ndla/button": "^9.1.4",
     "@ndla/carousel": "^3.0.3",
     "@ndla/core": "^3.1.2",
-    "@ndla/forms": "^4.2.6",
-    "@ndla/hooks": "^2.0.1",
+    "@ndla/forms": "^4.2.7",
+    "@ndla/hooks": "^2.0.2",
     "@ndla/icons": "^2.2.3",
     "@ndla/licenses": "^7.0.1",
     "@ndla/modal": "^2.2.7",
-    "@ndla/notion": "^4.2.3",
-    "@ndla/safelink": "^4.0.8",
+    "@ndla/notion": "^4.2.4",
+    "@ndla/safelink": "^4.0.9",
     "@ndla/switch": "^1.0.7",
-    "@ndla/tabs": "^2.1.6",
-    "@ndla/tooltip": "^4.0.9",
+    "@ndla/tabs": "^2.1.7",
+    "@ndla/tooltip": "^4.0.10",
     "@ndla/types-learningpath-api": "^0.0.17",
-    "@ndla/util": "^3.1.9",
+    "@ndla/util": "^3.1.10",
+    "@radix-ui/react-accordion": "1.1.0",
     "@radix-ui/react-dropdown-menu": "2.0.2",
+    "@radix-ui/react-popover": "^1.0.3",
     "@reach/menu-button": "^0.16.2",
     "@reach/slider": "^0.16.0",
     "focus-trap-react": "^8.9.2",
     "framer-motion": "^6.5.1",
-    "html-react-parser": "^0.14.1",
+    "html-react-parser": "^3.0.8",
     "i18next-browser-languagedetector": "^6.1.1",
     "invariant": "^2.2.3",
     "react-bem-helper": "1.4.1",
@@ -73,6 +75,8 @@
   },
   "devDependencies": {
     "@babel/plugin-proposal-optional-chaining": "^7.11.0",
+    "@ndla/types-embed": "^1.0.0",
+    "@ndla/types-image-api": "0.0.10",
     "@types/reach__dialog": "^0.1.0",
     "css-loader": "^6.7.3",
     "mini-css-extract-plugin": "^2.7.2",
@@ -83,5 +87,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "3ee77008faadb18e2316c564971b19d4ca0fc2c4"
+  "gitHead": "3be4405a57a209633f9e8534b5f208ab50bae6f0"
 }

package/src/Article/Article.tsx

@@ -123,6 +123,7 @@ type Props = {
   modifier?: string;
   children?: ReactNode;
   messages: Messages;
+  contentTransformed?: boolean;
   locale: Locale;
   messageBoxLinks?: [];
   copyText?: string;
@@ -137,7 +138,10 @@ type Props = {
   accessMessage?: string;
 };
 
-const getArticleContent = (content: any, locale: Locale) => {
+const getArticleContent = (content: any, locale: Locale, contentTransformed?: boolean) => {
+  if (contentTransformed) {
+    return content;
+  }
   switch (typeof content) {
     case 'string':
       return <ArticleContent content={content} locale={locale} />;
@@ -166,6 +170,7 @@ export const Article = ({
   accessMessage,
   heartButton,
   copyText,
+  contentTransformed,
 }: Props) => {
   const articleRef = useRef<HTMLDivElement>(null);
   const wrapperRef = useRef<HTMLDivElement>(null);
@@ -232,7 +237,7 @@ export const Article = ({
               buttonOffsetRight={articlePositionRight}
             />
           )}
-          {getArticleContent(content, locale)}
+          {getArticleContent(content, locale, contentTransformed)}
         </LayoutItem>
 
         <LayoutItem layout="center">
@@ -242,7 +247,7 @@ export const Article = ({
             authors={authors}
             suppliers={rightsholders}
             published={published}
-            license={licenseObj.license}
+            license={licenseObj?.license ?? ''}
             licenseBox={licenseBox}
             printUrl={printUrl}
           />