@saooti/octopus-sdk 35.1.7 → 35.2.0

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

@@ -51,13 +51,15 @@
 import ListPaginate from '../list/ListPaginate.vue';
 import octopusApi from '@saooti/octopus-api';
 import { handle403 } from '../../mixins/handle403';
-import { state } from '../../../store/paramStore';
+import { state } from '../../../stores/ParamSdkStore';
 import { Emission, emptyEmissionData } from '@/store/class/general/emission';
 import { Rubrique } from '@/store/class/rubrique/rubrique';
 import { defineComponent, defineAsyncComponent } from 'vue';
 import { FetchParam } from '@/store/class/general/fetchParam';
 import { AxiosError } from 'axios';
 import { Rubriquage } from '@/store/class/rubrique/rubriquage';
+import { useFilterStore } from '@/stores/FilterStore';
+import { mapState } from 'pinia';
 const EmissionItem = defineAsyncComponent(() => import('./EmissionItem.vue'));
 const EmissionPlayerItem = defineAsyncComponent(() => import('./EmissionPlayerItem.vue'));
 export default defineComponent({
@@ -102,6 +104,7 @@ export default defineComponent({
   },
 
   computed: {
+    ...mapState(useFilterStore, ['filterOrgaId']),
     displayArray(): Array<Emission>{
       if(this.isMobile){
         return this.emissions;
@@ -134,7 +137,7 @@ export default defineComponent({
       }
     },
     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/emission/EmissionPlayerItem.vue

@@ -6,7 +6,7 @@
       :to="{
         name: 'emission',
         params: { emissionId: emission.emissionId },
-        query: { productor: $store.state.filter.organisationId },
+        query: { productor: filterOrgaId },
       }"
       class="d-flex flex-column text-dark"
     >
@@ -61,7 +61,7 @@
         :to="{
           name: 'podcast',
           params: { podcastId: p.podcastId },
-          query: { productor: $store.state.filter.organisationId },
+          query: { productor: filterOrgaId },
         }"
         class="text-dark fw-bold two-line-clamp"
       >
@@ -74,7 +74,7 @@
             :to="{
               name: 'podcast',
               params: { podcastId: p.podcastId },
-              query: { productor: $store.state.filter.organisationId },
+              query: { productor: filterOrgaId },
             }"
             class="d-flex flex-column define-width text-dark"
           >
@@ -97,9 +97,9 @@
         </div>
         <button
           v-if="
-            $store.state.player.podcast !== p ||
-              ($store.state.player.podcast === p &&
-                'PAUSED' === $store.state.player.status)
+            playerPodcast !== p ||
+              (playerPodcast === p &&
+                'PAUSED' === playerStatus)
           "
           class="play-button-box bg-secondary"
           @click="play(p)"
@@ -129,7 +129,7 @@
         :to="{
           name: 'emission',
           params: { emissionId: emission.emissionId },
-          query: { productor: $store.state.filter.organisationId },
+          query: { productor: filterOrgaId },
         }"
         class="btn"
       >
@@ -143,10 +143,13 @@
 import octopusApi from '@saooti/octopus-api';
 import { Emission } from '@/store/class/general/emission';
 import { Podcast } from '@/store/class/general/podcast';
-import { state } from '../../../store/paramStore';
+import { state } from '../../../stores/ParamSdkStore';
 import PodcastPlayBar from '../podcasts/PodcastPlayBar.vue';
 import imageProxy from '../../mixins/imageProxy';
 import displayMethods from '../../mixins/displayMethods';
+import { usePlayerStore } from '@/stores/PlayerStore';
+import { useFilterStore } from '@/stores/FilterStore';
+import { mapState, mapActions } from 'pinia';
 import { defineComponent } from 'vue'
 export default defineComponent({
   name: 'EmissionPlayerItem',
@@ -169,6 +172,8 @@ export default defineComponent({
   },
   
   computed: {
+    ...mapState(useFilterStore, ['filterOrgaId']),
+    ...mapState(usePlayerStore, ['playerPodcast', 'playerStatus']),
     isProgressBar(): boolean{
       return (state.emissionsPage.progressBar as boolean);
     },
@@ -204,6 +209,17 @@ export default defineComponent({
     }
   },
   methods: {
+    ...mapActions(usePlayerStore, ['playerPlay', 'playerChangeStatus']),
+    play(podcast: Podcast): void {
+      if (podcast === this.playerPodcast) {
+        this.playerChangeStatus(false);
+      } else {
+        this.playerPlay(podcast);
+      }
+    },
+    pause(): void {
+      this.playerChangeStatus(true);
+    },
     async loadPodcasts(): Promise<void> {
       const nb = this.nbPodcasts ? this.nbPodcasts : 2;
       const data =  await octopusApi.fetchDataWithParams<{count: number;result:Array<Podcast>;sort: string;}>(0, 'podcast/search',{
@@ -228,16 +244,6 @@ export default defineComponent({
       }
       });
     },
-    play(podcast: Podcast): void {
-      if (podcast === this.$store.state.player.podcast) {
-        this.$store.commit('player/pause', false);
-      } else {
-        this.$store.commit('player/playPodcast', podcast);
-      }
-    },
-    pause(): void {
-      this.$store.commit('player/pause', true);
-    },
   },
 })
 </script>

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

@@ -74,7 +74,7 @@
 </template>
 
 <script lang="ts">
-import { state } from '../../../store/paramStore';
+import { state } from '../../../stores/ParamSdkStore';
 import { orgaComputed } from '../../mixins/orgaComputed';
 import CategorySearchFilter from './CategorySearchFilter.vue';
 import DateFilter from './DateFilter.vue';
@@ -136,7 +136,7 @@ export default defineComponent({
         true === state.generalParameters.isAdmin;
     },
     organisation(): string|undefined {
-      return this.organisationId??this.filterOrga;
+      return this.organisationId??this.filterOrgaId;
     },
     textNotVisible(): string {
       return this.isEmission? this.$t('Consider podcasts no visible') : this.$t('See podcasts no visible');

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

@@ -17,7 +17,8 @@
 <script lang="ts">
 import ClassicCheckbox from '../../form/ClassicCheckbox.vue';
 import CategoryChooser from '../categories/CategoryChooser.vue';
-import { Category } from '@/store/class/general/category';
+import { useFilterStore } from '@/stores/FilterStore';
+import { mapState, mapActions } from 'pinia';
 import { defineComponent } from 'vue'
 export default defineComponent({
   components: {
@@ -34,9 +35,7 @@ export default defineComponent({
     };
   },
   computed: {
-    categoryFilter(): Category|undefined{
-      return this.$store.state.filter.iab;
-    },
+    ...mapState(useFilterStore, ['filterIab']),
   },
   watch: {
     isCategory(): void {
@@ -63,15 +62,15 @@ export default defineComponent({
         this.isInternChanged = false;
       });
     },
-    categoryFilter:{
+    filterIab:{
       deep: true,
       handler(){
         if(this.isInternChanged){
           return;
         }
         this.isInternChanged = true;
-        this.iabId = this.categoryFilter ? this.categoryFilter.id : 0;
-        this.isCategory = this.categoryFilter ? true : false;
+        this.iabId = this.filterIab ? this.filterIab.id : 0;
+        this.isCategory = this.filterIab ? true : false;
         this.$emit('updateCategory', this.iabId);
         this.$nextTick(() => {
           this.isInternChanged = false;
@@ -81,8 +80,8 @@ export default defineComponent({
   },
 
   created() {
-    if(this.categoryFilter){
-      this.iabId = this.categoryFilter.id;
+    if(this.filterIab){
+      this.iabId = this.filterIab.id;
       this.isCategory = true;
     }
     this.$nextTick(() => {
@@ -90,15 +89,16 @@ export default defineComponent({
     });
   },
   methods: {
+    ...mapActions(useFilterStore, ['filterUpdateIab']),
     resetCategoryFilter(): void{
-      if(!this.categoryFilter || this.isInit){
+      if(!this.filterIab || this.isInit){
         return;
       }
       const queries = this.$route.query;
       if (queries.iabId) {
         this.$router.replace({ query: {...queries, ...{iabId: undefined} } });
       }
-      this.$store.commit('filterIab', undefined);
+      this.filterUpdateIab(undefined);
     }
   },
 })

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

@@ -1,7 +1,7 @@
 <template>
   <div class="d-flex align-items-center my-3">
     <div
-      v-if="!isPodcastmaker && !filterOrga"
+      v-if="!isPodcastmaker && !filterOrgaId"
       class="filter-organisation-chooser"
     >
       <OrganisationChooser
@@ -42,9 +42,11 @@
 
 <script lang="ts">
 import ClassicSearch from '../../form/ClassicSearch.vue';
-import { state } from '../../../store/paramStore';
+import { state } from '../../../stores/ParamSdkStore';
 import orgaFilter from '../../mixins/organisationFilter';
 import { Organisation } from '@/store/class/general/organisation';
+import { useFilterStore } from '@/stores/FilterStore';
+import { mapState, mapActions } from 'pinia';
 import { defineComponent, defineAsyncComponent } from 'vue';
 const OrganisationChooser = defineAsyncComponent(() => import('../organisation/OrganisationChooser.vue'));
 const ClassicCheckbox = defineAsyncComponent(() => import('../../form/ClassicCheckbox.vue'));
@@ -70,6 +72,7 @@ export default defineComponent({
     };
   },
   computed: {
+    ...mapState(useFilterStore, ['filterOrgaId']),
     isPodcastmaker(): boolean {
       return (state.generalParameters.podcastmaker as boolean);
     },
@@ -79,30 +82,28 @@ export default defineComponent({
       if ('playlist' === this.type) return this.$t('Look for playlist name');
       return this.$t('Look for podcast name');
     },
-    filterOrga(): string {
-      return this.$store.state.filter.organisationId;
-    },
   },
   watch: {
-    filterOrga():void{
-      this.keepOrganisation = undefined!==this.filterOrga;
-      if (this.filterOrga) {
-        this.$emit('update:organisationId', this.filterOrga);
+    filterOrgaId():void{
+      this.keepOrganisation = undefined!==this.filterOrgaId;
+      if (this.filterOrgaId) {
+        this.$emit('update:organisationId', this.filterOrgaId);
       }
     },
   },
   async created() {
     if (!this.organisationId) return;
-    if(this.$store.state.filter.organisationId === this.organisationId){
+    if(this.filterOrgaId === this.organisationId){
       this.keepOrganisation = true;
     }
   },
   methods: {
+    ...mapActions(useFilterStore, ['filterUpdateOrga']),
     onOrganisationSelected(organisation: Organisation): void {
       if (this.$route.query.productor) {
         this.$router.push({ query: { productor: undefined } });
       }
-      this.$store.commit('filterOrga', {orgaId: undefined});
+      this.filterUpdateOrga({orgaId: undefined});
       this.keepOrganisation = false;
       if (organisation && organisation.id) {
         this.$emit('update:organisationId', organisation.id);

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

@@ -41,6 +41,8 @@ import octopusApi from '@saooti/octopus-api';
 import ClassicCheckbox from '../../form/ClassicCheckbox.vue';
 import { Rubriquage } from '@/store/class/rubrique/rubriquage';
 import { RubriquageFilter } from '@/store/class/rubrique/rubriquageFilter';
+import { useFilterStore } from '@/stores/FilterStore';
+import { mapState, mapActions } from 'pinia';
 import { defineComponent, defineAsyncComponent } from 'vue';
 const RubriqueChoice = defineAsyncComponent(() => import('./RubriqueChoice.vue'));
 export default defineComponent({
@@ -70,14 +72,9 @@ export default defineComponent({
   },
 
   computed: {
-    filterOrga(): string {
-      return this.$store.state.filter.organisationId;
-    },
+    ...mapState(useFilterStore, ['filterRubrique', 'filterOrgaId']),
     organisation(): string|undefined {
-      return this.organisationId ?this.organisationId: this.filterOrga;
-    },
-    rubriqueFilter(): Array<RubriquageFilter>{
-      return this.$store.state.filter.rubriqueFilter;
+      return this.organisationId ?this.organisationId: this.filterOrgaId;
     },
     availableRubriquage(): Array<Rubriquage>{
       if(this.arrayFilter.length){
@@ -138,18 +135,18 @@ export default defineComponent({
         });
       }
     },
-    rubriqueFilter:{
+    filterRubrique:{
       deep: true,
       async handler(){
         if(this.isInternChanged || !this.modifyFilter){
           return;
         }
         this.isInternChanged = true;
-        if(this.saveOrganisation !== this.filterOrga){
+        if(this.saveOrganisation !== this.filterOrgaId){
           await this.fetchTopics(false);
         }
-        if(this.rubriqueFilter.length){
-          this.arrayFilter = Array.from(this.rubriqueFilter);
+        if(this.filterRubrique.length){
+          this.arrayFilter = Array.from(this.filterRubrique);
           this.isRubriquage = true;
         }else if(this.rubriquageData[0].rubriquageId){
           this.arrayFilter = [{rubriquageId: this.rubriquageData[0].rubriquageId, rubriqueId: 0, nameRubriquage:this.rubriquageData[0].title, nameRubrique:""}];
@@ -172,8 +169,8 @@ export default defineComponent({
         this.arrayFilter = Array.from(this.initRubriqueFilter);
         this.isRubriquage = true;
       }
-    }else if(this.rubriqueFilter.length){
-      this.arrayFilter = Array.from(this.rubriqueFilter);
+    }else if(this.filterRubrique.length){
+      this.arrayFilter = Array.from(this.filterRubrique);
       this.isRubriquage = true;
     }
     this.fetchTopics(false);
@@ -182,6 +179,7 @@ export default defineComponent({
     });
   },
   methods: {
+    ...mapActions(useFilterStore, ['filterUpdateRubrique']),
     deleteRubriqueChoice(index: number): void{
       this.arrayFilter.splice(index,1);
     },
@@ -229,14 +227,14 @@ export default defineComponent({
       }
     },
     resetRubriqueFilter(): void{
-      if(0===this.rubriqueFilter.length || this.isInit || !this.modifyFilter){
+      if(0===this.filterRubrique.length || this.isInit || !this.modifyFilter){
         return;
       }
       const queries = this.$route.query;
       if (queries.rubriquesId) {
         this.$router.replace({ query: {...queries, ...{rubriquesId: undefined} } });
       }
-      this.$store.commit('filterRubrique', []);
+      this.filterUpdateRubrique([]);
     }
   },
 })

package/src/components/display/list/ListPaginate.vue

@@ -51,7 +51,7 @@
 <script lang="ts">
 import domHelper from '../../../helper/dom';
 import ClassicLoading from '../../form/ClassicLoading.vue';
-import { state } from '../../../store/paramStore';
+import { state } from '../../../stores/ParamSdkStore';
 import Paginate from './Paginate.vue';
 import { defineComponent } from 'vue'
 export default defineComponent({

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

@@ -8,7 +8,7 @@
       :to="{
         name: 'podcast',
         params: { podcastId: live.podcastId },
-        query: { productor: $store.state.filter.organisationId },
+        query: { productor: filterOrgaId },
       }"
     >
       <div class="fw-bold">
@@ -25,7 +25,7 @@
       :to="{
         name: 'podcast',
         params: { podcastId: live.podcastId },
-        query: { productor: $store.state.filter.organisationId },
+        query: { productor: filterOrgaId },
       }"
     >
       <PodcastImage
@@ -50,7 +50,7 @@
         :to="{
           name: 'podcast',
           params: { podcastId: live.podcastId },
-          query: { productor: $store.state.filter.organisationId },
+          query: { productor: filterOrgaId },
         }"
       >
         {{ live.title }}
@@ -60,7 +60,7 @@
         :to="{
           name: 'emission',
           params: { emissionId: live.emission.emissionId },
-          query: { productor: $store.state.filter.organisationId },
+          query: { productor: filterOrgaId },
         }"
       >
         {{ live.emission.name }}
@@ -91,7 +91,7 @@
           :to="{
             name: 'participant',
             params: { participantId: animator.participantId },
-            query: { productor: $store.state.filter.organisationId },
+            query: { productor: filterOrgaId },
           }"
         >
           {{ getName(animator) }}
@@ -104,7 +104,7 @@
           :to="{
             name: 'productor',
             params: { productorId: live.organisation.id },
-            query: { productor: $store.state.filter.organisationId },
+            query: { productor: filterOrgaId },
           }"
         >
           {{ live.organisation.name }}
@@ -123,7 +123,7 @@
 </template>
 
 <script lang="ts">
-import { state } from '../../../store/paramStore';
+import { state } from '../../../stores/ParamSdkStore';
 import octopusApi from '@saooti/octopus-api';
 import PodcastImage from '../podcasts/PodcastImage.vue';
 import crudApi from '@/api/classicCrud';
@@ -133,7 +133,8 @@ import humanizeDuration from 'humanize-duration';
 import displayMethods from '../../mixins/displayMethods';
 import { Podcast } from '@/store/class/general/podcast';
 import { Participant } from '@/store/class/general/participant';
-
+import { useFilterStore } from '@/stores/FilterStore';
+import { mapState } from 'pinia';
 import { defineComponent, defineAsyncComponent } from 'vue';
 const RecordingItemButton = defineAsyncComponent(() => import('@/components/display/studio/RecordingItemButton.vue'));
 export default defineComponent({
@@ -157,6 +158,7 @@ export default defineComponent({
   },
   
   computed: {
+    ...mapState(useFilterStore, ['filterOrgaId']),
     isEditBox(): boolean {
       return (state.podcastPage.EditBox as boolean);
     },
@@ -223,7 +225,7 @@ export default defineComponent({
       } catch {
         this.$emit('deleteItem', this.index);
         if(this.fetchConference.conferenceId){
-          await crudApi.deleteData(this.$store.state, 9 ,'conference/'+this.fetchConference.conferenceId);
+          await crudApi.deleteData(9 ,'conference/'+this.fetchConference.conferenceId);
         }
       }
     },

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,7 +42,9 @@ 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 { useFilterStore } from '@/stores/FilterStore';
+import { mapState } from 'pinia';
+import { state } from '../../../stores/ParamSdkStore';
 import { Conference } from '@/store/class/conference/conference';
 import { defineComponent } from 'vue'
 import { AxiosError } from 'axios';
@@ -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 { state } from '../../../stores/ParamSdkStore';
 import { Organisation } from '@/store/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/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"
     >
@@ -57,7 +57,7 @@
 <script lang="ts">
 import octopusApi from '@saooti/octopus-api';
 import { Participant } from '@/store/class/general/participant';
-import { state } from '../../../store/paramStore';
+import { state } from '../../../stores/ParamSdkStore';
 import imageProxy from '../../mixins/imageProxy';
 import displayMethods from '../../mixins/displayMethods';
 import { orgaComputed } from '../../mixins/orgaComputed';

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

@@ -32,6 +32,8 @@ import ListPaginate from '../list/ListPaginate.vue';
 import { handle403 } from '../../mixins/handle403';
 import octopusApi from '@saooti/octopus-api';
 import ParticipantItem from './ParticipantItem.vue';
+import { useFilterStore } from '@/stores/FilterStore';
+import { mapState } from 'pinia';
 import { Participant, emptyParticipantData } from '@/store/class/general/participant';
 import { defineComponent } from 'vue'
 import { AxiosError } from 'axios';
@@ -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"
         >
@@ -58,9 +58,11 @@
 
 <script lang="ts">
 import { Playlist } from '@/store/class/general/playlist';
-import { state } from '../../../store/paramStore';
+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);
     },