@saooti/octopus-sdk 33.0.0 → 33.0.1

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

@@ -12,7 +12,7 @@
     :just-size-chosen="justSizeChosen"
   >
     <template #list>
-      <ul
+      <div
         class="podcast-list"
       >
         <template
@@ -24,7 +24,7 @@
             :podcast="p"
           />
         </template>
-      </ul>
+      </div>
     </template>
   </ListPaginate>
 </template>
@@ -77,8 +77,8 @@ export default defineComponent({
   data() {
     return {
       loading: true as boolean,
-      dfirst: this.first as number,
-      dsize: this.size as number,
+      dfirst: this.first,
+      dsize: this.size,
       totalCount: 0 as number,
       podcasts: [] as Array<Podcast>,
       isMobile: false as boolean,

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

@@ -102,7 +102,7 @@ export default defineComponent({
       return `${this.emissionId}|${this.organisationId}|${this.filterOrga}|${this.iabId}|${this.rubriqueId}|${this.rubriquageId}|${this.query}`;
     },
     sizeItem(): number {
-      return state.generalParameters.podcastItem ? (state.generalParameters.podcastItem as number): 13;
+      return state.generalParameters.podcastItem ? state.generalParameters.podcastItem: 13;
     },
   },
   watch: {

package/src/components/display/rubriques/RubriqueChooser.vue

@@ -102,7 +102,7 @@ export default defineComponent({
   data() {
     return {
       rubriques: [] as Array<Rubrique>,
-      rubrique: getDefaultRubrique(this.defaultanswer) as Rubrique|undefined,
+      rubrique: getDefaultRubrique(this.defaultanswer),
       rubriqueForArray: [] as Array<Rubrique>,
       isLoading: false as boolean,
       withoutItem: { name: this.$t('Without rubric'), rubriqueId: -1 } as {name: string, rubriqueId:number},

package/src/components/display/rubriques/RubriqueList.vue

@@ -37,7 +37,7 @@
         aria-expanded="false"
         :title="$t('See more')"
       />
-      <ul class="dropdown-menu dropdown-menu-right px-4">
+      <div class="dropdown-menu dropdown-menu-right px-4">
         <div
           v-for="rubrique in hidenRubriques"
           :key="rubrique.rubriqueId"
@@ -46,7 +46,7 @@
         >
           {{ rubrique.name }}
         </div>
-      </ul>
+      </div>
     </div>
   </div>
 </template>

package/src/components/display/sharing/PlayerParameters.vue

@@ -128,7 +128,7 @@ export default defineComponent({
       proceedReading: true as boolean,
       episodeNumbers: 'number' as string,
       iFrameNumberPriv: '3' as string,
-      isVisibleTemp: this.isVisible as boolean,
+      isVisibleTemp: this.isVisible,
       displayArticle: true as boolean,
       displayTranscript:true as boolean,
     };

package/src/components/display/sharing/QrCode.vue

@@ -35,7 +35,6 @@ import octopusApi from '@saooti/octopus-api';
 import Snackbar from '../../misc/Snackbar.vue';
 import QrcodeVue from 'qrcode.vue'
 import { defineComponent } from 'vue'
-import SnackbarVue from '../../misc/Snackbar.vue';
 export default defineComponent({
   name: 'QrCode',
 
@@ -72,7 +71,7 @@ export default defineComponent({
       if(canvas && canvas.length > 0 && canvas[0]){
         link.href = (canvas[0] as HTMLCanvasElement).toDataURL();
         link.click();
-        (this.$refs.snackbar as InstanceType<typeof SnackbarVue>).open(this.$t('Download started'));
+        (this.$refs.snackbar as InstanceType<typeof Snackbar>).open(this.$t('Download started'));
       }
     },
     async initColor(): Promise<void> {

package/src/components/display/sharing/ShareButtonsIntern.vue

@@ -99,7 +99,6 @@ import { state } from '../../../store/paramStore';
 import Snackbar from '../../misc/Snackbar.vue';
 import { displayMethods } from '../../mixins/functions';
 import { defineComponent, defineAsyncComponent } from 'vue';
-import SnackbarVue from '../../misc/Snackbar.vue';
 import { Playlist } from '@/store/class/general/playlist';
 const ClipboardModal = defineAsyncComponent(() => import('../../misc/modal/ClipboardModal.vue'));
 const NewsletterModal = defineAsyncComponent(() => import('../../misc/modal/NewsletterModal.vue'));
@@ -201,7 +200,7 @@ export default defineComponent({
       this.dataRSSSave = !this.dataRSSSave;
     },
     afterCopy(): void{
-      (this.$refs.snackbar as InstanceType<typeof SnackbarVue>).open(this.$t('Link in clipboard'));
+      (this.$refs.snackbar as InstanceType<typeof Snackbar>).open(this.$t('Link in clipboard'));
     },
     onDownload(urlToDownload: string, nameOfDownload: string): void{
       const xhr = new XMLHttpRequest();

package/src/components/display/sharing/ShareDistribution.vue

@@ -47,7 +47,6 @@ import { displayMethods } from '../../mixins/functions';
 import { Emission } from '@/store/class/general/emission';
 
 import { defineComponent, defineAsyncComponent } from 'vue';
-import SnackbarVue from '../../misc/Snackbar.vue';
 const RssSection = defineAsyncComponent(() => import('@/components/display/aggregator/RssSection.vue'));
 export default defineComponent({
   components: {
@@ -99,7 +98,7 @@ export default defineComponent({
       this.rss = `${state.octopusApi.url}rss/emission/${this.emissionId}.rss`;
     },
     afterCopy(): void{
-      (this.$refs.snackbar as InstanceType<typeof SnackbarVue>).open(this.$t('Link in clipboard'));
+      (this.$refs.snackbar as InstanceType<typeof Snackbar>).open(this.$t('Link in clipboard'));
     }
   },
 })

package/src/components/display/sharing/SharePlayer.vue

@@ -15,8 +15,6 @@
             id="miniplayerIframe"
             title="miniplayer"
             :src="iFrameSrc"
-            scrolling="no"
-            frameborder="0"
             width="100%"
             :height="iFrameHeight"
             class="max-iframe my-2"
@@ -45,8 +43,8 @@
           :is-visible="isVisible"
           :chose-number-episode="displayChoiceAllEpisodes|| isLargeSuggestion"
           :display-choice-all-episodes="displayChoiceAllEpisodes"
-          :displayTranscriptParam="displayTranscriptParam"
-          :displayArticleParam="displayArticleParam"
+          :display-transcript-param="displayTranscriptParam"
+          :display-article-param="displayArticleParam"
           @displayArticle="displayArticle = $event"
           @displayTranscript="displayTranscript = $event"
           @episodeNumbers="episodeNumbers = $event"
@@ -177,23 +175,13 @@ export default defineComponent({
           'NO' === this.podcast?.emission.monetisable);
     },
     iFrameSrc(): string {
-      const url = [''];
+      let url = [''];
       let iFrameNumber = this.displayChoiceAllEpisodes && 'all' === this.episodeNumbers ? '/0' : '/' + this.iFrameNumber;
       url.push(`${this.baseUrl}miniplayer/`);
       if (!this.podcast && !this.playlist && this.emission) {
-        switch (this.iFrameModel) {
-          case 'default': url.push('emission'); break;
-          case 'large': url.push('emissionLarge'); break;
-          default: url.push(`${this.iFrameModel}`);break;
-        }
-        url.push(`/${this.emission.emissionId}${iFrameNumber}`);
+        url = this.constructEmissionUrl(url);
       } else if (this.playlist) {
-        switch (this.iFrameModel) {
-          case 'default': url.push('playlist'); break;
-          case 'large': url.push('playlistLarge'); break;
-          default: url.push(`${this.iFrameModel}`);break;
-        }
-        url.push(`/${this.playlist.playlistId}`);
+        url = this.constructPlaylistUrl(url);
       } else if(this.emission && this.podcast){
         url.push(`${this.iFrameModel}/`);
         if (this.isEmission || this.isLargeEmission) {
@@ -204,21 +192,7 @@ export default defineComponent({
           url.push(`${this.podcast.podcastId}`);
         }
       }
-      url.push('?distributorId=' + this.organisationId);
-      url.push(`&color=${this.color.substring(1)}&theme=${this.theme.substring(1)}`);
-      if (!this.proceedReading) {
-        url.push('&proceed=false');
-      }
-      if(!this.displayArticle){
-        url.push('&article=false');
-      }
-      if(!this.displayTranscript){
-        url.push('&transcript=false');
-      }
-      if (this.isVisible) {
-        url.push('&key=' + window.btoa(this.dataTitle.toString()));
-      }
-      return url.join('');
+      return this.addUrlParameters(url).join('');
     },
     iFrameHeight(): string {
       switch (this.iFrameModel) {
@@ -278,12 +252,52 @@ export default defineComponent({
   },
   async created() {
     await this.fetchOrgaAttributes();
-    await this.initColor();
+    this.initColor();
     if (this.isLiveReadyToRecord) {
       this.iFrameModel = 'large';
     }
   },
   methods: {
+    getIframeNumber(): string{
+      return this.displayChoiceAllEpisodes && 'all' === this.episodeNumbers ? '/0' : '/' + this.iFrameNumber;
+    },
+    constructEmissionUrl(url: Array<string>){
+      if(!this.emission){return [];}
+       switch (this.iFrameModel) {
+          case 'default': url.push('emission'); break;
+          case 'large': url.push('emissionLarge'); break;
+          default: url.push(`${this.iFrameModel}`);break;
+        }
+        url.push(`/${this.emission.emissionId}${this.getIframeNumber()}`);
+        return url;
+    },
+    constructPlaylistUrl(url: Array<string>){
+      if(!this.playlist){return [];}
+      switch (this.iFrameModel) {
+        case 'default': url.push('playlist'); break;
+        case 'large': url.push('playlistLarge'); break;
+        default: url.push(`${this.iFrameModel}`);break;
+      }
+      url.push(`/${this.playlist.playlistId}`);
+      return url;
+    },
+    addUrlParameters(url: Array<string>){
+      url.push('?distributorId=' + this.organisationId);
+      url.push(`&color=${this.color.substring(1)}&theme=${this.theme.substring(1)}`);
+      if (!this.proceedReading) {
+        url.push('&proceed=false');
+      }
+      if(!this.displayArticle){
+        url.push('&article=false');
+      }
+      if(!this.displayTranscript){
+        url.push('&transcript=false');
+      }
+      if (this.isVisible) {
+        url.push('&key=' + window.btoa(this.dataTitle.toString()));
+      }
+      return url;
+    },
     async fetchOrgaAttributes(): Promise<void>{
       if(this.$store.state.organisation?.attributes && Object.keys(this.$store.state.organisation.attributes).length > 1){
         this.orgaAttributes = this.$store.state.organisation.attributes;

package/src/components/display/sharing/SharePlayerTypes.vue

@@ -104,7 +104,7 @@ export default defineComponent({
         let playerTrySelect = true;
         playerTrySelect = await this.fetchCustomPlayers('EPISODE', playerTrySelect);
         playerTrySelect = await this.fetchCustomPlayers('EMISSION', playerTrySelect);
-        playerTrySelect = await this.fetchCustomPlayers('SUGGESTION', playerTrySelect);
+        await this.fetchCustomPlayers('SUGGESTION', playerTrySelect);
       }
     },
   }

package/src/components/form/ClassicSelect.vue

@@ -25,7 +25,6 @@
 </template>
 <script lang="ts">
 import { defineComponent } from 'vue';
-import { displayMethods } from '../mixins/functions';
 export default defineComponent({
   name: 'ClassicSelect',
   props: {

package/src/components/misc/Footer.vue

@@ -114,7 +114,7 @@ export default defineComponent({
   },
   data() {
     return {
-      language: this.$i18n.locale as string,
+      language: this.$i18n.locale,
     };
   },
   computed: {

package/src/components/misc/modal/NewsletterModal.vue

@@ -110,7 +110,6 @@ import { Participant } from '@/store/class/general/participant';
 import { Podcast } from '@/store/class/general/podcast';
 import { state } from '../../../store/paramStore';
 import { defineComponent } from 'vue'
-import SnackbarVue from '../../misc/Snackbar.vue';
 import octopusApi from '@saooti/octopus-api';
 import { Emission } from '@/store/class/general/emission';
 import { Playlist } from '@/store/class/general/playlist';
@@ -138,7 +137,7 @@ export default defineComponent({
       displayParticipantsNames: true as boolean,
       displayEmissionName: true as boolean,
       color: '#40a372' as string,
-      shareUrl: window.location.href as string,
+      shareUrl: window.location.href,
 
     };
   },
@@ -299,7 +298,7 @@ export default defineComponent({
       }
     },
     afterCopy(): void{
-      (this.$refs.snackbar as InstanceType<typeof SnackbarVue>).open(this.$t('Data in clipboard'));
+      (this.$refs.snackbar as InstanceType<typeof Snackbar>).open(this.$t('Data in clipboard'));
     },
     async initData(): Promise<void> {
       let attributes;

package/src/components/misc/modal/ShareModalPlayer.vue

@@ -99,7 +99,6 @@ import { displayMethods } from '../../mixins/functions';
 import QrCode from '../../display/sharing/QrCode.vue';
 import { defineComponent } from 'vue'
 import { Podcast } from '@/store/class/general/podcast';
-import SnackbarVue from '../Snackbar.vue';
 export default defineComponent({
   name: 'ShareModalPlayer',
 
@@ -136,7 +135,7 @@ export default defineComponent({
       this.$emit('close');
     },
     afterCopy(): void{
-      (this.$refs.snackbar as InstanceType<typeof SnackbarVue>).open(this.$t('Data in clipboard'));
+      (this.$refs.snackbar as InstanceType<typeof Snackbar>).open(this.$t('Data in clipboard'));
     }
   },
 })

package/src/components/misc/player/PlayerCompact.vue

@@ -146,7 +146,7 @@ export default defineComponent({
     align-items: center;
     justify-content: center;
     margin: 0 0.5rem;
-    border-radius: 50%;
+    border-radius: 50% !important;
     font-size: 0.7rem !important;
     flex-shrink: 0;
     cursor: pointer;

package/src/components/misc/player/PlayerLarge.vue

@@ -158,7 +158,7 @@ export default defineComponent({
     align-items: center;
     justify-content: center;
     margin: 0 0.5rem;
-    border-radius: 50%;
+    border-radius: 50% !important;
     font-size: 2.5rem !important;
     flex-shrink: 0;
     cursor: pointer;

package/src/components/mixins/functions.ts

@@ -32,8 +32,8 @@ export const cookies =
     getCookie(name: string): string|null {
       const nameEQ = name + '=';
       const ca = document.cookie.split(';');
-      for (let i = 0; i < ca.length; i++) {
-        let c = ca[i];
+      for (let cookieValue of ca) {
+        let c = cookieValue;
         while (c.charAt(0) == ' ') c = c.substring(1, c.length);
         if (0 === c.indexOf(nameEQ))
           return c.substring(nameEQ.length, c.length);
@@ -53,18 +53,7 @@ export const displayMethods ={
       });
     },
     async onCopyCode(link: string, callback: () => void): Promise<void> {
-      if ('undefined' !== typeof navigator.clipboard) {
-        await navigator.clipboard.writeText(link);
-        return callback();
-      }
-      const textArea = document.createElement('textarea');
-      textArea.value = link;
-      textArea.style.position = 'fixed';
-      document.body.appendChild(textArea);
-      textArea.focus();
-      textArea.select();
-      document.execCommand('copy');
-      document.body.removeChild(textArea);
+      await navigator.clipboard.writeText(link);
       return callback();
     },
   },

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

@@ -39,25 +39,7 @@ export const playerComment = defineComponent({
         return true;
       return false;
     },
-    async initComments(refresh = false): Promise<void> {
-      let podcastId, organisation;
-      if (this.podcast) {
-        podcastId = this.podcast.podcastId;
-        organisation = this.podcast.organisation.id;
-      } else if (this.live) {
-        podcastId = this.live.livePodcastId;
-        organisation = this.live.organisation.id;
-      }
-      if (
-        refresh &&
-        podcastId &&
-        this.$store.state.comments.actualPodcastId !== podcastId
-      ) {
-        return;
-      }
-      let first = 0;
-      let count = 0;
-      const size = 50;
+    initCommentCurrentPodcast(podcastId?: number): Array<number>{
       if (
         podcastId &&
         this.$store.state.comments.actualPodcastId === podcastId
@@ -67,16 +49,13 @@ export const playerComment = defineComponent({
           this.commentsLoaded &&
           this.commentsLoaded.length < this.$store.state.comments.totalCount
         ) {
-          first = this.commentsLoaded.length;
-          count = this.$store.state.comments.totalCount;
+          return [this.commentsLoaded.length, this.$store.state.comments.totalCount];
         }
       }
-      if (
-        (!podcastId ||
-          this.$store.state.comments.actualPodcastId === podcastId) &&
-        0 === first
-      )
-        return;
+      return [0, 0];
+    },
+    async fetchComments(first: number, count:number,podcastId?:number,organisation?:string){
+      const size = 50;
       while (0 === first || this.comments.length < count) {
         const param: FetchParam = {
           first: first,
@@ -94,5 +73,33 @@ export const playerComment = defineComponent({
         });
       }
     },
+    async initComments(refresh = false): Promise<void> {
+      let podcastId, organisation;
+      if (this.podcast) {
+        podcastId = this.podcast.podcastId;
+        organisation = this.podcast.organisation.id;
+      } else if (this.live) {
+        podcastId = this.live.livePodcastId;
+        organisation = this.live.organisation.id;
+      }
+      if (
+        refresh &&
+        podcastId &&
+        this.$store.state.comments.actualPodcastId !== podcastId
+      ) {
+        return;
+      }
+      const param= this.initCommentCurrentPodcast(podcastId);
+      let first = param[0];
+      let count = param[1];
+      if (
+        (!podcastId ||
+          this.$store.state.comments.actualPodcastId === podcastId) &&
+        0 === first
+      ){
+        return;
+      }
+      await this.fetchComments(first, count, podcastId, organisation);
+    },
   },
 })

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

@@ -44,7 +44,7 @@ export const playerLive = defineComponent({
         if (this.audioElement.canPlayType('application/vnd.apple.mpegurl')) {
           this.audioElement.src = hlsStreamUrl;
           await this.initLiveDownloadId();
-          await (this.audioElement as HTMLAudioElement).play();
+          await this.audioElement.play();
           this.onPlay();
         }else{
           await this.initHls(hlsStreamUrl);
@@ -74,7 +74,6 @@ export const playerLive = defineComponent({
     async initHls(hlsStreamUrl: string): Promise<void> {
       return new Promise<void>(async(resolve, reject) => {
         if(null === Hls){
-          //TODO -> Version light min quand ce sera possible
           await import('hls.js/dist/hls.js').then((hlsLibrary) => {
             Hls = hlsLibrary.default;
           })
@@ -86,14 +85,6 @@ export const playerLive = defineComponent({
           reject('Hls is not supported ! ');
         }
         const hls = new Hls();
-        /* if(this.$store.state.authentication.isAuthenticated && this.$store.state.oAuthParam.accessToken){
-          hls = new Hls({xhrSetup:
-            (xhr: XMLHttpRequest) => {
-              xhr.setRequestHeader("Authorization", "Bearer " + this.$store.state.oAuthParam.accessToken);
-            }
-            }
-          );
-        } */
         hls.on(Hls.Events.MANIFEST_PARSED, async () => {
           await this.initLiveDownloadId();
           hls.attachMedia((this.audioElement as HTMLAudioElement));

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

@@ -172,24 +172,7 @@ export const playerLogic = defineComponent({
         this.playerError = true;
       }
     },
-    onTimeUpdate(event: Event): void {
-      const mediaTarget = (event.currentTarget as HTMLMediaElement);
-      if (this.podcast || this.live) {
-        if (!this.downloadId) {
-          return;
-        }
-        if (
-          this.live &&
-          0 === this.listenTime &&
-          0 !== mediaTarget.currentTime
-        ) {
-          this.notListenTime = mediaTarget.currentTime;
-          this.listenTime = 1;
-        } else {
-          this.listenTime =
-            mediaTarget.currentTime - this.notListenTime;
-        }
-      }
+    streamDurationForSafari(mediaTarget:HTMLMediaElement){
       let streamDuration = mediaTarget.duration;
       if(Infinity===streamDuration){
         const seekable = mediaTarget.seekable;
@@ -199,15 +182,16 @@ export const playerLogic = defineComponent({
           streamDuration = mediaTarget.currentTime;
         }
       }
-      if (!streamDuration) return;
-      if (!mediaTarget.currentTime) return;
-      if (!this.live) {
-        this.displayAlertBar = false;
-        this.percentLiveProgress = 100;
-        this.$store.commit('playerTotalTime', streamDuration);
-        this.$store.commit('playerElapsed', mediaTarget.currentTime / streamDuration);
-        return;
-      }
+      return streamDuration;
+    },
+    onTimeUpdatePodcast(streamDuration:number, currentTime:number){
+      this.displayAlertBar = false;
+      this.percentLiveProgress = 100;
+      this.$store.commit('playerTotalTime', streamDuration);
+      this.$store.commit('playerElapsed', currentTime / streamDuration);
+    },
+    onTimeUpdateLive(streamDuration: number, currentTime:number){
+      if(!this.live){return;}
       const scheduledDuration = this.live.duration / 1000;
       if (scheduledDuration > streamDuration) {
         this.displayAlertBar = false;
@@ -215,15 +199,42 @@ export const playerLogic = defineComponent({
         this.$store.commit('playerTotalTime', scheduledDuration);
         this.$store.commit(
           'playerElapsed',
-          mediaTarget.currentTime / scheduledDuration
+          currentTime / scheduledDuration
         );
       } else {
         this.percentLiveProgress = 100;
         this.displayAlertBar = true;
         this.durationLivePosition = (scheduledDuration / streamDuration) * 100;
         this.$store.commit('playerTotalTime', streamDuration);
-        this.$store.commit('playerElapsed', mediaTarget.currentTime / streamDuration);
+        this.$store.commit('playerElapsed', currentTime / streamDuration);
+      }
+    },
+    onTimeUpdate(event: Event): void {
+      const mediaTarget = (event.currentTarget as HTMLMediaElement);
+      if (this.podcast || this.live) {
+        if (!this.downloadId) {
+          return;
+        }
+        if (
+          this.live &&
+          0 === this.listenTime &&
+          0 !== mediaTarget.currentTime
+        ) {
+          this.notListenTime = mediaTarget.currentTime;
+          this.listenTime = 1;
+        } else {
+          this.listenTime =
+            mediaTarget.currentTime - this.notListenTime;
+        }
+      }
+      let streamDuration = this.streamDurationForSafari(mediaTarget);
+      if (!streamDuration) return;
+      if (!mediaTarget.currentTime) return;
+      if (!this.live) {
+        this.onTimeUpdatePodcast(streamDuration,mediaTarget.currentTime);
+        return;
       }
+      this.onTimeUpdateLive(streamDuration,mediaTarget.currentTime);
     },
     onFinished(): void {
       this.setDownloadId(null);

package/src/components/pages/Podcast.vue

@@ -71,6 +71,10 @@
         :title="$t('More episodes of this emission')"
         :button-text="$t('All podcast emission button')"
       />
+      <PodcastInlineList
+        :podcastId="podcastId"
+        title="Les recommendations de Vincent !"
+      />
       <PodcastInlineList
         v-for="c in categories"
         :key="c.id"

package/src/helper/duration.ts

@@ -1,43 +1,14 @@
 export default {
+  formatToString(value: number){
+    if (value < 10) {
+      return '0' + value;
+    }
+    return value.toString();
+  },
   formatDuration(totalSeconds: number): string {
     const hours = Math.floor(totalSeconds / 3600);
     const minutes = Math.floor((totalSeconds - hours * 3600) / 60);
     const seconds = totalSeconds - hours * 3600 - minutes * 60;
-    let hoursString = "";
-    let minutesString = "";
-    let secondsString = "";
-
-    if (hours > 0) {
-      if (hours < 10) {
-        hoursString = '0' + hours;
-      }else{
-        hoursString = hours.toString();
-      }
-      if (minutes < 10) {
-        minutesString = '0' + minutes;
-      }else{
-        minutesString = minutes.toString();
-      }
-      if (seconds < 10) {
-        secondsString = '0' + seconds;
-      }else{
-        secondsString = seconds.toString();
-      }
-
-      return hoursString + "'" + minutesString + "'" + secondsString + "'";
-    } else {
-      if (minutes < 10) {
-        minutesString = '0' + minutes;
-      }else{
-        minutesString = minutes.toString();
-      }
-      if (seconds < 10) {
-        secondsString = '0' + seconds;
-      }else{
-        secondsString = seconds.toString();
-      }
-
-      return minutesString + "'" + secondsString + "'";
-    }
+    return (hours > 0? this.formatToString(hours)+"'":"") + this.formatToString(minutes) +"'"+ this.formatToString(seconds)+"'";
   },
 };

package/src/i18n.ts

@@ -8,7 +8,7 @@ import 'moment/dist/locale/fr.js';
 import 'moment/dist/locale/it.js';
 import 'moment/dist/locale/sl.js';
 
-export function setupI18n(options = { locale: 'en' }, isEducation: boolean) {
+export function setupI18n(options: { locale: string }, isEducation: boolean) {
   const i18n = createI18n(options)
   loadLocaleMessages(i18n.global, options.locale, isEducation);
   return i18n;