@saooti/octopus-sdk 34.0.16 → 35.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saooti/octopus-sdk",
-  "version": "34.0.16",
+  "version": "35.0.1",
   "private": false,
   "description": "Javascript SDK for using octopus",
   "author": "Saooti",
@@ -20,19 +20,19 @@
     "@vue/cli": "^5.0.8",
     "@vue/compat": "^3.2.45",
     "autoprefixer": "^10.4.13",
-    "axios": "^1.2.2",
+    "axios": "^1.3.0",
+    "dayjs": "^1.11.7",
     "express": "^4.18.2",
-    "hls.js": "^1.2.9",
+    "hls.js": "^1.3.2",
     "humanize-duration": "^3.27.2",
-    "jest": "^29.3.1",
+    "jest": "^29.4.1",
     "jquery": "^3.6.3",
-    "moment": "^2.29.4",
     "qrcode.vue": "^3.3.3",
-    "sass": "^1.57.1",
-    "sonarqube-scanner": "^2.9.1",
-    "swiper": "^8.4.5",
+    "sass": "^1.58.0",
+    "sonarqube-scanner": "^3.0.0",
+    "swiper": "^8.4.7",
     "v-calendar": "^3.0.0-alpha.8",
-    "vite": "^3.2.5",
+    "vite": "^4.0.4",
     "vue": "^3.2.45",
     "vue-i18n": "^9.2.2",
     "vue-multiselect": "^3.0.0-alpha.2",
@@ -44,14 +44,14 @@
   },
   "devDependencies": {
     "@types/jquery": "^3.5.16",
-    "@typescript-eslint/eslint-plugin": "^5.48.0",
-    "@typescript-eslint/parser": "^5.48.0",
-    "@vitejs/plugin-vue": "^3.2.0",
+    "@typescript-eslint/eslint-plugin": "^5.50.0",
+    "@typescript-eslint/parser": "^5.50.0",
+    "@vitejs/plugin-vue": "^4.0.0",
     "@vue/compiler-sfc": "^3.2.45",
     "@vue/eslint-config-typescript": "^11.0.2",
-    "eslint": "^8.31.0",
-    "eslint-plugin-vue": "^7.17.0",
-    "typescript": "^4.9.4"
+    "eslint": "^8.33.0",
+    "eslint-plugin-vue": "^9.9.0",
+    "typescript": "^4.9.5"
   },
   "eslintConfig": {
     "root": true,

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

@@ -50,7 +50,7 @@
 import selenium from '../../mixins/selenium';
 import displayMethods from '../../mixins/displayMethods';
 import { CommentPodcast } from '@/store/class/general/comment';
-import moment from 'moment';
+import dayjs from 'dayjs';
 import Popover from '../../misc/Popover.vue';
 import { defineComponent } from 'vue';
 export default defineComponent({
@@ -78,7 +78,7 @@ export default defineComponent({
       return 'Valid'=== this.comment.status;
     },
     date(): string {
-      return this.comment.date ? moment(this.comment.date).format('D MMMM YYYY HH[h]mm') : '';
+      return this.comment.date ? dayjs(this.comment.date).format('D MMMM YYYY HH[h]mm') : '';
     },
     readMore(): string {
       return this.summary ? this.$t('Read more') : this.$t('Read less');

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

@@ -37,7 +37,7 @@
 import ClassicLoading from '../../form/ClassicLoading.vue';
 import { state } from '../../../store/paramStore';
 import octopusApi from '@saooti/octopus-api';
-import moment from 'moment';
+import dayjs from 'dayjs';
 import { Podcast } from '@/store/class/general/podcast';
 import { Conference } from '@/store/class/conference/conference';
 import { CommentPodcast } from '@/store/class/general/comment';
@@ -184,7 +184,7 @@ export default defineComponent({
       let indexNewComment = 0;
       for (let i = 0, len = this.comments.length; i < len; i++) {
         if (
-          moment(this.comments[i].date).isBefore(moment(comment.date))
+          dayjs(this.comments[i].date).isBefore(dayjs(comment.date))
         ) {
           indexNewComment = i;
           break;

package/src/components/display/emission/EmissionInlineList.vue

@@ -28,7 +28,7 @@
       "
       :name="transitionName"
       class="element-list-inline"
-      tag="ul"
+      tag="div"
       :class="[
         alignLeft ? 'justify-content-start' : '',
         overflowScroll ? 'overflowScroll' : '',

package/src/components/display/filter/DateFilter.vue

@@ -38,7 +38,7 @@
 </template>
 
 <script lang="ts">
-import moment from 'moment';
+import dayjs from 'dayjs';
 import ClassicCheckbox from '../../form/ClassicCheckbox.vue';
 import ClassicDatePicker from '../../form/ClassicDatePicker.vue';
 import { defineComponent } from 'vue';
@@ -59,17 +59,17 @@ export default defineComponent({
     return {
       isFrom: false as boolean,
       isTo: false as boolean,
-      fromDate: moment().subtract(10, 'days').toDate(),
-      toDate: moment().toDate(),
+      fromDate: dayjs().subtract(10, 'days').toDate(),
+      toDate: dayjs().toDate(),
     };
   },
 
   watch: {
     isFrom(): void {
-      this.$emit('updateFromDate', this.isFrom ? moment(this.fromDate).toISOString(true) : undefined);
+      this.$emit('updateFromDate', this.isFrom ? dayjs(this.fromDate).toISOString() : undefined);
     },
     isTo(): void {
-      this.$emit('updateToDate', this.isTo ? moment(this.toDate).toISOString(true) : undefined);
+      this.$emit('updateToDate', this.isTo ? dayjs(this.toDate).toISOString() : undefined);
     },
   },
 
@@ -86,33 +86,33 @@ export default defineComponent({
   methods: {
     updateFromDate(): void {
       if (
-        moment(this.fromDate)
+        dayjs(this.fromDate)
           .startOf('minute')
           .toISOString() ===
-        moment()
+        dayjs()
           .subtract(10, 'days')
           .startOf('minute')
           .toISOString()
       )
         return;
       if (this.isFrom) {
-        this.$emit('updateFromDate', moment(this.fromDate).toISOString(true));
+        this.$emit('updateFromDate', dayjs(this.fromDate).toISOString());
       } else {
         this.isFrom = true;
       }
     },
     updateToDate(): void {
       if (
-        moment(this.toDate)
+        dayjs(this.toDate)
           .startOf('minute')
           .toISOString() ===
-        moment()
+        dayjs()
           .startOf('minute')
           .toISOString()
       )
         return;
       if (this.isTo) {
-        this.$emit('updateToDate', moment(this.toDate).toISOString(true));
+        this.$emit('updateToDate', dayjs(this.toDate).toISOString());
       } else {
         this.isTo = true;
       }

package/src/components/display/live/LiveItem.vue

@@ -127,7 +127,7 @@ import { state } from '../../../store/paramStore';
 import octopusApi from '@saooti/octopus-api';
 import PodcastImage from '../podcasts/PodcastImage.vue';
 import crudApi from '@/api/classicCrud';
-import moment from 'moment';
+import dayjs from 'dayjs';
 // @ts-ignore
 import humanizeDuration from 'humanize-duration';
 import displayMethods from '../../mixins/displayMethods';
@@ -164,13 +164,10 @@ export default defineComponent({
       return (state.generalParameters.podcastmaker as boolean);
     },
     hours(): string {
-      return !this.live?'': moment(this.live.pubDate).format('HH[H]mm');
+      return !this.live?'': dayjs(this.live.pubDate).format('HH[H]mm');
     },
     date(): string {
-      return !this.live? '': moment(this.live.pubDate).format('D/MM/YYYY');
-    },
-    displayDate(): string {
-      return !this.live? '':moment(this.live.pubDate).format('X');
+      return !this.live? '': dayjs(this.live.pubDate).format('D/MM/YYYY');
     },
     description(): string {
       return this.live?.description??'';

package/src/components/display/live/LiveList.vue

@@ -39,7 +39,7 @@ import ClassicLoading from '../../form/ClassicLoading.vue';
 import LiveItem from './LiveItem.vue';
 import { handle403 } from '../../mixins/handle403';
 import octopusApi from '@saooti/octopus-api';
-import moment from 'moment';
+import dayjs from 'dayjs';
 import { state } from '../../../store/paramStore';
 import { Conference } from '@/store/class/conference/conference';
 import { defineComponent } from 'vue'
@@ -91,7 +91,7 @@ export default defineComponent({
       if (this.livesArray[1].lives.length > 0)
         return this.$t('A live can start any moment');
       if (this.livesArray[2].lives.length > 0)
-        return this.$t('Next live date', {date: moment(this.livesArray[2].lives[0].date).format('LLLL'),});
+        return this.$t('Next live date', {date: dayjs(this.livesArray[2].lives[0].date).format('LLLL'),});
       return '';
     },
     myOrganisationId(): string|undefined {
@@ -157,7 +157,7 @@ export default defineComponent({
       }else if("PENDING"===this.livesArray[i].status){
         this.dataLivesToBe = dataLives;
         for (let index = 0, len = dataLives.length; index < len; index++) {
-          if (moment(dataLives[index].date).isBefore(moment())) {
+          if (dayjs(dataLives[index].date).isBefore(dayjs())) {
             this.livesArray[i].lives.push(dataLives[index]);
             indexPast = index + 1;
           } else {break;}

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

@@ -27,7 +27,7 @@
     <transition-group
       :name="transitionName"
       class="element-list-inline"
-      tag="ul"
+      tag="div"
       :class="[
         alignLeft ? 'justify-content-start' : '',
         overflowScroll ? 'overflowScroll' : '',

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

@@ -27,7 +27,7 @@
         v-show="!loading"
         :name="transitionName"
         class="element-list-inline"
-        tag="ul"
+        tag="div"
         :class="[
           alignLeft ? 'justify-content-start' : '',
           overflowScroll ? 'overflowScroll' : '',

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

@@ -53,7 +53,7 @@
 import PodcastItemInfo from './PodcastItemInfo.vue';
 import PodcastImage from './PodcastImage.vue';
 import { state } from '../../../store/paramStore';
-import moment from 'moment';
+import dayjs from 'dayjs';
 import { Podcast } from '@/store/class/general/podcast';
 import { defineComponent } from 'vue'
 export default defineComponent({
@@ -88,7 +88,7 @@ export default defineComponent({
       return (state.podcastPage.podcastItemDescription as boolean);
     },
     displayDate(): string {
-      return moment(this.podcast.pubDate).format('X');
+      return dayjs(this.podcast.pubDate).format();
     },
     description(): string {
       return this.podcast.description ?? '';

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

@@ -52,7 +52,7 @@
 import AnimatorsItem from './AnimatorsItem.vue';
 import { state } from '../../../store/paramStore';
 import { orgaComputed } from '../../mixins/orgaComputed';
-import moment from 'moment';
+import dayjs from 'dayjs';
 // @ts-ignore
 import humanizeDuration from 'humanize-duration';
 import PodcastPlayBar from './PodcastPlayBar.vue';
@@ -83,7 +83,7 @@ export default defineComponent({
       return (state.generalParameters.podcastmaker as boolean);
     },
     date(): string {
-      return moment(this.pubDate).format('D MMMM YYYY, HH[h]mm');
+      return dayjs(this.pubDate).format('D MMMM YYYY, HH[h]mm');
     },
     editRight(): boolean {
       return (true===this.authenticated && this.myOrganisationId === this.podcastOrganisationId) ||

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

@@ -135,7 +135,7 @@ import PodcastImage from './PodcastImage.vue';
 import ParticipantDescription from './ParticipantDescription.vue';
 import TagList from './TagList.vue';
 import { state } from '../../../store/paramStore';
-import moment from 'moment';
+import dayjs from 'dayjs';
 // @ts-ignore
 import humanizeDuration from 'humanize-duration';
 import displayMethods from '../../mixins/displayMethods';
@@ -179,8 +179,8 @@ export default defineComponent({
       return (state.generalParameters.podcastmaker as boolean);
     },
     date(): string {
-      if (this.podcast && 1970 !== moment(this.podcast.pubDate).year()){
-        return moment(this.podcast.pubDate).format('D MMMM YYYY, HH[h]mm');
+      if (this.podcast && 1970 !== dayjs(this.podcast.pubDate).year()){
+        return dayjs(this.podcast.pubDate).format('D MMMM YYYY, HH[h]mm');
       }
       return '';
     },

package/src/components/form/ClassicDatePicker.vue

@@ -28,7 +28,7 @@
 </template>
 
 <script lang="ts">
-import moment from 'moment';
+import dayjs from 'dayjs';
 import { DatePicker } from 'v-calendar';
 import { defineComponent } from 'vue';
 export default defineComponent({
@@ -57,7 +57,7 @@ export default defineComponent({
   },
   computed: {
     now(): Date {
-      return moment().toDate();
+      return dayjs().toDate();
     },
   }
 })

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

@@ -91,7 +91,7 @@
 import ClassicModal from '../modal/ClassicModal.vue';
 import ClassicCheckbox from '../../form/ClassicCheckbox.vue';
 import Snackbar from '../../misc/Snackbar.vue';
-import moment from 'moment';
+import dayjs from 'dayjs';
 // @ts-ignore
 import VSwatches from 'vue3-swatches';
 // @ts-ignore
@@ -136,8 +136,8 @@ export default defineComponent({
 
   computed: {
     date(): string {
-      if(!this.podcast || 1970 === moment(this.podcast.pubDate).year()){return '';}
-      return moment(this.podcast.pubDate).format('D MMMM YYYY, HH[h]mm');
+      if(!this.podcast || 1970 === dayjs(this.podcast.pubDate).year()){return '';}
+      return dayjs(this.podcast.pubDate).format('D MMMM YYYY, HH[h]mm');
     },
     duration(): string {
       if (!this.podcast || this.podcast.duration <= 1) return '';

package/src/components/pages/Podcast.vue

@@ -99,7 +99,7 @@ import ClassicLoading from '../form/ClassicLoading.vue';
 import octopusApi from '@saooti/octopus-api';
 import crudApi from '@/api/classicCrud';
 import { state } from '../../store/paramStore';
-import moment from 'moment';
+import dayjs from 'dayjs';
 import { Podcast } from '@/store/class/general/podcast';
 import { Conference } from '@/store/class/conference/conference';
 import { handle403 } from '../mixins/handle403';
@@ -227,7 +227,7 @@ export default defineComponent({
       return this.isLiveReadyToRecord ?this.$t('Live episode'): this.$t('Episode');
     },
     timeRemaining(): string {
-      return !this.podcast ? "":moment(this.podcast.pubDate).diff(moment(), 'seconds').toString();
+      return !this.podcast ? "":dayjs(this.podcast.pubDate).diff(dayjs(), 'seconds').toString();
     },
   },
   watch: {

package/src/i18n.ts

@@ -1,12 +1,12 @@
 
 import { nextTick } from 'vue'
 import { createI18n } from 'vue-i18n';
-import moment  from 'moment';
-import 'moment/dist/locale/de.js';
-import 'moment/dist/locale/es.js';
-import 'moment/dist/locale/fr.js';
-import 'moment/dist/locale/it.js';
-import 'moment/dist/locale/sl.js';
+import dayjs from 'dayjs';
+import 'dayjs/locale/de';
+import 'dayjs/locale/es';
+import 'dayjs/locale/fr';
+import 'dayjs/locale/it';
+import 'dayjs/locale/sl';
 
 export function setupI18n(options: { locale: string }, isEducation: boolean) {
   const i18n = createI18n(options)
@@ -16,7 +16,7 @@ export function setupI18n(options: { locale: string }, isEducation: boolean) {
 
 export function setI18nLanguage(i18n: any, locale: string) {
   i18n.locale = locale;
-  moment.locale(locale);
+  dayjs.locale(locale);
   const html= document.querySelector('html');
   if(html){
     html.setAttribute('lang', locale);