@saooti/octopus-sdk 41.0.17 → 41.0.19

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # CHANGELOG
 
+## 41.0.19 (13/11/2025)
+
+**Features**
+
+- Ajout recherche par référence ayant-droit sur les émissions et épisodes
+- Ajout du composant `ClassicTagInput` pour simplifier la saisie de tags
+- Affichage des mots-clés lors de la consultation d'une émission
+
+**Misc**
+
+- Amélioration affichage des crédits dans les épisodes
+
+## 41.0.18 (12/11/2025)
+
+**Features**
+
+- Changements pour les émissions non publiées (`visible = false`) :
+  - La recherche permet de les afficher quand on affiche les épisodes non
+    publiés
+  - Un bandeau s'affiche pour indiquer que l'émission n'est pas disponible aux
+    auditeurs
+
+**Misc**
+
+- Ajout d'une propriété `relative` pour faire fonctionner les
+  `ClassicHelpButton` quand un parent a une position relative.
+- Correction alignement du texte dans `ClassicAlert`
+- Ajout d'un slot `after-label` sur `ClassicCheckbox`
+
 ## 41.0.17 (07/11/2025)
 
 **Features**
@@ -20,4 +49,4 @@
 
 - Bannière 'en cours de traitement' ne s'affiche plus dans les listes
 - Ajustements sur `ClassicSelect` & `ClassicHelpButton`
-- Ajout de ClassicAlert, pour l'affichage de message
+- Ajout de `ClassicAlert`, pour l'affichage de message

package/index.ts

@@ -98,6 +98,7 @@ export const getClassicEmojiPicker = () => import("./src/components/form/Classic
 export const getClassicContentEditable = () => import("./src/components/form/ClassicContentEditable.vue");
 export const getSwiperList = () => import("./src/components/display/list/SwiperList.vue");
 export const getClassicCopyButton = () => import("./src/components/form/ClassicCopyButton.vue");
+export const getClassicTagInput = () => import("./src/components/form/ClassicTagInput.vue");
 
 
 //Composable
@@ -156,6 +157,8 @@ import { setupRouter } from './src/router/utils';
 // Types
 import { type SelectOption } from "./src/components/form/ClassicSelect.vue";
 
+import { ROUTE_PARAMS } from "./src/components/composable/route/types";
+
 export {
     useResizePhone,
     useTagOf,
@@ -189,4 +192,5 @@ export {
     displayHelper,
     setupRouter,
     SelectOption,
+    ROUTE_PARAMS
 };

package/package.json

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

package/src/components/composable/route/types.ts

@@ -0,0 +1,47 @@
+export interface RouteProps {
+    pr?: number;
+    ps?: number;
+    routeQuery?: string;
+    routeMonetisable?: string;
+    routeIab?: number;
+    routeSort?: string;
+    routeIncludeHidden?: string;
+    routeFrom?: string;
+    routeTo?: string;
+    routeValidity?: string;
+    routeOnlyVideo?: string;
+    routeOrga?: string;
+    routeRubriques?: string;
+    /** The filter on beneficiaries defined on the route props */
+    routeBeneficiaries?: string[];
+}
+
+type DateStr = string;
+
+export interface RouteParams {
+    /** The organisation for which we display the emissions/episodes */
+    productor?: string;
+}
+
+export interface AdvancedRouteParams extends RouteParams {
+    /** If true, only show episodes with video */
+    v?: 'true';
+    /** When set, display data from this date */
+    from?: DateStr;
+    /** When set, display data up to this date */
+    to?: DateStr;
+    /** When set, filter on beneficiaries */
+    b?: string[];
+    q?: string;
+}
+
+type RouteParamEnum =
+    'Beneficiaries' |
+    'Query'
+    ;
+
+/** Utility to access route params by constants instead of undefined value */
+export const ROUTE_PARAMS: Record<RouteParamEnum, keyof AdvancedRouteParams> = {
+    Beneficiaries: 'b',
+    Query: 'q'
+};

package/src/components/composable/route/useAdvancedParamInit.ts

@@ -7,7 +7,9 @@ import { useRubriquesFilterParam } from './useRubriquesFilterParam';
 import { computed, nextTick, onMounted, Ref, ref, watch } from "vue";
 import dayjs from "dayjs";
 
-export const useAdvancedParamInit = (props: any, isEmission: boolean)=>{
+import { RouteProps } from "./types";
+
+export const useAdvancedParamInit = (props: RouteProps, isEmission: boolean) => {
 
   const { searchPattern,organisationId, searchMinSize, paginateFirst, initSearchPattern, initOrga} = useSimplePageParam(props, false, true);
   const { isEditRights, isPodcastmaker } = useOrgaComputed();
@@ -26,6 +28,7 @@ export const useAdvancedParamInit = (props: any, isEmission: boolean)=>{
   const validity = ref("true"); 
   const iabId: Ref<number|undefined> = ref(undefined);
   const rubriqueFilter: Ref<Array<RubriquageFilter>> = ref([]);
+  const beneficiaries = ref<string[]|null>(null);
 
 
   const organisationRight = computed(() => isEditRights(organisationId.value));
@@ -60,6 +63,7 @@ export const useAdvancedParamInit = (props: any, isEmission: boolean)=>{
   watch(() => props.routeIab, () => {iabId.value = props.routeIab;});
   watch(() => props.routeOrga, () => initOrga());
   watch(() => props.routeRubriques, () => initRubriquageFilter());
+  watch(() => props.routeBeneficiaries, initBeneficiariesFilter);
   watch(organisationId, () => {
     if (!isInit.value) {
       return;
@@ -146,7 +150,27 @@ export const useAdvancedParamInit = (props: any, isEmission: boolean)=>{
     rubriqueFilter.value = rubriqueFilterToUpdate;
   }
 
-	return {
+  function initBeneficiariesFilter() {
+    const data = props.routeBeneficiaries as string[];
+    // No beneficiaries
+    if (
+      data === undefined ||
+      data === null ||
+      data.length === 0
+    ) {
+      beneficiaries.value = null;
+      return;
+    }
+
+    // No changes
+    if(beneficiaries.value && data === beneficiaries.value){
+      return;
+    }
+
+    beneficiaries.value = data;
+  }
+
+  return {
     organisationId,
     searchPattern,
     monetisable,
@@ -160,6 +184,7 @@ export const useAdvancedParamInit = (props: any, isEmission: boolean)=>{
     paginateFirst,
     validity,
     rubriquesFilterArrayIds,
-    isInit
-	}
+    isInit,
+    beneficiaries
+  };
 }

package/src/components/composable/route/useRouteUpdateParams.ts

@@ -1,8 +1,6 @@
 import { useRoute, useRouter } from 'vue-router';
 
-interface RouteParams {
-  productor: string;
-}
+import { RouteParams, AdvancedRouteParams } from './types';
 
 export const useRouteUpdateParams = () => {
 
@@ -17,40 +15,32 @@ export const useRouteUpdateParams = () => {
     return ['podcasts', 'emissions'].includes(route.name?.toString()??"");
   }
 
-  function updatePaginateSize(ps:number, force= false){
+  function updatePaginateSize(ps:number, force = false): void{
     if(force ||checkPage()){
       router.push({query: {...route.query, ...{ps:ps, pr:1}}});
     }
   }
 
-  function updateRouteParam(update: {[key:string]: string|undefined}, force= false){
+  function updateRouteParam(update: RouteParams, force = false): void {
     if(force || checkPage()){
       router.push({query: {...route.query, ...update}});
     }
   }
 
-  function updateRouteParamAdvanced(update: {[key:string]: string|undefined}){
+  function updateRouteParamAdvanced(update: AdvancedRouteParams): void {
     if(checkPageAdvanced()){
       router.push({query: {...route.query, ...update}});
     }
   }
 
-  function updateFiltersParam(update: {[key:string]: string|undefined}, advancedUpdate: {[key:string]: string|undefined}){
-    if(checkPageAdvanced()){
-      router.push({query: {...route.query, ...update, ...advancedUpdate}});
-    }else{
-      router.push({query: {...route.query, ...update}});
+  function updateFiltersParam(update: RouteParams, advancedUpdate: AdvancedRouteParams){
+    if(checkPageAdvanced()) {
+      router.push({query: { ...route.query, ...update, ...advancedUpdate }});
+    } else {
+      router.push({query: { ...route.query, ...update }});
     }
   }
 
-  /*
-  function updateRouteParams(params: Partial<RouteParams>) {
-    router.push({ query: {
-      ...route.query,
-      ...params
-    }});
-  }*/
-
   return {
     updatePaginateSize,
     updateRouteParam,

package/src/components/composable/route/useSimplePageParam.ts

@@ -2,7 +2,9 @@ import { useFilterStore } from '../../../stores/FilterStore';
 import { useRouteUpdateParams } from './useRouteUpdateParams';
 import { computed, onMounted, Ref, ref, watch } from "vue";
 
-export const useSimplePageParam = (props: {readonly [key:string]: string|number}, force=false, advancedSearch=false)=>{
+import { RouteProps, ROUTE_PARAMS } from "./types";
+
+export const useSimplePageParam = (props: RouteProps, force=false, advancedSearch=false)=>{
 
   const { updateRouteParam } = useRouteUpdateParams();
 
@@ -24,7 +26,7 @@ export const useSimplePageParam = (props: {readonly [key:string]: string|number}
     if(!advancedSearch){
       const query = getMinSize(searchPattern.value);
       updateRouteParam({
-        q: query.length ? query : undefined,
+        [ROUTE_PARAMS.Query]: query.length ? query : undefined,
       }, force);
     }
   });
@@ -51,7 +53,7 @@ export const useSimplePageParam = (props: {readonly [key:string]: string|number}
   }
 
 
-	return {
+  return {
     searchPattern,
     organisationId,
     searchMinSize,
@@ -60,5 +62,5 @@ export const useSimplePageParam = (props: {readonly [key:string]: string|number}
     initOrga,
     updateRouteParam,
     isInit
-	}
+  };
 }

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

@@ -16,7 +16,11 @@
         aria-hidden="true"
         alt=""
         :title="t('Emission name image', { name: emission.name })"
-      />
+      >
+      <ClassicImageBanner v-if="!emissionVisible">
+        {{ t('Emission - Not available for listeners') }}
+      </ClassicImageBanner>
+
       <div class="classic-element-text">
         <div class="d-flex align-items-center element-name basic-line-clamp">
           <AlertIcon
@@ -63,12 +67,15 @@ import displayHelper from "../../../helper/displayHelper";
 import { computed, onBeforeMount, onMounted, ref, useTemplateRef } from "vue";
 import { Podcast } from "@/stores/class/general/podcast";
 import { ListClassicReturn } from "@/stores/class/general/listReturn";
+
+import ClassicImageBanner from '../../misc/ClassicImageBanner.vue';
+
 import { useI18n } from "vue-i18n";
 
 //Props 
 const props = defineProps({
   emission: { default: () => ({}), type: Object as () => Emission },
-})
+});
 
 //Data 
 const activeEmission = ref(true);
@@ -80,12 +87,16 @@ const { isPodcastmaker, isEditRights } = useOrgaComputed();
 
 //Computed
 const editRight = computed(() => isEditRights(props.emission.orga.id));
-
+const emissionVisible = computed(() => {
+  return props.emission.visible !== false;
+});
 
 onBeforeMount(()=>{
-  if (!editRight.value) return;
+  if (!editRight.value) {
+    return;
+  }
   hasPodcast();
-})
+});
 
 onMounted(()=>{
   const emissionDesc = useTemplateRef('descriptionEmission')?.value as HTMLElement;
@@ -119,4 +130,4 @@ async function hasPodcast(): Promise<void> {
     activeEmission.value = false;
   }
 }
-</script>
+</script>

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

@@ -93,6 +93,8 @@ const props = defineProps({
   rubriquageId: { default: () => [], type: Array as () => Array<number> },
   noRubriquageId: { default: () => [], type: Array as () => Array<number> },
   nbPodcasts: { default: undefined, type: Number },
+  /** The beneficiaries to filter on */
+  beneficiaries: { default: null, type: Array as () => Array<string> }
 })
 
 //Data 
@@ -125,7 +127,8 @@ const changePaginate = computed(() => `${props.first}|${props.size}`);
 /** Computed property to track for configuration changes */
 const changed = computed(() => {
   return `${props.organisationId}|${props.query}|${props.monetisable}|${props.includeHidden}|\
-  ${props.iabId}|${props.rubriqueId}|${props.rubriquageId}|${props.before}|${props.after}|${props.sort}|${props.noRubriquageId}`;
+  ${props.iabId}|${props.rubriqueId}|${props.rubriquageId}|${props.before}|\
+  ${props.after}|${props.sort}|${props.noRubriquageId}|${props.beneficiaries}`;
 });
 const sortText = computed(() => {
   let textSort = "";
@@ -191,7 +194,16 @@ async function fetchContent(reset: boolean): Promise<void> {
     rubriqueId: props.rubriqueId.length ? props.rubriqueId : undefined,
     rubriquageId: props.rubriquageId.length ? props.rubriquageId : undefined,
     includeHidden: props.includeHidden,
+    beneficiary: props.beneficiaries ?? undefined
   };
+
+  // When fetching hidden episodes, also fetch hidden emissions
+  if (props.includeHidden === true) {
+    param.visible = 'ALL';
+  } else {
+    param.visible = 'VISIBLE';
+  }
+
   try {
     const data = await classicApi.fetchData<ListClassicReturn<Emission>>({
       api: 0,