@saooti/octopus-sdk 38.3.8 → 38.3.9

package/package.json

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

package/src/components/display/playlist/PlaylistItem.vue

@@ -10,11 +10,8 @@
       class="d-flex flex-grow-1 text-dark"
     >
       <div class="emission-item-text">
-        <div
-          v-if="!activePlaylist"
-          class="sticker-empty-ressource"
-        >
-          {{ $t('Empty playlist') }}
+        <div v-if="!activePlaylist" class="sticker-empty-ressource">
+          {{ $t("Empty playlist") }}
         </div>
         <div class="d-flex align-items-center emission-name">
           {{ name }}

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

@@ -303,7 +303,7 @@ export default defineComponent({
     if (this.isLiveReadyToRecord) {
       this.iFrameModel = "large";
     }
-    if("true"===this.podcast?.annotations?.["fromTTS"]){
+    if ("true" === this.podcast?.annotations?.["fromTTS"]) {
       this.displayTranscript = false;
     }
   },

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

@@ -70,8 +70,9 @@ export default defineComponent({
   computed: {
     ...mapState(useAuthStore, ["authOrganisation"]),
     iFrameSrc(): string {
-      return `${state.podcastPage.MiniplayerUri}miniplayer/radio/${this.canal
-        ?.id}?distributorId=${this.organisationId}&color=${this.color.substring(
+      return `${state.podcastPage.MiniplayerUri}miniplayer/radio/${
+        this.canal?.id
+      }?distributorId=${this.organisationId}&color=${this.color.substring(
         1,
       )}&theme=${this.theme.substring(1)}`;
     },

package/src/components/misc/FooterSection.vue

@@ -187,15 +187,9 @@ export default defineComponent({
         this.platformEducation,
       );
       octopusApi
-        .fetchDataWithParams<Array<Category>>(
-          0,
-          `iab/list${
-            state.octopusApi.organisationId
-              ? "/" + state.octopusApi.organisationId
-              : ""
-          }`,
-          { lang: this.$i18n.locale },
-        )
+        .fetchDataWithParams<
+          Array<Category>
+        >(0, `iab/list${state.octopusApi.organisationId ? "/" + state.octopusApi.organisationId : ""}`, { lang: this.$i18n.locale })
         .then((data: Array<Category>) => {
           this.storedUpdateCategories(data);
           if (this.filterIab) {

package/src/components/misc/HomeDropdown.vue

@@ -19,57 +19,60 @@
       :title="$t('User menu')"
     />
     <teleport to=".octopus-app" :disabled="scrolled">
-    <ClassicPopover
-      target="home-dropdown"
-      :only-click="true"
-      :is-fixed="true"
-      :left-pos="true"
-    >
-      <template v-if="!isAuthenticated">
-        <a class="octopus-dropdown-item" href="/sso/login" realLink="true">
-          {{ $t("Login") }}
-        </a>
-        <router-link
-          v-if="!isPodcastmaker"
-          class="octopus-dropdown-item"
-          to="/main/pub/create"
-        >
-          {{ $t("Create an account") }}
-        </router-link>
-      </template>
-      <template v-else>
-        <template v-for="routerBack in routerBackoffice" :key="routerBack.path">
+      <ClassicPopover
+        target="home-dropdown"
+        :only-click="true"
+        :is-fixed="true"
+        :left-pos="true"
+      >
+        <template v-if="!isAuthenticated">
+          <a class="octopus-dropdown-item" href="/sso/login" realLink="true">
+            {{ $t("Login") }}
+          </a>
           <router-link
-            v-if="!isPodcastmaker && routerBack.condition"
-            :class="routerBack.class"
-            :to="routerBack.path"
+            v-if="!isPodcastmaker"
+            class="octopus-dropdown-item"
+            to="/main/pub/create"
           >
-            {{ routerBack.title }}
+            {{ $t("Create an account") }}
           </router-link>
         </template>
-        <template v-if="helpLinks.length">
-          <hr />
-          <template v-for="helpLink in helpLinks" :key="helpLink.title">
-            <a
-              :href="helpLink.href"
-              class="octopus-dropdown-item"
-              rel="noopener"
-              target="_blank"
-              realLink="true"
+        <template v-else>
+          <template
+            v-for="routerBack in routerBackoffice"
+            :key="routerBack.path"
+          >
+            <router-link
+              v-if="!isPodcastmaker && routerBack.condition"
+              :class="routerBack.class"
+              :to="routerBack.path"
             >
-              {{ helpLink.title }}
-            </a>
+              {{ routerBack.title }}
+            </router-link>
           </template>
+          <template v-if="helpLinks.length">
+            <hr />
+            <template v-for="helpLink in helpLinks" :key="helpLink.title">
+              <a
+                :href="helpLink.href"
+                class="octopus-dropdown-item"
+                rel="noopener"
+                target="_blank"
+                realLink="true"
+              >
+                {{ helpLink.title }}
+              </a>
+            </template>
+          </template>
+          <hr />
+          <a class="octopus-dropdown-item c-hand" @click="logoutFunction">
+            {{ $t("Logout") }}
+          </a>
         </template>
-        <hr />
-        <a class="octopus-dropdown-item c-hand" @click="logoutFunction">
-          {{ $t("Logout") }}
-        </a>
-      </template>
-      <router-link class="octopus-dropdown-item" to="/main/pub/contact">
-        {{ $t("Contact") }}
-      </router-link>
-    </ClassicPopover>
+        <router-link class="octopus-dropdown-item" to="/main/pub/contact">
+          {{ $t("Contact") }}
+        </router-link>
+      </ClassicPopover>
     </teleport>
   </div>
 </template>

package/src/components/misc/TopBar.vue

@@ -60,7 +60,12 @@ export default defineComponent({
   computed: {
     ...mapState(useGeneralStore, ["contentToDisplay"]),
     isContentToDisplay(): boolean {
-      return "podcast" === this.$route.name || "emission" === this.$route.name || "playlist" === this.$route.name|| "radio" === this.$route.name;
+      return (
+        "podcast" === this.$route.name ||
+        "emission" === this.$route.name ||
+        "playlist" === this.$route.name ||
+        "radio" === this.$route.name
+      );
     },
     backgroundDisplay(): string {
       if (!this.contentToDisplay) {

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

@@ -12,7 +12,7 @@
             <h4 class="mb-3">
               {{ $t("Configure your Newsletter tile") }}
             </h4>
-            <div 
+            <div
               v-for="colors in arrayColors"
               :key="colors.mainText"
               class="d-flex align-items-center mb-3"
@@ -28,11 +28,13 @@
               />
               <div class="d-flex flex-column">
                 <div class="fw-bold">{{ colors.mainText }}</div>
-                <div v-if="colors.secondText" class="descriptionText">{{ colors.secondText }}</div>
+                <div v-if="colors.secondText" class="descriptionText">
+                  {{ colors.secondText }}
+                </div>
               </div>
             </div>
           </div>
-        <!-- eslint-disable vue/no-v-html -->
+          <!-- eslint-disable vue/no-v-html -->
           <div v-html="newsletterHtml" />
           <!-- eslint-enable -->
         </div>
@@ -40,7 +42,7 @@
           class="btn flex-grow-1 mt-3 fw-bold"
           @click="onCopyCode(newsletterHtml, afterCopy)"
         >
-          <span class="saooti-copy me-2"/>
+          <span class="saooti-copy me-2" />
           {{ $t("Copy and embed the HTML code into your email tool") }}
         </button>
         <SnackBar ref="snackbar" position="bottom-left" />
@@ -91,9 +93,14 @@ export default defineComponent({
   data() {
     return {
       arrayColors: [
-        {color:"#40a372", mainText: this.$t('Choose main color'),secondText: this.$t('Newsletter elements') },
-        {color:"#000000", mainText: this.$t('Choose text color') },
-        {color:"#FFFFFF", mainText: this.$t('Choose background color') }],
+        {
+          color: "#40a372",
+          mainText: this.$t("Choose main color"),
+          secondText: this.$t("Newsletter elements"),
+        },
+        { color: "#000000", mainText: this.$t("Choose text color") },
+        { color: "#FFFFFF", mainText: this.$t("Choose background color") },
+      ],
       shareUrl: window.location.href,
     };
   },
@@ -106,7 +113,7 @@ export default defineComponent({
           imageUrl: `${this.podcast.imageUrl}" alt="${this.$t(
             "Podcast image",
           )}`,
-          title:this.podcast.title,
+          title: this.podcast.title,
           description: this.podcast.description ?? "",
           shareText: this.$t("Listen this episode"),
           emissionHtml: `<tr><td style="padding:5px 0;">
@@ -206,11 +213,14 @@ export default defineComponent({
         "" !== this.authOrganisation.id
           ? this.authOrganisation.id
           : state.generalParameters.organisationId;
-      if(!orgaId ||orgaId?.length){
+      if (!orgaId || orgaId?.length) {
         return;
       }
       const attributes = await this.getOrgaAttributes(orgaId ?? "");
-      if (Object.hasOwn(attributes, "podcastmakerUrl") && (attributes.podcastmakerUrl as string|undefined|null)?.length) {
+      if (
+        Object.hasOwn(attributes, "podcastmakerUrl") &&
+        (attributes.podcastmakerUrl as string | undefined | null)?.length
+      ) {
         this.shareUrl =
           attributes.podcastmakerUrl +
           window.location.pathname +
@@ -234,9 +244,9 @@ export default defineComponent({
 <style lang="scss">
 .octopus-app {
   #newsletter-modal {
-    .octopus-modal-body{
+    .octopus-modal-body {
       overflow-x: inherit;
-      @media (max-width: 500px){
+      @media (max-width: 500px) {
         overflow-x: auto;
       }
     }

package/src/components/pages/PodcastPage.vue

@@ -44,22 +44,24 @@
           :podcast="podcast"
           :organisation-id="podcast.organisation.id"
         />
-        <ClassicLazy :min-height="550">
-          <PodcastInlineList
-            class="mt-4"
-            :podcast-id="podcastId"
-            :title="$t('Suggested listening')"
-          />
-        </ClassicLazy>
-        <ClassicLazy v-for="c in categories" :key="c.id" :min-height="550">
-          <PodcastInlineList
-            class="mt-4"
-            :iab-id="c.id"
-            :href="'/main/pub/category/' + c.id"
-            :title="$t('More episodes of this category : ', { name: c.name })"
-            :button-text="$t('All podcast button', { name: c.name })"
-          />
-        </ClassicLazy>
+        <template v-if="!hideSuggestions">
+          <ClassicLazy :min-height="550">
+            <PodcastInlineList
+              class="mt-4"
+              :podcast-id="podcastId"
+              :title="$t('Suggested listening')"
+            />
+          </ClassicLazy>
+          <ClassicLazy v-for="c in categories" :key="c.id" :min-height="550">
+            <PodcastInlineList
+              class="mt-4"
+              :iab-id="c.id"
+              :href="'/main/pub/category/' + c.id"
+              :title="$t('More episodes of this category : ', { name: c.name })"
+              :button-text="$t('All podcast button', { name: c.name })"
+            />
+          </ClassicLazy>
+        </template>
       </div>
     </template>
     <ClassicLoading
@@ -144,6 +146,14 @@ export default defineComponent({
 
   computed: {
     ...mapState(useGeneralStore, ["storedCategories"]),
+    hideSuggestions(): boolean {
+      return (
+        "true" ===
+        (this.podcast?.emission?.annotations?.["HIDE_SUGGESTIONS"] as
+          | string
+          | undefined)
+      );
+    },
     isComments(): boolean {
       if (!this.podcast) return true;
       let podcastComment = "INHERIT";