@saooti/octopus-sdk 40.1.8 → 40.1.10

package/package.json

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

package/src/components/composable/player/usePlayerDisplayTime.ts

@@ -20,13 +20,15 @@ export const usePlayerDisplayTime = ()=>{
     }
     return playerStore.totalTime;
   });
-
+  const transcriptText = computed(() => { 
+    return playerStore.transcriptText;
+  });
 
 
 	return {
     displayPlayTime,
     displayTotalTime,
-    transcriptText: playerStore.transcriptText,
+    transcriptText,
     radioUrl: playerStore.radioUrl,
     isAdPlaying: vastStore.isAdPlaying,
 	}

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

@@ -14,11 +14,11 @@
         @slide-change="slideChange"
       >
         <swiper-slide v-for="(obj, index) in listObject" :key="obj">
-          <slot name="octopusSlide" :option="obj" :index="index" />
+          <slot name="octopusSlide" :option="obj" :index="index" v-if="composableInit" />
         </swiper-slide>
       </swiper>
     </template>
-    <div v-else class="element-list-inline">
+    <div v-else-if="composableInit" class="element-list-inline">
       <div v-for="(obj, index) in listObject" :key="obj" class="element-list-item">
         <slot name="octopusSlide" :option="obj" :index="index" />
       </div>
@@ -60,6 +60,7 @@ export default defineComponent({
       offsetSwiper: 40 as number,
       widthSwiperUsable: 0 as number,
       itemSizeWithoutRecalculed: 0 as number,
+      composableInit: false as boolean,
     };
   },
   computed: {
@@ -101,6 +102,11 @@ export default defineComponent({
       },
     },
   },
+  mounted(){
+    this.$nextTick(() => {
+      this.composableInit = true;
+    });
+  },
 
   methods: {
     slidesUpdated() {

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

@@ -29,13 +29,12 @@ export default defineComponent({
   data() {
     return {
       live: undefined as Podcast | undefined,
-      watchInterval: undefined as ReturnType<typeof setTimeout> | undefined,
+      watchInterval: undefined as ReturnType<typeof setInterval> | undefined,
     };
   },
 
   created() {
-    this.fetchPodcastData();
-    this.watchStatus();
+    this.initLiveItem();
   },
   unmounted() {
     this.clearWatchStatus();
@@ -45,6 +44,12 @@ export default defineComponent({
       clearInterval(this.watchInterval as unknown as number);
       this.watchInterval = undefined;
     },
+    async initLiveItem(){
+      await this.fetchPodcastData();
+      this.watchInterval = setInterval(() => {
+        this.fetchStatus();
+      }, 5000);
+    },
     async fetchPodcastData(): Promise<void> {
       if (!this.fetchConference?.podcastId) return;
       try {
@@ -62,13 +67,14 @@ export default defineComponent({
         }
       }
     },
-    async watchStatus(): Promise<void> {
+    async fetchStatus(): Promise<void> {
       if (
         !this.fetchConference ||
         ("PLANNED" !== this.fetchConference.status &&
           "PENDING" !== this.fetchConference.status &&
           "RECORDING" !== this.fetchConference.status)
       ) {
+        this.clearWatchStatus();
         return;
       }
       const confInfo = await classicApi.fetchData<ConferencePublicInfo>({
@@ -81,11 +87,6 @@ export default defineComponent({
           ...this.fetchConference,
           ...{ status: newStatus },
         });
-      } else {
-        this.clearWatchStatus();
-        this.watchInterval = setTimeout(() => {
-          this.watchStatus();
-        }, 5000);
       }
     },
   },

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

@@ -92,6 +92,10 @@ export default defineComponent({
       this.fetchCurrentlyPlaying();
     }, 10000);
   },
+  unmounted(){
+    clearInterval(this.radioInterval as unknown as number);
+    this.radioInterval= undefined;
+  },
   methods: {
     async fetchCurrentlyPlaying(): Promise<void> {
       if (!this.radio || this.playingRadio) {

package/src/components/misc/player/elements/PlayerTitle.vue

@@ -100,6 +100,10 @@ export default defineComponent({
       },
     },
   },
+  unmounted(){
+    clearInterval(this.radioInterval as unknown as number);
+    this.radioInterval= undefined;
+  },
   methods: {
     ...mapActions(usePlayerStore, [
       "playerMetadata",