@saooti/octopus-sdk 40.1.10 → 40.1.12

package/package.json

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

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

@@ -8,11 +8,10 @@ import dayjs from "dayjs";
 let Hls:any = null;
 /* eslint-enable*/
 const maxMinutesSessionId = 1;
-export const usePlayerLive = ()=>{
+export const usePlayerLive = (hlsReady: Ref<Boolean>)=>{
 
   const { listenTime, initLiveDownloadId, setDownloadId, onTimeUpdateProgress } = usePlayerLogicProgress();
 
-  const hlsReady= ref(false);
   const audioElement: Ref<HTMLAudioElement | null>= ref(null);
   const hls: Ref<any>= ref(null);
   const hlsRetryTimeout: Ref<ReturnType<typeof setTimeout> | undefined>= ref(undefined);

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

@@ -11,10 +11,9 @@ import classicApi from "../../../api/classicApi";
 import dayjs from "dayjs";
 import { FetchParam } from "@/stores/class/general/fetchParam";
 export const usePlayerLogic = (forceHide: Ref<boolean, boolean>)=>{
+  const hlsReady= ref(false);
 
-  const { 
-    listenTime,
-    onPlay, setDownloadId, onTimeUpdateProgress, playLive, endingLive, playRadio} = usePlayerLive();
+  const { listenTime, onPlay, setDownloadId, onTimeUpdateProgress, playLive, endingLive, playRadio} = usePlayerLive(hlsReady);
   const { contentEndedAdsLoader } = usePlayerStitching();
   const { getTranscription, onTimeUpdateTranscript, onSeekedTranscript, checkDelaytWithStitching } = usePlayerTranscript();
 
@@ -23,7 +22,6 @@ export const usePlayerLogic = (forceHide: Ref<boolean, boolean>)=>{
   const percentLiveProgress= ref(0);
   const durationLivePosition= ref(0);
   const displayAlertBar= ref(false);
-  const hlsReady= ref(false);
   const audioUrlToPlay= ref("");
 
 

package/src/components/composable/route/useAdvancedParamInit.ts

@@ -160,6 +160,7 @@ export const useAdvancedParamInit = (props: any, isEmission: boolean)=>{
     searchMinSize,
     paginateFirst,
     validity,
-    rubriquesFilterArrayIds
+    rubriquesFilterArrayIds,
+    isInit
 	}
 }

package/src/components/composable/route/useSimplePageParam.ts

@@ -8,7 +8,7 @@ export const useSimplePageParam = (props: any)=>{
 
   const filterStore  = useFilterStore();
 
-
+  const isInit = ref(false);
   const searchPattern = ref("");
   const organisationId: Ref<string|undefined> = ref(undefined);
 
@@ -29,6 +29,7 @@ export const useSimplePageParam = (props: any)=>{
   onMounted(() => {
     initOrga();
     initSearchPattern();
+    isInit.value = true;
   })
 
   function initSearchPattern(){
@@ -45,6 +46,7 @@ export const useSimplePageParam = (props: any)=>{
     searchMinSize,
     paginateFirst,
     initSearchPattern,
-    initOrga
+    initOrga,
+    isInit
 	}
 }

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

@@ -12,15 +12,14 @@
               rel="noreferrer noopener"
               target="_blank"
               :href="button.url"
-              :class="getClass(button.className)"
-              class="me-2"
+              class="btn share-btn mb-2 text-dark me-2"
               :title="$t('New window', {text: button.title})"
             >
               <component :is="button.icon" :size="34" />
             </a>
           </template>
           <button
-            :class="getClass()"
+            class="btn share-btn mb-2 text-dark"
             :title="$t('Copy this page URL')"
             @click="onCopyCode(urlPage, afterCopy)"
           >
@@ -37,7 +36,7 @@
             {{ $t("Newsletter") }}
           </h3>
           <button
-            :class="getClass()"
+            class="btn share-btn mb-2 text-dark"
             :title="$t('Share newsletter')"
             @click="newsletter = true"
           >
@@ -49,7 +48,7 @@
             {{ $t("QR Code") }}
           </h3>
           <button
-            :class="getClass()"
+            class="btn share-btn mb-2 text-dark"
             :title="$t('Share QR Code')"
             @click="qrCode = true"
           >
@@ -67,7 +66,7 @@
             <a
               rel="noreferrer noopener"
               target="_blank"
-              :class="getClass()"
+              class="btn share-btn mb-2 text-dark"
               :href="rssUrl"
               :title="$t('New window', {text: titleRssButton})"
               @click.prevent="openPopup()"
@@ -82,7 +81,7 @@
           </h3>
           <div class="d-flex align-items-center justify-content-center">
             <router-link
-              :class="getClass()"
+              class="btn share-btn mb-2 text-dark"
               :title="$t('Generate a social media post (with AI)')"
               :to="{
                 name: 'advancedShare',
@@ -127,6 +126,7 @@
 
 <script lang="ts">
 import XIcon from "../../icons/XIcon.vue";
+import BlueSkyIcon from "../../icons/BlueSkyIcon.vue";
 import CreationIcon from "vue-material-design-icons/Creation.vue";
 import RssIcon from "vue-material-design-icons/Rss.vue";
 import WhatsappIcon from "vue-material-design-icons/Whatsapp.vue";
@@ -171,6 +171,7 @@ export default defineComponent({
     RssIcon,
     XIcon,
     CreationIcon,
+    BlueSkyIcon
   },
   props: {
     podcast: { default: undefined, type: Object as () => Podcast },
@@ -223,28 +224,30 @@ export default defineComponent({
         {
           title: "Facebook",
           icon: "FacebookIcon",
-          className: "btn-facebook",
           url: `https://www.facebook.com/sharer/sharer.php?u=${this.urlPage}`,
           condition: true,
         },
         {
           title: "X",
           icon: "XIcon",
-          className: "btn-twitter",
           url: `https://twitter.com/intent/tweet?text=${this.urlPage}`,
           condition: true,
         },
         {
           title: "Linkedin",
           icon: "LinkedinIcon",
-          className: "btn-linkedin",
           url: `https://www.linkedin.com/sharing/share-offsite/?url=${this.urlPage}`,
           condition: true,
         },
+        {
+          title: "Bluesky",
+          icon: "BlueSkyIcon",
+          url: `https://bsky.app/intent/compose?text=${this.urlPage}`,
+          condition: true,
+        },
         {
           title: "Whatsapp",
           icon: "WhatsappIcon",
-          className: "btn-whatsapp",
           url: `whatsapp://send?text=${this.urlPage}`,
           condition: window.matchMedia("(hover: none)").matches,
         },
@@ -302,9 +305,6 @@ export default defineComponent({
       this.noSharing = "true" === attributes.noSharing;
       this.isLoading = false;
     },
-    getClass(className = "btn-rss"): string {
-      return `btn ${className} share-btn mb-2 text-dark`;
-    },
     openPopup(): void {
       this.dataRSSSave = !this.dataRSSSave;
     },

package/src/components/icons/BlueSkyIcon.vue

@@ -0,0 +1,32 @@
+<template>
+    <span
+      :aria-hidden="!title"
+      class="material-design-icon"
+      :title="title"
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 600 530"
+        :height="size"
+        :width="size"
+        :fill="fillColor"
+      >
+        <path
+          d="m135.72 44.03c66.496 49.921 138.02 151.14 164.28 205.46 26.262-54.316 97.782-155.54 164.28-205.46 47.98-36.021 125.72-63.892 125.72 24.795 0 17.712-10.155 148.79-16.111 170.07-20.703 73.984-96.144 92.854-163.25 81.433 117.3 19.964 147.14 86.092 82.697 152.22-122.39 125.59-175.91-31.511-189.63-71.766-2.514-7.3797-3.6904-10.832-3.7077-7.8964-0.0174-2.9357-1.1937 0.51669-3.7077 7.8964-13.714 40.255-67.233 197.36-189.63 71.766-64.444-66.128-34.605-132.26 82.697-152.22-67.108 11.421-142.55-7.4491-163.25-81.433-5.9562-21.282-16.111-152.36-16.111-170.07 0-88.687 77.742-60.816 125.72-24.795z"
+        />
+      </svg>
+    </span>
+  </template>
+  
+  <script lang="ts">
+  import { defineComponent } from "vue";
+  export default defineComponent({
+    name: "BlueSkyIcon",
+    props: {
+      size: { default: 24, type: Number },
+      title: { default: undefined, type: String },
+      fillColor: { default: "currentColor", type: String },
+    },
+  });
+  </script>
+  

package/src/components/pages/EmissionsPage.vue

@@ -1,5 +1,5 @@
 <template>
-  <section class="page-box">
+  <section v-if="isInit" class="page-box">
     <slot name="new-emission" />
     <ProductorSearch
       v-model:organisation-id="organisationId"
@@ -72,6 +72,7 @@ const {
   rubriqueFilter,
   searchMinSize,
   paginateFirst,
-  rubriquesFilterArrayIds
+  rubriquesFilterArrayIds,
+  isInit
 } = useAdvancedParamInit(props, true);
 </script>

package/src/components/pages/ParticipantsPage.vue

@@ -1,5 +1,5 @@
 <template>
-  <section class="page-box">
+  <section v-if="isInit" class="page-box">
     <ProductorSearch
       v-model:organisation-id="organisationId"
       v-model:search-pattern="searchPattern"
@@ -32,6 +32,7 @@ const {
   organisationId,
   searchMinSize,
   paginateFirst,
+  isInit
 } = useSimplePageParam(props);
 
 </script>

package/src/components/pages/PlaylistsPage.vue

@@ -1,5 +1,5 @@
 <template>
-  <section class="page-box">
+  <section v-if="isInit" class="page-box">
     <router-link
       v-if="isRolePlaylists && !isPodcastmaker"
       to="/main/priv/edit/playlist"
@@ -45,6 +45,7 @@ const {
   organisationId,
   searchMinSize,
   paginateFirst,
+  isInit
 } = useSimplePageParam(props);
 
 const authStore = useAuthStore();

package/src/components/pages/PodcastsPage.vue

@@ -1,5 +1,5 @@
 <template>
-  <section class="page-box">
+  <section v-if="isInit" class="page-box">
     <ProductorSearch
       v-model:organisation-id="organisationId"
       v-model:search-pattern="searchPattern"
@@ -74,7 +74,8 @@ const {
   searchMinSize,
   paginateFirst,
   validity,
-  rubriquesFilterArrayIds
+  rubriquesFilterArrayIds,
+  isInit
 } = useAdvancedParamInit(props, false);
 
 const onlyVideo = ref(false);

package/src/components/pages/RubriquePage.vue

@@ -1,5 +1,5 @@
 <template>
-  <section class="page-box">
+  <section v-if="isInit" class="page-box">
     <h1>{{ title }}</h1>
     <ProductorSearch
       v-model:organisation-id="organisationId"
@@ -40,6 +40,7 @@ const {
   organisationId,
   searchMinSize,
   paginateFirst,
+  isInit
 } = useSimplePageParam(props);
 
 const { updatePathParams } = useSeoTitleUrl();

package/src/components/pages/TagPage.vue

@@ -1,5 +1,5 @@
 <template>
-  <section class="page-box tag-page">
+  <section v-if="isInit" class="page-box tag-page">
     <h1>
       {{ $t("Search for keyword", {tag:titleDisplay})}}
       <img
@@ -51,6 +51,7 @@ const {
   organisationId,
   searchMinSize,
   paginateFirst,
+  isInit
 } = useSimplePageParam(props);
 
 const { isOuestFranceTag, formateOfTag } = useTagOf();

package/src/style/bootstrap.scss

@@ -244,51 +244,6 @@ input:not([class^="vs__"]), button:not([class^="vs__"]), select:not([class^="vs_
 		}
 	}
 
-	.btn-rss {
-		background: var(--octopus-secondary) !important;
-
-		&:hover {
-			border: 0;
-			background: var(--octopus-secondary-darker) !important;
-		}
-	}
-
-	.btn-facebook {
-		background: oklch(89.49% 0.05 255.2deg) !important;
-		color: oklch(47% 0.1083 263deg) !important;
-
-		&:hover {
-			background: oklch(90% 0.024 263deg) !important;
-		}
-	}
-
-	.btn-twitter {
-		background: oklch(90% 0.035 234deg) !important;
-
-		&:hover {
-			background: oklch(90% 0.024 234deg) !important;
-		}
-	}
-
-	.btn-linkedin {
-		background: oklch(90% 0.035 242deg) !important;
-		color: oklch(55% 0.130 242deg) !important;
-
-		&:hover {
-			background: oklch(90% 0.024 242deg) !important;
-		}
-	}
-
-	.btn-whatsapp {
-		background: oklch(89.25% 0.19 150deg) !important;
-		color: oklch(76% 0.2015 150deg) !important;
-
-		&:hover {
-			background: oklch(90% 0.024 150deg) !important;
-		}
-	}
-
-	
 	.w-50-responsive{
 		display: flex;
 		align-items: center;