@saooti/octopus-sdk 37.0.26 → 37.0.28

package/package.json

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

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

@@ -74,6 +74,7 @@ export default defineComponent({
     rubriquageId: { default: () => [], type: Array as () => Array<number> },
     noRubriquageId: { default: () => [], type: Array as () => Array<number> },
     justSizeChosen: { default: false, type: Boolean },
+    withVideo: { default: undefined, type: Boolean },
   },
   emits: ["fetch", "emptyList"],
 
@@ -103,7 +104,8 @@ export default defineComponent({
     changed(): string {
       return `${this.first}|${this.size}|${this.organisation}|${this.emissionId}|${this.sortCriteria}|${this.sort}
       ${this.iabId}|${this.participantId}|${this.query}|${this.monetization}|${this.popularSort}|
-      ${this.rubriqueId}|${this.rubriquageId}|${this.before}|${this.after}|${this.includeHidden}|${this.noRubriquageId}|${this.notValid}`;
+      ${this.rubriqueId}|${this.rubriquageId}|${this.before}|${this.after}|${this.includeHidden}|${this.noRubriquageId}|${this.notValid}|
+      ${this.withVideo}`;
     },
     organisation(): Array<string> {
       if (this.organisationId) {
@@ -183,6 +185,7 @@ export default defineComponent({
             ? this.authProfile?.userId
             : undefined,
         includeStatus: ["READY", "PROCESSING"],
+        withVideo: this.withVideo
       };
       try {
         const data = await octopusApi.fetchDataWithParams<{

package/src/components/form/ClassicDatePicker.vue

@@ -4,6 +4,7 @@
     :time-picker="isTimePicker"
     :input-class-name="templateClass"
     :clearable="false"
+    :text-input="true"
     :readonly="readonly"
     :teleport="useTeleport"
     :locale="formatLocale"
@@ -17,6 +18,7 @@
     :inline="columnNumber > 1"
     :enable-time-picker="!isTimePicker ? displayTimePicker : undefined"
     :aria-labels="ariaLabels"
+    :max-time="maxTime"
     @update:model-value="$emit('updateDate', $event)"
   >
   </VueDatePicker>
@@ -47,6 +49,7 @@ export default defineComponent({
     useTeleport: { default: false, type: Boolean },
     templateClass: { default: undefined, type: String },
     readonly: { default: false, type: Boolean },
+    maxTime:{default: null, type: Object as () => { hours?: number | string; minutes?: number | string; seconds?: number | string }}
   },
 
   emits: ["updateDate", "update:date"],

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

@@ -274,14 +274,16 @@ export default defineComponent({
     ${this.emissionName}${this.description}`,
       ];
       html.push(
-        `</table>
-      <div style="font-family: Arial, sans-serif;font-size: 12px;line-height: 20px;background: #f3f3f3;vertical-align: middle;padding: 15px 10px;display: flex; align-items:center; flex-wrap:wrap">
-        <a href="${this.shareUrl}">
-          <img width="44" height="44" style="display: inline-block;vertical-align: middle" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wD/AP+gvaeTAAAAxElEQVRIie3WMWpCURBG4Q8FSRrtbC2SPhvICmzchVuwtXQLbsE2pVUIkjqQHVgqNmIj6EvxGHhFQAIvcxt/OPVhhrlzh3sKZ4MvTLLFVYNPvJYQB294LiGucMYSw2xxcMQcj9niYIsputni4BvjEuJgjZcS4goXrDDKFgcnLDDIFgd7zNDLFgfvTUHnL23ISJuV7iS3Ooarn1VxkeeUvkDSV2b6J3FQT+pDW8Jb4vRD4Kqe1Kf/Ev4mTj32PhQ6b+9pPT+XHgysHrPM6QAAAABJRU5ErkJggg=="/>
-        </a>
-        <a style="color: #000;text-decoration: none; margin-right:8px" href="${this.shareUrl}">${this.shareText}</a>
+      `</table>
+      <table width='100%' style="width:100%;background:#f3f3f3;font-family: Arial, sans-serif;font-size: 12px;line-height: 20px;">
+      <tr style="font-family: Arial, sans-serif;font-size: 12px;line-height: 20px;background: #f3f3f3;vertical-align: middle;padding: 15px 10px;display: flex; align-items:center; flex-wrap:wrap">
+        <td><a href="${this.shareUrl}">
+          <svg fill="#000000" height="30px" width="30px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 17.804 17.804" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <g id="c98_play"> <path d="M2.067,0.043C2.21-0.028,2.372-0.008,2.493,0.085l13.312,8.503c0.094,0.078,0.154,0.191,0.154,0.313 c0,0.12-0.061,0.237-0.154,0.314L2.492,17.717c-0.07,0.057-0.162,0.087-0.25,0.087l-0.176-0.04 c-0.136-0.065-0.222-0.207-0.222-0.361V0.402C1.844,0.25,1.93,0.107,2.067,0.043z"></path> </g> <g id="Capa_1_78_"> </g> </g> </g></svg>
+        </a></td>
+        <td style="margin-left:10px"><a style="color: #000;text-decoration: none; margin-right:8px" href="${this.shareUrl}">${this.shareText}</a></td>
         ${this.articleHtml}
-      </div>${this.participantsName}`,
+      </tr>
+      </table>${this.participantsName}`
       );
       return html.join("");
     },

package/src/components/mixins/imageProxy.ts

@@ -7,10 +7,11 @@ export default {
       }
       if (state.octopusApi.imageUrl && url.includes("http")) {
         const size = height ? "height=" + height : "width=" + width;
+        const encode = btoa(url).replace(/\+/g, '-').replace(/\//g, '_').replace(/=+$/, '');
         return (
           state.octopusApi.imageUrl +
           "image/" +
-          btoa(url) +
+          encode +
           "?" +
           size +
           "&useWebp=true"

package/src/components/pages/PodcastsPage.vue

@@ -37,6 +37,7 @@
       :rubrique-id="rubriqueId"
       :rubriquage-id="rubriquageId"
       :no-rubriquage-id="noRubriquageId"
+      :with-video="withVideo"
     />
   </div>
 </template>
@@ -80,7 +81,6 @@ export default defineComponent({
       noRubriquageId: [] as Array<number>,
       rubriquageId: [] as Array<number>,
       rubriqueId: [] as Array<number>,
-      //VIDEO_WORK
       onlyVideo: false as boolean,
     };
   },
@@ -100,6 +100,9 @@ export default defineComponent({
     organisation(): string | undefined {
       return this.organisationId ? this.organisationId : this.filterOrgaId;
     },
+    withVideo(): boolean|undefined{
+      return false===this.onlyVideo ? undefined : true;
+    }
   },
   watch: {
     organisationId(): void {