@saooti/octopus-sdk 41.8.1 → 41.8.3

package/.claude/settings.local.json

@@ -9,7 +9,8 @@
       "Bash(python3:*)",
       "Bash(node --version:*)",
       "Bash(npm:*)",
-      "Bash(npx vitest:*)"
+      "Bash(npx vitest:*)",
+      "Bash(./node_modules/.bin/vitest run:*)"
     ]
   }
 }

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # CHANGELOG
 
+## 41.8.3 (23/03/2026)
+
+**Fix**
+
+- **14083** - Correction affichage saisons sur page émission s'il y a un creux
+  (par exemple saisons 2, 3, et pas de 1)
+- **14373** - Correction taille icone Radio France
+
+## 41.8.2 (23/03/2026)
+
+**Fix**
+
+- **14083** - Ajustements système de saison
+  - Le bon dernier épisode est récupéré sur les pages d'émissions
+  - Les saisons sont correctement énumérées sur les pages d'émissions
+
 ## 41.8.1 (20/03/2026)
 
 **Fix**

package/package.json

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

package/src/components/composable/useSeasonsManagement.ts

@@ -36,8 +36,17 @@ export const useSeasonsManagement = () => {
         }
     }
 
+    /**
+     * Returns the highest season number for the given emission, or -Infinity if none
+     * @param emission The emission to check
+     */
+    function getMaxSeason(emission: Emission | undefined): number {
+        return Math.max(...(emission?.seasons ?? []));
+    }
+
     return {
         areSeasonsEnabled,
-        formatSeason
+        formatSeason,
+        getMaxSeason,
     }
 }

package/src/components/display/podcasts/PodcastFilterList.vue

@@ -39,13 +39,13 @@
     <ClassicNav
       v-else
       v-model:active-tab="activeSeasonTab"
-      :tab-number="seasons.length"
+      :tab-number="emission.seasons.length"
     >
-      <template v-for="season in seasons" #[tabNameSlot(season)]>
+      <template v-for="(season, i) in emission.seasons" #[tabNameSlot(i)]>
         {{ $t('Podcast - Season N', { season }) }}
       </template>
 
-      <template v-for="season in seasons" #[tabContentSlot(season)] :key="season">
+      <template v-for="(season, i) in emission.seasons" #[tabContentSlot(i)] :key="season">
         <PodcastList
           class="flex-grow-1"
           :first="dfirst"
@@ -123,7 +123,7 @@ const iabId : Ref<number | undefined>= ref(undefined);
 
 //Composables
 const { t } = useI18n();
-const { areSeasonsEnabled } = useSeasonsManagement();
+const { areSeasonsEnabled, getMaxSeason } = useSeasonsManagement();
 
 //Computed
 const titleFilter = computed(() => {
@@ -134,10 +134,10 @@ const titleFilter = computed(() => {
 const query = computed(() => searchPattern.value.length > 3 ? searchPattern.value : "");
 
 const showSeasons = computed(() => {
-  return props.emission !== undefined && areSeasonsEnabled(props.emission) && props.emission.seasonCount > 0;
+  return props.emission !== undefined && areSeasonsEnabled(props.emission) && (props.emission.seasons?.length ?? 0) > 0;
 });
 
-const activeSeasonTab = ref(showSeasons.value ? (props.emission?.seasonCount ?? 1) - 1 : 0);
+const activeSeasonTab = ref(showSeasons.value ? props.emission.seasons?.indexOf(getMaxSeason(props.emission)) ?? 0 : 0);
 
 const sort = computed((): PodcastSort => {
   if(showSeasons.value === true) {
@@ -149,16 +149,6 @@ const sort = computed((): PodcastSort => {
   }
 });
 
-const seasons = computed((): Array<number> => {
-  const ary: Array<number> = [];
-  if (showSeasons.value === true) {
-    for (let i = 1; i <= props.emission.seasonCount; i++) {
-      ary.push(i);
-    }
-  }
-  return ary;
-});
-
 //Watch
 watch(()=>props.reload, () => {
   reloadList.value = !reloadList.value;
@@ -176,11 +166,11 @@ function fetch(podcasts: Array<Podcast>, season?: number): void {
 }
 
 /** Name of the slot for the tab's title */
-function tabNameSlot(season: number): string {
-  return `${season - 1}`;
+function tabNameSlot(index: number): string {
+  return `${index}`;
 }
 /** Name of the slot for the tab's content */
-function tabContentSlot(season: number): string {
-  return `tab${season - 1}`;
+function tabContentSlot(index: number): string {
+  return `tab${index}`;
 }
 </script>

package/src/components/icons/RadioFranceIcon.vue

@@ -15,25 +15,25 @@
                 fill-rule="evenodd"
                 clip-rule="evenodd"
                 d="M37.0892 33.8774C37.0892 35.7523 36.5961 37.5174 35.7265 39.0643H50.1862C50.5743 37.3938 50.7809 35.6586 50.7809 33.8774C50.7809 23.6473 44.0269 14.9123 34.5121 11.4499V0.596397H21.9553V23.3202C23.0498 22.9984 24.2131 22.8248 25.419 22.8248C31.8644 22.8248 37.0892 27.7733 37.0892 33.8774Z"
-                fill="url(#paint0_linear_75_103)"
+                :fill="'url(#' + uid + 'p0)'"
             />
             <path
                 fill-rule="evenodd"
                 clip-rule="evenodd"
                 d="M29.5724 44.3362C28.2958 44.7861 26.9145 45.0321 25.4717 45.0321C18.9987 45.0321 13.7507 40.0835 13.7507 33.9785C13.7507 32.2762 14.1593 30.664 14.8881 29.2236H0.500687C0.173332 30.7608 0 32.3507 0 33.9785C0 47.2455 11.404 58 25.4717 58C26.8678 58 28.2374 57.8924 29.5724 57.6889V44.3362Z"
-                fill="url(#paint1_linear_75_103)"
+                :fill="'url(#' + uid + 'p1)'"
             />
             <path
                 fill-rule="evenodd"
                 clip-rule="evenodd"
                 d="M37.1502 33.909C37.1502 35.7895 36.6555 37.5598 35.7831 39.1113H50.2891C50.6784 37.4358 50.8857 35.6954 50.8857 33.909C50.8857 23.6484 44.1101 14.8873 34.5649 11.4146V0.528656H21.9678V23.3202C23.0658 22.9975 24.2329 22.8234 25.4426 22.8234C31.9087 22.8234 37.1502 27.7867 37.1502 33.909Z"
-                fill="url(#paint2_linear_75_103)"
+                :fill="'url(#' + uid + 'p2)'"
             />
             <path
                 fill-rule="evenodd"
                 clip-rule="evenodd"
                 d="M29.5386 44.2967C28.2634 44.7479 26.8837 44.9945 25.4426 44.9945C18.977 44.9945 13.735 40.0316 13.735 33.9089C13.735 32.2017 14.1431 30.5848 14.8711 29.1403H0.500114C0.173133 30.682 0 32.2764 0 33.9089C0 47.2143 11.3909 58 25.4426 58C26.8371 58 28.2051 57.8921 29.5386 57.688V44.2967Z"
-                fill="url(#paint3_linear_75_103)"
+                :fill="'url(#' + uid + 'p3)'"
             />
             <path
                 fill-rule="evenodd"
@@ -98,7 +98,7 @@
             />
             <defs>
                 <linearGradient
-                    id="paint0_linear_75_103"
+                    :id="uid + 'p0'"
                     x1="37.483"
                     y1="3.20798"
                     x2="21.3118"
@@ -112,7 +112,7 @@
                     <stop offset="1" stop-color="#FD0323" />
                 </linearGradient>
                 <linearGradient
-                    id="paint1_linear_75_103"
+                    :id="uid + 'p1'"
                     x1="8.26123"
                     y1="34.1806"
                     x2="25.2003"
@@ -124,7 +124,7 @@
                     <stop offset="1" stop-color="#FF0101" />
                 </linearGradient>
                 <linearGradient
-                    id="paint2_linear_75_103"
+                    :id="uid + 'p2'"
                     x1="37.5457"
                     y1="3.14803"
                     x2="21.3224"
@@ -138,7 +138,7 @@
                     <stop offset="1" stop-color="#FD0323" />
                 </linearGradient>
                 <linearGradient
-                    id="paint3_linear_75_103"
+                    :id="uid + 'p3'"
                     x1="8.25178"
                     y1="34.035"
                     x2="25.2587"
@@ -155,8 +155,12 @@
 </template>
 
 <script setup lang="ts">
+import { useId } from 'vue'
+
+const uid = useId()
+
 defineProps({
-    size:      { default: 50,             type: Number },
+    size:      { default: 24,             type: Number },
     title:     { default: undefined,      type: String },
 })
 </script>

package/src/components/pages/EmissionPage.vue

@@ -204,7 +204,7 @@ const {
   paginateFirst,
   isInit
 } = useSimplePageParam(props, true);
-const { areSeasonsEnabled, formatSeason } = useSeasonsManagement();
+const { areSeasonsEnabled, formatSeason, getMaxSeason } = useSeasonsManagement();
 
 
 //Computed
@@ -259,16 +259,22 @@ async function getEmissionDetails(): Promise<void> {
     initError();
   }
 }
+
 function podcastsFetched(podcasts: Array<Podcast>, season: number|undefined) {
-  if (season !== undefined && season !== emission.value?.seasonCount) {
-    return;
-  }
+  const isReadyAndVisible = (p: Podcast) => "READY" === p.processingStatus && p.availability.visibility;
 
-  for (const podcast of podcasts) {
-    if ("READY" === podcast.processingStatus && podcast.availability.visibility) {
-      lastPodcast.value = podcast;
+  if (areSeasonsEnabled(emission.value)) {
+    // Ignore results that are not from the last season
+    const maxSeason = getMaxSeason(emission.value);
+    if (season !== undefined && season !== maxSeason) {
       return;
     }
+    // If seasons are enabled, take last element
+    lastPodcast.value = podcasts.findLast(isReadyAndVisible);
+  } else {
+    // If seasons are disabled, we have a standard date desc sort, so we take
+    // first element
+    lastPodcast.value = podcasts.find(isReadyAndVisible);
   }
 }
 

package/src/stores/class/general/emission.ts

@@ -54,8 +54,8 @@ export interface Emission {
   groupIds?: Array<number>
   /** Seasons configuration */
   seasonMode: SeasonMode;
-  /** Number of seasons on this emission */
-  seasonCount: number;
+  /** Seasons defined on emission */
+  seasons?: Array<number>;
   /** Indicates that the emission has explicit content */
   explicit?: boolean;
 }
@@ -72,7 +72,6 @@ export function emptyEmissionData(orga?: Organisation): Emission {
     rubriqueIds: [],
     monetisable: "UNDEFINED",
     limits: {},
-    seasonMode: SeasonMode.NO_SEASON,
-    seasonCount: 0
+    seasonMode: SeasonMode.NO_SEASON
   };
 }

package/tests/components/pages/EmissionPage.spec.ts

@@ -23,7 +23,7 @@ import { emissionApi } from '@/api/emissionApi';
 const publicOrga = { id: 'org-1', name: 'Test', imageUrl: '', privacy: 'PUBLIC' };
 
 function makeEmission(seasonMode: SeasonMode) {
-    return { ...emptyEmissionData(), seasonMode, seasonCount: 2, orga: publicOrga };
+    return { ...emptyEmissionData(), seasonMode, seasons: [1, 2], orga: publicOrga };
 }
 
 function makeReadyPodcast(seasonMode: SeasonMode = SeasonMode.NO_SEASON) {
@@ -40,8 +40,18 @@ async function mountPage(seasonMode: SeasonMode) {
     return mount(EmissionPage, { shallow: true, props: { emissionId: 1 } });
 }
 
-async function triggerFetch(wrapper: VueWrapper, seasonMode: SeasonMode, season?: number) {
-    await wrapper.findComponent({ name: 'PodcastFilterList' }).vm.$emit('fetch', [makeReadyPodcast(seasonMode)], season);
+async function mountWithSeasons(seasons: number[]) {
+    vi.mocked(emissionApi.get).mockResolvedValue({
+        ...emptyEmissionData(),
+        seasonMode: SeasonMode.SEASON_WITH_PODCAST_NUMBERING,
+        seasons,
+        orga: publicOrga,
+    });
+    return mount(EmissionPage, { shallow: true, props: { emissionId: 1 } });
+}
+
+async function triggerFetch(wrapper: VueWrapper, seasonMode: SeasonMode, season?: number, podcasts?: ReturnType<typeof makeReadyPodcast>[]) {
+    await wrapper.findComponent({ name: 'PodcastFilterList' }).vm.$emit('fetch', podcasts ?? [makeReadyPodcast(seasonMode)], season);
     await nextTick();
 }
 
@@ -70,7 +80,7 @@ describe('EmissionPage', () => {
     });
 
     describe('podcastsFetched season filtering', () => {
-        // seasonCount is 2 in makeEmission
+        // seasons is [1, 2] in makeEmission, so max season is 2
         it.each([undefined, 2])('shows lastPodcast when season is %s', async (season) => {
             const wrapper = await mountPage(SeasonMode.SEASON_WITH_PODCAST_NUMBERING);
             await triggerFetch(wrapper, SeasonMode.SEASON_WITH_PODCAST_NUMBERING, season);
@@ -82,5 +92,49 @@ describe('EmissionPage', () => {
             await triggerFetch(wrapper, SeasonMode.SEASON_WITH_PODCAST_NUMBERING, 1);
             expect(wrapper.text()).not.toContain('Listen to the latest episode');
         });
+
+        it('accepts the highest season in the seasons array', async () => {
+            const wrapper = await mountWithSeasons([1, 2, 3]);
+            await triggerFetch(wrapper, SeasonMode.SEASON_WITH_PODCAST_NUMBERING, 3);
+            expect(wrapper.text()).toContain('Listen to the latest episode');
+        });
+
+        it('ignores a season below the max in the seasons array', async () => {
+            const wrapper = await mountWithSeasons([1, 2, 3]);
+            await triggerFetch(wrapper, SeasonMode.SEASON_WITH_PODCAST_NUMBERING, 2);
+            expect(wrapper.text()).not.toContain('Listen to the latest episode');
+        });
+    });
+
+    describe('podcastsFetched podcast selection', () => {
+        function makePodcast(seasonMode: SeasonMode, episodeNumber: number, { ready = true, visible = true } = {}) {
+            const podcast = makeReadyPodcast(seasonMode);
+            podcast.seasonEpisodeNumber = episodeNumber;
+            if (!ready) podcast.processingStatus = PodcastProcessingStatus.Processing;
+            if (!visible) podcast.availability.visibility = false;
+            return podcast;
+        }
+
+        it('with seasons enabled, selects the last ready visible podcast', async () => {
+            const wrapper = await mountPage(SeasonMode.SEASON_WITH_PODCAST_NUMBERING);
+            const podcasts = [
+                makePodcast(SeasonMode.SEASON_WITH_PODCAST_NUMBERING, 1),
+                makePodcast(SeasonMode.SEASON_WITH_PODCAST_NUMBERING, 5),
+            ];
+            await triggerFetch(wrapper, SeasonMode.SEASON_WITH_PODCAST_NUMBERING, undefined, podcasts);
+            expect(wrapper.text()).toContain('S1·E5');
+        });
+
+        it.each([SeasonMode.SEASON_WITH_PODCAST_NUMBERING, SeasonMode.NO_SEASON])('skips non-ready podcasts (%s)', async (seasonMode) => {
+            const wrapper = await mountPage(seasonMode);
+            await triggerFetch(wrapper, seasonMode, undefined, [makePodcast(seasonMode, 1, { ready: false })]);
+            expect(wrapper.text()).not.toContain('Listen to the latest episode');
+        });
+
+        it.each([SeasonMode.SEASON_WITH_PODCAST_NUMBERING, SeasonMode.NO_SEASON])('skips non-visible podcasts (%s)', async (seasonMode) => {
+            const wrapper = await mountPage(seasonMode);
+            await triggerFetch(wrapper, seasonMode, undefined, [makePodcast(seasonMode, 1, { visible: false })]);
+            expect(wrapper.text()).not.toContain('Listen to the latest episode');
+        });
     });
 });