@saooti/octopus-sdk 40.1.2 → 40.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saooti/octopus-sdk",
-  "version": "40.1.2",
+  "version": "40.1.4",
   "private": false,
   "description": "Javascript SDK for using octopus",
   "author": "Saooti",
@@ -12,7 +12,6 @@
     "proxy_non_authentifié": "node proxy.ts false",
     "lint": "eslint --fix src",
     "stylelint": "stylelint **/*.{scss,vue} --fix",
-    "build_bundle": "vue-cli-service build --target lib --name octopus ./index.js",
     "sonar": "node sonarqube-scanner.js"
   },
   "dependencies": {

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

@@ -101,6 +101,9 @@ export const usePlayerLogic = (forceHide: Ref<boolean, boolean>)=>{
       audioPlayer.pause();
     } else if ("PLAYING" === playerStore.playerStatus && playerStore.playerRadio) {
       if (playerStore.playerRadio.isInit) {
+        if(vastStore.isAdPlaying && !vastStore.resetSessionId){
+          playerStore.playerRadio.dateSessionId = dayjs().toISOString();
+        }
         playRadio();
       } else {
         playerStore.playerRadio.isInit = true;

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

@@ -1,7 +1,8 @@
 import { usePlayerStore } from "../../../stores/PlayerStore";
 import { useVastStore } from "../../../stores/VastStore";
 import { loadScript } from "../../../helper/loadScript";
-import {Ref, ref, watch} from 'vue';
+import {nextTick, Ref, ref, watch} from 'vue';
+import dayjs from "dayjs";
 let adsLoader: any;
 let adsManager:any;
 let adDisplayContainer:any;
@@ -12,6 +13,7 @@ export const usePlayerVast = ()=>{
   const audioContainer : Ref<HTMLAudioElement|null>= ref(null);
   const isAdRequested = ref(false);
   const statusPlayerWhenLoaded = ref("");
+  const dateForSessionId: Ref<string|undefined> = ref(undefined);
 
   const playerStore = usePlayerStore();
   const vastStore = useVastStore();
@@ -169,10 +171,13 @@ export const usePlayerVast = ()=>{
   }
 
   function onContentResumeRequested() {
-    vastStore.updateIsAdPlaying(false);
     if (!isContentFinished.value) {
       playerStore.playerChangeStatus(false);
     }
+    nextTick(() => {
+      vastStore.updateIsAdPlaying(false);
+      vastStore.updateResetSessionId(false);
+    });
   }
 
   function contentEndedAdsLoader():void{
@@ -185,8 +190,12 @@ export const usePlayerVast = ()=>{
     if(!adsManager){return;}
     if(vastStore.isAdPaused){
       adsManager.pause();
+      dateForSessionId.value = dayjs().toISOString();
     }else{
       adsManager.resume();
+      if(!vastStore.resetSessionId &&dayjs().diff(dayjs(dateForSessionId.value), 'm')>1){
+        vastStore.updateResetSessionId(true);
+      }
     }
   }
 

package/src/components/composable/radio/usefetchRadioData.ts

@@ -24,6 +24,11 @@ export const useFetchRadio = ()=>{
       api: 14,
       path:  "player/playing/" + canalId,
     });
+    /* metadata.nextAdvertising={
+      "adCount": 1,
+      "startDate": "2025-03-04T13:12:00Z",
+      "tag": "5e385e1b51c86"
+  }; */
     if(callbackAdvertising){
       callbackAdvertising(metadata.nextAdvertising);
     }

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

@@ -21,6 +21,7 @@
       v-model:nb-comments="nbComments"
       :class="inStudio? 'mt-2':'mt-5'"
       :podcast="podcast"
+      :isFlatList="inStudio"
       :reload="reload"
       :config="configPodcast"
       :event-to-handle="eventToHandle"
@@ -55,6 +56,7 @@ export default defineComponent({
     inStudio: { default: false, type: Boolean },
     stateFilter: { default: "", type: String },
   },
+  emits:['commentReceived'],
   data() {
     return {
       reload: false as boolean,
@@ -91,10 +93,12 @@ export default defineComponent({
         if (
           !this.commentEventToHandle.length ||
           this.commentPodcastId !== this.podcast?.podcastId
-        )
+        ){
           return;
+        }
         this.eventToHandle = this.commentEventToHandle[0];
         this.commentEventHandled();
+        this.$emit('commentReceived');
       },
     },
   },

package/src/components/misc/ClassicNav.vue

@@ -137,6 +137,9 @@ export default defineComponent({
       justify-content: space-between;
       padding: 0.5rem;
       flex-grow: 1;
+      @media (width <= 550px) {
+        padding:0;
+      }
     }
   }
 }

package/src/stores/VastStore.ts

@@ -11,6 +11,7 @@ interface VastState {
   timeTillSkipInSeconds: number;
   currentTimeAd: number;
   currentDurationAd: number;
+  resetSessionId: boolean;
 
   useVastPlayerPodcast: boolean;
   adPositionIndex: number;
@@ -28,6 +29,7 @@ function emptyVastState(): VastState {
     timeTillSkipInSeconds: 0,
     currentTimeAd: 0,
     currentDurationAd: 0,
+    resetSessionId: false,
 
     useVastPlayerPodcast: false,
     adPositionIndex: 0,
@@ -68,6 +70,9 @@ export const useVastStore = defineStore("VastStore", {
     updateAdPositionIndex(index: number) {
       this.adPositionIndex = index;
     },
+    updateResetSessionId(value: boolean) {
+      this.resetSessionId = value;
+    },
     updateAdPositionsPodcasts(
       podcastId: number,
       adPositions: Array<AdPosition>,