@ndla/ui 54.0.5 → 55.0.0-alpha.0

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

@@ -363,6 +363,7 @@ declare const messages: {
             readDate: string;
         };
         download: string;
+        openLink: string;
         tabs: {
             text: string;
             images: string;
@@ -396,24 +397,30 @@ declare const messages: {
                 expandByline: string;
                 minimizeByline: string;
             };
-            source: string;
-            title: string;
+            licenseText: string;
+            restrictedUseText: string;
         };
         text: {
             heading: string;
             description: string;
             rules: string;
             published: string;
+            licenseText: string;
+            restrictedUseText: string;
         };
         audio: {
             heading: string;
             description: string;
             rules: string;
+            licenseText: string;
+            restrictedUseText: string;
         };
         podcast: {
             heading: string;
             description: string;
             rules: string;
+            licenseText: string;
+            restrictedUseText: string;
         };
         video: {
             heading: string;
@@ -422,6 +429,8 @@ declare const messages: {
             itemImage: {
                 ariaLabel: string;
             };
+            licenseText: string;
+            restrictedUseText: string;
         };
         other: {
             heading: string;
@@ -434,24 +443,26 @@ declare const messages: {
             heading: string;
             description: string;
             rules: string;
+            licenseText: string;
+            restrictedUseText: string;
         };
         concept: {
             heading: string;
             description: string;
             rules: string;
-            title: string;
             embedlink: {
                 heading: string;
                 description: string;
                 copyTitle: string;
                 hasCopiedTitle: string;
             };
+            licenseText: string;
+            restrictedUseText: string;
         };
         gloss: {
             heading: string;
             description: string;
             rules: string;
-            title: string;
             showOrHideExamples: string;
             embedlink: {
                 heading: string;
@@ -459,6 +470,8 @@ declare const messages: {
                 copyTitle: string;
                 hasCopiedTitle: string;
             };
+            licenseText: string;
+            restrictedUseText: string;
         };
         files: {
             heading: string;
@@ -473,7 +486,6 @@ declare const messages: {
         published: string;
         processed: string;
         rightsholder: string;
-        source: string;
         info: string;
     };
     errorMessage: {
@@ -1045,6 +1057,7 @@ declare const messages: {
                 deleted: string;
                 upvote: string;
                 removeUpvote: string;
+                reply: string;
             };
             flag: {
                 title: string;

package/lib/locale/messages-sma.js

@@ -296,7 +296,7 @@ const messages = {
     lastUpdated: "Minngemes orrestamme",
     edition: "Låhkoe",
     publisher: "Bæjhkoehtæjja",
-    useContent: "Åtnoenjoelkedassh",
+    useContent: "Sijhtidh jallh mubpesth nåhtadidh?",
     closeLabel: "Dahph",
     additionalLabel: "Lissie-aamhtesh",
     urlContributionsLabel: "Vuartesjh maam {{name}} dorjeme",
@@ -314,7 +314,7 @@ const messages = {
     cite: "Nuhtjh sisvegem",
     notionsPrompt: "Datne baakoetjïertide maahtah?",
     citeNotion: "Nuhtjh buerkiestimmiem",
-    printPage: "Tjaelieh",
+    printPage: "Tjaelieh teekstem",
     access: {
       onlyTeacher: "Daate vierhtie ajve dïllesisnie lohkehtæjjide mah tjaangeme Feidine."
     },
@@ -367,7 +367,7 @@ const messages = {
     learnMore: "Lïerh vielie ræhpas lisensi bïjre",
     copyTitle: "Gaaltije",
     copy: "Kopier",
-    hasCopiedTitle: "Kopije vaaltasovveme!",
+    hasCopiedTitle: "Maahta gaaltijevuesiehtimmiem",
     embed: "Bïejh sïjse",
     embedCopied: "Kopijem sïjsebïejemekodeste vaalteme!",
     copyText: {
@@ -380,6 +380,7 @@ const messages = {
       readDate: "Lohkeme: "
     },
     download: "Veedtjh",
+    openLink: "Rïhpesth aktene orre kaarhtesne",
     tabs: {
       text: "Teekste",
       images: "Guvvieh",
@@ -405,7 +406,7 @@ const messages = {
     images: {
       heading: "Slik gjenbruker du bilder",
       description: "Mujhtieh kopijem vaeltedh teeksteste maam edtjh guvvien baalte bïejedh desnie gusnie dam nuhtjh.",
-      rules: "Njoelkedassh guvvie-åtnoen bïjre:",
+      rules: "Njoelkedassh guvvie-åtnoen bïjre",
       itemImage: {
         ariaLabel: "Rïhpesth guvviem orre klaasesne",
         zoomImageButtonLabel: "Stueredh guvviem",
@@ -413,32 +414,40 @@ const messages = {
         expandByline: "Vuesehth bylinem",
         minimizeByline: "Tjïekh bylinen"
       },
-      source: "Gaaltije",
-      title: "Tihtele"
+      licenseText: "Daate guvvie lisensem åtna",
+      restrictedUseText: "Daate guvvie"
     },
     text: {
       heading: "Slik gjenbruker du teksten",
       description: "Mujhtieh gaaltijasse vuesiehtidh gosse teekstem orresistie nuhtjh.",
-      rules: "Njoelkedassh teekste-åtnoen bïjre:",
-      published: "Bæjkoehtimmiedaatoe"
+      rules: "Njoelkedassh teekste-åtnoen bïjre",
+      published: "Bæjkoehtimmiedaatoe",
+      licenseText: "Daate teekste lisensem åtna",
+      restrictedUseText: "Daate teekste"
     },
     audio: {
       heading: "Slik gjenbruker du lydfiler",
       description: "Mujhtieh kopijem vaeltedh teeksteste mij edtja tjoejen baalte bïejesovvedh desnie gusnie tjoejem nuhtjh.",
-      rules: "Njoelkedassh tjoejefijlen åtnoen bïjre:"
+      rules: "Njoelkedassh tjoejefijlen åtnoen bïjre",
+      licenseText: "Daate tjoejefijle lisensem åtna",
+      restrictedUseText: "Daate tjoejefijle"
     },
     podcast: {
       heading: "Slik gjenbruker du podkaster",
       description: "Husk å kopiere teksten som skal legges ved podkasten der du bruker den.",
-      rules: "Regler for bruk av podkasten:"
+      rules: "Regler for bruk av podkasten",
+      licenseText: "Daate podkastem lisensine åtna",
+      restrictedUseText: "Daate podkastem"
     },
     video: {
       heading: "Slik gjenbruker du videoer",
       description: "Mujhtieh kopijem vaeltedh teeksteste mij edtja videjoven baalte bïejesovvedh desnie gusnie videjovem nuhtjh.",
-      rules: "Njoelkedassh videjove-åtnoen bïjre:",
+      rules: "Njoelkedassh videjove-åtnoen bïjre",
       itemImage: {
         ariaLabel: "Rïhpesth videjovem orre klaassese"
-      }
+      },
+      licenseText: "Daate videoe lisensem åtna",
+      restrictedUseText: "Daate videoe"
     },
     other: {
       heading: "Slik gjenbruker du annet innhold",
@@ -450,37 +459,41 @@ const messages = {
     h5p: {
       heading: "Slik gjenbruker du H5P-innhold",
       description: "Datne njoelkedasside sisvegeåtnoen bïjre gaavnh H5P-biehkesne",
-      rules: "Njoelkedassh H5P-åtnoen bïjre:"
+      rules: "Njoelkedassh H5P-åtnoen bïjre",
+      licenseText: "Daate interaktijve laavenjasse (H5P) lisensem åtna",
+      restrictedUseText: "Daate interaktijve laavenjasse (H5P)"
     },
     concept: {
       heading: "Slik gjenbruker du forklaringer",
       description: "Husk at innebygd innhald i ei forklaring kan ha ein anna lisens enn sjølve forklaringsteksten",
-      rules: "Njoelkedassh guktie buerkiestimmiem nuhtjh:",
-      title: "Tihtele",
+      rules: "Njoelkedassh guktie buerkiestimmiem nuhtjh",
       embedlink: {
         heading: "Slik viser du forklaringen i annet innhold",
         description: "Denne lenken viser forklaringen uten kontekst (meny og bunntekst)",
         copyTitle: "Kopier innbyggingslenke",
         hasCopiedTitle: "Innbyggingslenke kopiert"
-      }
+      },
+      licenseText: "Daate buerkiestimmie lissietjaalegem",
+      restrictedUseText: "Daate buerkiestimmie"
     },
     gloss: {
       heading: "Naemhtie gïelem ikth vielie nåhtadidh",
       description: "Mujhtieh sisvege aktene raajesisnie maahta jeatjah lisensem utnedh enn jïjtjehke raajesisnie",
-      rules: "Njoelkedassh guktie diejvesem nåhtadidh:",
-      title: "Tihtele",
+      rules: "Njoelkedassh guktie diejvesem nåhtadidh",
       showOrHideExamples: "Vuesiehtimmieh vuesiehtidh jallh vöörhkedh",
       embedlink: {
         heading: "Naemhtie gïelem jeatjah sisvegisnie vuesehte",
         description: "Daate lïenghke vuesehte tjoejh konteksten namhtah (meny jïh nueliekapihtele)",
         copyTitle: "Kopijerh svaalhtesem sïjse loggedh",
         hasCopiedTitle: "Bigkeme svaalhtese kopijeradamme"
-      }
+      },
+      licenseText: "Daate gïele lisensem åtna",
+      restrictedUseText: "Daate gïele nænnoes"
     },
     files: {
       heading: "Slik gjenbruker du filer",
       description: "Mujhtieh kopijem vaeltedh teeksteste  mij edtja fijlen baalte bïejesovvedh desnie gusnie dam nuhtjh.",
-      rules: "Njoelkedassh fijle-åtnoen bïjre:",
+      rules: "Njoelkedassh fijle-åtnoen bïjre",
       itemImage: {
         ariaLabel: "Åpne i nytt vindu"
       }
@@ -490,7 +503,6 @@ const messages = {
     published: "Publiseringsdato",
     processed: "Innhaldet har vorte omarbeidd",
     rightsholder: "Rettighetshaver",
-    source: "Gaaltije",
     info: "Lisensinformasjon"
   },
   errorMessage: {
@@ -1061,7 +1073,8 @@ const messages = {
         fetchMore: "Hent flere svar",
         deleted: "Dette innlegget er slettet av forfatteren.",
         upvote: "Stem opp",
-        removeUpvote: "Fjern stemme"
+        removeUpvote: "Fjern stemme",
+        reply: "Skriv et svar til {{ name }}"
       },
       flag: {
         title: "Rapporter innlegg / kommentar",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "54.0.5",
+  "version": "55.0.0-alpha.0",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -31,17 +31,16 @@
     "types"
   ],
   "dependencies": {
-    "@ndla/accordion": "^4.0.5",
-    "@ndla/button": "^13.0.5",
+    "@ndla/accordion": "^4.0.6",
+    "@ndla/button": "^13.0.6",
     "@ndla/core": "^5.0.1",
     "@ndla/dropdown-menu": "^1.0.38",
-    "@ndla/forms": "^8.0.5",
+    "@ndla/forms": "^8.0.6",
     "@ndla/hooks": "^2.1.7",
-    "@ndla/icons": "^6.1.8",
-    "@ndla/licenses": "^7.2.6",
-    "@ndla/modal": "^6.0.4",
-    "@ndla/notion": "^7.0.4",
-    "@ndla/safelink": "^5.1.8",
+    "@ndla/icons": "^7.0.0-alpha.0",
+    "@ndla/licenses": "^8.0.0-alpha.0",
+    "@ndla/modal": "^6.0.5",
+    "@ndla/safelink": "^5.1.9",
     "@ndla/tooltip": "^8.0.1",
     "@ndla/typography": "^0.4.22",
     "@ndla/util": "^4.0.4",
@@ -77,5 +76,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8f0469f768ed618830dea90b36b92b0d4bb20639"
+  "gitHead": "4110ea1c6d36be95a99f4c1b47f8cf3b5c4ccb8b"
 }

package/src/ContactBlock/ContactBlock.tsx

@@ -187,7 +187,7 @@ const ContactBlock = ({
             </LinkWrapper>
             <span>
               {`${t("embed.type.image")}: ${authors.map((author) => `${author?.name}`).join(", ")} `}
-              {!!license && <LicenseLink license={license} asLink={!!license.url.length} />}
+              {!!license && <LicenseLink license={license} />}
             </span>
           </>
         ) : (

package/src/Embed/AudioEmbed.stories.tsx

@@ -9,7 +9,6 @@
 import { Meta, StoryObj } from "@storybook/react";
 import { AudioEmbedData, AudioMeta } from "@ndla/types-embed";
 import AudioEmbed from "./AudioEmbed";
-import StoryFavoriteButton from "../../../../stories/StoryFavoriteButton";
 import { ArticleWrapper } from "../Article";
 import LayoutItem, { OneColumn } from "../Layout";
 
@@ -205,7 +204,6 @@ export default meta;
 
 export const AudioEmbedStory: StoryObj<typeof AudioEmbed> = {
   args: {
-    heartButton: StoryFavoriteButton,
     embed: {
       resource: "audio",
       status: "success",
@@ -217,7 +215,6 @@ export const AudioEmbedStory: StoryObj<typeof AudioEmbed> = {
 
 export const AudioEmbedFailed: StoryObj<typeof AudioEmbed> = {
   args: {
-    heartButton: StoryFavoriteButton,
     embed: {
       resource: "audio",
       status: "error",
@@ -228,7 +225,6 @@ export const AudioEmbedFailed: StoryObj<typeof AudioEmbed> = {
 
 export const Podcast: StoryObj<typeof AudioEmbed> = {
   args: {
-    heartButton: StoryFavoriteButton,
     embed: {
       resource: "audio",
       status: "success",
@@ -240,7 +236,6 @@ export const Podcast: StoryObj<typeof AudioEmbed> = {
 
 export const PodcastFailed: StoryObj<typeof AudioEmbed> = {
   args: {
-    heartButton: StoryFavoriteButton,
     embed: {
       resource: "audio",
       status: "error",

package/src/Embed/AudioEmbed.tsx

@@ -6,18 +6,15 @@
  *
  */
 
-import { COPYRIGHTED } from "@ndla/licenses";
-import { AudioMetaData, ImageMetaData } from "@ndla/types-embed";
+import { AudioMetaData } from "@ndla/types-embed";
 import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";
 import { Author } from "./ImageEmbed";
-import { HeartButtonType } from "./types";
 import AudioPlayer from "../AudioPlayer";
 import { Figure } from "../Figure";
 import { EmbedByline } from "../LicenseByline";
 
 interface Props {
   embed: AudioMetaData;
-  heartButton?: HeartButtonType;
   lang?: string;
 }
 
@@ -27,21 +24,7 @@ export const getFirstNonEmptyLicenseCredits = (authors: {
   processors: Author[];
 }) => Object.values(authors).find((i) => i.length > 0) ?? [];
 
-const imageMetaToMockEmbed = (
-  imageMeta: Extract<AudioMetaData, { status: "success" }>,
-): Extract<ImageMetaData, { status: "success" }> => ({
-  resource: "image",
-  status: "success",
-  // We check that this exists where the function is used.
-  data: imageMeta.data.imageMeta!,
-  embedData: {
-    resource: "image",
-    resourceId: imageMeta.data.imageMeta?.id?.toString() || "",
-    alt: imageMeta.data.imageMeta?.alttext.alttext ?? "",
-  },
-});
-
-const AudioEmbed = ({ embed, heartButton: HeartButton, lang }: Props) => {
+const AudioEmbed = ({ embed, lang }: Props) => {
   if (embed.status === "error") {
     return <EmbedErrorPlaceholder type={embed.embedData.type === "standard" ? "audio" : "podcast"} />;
   }
@@ -75,28 +58,8 @@ const AudioEmbed = ({ embed, heartButton: HeartButton, lang }: Props) => {
       <EmbedByline
         error={false}
         type={data.audioType === "standard" ? "audio" : "podcast"}
-        topRounded={false}
-        bottomRounded={!data.imageMeta}
         copyright={embed.data.copyright}
-      >
-        {HeartButton && embed.data.copyright.license.license.toLowerCase() !== COPYRIGHTED && (
-          <HeartButton embed={embed} />
-        )}
-      </EmbedByline>
-      {data.imageMeta && (
-        <EmbedByline
-          error={false}
-          first={false}
-          type="image"
-          topRounded={false}
-          bottomRounded
-          copyright={data.imageMeta.copyright}
-        >
-          {HeartButton && data.imageMeta.copyright.license.license.toLowerCase() !== COPYRIGHTED && (
-            <HeartButton embed={imageMetaToMockEmbed(embed)} />
-          )}
-        </EmbedByline>
-      )}
+      />
     </Figure>
   );
 };

package/src/Embed/BrightcoveEmbed.stories.tsx

@@ -9,7 +9,6 @@
 import { Meta, StoryObj } from "@storybook/react";
 import { BrightcoveData, BrightcoveEmbedData, BrightcoveMetaData } from "@ndla/types-embed";
 import BrightcoveEmbed from "./BrightcoveEmbed";
-import StoryFavoriteButton from "../../../../stories/StoryFavoriteButton";
 import { ArticleWrapper } from "../Article";
 import LayoutItem, { OneColumn } from "../Layout";
 
@@ -178,7 +177,6 @@ export default meta;
 
 export const BrightcoveEmbedStory: StoryObj<typeof BrightcoveEmbed> = {
   args: {
-    heartButton: StoryFavoriteButton,
     embed: {
       resource: "brightcove",
       status: "success",
@@ -190,14 +188,12 @@ export const BrightcoveEmbedStory: StoryObj<typeof BrightcoveEmbed> = {
 
 export const VisuallyInterpreted: StoryObj<typeof BrightcoveEmbed> = {
   args: {
-    heartButton: StoryFavoriteButton,
     embed: visuallyInterpretedEmbedMetaData,
   },
 };
 
 export const BrightcoveFailed: StoryObj<typeof BrightcoveEmbed> = {
   args: {
-    heartButton: StoryFavoriteButton,
     embed: {
       resource: "brightcove",
       status: "error",

package/src/Embed/BrightcoveEmbed.tsx

@@ -12,17 +12,15 @@ 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 { RenderContext } from "./types";
 import { Figure } from "../Figure";
 import { EmbedByline } from "../LicenseByline";
 
 interface Props {
   embed: BrightcoveMetaData;
   isConcept?: boolean;
-  heartButton?: HeartButtonType;
   renderContext?: RenderContext;
 }
 
@@ -54,7 +52,7 @@ const getIframeProps = (data: BrightcoveEmbedData, sources: BrightcoveVideoSourc
     width: source?.width ?? "640",
   };
 };
-const BrightcoveEmbed = ({ embed, isConcept, heartButton: HeartButton, renderContext = "article" }: Props) => {
+const BrightcoveEmbed = ({ embed, isConcept, renderContext = "article" }: Props) => {
   const [showOriginalVideo, setShowOriginalVideo] = useState(true);
   const { t } = useTranslation();
   const iframeRef = useRef<HTMLIFrameElement>(null);
@@ -124,7 +122,6 @@ const BrightcoveEmbed = ({ embed, isConcept, heartButton: HeartButton, renderCon
             {t(`figure.button.${!showOriginalVideo ? "original" : "alternative"}`)}
           </LinkedVideoButton>
         )}
-        {HeartButton && data.copyright?.license.license.toLowerCase() !== COPYRIGHTED && <HeartButton embed={embed} />}
       </EmbedByline>
     </Figure>
   );

package/src/Embed/ConceptEmbed.stories.tsx

@@ -9,7 +9,6 @@
 import { Meta, StoryObj } from "@storybook/react";
 import { ConceptData, ConceptEmbedData } from "@ndla/types-embed";
 import ConceptEmbed from "./ConceptEmbed";
-import StoryFavoriteButton from "../../../../stories/StoryFavoriteButton";
 import { ArticleWrapper } from "../Article";
 import LayoutItem, { OneColumn } from "../Layout";
 
@@ -250,7 +249,6 @@ export default meta;
 
 export const Block: StoryObj<typeof ConceptEmbed> = {
   args: {
-    heartButton: StoryFavoriteButton,
     embed: {
       resource: "concept",
       status: "success",
@@ -272,7 +270,6 @@ export const GlossBlock: StoryObj<typeof ConceptEmbed> = {
 
 export const BlockFailed: StoryObj<typeof ConceptEmbed> = {
   args: {
-    heartButton: StoryFavoriteButton,
     embed: {
       resource: "concept",
       status: "error",
@@ -283,7 +280,6 @@ export const BlockFailed: StoryObj<typeof ConceptEmbed> = {
 
 export const Inline: StoryObj<typeof ConceptEmbed> = {
   args: {
-    heartButton: StoryFavoriteButton,
     embed: {
       resource: "concept",
       status: "success",
@@ -306,7 +302,6 @@ export const GlossInline: StoryObj<typeof ConceptEmbed> = {
 
 export const InlineFailed: StoryObj<typeof ConceptEmbed> = {
   args: {
-    heartButton: StoryFavoriteButton,
     embed: {
       resource: "concept",
       status: "error",

package/src/Embed/ConceptEmbed.tsx

@@ -7,7 +7,7 @@
  */
 
 import parse from "html-react-parser";
-import { ReactElement, ReactNode, forwardRef, useCallback, useMemo, useRef, useState } from "react";
+import { ReactNode, forwardRef, useCallback, useMemo, useRef, useState } from "react";
 import { isMobile } from "react-device-detect";
 import { useTranslation } from "react-i18next";
 import styled from "@emotion/styled";
@@ -15,12 +15,11 @@ import { Root, Trigger, Content, Anchor, Close, Portal } from "@radix-ui/react-p
 import { IconButtonV2 } from "@ndla/button";
 import { breakpoints, colors, mq, spacing, stackOrder } from "@ndla/core";
 import { Cross } from "@ndla/icons/action";
-import { COPYRIGHTED } from "@ndla/licenses";
 import { Tooltip } from "@ndla/tooltip";
 import { ConceptMetaData } from "@ndla/types-embed";
 import { ConceptNotionV2, ConceptNotionData, ConceptType } from "./conceptComponents";
 import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";
-import { HeartButtonType, RenderContext } from "./types";
+import { RenderContext } from "./types";
 import { Figure } from "../Figure";
 import { Gloss } from "../Gloss";
 import { EmbedByline } from "../LicenseByline";
@@ -71,7 +70,6 @@ const ImageWrapper = styled.div`
 interface Props {
   embed: ConceptMetaData;
   fullWidth?: boolean;
-  heartButton?: HeartButtonType;
   lang?: string;
   renderContext?: RenderContext;
 }
@@ -95,7 +93,7 @@ const StyledButton = styled.button`
   }
 `;
 
-export const ConceptEmbed = ({ embed, fullWidth, heartButton: HeartButton, lang, renderContext }: Props) => {
+export const ConceptEmbed = ({ embed, fullWidth, lang, renderContext }: Props) => {
   const parsedContent = useMemo(() => {
     if (embed.status === "error" || !embed.data.concept.content) return undefined;
     return parse(embed.data.concept.content.htmlContent);
@@ -121,8 +119,6 @@ export const ConceptEmbed = ({ embed, fullWidth, heartButton: HeartButton, lang,
         copyright={concept.copyright}
         source={concept.source}
         visualElement={visualElement}
-        heartButton={HeartButton}
-        conceptHeartButton={HeartButton && <HeartButton embed={embed} />}
         conceptType={concept.conceptType}
         glossData={concept.glossData}
         lang={lang}
@@ -141,8 +137,6 @@ export const ConceptEmbed = ({ embed, fullWidth, heartButton: HeartButton, lang,
         source={concept.source}
         visualElement={visualElement}
         linkText={embed.embedData.linkText}
-        heartButton={HeartButton}
-        conceptHeartButton={HeartButton && <HeartButton embed={embed} />}
         conceptType={concept.conceptType}
         glossData={concept.glossData}
         lang={lang}
@@ -158,8 +152,6 @@ export const ConceptEmbed = ({ embed, fullWidth, heartButton: HeartButton, lang,
       copyright={concept.copyright}
       source={concept.source}
       visualElement={visualElement}
-      heartButton={HeartButton}
-      conceptHeartButton={HeartButton && <HeartButton embed={embed} />}
       conceptType={concept.conceptType}
       glossData={concept.glossData}
       lang={lang}
@@ -172,9 +164,7 @@ export const ConceptEmbed = ({ embed, fullWidth, heartButton: HeartButton, lang,
 
 interface InlineConceptProps extends ConceptNotionData {
   linkText: ReactNode;
-  heartButton?: HeartButtonType;
   headerButtons?: ReactNode;
-  conceptHeartButton?: ReactNode;
   exampleIds?: string;
   exampleLangs?: string;
   setSelection?: (e: MouseEvent) => void;
@@ -231,8 +221,6 @@ export const InlineConcept = forwardRef<HTMLSpanElement, InlineConceptProps>(
       source,
       visualElement,
       linkText,
-      heartButton,
-      conceptHeartButton,
       glossData,
       conceptType,
       headerButtons,
@@ -296,9 +284,7 @@ export const InlineConcept = forwardRef<HTMLSpanElement, InlineConceptProps>(
                 source={source}
                 visualElement={visualElement}
                 inPopover
-                heartButton={heartButton}
                 headerButtons={headerButtons}
-                conceptHeartButton={conceptHeartButton}
                 lang={lang}
                 closeButton={
                   <Close asChild>
@@ -322,8 +308,6 @@ export const InlineConcept = forwardRef<HTMLSpanElement, InlineConceptProps>(
 
 interface ConceptProps extends ConceptNotionData {
   fullWidth?: boolean;
-  heartButton?: HeartButtonType;
-  conceptHeartButton?: ReactElement;
   exampleIds?: string;
   exampleLangs?: string;
 }
@@ -336,8 +320,6 @@ export const BlockConcept = ({
   source,
   visualElement,
   fullWidth,
-  heartButton,
-  conceptHeartButton,
   glossData,
   conceptType,
   lang,
@@ -417,8 +399,6 @@ export const BlockConcept = ({
                           copyright={copyright}
                           source={source}
                           visualElement={visualElement}
-                          heartButton={heartButton}
-                          conceptHeartButton={conceptHeartButton}
                           inPopover
                           lang={lang}
                           closeButton={
@@ -455,9 +435,7 @@ export const BlockConcept = ({
           />
         )}
         {copyright && conceptType === "concept" && (
-          <EmbedByline copyright={copyright} bottomRounded topRounded type={conceptType as ConceptType}>
-            {copyright.license?.license.toLowerCase() !== COPYRIGHTED && conceptHeartButton}
-          </EmbedByline>
+          <EmbedByline copyright={copyright} type={conceptType as ConceptType} />
         )}
       </Figure>
     </Root>