@saooti/octopus-sdk 41.10.4-beta → 41.10.5

package/CHANGELOG.md

@@ -1,12 +1,30 @@
 # CHANGELOG
 
-## 41.10.4 (En cours)
+## 41.10.5 (26/05/2026)
+
+**Features**
+
+- Possibilité de désactiver l'affichage des podcasts dans `EmissionPlayerItem`
+
+**Fixes**
+
+- **14486** - Tri des saisons sur la page d'émission
+
+## 41.10.4 (13/05/2026)
 
 **Fixes**
 
+- **14384** - Correctifs identification des plateformes
+  - Envoi de l'organisationId correct quand non connecté
+  - Correction taille des `ClassicAvatar`
 - Imports de stores relatifs dans `EmissionList`
 - Limitation de la largeur des messages de `ClassicHelpButton`
 
+**Misc**
+
+- Ajout de `ClassicButton`, un bouton intégrant des éléments d'accessibilité
+- Ajustement style boutons désactivés avec `aria-disabled`
+
 ## 41.10.3 (04/05/2026)
 
 **Fixes**

package/package.json

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

package/src/components/buttons/index.ts

@@ -1,5 +1,7 @@
 import ActionButton from "./ActionButton.vue";
+import ClassicButton from "./ClassicButton.vue"; 
 
 export {
-    ActionButton
+    ActionButton,
+    ClassicButton
 };

package/src/components/composable/share/useSharePlatforms.ts

@@ -13,9 +13,8 @@ import PodbeanIcon from "../../icons/PodbeanIcon.vue";
 import YoutubeIcon from "vue-material-design-icons/Youtube.vue";
 import SpotifyIcon from "vue-material-design-icons/Spotify.vue";
 import { Annotations } from "@/stores/class/general";
-import { h, markRaw, onMounted, ref, type Component } from "vue";
+import { h, markRaw, ref, type Component, type Ref } from "vue";
 import { aggregatorsApi } from "../../../api/aggregatorsApi";
-import { useAuthStore } from "../../../stores/AuthStore";
 import { useNotificationStore } from "../../../stores/NotificationStore";
 import ClassicAvatar from "../../misc/ClassicAvatar.vue";
 
@@ -130,18 +129,24 @@ export const useSharePlatforms = () => {
 
     const platforms = ref<Array<SharePlatform>>([]);
 
-    const { authOrgaId } = useAuthStore();
     const { addNotification } = useNotificationStore();
 
-    onMounted(async (): Promise<void> => {
-        platforms.value.push(...PREDEFINED_PLATFORMS);
+    async function initPlatforms(organisationId: string): Promise<void> {
+        // (Re)initialize the platforms
+        platforms.value = [...PREDEFINED_PLATFORMS];
+
         try {
-            const customPlatforms = await aggregatorsApi.getAll(authOrgaId);
+            const customPlatforms = await aggregatorsApi.getAll(organisationId);
             customPlatforms.forEach(platform => {
                 platforms.value.push({
                     name: platform.name,
                     title: platform.name,
-                    icon: markRaw(() => h(ClassicAvatar, { name: platform.name, imageUrl: platform.image })),
+                    icon: markRaw((props, { attrs }) => h(ClassicAvatar, {
+                        ...attrs,
+                        ...props,
+                        name: platform.name,
+                        imageUrl: platform.image
+                    })),
                     color: "white",
                     annotation: `ptfaudio_${platform.name}`
                 });
@@ -152,7 +157,7 @@ export const useSharePlatforms = () => {
                 message: error
             });
         }
-    });
+    }
     
     /**
      * Helper to retrieve configuration of a specific platform
@@ -198,6 +203,7 @@ export const useSharePlatforms = () => {
     }
 
     return {
+        initPlatforms,
         getPlatformsWithLinks,
         getPlatformConfiguration,
         platforms

package/src/components/display/emission/EmissionPlayerItem.vue

@@ -103,6 +103,7 @@ const PodcastPlayBasicButton = defineAsyncComponent(() => import("../podcasts/Po
 //Props 
 const props = defineProps({
   emission: { default: () => ({}), type: Object as () => Emission },
+  /** Number of podcasts to display (default: 2); if set to 0, no podcasts will be displayed */
   nbPodcasts: { default: undefined, type: Number },
   rubriqueName: { default: undefined, type: String },
 })
@@ -125,6 +126,10 @@ onBeforeMount(()=>loadPodcasts())
 
 //Methods
 async function loadPodcasts(): Promise<void> {
+  if (props.nbPodcasts === 0) {
+    return;
+  }
+
   const nb = props.nbPodcasts ? props.nbPodcasts : 2;
   const data = await classicApi.fetchData<ListClassicReturn<Podcast>>({
     api: 0,

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

@@ -41,11 +41,15 @@
       v-model:active-tab="activeSeasonTab"
       :tab-number="emission.seasons.length"
     >
-      <template v-for="(season, i) in emission.seasons" #[tabNameSlot(i)]>
+      <template v-for="(season, i) in seasons" #[tabNameSlot(i)]>
         {{ $t('Podcast - Season N', { season }) }}
       </template>
 
-      <template v-for="(season, i) in emission.seasons" #[tabContentSlot(i)] :key="season">
+      <template
+        v-for="(season, i) in seasons"
+        #[tabContentSlot(i)]
+        :key="season"
+      >
         <PodcastList
           class="flex-grow-1"
           :first="dfirst"
@@ -137,6 +141,8 @@ const showSeasons = computed(() => {
   return props.emission !== undefined && areSeasonsEnabled(props.emission) && (props.emission.seasons?.length ?? 0) > 0;
 });
 
+const seasons = computed((): Array<number> => [...props.emission.seasons].sort());
+
 const activeSeasonTab = ref(showSeasons.value ? props.emission.seasons?.indexOf(getMaxSeason(props.emission)) ?? 0 : 0);
 
 const sort = computed((): PodcastSort => {

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

@@ -127,7 +127,7 @@ const subscribeButtonsContainerRef = useTemplateRef('subscribeButtonsContainer')
 //Composables
 const { t } = useI18n();
 const apiStore = useApiStore();
-const { getPlatformsWithLinks } = useSharePlatforms();
+const { getPlatformsWithLinks, initPlatforms } = useSharePlatforms();
 
 //Computed
 const subscriptionsDisplay = computed(() => {
@@ -152,7 +152,11 @@ const iconSize = computed((): number => {
 //Watch
 watch(()=>props.windowWidth, () =>resizeWindow());
 
-onMounted(()=>resizeWindow());
+onMounted(() => {
+  resizeWindow();
+  const orga = 'orga' in props.content ? props.content.orga : props.content.organisation;
+  initPlatforms(orga.id);
+});
 
 //Methods
 function showAllElements() {

package/src/components/pages/EmissionPage.vue

@@ -108,7 +108,7 @@
             :size="ps"
             :show-count="true"
             :emission-id="emissionId"
-            :emission="emission"
+            :emission="{ ...emission, seasons: [7, 3, 5, 1, 2, 4] }"
             :category-filter="false"
             :edit-right="editRight"
             :productor-id="[emission.orga.id]"

package/src/components/pages/PlaylistsPage.vue

@@ -1,5 +1,6 @@
 <template>
   <section v-if="isInit" class="page-box">
+    <!-- TODO à intégrer dans frontoffice -->
     <router-link
       v-if="isRolePlaylists && !isPodcastmaker"
       to="/main/priv/edit/playlist"

package/src/components/pages/SmartLinkPage.vue

@@ -108,7 +108,7 @@ import { state } from '../../stores/ParamSdkStore';
 
 const { updatePathParams } = useSeoTitleUrl();
 const { useProxyImageUrl } = useImageProxy();
-const { getPlatformsWithLinks } = useSharePlatforms();
+const { getPlatformsWithLinks, initPlatforms } = useSharePlatforms();
 
 /** Props used when displaying a playlist */
 interface PlaylistProps {
@@ -135,8 +135,10 @@ onMounted(async() => {
     // Retrieve element
     if (playlistId) {
         element.value = await playlistApi.get(playlistId);
+        initPlatforms(element.value.organisation.id);
     } else if (emissionId) {
         element.value = await emissionApi.get(emissionId);
+        initPlatforms(element.value.orga.id);
     } else {
         console.error('No content defined');
     }

package/src/style/bootstrap.scss

@@ -14,7 +14,7 @@ input:not([class^="vs__"]), button:not([class^="vs__"]), select:not([class^="vs_
 	button {
 		cursor: pointer;
 
-		&:disabled{
+		&:disabled, &[aria-disabled="true"]{
 			cursor: default !important;
 		}
 	}
@@ -106,10 +106,12 @@ input:not([class^="vs__"]), button:not([class^="vs__"]), select:not([class^="vs_
 			background: var(--octopus-primary-more-transparent);
 		}
 
-		&:not(.btn-underline, .btn-primary, .btn-on-dark, .btn-transparent, .admin-button, .share-btn):disabled{
-      		cursor: default;
-			background-color: var(--octopus-secondary-lighter) !important;
-			color:  var(--octopus-text-disabled) !important;
+		&:not(.btn-underline, .btn-primary, .btn-on-dark, .btn-transparent, .admin-button, .share-btn){
+			&:disabled, &[aria-disabled="true"] {
+	      		cursor: default;
+				background-color: var(--octopus-secondary-lighter) !important;
+				color:  var(--octopus-text-disabled) !important;
+			}
 		}
 
 		&.btn-underline{
@@ -167,8 +169,8 @@ input:not([class^="vs__"]), button:not([class^="vs__"]), select:not([class^="vs_
 				border-color: var(--octopus-color-on-primary) !important;
 			}
 
-			&:not(.btn-on-dark):disabled,
-			&.btn-on-dark:disabled{
+			&:not(.btn-on-dark):disabled, &:not(.btn-on-dark)[aria-disabled="true"],
+			&.btn-on-dark:disabled, &.btn-on-dark[aria-disabled="true"] {
 				background-color: var(--octopus-secondary-darker);
 				border: 1px solid black;
 				cursor: default;
@@ -201,6 +203,17 @@ input:not([class^="vs__"]), button:not([class^="vs__"]), select:not([class^="vs_
 		
 	}
 
+	// Make disabled state visible
+	.btn:disabled, .btn:disabled:hover, .btn[aria-disabled="true"], .btn[aria-disabled="true"]:hover {
+		filter: grayscale(100%);
+		opacity: 60%;
+
+		&:not(.btn-transparent) {
+			background-color: var(--octopus-secondary);
+		}
+	}
+
+
 	.btn-transparent{
 		background: transparent;
 		border: 0;