@saooti/octopus-sdk 37.0.59 → 37.1.0

package/package.json

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

package/public/css/fonts/icomoon.svg

@@ -46,7 +46,7 @@
 <glyph unicode="&#xe924;" glyph-name="send" horiz-adv-x="820" d="M425 422.657l-334.37-33.308-88.397-281.845c-7.687-23.062 5.126-47.402 28.184-55.087 10.249-3.843 21.778-2.562 32.029 2.562l734.080 354.87c20.499 10.251 29.465 34.587 19.218 56.37-3.843 8.968-10.251 15.373-19.218 19.216l-732.799 356.151c-21.778 10.251-47.4 1.281-58.93-20.499-5.126-10.249-6.405-21.778-2.56-32.027l88.397-281.843 334.37-32.029c14.094-1.279 25.622-14.094 23.062-29.465 0-12.811-10.249-21.778-23.062-23.062v0z" />
 <glyph unicode="&#xe925;" glyph-name="search" horiz-adv-x="820" d="M803.702 129.737l-132.279 132.279c47.436 63.527 73.349 142.309 73.349 223.599 0 99.052-38.451 192.253-108.247 262.677-70.214 70.841-164.042 109.71-264.14 109.71-98.634 0-191.836-38.869-262.677-109.71s-109.71-164.251-109.71-262.886c0-100.097 39.078-193.925 109.71-264.14 70.423-69.796 163.624-108.247 262.677-108.247 81.29 0 160.072 25.912 223.599 73.349l132.279-132.279c10.24-10.24 23.823-16.091 37.824-16.091s27.375 5.642 37.824 16.091 16.091 23.823 16.091 37.824c-0.418 14.001-6.060 27.375-16.3 37.824zM637.152 485.406c0-146.071-118.696-264.766-264.766-264.766s-264.766 118.696-264.766 264.766c0 143.563 121.203 264.766 264.766 264.766 145.862 0 264.766-118.696 264.766-264.766z" />
 <glyph unicode="&#xe926;" glyph-name="facebook" horiz-adv-x="820" d="M666.262 960.001h-132.917c-148.868 0-245.632-98.892-245.632-252.011v-115.906h-132.917c-11.695 0-21.269-9.569-21.269-21.269v-168.008c0-11.698 9.569-21.267 21.269-21.267h132.917v-424.274c0-11.698 9.569-21.267 21.269-21.267h174.389c11.698 0 21.269 9.569 21.269 21.267v425.337h156.312c11.698 0 21.267 9.569 21.267 21.267v168.008c0 5.318-2.129 10.632-6.377 14.885s-9.569 6.377-14.887 6.377h-157.374v97.827c0 46.786 11.698 71.244 72.307 71.244h89.319c11.698 0 21.267 9.569 21.267 21.269v155.247c0 11.695-8.506 21.269-20.203 21.269z" />
-<glyph unicode="&#xe927;" glyph-name="twitter" d="M1024.001 765.577c-37.644-16.731-78.156-28.020-120.664-33.072 43.401 25.983 76.681 67.14 92.374 116.236-40.595-24.090-85.535-41.573-133.406-51.010-38.309 40.824-92.915 66.352-153.341 66.352-116.009 0-210.069-94.059-210.069-210.089 0-16.442 1.849-32.469 5.445-47.873-174.605 8.771-329.423 92.397-433.044 219.506-18.083-31.013-28.436-67.1-28.436-105.636 0-72.877 37.082-137.19 93.456-174.854-34.422 1.102-66.828 10.56-95.16 26.295-0.023-0.872-0.023-1.768-0.023-2.662 0-101.77 72.421-186.662 168.537-205.992-17.628-4.78-36.188-7.359-55.355-7.359-13.553 0-26.709 1.31-39.534 3.781 26.753-83.455 104.326-144.216 196.245-145.901-71.901-56.353-162.466-89.943-260.912-89.943-16.942 0-33.675 0.998-50.115 2.952 92.998-59.635 203.417-94.39 322.043-94.39 386.441 0 597.733 320.11 597.733 597.733 0 9.104-0.187 18.187-0.582 27.21 41.034 29.559 76.66 66.578 104.804 108.713z" />
+<glyph unicode="&#xe927;" glyph-name="twitter" d="M2.632 927.298l395.466-528.706-398.099-429.89h89.501l348.286 376.229 281.463-376.229h304.75l-417.538 558.472 370.357 400.123h-89.501l-320.747-346.666-259.189 346.666h-304.75zM134.252 861.285h139.922l618.207-826.571h-139.922l-618.207 826.571z" />
 <glyph unicode="&#xe928;" glyph-name="remove" horiz-adv-x="820" d="M58.572 799.427l702.857-702.857zM761.43 38.001c-17.569 0-29.29 5.862-41 17.569l-702.857 702.857c-23.431 23.431-23.431 58.569 0 81.999s58.569 23.431 81.999 0l702.857-702.857c23.431-23.431 23.431-58.569 0-81.999-11.71-11.71-23.431-17.569-41-17.569zM761.43 799.427l-702.857-702.857zM58.572 38.001c-17.569 0-29.29 5.862-41 17.569-23.431 23.431-23.431 58.569 0 81.999l702.857 702.857c23.431 23.431 58.569 23.431 81.999 0s23.431-58.569 0-81.999l-702.857-702.857c-11.71-11.71-23.431-17.569-41-17.569z" />
 <glyph unicode="&#xe929;" glyph-name="rss" horiz-adv-x="820" d="M170.835 140.497c0-37.741-30.593-68.334-68.334-68.334s-68.334 30.595-68.334 68.334c0 37.741 30.593 68.334 68.334 68.334s68.334-30.595 68.334-68.334zM102.501 37.998c-54.666 0-102.501 47.833-102.501 102.501s47.833 102.501 102.501 102.501 102.501-47.833 102.501-102.501-47.833-102.501-102.501-102.501zM102.501 174.664c-20.499 0-34.165-13.666-34.165-34.167s13.666-34.165 34.165-34.165 34.165 13.666 34.165 34.165-13.666 34.165-34.165 34.165zM478.335 37.998c-41 0-68.334 27.334-68.334 68.334 0 191.335-150.335 341.667-341.667 341.667-41 0-68.334 27.334-68.334 68.334s27.334 68.334 68.334 68.334c266.502 0 478.336-211.836 478.336-478.336 0-41-27.334-68.334-68.334-68.334zM751.668 37.998c-41 0-68.334 27.334-68.334 68.334 0 341.667-273.335 615.002-615.002 615.002-41 0-68.334 27.334-68.334 68.334s27.334 68.334 68.334 68.334c416.837 0 751.669-334.834 751.669-751.669 0-41-27.334-68.334-68.334-68.334z" />
 <glyph unicode="&#xe92a;" glyph-name="stop" horiz-adv-x="820" d="M75.524 851.067h668.949c41.617 0 75.528-33.91 75.528-75.528v-655.077c0-41.617-33.91-75.528-75.528-75.528h-668.949c-41.615 0-75.526 33.91-75.526 75.528v655.077c0 41.617 33.91 75.526 75.526 75.526z" />

package/public/css/fonts/style.css

@@ -1,10 +1,10 @@
 @font-face {
   font-family: 'icomoon';
-  src:  url('/css/fonts/icomoon.eot?gdc25d');
-  src:  url('/css/fonts/icomoon.eot?gdc25d#iefix') format('embedded-opentype'),
-    url('/css/fonts/icomoon.ttf?gdc25d') format('truetype'),
-    url('/css/fonts/icomoon.woff?gdc25d') format('woff'),
-    url('/css/fonts/icomoon.svg?gdc25d#icomoon') format('svg');
+  src:  url('/css/fonts/icomoon.eot?yi2y5s');
+  src:  url('/css/fonts/icomoon.eot?yi2y5s#iefix') format('embedded-opentype'),
+    url('/css/fonts/icomoon.ttf?yi2y5s') format('truetype'),
+    url('/css/fonts/icomoon.woff?yi2y5s') format('woff'),
+    url('/css/fonts/icomoon.svg?yi2y5s#icomoon') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;

package/src/App.vue

@@ -6,7 +6,7 @@
       :is-education="false"
       @close="displayMenu = false"
     />
-    <CategoryFilter />
+    <CategoryFilter v-if="firstDisplayCategoryFilter" />
     <router-view />
     <ClassicLazy
       v-if="pageFullyLoad"
@@ -22,7 +22,6 @@
 <script lang="ts">
 import TopBar from "@/components/misc/TopBar.vue";
 import PlayerComponent from "@/components/misc/player/PlayerComponent.vue";
-import CategoryFilter from "@/components/display/categories/CategoryFilter.vue";
 import ClassicLazy from "@/components/misc/ClassicLazy.vue";
 import { state } from "./stores/ParamSdkStore";
 import { Rubriquage } from "./stores/class/rubrique/rubriquage";
@@ -40,6 +39,9 @@ const LeftMenu = defineAsyncComponent(
 const FooterOctopus = defineAsyncComponent(
   () => import("@/components/misc/FooterSection.vue"),
 );
+const CategoryFilter = defineAsyncComponent(
+  () => import("@/components/display/categories/CategoryFilter.vue"),
+);
 export default defineComponent({
   name: "App",
 
@@ -59,7 +61,8 @@ export default defineComponent({
       displayMenu: false as boolean,
       reload: false as boolean,
       isInit: false as boolean,
-      pageFullyLoad: false as boolean
+      pageFullyLoad: false as boolean,
+      firstDisplayCategoryFilter: false as boolean,
     };
   },
 
@@ -69,6 +72,17 @@ export default defineComponent({
   },
 
   watch: {
+    $route: {
+      deep: true,
+      immediate: true,
+      async handler() {
+        if(this.firstDisplayCategoryFilter){
+          return;
+        }
+        const namesRouteWithCategoryFilter = ["homePriv", "home", "podcasts", "emissions", "participants", "playlists"];
+        this.firstDisplayCategoryFilter = namesRouteWithCategoryFilter.includes(this.$route.name?.toString()?? "");
+      },
+    },
     "$i18n.locale"() {
       this.$forceUpdate();
       this.reload = !this.reload;

package/src/assets/bootstrap.scss

@@ -227,7 +227,7 @@ input:not([class^="vs__"]), button:not([class^="vs__"]), select:not([class^="vs_
 	}
 	.btn-twitter {
 			background: #d2ecfc !important;
-			color: #1da1f2 !important;
+			//color: #1da1f2 !important;
 			&:hover {
 					background: #bbe3fb !important;
 			}

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

@@ -1,5 +1,5 @@
 <template>
-  <div v-if="isComments" class="module-box">
+  <div class="module-box">
     <div class="d-flex align-items-center">
       <h2 class="mb-0 me-2" data-selenium="episode-comment-counter">
         {{ commentTitle }}
@@ -29,15 +29,19 @@
 </template>
 
 <script lang="ts">
-import CommentList from "./CommentList.vue";
-import CommentInput from "./CommentInput.vue";
 import cookies from "../../mixins/cookies";
 import { Podcast } from "@/stores/class/general/podcast";
 import { Conference } from "@/stores/class/conference/conference";
 import { useCommentStore } from "@/stores/CommentStore";
 import { mapState, mapActions } from "pinia";
-import { defineComponent } from "vue";
+import { defineAsyncComponent, defineComponent } from "vue";
 import { CommentPodcast } from "@/stores/class/general/comment";
+const CommentList = defineAsyncComponent(
+  () => import("./CommentList.vue"),
+);
+const CommentInput = defineAsyncComponent(
+  () => import("./CommentInput.vue"),
+);
 export default defineComponent({
   name: "CommentSection",
   components: {
@@ -65,27 +69,6 @@ export default defineComponent({
           : "";
       return this.$t("Podcast's comments") + count;
     },
-    isComments(): boolean {
-      if (!this.podcast) return true;
-      let podcastComment = "INHERIT";
-      if (this.podcast.annotations && this.podcast.annotations.COMMENTS) {
-        podcastComment = this.podcast.annotations.COMMENTS as string;
-      }
-      let organisationComment = "LIVE_ONLY";
-      if (this.podcast.organisation.comments) {
-        organisationComment = this.podcast.organisation.comments;
-      }
-      return !(
-        "NO" === podcastComment ||
-        ("INHERIT" === podcastComment && "NO" === organisationComment) ||
-        ("LIVE_RECORD" === podcastComment &&
-          "READY_TO_RECORD" !== this.podcast.processingStatus) ||
-        ("INHERIT" === podcastComment &&
-          "LIVE_ONLY" === organisationComment &&
-          !this.podcast.conferenceId &&
-          0 !== this.podcast.conferenceId)
-      );
-    },
     knownIdentity: {
       get(): string | null {
         return this.commentKnownIdentity;

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

@@ -39,9 +39,6 @@ export default defineComponent({
 
   computed: {
     ...mapState(useFilterStore, ["filterOrgaId"]),
-    idPopover(): string {
-      return this.isGuest ? "popover-guests-help" : "popover-animators-help";
-    },
     title(): string {
       return this.isGuest ? this.$t("Guests") : this.$t("Animated by");
     },

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

@@ -125,14 +125,13 @@
       :display-studio-access="isDebriefing"
       @validate-podcast="$emit('updatePodcast', $event)"
     />
-    <TagList :tag-list="podcast.tags" />
+    <TagList v-if="undefined !== podcast.tags && 0 !== podcast.tags.length" :tag-list="podcast.tags" />
   </div>
 </template>
 
 <script lang="ts">
 import PodcastImage from "./PodcastImage.vue";
 import ParticipantDescription from "./ParticipantDescription.vue";
-import TagList from "./TagList.vue";
 import { state } from "../../../stores/ParamSdkStore";
 import dayjs from "dayjs";
 // @ts-ignore
@@ -155,6 +154,9 @@ const EditBox = defineAsyncComponent(
 const PodcastPlayBar = defineAsyncComponent(
   () => import("./PodcastPlayBar.vue"),
 );
+const TagList = defineAsyncComponent(
+  () => import("./TagList.vue"),
+);
 export default defineComponent({
   name: "PodcastModuleBox",
   components: {

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

@@ -176,7 +176,7 @@ export default defineComponent({
           condition: true,
         },
         {
-          title: "Twitter",
+          title: "X",
           icon: "saooti-twitter",
           className: "btn-twitter",
           url: `https://twitter.com/intent/tweet?text=${this.urlPage}`,

package/src/components/misc/ClassicLazy.vue

@@ -35,8 +35,8 @@ export default {
     const shouldRender = ref(false);
     const targetEl = ref();
     const fixedMinHeight = ref(0);
-    let unrenderTimer;
-    let renderTimer;
+    let unrenderTimer: ReturnType<typeof setTimeout> | undefined;
+    let renderTimer: ReturnType<typeof setTimeout> | undefined;
 
     const { stop } = useIntersectionObserver(
       targetEl,
@@ -57,7 +57,7 @@ export default {
           // if the component was set to render, cancel that
           clearTimeout(renderTimer);
           unrenderTimer = setTimeout(() => {
-            fixedMinHeight.value = targetEl.value.clientHeight;
+            fixedMinHeight.value = targetEl.value?.clientHeight ?? 0;
             shouldRender.value = false;
           }, props.unrenderDelay);
         }

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

@@ -51,12 +51,12 @@
 <script lang="ts">
 import { CommentPodcast } from "@/stores/class/general/comment";
 import { playerLogic } from "../../mixins/player/playerLogic";
-import PlayerCompact from "../player/PlayerCompact.vue";
-import PlayerLarge from "../player/PlayerLarge.vue";
 import { usePlayerStore } from "@/stores/PlayerStore";
 import { mapState, mapActions } from "pinia";
 import { defineComponent, defineAsyncComponent } from "vue";
 const PlayerVideo = defineAsyncComponent(() => import("./PlayerVideo.vue"));
+const PlayerCompact = defineAsyncComponent(() => import("../player/PlayerCompact.vue"));
+const PlayerLarge = defineAsyncComponent(() => import("../player/PlayerLarge.vue"));
 export default defineComponent({
   name: "PlayerComponent",
 

package/src/components/pages/PodcastPage.vue

@@ -34,7 +34,7 @@
           :emission="podcast.emission"
         />
         <CommentSection
-          v-if="!isPodcastmaker"
+          v-if="!isPodcastmaker && isComments"
           ref="commentSection"
           :podcast="podcast"
           :fetch-conference="fetchConference"
@@ -154,6 +154,27 @@ export default defineComponent({
 
   computed: {
     ...mapState(useGeneralStore, ["storedCategories"]),
+     isComments(): boolean {
+      if (!this.podcast) return true;
+      let podcastComment = "INHERIT";
+      if (this.podcast.annotations && this.podcast.annotations.COMMENTS) {
+        podcastComment = this.podcast.annotations.COMMENTS as string;
+      }
+      let organisationComment = "LIVE_ONLY";
+      if (this.podcast.organisation.comments) {
+        organisationComment = this.podcast.organisation.comments;
+      }
+      return !(
+        "NO" === podcastComment ||
+        ("INHERIT" === podcastComment && "NO" === organisationComment) ||
+        ("LIVE_RECORD" === podcastComment &&
+          "READY_TO_RECORD" !== this.podcast.processingStatus) ||
+        ("INHERIT" === podcastComment &&
+          "LIVE_ONLY" === organisationComment &&
+          !this.podcast.conferenceId &&
+          0 !== this.podcast.conferenceId)
+      );
+    },
     backgroundDisplay(): string {
       if (!this.podcast) {
         return "";