@saooti/octopus-sdk 41.5.3 → 41.5.5

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # CHANGELOG
 
+## 41.5.5 (16/02/2026)
+
+**Fix**
+
+- Correctif pour la lecture de lives/radio sur Organisation sécurisée sous
+  chrome
+- Correction affichage critère de filtrage pour épisodes à valider
+
+**Misc**
+
+- Ajout de `frameborder="0"` dans les iframes miniplayer
+- Ajustements de composants génériques
+
+## 41.5.4 (12/02/2026)
+
+**Misc**
+
+- Ajouts d'options pour customiser les éléments de `TopBar`
+- Ajout d'un slot `bottom` pour `PlaylistPage`
+
 ## 41.5.3 (09/02/2026)
 
 **Fix**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saooti/octopus-sdk",
-  "version": "41.5.3",
+  "version": "41.5.5",
   "private": false,
   "description": "Javascript SDK for using octopus",
   "author": "Saooti",

package/src/components/composable/player/usePlayerLive.ts

@@ -28,19 +28,23 @@ export const usePlayerLive = (hlsReady: Ref<boolean>)=>{
     return authStore.authParam.accessToken && ("SECURED" === playerStore.playerLive?.organisation?.privacy || playerStore.playerRadio?.secured);
   });
 
-    function onPlay(): void {
+  function onPlay(): void {
     playerStore.playerChangeStatus(PlayerStatus.PAUSED ===playerStore.playerStatus);
   }
 
   function playRadio() {
-    if (!playerStore.playerRadio) return;
+    if (!playerStore.playerRadio) {
+      return;
+    }
     handleSessionIdRadio();
     playerStore.playerUpdatePlayerHlsUrl(playerStore.playerRadio.url+"?origin=octopus&sessionId="+playerStore.playerRadio.sessionId);
     playHls();
   }
 
   function handleSessionIdRadio(){
-    if(!playerStore.playerRadio) return;
+    if(!playerStore.playerRadio) {
+      return;
+    }
     if(playerStore.playerRadio.sessionId && dayjs().diff(dayjs(playerStore.playerRadio.dateSessionId), 'm')<maxMinutesSessionId){
       return;
     }
@@ -48,7 +52,9 @@ export const usePlayerLive = (hlsReady: Ref<boolean>)=>{
   }
 
   function playLive() {
-    if (!playerStore.playerHlsIdentifier) return;
+    if (!playerStore.playerHlsIdentifier) {
+      return;
+    }
     playerStore.playerUpdatePlayerHlsUrl(`${apiStore.hlsUrl}live/${playerStore.playerHlsIdentifier}/index.m3u8`);
     playHls();
   }
@@ -74,11 +80,15 @@ export const usePlayerLive = (hlsReady: Ref<boolean>)=>{
         !isChrome &&
         !isAndroid
       ) {
+        let url = playerStore.playerHlsUrl;
         if(needToAddToken.value) {
-          audioElement.value.src = playerStore.playerHlsUrl+"?access_token="+authStore.authParam.accessToken;
-        }else{
-          audioElement.value.src = playerStore.playerHlsUrl;
+          if (url.includes('?')) {
+            url += "&access_token="+authStore.authParam.accessToken;
+          } else {
+            url += "?access_token="+authStore.authParam.accessToken;
+          }
         }
+        audioElement.value.src = url;
         await initLiveDownloadId();
         hlsReady.value = true;
         await audioElement.value.play();

package/src/components/display/filter/AdvancedSearch.vue

@@ -233,7 +233,7 @@ const isSelectValidity = computed(() => {
         undefined !== organisation.value &&
         organisationRight.value &&
         authStore.isRoleContribution &&
-        !isPodcastmaker &&
+        !isPodcastmaker.value &&
         !props.isEmission &&
         props.includeHidden
     );

package/src/components/display/sharing/SharePlayer.vue

@@ -20,6 +20,7 @@
           allowfullscreen="true"
           allow="clipboard-read; clipboard-write; autoplay"
           referrerpolicy="no-referrer-when-downgrade"
+          frameborder="0"
           :src="iFrameSrc"
           width="100%"
           :height="iFrameHeight"
@@ -273,7 +274,7 @@ const iFrame = computed(() => {
   const specialDigiteka = props.podcast?.video?.videoId
     ? 'allowfullscreen="true" referrerpolicy="no-referrer-when-downgrade"'
     : "";
-  return `<iframe src="${iFrameSrc.value}" width="100%" height="${iFrameHeight.value}" scrolling="no" ${specialDigiteka} allow="clipboard-read; clipboard-write; autoplay"></iframe>`;
+  return `<iframe src="${iFrameSrc.value}" width="100%" height="${iFrameHeight.value}" frameborder="0" scrolling="no" ${specialDigiteka} allow="clipboard-read; clipboard-write; autoplay"></iframe>`;
 });
 const dataTitle = computed(() => {
   if (props.podcast) return props.podcast.podcastId;

package/src/components/display/sharing/SharePlayerRadio.vue

@@ -8,6 +8,7 @@
         id="miniplayerIframeRadio"
         title="Miniplayer"
         :src="iFrameSrc"
+        frameborder="0"
         width="100%"
         height="140px"
         style="overflow: hidden"
@@ -90,7 +91,7 @@ const iFrameSrc = computed(() => {
   return url;
 });
 const iFrame = computed(() => {
-  return `<iframe src="${iFrameSrc.value}" width="100%" height="140px" scrolling="no" allow="clipboard-read; clipboard-write; autoplay"></iframe>`;
+  return `<iframe src="${iFrameSrc.value}" width="100%" height="140px" frameborder="0" scrolling="no" allow="clipboard-read; clipboard-write; autoplay"></iframe>`;
 });
 
 

package/src/components/form/ClassicDatePicker.vue

@@ -82,7 +82,19 @@ const props = defineProps({
 })
 
 //Emits
-const emit = defineEmits(["updateDate", "update:date"]);
+const emit = defineEmits<{
+  /**
+   * Update the date
+   * @param value The new date
+   * @deprecated
+   */
+  (e: "updateDate", value: Date): void;
+  /**
+   * Update the date
+   * @param value The new date
+   */
+  (e: "update:date", value: Date): void;
+}>();
 
 //Data
 const divContainerRef = useTemplateRef('divContainer');
@@ -147,6 +159,7 @@ function updateValue(date: Date) {
     (divContainerRef?.value as HTMLElement)?.focus();
   }
   emit("updateDate", date);
+  emit("update:date", date);
 }
 
 function formatDate(value: Date): string {

package/src/components/form/ClassicRadio.vue

@@ -4,8 +4,10 @@
   Available slots:
     `label-{option.value}`: Slot to replace the label of the current option.
                             Binding: `option`: the current option
+                                     `selected` : true if the option is selected
     `after-{option.value}`: Slot after the radio button
                             Binding: `option`: the current option
+                                     `selected` : true if the option is selected
 -->
 <template>
   <div role="radiogroup" class="d-flex" :class="isColumn ? 'flex-column' : ''">
@@ -33,20 +35,14 @@
   </div>
 </template>
 
-<script setup lang="ts">
-
-interface Option {
-  title: string;
-  value: string | undefined
-};
-
+<script setup generic="T extends { title: string; value: string|undefined; }" lang="ts">
 //Props 
 const { textInit } = defineProps({
   idRadio: { default: "", type: String },
   isDisabled: { default: false, type: Boolean },
   options: {
     default: () => [],
-    type: Array as () => Array<Option>,
+    type: Array as () => Array<T>,
   },
   textInit: { default: undefined, type: String },
   isColumn: { default: true, type: Boolean },
@@ -60,11 +56,10 @@ function onChange(value:string){
   emit('update:textInit', value)
 }
 
-function slotBindings(option: Option): { option: Option; selected: boolean } {
+function slotBindings(option: T): { option: T; selected: boolean } {
   return {
     option,
     selected: textInit === option.value
   }
 }
-
 </script>

package/src/components/misc/HomeDropdown.vue

@@ -9,7 +9,7 @@
       <AppsIcon :size="30" />
     </button>
     <router-link
-      v-if="isAuthenticatedWithOrga && authStore.isRoleContribution"
+      v-if="displayUpload"
       :title="t('Upload')"
       to="/main/priv/upload"
       class="btn admin-button hide-small-screen m-1 text-blue-octopus"
@@ -48,11 +48,15 @@ import { computed } from "vue";
 import { useI18n } from "vue-i18n";
 import { useRoute, useRouter } from "vue-router";
 
+export interface HomeDropdownProps {
+  isEducation?: boolean;
+  mobileMenuDisplay?: boolean;
+  /** Display the upload button */
+  displayUpload?: boolean;
+}
+
 //Props 
-defineProps({
-  isEducation: { default: false, type: Boolean },
-  mobileMenuDisplay: { default: false, type: Boolean },
-})
+defineProps<HomeDropdownProps>();
 
 //Composables
 const { t } = useI18n();

package/src/components/misc/TopBar.vue

@@ -11,6 +11,7 @@
       :title-display="titleToDisplay"
       style="height: var(--header-size);"
       :class="headerBackgroundImage.length ? 'header-opacity':''"
+      :options="options?.topBarMainContent"
     />
   </header>
   <div v-if="generalStore.contentToDisplay" class="header-content-bg" :style="headerBackgroundImage" :class="{ scrolled: scrolled, 'header-force-blur':needToBlur }" >
@@ -30,7 +31,7 @@
 
 <script setup lang="ts">
 import {useImageProxy} from "../composable/useImageProxy";
-import TopBarMainContent from "./TopBarMainContent.vue";
+import TopBarMainContent, { type TopBarMainContentOptions } from "./TopBarMainContent.vue";
 import { computed, defineAsyncComponent, onBeforeUnmount, onMounted, ref, watch } from "vue";
 import { useAuthStore } from "../../stores/AuthStore";
 import { useGeneralStore } from "../../stores/GeneralStore";
@@ -44,6 +45,11 @@ const SubscribeButtons = defineAsyncComponent(
   () => import("../display/sharing/SubscribeButtons.vue"),
 );
 
+defineProps<{
+  options?: {
+    topBarMainContent?: TopBarMainContentOptions
+  }
+}>();
 
 //Data 
 const scrolled = ref(false);

package/src/components/misc/TopBarMainContent.vue

@@ -138,6 +138,7 @@
         <HomeDropdown
           :is-education="generalStore.platformEducation"
           :mobile-menu-display="mobileMenuDisplay"
+          v-bind="options?.homeDropdown"
         />
         <router-link
           v-show="!isPhone && !inContentDisplayPage"
@@ -160,7 +161,7 @@ import ChevronDownIcon from "vue-material-design-icons/ChevronDown.vue";
 import MagnifyIcon from "vue-material-design-icons/Magnify.vue";
 import { useRubriquesFilterComputed } from "../composable/route/useRubriquesFilterComputed";
 import { state } from "../../stores/ParamSdkStore";
-import HomeDropdown from "./HomeDropdown.vue";
+import HomeDropdown, { type HomeDropdownProps } from "./HomeDropdown.vue";
 import {useImageProxy} from "../composable/useImageProxy";
 import { useFilterStore } from "../../stores/FilterStore";
 import { useAuthStore } from "../../stores/AuthStore";
@@ -170,13 +171,21 @@ import { useGeneralStore } from "../../stores/GeneralStore";
 import { useI18n } from "vue-i18n";
 const MobileMenu = defineAsyncComponent(() => import("./MobileMenu.vue"));
 
+export interface TopBarMainContentOptions {
+  homeDropdown?: HomeDropdownProps;
+}
+
+export interface TopBarMainContentProps {
+  isPhone?: boolean;
+  titleDisplay?: string;
+  scrolled?: boolean;
+};
 
 //Props 
-const props = defineProps({
-  isPhone: { default: false, type: Boolean },
-  titleDisplay: { default: "", type: String },
-  scrolled: { default: false, type: Boolean },
-})
+const props = defineProps<TopBarMainContentProps & {
+  /** Props for subcomponents */
+  options?: TopBarMainContentOptions;
+}>();
 
 
 //Composables

package/src/components/pages/PlaylistPage.vue

@@ -57,6 +57,8 @@
           />
         </section>
       </div>
+
+      <slot name="bottom" v-bind="{ playlist }" />
     </template>
     <ClassicLoading
       :loading-text="!loaded ? t('Loading content ...') : undefined"

package/tests/components/display/sharing/SharePlayer.spec.ts

@@ -0,0 +1,58 @@
+import '@tests/mocks/useRouter';
+import '@tests/mocks/i18n';
+
+import SharePlayer from '@/components/display/sharing/SharePlayer.vue';
+import { mount as testMount } from '@tests/utils';
+import { describe, expect, it, vi } from 'vitest';
+import { useApiStore } from '@/stores/ApiStore';
+import { useSaveFetchStore } from '@/stores/SaveFetchStore';
+
+describe('SharePlayer', () => {
+    it('renders iframe with frameborder="0"', async () => {
+        const wrapper = await testMount(SharePlayer, {
+            props: {
+                podcast: {
+                    podcastId: 123,
+                    organisation: { id: 'org1' },
+                    availability: { visibility: true }
+                },
+                organisationId: 'org1',
+                notExclusive: true
+            },
+            beforeMount: async () => {
+                const apiStore = useApiStore();
+                apiStore.miniplayerUrl = 'https://test.com/';
+
+                const saveFetchStore = useSaveFetchStore();
+                vi.spyOn(saveFetchStore, 'getOrgaAttributes').mockResolvedValue({});
+            }
+        });
+
+        const iframe = wrapper.find('#miniplayerIframe');
+        expect(iframe.attributes('frameborder')).toBe('0');
+    });
+
+    it('includes frameborder="0" in generated iframe code', async () => {
+        const wrapper = await testMount(SharePlayer, {
+            props: {
+                podcast: {
+                    podcastId: 123,
+                    organisation: { id: 'org1' },
+                    availability: { visibility: true }
+                },
+                organisationId: 'org1',
+                notExclusive: true
+            },
+            beforeMount: async () => {
+                const apiStore = useApiStore();
+                apiStore.miniplayerUrl = 'https://test.com/';
+
+                const saveFetchStore = useSaveFetchStore();
+                vi.spyOn(saveFetchStore, 'getOrgaAttributes').mockResolvedValue({});
+            }
+        });
+
+        const iFrameCode = (wrapper.vm as any).iFrame;
+        expect(iFrameCode).toContain('frameborder="0"');
+    });
+});

package/tests/components/display/sharing/SharePlayerRadio.spec.ts

@@ -0,0 +1,54 @@
+import '@tests/mocks/useRouter';
+import '@tests/mocks/i18n';
+
+import SharePlayerRadio from '@/components/display/sharing/SharePlayerRadio.vue';
+import { mount as testMount } from '@tests/utils';
+import { describe, expect, it, vi } from 'vitest';
+import { useApiStore } from '@/stores/ApiStore';
+import { useSaveFetchStore } from '@/stores/SaveFetchStore';
+
+describe('SharePlayerRadio', () => {
+    it('renders iframe with frameborder="0"', async () => {
+        const wrapper = await testMount(SharePlayerRadio, {
+            props: {
+                canal: {
+                    id: 'radio1',
+                    organisationId: 'org1'
+                },
+                organisationId: 'org1'
+            },
+            beforeMount: async () => {
+                const apiStore = useApiStore();
+                apiStore.miniplayerUrl = 'https://test.com/';
+
+                const saveFetchStore = useSaveFetchStore();
+                vi.spyOn(saveFetchStore, 'getOrgaAttributes').mockResolvedValue({});
+            }
+        });
+
+        const iframe = wrapper.find('#miniplayerIframeRadio');
+        expect(iframe.attributes('frameborder')).toBe('0');
+    });
+
+    it('includes frameborder="0" in generated iframe code', async () => {
+        const wrapper = await testMount(SharePlayerRadio, {
+            props: {
+                canal: {
+                    id: 'radio1',
+                    organisationId: 'org1'
+                },
+                organisationId: 'org1'
+            },
+            beforeMount: async () => {
+                const apiStore = useApiStore();
+                apiStore.miniplayerUrl = 'https://test.com/';
+
+                const saveFetchStore = useSaveFetchStore();
+                vi.spyOn(saveFetchStore, 'getOrgaAttributes').mockResolvedValue({});
+            }
+        });
+
+        const iFrameCode = (wrapper.vm as any).iFrame;
+        expect(iFrameCode).toContain('frameborder="0"');
+    });
+});

package/tests/components/misc/HomeDropdown.spec.ts

@@ -0,0 +1,43 @@
+import '@tests/mocks/useRouter';
+import '@tests/mocks/i18n';
+
+import HomeDropdown from '@/components/misc/HomeDropdown.vue';
+import { mount } from '@tests/utils';
+import { describe, expect, it } from 'vitest';
+
+describe('HomeDropdown - displayUpload prop', () => {
+    it('displays the upload button when displayUpload is true', async () => {
+        const wrapper = await mount(HomeDropdown, {
+            props: {
+                displayUpload: true
+            },
+            stubs: ['ClassicPopover', 'UserButtonContent', 'AppsIcon', 'AccountIcon', 'DownloadIcon']
+        });
+
+        const uploadButton = wrapper.find('a[title="Upload"]');
+        expect(uploadButton.exists()).toBe(true);
+        expect(uploadButton.attributes('to')).toBe('/main/priv/upload');
+    });
+
+    it('does not display the upload button when displayUpload is false', async () => {
+        const wrapper = await mount(HomeDropdown, {
+            props: {
+                displayUpload: false
+            },
+            stubs: ['ClassicPopover', 'UserButtonContent', 'AppsIcon', 'AccountIcon', 'DownloadIcon']
+        });
+
+        const uploadButton = wrapper.find('a[title="Upload"]');
+        expect(uploadButton.exists()).toBe(false);
+    });
+
+    it('does not display the upload button when displayUpload is undefined', async () => {
+        const wrapper = await mount(HomeDropdown, {
+            props: {},
+            stubs: ['ClassicPopover', 'UserButtonContent', 'AppsIcon', 'AccountIcon', 'DownloadIcon']
+        });
+
+        const uploadButton = wrapper.find('a[title="Upload"]');
+        expect(uploadButton.exists()).toBe(false);
+    });
+});