@saooti/octopus-sdk 41.2.0 → 41.2.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # CHANGELOG
 
+## 41.2.1 (05/01/2026)
+
+**Fixes**
+
+- Recherche avancées
+  - Correction chargements groupes & ayants-droits depuis routing
+  - Filtrage des groupes par organisation
+
+**Misc**
+
+- Export des routes principales pour réutilisation dans projets incluant le SDK
+
 ## 41.2.0 (05/01/2026)
 
 **Features**

package/index.ts

@@ -176,7 +176,8 @@ export const getTuninIcon = () => import("./src/components/icons/TuninIcon.vue")
 export const getXIcon = () => import("./src/components/icons/XIcon.vue");
 
 // Routing
-import { setupRouter } from './src/router/utils';
+import { setupRouter, getSimpleRouteProps, getRouteProps } from './src/router/utils';
+import { routes as sdkRoutes } from './src/router/routes';
 
 // Types
 import { type SelectOption } from "./src/components/form/ClassicSelect.vue";
@@ -217,6 +218,9 @@ export {
     downloadHelper,
     displayHelper,
     setupRouter,
+    getSimpleRouteProps,
+    getRouteProps,
+    sdkRoutes,
     SelectOption,
     ROUTE_PARAMS
 };

package/package.json

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

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

@@ -86,6 +86,8 @@ export const useAdvancedParamInit = (props: RouteProps, isEmission: boolean) =>
     initSort();
     initFromDate();
     initToDate();
+    initBeneficiariesFilter();
+    initEmissionGroups();
     nextTick(() => {
       isInit.value = true;
     });

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

@@ -23,7 +23,7 @@ import { groupsApi, EmissionGroup } from "../../../api/groupsApi";
 //Props 
 const props = defineProps<{
     /** Filter by organisation */
-    organisationId?: Array<string>;
+    organisationId?: string|Array<string>;
     /** Currently selected groups */
     groups: Array<EmissionGroup>;
 }>();
@@ -41,7 +41,7 @@ async function onSearch(query?: string): Promise<void> {
         first: 0,
         size: maxElement,
         search: query,
-        organisationIds: props.organisationId,
+        organisationIds: [props.organisationId].flat(),
     });
 
     selectGroupRef.value!.afterSearch(

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

@@ -44,6 +44,7 @@
                         <EmissionGroupChooser
                             v-if="emissionGroupCheckbox"
                             class="ms-4 flex-grow-1"
+                            :organisation-id="organisationId"
                             :groups="emissionGroups"
                             @update:groups="updateEmissionGroupFilter"
                         />

package/src/router/router.ts

@@ -1,276 +1,17 @@
 import {
   createRouter,
   createWebHistory,
-  RouteLocationNormalized,
-  RouteRecordRaw,
 } from "vue-router";
-import classicApi from "@/api/classicApi";
+import classicApi from "../api/classicApi";
 import { AuthStore } from "../stores/AuthStore";
-import fetchHelper from "@/helper/fetchHelper";
-import { setupRouter } from "./utils";
+import fetchHelper from "../helper/fetchHelper";
+import { setupRouter  } from "./utils";
+import { routes } from "./routes";
 
-import { ROUTE_PARAMS, RouteProps } from "../components/composable/route/types";
+const Home = () => import("../components/pages/HomePage.vue");
 
-/*--------------------------------------------------------------------------
-Composants publics
---------------------------------------------------------------------------*/
-
-const Home = () => import("@/components/pages/HomePage.vue");
-const MapPage = () => import("@/components/pages/MapPage.vue");
-const PodcastsPage = () => import("@/components/pages/PodcastsPage.vue");
-const EmissionPage = () => import("@/components/pages/EmissionPage.vue");
-const EmissionsPage = () => import("@/components/pages/EmissionsPage.vue");
-const ParticpantsPage = () => import("@/components/pages/ParticipantsPage.vue");
-const PodcastPage = () => import("@/components/pages/PodcastPage.vue");
-const ParticipantPage = () => import("@/components/pages/ParticipantPage.vue");
-const SearchPage = () => import("@/components/pages/SearchPage.vue");
-const CategoryPage = () => import("@/components/pages/CategoryPage.vue");
-const RubriquePage = () => import("@/components/pages/RubriquePage.vue");
-const TagPage = () => import("@/components/pages/TagPage.vue");
-const LivesPage = () => import("@/components/pages/LivesPage.vue");
-const PlaylistPage = () => import("@/components/pages/PlaylistPage.vue");
-const PlaylistsPage = () => import("@/components/pages/PlaylistsPage.vue");
-const error403Page = () => import("@/components/pages/Error403Page.vue");
-const PageNotFound = () => import("@/components/pages/PageNotFound.vue");
-const RadioPage = () => import("@/components/pages/RadioPage.vue");
-const VideoPage = () => import("@/components/pages/VideoPage.vue");
-const PageLogout = () => import("@/components/pages/PageLogout.vue");
-
-function getSimpleRouteProps(route:RouteLocationNormalized): RouteProps {
-  return {
-    pr: route.query.pr ? parseInt(route.query.pr.toString(), 10) : undefined,
-    ps: route.query.ps ? parseInt(route.query.ps.toString(), 10) : undefined,
-    routeQuery: route.query.q as string ?? ""
-  };
-}
-
-/**
- * Return route props used for filtering
- */
-function getRouteProps(route: RouteLocationNormalized): RouteProps {
-  return {
-    ...getSimpleRouteProps(route),
-    routeMonetisable: route.query.m as string ?? "",
-    routeIab: route.query.i ? parseInt(route.query.i.toString(), 10) : undefined,
-    routeSort: route.query.s as string ?? "",
-    routeIncludeHidden: route.query.h as string ?? "",
-    routeFrom: route.query.from as string|undefined,
-    routeTo: route.query.to as string|undefined,
-    routeOrga:route.query.o as string|undefined,
-    routeRubriques :route.query.r as string ?? route.query.rubriquesId as string|undefined,
-    routeBeneficiaries: route.query[ROUTE_PARAMS.Beneficiaries] as string[]|undefined,
-    routeEmissionGroups: (route.query[ROUTE_PARAMS.EmissionGroups] as string[]|undefined)?.map(g => parseInt(g, 10))
-  }
-}
-
-const routes: Array<RouteRecordRaw> = [
-  /*--------------------------------------------------------------------------
-  Liens publics
-  --------------------------------------------------------------------------*/
-  {
-    path: "/",
-    name: "",
-    component: Home,
-    meta:{
-      title: "Home"
-    }
-  },
-  {
-    path: "/main/pub/error",
-    name: "error",
-    component: error403Page,
-  },
-  {
-    path: "/main/pub/home",
-    name: "home",
-    component: Home,
-    meta:{
-      title: "Home",
-    }
-  },
-  {
-    path: "/main/pub/map",
-    name: "map",
-    component: MapPage,
-    meta:{
-      title: "Site map",
-    }
-  },
-  {
-    path: "/main/pub/search/:query?",
-    name: "search",
-    component: SearchPage,
-    props: (route: RouteLocationNormalized) => ({
-      queryRoute: route.params.query,
-    }),
-    meta:{
-      title: "Search",
-    }
-  },
-  {
-    path: "/main/pub/podcasts/",
-    name: "podcasts",
-    component: PodcastsPage,
-    props: getRouteProps,
-    meta:{
-      title: "Podcasts",
-    }
-  },
-  {
-    path: "/main/pub/emissions/",
-    name: "emissions",
-    component: EmissionsPage,
-    props: getRouteProps,
-    meta:{
-      title: "Emissions",
-    }
-  },
-  {
-    path: "/main/pub/participants",
-    name: "participants",
-    component: ParticpantsPage,
-    props: (route: RouteLocationNormalized) => ({
-      ...getSimpleRouteProps(route),
-      routeOrga:route.query.o,
-    }),
-    meta:{
-      title: "Speakers",
-    }
-  },
-  {
-    path: "/main/pub/emission/:emissionId(\\d+):title([^?]*)?:productor?",
-    name: "emission",
-    component: EmissionPage,
-    props: (route: RouteLocationNormalized) => ({
-      ...getSimpleRouteProps(route),
-      emissionId: parseInt(route.params.emissionId.toString(), 10),
-    }),
-    meta:{
-      title: "",
-      noScroll:true
-    }
-  },
-  {
-    path: "/main/pub/podcast/:podcastId(\\d+):title([^?]*)?:productor?",
-    name: "podcast",
-    component: PodcastPage,
-    props: (route: RouteLocationNormalized) => ({
-      podcastId: parseInt(route.params.podcastId.toString(), 10)
-    }),
-    meta:{
-      title: ""
-    }
-  },
-  {
-    path: "/main/pub/video/:podcastId(\\d+):title([^?]*)?:productor?",
-    name: "video",
-    component: VideoPage,
-    props: (route: RouteLocationNormalized) => ({
-      podcastId: parseInt(route.params.podcastId.toString(), 10),
-    }),
-    meta:{
-      title: ""
-    }
-  },
-  {
-    path: "/main/pub/participant/:participantId(\\d+):title([^?]*)?:productor?",
-    name: "participant",
-    component: ParticipantPage,
-    props: (route: RouteLocationNormalized) => ({
-      ...getSimpleRouteProps(route),
-      participantId: parseInt(route.params.participantId.toString(), 10),
-    }),
-    meta:{
-      title: "",
-      noScroll:true
-    }
-  },
-  {
-    path: "/main/pub/category/:iabId/:productor?",
-    name: "category",
-    component: CategoryPage,
-    props: (route: RouteLocationNormalized) => ({
-      iabId: parseInt(route.params.iabId.toString(), 10),
-      productor: route.params.productor,
-    }),
-    meta:{
-      title: "",
-    }
-  },
-  {
-    path: "/main/pub/rubrique/:rubriqueId(\\d+):title([^?]*)?:productor?",
-    name: "rubrique",
-    component: RubriquePage,
-    props: (route: RouteLocationNormalized) => ({
-      ...getSimpleRouteProps(route),
-      rubriqueId: parseInt(route.params.rubriqueId.toString(), 10),
-      routeOrga:route.query.o,
-    }),
-    meta:{
-      title: "",
-    }
-  },
-  {
-    path: "/main/pub/tag/:tag([^?]*)?:productor?",
-    name: "tag",
-    component: TagPage,
-    props: (route: RouteLocationNormalized) => ({
-      ...getSimpleRouteProps(route),
-      tag: route.params.tag,
-      routeOrga:route.query.o,
-    }),
-    meta:{
-      title: "",
-    }
-  },
-  {
-    path: "/main/pub/lives/:productor?",
-    name: "lives",
-    component: LivesPage,
-    props: (route: RouteLocationNormalized) => ({
-      productor: route.params.productor,
-    }),
-    meta:{
-      title: "Radio & Live",
-    }
-  },
-  {
-    path: "/main/pub/radio/:canalId(\\d+):title([^?]*)?:productor?",
-    name: "radio",
-    component: RadioPage,
-    props: (route: RouteLocationNormalized) => ({
-      canalId: parseInt(route.params.canalId.toString(), 10),
-    }),
-    meta:{
-      title: ""
-    }
-  },
-  {
-    path: "/main/pub/playlists/",
-    name: "playlists",
-    component: PlaylistsPage,
-    props: (route: RouteLocationNormalized) => ({
-      ...getSimpleRouteProps(route),
-      routeOrga:route.query.o,
-    }),
-    meta:{
-      title: "Playlists"
-    }
-  },
-  {
-    path: "/main/pub/playlist/:playlistId(\\d+):title([^?]*)?:productor?",
-    name: "playlist",
-    component: PlaylistPage,
-    props: (route: RouteLocationNormalized) => ({
-      ...getSimpleRouteProps(route),
-      playlistId: parseInt(route.params.playlistId.toString(), 10),
-    }),
-    meta:{
-      title: "",
-      noScroll:true
-    }
-  },
-  //Fake route to avoid errors
+//Fake route to avoid errors
+const fakeRoutes = [
   {
     path: "/",
     name: "backoffice",
@@ -313,13 +54,14 @@ const routes: Array<RouteRecordRaw> = [
     path: "/main/priv/distribution/:distrib/:id",
     component: Home,
   },
-  { path: "/logout", component: PageLogout },
-  { path: "/sso/logout", component: PageLogout },
-  { path: "/:pathMatch(.*)*", component: PageNotFound },
 ];
+
 const router = createRouter({
   history: createWebHistory(),
-  routes: routes,
+  routes: {
+    ...routes,
+    ...fakeRoutes
+  },
   scrollBehavior(to, from) {
     if (to.name === from.name && to.meta.noScroll) {
       return false;
@@ -330,7 +72,7 @@ const router = createRouter({
 });
 
 //Do in frontoffice but not podcastmakers
-async function getMyOrgaActive(authStore: AuthStore): Promise<string>{
+async function getMyOrgaActive(authStore: AuthStore): Promise<void>{
   const orgaActive = await classicApi.fetchData<string>({
     api: 3,
     path: "user/active"
@@ -340,7 +82,6 @@ async function getMyOrgaActive(authStore: AuthStore): Promise<string>{
     await authStore.fetchProfile();
     fetchHelper.createAuthenticatedFetchHeader(true);
   }
-  return orgaActive;
 }
 
 setupRouter(router, getMyOrgaActive);

package/src/router/routes.ts

@@ -0,0 +1,236 @@
+import { RouteRecordRaw, RouteLocationNormalized } from "vue-router";
+
+import { getRouteProps, getSimpleRouteProps } from "./utils";
+
+const Home = () => import("../components/pages/HomePage.vue");
+const MapPage = () => import("../components/pages/MapPage.vue");
+const PodcastsPage = () => import("../components/pages/PodcastsPage.vue");
+const EmissionPage = () => import("../components/pages/EmissionPage.vue");
+const EmissionsPage = () => import("../components/pages/EmissionsPage.vue");
+const ParticpantsPage = () => import("../components/pages/ParticipantsPage.vue");
+const PodcastPage = () => import("../components/pages/PodcastPage.vue");
+const ParticipantPage = () => import("../components/pages/ParticipantPage.vue");
+const SearchPage = () => import("../components/pages/SearchPage.vue");
+const CategoryPage = () => import("../components/pages/CategoryPage.vue");
+const RubriquePage = () => import("../components/pages/RubriquePage.vue");
+const TagPage = () => import("../components/pages/TagPage.vue");
+const LivesPage = () => import("../components/pages/LivesPage.vue");
+const PlaylistPage = () => import("../components/pages/PlaylistPage.vue");
+const PlaylistsPage = () => import("../components/pages/PlaylistsPage.vue");
+const error403Page = () => import("../components/pages/Error403Page.vue");
+const PageNotFound = () => import("../components/pages/PageNotFound.vue");
+const RadioPage = () => import("../components/pages/RadioPage.vue");
+const VideoPage = () => import("../components/pages/VideoPage.vue");
+const PageLogout = () => import("../components/pages/PageLogout.vue");
+
+export const routes: Array<RouteRecordRaw> = [
+  /*--------------------------------------------------------------------------
+  Liens publics
+  --------------------------------------------------------------------------*/
+  {
+    path: "/",
+    name: "",
+    component: Home,
+    meta:{
+      title: "Home"
+    }
+  },
+  {
+    path: "/main/pub/error",
+    name: "error",
+    component: error403Page,
+  },
+  {
+    path: "/main/pub/home",
+    name: "home",
+    component: Home,
+    meta:{
+      title: "Home",
+    }
+  },
+  {
+    path: "/main/pub/map",
+    name: "map",
+    component: MapPage,
+    meta:{
+      title: "Site map",
+    }
+  },
+  {
+    path: "/main/pub/search/:query?",
+    name: "search",
+    component: SearchPage,
+    props: (route: RouteLocationNormalized) => ({
+      queryRoute: route.params.query,
+    }),
+    meta:{
+      title: "Search",
+    }
+  },
+  {
+    path: "/main/pub/podcasts/",
+    name: "podcasts",
+    component: PodcastsPage,
+    props: getRouteProps,
+    meta:{
+      title: "Podcasts",
+    }
+  },
+  {
+    path: "/main/pub/emissions/",
+    name: "emissions",
+    component: EmissionsPage,
+    props: getRouteProps,
+    meta:{
+      title: "Emissions",
+    }
+  },
+  {
+    path: "/main/pub/participants",
+    name: "participants",
+    component: ParticpantsPage,
+    props: (route: RouteLocationNormalized) => ({
+      ...getSimpleRouteProps(route),
+      routeOrga:route.query.o,
+    }),
+    meta:{
+      title: "Speakers",
+    }
+  },
+  {
+    path: "/main/pub/emission/:emissionId(\\d+):title([^?]*)?:productor?",
+    name: "emission",
+    component: EmissionPage,
+    props: (route: RouteLocationNormalized) => ({
+      ...getSimpleRouteProps(route),
+      emissionId: parseInt(route.params.emissionId.toString(), 10),
+    }),
+    meta:{
+      title: "",
+      noScroll:true
+    }
+  },
+  {
+    path: "/main/pub/podcast/:podcastId(\\d+):title([^?]*)?:productor?",
+    name: "podcast",
+    component: PodcastPage,
+    props: (route: RouteLocationNormalized) => ({
+      podcastId: parseInt(route.params.podcastId.toString(), 10)
+    }),
+    meta:{
+      title: ""
+    }
+  },
+  {
+    path: "/main/pub/video/:podcastId(\\d+):title([^?]*)?:productor?",
+    name: "video",
+    component: VideoPage,
+    props: (route: RouteLocationNormalized) => ({
+      podcastId: parseInt(route.params.podcastId.toString(), 10),
+    }),
+    meta:{
+      title: ""
+    }
+  },
+  {
+    path: "/main/pub/participant/:participantId(\\d+):title([^?]*)?:productor?",
+    name: "participant",
+    component: ParticipantPage,
+    props: (route: RouteLocationNormalized) => ({
+      ...getSimpleRouteProps(route),
+      participantId: parseInt(route.params.participantId.toString(), 10),
+    }),
+    meta:{
+      title: "",
+      noScroll:true
+    }
+  },
+  {
+    path: "/main/pub/category/:iabId/:productor?",
+    name: "category",
+    component: CategoryPage,
+    props: (route: RouteLocationNormalized) => ({
+      iabId: parseInt(route.params.iabId.toString(), 10),
+      productor: route.params.productor,
+    }),
+    meta:{
+      title: "",
+    }
+  },
+  {
+    path: "/main/pub/rubrique/:rubriqueId(\\d+):title([^?]*)?:productor?",
+    name: "rubrique",
+    component: RubriquePage,
+    props: (route: RouteLocationNormalized) => ({
+      ...getSimpleRouteProps(route),
+      rubriqueId: parseInt(route.params.rubriqueId.toString(), 10),
+      routeOrga:route.query.o,
+    }),
+    meta:{
+      title: "",
+    }
+  },
+  {
+    path: "/main/pub/tag/:tag([^?]*)?:productor?",
+    name: "tag",
+    component: TagPage,
+    props: (route: RouteLocationNormalized) => ({
+      ...getSimpleRouteProps(route),
+      tag: route.params.tag,
+      routeOrga:route.query.o,
+    }),
+    meta:{
+      title: "",
+    }
+  },
+  {
+    path: "/main/pub/lives/:productor?",
+    name: "lives",
+    component: LivesPage,
+    props: (route: RouteLocationNormalized) => ({
+      productor: route.params.productor,
+    }),
+    meta:{
+      title: "Radio & Live",
+    }
+  },
+  {
+    path: "/main/pub/radio/:canalId(\\d+):title([^?]*)?:productor?",
+    name: "radio",
+    component: RadioPage,
+    props: (route: RouteLocationNormalized) => ({
+      canalId: parseInt(route.params.canalId.toString(), 10),
+    }),
+    meta:{
+      title: ""
+    }
+  },
+  {
+    path: "/main/pub/playlists/",
+    name: "playlists",
+    component: PlaylistsPage,
+    props: (route: RouteLocationNormalized) => ({
+      ...getSimpleRouteProps(route),
+      routeOrga:route.query.o,
+    }),
+    meta:{
+      title: "Playlists"
+    }
+  },
+  {
+    path: "/main/pub/playlist/:playlistId(\\d+):title([^?]*)?:productor?",
+    name: "playlist",
+    component: PlaylistPage,
+    props: (route: RouteLocationNormalized) => ({
+      ...getSimpleRouteProps(route),
+      playlistId: parseInt(route.params.playlistId.toString(), 10),
+    }),
+    meta:{
+      title: "",
+      noScroll:true
+    }
+  },
+  { path: "/logout", component: PageLogout },
+  { path: "/sso/logout", component: PageLogout },
+  { path: "/:pathMatch(.*)*", component: PageNotFound },
+];

package/src/router/utils.ts

@@ -5,6 +5,47 @@ import { Rubriquage } from "../stores/class/rubrique/rubriquage";
 import classicApi from "../api/classicApi";
 import { useAuthStore, AuthStore } from "../stores/AuthStore";
 import { deepEqual } from "../helper/equals";
+import { RouteLocationNormalized } from "vue-router";
+import { RouteProps } from "../components/composable/route/types";
+import { ROUTE_PARAMS } from "../components/composable/route/types";
+
+export function getSimpleRouteProps(route: RouteLocationNormalized): RouteProps {
+  return {
+    pr: route.query.pr ? parseInt(route.query.pr.toString(), 10) : undefined,
+    ps: route.query.ps ? parseInt(route.query.ps.toString(), 10) : undefined,
+    routeQuery: route.query.q as string ?? ""
+  };
+}
+
+/**
+ * Return route props used for filtering
+ */
+export function getRouteProps(route: RouteLocationNormalized): RouteProps {
+  let routeEmissionGroups: number[]|undefined = undefined;
+  const reg = route.query[ROUTE_PARAMS.EmissionGroups];
+
+  if (reg !== undefined) {
+    if (Array.isArray(reg)) {
+      routeEmissionGroups = reg.map(g => parseInt(g, 10));
+    } else {
+      routeEmissionGroups = [parseInt(reg, 10)];
+    }
+  }
+  
+  return {
+    ...getSimpleRouteProps(route),
+    routeMonetisable: route.query.m as string ?? "",
+    routeIab: route.query.i ? parseInt(route.query.i.toString(), 10) : undefined,
+    routeSort: route.query.s as string ?? "",
+    routeIncludeHidden: route.query.h as string ?? "",
+    routeFrom: route.query.from as string|undefined,
+    routeTo: route.query.to as string|undefined,
+    routeOrga:route.query.o as string|undefined,
+    routeRubriques :route.query.r as string ?? route.query.rubriquesId as string|undefined,
+    routeBeneficiaries: route.query[ROUTE_PARAMS.Beneficiaries] as string[]|undefined,
+    routeEmissionGroups
+  }
+}
 
 async function changeOrgaFilter(orgaFilter: string, filterStore: FilterStore){
   const saveStore = useSaveFetchStore();
@@ -37,7 +78,7 @@ let resolved = false;
 /**
  * Utility function seting up the router with a custom beforeEach
  */
-export function setupRouter(router: Router, getMyOrgaActive: (authStore: AuthStore) => Promise<string>): void {
+export function setupRouter(router: Router, getMyOrgaActive: (authStore: AuthStore) => Promise<void>): void {
   router.beforeResolve(async () =>{
     fetchMyOrgaActive = false;
     // Reinit variable to allow one redirect
@@ -109,4 +150,4 @@ export function setupRouter(router: Router, getMyOrgaActive: (authStore: AuthSto
       }
     }
   });
-}
+}