@saooti/octopus-sdk 40.1.21 → 40.2.0

package/src/components/misc/modal/NewsletterModal.vue

@@ -1,52 +1,16 @@
 <template>
   <ClassicModal
     id-modal="newsletter-modal"
-    :title-modal="newsletterInfo.titleModal"
+    :title-modal="modalTitle"
     :closable="false"
     @close="closePopup"
   >
     <template #body>
-      <div class="d-flex flex-column">
-        <div class="d-flex">
-          <div class="d-flex flex-column flex-shrink-0 me-3">
-            <h4 class="mb-3">
-              {{ $t("Configure your Newsletter tile") }}
-            </h4>
-            <div
-              v-for="colors in arrayColors"
-              :key="colors.mainText"
-              class="d-flex align-items-center mb-3"
-            >
-              <VSwatches
-                v-model="colors.color"
-                class="c-hand me-2"
-                show-fallback
-                fallback-input-type="color"
-                colors="text-advanced"
-                popover-to="right"
-                :data-color="colors.color"
-              />
-              <div class="d-flex flex-column">
-                <div class="fw-bold">{{ colors.mainText }}</div>
-                <div v-if="colors.secondText" class="description-text">
-                  {{ colors.secondText }}
-                </div>
-              </div>
-            </div>
-          </div>
-          <!-- eslint-disable vue/no-v-html -->
-          <div v-html="newsletterHtml" />
-          <!-- eslint-enable -->
-        </div>
-        <button
-          class="btn d-flex justify-content-center align-items-center flex-grow-1 mt-3 fw-bold"
-          @click="onCopyCode(newsletterHtml, afterCopy)"
-        >
-          <ContentCopyIcon class="me-2" />
-          {{ $t("Copy and embed the HTML code into your email tool") }}
-        </button>
-        <SnackBar ref="snackbar" position="bottom-left" />
-      </div>
+      <ShareNewsletter
+        :podcast="podcast"
+        :emission="emission"
+        :playlist="playlist"
+      />
     </template>
     <template #footer>
       <button class="btn btn-primary m-1" @click="closePopup">
@@ -57,27 +21,18 @@
 </template>
 
 <script lang="ts">
-import ContentCopyIcon from "vue-material-design-icons/ContentCopy.vue";
 import ClassicModal from "../modal/ClassicModal.vue";
-import SnackBar from "../../misc/SnackBar.vue";
-import { VSwatches } from "vue3-swatches";
-import "vue3-swatches/dist/style.css";
-import displayHelper from "../../../helper/displayHelper";
+import ShareNewsletter from "../../display/sharing/ShareNewsletter.vue";
 import { Podcast } from "@/stores/class/general/podcast";
 import { defineComponent } from "vue";
-import { useSaveFetchStore } from "../../../stores/SaveFetchStore";
-import { useAuthStore } from "../../../stores/AuthStore";
-import { mapState, mapActions } from "pinia";
 import { Emission } from "@/stores/class/general/emission";
 import { Playlist } from "@/stores/class/general/playlist";
 export default defineComponent({
   name: "NewsletterModal",
 
   components: {
-    SnackBar,
-    VSwatches,
-    ClassicModal,
-    ContentCopyIcon,
+    ShareNewsletter,
+    ClassicModal
   },
 
   props: {
@@ -87,154 +42,21 @@ export default defineComponent({
   },
 
   emits: ["close"],
-
-  data() {
-    return {
-      arrayColors: [
-        {
-          color: "#40a372",
-          mainText: this.$t("Choose main color"),
-          secondText: this.$t("Newsletter elements"),
-        },
-        { color: "#000000", mainText: this.$t("Choose text color") },
-        { color: "#FFFFFF", mainText: this.$t("Choose background color") },
-      ],
-      shareUrl: window.location.href,
-    };
-  },
-  computed: {
-    ...mapState(useAuthStore, ["authOrgaId"]),
-    newsletterInfo() {
+  computed:{
+    modalTitle() {
       if (this.podcast) {
-        return {
-          titleModal: this.$t("Share the episode in your newsletter"),
-          imageUrl: `${this.podcast.imageUrl}" alt="${this.$t(
-            "Episode name image",
-            { name: this.podcast.title },
-          )}`,
-          title: this.podcast.title,
-          description: this.podcast.description ?? "",
-          shareText: this.$t("Listen this episode"),
-          emissionHtml: `<tr><td style="padding:5px 0;">
-          <div style="display:flex; margin-top:5px;">
-          <div style="font-size:20px; color:${
-            this.arrayColors[1].color
-          }; margin-right:5px;text-wrap: nowrap;">${this.$t("Emission")} :</div>
-          <a href="${this.shareUrl}" style="font-size: 18px;color: ${
-            this.arrayColors[0].color
-          };overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">${
-            this.podcast.emission.name
-          }</a>
-          </div></td></tr>`,
-          articleHtml:
-            !this.podcast?.article || 0 === this.podcast.article?.length
-              ? ``
-              : `<tr><td style="padding:5px 0;">
-          <div style="display:flex;">
-          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path fill="currentColor" d="M7 17h7v-2H7zm0-4h10v-2H7zm0-4h10V7H7zM5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21zm0-2h14V5H5zM5 5v14z"/></svg>
-          <a href="${this.podcast.article}" style="color: ${
-            this.arrayColors[1].color
-          };margin-top:2px">${this.$t("See associated article")}</a>
-          </div></td></tr>
-          `,
-          colorTitle: `color:${this.arrayColors[1].color};`,
-        };
+        return this.$t("Share the episode in your newsletter");
       }
       if (this.emission) {
-        return {
-          titleModal: this.$t("Share the series in your newsletter"),
-          imageUrl: `${this.emission.imageUrl}" alt="${this.$t(
-            "Emission image",
-          )}`,
-          title: this.emission.name,
-          description: this.emission.description ?? "",
-          shareText: this.$t("Listen to all episodes"),
-          emissionHtml: ``,
-          articleHtml: ``,
-          colorTitle: `color:${this.arrayColors[0].color};`,
-        };
+        return this.$t("Share the series in your newsletter");
       }
-      return {
-        titleModal: this.$t("Share the playlist in your newsletter"),
-        imageUrl: `${this.playlist?.imageUrl}" alt="${this.$t(
-          "Playlist image",
-        )}`,
-        title: this.playlist?.title,
-        description: this.playlist?.description ?? "",
-        shareText: this.$t("Listen to all episodes"),
-        emissionHtml: ``,
-        articleHtml: ``,
-        colorTitle: `color:${this.arrayColors[0].color};`,
-      };
-    },
-    newsletterHtml(): string {
-      return `<table style="background:${this.arrayColors[2].color};color:${
-        this.arrayColors[1].color
-      };table-layout: fixed;width:100%;font-size: 14px;">
-<tr>
-<td valign="top" width="30%" rowspan="7" style="padding-right:5px;"><img width="100%" src="${
-        this.newsletterInfo.imageUrl
-      }" style="border-radius: 4px;"></td>
-<td valign="top" width="70%" style="padding:5px 0;"><div style="margin-top:5px;font-size: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight:bold;${
-        this.newsletterInfo.colorTitle
-      }">${this.newsletterInfo.title}</div></td>
-</tr>${this.newsletterInfo.emissionHtml}
-<tr><td style="padding:5px 0;"><div style="overflow: hidden;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;word-break: break-word;">${
-        this.newsletterInfo.description
-      }</div></td></tr>
-<tr><td valign="top" style="padding:5px 0;"><a href="${
-        this.shareUrl
-      }" style="color: ${this.arrayColors[0].color};">${this.$t(
-        "See more",
-      )}</a></td></tr>
-<tr>${this.newsletterInfo.articleHtml}
-<td width="1" style="padding:5px 0;"><a href="${
-        this.shareUrl
-      }" style="font-size: 18px;color: ${
-        this.arrayColors[0].color
-      };text-decoration: none; display:flex;"><svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 24 24"><path fill="currentColor" d="m9.5 16.5l7-4.5l-7-4.5zM12 22q-2.075 0-3.9-.788t-3.175-2.137q-1.35-1.35-2.137-3.175T2 12q0-2.075.788-3.9t2.137-3.175q1.35-1.35 3.175-2.137T12 2q2.075 0 3.9.788t3.175 2.137q1.35 1.35 2.138 3.175T22 12q0 2.075-.788 3.9t-2.137 3.175q-1.35 1.35-3.175 2.138T12 22"/></svg><div style="margin-top: 15px; color:${
-        this.arrayColors[1].color
-      };">${this.newsletterInfo.shareText}</div></a></td>
-</tr>
-</table>
-`;
+      return this.$t("Share the playlist in your newsletter");
     },
   },
-  created() {
-    this.initData();
-  },
   methods: {
-    ...mapActions(useSaveFetchStore, ["getOrgaAttributes"]),
-    onCopyCode(link: string, callback: () => void){
-      displayHelper.onCopyCode(link, callback);
-    },
     closePopup(): void {
       this.$emit("close");
     },
-    afterCopy(): void {
-      (this.$refs.snackbar as InstanceType<typeof SnackBar>).open(
-        this.$t("Data in clipboard"),
-      );
-    },
-    async initData(): Promise<void> {
-      const orgaId = this.authOrgaId;
-      if (!orgaId?.length) {
-        return;
-      }
-      const attributes = await this.getOrgaAttributes(orgaId ?? "");
-      if (
-        Object.hasOwn(attributes, "podcastmakerUrl") &&
-        (attributes.podcastmakerUrl as string | undefined | null)?.length
-      ) {
-        this.shareUrl =
-          attributes.podcastmakerUrl +
-          window.location.pathname +
-          window.location.search;
-      }
-      if (Object.hasOwn(attributes, "COLOR")) {
-        this.arrayColors[0].color = attributes.COLOR as string;
-      }
-    },
   },
 });
 </script>

package/src/components/misc/modal/QrCodeModal.vue

@@ -5,7 +5,7 @@
     @close="closePopup"
   >
     <template #body>
-      <QrCode :url="urlPage" />
+      <QrCode :url="urlPage" :orga-for-color="orgaForColor" />
     </template>
     <template #footer>
       <button class="btn btn-primary m-1" @click="closePopup">
@@ -27,6 +27,7 @@ export default defineComponent({
   },
   props: {
     urlPage: { default: undefined, type: String },
+    orgaForColor: { default: undefined, type: String },
   },
   emits: ["close"],
   methods: {

package/src/components/pages/EmissionPage.vue

@@ -11,53 +11,56 @@
         :class="isPodcastmaker ? 'page-element-podcastmaker' : ''"
       >
         <section class="module-box">
-          <div class="d-flex mb-2">
-            <div class="w-100">
-              <img
-                v-lazy="useProxyImageUrl(emission.imageUrl, '250')"
-                width="250"
-                height="250"
-                role="presentation"
-                alt=""
-                :title="$t('Emission name image', { name: name })"
-                class="img-box img-box-podcast mb-3 flex-column justify-content-start align-items-start position-relative flex-shrink-0 float-start me-3"
-              />
-              <h2 class="mb-3">{{ name }}</h2>
-              <!-- eslint-disable vue/no-v-html -->
-              <p
-                class="html-wysiwyg-content description-text"
-                v-html="urlify(description)"
-              />
-              <!-- eslint-enable -->
-              <div v-if="lastPodcast" class="d-flex align-items-center mt-3">
-                <PodcastPlayButton
-                  :podcast="lastPodcast"
-                  :just-buttons="true"
-                />
-                <div class="ms-2 fw-bold">
-                  {{ $t("Listen to the latest episode") }}
-                </div>
-              </div>
-              <SubscribeButtons
-                v-if="isPodcastmaker"
-                class="mt-4"
-                :emission="emission"
-                :window-width="1000"
-                :justify-center="false"
-              />
-            </div>
-          </div>
           <EditBox
             v-if="editRight && !isPodcastmaker"
             :emission="emission"
             @is-updated="getEmissionDetails"
           />
+          <div class="w-100 mb-2">
+            <img
+              v-lazy="useProxyImageUrl(emission.imageUrl, '250')"
+              width="250"
+              height="250"
+              role="presentation"
+              alt=""
+              :title="$t('Emission name image', { name: name })"
+              class="img-box img-box-podcast mb-3 flex-column justify-content-start align-items-start position-relative flex-shrink-0 float-start me-3"
+            />
+            <div class="d-flex align-items-center justify-content-between">
+              <h2>{{ name }}</h2>
+              <ShareAnonymous v-if="!editRight" class="d-flex justify-content-end flex-grow-1" :emission="emission" :organisation-id="emission.orga.id"/>
+            </div>
+            <!-- eslint-disable vue/no-v-html -->
+            <p
+              class="html-wysiwyg-content description-text"
+              v-html="urlify(description)"
+            />
+            <!-- eslint-enable -->
+            <div v-if="lastPodcast" class="d-flex align-items-center mt-3">
+              <PodcastPlayButton
+                :podcast="lastPodcast"
+                :just-buttons="true"
+              />
+              <div class="ms-2 fw-bold">
+                {{ $t("Listen to the latest episode") }}
+              </div>
+            </div>
+            <SubscribeButtons
+              v-if="isPodcastmaker"
+              class="mt-4"
+              :emission="emission"
+              :window-width="1000"
+              :justify-center="false"
+            />
+          </div>
         </section>
+        <ShareSocialsButtons
+          v-if="pageParameters.isShareButtons"
+          :organisation-id="emission.orga.id"
+        />
         <SharePlayer
-          v-if="!isPodcastmaker && (undefined !== authOrgaId || notExclusive)"
+          v-if="!isPodcastmaker && editRight"
           :emission="emission"
-          :exclusive="exclusive"
-          :not-exclusive="notExclusive"
           :organisation-id="authOrgaId"
         />
         <section class="module-box">
@@ -76,11 +79,6 @@
             @fetch="podcastsFetched"
           />
         </section>
-        <ShareButtons
-          v-if="pageParameters.isShareButtons"
-          :emission="emission"
-          :organisation-id="emission.orga.id"
-        />
         <ShareDistribution
           v-if="editRight && !isPodcastmaker && securityRight && !isGarRole"
           :emission-id="emissionId"
@@ -112,14 +110,15 @@ import { useGeneralStore } from "../../stores/GeneralStore";
 import { useFilterStore } from "../../stores/FilterStore";
 import { useApiStore } from "../../stores/ApiStore";
 import { Podcast } from "@/stores/class/general/podcast";
+const ShareAnonymous = defineAsyncComponent(() => import("../display/sharing/ShareAnonymous.vue"));
 const PodcastFilterList = defineAsyncComponent(
   () => import("../display/podcasts/PodcastFilterList.vue"),
 );
 const SharePlayer = defineAsyncComponent(
   () => import("../display/sharing/SharePlayer.vue"),
 );
-const ShareButtons = defineAsyncComponent(
-  () => import("../display/sharing/ShareButtons.vue"),
+const ShareSocialsButtons = defineAsyncComponent(
+  () => import("../display/sharing/ShareSocialsButtons.vue"),
 );
 const ShareDistribution = defineAsyncComponent(
   () => import("../display/sharing/ShareDistribution.vue"),
@@ -143,7 +142,7 @@ export default defineComponent({
   components: {
     PodcastFilterList,
     SharePlayer,
-    ShareButtons,
+    ShareSocialsButtons,
     ShareDistribution,
     EditBox,
     SubscribeButtons,
@@ -151,6 +150,7 @@ export default defineComponent({
     ClassicLoading,
     PodcastPlayButton,
     PodcastmakerHeader,
+    ShareAnonymous
   },
   props: {
     emissionId: { default: undefined, type: Number },
@@ -170,8 +170,6 @@ export default defineComponent({
       title: "" as string,
       emission: undefined as Emission | undefined,
       error: false as boolean,
-      exclusive: false as boolean,
-      notExclusive: false as boolean,
       fetchLive: true as boolean,
       lastPodcast: undefined as Podcast | undefined,
     };
@@ -227,17 +225,6 @@ export default defineComponent({
       this.error = true;
       this.loaded = true;
     },
-    handleAnnotations() {
-      if (!this.emission?.annotations) return;
-      if (this.emission.annotations.exclusive) {
-        this.exclusive = "true" === this.emission.annotations.exclusive;
-        this.exclusive =
-          this.exclusive && this.authOrgaId !== this.emission.orga.id;
-      }
-      if (this.emission.annotations.notExclusive) {
-        this.notExclusive = "true" === this.emission.annotations.notExclusive;
-      }
-    },
     async getEmissionDetails(): Promise<void> {
       this.loaded = false;
       this.error = false;
@@ -257,7 +244,6 @@ export default defineComponent({
         this.contentToDisplayUpdate(this.emission);
         this.updatePathParams(this.name);
         this.loaded = true;
-        this.handleAnnotations();
       } catch (error) {
         this.handle403(error as AxiosError);
         this.initError();

package/src/components/pages/ParticipantPage.vue

@@ -1,6 +1,6 @@
 <template>
   <section class="page-box">
-    <template v-if="loaded && !error">
+    <template v-if="loaded && !error && participant">
       <h1>
         {{ $t("Animator") }}
       </h1>
@@ -29,12 +29,20 @@
           class="w-100 justify-content-center"
           @participant-update="updateParticipant"
         />
-        <ShareButtons
+        <ShareSocialsButtons
           v-if="pageParameters.isShareButtons"
           class="w-100"
-          :participant-id="participantId"
           :organisation-id="participant.orga.id"
-        />
+        >
+        <template #additional-buttons>
+          <ShareAnonymous 
+            :participant-id="participant.participantId" 
+            :organisation-id="participant.orga.id"
+            relative-class=""
+            btn-class="btn share-btn mb-2 text-dark me-2"
+          />
+        </template>
+        </ShareSocialsButtons>
       </section>
       <!-- productorId define to avoid overwrite #12817 -->
       <PodcastFilterList
@@ -68,8 +76,8 @@ import ClassicLoading from "../form/ClassicLoading.vue";
 import { defineComponent, defineAsyncComponent } from "vue";
 import { AxiosError } from "axios";
 import { mapState } from "pinia";
-const ShareButtons = defineAsyncComponent(
-  () => import("../display/sharing/ShareButtons.vue"),
+const ShareSocialsButtons = defineAsyncComponent(
+  () => import("../display/sharing/ShareSocialsButtons.vue"),
 );
 const PodcastFilterList = defineAsyncComponent(
   () => import("../display/podcasts/PodcastFilterList.vue"),
@@ -77,12 +85,14 @@ const PodcastFilterList = defineAsyncComponent(
 const EditBox = defineAsyncComponent(
   () => import("@/components/display/edit/EditBox.vue"),
 );
+const ShareAnonymous = defineAsyncComponent(() => import("../display/sharing/ShareAnonymous.vue"));
 export default defineComponent({
   components: {
-    ShareButtons,
+    ShareSocialsButtons,
     PodcastFilterList,
     EditBox,
     ClassicLoading,
+    ShareAnonymous
   },
   props: {
     participantId: { default: undefined, type: Number },

package/src/components/pages/PlaylistPage.vue

@@ -1,6 +1,6 @@
 <template>
   <section class="page-box">
-    <template v-if="loaded && !error">
+    <template v-if="loaded && !error && playlist">
       <PodcastmakerHeader
         v-if="isPodcastmaker"
         :page-title="pageTitle"
@@ -11,6 +11,7 @@
         :class="isPodcastmaker ? 'page-element-podcastmaker' : ''"
       >
         <section class="module-box">
+          <EditBox v-if="editRight && !isPodcastmaker" :playlist="playlist" />
           <div class="mb-5 mt-3 description-text">
             <img
               v-lazy="useProxyImageUrl(playlist.imageUrl, '250')"
@@ -21,21 +22,22 @@
               :title="$t('Playlist name image', { name: name })"
               class="img-box float-start me-3 mb-3"
             />
-            <h2>{{ name }}</h2>
+            <div class="d-flex align-items-center justify-content-between">
+              <h2>{{ name }}</h2>
+              <ShareAnonymous v-if="!editRight" class="d-flex justify-content-end flex-grow-1" :playlist="playlist" :organisation-id="playlist.organisation?.id"/>
+            </div>
             <!-- eslint-disable vue/no-v-html -->
             <p class="html-wysiwyg-content" v-html="urlify(description)" />
             <!-- eslint-enable -->
           </div>
-          <EditBox v-if="editRight && !isPodcastmaker" :playlist="playlist" />
         </section>
         <SharePlayer
-          v-if="!isPodcastmaker && undefined !== authOrgaId"
+          v-if="!isPodcastmaker && editRight"
           :playlist="playlist"
           :organisation-id="authOrgaId"
         />
-        <ShareButtons
+        <ShareSocialsButtons
           v-if="pageParameters.isShareButtons"
-          :playlist="playlist"
           :organisation-id="playlist.organisation.id"
         />
         <section class="module-box">
@@ -67,8 +69,8 @@ import {useErrorHandler} from "../composable/useErrorHandler";
 import { Playlist } from "@/stores/class/general/playlist";
 import { defineComponent, defineAsyncComponent } from "vue";
 import { AxiosError } from "axios";
-const ShareButtons = defineAsyncComponent(
-  () => import("../display/sharing/ShareButtons.vue"),
+const ShareSocialsButtons = defineAsyncComponent(
+  () => import("../display/sharing/ShareSocialsButtons.vue"),
 );
 const EditBox = defineAsyncComponent(
   () => import("@/components/display/edit/EditBox.vue"),
@@ -79,14 +81,16 @@ const SharePlayer = defineAsyncComponent(
 const PodcastmakerHeader = defineAsyncComponent(
   () => import("../display/podcastmaker/PodcastmakerHeader.vue"),
 );
+const ShareAnonymous = defineAsyncComponent(() => import("../display/sharing/ShareAnonymous.vue"));
 export default defineComponent({
   components: {
-    ShareButtons,
+    ShareSocialsButtons,
     EditBox,
     PodcastList,
     SharePlayer,
     ClassicLoading,
     PodcastmakerHeader,
+    ShareAnonymous
   },
 
   props: {

package/src/components/pages/PodcastPage.vue

@@ -16,29 +16,23 @@
           :podcast-conference="fetchConference"
           @update-podcast="updatePodcast"
         />
+        <ShareSocialsButtons
+          v-if="pageParameters.isShareButtons"
+          :organisation-id="podcast.organisation.id"
+        />
         <SharePlayer
-          v-if="!isPodcastmaker && (undefined !== authOrgaId || notExclusive)"
+          v-if="!isPodcastmaker && editRight"
           :podcast="podcast"
-          :emission="podcast.emission"
-          :exclusive="exclusive"
-          :not-exclusive="notExclusive"
+          :emission="podcast?.emission"
           :organisation-id="authOrgaId"
         />
-
         <CommentSection v-if="!isPodcastmaker" :podcast="podcast" />
-        <section class="module-box">
-          <PodcastInlineList
-            :emission-id="podcast.emission.emissionId"
-            :href="'/main/pub/emission/' + podcast.emission.emissionId"
-            :title="$t('More episodes of this emission')"
-            :button-text="$t('All podcast emission button')"
-            title-tag="h3"
-          />
-        </section>
-        <ShareButtons
-          v-if="pageParameters.isShareButtons"
-          :podcast="podcast"
-          :organisation-id="podcast.organisation.id"
+        <PodcastInlineList
+          :emission-id="podcast.emission.emissionId"
+          :href="'/main/pub/emission/' + podcast.emission.emissionId"
+          :title="$t('More episodes of this emission')"
+          :button-text="$t('All podcast emission button')"
+          title-tag="h3"
         />
         <section v-if="!hideSuggestions">
           <ClassicLazy :min-height="550">
@@ -96,8 +90,8 @@ import { useGeneralStore } from "../../stores/GeneralStore";
 import { mapState, mapActions } from "pinia";
 import { AxiosError } from "axios";
 import { useCommentStore } from "../../stores/CommentStore";
-const ShareButtons = defineAsyncComponent(
-  () => import("../display/sharing/ShareButtons.vue"),
+const ShareSocialsButtons = defineAsyncComponent(
+  () => import("../display/sharing/ShareSocialsButtons.vue"),
 );
 const SharePlayer = defineAsyncComponent(
   () => import("../display/sharing/SharePlayer.vue"),
@@ -112,7 +106,7 @@ export default defineComponent({
   name: "PodcastPage",
   components: {
     PodcastInlineList,
-    ShareButtons,
+    ShareSocialsButtons,
     SharePlayer,
     CommentSection,
     PodcastModuleBox,
@@ -139,8 +133,6 @@ export default defineComponent({
       loaded: false as boolean,
       podcast: undefined as Podcast | undefined,
       error: false as boolean,
-      exclusive: false as boolean,
-      notExclusive: false as boolean,
       fetchConference: undefined as Conference | undefined,
       infoReload: undefined as ReturnType<typeof setTimeout> | undefined,
     };
@@ -287,20 +279,6 @@ export default defineComponent({
       this.error = true;
       this.loaded = true;
     },
-    handleAnnotations() {
-      if (!this.podcast) {
-        return;
-      }
-      if (this.podcast.emission.annotations?.exclusive) {
-        this.exclusive = "true" === this.podcast.emission.annotations.exclusive;
-        this.exclusive =
-          this.exclusive && this.authOrgaId !== this.podcast.organisation.id;
-      }
-      if (this.podcast.emission.annotations?.notExclusive) {
-        this.notExclusive =
-          "true" === this.podcast.emission.annotations.notExclusive;
-      }
-    },
     async getPodcastDetails(): Promise<void> {
       this.loaded = false;
       this.error = false;
@@ -319,7 +297,6 @@ export default defineComponent({
         }
         this.podcast = data;
         this.contentToDisplayUpdate(data);
-        this.handleAnnotations();
         if (
           (!this.podcast.availability.visibility ||
             ("READY_TO_RECORD" !== this.podcast.processingStatus &&