@saooti/octopus-sdk 38.1.14 → 38.1.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saooti/octopus-sdk",
-  "version": "38.1.14",
+  "version": "38.1.16",
   "private": false,
   "description": "Javascript SDK for using octopus",
   "author": "Saooti",
@@ -16,35 +16,35 @@
   "dependencies": {
     "@popperjs/core": "^2.11.8",
     "@saooti/octopus-api": "^0.36.0",
-    "@tiptap/extension-link": "^2.1.12",
-    "@tiptap/extension-underline": "^2.1.12",
-    "@tiptap/pm": "^2.1.12",
-    "@tiptap/starter-kit": "^2.1.12",
-    "@tiptap/vue-3": "^2.1.12",
+    "@tiptap/extension-link": "^2.1.16",
+    "@tiptap/extension-underline": "^2.1.16",
+    "@tiptap/pm": "^2.1.16",
+    "@tiptap/starter-kit": "^2.1.16",
+    "@tiptap/vue-3": "^2.1.16",
     "@vue/cli": "^5.0.8",
-    "@vue/compat": "^3.3.7",
-    "@vuepic/vue-datepicker": "^7.2.0",
-    "@vueuse/core": "^10.5.0",
-    "autoprefixer": "^10.4.16",
-    "axios": "^1.6.0",
+    "@vue/compat": "^3.4.15",
+    "@vuepic/vue-datepicker": "^7.4.1",
+    "@vueuse/core": "^10.7.2",
+    "autoprefixer": "^10.4.17",
+    "axios": "^1.6.5",
     "dayjs": "^1.11.10",
-    "eslint-config-prettier": "^9.0.0",
-    "eslint-plugin-prettier": "^5.0.1",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.1.3",
     "express": "^4.18.2",
-    "hls.js": "^1.4.12",
-    "humanize-duration": "^3.30.0",
+    "hls.js": "^1.5.1",
+    "humanize-duration": "^3.31.0",
     "jest": "^29.7.0",
     "pinia": "^2.1.7",
     "qrcode.vue": "^3.4.1",
-    "sass": "^1.69.5",
-    "sonarqube-scanner": "^3.1.0",
-    "swiper": "^11.0.3",
-    "video.js": "^8.6.1",
+    "sass": "^1.70.0",
+    "sonarqube-scanner": "^3.3.0",
+    "swiper": "^11.0.5",
+    "video.js": "^8.9.0",
     "videojs-contrib-quality-levels": "^4.0.0",
     "videojs-hls-quality-selector": "^1.1.4",
-    "vite": "^4.5.0",
-    "vue": "^3.3.7",
-    "vue-i18n": "^9.6.4",
+    "vite": "^4.5.1",
+    "vue": "^3.4.15",
+    "vue-i18n": "^9.9.0",
     "vue-recaptcha": "^2.0.3",
     "vue-router": "^4.2.5",
     "vue-select": "^4.0.0-beta.6",
@@ -52,17 +52,17 @@
     "vue3-swatches": "^1.2.3"
   },
   "devDependencies": {
-    "@types/videojs-contrib-quality-levels": "^2.0.3",
-    "@types/videojs-hls-quality-selector": "^1.1.2",
-    "@types/vue-select": "^3.16.6",
-    "@typescript-eslint/eslint-plugin": "^6.9.1",
-    "@typescript-eslint/parser": "^6.9.1",
-    "@vitejs/plugin-vue": "^4.4.0",
-    "@vue/compiler-sfc": "^3.3.7",
+    "@types/videojs-contrib-quality-levels": "^2.0.4",
+    "@types/videojs-hls-quality-selector": "^1.1.3",
+    "@types/vue-select": "^3.16.8",
+    "@typescript-eslint/eslint-plugin": "^6.19.0",
+    "@typescript-eslint/parser": "^6.19.0",
+    "@vitejs/plugin-vue": "^4.6.2",
+    "@vue/compiler-sfc": "^3.4.15",
     "@vue/eslint-config-typescript": "^12.0.0",
-    "eslint": "^8.52.0",
-    "eslint-plugin-vue": "^9.18.1",
-    "typescript": "^5.1.6"
+    "eslint": "^8.56.0",
+    "eslint-plugin-vue": "^9.20.1",
+    "typescript": "^5.3.3"
   },
   "eslintConfig": {
     "root": true,

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

@@ -227,7 +227,10 @@ export default defineComponent({
           sort: this.popularSort ? "POPULARITY" : "DATE",
           query: this.query,
           includeStatus: ["READY", "PROCESSING"],
-          after: this.popularSort && this.lastThreeMonths ? dayjs().subtract(3, 'months').toISOString(): undefined
+          after:
+            this.popularSort && this.lastThreeMonths
+              ? dayjs().subtract(3, "months").toISOString()
+              : undefined,
         },
         true,
       );

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

@@ -39,10 +39,6 @@
         />
         <!-- eslint-enable -->
         <div class="my-3">
-          <ParticipantDescription
-            class="mb-1"
-            :participants="podcast.animators"
-          />
           <div class="mb-1">
             {{ $t("Emission") + " : " }}
             <router-link
@@ -57,6 +53,15 @@
               {{ podcast.emission.name }}
             </router-link>
           </div>
+          <ParticipantDescription
+            class="mb-1"
+            :participants="podcast.animators"
+          />
+          <ParticipantDescription
+            class="mb-1"
+            :participants="podcast.guests"
+            :is-guest="true"
+          />
           <div v-if="!isPodcastmaker" class="mb-1">
             {{ $t("Producted by : ") }}
             <router-link
@@ -81,7 +86,6 @@
             {{ $t("Author credits") + " : " + authorCredit }}
           </div>
 
-          
           <a
             v-if="podcast.article"
             class="btn d-flex align-items-center my-2 width-fit-content mb-1"
@@ -92,11 +96,6 @@
             <span class="saooti-newspaper me-1" />
             <div>{{ $t("See associated article") }}</div>
           </a>
-          <ParticipantDescription
-            class="mb-1"
-            :participants="podcast.guests"
-            :is-guest="true"
-          />
           <PodcastPlayBar
             v-if="isProgressBar"
             :podcast-id="podcast.podcastId"

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

@@ -131,7 +131,10 @@ export default defineComponent({
           sort: this.popularSort ? "POPULARITY" : "DATE",
           query: this.query,
           includeStatus: ["READY", "PROCESSING"],
-          after: this.popularSort && this.lastThreeMonths ? dayjs().subtract(3, 'months').toISOString(): undefined
+          after:
+            this.popularSort && this.lastThreeMonths
+              ? dayjs().subtract(3, "months").toISOString()
+              : undefined,
         },
         true,
       );

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

@@ -6,7 +6,12 @@
     <div>
       {{ $t("Podcast tags") + ": " }}
     </div>
-    <div v-for="(tag, index) in tagList" :key="tag" class="tag-list-element" :class="ouestFranceMainTag === tag ? 'main-of-tag':''">
+    <div
+      v-for="(tag, index) in tagList"
+      :key="tag"
+      class="tag-list-element"
+      :class="ouestFranceMainTag === tag ? 'main-of-tag' : ''"
+    >
       <div
         :id="'tag-list-from-podcast-page' + index"
         role="button"
@@ -47,20 +52,29 @@ export default defineComponent({
   mixins: [tagOfMixins],
   props: {
     tagList: { default: () => [], type: Array as () => Array<string> },
-    podcastAnnotations: { default: () => {}, type: Object as () => { [key: string]: string | number | boolean | undefined } },
+    podcastAnnotations: {
+      default: () => {},
+      type: Object as () => {
+        [key: string]: string | number | boolean | undefined;
+      },
+    },
   },
-  computed:{
-    ouestFranceMainTag():string|undefined{
-      if(this.podcastAnnotations?.["mainOfTag"]){
+  computed: {
+    ouestFranceMainTag(): string | undefined {
+      if (this.podcastAnnotations?.["mainOfTag"]) {
         for (var key in this.podcastAnnotations) {
-          if(this.podcastAnnotations[key] === this.podcastAnnotations["mainOfTag"] && key!=="mainOfTag"){
-            return '[of]'+key;
+          if (
+            this.podcastAnnotations[key] ===
+              this.podcastAnnotations["mainOfTag"] &&
+            key !== "mainOfTag"
+          ) {
+            return "[of]" + key;
           }
         }
       }
       return undefined;
-    }
-  }
+    },
+  },
 });
 </script>
 
@@ -81,7 +95,7 @@ export default defineComponent({
       border: 1px solid #999;
       border-radius: $octopus-borderradius;
     }
-    .main-of-tag{
+    .main-of-tag {
       box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
       font-size: 0.9rem;
     }

package/src/components/form/ClassicSelect.vue

@@ -67,14 +67,14 @@ export default defineComponent({
   select option:hover {
     box-shadow: 0 0 10px 100px #dddddd inset;
   }
-  select:focus > option:checked { 
-      background: #dddddd !important;
+  select:focus > option:checked {
+    background: #dddddd !important;
   }
-  .classic-select select{
+  .classic-select select {
     -webkit-appearance: none;
-		-moz-appearance: none;
-		background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"10\" role=\"presentation\"><path fill=\"%233c3c3c80\" d=\"M9.211364 7.59931l4.48338-4.867229c.407008-.441854.407008-1.158247 0-1.60046l-.73712-.80023c-.407008-.441854-1.066904-.441854-1.474243 0L7 5.198617 2.51662.33139c-.407008-.441853-1.066904-.441853-1.474243 0l-.737121.80023c-.407008.441854-.407008 1.158248 0 1.600461l4.48338 4.867228L7 10l2.211364-2.40069z\"></path></svg>") !important;
-		background-repeat: no-repeat !important;
+    -moz-appearance: none;
+    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="10" role="presentation"><path fill="%233c3c3c80" d="M9.211364 7.59931l4.48338-4.867229c.407008-.441854.407008-1.158247 0-1.60046l-.73712-.80023c-.407008-.441854-1.066904-.441854-1.474243 0L7 5.198617 2.51662.33139c-.407008-.441853-1.066904-.441853-1.474243 0l-.737121.80023c-.407008.441854-.407008 1.158248 0 1.600461l4.48338 4.867228L7 10l2.211364-2.40069z"></path></svg>') !important;
+    background-repeat: no-repeat !important;
     background-position-x: calc(100% - 6px) !important;
     background-position-y: 0.7rem !important;
   }
@@ -86,7 +86,7 @@ export default defineComponent({
     border: 0;
     height: unset;
     -webkit-appearance: auto !important;
-		-moz-appearance: auto !important;
+    -moz-appearance: auto !important;
   }
 }
 </style>

package/src/components/misc/ClassicAccordion.vue

@@ -1,5 +1,11 @@
 <template>
-  <div class="my-2" :class="[displayAccordion ? 'octopus-accordion' : '', isOpen?'octopus-accordion-open':'' ]">
+  <div
+    class="my-2"
+    :class="[
+      displayAccordion ? 'octopus-accordion' : '',
+      isOpen ? 'octopus-accordion-open' : '',
+    ]"
+  >
     <template v-if="displayAccordion">
       <button
         :id="'accordion-' + idComposer"
@@ -51,20 +57,20 @@ export default defineComponent({
 });
 </script>
 <style lang="scss">
-@import '@scss/_variables.scss';
-.octopus-accordion{
-  > button{
+@import "@scss/_variables.scss";
+.octopus-accordion {
+  > button {
     background: white;
     min-height: 50px;
     color: $octopus-primary-color;
     border: 1px solid transparent;
-    &:hover{
+    &:hover {
       border: 1px solid $octopus-primary-color;
     }
   }
-  &.octopus-accordion-open{
+  &.octopus-accordion-open {
     border: 1px solid $octopus-primary-color;
-    > button{
+    > button {
       background: $octopus-primary-color;
       color: white;
     }

package/src/components/misc/ClassicNav.vue

@@ -85,15 +85,15 @@ export default defineComponent({
       background-color 0.15s ease-in-out,
       border-color 0.15s ease-in-out;
     border: 0.1rem solid transparent;
-    &:hover{
+    &:hover {
       border-color: #dee2e6;
       border-bottom-color: $octopus-primary-color;
       color: $octopus-primary-color;
     }
-    &.active{
+    &.active {
       border-color: $octopus-primary-color;
       background: $octopus-primary-color;
-      color:white;
+      color: white;
     }
   }
   .octopus-nav.light .octopus-nav-link {

package/src/components/misc/ClassicPopover.vue

@@ -8,8 +8,11 @@
     :class="[onlyClick ? 'octopus-dropdown' : '', popoverClass]"
     :style="positionInlineStyle"
     @blur="clearDataBlur"
-    @mouseenter="overPopover=true"
-    @mouseleave="overPopover=false;clearData();"
+    @mouseenter="overPopover = true"
+    @mouseleave="
+      overPopover = false;
+      clearData();
+    "
   >
     <div v-if="title" class="bg-secondary p-2">
       {{ title }}
@@ -44,7 +47,7 @@ export default defineComponent({
       posX: 0 as number,
       posY: 0 as number,
       targetElement: null as HTMLElement | null,
-      overPopover: false as boolean
+      overPopover: false as boolean,
     };
   },
   computed: {
@@ -70,7 +73,10 @@ export default defineComponent({
             "mouseenter",
             this.setPopoverData,
           );
-          this.targetElement.addEventListener("mouseleave", this.clearDataTimeout);
+          this.targetElement.addEventListener(
+            "mouseleave",
+            this.clearDataTimeout,
+          );
         }
         if (!this.onlyMouse) {
           this.targetElement.addEventListener("click", this.setPopoverData);
@@ -85,7 +91,10 @@ export default defineComponent({
             "mouseenter",
             this.setPopoverData,
           );
-          this.targetElement.removeEventListener("mouseleave", this.clearDataTimeout);
+          this.targetElement.removeEventListener(
+            "mouseleave",
+            this.clearDataTimeout,
+          );
         }
         if (!this.onlyMouse) {
           this.targetElement.removeEventListener("click", this.setPopoverData);
@@ -185,7 +194,7 @@ export default defineComponent({
     },
     clearDataTimeout() {
       setTimeout(() => {
-        if(!this.overPopover){
+        if (!this.overPopover) {
           this.clearData();
         }
       }, 500);

package/src/components/misc/HomeDropdown.vue

@@ -3,8 +3,8 @@
     <button
       v-if="isAuthenticatedWithOrga"
       :title="$t('My space')"
-      @click="goToAdministration"
       class="btn admin-button hide-smallest-screen m-1 saooti-admin-menu"
+      @click="goToAdministration"
     />
     <router-link
       v-if="isAuthenticatedWithOrga && isContribution"
@@ -60,7 +60,7 @@
           </template>
         </template>
         <hr />
-        <a class="octopus-dropdown-item c-hand" @click="logoutFunction" >
+        <a class="octopus-dropdown-item c-hand" @click="logoutFunction">
           {{ $t("Logout") }}
         </a>
       </template>
@@ -148,25 +148,25 @@ export default defineComponent({
       return state.generalParameters.isContribution ?? false;
     },
   },
-  methods:{
-    async logoutFunction(){
+  methods: {
+    async logoutFunction() {
       try {
-        await crudApi.postData(4, '/logout', undefined);
-        await this.$router.push({ path: '/' });
+        await crudApi.postData(4, "/logout", undefined);
+        await this.$router.push({ path: "/" });
         location.reload();
       } catch (error) {
         //Do nothing
       }
     },
-    goToAdministration(){
-      if("backoffice" !== this.$route.name){
+    goToAdministration() {
+      if ("backoffice" !== this.$route.name) {
         this.$router.push("/main/priv/backoffice");
-      }else if (window.history.length > 1) {
+      } else if (window.history.length > 1) {
         this.$router.go(-1);
       } else {
         this.$router.push("/");
       }
-    }
-  }
+    },
+  },
 });
 </script>

package/src/components/misc/ProgressBar.vue

@@ -1,5 +1,9 @@
 <template>
-  <div v-if="!inPlayer || display" id="test-menu-dropdown" class="octopus-progress">
+  <div
+    v-if="!inPlayer || display"
+    id="test-menu-dropdown"
+    class="octopus-progress"
+  >
     <div
       v-if="secondaryProgress"
       class="octopus-progress-bar bg-light"

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

@@ -10,12 +10,23 @@
           v-for="(chapter, index) in playerChapteringPercent"
           :key="chapter"
           class="btn d-flex flex-nowrap align-items-center p-2 mt-1 c-hand text-truncate mb-1"
-          :class="actualChapter === index ? 'chapter-selected':'border'"
+          :class="actualChapter === index ? 'chapter-selected' : 'border'"
           @click="goToChapter(index)"
         >
           <div class="d-flex align-items-center me-auto">
-            <svg v-if="actualChapter === index" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-soundwave" viewBox="0 0 16 16">
-              <path fill-rule="evenodd" d="M8.5 2a.5.5 0 0 1 .5.5v11a.5.5 0 0 1-1 0v-11a.5.5 0 0 1 .5-.5m-2 2a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5m4 0a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5m-6 1.5A.5.5 0 0 1 5 6v4a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m8 0a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m-10 1A.5.5 0 0 1 3 7v2a.5.5 0 0 1-1 0V7a.5.5 0 0 1 .5-.5m12 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0V7a.5.5 0 0 1 .5-.5"/>
+            <svg
+              v-if="actualChapter === index"
+              xmlns="http://www.w3.org/2000/svg"
+              width="16"
+              height="16"
+              fill="currentColor"
+              class="bi bi-soundwave"
+              viewBox="0 0 16 16"
+            >
+              <path
+                fill-rule="evenodd"
+                d="M8.5 2a.5.5 0 0 1 .5.5v11a.5.5 0 0 1-1 0v-11a.5.5 0 0 1 .5-.5m-2 2a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5m4 0a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5m-6 1.5A.5.5 0 0 1 5 6v4a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m8 0a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m-10 1A.5.5 0 0 1 3 7v2a.5.5 0 0 1-1 0V7a.5.5 0 0 1 .5-.5m12 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0V7a.5.5 0 0 1 .5-.5"
+              />
             </svg>
             <div v-else>{{ index + 1 }}</div>
             <div class="ms-2">{{ "- " + chapter.title }}</div>
@@ -42,7 +53,7 @@ export default defineComponent({
   components: {
     ClassicModal,
   },
-  props: {actualChapter: {default: -1, type: Number}},
+  props: { actualChapter: { default: -1, type: Number } },
   emits: ["close"],
   data() {
     return {
@@ -88,8 +99,8 @@ export default defineComponent({
 <style lang="scss">
 @import "@scss/_variables.scss";
 .octopus-app {
- .chapter-selected{
+  .chapter-selected {
     border: $octopus-primary-color 3px solid;
- }
+  }
 }
-</style>
+</style>

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

@@ -9,7 +9,11 @@
       </div>
       <span class="saooti-right small-text" />
     </button>
-    <ChapteringModal v-if="showChaptering" @close="showChaptering = false" :actual-chapter="actualIndex" />
+    <ChapteringModal
+      v-if="showChaptering"
+      :actual-chapter="actualIndex"
+      @close="showChaptering = false"
+    />
   </div>
   <div v-else-if="playerChapteringPercent" class="margin-chaptering"></div>
 </template>
@@ -72,15 +76,18 @@ export default defineComponent({
   },
   methods: {
     isInChapter(val: number, chapter: ChapterPercent) {
-      return Math.floor(chapter.startPercent) <= val && val < Math.floor(chapter.endPercent);
+      return (
+        Math.floor(chapter.startPercent) <= val &&
+        val < Math.floor(chapter.endPercent)
+      );
     },
   },
 });
 </script>
 <style lang="scss">
 .octopus-app {
- .margin-chaptering{
-  height: 23px;
- }
+  .margin-chaptering {
+    height: 23px;
+  }
 }
-</style>
+</style>

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

@@ -5,7 +5,7 @@
     :secondary-progress="percentLiveProgress"
     :alert-bar="displayAlertBar ? durationLivePosition : undefined"
     :class="classProgress"
-    :inPlayer="true"
+    :in-player="true"
     @mouseup="seekTo"
   />
   <CommentPlayer

package/src/components/pages/Error403Page.vue

@@ -24,15 +24,10 @@
       v-if="authenticated"
       class="btn btn-primary"
       @click="logoutFunction"
-
-      >{{ authText }}</button
-    >
-    <a
-      v-else
-      class="btn btn-primary"
-      href="/sso/login"
-      >{{ authText }}</a
     >
+      {{ authText }}
+    </button>
+    <a v-else class="btn btn-primary" href="/sso/login">{{ authText }}</a>
   </div>
 </template>
 
@@ -56,17 +51,17 @@ export default defineComponent({
   mounted() {
     document.title = this.metaTitle;
   },
-  methods:{
-    async logoutFunction(){
+  methods: {
+    async logoutFunction() {
       try {
-        await crudApi.postData(4, '/logout', undefined);
-        await this.$router.push({ path: '/' });
+        await crudApi.postData(4, "/logout", undefined);
+        await this.$router.push({ path: "/" });
         location.reload();
       } catch (error) {
         //Do nothing
       }
-    }
-  }
+    },
+  },
 });
 </script>
 <style lang="scss">