@saooti/octopus-sdk 35.1.7 → 35.2.1

package/src/components/display/comments/CommentSection.vue

@@ -38,11 +38,12 @@
 import CommentList from './CommentList.vue';
 import CommentInput from './CommentInput.vue';
 import cookies from '../../mixins/cookies';
-import { Podcast } from '@/store/class/general/podcast';
-import { Conference } from '@/store/class/conference/conference';
-
+import { Podcast } from '@/stores/class/general/podcast';
+import { Conference } from '@/stores/class/conference/conference';
+import { useCommentStore } from '@/stores/CommentStore';
+import { mapState, mapActions } from 'pinia';
 import { defineComponent } from 'vue'
-import { CommentPodcast } from '@/store/class/general/comment';
+import { CommentPodcast } from '@/stores/class/general/comment';
 export default defineComponent({
   name: 'CommentSection',
   components: {
@@ -62,6 +63,7 @@ export default defineComponent({
     };
   },
   computed: {
+    ...mapState(useCommentStore, ['commentKnownIdentity']),
     commentTitle():string{
       const count = this.loaded && this.totalCount > 0 ? this.$t('()', { nb: this.totalCount }) : '';
       return this.$t("Podcast's comments")+count;
@@ -89,10 +91,10 @@ export default defineComponent({
     },
     knownIdentity: {
       get(): string|null {
-        return this.$store.state.comments.knownIdentity;
+        return this.commentKnownIdentity;
       },
       set(value: string|null) {
-        this.$store.commit('setCommentIdentity', value);
+        this.setCommentIdentity(value);
       },
     },
     isLive(): boolean {
@@ -109,9 +111,10 @@ export default defineComponent({
     this.knownIdentity = this.getCookie('comment-octopus-name');
   },
   methods: {
+    ...mapActions(useGeneralStore, ['setCommentIdentity', 'setCommentLoaded']),
     updateFetch(value: { count: number, comments: Array<CommentPodcast> }): void {
       this.loaded = true;
-      this.$store.commit('setCommentLoaded', {
+      this.setCommentLoaded({
         ...value,
         podcastId: this.podcast? this.podcast.podcastId: undefined,
       });

package/src/components/display/edit/EditBox.vue

@@ -3,7 +3,7 @@
 </template>
 
 <script lang="ts">
-import { CommentPodcast } from '@/store/class/general/comment';
+import { CommentPodcast } from '@/stores/class/general/comment';
 import { defineComponent } from 'vue'
 export default defineComponent({
   methods:{

package/src/components/display/edit/EditCommentBox.vue

@@ -69,7 +69,7 @@
 
 <script lang="ts">
 import selenium from '../../mixins/selenium';
-import { CommentPodcast } from '@/store/class/general/comment';
+import { CommentPodcast } from '@/stores/class/general/comment';
 import { defineComponent, defineAsyncComponent } from 'vue';
 const MessageModal = defineAsyncComponent(
   () => import('@/components/misc/modal/MessageModal.vue')

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

@@ -106,7 +106,7 @@ const getDefaultEmission = (defaultName: string): Emission|undefined => {
   };
 };
 
-import { Emission } from '@/store/class/general/emission';
+import { Emission } from '@/stores/class/general/emission';
 import { defineComponent } from 'vue'
 export default defineComponent({
   components: {

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

@@ -60,16 +60,16 @@
 import octopusApi from '@saooti/octopus-api';
 import domHelper from '../../../helper/dom';
 import EmissionPlayerItem from './EmissionPlayerItem.vue';
-import { state } from '../../../store/paramStore';
+import { state } from '../../../stores/ParamSdkStore';
 import { handle403 } from '../../mixins/handle403';
 const PHONE_WIDTH = 960;
 import ClassicLoading from '../../form/ClassicLoading.vue';
-import { Emission } from '@/store/class/general/emission';
-import { Rubrique } from '@/store/class/rubrique/rubrique';
+import { Emission } from '@/stores/class/general/emission';
+import { Rubrique } from '@/stores/class/rubrique/rubrique';
 import { defineComponent } from 'vue'
 import { AxiosError } from 'axios';
 import imageProxy from '../../mixins/imageProxy';
-import { Rubriquage } from '@/store/class/rubrique/rubriquage';
+import { Rubriquage } from '@/stores/class/rubrique/rubriquage';
 export default defineComponent({
   name: 'EmissionInlineList',
 

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

@@ -6,7 +6,7 @@
       :to="{
         name: 'emission',
         params: { emissionId: emission.emissionId },
-        query: { productor: filterOrga },
+        query: { productor: filterOrgaId },
       }"
       :title="$t('Emission')"
       class="d-flex flex-grow-1 text-dark"
@@ -45,7 +45,7 @@
           :to="{
             name: 'productor',
             params: { productorId: emission.orga.id },
-            query: { productor: filterOrga },
+            query: { productor: filterOrgaId },
           }"
         >
           © {{ emission.orga.name }}
@@ -57,13 +57,13 @@
 
 <script lang="ts">
 import { orgaComputed } from '../../mixins/orgaComputed';
-import { Emission } from '@/store/class/general/emission';
-import { state } from '../../../store/paramStore';
+import { Emission } from '@/stores/class/general/emission';
+import { state } from '../../../stores/ParamSdkStore';
 import octopusApi from '@saooti/octopus-api';
 import imageProxy from '../../mixins/imageProxy';
 import displayMethods from '../../mixins/displayMethods';
 import { defineComponent } from 'vue'
-import { Podcast } from '@/store/class/general/podcast';
+import { Podcast } from '@/stores/class/general/podcast';
 export default defineComponent({
   name: 'EmissionItem',
 

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 { Emission, emptyEmissionData } from '@/store/class/general/emission';
-import { Rubrique } from '@/store/class/rubrique/rubrique';
+import { state } from '../../../stores/ParamSdkStore';
+import { Emission, emptyEmissionData } from '@/stores/class/general/emission';
+import { Rubrique } from '@/stores/class/rubrique/rubrique';
 import { defineComponent, defineAsyncComponent } from 'vue';
-import { FetchParam } from '@/store/class/general/fetchParam';
+import { FetchParam } from '@/stores/class/general/fetchParam';
 import { AxiosError } from 'axios';
-import { Rubriquage } from '@/store/class/rubrique/rubriquage';
+import { Rubriquage } from '@/stores/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"
       >
@@ -141,12 +141,15 @@
 
 <script lang="ts">
 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 { Emission } from '@/stores/class/general/emission';
+import { Podcast } from '@/stores/class/general/podcast';
+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,14 +74,14 @@
 </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';
 import SearchOrder from './SearchOrder.vue';
 import RubriqueFilter from './RubriqueFilter.vue';
 import ClassicCheckbox from '../../form/ClassicCheckbox.vue';
-import { RubriquageFilter } from '@/store/class/rubrique/rubriquageFilter';
+import { RubriquageFilter } from '@/stores/class/rubrique/rubriquageFilter';
 import { defineComponent, defineAsyncComponent } from 'vue';
 const MonetizableFilter = defineAsyncComponent(() => import('./MonetizableFilter.vue'));
 export default defineComponent({
@@ -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 { Organisation } from '@/stores/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/RubriqueChoice.vue

@@ -44,8 +44,8 @@
 </template>
 
 <script lang="ts">
-import { Rubriquage } from '@/store/class/rubrique/rubriquage';
-import { Rubrique } from '@/store/class/rubrique/rubrique';
+import { Rubriquage } from '@/stores/class/rubrique/rubriquage';
+import { Rubrique } from '@/stores/class/rubrique/rubrique';
 import { defineComponent, defineAsyncComponent } from 'vue';
 const RubriqueChooser = defineAsyncComponent(() => import('../rubriques/RubriqueChooser.vue'));
 export default defineComponent({

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

@@ -39,8 +39,10 @@
 <script lang="ts">
 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 { Rubriquage } from '@/stores/class/rubrique/rubriquage';
+import { RubriquageFilter } from '@/stores/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/LiveHorizontalList.vue

@@ -37,7 +37,7 @@
 import ListPaginate from '../list/ListPaginate.vue';
 import octopusApi from '@saooti/octopus-api';
 import PodcastItem from '../podcasts/PodcastItem.vue';
-import { Podcast, emptyPodcastData } from '@/store/class/general/podcast';
+import { Podcast, emptyPodcastData } from '@/stores/class/general/podcast';
 import { defineComponent } from 'vue'
 export default defineComponent({
   name: 'LiveHorizontalList',

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';
@@ -131,9 +131,10 @@ import dayjs from 'dayjs';
 // @ts-ignore
 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 { Podcast } from '@/stores/class/general/podcast';
+import { Participant } from '@/stores/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);
         }
       }
     },