@saooti/octopus-sdk 37.0.6 → 37.0.8

package/src/components/mixins/player/playerLogic.ts

@@ -1,23 +1,23 @@
-import octopusApi from '@saooti/octopus-api';
-import { CommentPodcast } from '@/stores/class/general/comment';
-import cookies from '../cookies';
-import { playerLive } from './playerLive';
-import { playerComment } from './playerComment';
-import { playerTranscript } from './playerTranscript';
-import { defineComponent } from 'vue';
-import { useAuthStore } from '@/stores/AuthStore';
-import { useGeneralStore } from '@/stores/GeneralStore';
-import { usePlayerStore } from '@/stores/PlayerStore';
-import { mapState, mapActions } from 'pinia';
+import octopusApi from "@saooti/octopus-api";
+import { CommentPodcast } from "@/stores/class/general/comment";
+import cookies from "../cookies";
+import { playerLive } from "./playerLive";
+import { playerComment } from "./playerComment";
+import { playerTranscript } from "./playerTranscript";
+import { defineComponent } from "vue";
+import { useAuthStore } from "@/stores/AuthStore";
+import { useGeneralStore } from "@/stores/GeneralStore";
+import { usePlayerStore } from "@/stores/PlayerStore";
+import { mapState, mapActions } from "pinia";
 export const playerLogic = defineComponent({
-  mixins:[cookies,playerLive,playerComment, playerTranscript],
+  mixins: [cookies, playerLive, playerComment, playerTranscript],
   data() {
     return {
       forceHide: false as boolean,
       listenTime: 0 as number,
       notListenTime: 0 as number,
       lastSend: 0 as number,
-      downloadId: null as string|null,
+      downloadId: null as string | null,
       playerError: false as boolean,
       listenError: false as boolean,
       percentLiveProgress: 0 as number,
@@ -26,55 +26,70 @@ export const playerLogic = defineComponent({
       hlsReady: false as boolean,
       comments: [] as Array<CommentPodcast>,
       showTimeline: false as boolean,
-      audioUrlToPlay: "" as string
+      audioUrlToPlay: "" as string,
     };
   },
   computed: {
-    ...mapState(useAuthStore, ['authOrgaId', 'authParam']),
-    ...mapState(useGeneralStore, ['consentTcf']),
+    ...mapState(useAuthStore, ["authOrgaId", "authParam"]),
+    ...mapState(useGeneralStore, ["consentTcf"]),
     ...mapState(usePlayerStore, [
-      'playerPodcast',
-      'playerMedia', 
-      'playerLive', 
-      'playerRadio', 
-      'playerVolume', 
-      'playerStatus', 
-      'playerSeekTime']),
-      
+      "playerPodcast",
+      "playerMedia",
+      "playerLive",
+      "playerRadio",
+      "playerVolume",
+      "playerStatus",
+      "playerSeekTime",
+    ]),
+
     audioUrl(): string {
       return this.getAudioUrl();
     },
   },
 
   watch: {
-    async audioUrl(): Promise<void>{
+    async audioUrl(): Promise<void> {
       this.playerError = false;
-      if(this.playerMedia || !this.playerPodcast || !this.playerPodcast.availability.visibility ||this.listenError){
+      if (
+        this.playerMedia ||
+        !this.playerPodcast ||
+        !this.playerPodcast.availability.visibility ||
+        this.listenError
+      ) {
         this.audioUrlToPlay = this.audioUrl;
       }
-      if(!this.playerPodcast || !this.playerPodcast.availability.visibility ||this.listenError){return;}
-      const response = await octopusApi.fetchDataPublic<{location:string, downloadId: number}>(0,"podcast/download/register/"+ this.getAudioUrlParameters());
+      if (
+        !this.playerPodcast ||
+        !this.playerPodcast.availability.visibility ||
+        this.listenError
+      ) {
+        return;
+      }
+      const response = await octopusApi.fetchDataPublic<{
+        location: string;
+        downloadId: number;
+      }>(0, "podcast/download/register/" + this.getAudioUrlParameters());
       this.setDownloadId(response.downloadId.toString());
       this.audioUrlToPlay = response.location;
     },
     playerPodcast: {
       deep: true,
-      handler(){
+      handler() {
         this.reInitPlayer();
         this.getTranscription();
-      }
+      },
     },
     playerLive: {
       deep: true,
-      handler(){
+      handler() {
         this.$nextTick(async () => {
           this.hlsReady = false;
           this.reInitPlayer();
           this.playLive();
         });
-      }
+      },
     },
-    playerRadio(){
+    playerRadio() {
       this.$nextTick(async () => {
         this.hlsReady = false;
         this.reInitPlayer();
@@ -82,23 +97,35 @@ export const playerLogic = defineComponent({
       });
     },
     async listenTime(newVal): Promise<void> {
-      if (this.playerRadio && (!this.playerPodcast && !this.playerLive)||(!this.downloadId)||(newVal - this.lastSend < 10)) {
+      if (
+        (this.playerRadio && !this.playerPodcast && !this.playerLive) ||
+        !this.downloadId ||
+        newVal - this.lastSend < 10
+      ) {
         return;
       }
       this.lastSend = newVal;
-      await octopusApi.putDataPublic(0, 'podcast/listen/' + this.downloadId + '?seconds=' +  Math.round(newVal), undefined);
+      await octopusApi.putDataPublic(
+        0,
+        "podcast/listen/" + this.downloadId + "?seconds=" + Math.round(newVal),
+        undefined,
+      );
     },
-    playerSeekTime(){
-      if(!this.playerSeekTime){return;}
+    playerSeekTime() {
+      if (!this.playerSeekTime) {
+        return;
+      }
       if (this.playerPodcast || this.playerLive) {
         this.notListenTime = this.playerSeekTime - this.listenTime;
       }
-      const audioPlayer: HTMLAudioElement | null = document.querySelector('#audio-player');
+      const audioPlayer: HTMLAudioElement | null =
+        document.querySelector("#audio-player");
       if (!audioPlayer) return;
       audioPlayer.currentTime = this.playerSeekTime;
     },
     playerStatus() {
-      const audioPlayer: HTMLAudioElement | null = document.querySelector('#audio-player');
+      const audioPlayer: HTMLAudioElement | null =
+        document.querySelector("#audio-player");
       if (!audioPlayer) return;
       if (this.playerLive && !this.hlsReady) {
         audioPlayer.pause();
@@ -106,65 +133,72 @@ export const playerLogic = defineComponent({
         this.durationLivePosition = 0;
         return;
       }
-      if ('PAUSED' === this.playerStatus && this.playerRadio) {
+      if ("PAUSED" === this.playerStatus && this.playerRadio) {
         this.hlsReady = false;
         this.reInitPlayer();
         this.endingLive();
-      }else if('PAUSED' === this.playerStatus){
+      } else if ("PAUSED" === this.playerStatus) {
         audioPlayer.pause();
-      }else if ('PLAYING' === this.playerStatus && this.playerRadio){
-        if(this.playerRadio.isInit){
+      } else if ("PLAYING" === this.playerStatus && this.playerRadio) {
+        if (this.playerRadio.isInit) {
           this.playRadio();
-        }else{
+        } else {
           this.playerRadio.isInit = true;
         }
-      }else if('PLAYING' === this.playerStatus){
+      } else if ("PLAYING" === this.playerStatus) {
         audioPlayer.play();
       }
     },
   },
 
   mounted() {
-    window.addEventListener('beforeunload', this.endListeningProgress);
+    window.addEventListener("beforeunload", this.endListeningProgress);
   },
-  
+
   methods: {
-    ...mapActions(usePlayerStore, ['playerPlay', 'playerUpdateElapsed']),
-    getDomain(): string{
+    ...mapActions(usePlayerStore, ["playerPlay", "playerUpdateElapsed"]),
+    getDomain(): string {
       let domain = "";
-      const domainArray: RegExpExecArray | null = /\.(.+)/.exec(window.location.host);
-      if(domainArray &&  null !== domainArray){
+      const domainArray: RegExpExecArray | null = /\.(.+)/.exec(
+        window.location.host,
+      );
+      if (domainArray && null !== domainArray) {
         domain = domainArray[1];
       }
       return domain;
     },
-    getAudioUrlParameters(): string{
-      if (!this.playerPodcast) return '';
+    getAudioUrlParameters(): string {
+      if (!this.playerPodcast) return "";
       const parameters = [];
-      parameters.push('origin=octopus');
+      parameters.push("origin=octopus");
       if (this.authOrgaId) {
-        parameters.push(
-          'distributorId=' + this.authOrgaId
-        );
+        parameters.push("distributorId=" + this.authOrgaId);
       }
-      if(this.consentTcf){
-        parameters.push('consent='+this.consentTcf);
+      if (this.consentTcf) {
+        parameters.push("consent=" + this.consentTcf);
       }
 
-      if("SECURED" === this.playerPodcast.organisation.privacy && this.authParam.accessToken){
-        parameters.push('access_token='+this.authParam.accessToken);
+      if (
+        "SECURED" === this.playerPodcast.organisation.privacy &&
+        this.authParam.accessToken
+      ) {
+        parameters.push("access_token=" + this.authParam.accessToken);
       }
-      return this.playerPodcast.podcastId + '.mp3?' + parameters.join('&');
+      return this.playerPodcast.podcastId + ".mp3?" + parameters.join("&");
     },
-    getAudioUrl(): string{
-      if (this.playerMedia) return this.playerMedia.audioUrl? this.playerMedia.audioUrl:"";
-      if (!this.playerPodcast) return '';
-      if (!this.playerPodcast.availability.visibility || "PROCESSING"===this.playerPodcast.processingStatus)
+    getAudioUrl(): string {
+      if (this.playerMedia)
+        return this.playerMedia.audioUrl ? this.playerMedia.audioUrl : "";
+      if (!this.playerPodcast) return "";
+      if (
+        !this.playerPodcast.availability.visibility ||
+        "PROCESSING" === this.playerPodcast.processingStatus
+      )
         return this.playerPodcast.audioStorageUrl;
       if (this.listenError) return this.playerPodcast.audioStorageUrl;
       return this.getAudioUrlParameters();
     },
-    reInitPlayer():void{
+    reInitPlayer(): void {
       this.setDownloadId(null);
       this.listenError = false;
       this.initComments();
@@ -176,38 +210,50 @@ export const playerLogic = defineComponent({
       this.playerPlay();
     },
     onError(): void {
-      if (this.playerPodcast && ""!==this.audioUrlToPlay &&  !this.listenError) {
+      if (
+        this.playerPodcast &&
+        "" !== this.audioUrlToPlay &&
+        !this.listenError
+      ) {
         this.listenError = true;
-      } else if ((this.playerPodcast && ""!==this.audioUrlToPlay ) || this.playerMedia) {
+      } else if (
+        (this.playerPodcast && "" !== this.audioUrlToPlay) ||
+        this.playerMedia
+      ) {
         this.playerError = true;
       }
     },
-    streamDurationForSafari(mediaTarget:HTMLMediaElement){
+    streamDurationForSafari(mediaTarget: HTMLMediaElement) {
       let streamDuration = mediaTarget.duration;
-      if(Infinity===streamDuration){
+      if (Infinity === streamDuration) {
         const seekable = mediaTarget.seekable;
-        if(seekable){
+        if (seekable) {
           streamDuration = seekable.end(seekable.length - 1);
-        }else{
+        } else {
           streamDuration = mediaTarget.currentTime;
         }
       }
       return streamDuration;
     },
-    
-    onTimeUpdatePodcast(streamDuration:number, currentTime:number){
+
+    onTimeUpdatePodcast(streamDuration: number, currentTime: number) {
       this.displayAlertBar = false;
       this.percentLiveProgress = 100;
       this.playerUpdateElapsed(currentTime / streamDuration, streamDuration);
       this.onTimeUpdateTranscript(currentTime);
     },
-    onTimeUpdateLive(streamDuration: number, currentTime:number){
-      if(!this.playerLive){return;}
+    onTimeUpdateLive(streamDuration: number, currentTime: number) {
+      if (!this.playerLive) {
+        return;
+      }
       const scheduledDuration = this.playerLive.duration / 1000;
       if (scheduledDuration > streamDuration) {
         this.displayAlertBar = false;
         this.percentLiveProgress = (streamDuration / scheduledDuration) * 100;
-        this.playerUpdateElapsed(currentTime / scheduledDuration, scheduledDuration);
+        this.playerUpdateElapsed(
+          currentTime / scheduledDuration,
+          scheduledDuration,
+        );
       } else {
         this.percentLiveProgress = 100;
         this.displayAlertBar = true;
@@ -216,10 +262,10 @@ export const playerLogic = defineComponent({
       }
     },
     onTimeUpdate(event: Event): void {
-      if(this.playerRadio){
+      if (this.playerRadio) {
         return;
       }
-      const mediaTarget = (event.currentTarget as HTMLMediaElement);
+      const mediaTarget = event.currentTarget as HTMLMediaElement;
       if (this.playerPodcast || this.playerLive) {
         if (!this.downloadId) {
           return;
@@ -232,21 +278,20 @@ export const playerLogic = defineComponent({
           this.notListenTime = mediaTarget.currentTime;
           this.listenTime = 1;
         } else {
-          this.listenTime =
-            mediaTarget.currentTime - this.notListenTime;
+          this.listenTime = mediaTarget.currentTime - this.notListenTime;
         }
       }
-      let streamDuration = this.streamDurationForSafari(mediaTarget);
+      const streamDuration = this.streamDurationForSafari(mediaTarget);
       if (!streamDuration) return;
       if (!mediaTarget.currentTime) return;
       if (!this.playerLive) {
-        this.onTimeUpdatePodcast(streamDuration,mediaTarget.currentTime);
+        this.onTimeUpdatePodcast(streamDuration, mediaTarget.currentTime);
         return;
       }
-      this.onTimeUpdateLive(streamDuration,mediaTarget.currentTime);
+      this.onTimeUpdateLive(streamDuration, mediaTarget.currentTime);
     },
-    onSeeked(event: Event):void {
-      const mediaTarget = (event.currentTarget as HTMLMediaElement);
+    onSeeked(event: Event): void {
+      const mediaTarget = event.currentTarget as HTMLMediaElement;
       const currentTime = mediaTarget.currentTime;
       this.onSeekedTranscript(currentTime);
     },
@@ -258,4 +303,4 @@ export const playerLogic = defineComponent({
       this.forceHide = true;
     },
   },
-})
+});

package/src/components/mixins/player/playerTranscript.ts

@@ -1,61 +1,79 @@
-import octopusApi from '@saooti/octopus-api';
-import { defineComponent } from 'vue';
-import { usePlayerStore } from '@/stores/PlayerStore';
-import { mapState, mapActions } from 'pinia';
+import octopusApi from "@saooti/octopus-api";
+import { defineComponent } from "vue";
+import { usePlayerStore } from "@/stores/PlayerStore";
+import { mapState, mapActions } from "pinia";
 export const playerTranscript = defineComponent({
   computed: {
-    ...mapState(usePlayerStore, ['playerTranscript', 'playerPodcast']),
+    ...mapState(usePlayerStore, ["playerTranscript", "playerPodcast"]),
   },
   methods: {
-    ...mapActions(usePlayerStore, ['playerUpdateTranscript']),
-    async getTranscription(): Promise<void>{
-      if(!this.playerPodcast){
+    ...mapActions(usePlayerStore, ["playerUpdateTranscript"]),
+    async getTranscription(): Promise<void> {
+      if (!this.playerPodcast) {
         this.playerUpdateTranscript();
         return;
       }
-      const result = await octopusApi.fetchDataPublic<string>(11 , `response/${this.playerPodcast.podcastId}`);
+      const result = await octopusApi.fetchDataPublic<string>(
+        11,
+        `response/${this.playerPodcast.podcastId}`,
+      );
       const arrayTranscript = this.parseSrt(result);
-      const actualText = arrayTranscript?.[0]?.startTime === 0 ? arrayTranscript[0].text : "";
-      this.playerUpdateTranscript({actual: 0,actualText:actualText, value : arrayTranscript});
+      const actualText =
+        arrayTranscript?.[0]?.startTime === 0 ? arrayTranscript[0].text : "";
+      this.playerUpdateTranscript({
+        actual: 0,
+        actualText: actualText,
+        value: arrayTranscript,
+      });
     },
-    parseSrt(transcript: string){
-      const pattern = /(\d+)\n([\d:,]+)\s+-{2}\>\s+([\d:,]+)\n([\s\S]*?(?=\n{2}|$))/gm;
+    parseSrt(transcript: string) {
+      const pattern =
+        /(\d+)\n([\d:,]+)\s+-{2}\>\s+([\d:,]+)\n([\s\S]*?(?=\n{2}|$))/gm;
       const result = [];
-      if (typeof(transcript) != 'string'){
+      if (typeof transcript != "string") {
         return;
       }
-      if (transcript == null){
+      if (transcript == null) {
         return;
       }
-      transcript = transcript.replace(/\r\n|\r|\n|\t/g, '\n');
+      transcript = transcript.replace(/\r\n|\r|\n|\t/g, "\n");
       let matches;
       while ((matches = pattern.exec(transcript)) != null) {
         result.push({
           startTime: this.srtTimeToSeconds(matches[2]),
           endTime: this.srtTimeToSeconds(matches[3]),
-          text: matches[4]
+          text: matches[4],
         });
       }
       return result;
     },
-    srtTimeToSeconds(time:string): number{
-      const a = time.split(':'); 
-      return (+a[0]) * 60 * 60 + (+a[1]) * 60 + (+parseFloat(a[2])); 
+    srtTimeToSeconds(time: string): number {
+      const a = time.split(":");
+      return +a[0] * 60 * 60 + +a[1] * 60 + +parseFloat(a[2]);
     },
-    onTimeUpdateTranscript(currentTime:number){
-      if(this.playerTranscript && (this.playerTranscript?.value[this.playerTranscript?.actual]?.endTime ?? Infinity) < currentTime){
-        this.playerTranscript.actual +=1;
-        this.playerTranscript.actualText = this.playerTranscript?.value[this.playerTranscript?.actual].text ?? "";
+    onTimeUpdateTranscript(currentTime: number) {
+      if (
+        this.playerTranscript &&
+        (this.playerTranscript?.value[this.playerTranscript?.actual]?.endTime ??
+          Infinity) < currentTime
+      ) {
+        this.playerTranscript.actual += 1;
+        this.playerTranscript.actualText =
+          this.playerTranscript?.value[this.playerTranscript?.actual].text ??
+          "";
       }
     },
-    onSeekedTranscript(currentTime: number){
-      if(this.playerTranscript){
+    onSeekedTranscript(currentTime: number) {
+      if (this.playerTranscript) {
         let newActual = 0;
-        while (currentTime > (this.playerTranscript.value[newActual]?.endTime ?? Infinity)){
-          newActual +=1;
+        while (
+          currentTime >
+          (this.playerTranscript.value[newActual]?.endTime ?? Infinity)
+        ) {
+          newActual += 1;
         }
         this.playerTranscript.actual = newActual;
       }
-    }
+    },
   },
-})
+});

package/src/components/mixins/radio/fetchRadioData.ts

@@ -1,31 +1,48 @@
-import { defineComponent } from 'vue';
-import { MediaRadio, MetadataRadio } from '@/stores/class/general/player';
-import octopusApi from '@saooti/octopus-api';
-import dayjs from 'dayjs';
-import { Podcast } from '@/stores/class/general/podcast';
+import { defineComponent } from "vue";
+import { MediaRadio, MetadataRadio } from "@/stores/class/general/player";
+import octopusApi from "@saooti/octopus-api";
+import dayjs from "dayjs";
+import { Podcast } from "@/stores/class/general/podcast";
 export const fetchRadioData = defineComponent({
   data() {
     return {
-      radioInterval: undefined as  ReturnType<typeof setTimeout>|undefined,
+      radioInterval: undefined as ReturnType<typeof setTimeout> | undefined,
     };
   },
   unmounted() {
-    clearInterval((this.radioInterval as unknown as number));
+    clearInterval(this.radioInterval as unknown as number);
   },
   methods: {
-    async fetchRadioMetadata(canalId: number, previousTitle: string,  callbackMetadata: (metadata: MediaRadio, podcast:Podcast|undefined,history?: Array<MediaRadio> ) => void): Promise<void>{
-      const metadata = await octopusApi.fetchData<MetadataRadio>(14, 'player/playing/'+canalId);
+    async fetchRadioMetadata(
+      canalId: number,
+      previousTitle: string,
+      callbackMetadata: (
+        metadata: MediaRadio,
+        podcast: Podcast | undefined,
+        history?: Array<MediaRadio>,
+      ) => void,
+    ): Promise<void> {
+      const metadata = await octopusApi.fetchData<MetadataRadio>(
+        14,
+        "player/playing/" + canalId,
+      );
       const arrayMetadata = metadata.previously;
       arrayMetadata.unshift(metadata.currently);
       for (let index = 0, len = arrayMetadata.length; index < len; index++) {
-        if(dayjs().valueOf()-18000 > dayjs(arrayMetadata[index].startDate).valueOf()){
-          if(previousTitle !== arrayMetadata[index].title){
-            const historyIndex = index+1 < len ? index+1 : index;
+        if (
+          dayjs().valueOf() - 18000 >
+          dayjs(arrayMetadata[index].startDate).valueOf()
+        ) {
+          if (previousTitle !== arrayMetadata[index].title) {
+            const historyIndex = index + 1 < len ? index + 1 : index;
             const history = arrayMetadata.slice(historyIndex, len);
-            if(arrayMetadata[index].podcastId){
-              const data : Podcast = await octopusApi.fetchData<Podcast>(0, 'podcast/'+arrayMetadata[index].podcastId); 
+            if (arrayMetadata[index].podcastId) {
+              const data: Podcast = await octopusApi.fetchData<Podcast>(
+                0,
+                "podcast/" + arrayMetadata[index].podcastId,
+              );
               callbackMetadata(arrayMetadata[index], data, history);
-            }else{
+            } else {
               callbackMetadata(arrayMetadata[index], undefined, history);
             }
           }
@@ -33,15 +50,15 @@ export const fetchRadioData = defineComponent({
         }
       }
     },
-    displayTitle(metadata: MediaRadio): string{
+    displayTitle(metadata: MediaRadio): string {
       let title = "";
-      if(metadata.title){
-        title+=metadata.title;
+      if (metadata.title) {
+        title += metadata.title;
       }
-      if(metadata.artist){
-        title+=" - "+metadata.artist;
+      if (metadata.artist) {
+        title += " - " + metadata.artist;
       }
       return title;
-    }
-	}
-});
+    },
+  },
+});

package/src/components/mixins/selenium.ts

@@ -1,7 +1,7 @@
 export default {
   methods: {
     seleniumFormat(string: string): string {
-      return string.toLowerCase().replace(/\s/g, '');
+      return string.toLowerCase().replace(/\s/g, "");
     },
   },
-};
+};

package/src/components/mixins/tagOfMixins.ts

@@ -1,19 +1,19 @@
-import {defineComponent } from 'vue';
+import { defineComponent } from "vue";
 export default defineComponent({
-  name: 'TagOfMixins',
-	methods:{
-    isOuestFranceTag(tag: string): boolean{
-      return "[of]"===tag.substring(0,4);
+  name: "TagOfMixins",
+  methods: {
+    isOuestFranceTag(tag: string): boolean {
+      return "[of]" === tag.substring(0, 4);
     },
-    formateOfTag(tag: string): string{
-      if(!this.isOuestFranceTag(tag)){
+    formateOfTag(tag: string): string {
+      if (!this.isOuestFranceTag(tag)) {
         return tag;
       }
-      const lastSlash = tag.lastIndexOf('/');
-      if(-1!==lastSlash){
+      const lastSlash = tag.lastIndexOf("/");
+      if (-1 !== lastSlash) {
         return tag.substring(lastSlash + 1, tag.length);
       }
       return tag.substring(4, tag.length);
     },
-	}
-});
+  },
+});

package/src/components/pages/CategoryPage.vue

@@ -0,0 +1,43 @@
+<template>
+  <div class="page-box">
+    <h1>{{ title }}</h1>
+    <PodcastList
+      :first="0"
+      :size="30"
+      :iab-id="iabId"
+      :organisation-id="orgaArray"
+    />
+  </div>
+</template>
+
+<script lang="ts">
+import PodcastList from "../display/podcasts/PodcastList.vue";
+import { useFilterStore } from "@/stores/FilterStore";
+import { useGeneralStore } from "@/stores/GeneralStore";
+import { mapState } from "pinia";
+import { defineComponent } from "vue";
+import { Category } from "@/stores/class/general/category";
+export default defineComponent({
+  components: {
+    PodcastList,
+  },
+  props: {
+    iabId: { default: undefined, type: Number },
+  },
+
+  computed: {
+    ...mapState(useGeneralStore, ["storedCategories"]),
+    ...mapState(useFilterStore, ["filterOrgaId"]),
+    orgaArray(): Array<string> {
+      return this.filterOrgaId ? [this.filterOrgaId] : [];
+    },
+    title(): string {
+      const matchCategories = this.storedCategories.filter(
+        (c: Category) => c.id === this.iabId,
+      );
+      if (1 !== matchCategories.length) return "";
+      return matchCategories[0]["name"];
+    },
+  },
+});
+</script>