@ndla/ui 50.7.3 → 50.8.1

package/src/Embed/BrightcoveEmbed.stories.tsx

@@ -6,73 +6,73 @@
  *
  */
 
-import { Meta, StoryObj } from '@storybook/react';
-import { BrightcoveData, BrightcoveEmbedData, BrightcoveMetaData, EmbedMetaData } from '@ndla/types-embed';
-import BrightcoveEmbed from './BrightcoveEmbed';
-import { defaultParameters } from '../../../../stories/defaults';
-import StoryFavoriteButton from '../../../../stories/StoryFavoriteButton';
+import { Meta, StoryObj } from "@storybook/react";
+import { BrightcoveData, BrightcoveEmbedData, BrightcoveMetaData, EmbedMetaData } from "@ndla/types-embed";
+import BrightcoveEmbed from "./BrightcoveEmbed";
+import { defaultParameters } from "../../../../stories/defaults";
+import StoryFavoriteButton from "../../../../stories/StoryFavoriteButton";
 
 const embedData: BrightcoveEmbedData = {
-  resource: 'brightcove',
-  videoid: '6326301948112',
-  caption: '',
-  account: '4806596774001',
-  player: 'BkLm8fT',
-  title: 'Hvordan skaffer jeg penger?',
+  resource: "brightcove",
+  videoid: "6326301948112",
+  caption: "",
+  account: "4806596774001",
+  player: "BkLm8fT",
+  title: "Hvordan skaffer jeg penger?",
 };
 
 const metaData: BrightcoveData = {
-  id: '6326301948112',
-  account_id: '4806596774001',
+  id: "6326301948112",
+  account_id: "4806596774001",
   custom_fields: {
-    license: 'Navngivelse-Ikkekommersiell-Del på samme vilkår',
-    licenseinfo: 'Rettighetshaver: Innovasjon Norge',
+    license: "Navngivelse-Ikkekommersiell-Del på samme vilkår",
+    licenseinfo: "Rettighetshaver: Innovasjon Norge",
   },
   description:
-    'Har du tenkt å starte bedrift? Har behovet for mer penger allerede meldt seg? Da må du trolig få hjelp av andre for å finansiere utvikling av ideen din.',
+    "Har du tenkt å starte bedrift? Har behovet for mer penger allerede meldt seg? Da må du trolig få hjelp av andre for å finansiere utvikling av ideen din.",
   images: {
     poster: {
-      src: 'https://cf-images.eu-west-1.prod.boltdns.net/v1/static/4806596774001/efab3d48-de30-4333-8568-cfbc85dfbddf/aa9cc6c9-d330-4969-9834-7406d2a4c777/1280x720/match/image.jpg',
+      src: "https://cf-images.eu-west-1.prod.boltdns.net/v1/static/4806596774001/efab3d48-de30-4333-8568-cfbc85dfbddf/aa9cc6c9-d330-4969-9834-7406d2a4c777/1280x720/match/image.jpg",
     },
   },
   link: undefined,
   long_description: null,
-  name: 'Hvordan skaffer jeg penger?',
-  published_at: '2023-04-27T10:27:03.747Z',
+  name: "Hvordan skaffer jeg penger?",
+  published_at: "2023-04-27T10:27:03.747Z",
   copyright: {
     license: {
-      license: 'CC-BY-NC-SA-4.0',
+      license: "CC-BY-NC-SA-4.0",
       description:
-        'Denne lisensen lar andre distribuere, endre, remixe, og bygge videre på ditt verk for ikke-kommersielle formål. Deres verk må navngi deg som den opprinnelige opphavspersonen og avledete verk må bære en tilsvarende lisens.',
-      url: 'https://creativecommons.org/licenses/by-nc-sa/4.0/deed.no',
+        "Denne lisensen lar andre distribuere, endre, remixe, og bygge videre på ditt verk for ikke-kommersielle formål. Deres verk må navngi deg som den opprinnelige opphavspersonen og avledete verk må bære en tilsvarende lisens.",
+      url: "https://creativecommons.org/licenses/by-nc-sa/4.0/deed.no",
     },
     creators: [],
     processors: [],
-    rightsholders: [{ type: 'rightsholder', name: 'Innovasjon Norge' }],
+    rightsholders: [{ type: "rightsholder", name: "Innovasjon Norge" }],
   },
   sources: [
     {
-      src: 'http://manifest.prod.boltdns.net/manifest/v1/hls/v4/clear/4806596774001/efab3d48-de30-4333-8568-cfbc85dfbddf/10s/master.m3u8?fastly_token=NjQ0YWRmNGRfMjcwZWQ0M2RhZTU0NTY3MmYyYzVmMGM4YzZiMDY3Mjk3ZjlhMjk0NGY0ZGNlZTdhM2ZmM2EzYzI4ZmM5OWFhOQ%3D%3D',
+      src: "http://manifest.prod.boltdns.net/manifest/v1/hls/v4/clear/4806596774001/efab3d48-de30-4333-8568-cfbc85dfbddf/10s/master.m3u8?fastly_token=NjQ0YWRmNGRfMjcwZWQ0M2RhZTU0NTY3MmYyYzVmMGM4YzZiMDY3Mjk3ZjlhMjk0NGY0ZGNlZTdhM2ZmM2EzYzI4ZmM5OWFhOQ%3D%3D",
     },
     {
-      src: 'https://manifest.prod.boltdns.net/manifest/v1/hls/v4/clear/4806596774001/efab3d48-de30-4333-8568-cfbc85dfbddf/10s/master.m3u8?fastly_token=NjQ0YWRmNGRfMjcwZWQ0M2RhZTU0NTY3MmYyYzVmMGM4YzZiMDY3Mjk3ZjlhMjk0NGY0ZGNlZTdhM2ZmM2EzYzI4ZmM5OWFhOQ%3D%3D',
+      src: "https://manifest.prod.boltdns.net/manifest/v1/hls/v4/clear/4806596774001/efab3d48-de30-4333-8568-cfbc85dfbddf/10s/master.m3u8?fastly_token=NjQ0YWRmNGRfMjcwZWQ0M2RhZTU0NTY3MmYyYzVmMGM4YzZiMDY3Mjk3ZjlhMjk0NGY0ZGNlZTdhM2ZmM2EzYzI4ZmM5OWFhOQ%3D%3D",
     },
     {
-      src: 'http://manifest.prod.boltdns.net/manifest/v1/dash/live-baseurl/clear/4806596774001/efab3d48-de30-4333-8568-cfbc85dfbddf/6s/manifest.mpd?fastly_token=NjQ0YWRmNGRfY2RiM2I0MzE4MzhkMTgwZTg2NGFmNGQyMzE4YmQyOTc3MTdhOWM0N2IyNGZhZGRhNTAxNzgyMzA5ZTRlZWUzZA%3D%3D',
+      src: "http://manifest.prod.boltdns.net/manifest/v1/dash/live-baseurl/clear/4806596774001/efab3d48-de30-4333-8568-cfbc85dfbddf/6s/manifest.mpd?fastly_token=NjQ0YWRmNGRfY2RiM2I0MzE4MzhkMTgwZTg2NGFmNGQyMzE4YmQyOTc3MTdhOWM0N2IyNGZhZGRhNTAxNzgyMzA5ZTRlZWUzZA%3D%3D",
     },
     {
-      src: 'https://manifest.prod.boltdns.net/manifest/v1/dash/live-baseurl/clear/4806596774001/efab3d48-de30-4333-8568-cfbc85dfbddf/6s/manifest.mpd?fastly_token=NjQ0YWRmNGRfY2RiM2I0MzE4MzhkMTgwZTg2NGFmNGQyMzE4YmQyOTc3MTdhOWM0N2IyNGZhZGRhNTAxNzgyMzA5ZTRlZWUzZA%3D%3D',
+      src: "https://manifest.prod.boltdns.net/manifest/v1/dash/live-baseurl/clear/4806596774001/efab3d48-de30-4333-8568-cfbc85dfbddf/6s/manifest.mpd?fastly_token=NjQ0YWRmNGRfY2RiM2I0MzE4MzhkMTgwZTg2NGFmNGQyMzE4YmQyOTc3MTdhOWM0N2IyNGZhZGRhNTAxNzgyMzA5ZTRlZWUzZA%3D%3D",
     },
     {
-      src: 'http://house-fastly-signed-eu-west-1-prod.brightcovecdn.com/media/v1/pmp4/static/clear/4806596774001/efab3d48-de30-4333-8568-cfbc85dfbddf/b1f82598-d33e-4203-a11d-cc9faf0b266e/main.mp4?fastly_token=NjQ0YWRmNGRfZTNjZmNjMzJhOTJlMzg0NDE0NjFkNmRhMjM3YzQyNGVlMmQxYTljNTQxZjBmZTNkMTQ5NmVlMTY2NmYwNzhhM18vL2hvdXNlLWZhc3RseS1zaWduZWQtZXUtd2VzdC0xLXByb2QuYnJpZ2h0Y292ZWNkbi5jb20vbWVkaWEvdjEvcG1wNC9zdGF0aWMvY2xlYXIvNDgwNjU5Njc3NDAwMS9lZmFiM2Q0OC1kZTMwLTQzMzMtODU2OC1jZmJjODVkZmJkZGYvYjFmODI1OTgtZDMzZS00MjAzLWExMWQtY2M5ZmFmMGIyNjZlL21haW4ubXA0',
-      container: 'MP4',
+      src: "http://house-fastly-signed-eu-west-1-prod.brightcovecdn.com/media/v1/pmp4/static/clear/4806596774001/efab3d48-de30-4333-8568-cfbc85dfbddf/b1f82598-d33e-4203-a11d-cc9faf0b266e/main.mp4?fastly_token=NjQ0YWRmNGRfZTNjZmNjMzJhOTJlMzg0NDE0NjFkNmRhMjM3YzQyNGVlMmQxYTljNTQxZjBmZTNkMTQ5NmVlMTY2NmYwNzhhM18vL2hvdXNlLWZhc3RseS1zaWduZWQtZXUtd2VzdC0xLXByb2QuYnJpZ2h0Y292ZWNkbi5jb20vbWVkaWEvdjEvcG1wNC9zdGF0aWMvY2xlYXIvNDgwNjU5Njc3NDAwMS9lZmFiM2Q0OC1kZTMwLTQzMzMtODU2OC1jZmJjODVkZmJkZGYvYjFmODI1OTgtZDMzZS00MjAzLWExMWQtY2M5ZmFmMGIyNjZlL21haW4ubXA0",
+      container: "MP4",
       height: 720,
       width: 1280,
       size: 20495275,
     },
     {
-      src: 'https://house-fastly-signed-eu-west-1-prod.brightcovecdn.com/media/v1/pmp4/static/clear/4806596774001/efab3d48-de30-4333-8568-cfbc85dfbddf/b1f82598-d33e-4203-a11d-cc9faf0b266e/main.mp4?fastly_token=NjQ0YWRmNGRfZTNjZmNjMzJhOTJlMzg0NDE0NjFkNmRhMjM3YzQyNGVlMmQxYTljNTQxZjBmZTNkMTQ5NmVlMTY2NmYwNzhhM18vL2hvdXNlLWZhc3RseS1zaWduZWQtZXUtd2VzdC0xLXByb2QuYnJpZ2h0Y292ZWNkbi5jb20vbWVkaWEvdjEvcG1wNC9zdGF0aWMvY2xlYXIvNDgwNjU5Njc3NDAwMS9lZmFiM2Q0OC1kZTMwLTQzMzMtODU2OC1jZmJjODVkZmJkZGYvYjFmODI1OTgtZDMzZS00MjAzLWExMWQtY2M5ZmFmMGIyNjZlL21haW4ubXA0',
-      container: 'MP4',
+      src: "https://house-fastly-signed-eu-west-1-prod.brightcovecdn.com/media/v1/pmp4/static/clear/4806596774001/efab3d48-de30-4333-8568-cfbc85dfbddf/b1f82598-d33e-4203-a11d-cc9faf0b266e/main.mp4?fastly_token=NjQ0YWRmNGRfZTNjZmNjMzJhOTJlMzg0NDE0NjFkNmRhMjM3YzQyNGVlMmQxYTljNTQxZjBmZTNkMTQ5NmVlMTY2NmYwNzhhM18vL2hvdXNlLWZhc3RseS1zaWduZWQtZXUtd2VzdC0xLXByb2QuYnJpZ2h0Y292ZWNkbi5jb20vbWVkaWEvdjEvcG1wNC9zdGF0aWMvY2xlYXIvNDgwNjU5Njc3NDAwMS9lZmFiM2Q0OC1kZTMwLTQzMzMtODU2OC1jZmJjODVkZmJkZGYvYjFmODI1OTgtZDMzZS00MjAzLWExMWQtY2M5ZmFmMGIyNjZlL21haW4ubXA0",
+      container: "MP4",
       height: 720,
       width: 1280,
       size: 20495275,
@@ -81,68 +81,68 @@ const metaData: BrightcoveData = {
 };
 
 const visuallyInterpretedEmbedMetaData: BrightcoveMetaData = {
-  resource: 'brightcove',
-  status: 'success',
+  resource: "brightcove",
+  status: "success",
   embedData: {
-    resource: 'brightcove',
-    videoid: '6243811329001',
-    caption: '',
-    account: '4806596774001',
-    player: 'BkLm8fT',
-    title: 'Frivillighet i helse og omsorgstjenesten (synstolket)',
+    resource: "brightcove",
+    videoid: "6243811329001",
+    caption: "",
+    account: "4806596774001",
+    player: "BkLm8fT",
+    title: "Frivillighet i helse og omsorgstjenesten (synstolket)",
   },
   data: {
-    id: '6243811329001',
-    account_id: '4806596774001',
+    id: "6243811329001",
+    account_id: "4806596774001",
     custom_fields: {
-      licenseinfo: 'Leverandør: film_konsulentene',
-      yt_privacy_status: 'unlisted',
-      license: 'Navngivelse-Ikkekommersiell-Del på samme vilkår',
+      licenseinfo: "Leverandør: film_konsulentene",
+      yt_privacy_status: "unlisted",
+      license: "Navngivelse-Ikkekommersiell-Del på samme vilkår",
     },
     description: null,
     images: {
       poster: {
-        src: 'https://cf-images.eu-west-1.prod.boltdns.net/v1/static/4806596774001/a09bcb7b-ffe1-4c3a-98ea-bf997340a8cd/23f01e33-413e-418c-a4de-2c87c8b05c26/1280x720/match/image.jpg',
+        src: "https://cf-images.eu-west-1.prod.boltdns.net/v1/static/4806596774001/a09bcb7b-ffe1-4c3a-98ea-bf997340a8cd/23f01e33-413e-418c-a4de-2c87c8b05c26/1280x720/match/image.jpg",
       },
     },
-    link: { text: '6242635463001' },
+    link: { text: "6242635463001" },
     long_description: null,
-    name: 'Frivillighet i helse og omsorgstjenesten (synstolket)',
-    published_at: '2021-03-25T11:40:38.476Z',
+    name: "Frivillighet i helse og omsorgstjenesten (synstolket)",
+    published_at: "2021-03-25T11:40:38.476Z",
     copyright: {
       license: {
-        license: 'CC-BY-NC-SA-4.0',
+        license: "CC-BY-NC-SA-4.0",
         description:
-          'This license lets others remix, tweak, and build upon your work non-commercially, as long as they credit you and license their new creations under the identical terms.',
-        url: 'https://creativecommons.org/licenses/by-nc-sa/4.0/deed.en',
+          "This license lets others remix, tweak, and build upon your work non-commercially, as long as they credit you and license their new creations under the identical terms.",
+        url: "https://creativecommons.org/licenses/by-nc-sa/4.0/deed.en",
       },
       creators: [],
       processors: [],
-      rightsholders: [{ type: 'supplier', name: 'film_konsulentene' }],
+      rightsholders: [{ type: "supplier", name: "film_konsulentene" }],
     },
     sources: [
       {
-        src: 'http://manifest.prod.boltdns.net/manifest/v1/hls/v4/clear/4806596774001/a09bcb7b-ffe1-4c3a-98ea-bf997340a8cd/10s/master.m3u8?fastly_token=NjQ0YmMyY2JfMTBmN2ZlOGUxNTAwYzQ0YmUwNDIzMDY3YWE1MGVkNjNmY2U2MDJhMDRkYjRhNzljNjZiZDJkNTA1MDM1Njg5Yg%3D%3D',
+        src: "http://manifest.prod.boltdns.net/manifest/v1/hls/v4/clear/4806596774001/a09bcb7b-ffe1-4c3a-98ea-bf997340a8cd/10s/master.m3u8?fastly_token=NjQ0YmMyY2JfMTBmN2ZlOGUxNTAwYzQ0YmUwNDIzMDY3YWE1MGVkNjNmY2U2MDJhMDRkYjRhNzljNjZiZDJkNTA1MDM1Njg5Yg%3D%3D",
       },
       {
-        src: 'https://manifest.prod.boltdns.net/manifest/v1/hls/v4/clear/4806596774001/a09bcb7b-ffe1-4c3a-98ea-bf997340a8cd/10s/master.m3u8?fastly_token=NjQ0YmMyY2JfMTBmN2ZlOGUxNTAwYzQ0YmUwNDIzMDY3YWE1MGVkNjNmY2U2MDJhMDRkYjRhNzljNjZiZDJkNTA1MDM1Njg5Yg%3D%3D',
+        src: "https://manifest.prod.boltdns.net/manifest/v1/hls/v4/clear/4806596774001/a09bcb7b-ffe1-4c3a-98ea-bf997340a8cd/10s/master.m3u8?fastly_token=NjQ0YmMyY2JfMTBmN2ZlOGUxNTAwYzQ0YmUwNDIzMDY3YWE1MGVkNjNmY2U2MDJhMDRkYjRhNzljNjZiZDJkNTA1MDM1Njg5Yg%3D%3D",
       },
       {
-        src: 'http://manifest.prod.boltdns.net/manifest/v1/dash/live-baseurl/clear/4806596774001/a09bcb7b-ffe1-4c3a-98ea-bf997340a8cd/6s/manifest.mpd?fastly_token=NjQ0YmMyY2JfZjhmNTUzZDc4MWI2YjdmNGEzOWUzOGMxYzkyYWU2NWVhZGVjZDY3ZWJiMmYxYjgzOThiNzQ1ZjMzOWRiZmRiYQ%3D%3D',
+        src: "http://manifest.prod.boltdns.net/manifest/v1/dash/live-baseurl/clear/4806596774001/a09bcb7b-ffe1-4c3a-98ea-bf997340a8cd/6s/manifest.mpd?fastly_token=NjQ0YmMyY2JfZjhmNTUzZDc4MWI2YjdmNGEzOWUzOGMxYzkyYWU2NWVhZGVjZDY3ZWJiMmYxYjgzOThiNzQ1ZjMzOWRiZmRiYQ%3D%3D",
       },
       {
-        src: 'https://manifest.prod.boltdns.net/manifest/v1/dash/live-baseurl/clear/4806596774001/a09bcb7b-ffe1-4c3a-98ea-bf997340a8cd/6s/manifest.mpd?fastly_token=NjQ0YmMyY2JfZjhmNTUzZDc4MWI2YjdmNGEzOWUzOGMxYzkyYWU2NWVhZGVjZDY3ZWJiMmYxYjgzOThiNzQ1ZjMzOWRiZmRiYQ%3D%3D',
+        src: "https://manifest.prod.boltdns.net/manifest/v1/dash/live-baseurl/clear/4806596774001/a09bcb7b-ffe1-4c3a-98ea-bf997340a8cd/6s/manifest.mpd?fastly_token=NjQ0YmMyY2JfZjhmNTUzZDc4MWI2YjdmNGEzOWUzOGMxYzkyYWU2NWVhZGVjZDY3ZWJiMmYxYjgzOThiNzQ1ZjMzOWRiZmRiYQ%3D%3D",
       },
       {
-        src: 'http://house-fastly-signed-eu-west-1-prod.brightcovecdn.com/media/v1/pmp4/static/clear/4806596774001/a09bcb7b-ffe1-4c3a-98ea-bf997340a8cd/494f17bd-2cee-4c49-8f27-99c76f3720d5/main.mp4?fastly_token=NjQ0YmMyY2JfYjQzM2YwNzQxMTg5YzAwNjUyNzI2MGE0NWVhZmNhZTQ5Y2QwMzIyMGExOGMyMzFhMmNiNmU3NWY1YTY0ZWNmM18vL2hvdXNlLWZhc3RseS1zaWduZWQtZXUtd2VzdC0xLXByb2QuYnJpZ2h0Y292ZWNkbi5jb20vbWVkaWEvdjEvcG1wNC9zdGF0aWMvY2xlYXIvNDgwNjU5Njc3NDAwMS9hMDliY2I3Yi1mZmUxLTRjM2EtOThlYS1iZjk5NzM0MGE4Y2QvNDk0ZjE3YmQtMmNlZS00YzQ5LThmMjctOTljNzZmMzcyMGQ1L21haW4ubXA0',
-        container: 'MP4',
+        src: "http://house-fastly-signed-eu-west-1-prod.brightcovecdn.com/media/v1/pmp4/static/clear/4806596774001/a09bcb7b-ffe1-4c3a-98ea-bf997340a8cd/494f17bd-2cee-4c49-8f27-99c76f3720d5/main.mp4?fastly_token=NjQ0YmMyY2JfYjQzM2YwNzQxMTg5YzAwNjUyNzI2MGE0NWVhZmNhZTQ5Y2QwMzIyMGExOGMyMzFhMmNiNmU3NWY1YTY0ZWNmM18vL2hvdXNlLWZhc3RseS1zaWduZWQtZXUtd2VzdC0xLXByb2QuYnJpZ2h0Y292ZWNkbi5jb20vbWVkaWEvdjEvcG1wNC9zdGF0aWMvY2xlYXIvNDgwNjU5Njc3NDAwMS9hMDliY2I3Yi1mZmUxLTRjM2EtOThlYS1iZjk5NzM0MGE4Y2QvNDk0ZjE3YmQtMmNlZS00YzQ5LThmMjctOTljNzZmMzcyMGQ1L21haW4ubXA0",
+        container: "MP4",
         height: 720,
         width: 1280,
         size: 138996555,
       },
       {
-        src: 'https://house-fastly-signed-eu-west-1-prod.brightcovecdn.com/media/v1/pmp4/static/clear/4806596774001/a09bcb7b-ffe1-4c3a-98ea-bf997340a8cd/494f17bd-2cee-4c49-8f27-99c76f3720d5/main.mp4?fastly_token=NjQ0YmMyY2JfYjQzM2YwNzQxMTg5YzAwNjUyNzI2MGE0NWVhZmNhZTQ5Y2QwMzIyMGExOGMyMzFhMmNiNmU3NWY1YTY0ZWNmM18vL2hvdXNlLWZhc3RseS1zaWduZWQtZXUtd2VzdC0xLXByb2QuYnJpZ2h0Y292ZWNkbi5jb20vbWVkaWEvdjEvcG1wNC9zdGF0aWMvY2xlYXIvNDgwNjU5Njc3NDAwMS9hMDliY2I3Yi1mZmUxLTRjM2EtOThlYS1iZjk5NzM0MGE4Y2QvNDk0ZjE3YmQtMmNlZS00YzQ5LThmMjctOTljNzZmMzcyMGQ1L21haW4ubXA0',
-        container: 'MP4',
+        src: "https://house-fastly-signed-eu-west-1-prod.brightcovecdn.com/media/v1/pmp4/static/clear/4806596774001/a09bcb7b-ffe1-4c3a-98ea-bf997340a8cd/494f17bd-2cee-4c49-8f27-99c76f3720d5/main.mp4?fastly_token=NjQ0YmMyY2JfYjQzM2YwNzQxMTg5YzAwNjUyNzI2MGE0NWVhZmNhZTQ5Y2QwMzIyMGExOGMyMzFhMmNiNmU3NWY1YTY0ZWNmM18vL2hvdXNlLWZhc3RseS1zaWduZWQtZXUtd2VzdC0xLXByb2QuYnJpZ2h0Y292ZWNkbi5jb20vbWVkaWEvdjEvcG1wNC9zdGF0aWMvY2xlYXIvNDgwNjU5Njc3NDAwMS9hMDliY2I3Yi1mZmUxLTRjM2EtOThlYS1iZjk5NzM0MGE4Y2QvNDk0ZjE3YmQtMmNlZS00YzQ5LThmMjctOTljNzZmMzcyMGQ1L21haW4ubXA0",
+        container: "MP4",
         height: 720,
         width: 1280,
         size: 138996555,
@@ -152,9 +152,9 @@ const visuallyInterpretedEmbedMetaData: BrightcoveMetaData = {
 };
 
 const meta: Meta<typeof BrightcoveEmbed> = {
-  title: 'Embeds/BrightcoveEmbed',
+  title: "Embeds/BrightcoveEmbed",
   component: BrightcoveEmbed,
-  tags: ['autodocs'],
+  tags: ["autodocs"],
   args: {
     isConcept: false,
   },
@@ -180,8 +180,8 @@ export const BrightcoveEmbedStory: StoryObj<typeof BrightcoveEmbed> = {
   args: {
     heartButton: StoryFavoriteButton,
     embed: {
-      resource: 'brightcove',
-      status: 'success',
+      resource: "brightcove",
+      status: "success",
       embedData: embedData,
       data: metaData,
     },
@@ -199,11 +199,11 @@ export const BrightcoveFailed: StoryObj<typeof BrightcoveEmbed> = {
   args: {
     heartButton: StoryFavoriteButton,
     embed: {
-      resource: 'brightcove',
-      status: 'error',
+      resource: "brightcove",
+      status: "error",
       embedData: embedData,
     },
   },
 };
 
-BrightcoveEmbedStory.storyName = 'BrightcoveEmbed';
+BrightcoveEmbedStory.storyName = "BrightcoveEmbed";

package/src/Embed/BrightcoveEmbed.tsx

@@ -6,19 +6,19 @@
  *
  */
 
-import parse from 'html-react-parser';
-import sortBy from 'lodash/sortBy';
-import { useEffect, useMemo, useRef, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import styled from '@emotion/styled';
-import { ButtonV2 } from '@ndla/button';
-import { spacing } from '@ndla/core';
-import { COPYRIGHTED } from '@ndla/licenses';
-import { BrightcoveEmbedData, BrightcoveMetaData, BrightcoveVideoSource } from '@ndla/types-embed';
-import EmbedErrorPlaceholder from './EmbedErrorPlaceholder';
-import { HeartButtonType, RenderContext } from './types';
-import { Figure } from '../Figure';
-import { EmbedByline } from '../LicenseByline';
+import parse from "html-react-parser";
+import sortBy from "lodash/sortBy";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { useTranslation } from "react-i18next";
+import styled from "@emotion/styled";
+import { ButtonV2 } from "@ndla/button";
+import { spacing } from "@ndla/core";
+import { COPYRIGHTED } from "@ndla/licenses";
+import { BrightcoveEmbedData, BrightcoveMetaData, BrightcoveVideoSource } from "@ndla/types-embed";
+import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";
+import { HeartButtonType, RenderContext } from "./types";
+import { Figure } from "../Figure";
+import { EmbedByline } from "../LicenseByline";
 
 interface Props {
   embed: BrightcoveMetaData;
@@ -35,9 +35,9 @@ const BrightcoveIframe = styled.iframe`
   height: auto;
 `;
 
-export const makeIframeString = (url: string, width: string | number, height: string | number, title: string = '') => {
-  const strippedWidth = typeof width === 'number' ? width : width.replace(/\s*px/, '');
-  const strippedHeight = typeof height === 'number' ? height : height.replace(/\s*px/, '');
+export const makeIframeString = (url: string, width: string | number, height: string | number, title: string = "") => {
+  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 `<iframe title="${urlOrTitle}" aria-label="${urlOrTitle}" src="${url}" width="${strippedWidth}" height="${strippedHeight}" allowfullscreen scrolling="no" frameborder="0" loading="lazy"></iframe>`;
 };
@@ -45,7 +45,7 @@ export const makeIframeString = (url: string, width: string | number, height: st
 export const isNumeric = (value: any) => !Number.isNaN(value - parseFloat(value));
 
 const getIframeProps = (data: BrightcoveEmbedData, sources: BrightcoveVideoSource[]) => {
-  const { account, videoid, player = 'default' } = data;
+  const { account, videoid, player = "default" } = data;
 
   const source = sortBy(
     sources.filter((s) => s.width && s.height),
@@ -54,20 +54,20 @@ const getIframeProps = (data: BrightcoveEmbedData, sources: BrightcoveVideoSourc
 
   return {
     src: `https://players.brightcove.net/${account}/${player}_default/index.html?videoId=${videoid}`,
-    height: source?.height ?? '480',
-    width: source?.width ?? '640',
+    height: source?.height ?? "480",
+    width: source?.width ?? "640",
   };
 };
-const BrightcoveEmbed = ({ embed, isConcept, heartButton: HeartButton, renderContext = 'article' }: Props) => {
+const BrightcoveEmbed = ({ embed, isConcept, heartButton: HeartButton, renderContext = "article" }: Props) => {
   const [showOriginalVideo, setShowOriginalVideo] = useState(true);
   const { t } = useTranslation();
   const iframeRef = useRef<HTMLIFrameElement>(null);
   const { embedData } = embed;
-  const fallbackTitle = `${t('embed.type.video')}: ${embedData.videoid}`;
+  const fallbackTitle = `${t("embed.type.video")}: ${embedData.videoid}`;
   const parsedDescription = useMemo(() => {
-    if (embed.embedData.caption || renderContext === 'article') {
+    if (embed.embedData.caption || renderContext === "article") {
       return embed.embedData.caption ? parse(embed.embedData.caption) : undefined;
-    } else if (embed.status === 'success' && embed.data.description) {
+    } else if (embed.status === "success" && embed.data.description) {
       return parse(embed.data.description);
     }
   }, [embed, renderContext]);
@@ -77,11 +77,11 @@ const BrightcoveEmbed = ({ embed, isConcept, heartButton: HeartButton, renderCon
     if (iframe) {
       const [width, height] = [parseInt(iframe.width), parseInt(iframe.height)];
       iframe.style.aspectRatio = `${width}/${height}`;
-      iframe.width = '';
-      iframe.height = '';
+      iframe.width = "";
+      iframe.height = "";
     }
   }, []);
-  if (embed.status === 'error') {
+  if (embed.status === "error") {
     return (
       <EmbedErrorPlaceholder type="video">
         <BrightcoveIframe
@@ -105,7 +105,7 @@ const BrightcoveEmbed = ({ embed, isConcept, heartButton: HeartButton, renderCon
     : undefined;
 
   return (
-    <Figure type={isConcept ? 'full-column' : 'full'} resizeIframe>
+    <Figure type={isConcept ? "full-column" : "full"} resizeIframe>
       <div className="brightcove-video">
         <BrightcoveIframe
           ref={iframeRef}
@@ -125,7 +125,7 @@ const BrightcoveEmbed = ({ embed, isConcept, heartButton: HeartButton, renderCon
             size="small"
             onClick={() => setShowOriginalVideo((p) => !p)}
           >
-            {t(`figure.button.${!showOriginalVideo ? 'original' : 'alternative'}`)}
+            {t(`figure.button.${!showOriginalVideo ? "original" : "alternative"}`)}
           </LinkedVideoButton>
         )}
         {HeartButton && data.copyright?.license.license.toLowerCase() !== COPYRIGHTED && <HeartButton embed={embed} />}