@saooti/octopus-sdk 30.0.48 → 30.0.51

package/README.md

@@ -544,4 +544,7 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
  * 30.0.45 ProgressBar pour le soir
  * 30.0.46 Param pour le soir
  * 30.0.47 Live error
- * 30.0.48 Podcastmaker ScrollOverflow PodcastInlineList
+ * 30.0.48 Podcastmaker ScrollOverflow PodcastInlineList
+ * 30.0.49 Podcastmaker ProgressBar
+ * 30.0.50 Commentaires live
+ * 30.0.51 Commentaires live

package/package.json

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

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

@@ -66,7 +66,6 @@
 </template>
 
 <script lang="ts">
-import { IReCaptchaComposition, useReCaptcha } from 'vue-recaptcha-v3';
 import Constants from '../../../../public/config';
 import { state } from '../../../store/paramStore';
 import api from '@/api/initialize';
@@ -130,11 +129,9 @@ export default defineComponent({
         this.sendComment();
         return;
       }
-      const iRecaptcha: IReCaptchaComposition|undefined = useReCaptcha();
-      if(!iRecaptcha){return;}
-      await iRecaptcha.recaptchaLoaded();
-      const token = await iRecaptcha.executeRecaptcha('login');
       try {
+        await this.$recaptchaLoaded()
+        const token = await this.$recaptcha('login');
         this.sendError = false;
         const ok = await api.checkToken(token);
         if (!ok) {

package/src/components/display/podcasts/PodcastPlayBar.vue

@@ -48,14 +48,14 @@ export default defineComponent({
       return (state.emissionsPage.progressBar as boolean);
     },
     percentProgress(): number{
-      if(this.podcast !== this.$store.state.player.podcast){
+      if(!this.$store.state.player.podcast || this.podcast.podcastId !== this.$store.state.player.podcast.podcastId){
         return 0;
       }
       if(!this.$store.state.player.elapsed){return 0;}
       return this.$store.state.player.elapsed * 100;
     },
     playedTime(): string{
-      if(this.podcast === this.$store.state.player.podcast){
+      if(this.$store.state.player.podcast && this.podcast.podcastId === this.$store.state.player.podcast.podcastId){
         if (this.$store.state.player.elapsed && this.$store.state.player.elapsed > 0 && this.$store.state.player.total && this.$store.state.player.total > 0) {
           return DurationHelper.formatDuration(
             Math.round(this.$store.state.player.elapsed * this.$store.state.player.total)
@@ -70,7 +70,7 @@ export default defineComponent({
   },
   methods: {
     seekTo(event: MouseEvent): void {
-      if(this.podcast!== this.$store.state.player.podcast){return;}
+      if(!this.$store.state.player.podcast || this.podcast.podcastId !== this.$store.state.player.podcast.podcastId){return;}
       const rect = (event.currentTarget as Element).getBoundingClientRect();
       const barWidth = (event.currentTarget as Element).clientWidth;
       const x = event.clientX - rect.left;

package/src/components/misc/PlayerButtons.vue

@@ -89,6 +89,9 @@ export default defineComponent({
 
   methods: {
     addKeyboardControl(event: KeyboardEvent): void{
+      if(!event || null ===event){return;}
+      const element = event.target as HTMLElement; 
+      if (!element || 'INPUT' == element.tagName.toUpperCase() || 'TEXTAREA' == element.tagName.toUpperCase()){return;}
       if (' ' === event.key || 'Spacebar' === event.key) {
         event.preventDefault();
         this.switchPausePlay();