@saooti/octopus-sdk 35.1.7 → 35.2.1

package/src/components/display/live/LiveList.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    v-if="filterOrga || organisationId"
+    v-if="filterOrgaId || organisationId"
     class="d-flex flex-column align-items-center"
   >
     <ClassicLoading
@@ -42,8 +42,10 @@ import octopusApi from '@saooti/octopus-api';
 import dayjs from 'dayjs';
 import localizedFormat from 'dayjs/plugin/localizedFormat';
 dayjs.extend(localizedFormat);
-import { state } from '../../../store/paramStore';
-import { Conference } from '@/store/class/conference/conference';
+import { useFilterStore } from '@/stores/FilterStore';
+import { mapState } from 'pinia';
+import { state } from '../../../stores/ParamSdkStore';
+import { Conference } from '@/stores/class/conference/conference';
 import { defineComponent } from 'vue'
 import { AxiosError } from 'axios';
 export default defineComponent({
@@ -69,6 +71,7 @@ export default defineComponent({
   },
   
   computed: {
+    ...mapState(useFilterStore, ['filterOrgaId']),
     livesArray(): Array<{status:string, title:string, lives:Array<Conference>}>{
       return [
         {status: "RECORDING", title:this.$t('In live'), lives:[]},
@@ -83,10 +86,7 @@ export default defineComponent({
       return this.loaded && !this.livesArray[0].lives.length && !this.livesArray[2].lives.length && !this.livesArray[3].lives.length;
     },
     filterOrgaUsed(): string|undefined {
-      return this.filterOrga?this.filterOrga:this.organisationId;
-    },
-    filterOrga(): string {
-      return this.$store.state.filter.organisationId;
+      return this.filterOrgaId?this.filterOrgaId:this.organisationId;
     },
     displayNextLiveMessage(): string {
       if (0 !== this.livesArray[0].lives.length) return '';
@@ -120,7 +120,7 @@ export default defineComponent({
         this.loaded = true;
       }
     },
-    filterOrga(): void {
+    filterOrgaId(): void {
       if(!this.loading){
         this.fetchContent();
       }

package/src/components/display/organisation/OrganisationChooser.vue

@@ -119,9 +119,10 @@ import { orgaComputed } from '../../mixins/orgaComputed';
 //@ts-ignore
 import VueMultiselect from 'vue-multiselect';
 import octopusApi from '@saooti/octopus-api';
-import { state } from '../../../store/paramStore';
-import { Organisation } from '@/store/class/general/organisation';
-
+import { state } from '../../../stores/ParamSdkStore';
+import { Organisation } from '@/stores/class/general/organisation';
+import { useAuthStore } from '@/stores/AuthStore';
+import { mapState } from 'pinia';
 const ELEMENTS_COUNT = 50;
 const DEFAULT_ORGANISATION_ID = "";
 const DEFAULT_ORGANISATION_IMAGE = '/img/emptypodcast.webp';
@@ -163,6 +164,7 @@ export default defineComponent({
   },
   
   computed: {
+    ...mapState(useAuthStore, ['authOrganisation']),
     myOrganisation(): Organisation|undefined {
       if (!this.authenticated) return undefined;
       return {
@@ -188,7 +190,7 @@ export default defineComponent({
   async created() {
     if (
       this.authenticated &&
-      undefined === this.$store.state.auth?.organisation.imageUrl
+      (undefined === this.authOrganisation.imageUrl ||'' === this.authOrganisation.imageUrl)
     ) {
       const data = await octopusApi.fetchData<Organisation>(0,`organisation/${this.myOrganisationId ?this.myOrganisationId:""}`);
       this.myImage = data.imageUrl;

package/src/components/display/organisation/OrganisationChooserLight.vue

@@ -26,7 +26,7 @@
 </template>
 
 <script lang="ts">
-import { Organisation } from '@/store/class/general/organisation';
+import { Organisation } from '@/stores/class/general/organisation';
 import octopusApi from '@saooti/octopus-api';
 import { defineComponent } from 'vue'
 export default defineComponent({

package/src/components/display/participant/ParticipantItem.vue

@@ -7,7 +7,7 @@
       :to="{
         name: 'participant',
         params: { participantId: participant.participantId },
-        query: { productor: filterOrga },
+        query: { productor: filterOrgaId },
       }"
       class="mt-3 text-dark"
       :title="$t('Participant')"
@@ -45,7 +45,7 @@
       :to="{
         name: 'productor',
         params: { productorId: participant.orga.id },
-        query: { productor: filterOrga },
+        query: { productor: filterOrgaId },
       }"
       class="participant-producer"
     >
@@ -56,13 +56,13 @@
 
 <script lang="ts">
 import octopusApi from '@saooti/octopus-api';
-import { Participant } from '@/store/class/general/participant';
-import { state } from '../../../store/paramStore';
+import { Participant } from '@/stores/class/general/participant';
+import { state } from '../../../stores/ParamSdkStore';
 import imageProxy from '../../mixins/imageProxy';
 import displayMethods from '../../mixins/displayMethods';
 import { orgaComputed } from '../../mixins/orgaComputed';
 import { defineComponent } from 'vue'
-import { Podcast } from '@/store/class/general/podcast';
+import { Podcast } from '@/stores/class/general/podcast';
 export default defineComponent({
   name: 'ParticpantItem',
   mixins: [displayMethods, orgaComputed, imageProxy],

package/src/components/display/participant/ParticipantList.vue

@@ -32,7 +32,9 @@ import ListPaginate from '../list/ListPaginate.vue';
 import { handle403 } from '../../mixins/handle403';
 import octopusApi from '@saooti/octopus-api';
 import ParticipantItem from './ParticipantItem.vue';
-import { Participant, emptyParticipantData } from '@/store/class/general/participant';
+import { useFilterStore } from '@/stores/FilterStore';
+import { mapState } from 'pinia';
+import { Participant, emptyParticipantData } from '@/stores/class/general/participant';
 import { defineComponent } from 'vue'
 import { AxiosError } from 'axios';
 export default defineComponent({
@@ -67,6 +69,7 @@ export default defineComponent({
 
    
   computed: {
+    ...mapState(useFilterStore, ['filterOrgaId']),
     displayArray(): Array<Participant>{
       if(this.isMobile){
         return this.participants;
@@ -74,7 +77,7 @@ export default defineComponent({
       return this.participants.slice(this.dfirst, Math.min(this.dfirst + this.dsize,this.totalCount));
 		},
     organisation(): string|undefined {
-      return this.organisationId?this.organisationId:this.$store.state.filter.organisationId;
+      return this.organisationId?this.organisationId:this.filterOrgaId;
     },
   },
   watch: {

package/src/components/display/playlist/PlaylistItem.vue

@@ -7,7 +7,7 @@
       :to="{
         name: 'playlist',
         params: { playlistId: playlist.playlistId },
-        query: { productor: $store.state.filter.organisationId },
+        query: { productor: filterOrgaId },
       }"
       :title="$t('Playlist')"
       class="d-flex flex-grow-1 text-dark"
@@ -45,7 +45,7 @@
           :to="{
             name: 'productor',
             params: { productorId: playlist.organisation.id },
-            query: { productor: $store.state.filter.organisationId },
+            query: { productor: filterOrgaId },
           }"
           class="emission-producer text-primary mt-auto"
         >
@@ -57,10 +57,12 @@
 </template>
 
 <script lang="ts">
-import { Playlist } from '@/store/class/general/playlist';
-import { state } from '../../../store/paramStore';
+import { Playlist } from '@/stores/class/general/playlist';
+import { state } from '../../../stores/ParamSdkStore';
 import imageProxy from '../../mixins/imageProxy';
 import displayMethods from '../../mixins/displayMethods';
+import { useFilterStore } from '@/stores/FilterStore';
+import { mapState } from 'pinia';
 import { defineComponent } from 'vue'
 export default defineComponent({
   name: 'PlaylistItem',
@@ -72,6 +74,7 @@ export default defineComponent({
   },
   
   computed: {
+    ...mapState(useFilterStore, ['filterOrgaId']),
     isPodcastmaker(): boolean {
       return (state.generalParameters.podcastmaker as boolean);
     },

package/src/components/display/playlist/PlaylistList.vue

@@ -32,8 +32,10 @@ import ListPaginate from '../list/ListPaginate.vue';
 import { handle403 } from '../../mixins/handle403';
 import octopusApi from '@saooti/octopus-api';
 import PlaylistItem from './PlaylistItem.vue';
-import { Playlist, emptyPlaylistData } from '@/store/class/general/playlist';
-import { defineComponent } from 'vue'
+import { Playlist, emptyPlaylistData } from '@/stores/class/general/playlist';
+import { useFilterStore } from '@/stores/FilterStore';
+import { mapState } from 'pinia';
+import { defineComponent } from 'vue';
 import { AxiosError } from 'axios';
 export default defineComponent({
   name: 'PlaylistList',
@@ -63,9 +65,9 @@ export default defineComponent({
       isMobile: false as boolean,
     };
   },
-
   
   computed: {
+    ...mapState(useFilterStore, ['filterOrgaId']),
     displayArray(): Array<Playlist>{
       if(this.isMobile){
         return this.playlists;
@@ -79,7 +81,7 @@ export default defineComponent({
       return !this.query ?'NAME': 'SCORE';
     },
     organisation(): string|undefined {
-      return this.organisationId ?this.organisationId: this.$store.state.filter.organisationId;
+      return this.organisationId ?this.organisationId: this.filterOrgaId;
     },
   },
   watch: {

package/src/components/display/playlist/PodcastList.vue

@@ -46,10 +46,10 @@ import { handle403 } from '../../mixins/handle403';
 import { orgaComputed } from '../../mixins/orgaComputed';
 import octopusApi from '@saooti/octopus-api';
 import PodcastItem from '../podcasts/PodcastItem.vue';
-import { state } from '../../../store/paramStore';
+import { state } from '../../../stores/ParamSdkStore';
 import ClassicSearch from '../../form/ClassicSearch.vue';
-import { Podcast } from '@/store/class/general/podcast';
-import { Playlist } from '@/store/class/general/playlist';
+import { Podcast } from '@/stores/class/general/podcast';
+import { Playlist } from '@/stores/class/general/playlist';
 import { defineComponent } from 'vue'
 import { AxiosError } from 'axios';
 export default defineComponent({

package/src/components/display/playlist/PodcastPlaylistInlineList.vue

@@ -63,9 +63,9 @@ import domHelper from '../../../helper/dom';
 import PodcastItem from '../podcasts/PodcastItem.vue';
 import ClassicLoading from '../../form/ClassicLoading.vue';
 const PHONE_WIDTH = 960;
-import { state } from '../../../store/paramStore';
-import { Podcast } from '@/store/class/general/podcast';
-import { Playlist } from '@/store/class/general/playlist';
+import { state } from '../../../stores/ParamSdkStore';
+import { Podcast } from '@/stores/class/general/podcast';
+import { Playlist } from '@/stores/class/general/playlist';
 import { defineComponent } from 'vue'
 export default defineComponent({
   name: 'PodcastPlaylistInlineList',

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

@@ -7,7 +7,7 @@
       :to="{
         name: 'participant',
         params: { participantId: animator.participantId },
-        query: { productor: $store.state.filter.organisationId },
+        query: { productor: filterOrgaId },
       }"
       :title="$t('Participant')"
       class="podcast-item-animator text-dark"
@@ -18,8 +18,10 @@
 </template>
 
 <script lang="ts">
-import { Participant } from '@/store/class/general/participant';
-import { defineComponent } from 'vue'
+import { Participant } from '@/stores/class/general/participant';
+import { useFilterStore } from '@/stores/FilterStore';
+import { mapState } from 'pinia';
+import { defineComponent } from 'vue';
 export default defineComponent({
   name: 'AnimatorsItem',
 
@@ -27,6 +29,7 @@ export default defineComponent({
     animator: { default: undefined, type: Object as ()=> Participant},
   },
   computed:{
+    ...mapState(useFilterStore, ['filterOrgaId']),
     animatorName(): string{
       return (`${this.animator?.firstName??''} ${this.animator?.lastName??''}`).trim();
     }

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

@@ -41,7 +41,7 @@
         name: 'participant',
         params: { participantId: participant.participantId },
         query: {
-          productor: $store.state.filter.organisationId,
+          productor: filterOrgaId,
         },
       }"
     >
@@ -52,8 +52,10 @@
 
 <script lang="ts">
 import Popover from '../../misc/Popover.vue';
-import { Participant } from '@/store/class/general/participant';
-import { defineComponent } from 'vue'
+import { Participant } from '@/stores/class/general/participant';
+import { useFilterStore } from '@/stores/FilterStore';
+import { mapState } from 'pinia';
+import { defineComponent } from 'vue';
 export default defineComponent({
   name: 'ParticipantDescription',
 
@@ -67,6 +69,7 @@ export default defineComponent({
   },
 
   computed:{
+    ...mapState(useFilterStore, ['filterOrgaId']),
     idPopover(): string{
       return this.isGuest ? "popover-guests-help" : "popover-animators-help";
     },

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

@@ -37,9 +37,9 @@
 <script lang="ts">
 import ClassicSearch from '../../form/ClassicSearch.vue';
 import PodcastList from './PodcastList.vue';
-import { Category } from '@/store/class/general/category';
+import { Category } from '@/stores/class/general/category';
 import { defineComponent, defineAsyncComponent } from 'vue';
-import { Podcast } from '@/store/class/general/podcast';
+import { Podcast } from '@/stores/class/general/podcast';
 const CategoryChooser = defineAsyncComponent(() => import('../categories/CategoryChooser.vue'));
 export default defineComponent({
   components: {

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

@@ -88,12 +88,12 @@
 </template>
 
 <script lang="ts">
-import { mapState } from 'vuex';
-import { state } from '../../../store/paramStore';
-import {StoreState} from '@/store/classStore/typeAppStore';
-import { Podcast } from '@/store/class/general/podcast';
-import { Conference } from '@/store/class/conference/conference';
+import { state } from '../../../stores/ParamSdkStore';
+import { Podcast } from '@/stores/class/general/podcast';
+import { Conference } from '@/stores/class/conference/conference';
 import imageProxy from '../../mixins/imageProxy';
+import { usePlayerStore } from '@/stores/PlayerStore';
+import { mapState, mapActions } from 'pinia';
 import { defineComponent } from 'vue'
 export default defineComponent({
   name: 'PodcastImage',
@@ -113,19 +113,14 @@ export default defineComponent({
     };
   },
   computed: {
-    ...mapState({
-      playingPodcast(state: StoreState) {
-        return (
-          (state.player.podcast &&
-            state.player.podcast.podcastId === this.podcast.podcastId) ||
-          (this.fetchConference &&
-            'null' !== this.fetchConference &&
-            state.player.live &&
-            state.player.live.conferenceId ===
-              this.fetchConference.conferenceId)
-        );
-      },
-    }),
+    ...mapState(usePlayerStore, ['playerPodcast', 'playerLive', 'playerStatus']),
+    playingPodcast(){
+      return (
+        (this.playerPodcast?.podcastId === this.podcast.podcastId) ||
+        (this.fetchConference && 'null' !== this.fetchConference.toString() &&
+          this.playerLive?.conferenceId ===this.fetchConference.conferenceId)
+      );
+    },
     authenticated(): boolean {
       return (state.generalParameters.authenticated as boolean);
     },
@@ -252,18 +247,19 @@ export default defineComponent({
   },
  
   methods: {
+    ...mapActions(usePlayerStore, ['playerChangeStatus', 'playerPlay']),
     play(): void {
       if (this.isLiveToBeRecorded) {
         return;
       }
       if(this.playingPodcast){
-        this.$store.commit('player/pause', "PLAYING"===this.$store.state.player.status);
+        this.playerChangeStatus("PLAYING"===this.playerStatus);
         return;
       }
       if (!this.recordingLive) {
-        this.$store.commit('player/playPodcast', this.podcast);
+        this.playerPlay(this.podcast);
       }else{
-        this.$store.commit('player/playPodcast', {
+        this.playerPlay({
           title: this.podcast.title,
           audioUrl: this.podcast.audioUrl,
           duration: this.podcast.duration,

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

@@ -37,7 +37,7 @@
 </template>
 
 <script lang="ts">
-import { state } from '../../../store/paramStore';
+import { state } from '../../../stores/ParamSdkStore';
 import { defineAsyncComponent, defineComponent } from 'vue';
 const PodcastInlineListClassic = defineAsyncComponent(() => import('./PodcastInlineListClassic.vue'));
 const PodcastSwiperList = defineAsyncComponent(() => import('./PodcastSwiperList.vue'));

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

@@ -53,8 +53,10 @@ import domHelper from '../../../helper/dom';
 import PodcastItem from './PodcastItem.vue';
 import ClassicLoading from '../../form/ClassicLoading.vue';
 const PHONE_WIDTH = 960;
-import { state } from '../../../store/paramStore';
-import { Podcast } from '@/store/class/general/podcast';
+import { useFilterStore } from '@/stores/FilterStore';
+import { mapState } from 'pinia';
+import { state } from '../../../stores/ParamSdkStore';
+import { Podcast } from '@/stores/class/general/podcast';
 import imageProxy from '../../mixins/imageProxy';
 import { defineComponent } from 'vue'
 export default defineComponent({
@@ -98,6 +100,7 @@ export default defineComponent({
     };
   },
   computed: {
+    ...mapState(useFilterStore, ['filterOrgaId']),
     podcasts(): Array<Podcast> {
       return this.allPodcasts.slice(this.index, this.index + this.size);
     },
@@ -110,11 +113,8 @@ export default defineComponent({
     isInlineAnimation(): boolean {
       return (state.generalParameters.isInlineAnimation as boolean);
     },
-    filterOrga(): string {
-      return this.$store.state.filter.organisationId;
-    },
     organisation(): string|undefined {
-      return this.organisationId ?this.organisationId: this.filterOrga;
+      return this.organisationId ?this.organisationId: this.filterOrgaId;
     },
     previousAvailable(): boolean {
       return this.index > 0;
@@ -126,7 +126,7 @@ export default defineComponent({
       return this.direction > 0 ? 'out-left' : 'out-right';
     },
     watchVariable():string{
-      return `${this.emissionId}|${this.organisationId}|${this.filterOrga}|${this.iabId}|${this.rubriqueId}|${this.rubriquageId}|${this.query}`;
+      return `${this.emissionId}|${this.organisationId}|${this.filterOrgaId}|${this.iabId}|${this.rubriqueId}|${this.rubriquageId}|${this.query}`;
     }
   },
   watch: {

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

@@ -72,10 +72,12 @@
 </template>
 
 <script lang="ts">
-import { RubriquageFilter } from '@/store/class/rubrique/rubriquageFilter';
+import { RubriquageFilter } from '@/stores/class/rubrique/rubriquageFilter';
 import { defineComponent } from 'vue'
 import { RouteLocationRaw } from 'vue-router';
-import { Rubrique } from '@/store/class/rubrique/rubrique';
+import { useFilterStore } from '@/stores/FilterStore';
+import { mapState, mapActions } from 'pinia';
+import { Rubrique } from '@/stores/class/rubrique/rubrique';
 export default defineComponent({
   name: 'PodcastInlineListTemplate',
   
@@ -104,9 +106,10 @@ export default defineComponent({
   },
 
   computed: {
+    ...mapState(useFilterStore, ['filterOrgaId', 'filterRubrique', 'filterIab', 'filterRubriquage']),
     rubriqueQueryParam(): string|undefined{
-      if(this.$store.state.filter?.rubriqueFilter?.length){
-        return this.$store.state.filter.rubriqueFilter.map((value: RubriquageFilter) =>  value.rubriquageId+':'+value.rubriqueId).join();
+      if(this.filterRubrique?.length){
+        return this.filterRubrique.map((value: RubriquageFilter) =>  value.rubriquageId+':'+value.rubriqueId).join();
       }
       return undefined;
     },
@@ -116,19 +119,20 @@ export default defineComponent({
         return {
           name: 'category',
           params:{ 'iabId': this.iabId },
-          query: { productor: this.$store.state.filter.organisationId },
+          query: { productor: this.filterOrgaId },
         };
       }
       return {
           name: 'podcasts',
-          query: { productor: this.$store.state.filter.organisationId, 
-                  iabId:this.$store.state.filter.iab?.id,
+          query: { productor: this.filterOrgaId, 
+                  iabId:this.filterIab?.id,
                   rubriquesId: this.rubriqueQueryParam },
         };
     },
   },
 
   methods: {
+    ...mapActions(useFilterStore, ['filterUpdateRubrique']),
     sortChrono():void{
       this.$emit('sortChrono');
     },
@@ -153,18 +157,18 @@ export default defineComponent({
         nameRubriquage:  '',
         nameRubrique: ''
       };
-      if(this.$store.state.filter.rubriquageArray.length){
-        const rubriqueChosen =  this.$store.state.filter.rubriquageArray[this.rubriqueId.length - 1].rubriques.find((element: Rubrique) => element.rubriqueId === rubriqueChosenId);
+      if(this.filterRubriquage.length){
+        const rubriqueChosen =  this.filterRubriquage[this.rubriqueId.length - 1].rubriques.find((element: Rubrique) => element.rubriqueId === rubriqueChosenId);
         filterToAdd = {
-          rubriquageId: this.$store.state.filter.rubriquageArray[this.rubriqueId.length - 1].rubriquageId, 
+          rubriquageId: this.filterRubriquage[this.rubriqueId.length - 1].rubriquageId, 
           rubriqueId: rubriqueChosenId, 
-          nameRubriquage:  this.$store.state.filter.rubriquageArray[this.rubriqueId.length - 1].title,
+          nameRubriquage:  this.filterRubriquage[this.rubriqueId.length - 1].title,
           nameRubrique: rubriqueChosen.name
         };
       }
-      const newFilter: Array<RubriquageFilter> = Array.from(this.$store.state.filter.rubriqueFilter);
+      const newFilter: Array<RubriquageFilter> = Array.from(this.filterRubrique);
       newFilter.push(filterToAdd);
-      this.$store.commit('filterRubrique', newFilter);
+      this.filterUpdateRubrique(newFilter);
       const queries = this.$route.query;
       const queryString = newFilter.map(value =>  value.rubriquageId+':'+value.rubriqueId).join();
       this.$router.push({ name: 'podcasts',query: { ...queries, ...{ rubriquesId: queryString }} });

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

@@ -52,9 +52,9 @@
 <script lang="ts">
 import PodcastItemInfo from './PodcastItemInfo.vue';
 import PodcastImage from './PodcastImage.vue';
-import { state } from '../../../store/paramStore';
+import { state } from '../../../stores/ParamSdkStore';
 import dayjs from 'dayjs';
-import { Podcast } from '@/store/class/general/podcast';
+import { Podcast } from '@/stores/class/general/podcast';
 import { defineComponent } from 'vue'
 export default defineComponent({
   name: 'PodcastItem',

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

@@ -18,7 +18,7 @@
     :to="{
       name: 'podcast',
       params: { podcastId: podcastId },
-      query: { productor: filterOrga },
+      query: { productor: filterOrgaId },
     }"
     class="text-dark flex-grow-1 title-podcast-item"
   >
@@ -39,7 +39,7 @@
       :to="{
         name: 'productor',
         params: { productorId: podcastOrganisationId },
-        query: { productor: filterOrga },
+        query: { productor: filterOrgaId },
       }"
       class="text-dark producer-podcast-item"
     >
@@ -50,14 +50,14 @@
 
 <script lang="ts">
 import AnimatorsItem from './AnimatorsItem.vue';
-import { state } from '../../../store/paramStore';
+import { state } from '../../../stores/ParamSdkStore';
 import { orgaComputed } from '../../mixins/orgaComputed';
 import dayjs from 'dayjs';
 // @ts-ignore
 import humanizeDuration from 'humanize-duration';
 import PodcastPlayBar from './PodcastPlayBar.vue';
 import { defineComponent } from 'vue'
-import { Participant } from '@/store/class/general/participant';
+import { Participant } from '@/stores/class/general/participant';
 export default defineComponent({
   name: 'PodcastItemInfo',
   

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

@@ -34,10 +34,13 @@ import ListPaginate from '../list/ListPaginate.vue';
 import { handle403 } from '../../mixins/handle403';
 import octopusApi from '@saooti/octopus-api';
 import PodcastItem from './PodcastItem.vue';
-import { state } from '../../../store/paramStore';
-import { Podcast, emptyPodcastData } from '@/store/class/general/podcast';
+import { state } from '../../../stores/ParamSdkStore';
+import { useAuthStore } from '@/stores/AuthStore';
+import { useFilterStore } from '@/stores/FilterStore';
+import { mapState } from 'pinia';
+import { Podcast, emptyPodcastData } from '@/stores/class/general/podcast';
 import { defineComponent } from 'vue'
-import { FetchParam } from '@/store/class/general/fetchParam';
+import { FetchParam } from '@/stores/class/general/fetchParam';
 import { AxiosError } from 'axios';
 export default defineComponent({
   name: 'PodcastList',
@@ -86,6 +89,8 @@ export default defineComponent({
   },
 
   computed: {
+    ...mapState(useFilterStore, ['filterOrgaId']),
+    ...mapState(useAuthStore, ['authProfile']),
     displayArray(): Array<Podcast>{
       if(this.isMobile || this.justSizeChosen){
         return this.podcasts;
@@ -98,7 +103,7 @@ export default defineComponent({
       ${this.rubriqueId}|${this.rubriquageId}|${this.before}|${this.after}|${this.includeHidden}|${this.noRubriquageId}|${this.notValid}`;
     },
     organisation(): string|undefined {
-      return this.organisationId ?this.organisationId: this.$store.state.filter.organisationId;
+      return this.organisationId ?this.organisationId: this.filterOrgaId;
     },
     sort(): string {
       return this.popularSort? "POPULARITY" : this.sortCriteria??'DATE';
@@ -158,7 +163,7 @@ export default defineComponent({
         rubriquageId: this.rubriquageId.length ? this.rubriquageId : undefined,
         includeHidden: this.includeHidden,
         validity: undefined !== this.notValid?!this.notValid: undefined,
-        publisherId:this.notValid && !(state.generalParameters.isProduction as boolean)?this.$store.state.auth?.profile.userId:undefined,
+        publisherId:this.notValid && !(state.generalParameters.isProduction as boolean)?this.authProfile.userId:undefined,
         includeStatus:["READY","PROCESSING"]
       };
       try {