@saooti/octopus-sdk 31.0.7 → 31.0.10

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

@@ -4,38 +4,39 @@
       :loading-text="loading?$t('Loading podcasts ...'):undefined"
       :error-text="loaded && !podcasts.length?$t(`No podcast match your query`):undefined"
     />
-    <div
-      v-if="showCount && loaded && podcasts.length > 1"
-      class="text-secondary mb-2"
-    >
-      {{ $t('Number podcasts', { nb: totalCount }) + sortText }}
-    </div>
-    <ul
-      v-show="loaded"
-      class="podcast-list"
-    >
-      <PodcastItem
-        v-for="p in podcasts"
-        :key="p.podcastId"
-        :podcast="p"
-      />
-    </ul>
-    <button
-      v-show="!allFetched && loaded"
-      class="btn"
-      :class="buttonPlus ? 'btn-link align-self-center width-fit-content m-4' : 'btn-more'"
-      :disabled="inFetching"
-      :title="$t('See more')"
-      @click="displayMore"
-    >
-      <template v-if="buttonPlus">
-        {{ $t('See more') }}
-      </template>
+    <template v-if="loaded">
       <div
-        :class="buttonPlus?'ms-1':''"
-        class="saooti-more"
-      />
-    </button>
+        v-if="showCount && podcasts.length > 1"
+        class="text-secondary mb-2"
+      >
+        {{ $t('Number podcasts', { nb: totalCount }) + sortText }}
+      </div>
+      <ul
+        class="podcast-list"
+      >
+        <PodcastItem
+          v-for="p in podcasts"
+          :key="p.podcastId"
+          :podcast="p"
+        />
+      </ul>
+      <button
+        v-show="!allFetched"
+        class="btn"
+        :class="buttonPlus ? 'btn-link align-self-center width-fit-content m-4' : 'btn-more'"
+        :disabled="inFetching"
+        :title="$t('See more')"
+        @click="displayMore"
+      >
+        <template v-if="buttonPlus">
+          {{ $t('See more') }}
+        </template>
+        <div
+          :class="buttonPlus?'ms-1':''"
+          class="saooti-more"
+        />
+      </button>
+    </template>
   </div>
 </template>
 
@@ -93,7 +94,7 @@ export default defineComponent({
       inFetching: false as boolean,
     };
   },
-  
+
   computed: {
     allFetched(): boolean {
       return this.dfirst >= this.totalCount;
@@ -144,8 +145,8 @@ export default defineComponent({
     },
   },
   
-  created() {
-    this.fetchContent(true);
+  async created() {
+    await this.fetchContent(true);
   },
   methods: {
     async fetchContent(reset: boolean): Promise<void> {

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

@@ -32,7 +32,6 @@
 </template>
 
 <script lang="ts">
-import { Podcast } from '@/store/class/general/podcast';
 import DurationHelper from '../../../helper/duration';
 import { displayMethods } from '../../mixins/functions';
 import { state } from '../../../store/paramStore';
@@ -41,21 +40,22 @@ export default defineComponent({
   name: 'PodcastPlayBar',
   mixins: [displayMethods],
   props: {
-    podcast: { default: ()=>({}), type: Object as ()=>Podcast },
+    podcastId: { default: undefined, type: Number},
+    duration: { default: 0, type: Number},
   },
   computed: {
     isProgressBar(): boolean{
       return (state.emissionsPage.progressBar as boolean);
     },
     percentProgress(): number{
-      if(!this.$store.state.player.podcast || this.podcast.podcastId !== this.$store.state.player.podcast.podcastId){
+      if(!this.$store.state.player.podcast || this.podcastId !== this.$store.state.player.podcast.podcastId){
         return 0;
       }
       if(!this.$store.state.player.elapsed){return 0;}
       return this.$store.state.player.elapsed * 100;
     },
     playedTime(): string{
-      if(this.$store.state.player.podcast && this.podcast.podcastId === this.$store.state.player.podcast.podcastId){
+      if(this.$store.state.player.podcast && this.podcastId === this.$store.state.player.podcast.podcastId){
         if (this.$store.state.player.elapsed && this.$store.state.player.elapsed > 0 && this.$store.state.player.total && this.$store.state.player.total > 0) {
           return DurationHelper.formatDuration(
             Math.round(this.$store.state.player.elapsed * this.$store.state.player.total)
@@ -65,12 +65,12 @@ export default defineComponent({
       return '00:00';
     },
     totalTime(): string {
-      return DurationHelper.formatDuration(Math.round(this.podcast.duration/1000));
+      return DurationHelper.formatDuration(Math.round(this.duration/1000));
     },
   },
   methods: {
     seekTo(event: MouseEvent): void {
-      if(!this.$store.state.player.podcast || this.podcast.podcastId !== this.$store.state.player.podcast.podcastId){return;}
+      if(!this.$store.state.player.podcast || this.podcastId !== this.$store.state.player.podcast.podcastId){return;}
       const rect = (event.currentTarget as Element).getBoundingClientRect();
       const barWidth = (event.currentTarget as Element).clientWidth;
       const x = event.clientX - rect.left;

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

@@ -99,7 +99,7 @@ export default defineComponent({
       }
       this.customPlayers = this.customPlayers.concat(playersContent);
       if(trySelect && this.customPlayers[0] && this.customPlayers[0].selected){
-        this.$emit('update:iFrameModel',this.customPlayers[0].customId);
+        this.$emit('update:iFrameModel',this.customPlayers[0].customId.toString());
         return false;
       }
       return true;

package/src/components/form/ClassicSelect.vue

@@ -0,0 +1,68 @@
+<template>
+  <div class="classic-select">
+    <label
+      :for="idSelect"
+      class="form-label mt-2"
+      :class="displayLabel?'':'d-none'"
+    >{{ label }}</label>
+    <select
+      :id="idSelect"
+      v-model="textValue"
+      :disabled="isDisabled"
+      class="c-hand"
+    >
+      <option
+        v-for="option in options"
+        :key="option.title"
+        :value="option.value"
+      >
+        {{ option.title }}
+      </option>
+    </select>
+  </div>
+</template>
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+  name: 'ClassicSelect',
+
+  props: {
+    idSelect: { default: '', type: String },
+    label: { default: '', type: String },
+    displayLabel:{default: true, type: Boolean},
+    isDisabled: { default: false, type: Boolean },
+    options: { default: ()=>[], type: Array as () => Array<{title: string, value: string|undefined}> },
+    textInit: { default: undefined, type: String },
+  },
+
+  emits: ['update:textInit'],
+
+  data() {
+    return {
+      textValue: undefined as string|undefined,
+    };
+  },
+  watch: {
+    textValue(){
+			if(this.textInit !== this.textValue){
+				this.$emit('update:textInit', this.textValue)
+			}
+		},
+		textInit(){
+			if(this.textInit !== this.textValue){
+				this.textValue =this.textInit;
+			}
+		}
+  },
+  mounted(){
+		this.textValue = this.textInit;
+	}
+});
+</script>
+<style lang="scss">
+.octopus-app{
+.classic-select select{
+  width: inherit;
+}
+}
+</style>

package/src/components/misc/Footer.vue

@@ -92,12 +92,18 @@
               $t('Used libraries')
             }}
           </router-link>
-          <a
-            class="link-hover c-hand"
-            @click="changeLanguage"
-          >{{
-            $t('Change locale')
-          }}</a>
+          <ClassicSelect
+            v-model:textInit="language"
+            :display-label="false"
+            id-select="language-chooser-select"
+            :label="$t('Change locale')"
+            :options="[{title:'Deutsch', value:'de'},
+                       {title:'English', value:'en'},
+                       {title:'Español', value:'es'},
+                       {title:'Français', value:'fr'},
+                       {title:'Italiano', value:'it'},
+                       {title:'Slovenščina', value:'sl'}]"
+          />
         </div>
       </div>
       <hr class="show-phone">
@@ -136,6 +142,7 @@
 </template>
 
 <script lang="ts">
+import ClassicSelect from '../form/ClassicSelect.vue';
 import Player from './Player.vue';
 import { state } from '../../store/paramStore';
 import octopusApi from '@saooti/octopus-api';
@@ -147,8 +154,16 @@ export default defineComponent({
   name: 'Footer',
   components: {
     Player,
+    ClassicSelect
+  },
+
+  data() {
+    return {
+      language: this.$i18n.locale as string,
+    };
   },
 
+
   computed: {
     isPodcastmaker(): boolean {
       return (state.generalParameters.podcastmaker as boolean);
@@ -167,6 +182,12 @@ export default defineComponent({
     },
   },
 
+  watch:{
+    language(){
+      this.changeLanguage();
+    }
+  },
+
   methods: {
     showBlackBorder(hide: boolean): void {
       const footerElement = document.getElementById('footer');
@@ -178,11 +199,7 @@ export default defineComponent({
       }
     },
     changeLanguage(): void{
-      if('fr'===this.$i18n.locale){
-        this.$i18n.locale= "en";
-      }else{
-        this.$i18n.locale= "fr";
-      }
+      this.$i18n.locale= this.language;
       moment.locale(this.$i18n.locale);
       octopusApi.fetchCategories({ lang: this.$i18n.locale }).then((data: Array<Category>) => {
         this.$store.commit('categoriesSet', data);

package/src/components/misc/PlayerButtons.vue

@@ -4,7 +4,7 @@
     :to="podcastShareUrl"
   >
     <img
-      :src="podcastImage"
+      v-lazy="podcastImage"
       :alt="$t('Podcast image')"
       class="player-image"
     >

package/src/components/mixins/organisationFilter.ts

@@ -1,24 +1,31 @@
 
+import { handle403 } from '../mixins/handle403';
 import { Rubriquage } from "@/store/class/rubrique/rubriquage";
 import octopusApi from '@saooti/octopus-api';
 import { defineComponent } from 'vue'
+import { AxiosError } from 'axios';
 export const orgaFilter = defineComponent({
+  mixins: [handle403],
   methods: {
     async selectOrganisation(organisationId: string): Promise<void> {
-      const response = await octopusApi.fetchOrganisation(organisationId);
-      const data = await octopusApi.fetchTopics(organisationId, {
-        sort:'HOMEPAGEORDER',
-        homePageOrder: true
-      });
-      const isLive = await octopusApi.liveEnabledOrganisation(organisationId);
-      this.$store.commit('filterOrga', {
-        orgaId: organisationId,
-        imgUrl: response.imageUrl,
-        rubriquageArray: data.filter((element: Rubriquage)=>{
-          return element.rubriques.length;
-        }),
-        isLive: isLive
-      });
+      try {
+        const response = await octopusApi.fetchOrganisation(organisationId);
+        const data = await octopusApi.fetchTopics(organisationId, {
+          sort:'HOMEPAGEORDER',
+          homePageOrder: true
+        });
+        const isLive = await octopusApi.liveEnabledOrganisation(organisationId);
+        this.$store.commit('filterOrga', {
+          orgaId: organisationId,
+          imgUrl: response.imageUrl,
+          rubriquageArray: data.filter((element: Rubriquage)=>{
+            return element.rubriques.length;
+          }),
+          isLive: isLive
+        });
+      } catch (error) {
+        this.handle403((error as AxiosError));
+      }
     },
   },
 });

package/src/components/pages/Emission.vue

@@ -26,7 +26,7 @@
             <div class="mb-5 mt-3 descriptionText">
               <img
                 v-if="!isOuestFrance"
-                :src="imageUrl"
+                v-lazy="imageUrl"
                 :alt="$t('Emission name image', { name: name })"
                 class="img-box shadow-element float-start me-3 mb-3"
               >

package/src/components/pages/Participant.vue

@@ -14,12 +14,10 @@
       <div
         class="d-flex flex-column align-items-center mb-3"
       >
-        <div
+        <img
+          v-lazy="participant.imageUrl"
           class="img-box-circle mb-3"
-          :style="{
-            'background-image': 'url(\'' + participant.imageUrl + '\')',
-          }"
-        />
+        >
         <h2 class="text-capitalize">
           {{ name }}
         </h2>

package/src/components/pages/Playlist.vue

@@ -15,7 +15,7 @@
             <h2>{{ name }}</h2>
             <div class="mb-5 mt-3 descriptionText">
               <img
-                :src="imageUrl"
+                v-lazy="imageUrl"
                 :alt="$t('Playlist name image', { name: name })"
                 class="img-box shadow-element float-start me-3 mb-3"
               >

package/src/locale/de.ts

@@ -41,7 +41,7 @@ export default{
   Cancel: "Abbrechen",
   'Most popular': "Beliebteste",
   'Last added': "Neueste",
-  'All podcast button': 'Alle Podcasts von "{Name}"',
+  'All podcast button': 'Alle Podcasts von "{name}"',
   'Podcast search': "Podcasts durchsuchen",
   'No podcast match your query':
     "Kein Podcast entspricht Ihrer Suchanfrage.",
@@ -70,7 +70,7 @@ export default{
   'Episode name image': "Bild zur Folge {name}",
   'More episodes of this emission': "Mehr Folgen aus dieser Reihe",
   'More episodes of this category : {name}': "Mehr Folgen aus dieser Kategorie: {name}",
-  'All podcast serie button': "Alle Folgen dieser Reihe",
+  'All podcast emission button': "Alle Folgen dieser Reihe",
   Duration: "Dauer: {duration}",
   Animator: "Autor",
   'No category filter': "Keine Kategorie",
@@ -240,9 +240,9 @@ export default{
   'All live emission button': "Alle Live-Übertragungen der Reihe",
   'player parameters': "Player-Einstellungen",
   'Start at': "Beginnt um",
-  'sort by score': "Nach Relevanz",
-  'sort by alphabetical': "In alphabetischer Reihenfolge",
-  'sort by date': "Nach Datum",
+  'sort by score': "nach Relevanz",
+  'sort by alphabetical': "in alphabetischer Reihenfolge",
+  'sort by date': "nach Datum",
   'Be the first to react': "Ersten Kommentar hinterlassen",
   "Podcast's comments": "Kommentare zum Podcast",
   '()': '({nb})',
@@ -282,7 +282,7 @@ export default{
   'Display my podcasts to validate': "Meine noch nicht validierten Podcasts anzeigen",
   'Podcast not validated': "Nicht validierter Podcast",
   'Podcast to validate': "Podcast noch nicht validiert",
-  'Change locale': "Französisch",
+  'Change locale': "Ändere die Sprache",
   'Refresh': "Aktualisieren",
   'See associated article':"Artikel lesen",
   "Display associated article":"Zugehörigen Artikel anzeigen",

package/src/locale/en.ts

@@ -41,7 +41,7 @@ export default{
   Cancel: 'Cancel',
   'Most popular': 'Most popular',
   'Last added': 'Last added',
-  'All podcast button': 'All the podcasts of "{name}"',
+  'All podcast button': 'All the podcasts from "{name}"',
   'Podcast search': 'Search in the podcasts',
   'No podcast match your query':
     'No podcast matches your query',
@@ -51,26 +51,26 @@ export default{
   'All productors': 'All producers',
   'All emissions': 'All series',
   'Filter by keyword : ': 'Filter by keyword : ',
-  'Look for participant name': 'Search for speaker by name',
-  'Look for productor name': 'Search for Producer by title',
-  'Look for emission name': 'Search for serie by title',
-  'Look for podcast name': 'Search for podcast by title',
+  'Look for participant name': 'Search for a speaker by name',
+  'Look for productor name': 'Search for a producer by title',
+  'Look for emission name': 'Search for a series by title',
+  'Look for podcast name': 'Search for a podcast by title',
   'Type string to filter by organisation': 'Filter by organization',
-  'Type string to filter by emission': 'Filter by serie',
+  'Type string to filter by emission': 'Filter by series',
   'Type string to filter by podcast': 'Filter by podcast',
   'No organisation filter': 'No organization filter',
-  'No emission filter': 'No serie filter',
+  'No emission filter': 'No series filter',
   'No podcast filter': 'No podcast filter',
   'Loading participants ...': 'Loading speakers...',
   'Loading productors ...': 'Loading Producers...',
   'Loading emissions ...': 'Loading series...',
-  'Emission name image': "Image for the serie {name}",
+  'Emission name image': "Image for the series {name}",
   'Loading content ...': 'Loading content...',
   Episode: 'Episode',
   'Episode name image': "Episode {name} image",
-  'More episodes of this emission': "More episodes of this serie",
-  'More episodes of this category : {name}': "More episodes of this category : {name}",
-  'All podcast serie button': "All podcast serie button",
+  'More episodes of this emission': "More episodes from this series",
+  'More episodes of this category : {name}': "More episodes from this category : {name}",
+  'All podcast emission button': "All podcast from this series",
   Duration: 'Duration : {duration}',
   Animator: 'Host',
   'No category filter': 'No category filter',
@@ -113,15 +113,15 @@ export default{
   'Search results': 'Search results for "{query}"',
   'Search - no results': 'Search - no results for "{query}"',
   Downloading: 'Downloading',
-  'Subscribe to this emission': "Subscribe to this serie",
+  'Subscribe to this emission': "Subscribe to this series",
   'Subscribe to this participant': "Subscribe to this speakers",
-  'Emission have not podcasts': "This serie does not have any podcasts",
+  'Emission have not podcasts': "This series does not have any podcasts",
   'Participant have not podcasts':
     'Speaker is not associated to any podcasts',
   'Default version': 'Default version',
   'Large version': 'Large version',
   'Emission version': 'Serie version',
-  'Large emission version': 'Large serie version',
+  'Large emission version': 'Large series version',
   'Large suggestion version': 'Large suggestion version',
   'Embed link': 'Embed miniplayer',
   'Embedly link': 'Player link',
@@ -184,7 +184,7 @@ export default{
     "Share this page without edit and share blocks",
   'Podcast in cancelled status': 'Podcast has a cancelled status',
   'Show every episode': 'Show every episode',
-  'Subscribe emission': "Subscribe to the serie",
+  'Subscribe emission': "Subscribe to the series",
   'Rss feed parameters': 'RSS Feed settings',
   'Not share episodes before':
     'Do not share episodes before',
@@ -206,7 +206,7 @@ export default{
   Configuration: 'Configuration',
   'HTML Code': 'HTML Code',
   'Listen this episode': 'Listen to this episode',
-  'Display emission name': "Display the serie title",
+  'Display emission name': "Display the series title",
   'Display participants list': 'Display the speakers list',
   'Choose main color': 'Choose the main color',
   'Octopus is ACPM Podcast accredited': 'Octopus is ACPM accredited',
@@ -237,7 +237,7 @@ export default{
   'Podcasts in the playlist': 'All the Podcasts in the playlist',
   'No podcasts in the playlist': "No podcasts in the playlist",
   'Start in a while': 'Starts any minute',
-  'All live emission button': "All lives in the serie",
+  'All live emission button': "All lives in the series",
   'player parameters': 'Setting of player',
   'Start at': 'Start at',
   'sort by score': 'by relevancy score',
@@ -282,7 +282,7 @@ export default{
   'Display my podcasts to validate': 'Display my podcasts to validate',
   'Podcast not validated': "Podcast not validated",
   'Podcast to validate': 'Podcast to validate',
-  'Change locale': 'En français',
+  'Change locale': 'Change the language',
   'Refresh': 'Refresh',
   'See associated article':"Read the article",
   "Display associated article":"Display associated article",

package/src/locale/es.ts

@@ -70,7 +70,7 @@ export default{
   'Episode name image': "Imagen del episodio {name}",
   'More episodes of this emission': "Más episodios de este programa",
   'More episodes of this category : {name}': "Más episodios de esta categoría: {name}",
-  'All podcast serie button': "Todos los episodios del programa",
+  'All podcast emission button': "Todos los episodios del programa",
   Duration: 'Duración: {duration}',
   Animator: 'Presentador/a',
   'No category filter': 'Sin filtro de categoría',
@@ -282,7 +282,7 @@ export default{
   'Display my podcasts to validate': 'Mostrar mis pódcast pendientes de validación',
   'Podcast not validated': "Pódcast no validado",
   'Podcast to validate': 'Pódcast pendiente de validación',
-  'Change locale': 'En français',
+  'Change locale': 'Cambiar el idioma',
   'Refresh': 'Volver a cargar',
   'See associated article':"Leer el artículo",
   "Display associated article":"Mostrar el artículo asociado",

package/src/locale/fr.ts

@@ -282,7 +282,7 @@ export default{
   'Display my podcasts to validate': 'Afficher mes épisodes à valider',
   'Podcast not validated': "L'épisode n'est pas validé",
   'Podcast to validate': 'Épisode à valider',
-  'Change locale': 'In english',
+  'Change locale': 'Changer la langue',
   'Refresh': 'Rafraichir',
   'See associated article':"Lire l'article",
   "Display associated article":"Afficher l'article associé",

package/src/locale/it.ts

@@ -278,7 +278,7 @@ export default{
     'Display my podcasts to validate': 'Mostra i miei podcast da validare',
     'Podcast not validated': "Podcast non validato",
     'Podcast to validate': 'Podcast da validare',
-    'Change locale': 'In francese', 
+    'Change locale': 'Cambia la lingua', 
     'Refresh': 'Aggiorna', 
     'See associated article':"Leggi l'articolo", 
     "Display associated article":"Mostra articolo associato",

package/src/locale/sl.ts

@@ -70,7 +70,7 @@ export default{
   'Episode name image': "Slika epizode {name}",
   'More episodes of this emission': "Več oddaj iz tega niza",
   'More episodes of this category : ': 'Več oddaj iz te kategorije", {name}',
-  'All podcast emission buttonn': "Vsi podkasti iz tega sklopa",
+  'All podcast emission button': "Vsi podkasti iz tega sklopa",
   Duration: 'Trajanje: {duration}',
   Animator: 'Napovedovalec',
   'No category filter': 'Brez filtra za kategorijo',
@@ -282,7 +282,7 @@ export default{
   'Display my podcasts to validate': 'Prikaži moje podkaste za potrditev',
   'Podcast not validated': "Podkasti niso potrjeni",
   'Podcast to validate': 'Podkasti, ki jih je treba potrditi',
-  'Change locale': 'FR',
+  'Change locale': 'Spremenite jezik',
   'Refresh': 'Osveži',
   'See associated article':"Read the article",
   "Display associated article": "Prikaži povezan vir",

package/src/main.ts

@@ -1,5 +1,6 @@
 import { createApp } from 'vue';
 import { VueReCaptcha } from 'vue-recaptcha-v3';
+import VueLazyLoad from 'vue3-lazyload';
 import App from './App.vue';
 import { createI18n, VueMessageType } from 'vue-i18n';
 import I18nResources from './locale/messages';
@@ -19,12 +20,24 @@ const navigatorLang = navigator.language /* || navigator.userLanguage */;
 let language = 'fr';
 if(navigatorLang.includes('en')){
   language = 'en';
+}else if(navigatorLang.includes('it')){
+  language = 'it';
+}else if(navigatorLang.includes('sl')){
+  language = 'sl';
+}else if(navigatorLang.includes('es')){
+  language = 'es';
+}else if(navigatorLang.includes('de')){
+  language = 'de';
 }
 let messages: {[key: string]: LocaleMessage<VueMessageType>} = I18nResources;
 if (store.state.general.education) {
   messages = {
     fr: { ...I18nResources.fr, ...I18nResources.educationfr },
     en: { ...I18nResources.en, ...I18nResources.educationen },
+    it: I18nResources.it,
+    sl: I18nResources.it,
+    es: I18nResources.es,
+    de: I18nResources.de,
   };
 }
 const i18n = createI18n({
@@ -54,5 +67,6 @@ createApp(App)
 .use(i18n)
 .use(store)
 .use(router)
+.use(VueLazyLoad)
 .use(VueReCaptcha, { siteKey: '6LfyP_4ZAAAAAPODj8nov2LvosIwcX0GYeBSungh' })
 .mount('#app');

package/src/store/paramStore.ts

@@ -12,7 +12,7 @@ const state:paramStore = {
     isPlaylist: false,
     isProduction: true,
     isContribution: true,
-    ApiUri: 'https://api.staging.saooti.org/',
+    ApiUri: 'https://api.dev2.saooti.org/',
     podcastmaker: false,
     buttonPlus: true,
     allCategories: [],
@@ -26,10 +26,10 @@ const state:paramStore = {
     SharePlayer: true,
     ShareButtons: true,
     ShareDistribution: true,
-    MiniplayerUri: 'https://playerbeta.staging.saooti.org/',
+    MiniplayerUri: 'https://playerbeta.dev2.saooti.org/',
     ouestFranceStyle: false,
     downloadButton: false,
-    hlsUri: 'https://hls.staging.saooti.org/',
+    hlsUri: 'https://hls.dev2.saooti.org/',
     mainRubrique: 0,
     resourceUrl: undefined
   },
@@ -85,10 +85,10 @@ const state:paramStore = {
     userName: '',
   },
   octopusApi: {
-    url: 'http://api.staging.saooti.org/',
-    commentsUrl: 'http://comments.staging.saooti.org/',
-    studioUrl: 'http://studio.staging.saooti.org/',
-    playerUrl: 'https://playerbeta.staging.saooti.org/',
+    url: 'http://api.dev2.saooti.org/',
+    commentsUrl: 'http://comments.dev2.saooti.org/',
+    studioUrl: 'http://studio.dev2.saooti.org/',
+    playerUrl: 'https://playerbeta.dev2.saooti.org/',
     organisationId: undefined,
     rubriqueIdFilter: undefined,
   },