@saooti/octopus-sdk 42.0.2 → 42.0.4

package/dist/usePresentationItem-PCEJ9BHI.mjs

@@ -0,0 +1,100 @@
+import { E as e, a as t, m as n } from "./classicApi-DR5O2l0-.mjs";
+import { t as r } from "./useResizePhone-4hSkK5pa.mjs";
+import { t as i } from "./_plugin-vue_export-helper-B3ysoDQm.mjs";
+import { t as a } from "./displayHelper-DQtoqc_6.mjs";
+import { t as o } from "./useImageProxy-C3duE5Uj.mjs";
+import { t as s } from "./GeneralStore-Darfv4af.mjs";
+import { t as c } from "./useDayjs-CCvXE-aF.mjs";
+import { Fragment as l, computed as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createVNode as m, defineComponent as h, nextTick as g, normalizeClass as _, openBlock as v, renderList as y, renderSlot as b, resolveComponent as x, resolveDirective as S, toDisplayString as C, unref as w, useTemplateRef as T, watch as E, withCtx as D, withDirectives as O } from "vue";
+//#region src/components/layouts/PresentationItem.vue?vue&type=script&setup=true&lang.ts
+var k = [
+	"width",
+	"height",
+	"alt",
+	"title"
+], A = { class: "tags" }, j = { class: "element-name mb-2 basic-line-clamp" }, M = {
+	key: 0,
+	ref: "descriptionItemContainer",
+	class: "element-description htms-wysiwyg-content mt-0"
+}, N = {
+	key: 0,
+	class: "mb-2"
+}, P = ["innerHTML"], F = /*#__PURE__*/ i(/* @__PURE__ */ h({
+	__name: "PresentationItem",
+	props: {
+		route: {},
+		imageUrl: {},
+		name: {},
+		tags: {},
+		additionalInfo: {},
+		description: {},
+		vertical: { type: Boolean }
+	},
+	setup(e) {
+		let t = e, n = T("descriptionItem"), i = T("descriptionItemContainer"), { isPhone: s } = r(), { useProxyImageUrl: c } = o(), h = u(() => t.vertical ? "396" : s.value ? "246" : "250");
+		E(s, async () => {
+			g(() => {
+				if (!t.description || s.value) return;
+				let e = n?.value, r = i?.value;
+				e && r && e.clientHeight > r.clientHeight && r.classList.add("after-element-description");
+			});
+		}, { immediate: !0 });
+		function F(e) {
+			return a.urlify(e);
+		}
+		return (t, n) => {
+			let r = x("router-link"), i = S("lazy");
+			return v(), f("article", { class: _(["classic-element-container item-presentation-container mt-3", e.vertical ? "vertical-item" : ""]) }, [m(r, {
+				to: e.route,
+				class: _(["d-flex-column flex-grow-1 text-dark", e.vertical ? "flex-column" : ""])
+			}, {
+				default: D(() => [p("div", { class: _(["img-box", e.vertical ? "img-box-bigger" : ""]) }, [
+					O(p("img", {
+						width: h.value,
+						height: h.value,
+						"aria-hidden": "true",
+						alt: e.name,
+						title: e.name
+					}, null, 8, k), [[i, w(c)(e.imageUrl, h.value)]]),
+					p("div", A, [(v(!0), f(l, null, y(e.tags, (e) => (v(), f("span", { key: e }, C(e), 1))), 128))]),
+					b(t.$slots, "after-image", {}, void 0, !0)
+				], 2), p("div", { class: _(["classic-element-text pb-0", { "pt-1": e.vertical }]) }, [p("div", j, C(e.name), 1), !w(s) && (e.description || e.additionalInfo) ? (v(), f("div", M, [e.additionalInfo ? (v(), f("div", N, [(v(!0), f(l, null, y(e.additionalInfo, (e, t) => (v(), f("div", {
+					key: t,
+					class: "text-secondary"
+				}, C(e), 1))), 128))])) : d("", !0), e.description ? (v(), f("div", {
+					key: 1,
+					ref: "descriptionItem",
+					innerHTML: F(e.description || "")
+				}, null, 8, P)) : d("", !0)], 512)) : d("", !0)], 2)]),
+				_: 3
+			}, 8, ["to", "class"])], 2);
+		};
+	}
+}), [["__scopeId", "data-v-9e52d398"]]), I = () => {
+	let r = s(), { formatDate: i } = c();
+	function a(e) {
+		return r.storedCategories.filter((t) => e.iabIds.includes(t.id)).map((e) => e.name);
+	}
+	async function o(e, r) {
+		let i = [];
+		e.rubriqueIds && i.push(...e.rubriqueIds), "emission" in e && e.emission.rubriqueIds && i.push(...e.emission.rubriqueIds);
+		let a = i.filter(n).map(t.getCachedRubrique), o = await Promise.all(a);
+		return r ? o.filter((e) => e.rubriquageId === r).map((e) => e.name) : o.map((e) => e.name);
+	}
+	async function l(t) {
+		let n = e.presentationItems.tags, r;
+		return n === "iab" ? r = a("emission" in t ? t.emission : t) : n === "rubrique" && (r = await o(t, e.presentationItems.tagsRubriquageId)), r && e.presentationItems.tagsLimit ? r.slice(0, e.presentationItems.tagsLimit) : r;
+	}
+	async function u(t) {
+		let n = e.presentationItems.additionalInfo, r = e.presentationItems.restrictiveRubriquageId;
+		if (!n?.length) return;
+		let a = "emission" in t ? t : null, s = a?.emission ?? t;
+		return (await Promise.all(n.map(async (e) => e === "date" ? a?.pubDate ? i(a.pubDate) : null : e === "productor" ? s.orga.name : e === "restrictive-rubrique" && r !== void 0 ? (await o(t, r)).join(", ") : null))).filter((e) => e !== null);
+	}
+	return {
+		tagsFor: l,
+		additionalInfoFor: u
+	};
+};
+//#endregion
+export { F as n, I as t };

package/dist/{useRights-BuILddIF.mjs → useRights-D4GJoff9.mjs}

@@ -1,4 +1,4 @@
-import { i as e } from "./classicApi-Cos2uZQj.mjs";
+import { i as e } from "./classicApi-DR5O2l0-.mjs";
 //#region src/components/composable/useRights.ts
 var t = /* @__PURE__ */ function(e) {
 	return e.Allowed = "allowed", e.DeniedNoRight = "no_right", e.DeniedNotOwner = "not_owner", e.DeniedInsufficientScope = "no_scope", e;

package/dist/{useRubriquesFilterComputed-CDhO1bNi.mjs → useRubriquesFilterComputed-BKI04l9G.mjs}

@@ -1,4 +1,4 @@
-import { r as e } from "./classicApi-Cos2uZQj.mjs";
+import { r as e } from "./classicApi-DR5O2l0-.mjs";
 import { computed as t } from "vue";
 //#region src/components/composable/route/useRubriquesFilterComputed.ts
 var n = () => {

package/dist/{useRubriquesFilterParam-BAM07jph.mjs → useRubriquesFilterParam-C5AZlQOX.mjs}

@@ -1,4 +1,4 @@
-import { r as e } from "./classicApi-Cos2uZQj.mjs";
+import { r as e } from "./classicApi-DR5O2l0-.mjs";
 import { t } from "./useRouteUpdateParams-DJLm3IAI.mjs";
 //#region src/components/composable/route/useRubriquesFilterParam.ts
 var n = () => {

package/dist/{useSharePlatforms-PyN99oER.mjs → useSharePlatforms-DWJtsHHs.mjs}

@@ -1,6 +1,6 @@
-import { c as e, x as t } from "./classicApi-Cos2uZQj.mjs";
+import { b as e, s as t } from "./classicApi-DR5O2l0-.mjs";
 import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.mjs";
-import { t as r } from "./useImageProxy-Bp5COBoB.mjs";
+import { t as r } from "./useImageProxy-C3duE5Uj.mjs";
 import { t as i } from "./RadiolineIcon-CxHZGhfr.mjs";
 import { t as a } from "./TuninIcon-DENNxlP8.mjs";
 import { t as o } from "./PodcastAddictIcon-CW3Uxj4I.mjs";
@@ -267,11 +267,11 @@ var H = ["aria-hidden"], U = [
 		color: "#5c85dd"
 	}
 ], q = () => {
-	let n = C([]), { addNotification: r } = t();
-	async function i(t) {
+	let n = C([]), { addNotification: r } = e();
+	async function i(e) {
 		n.value = [...K];
 		try {
-			(await e.getAllNoAuth(t)).forEach((e) => {
+			(await t.getAllNoAuth(e)).forEach((e) => {
 				n.value.push({
 					name: e.name,
 					title: e.name,

package/dist/{useSimplePageParam-B6eU_F2z.mjs → useSimplePageParam-DJBHk-Yr.mjs}

@@ -1,4 +1,4 @@
-import { r as e } from "./classicApi-Cos2uZQj.mjs";
+import { r as e } from "./classicApi-DR5O2l0-.mjs";
 import { t } from "./useRouteUpdateParams-DJLm3IAI.mjs";
 import { t as n } from "./types-BMNwRfo9.mjs";
 import { computed as r, onMounted as i, ref as a, watch as o } from "vue";

package/dist/{useTranslation-CQT91TGE.mjs → useTranslation-xTuUuIiz.mjs}

@@ -1,4 +1,4 @@
-import { d as e, g as t, v as n, y as r } from "./classicApi-Cos2uZQj.mjs";
+import { _ as e, h as t, u as n, v as r } from "./classicApi-DR5O2l0-.mjs";
 //#region src/helper/language.ts
 function i(e = !0) {
 	let t = document.cookie.split(";"), n = "";
@@ -87,35 +87,35 @@ var u = "en", d = () => {
 	function f(e, t, n) {
 		return c(e, d(t.annotations?.["translation-config"], !0), d(n?.["translation-config"]));
 	}
-	function p(e, t, r, i) {
-		if (e === i.nativeLanguage) return 0;
+	function p(t, n, r, i) {
+		if (t === i.nativeLanguage) return 0;
 		{
-			let a = f(e, t, r);
+			let a = f(t, n, r);
 			if (a === o.ALWAYS) return 0;
-			if (a === o.ON_DEMAND) return +!i.translations.find((t) => t.language === e && t.state === n.FINISHED);
+			if (a === o.ON_DEMAND) return +!i.translations.find((n) => n.language === t && n.state === e.FINISHED);
 		}
 		return 2;
 	}
-	async function m(n) {
+	async function m(e) {
 		let r = i(!1);
-		if (r === n.nativeLanguage) return { ready: r };
+		if (r === e.nativeLanguage) return { ready: r };
 		let a = [];
 		[
 			r,
 			...navigator.languages,
 			u,
-			n.nativeLanguage
+			e.nativeLanguage
 		].forEach((e) => {
 			e.includes("-") && (e = e.split("-")[0]), a.includes(e) || a.push(e);
 		});
-		let o = await e.get(n.podcastId), s = o.emission, c = await t.getAttributes(o.organisation.id), l = null, d = null;
-		for (let e of a) {
-			let t = p(e, s, c, n);
-			if (t === 0 && l === null) {
-				l = e;
+		let o = await n.get(e.podcastId), s = o.emission, c = await t.getAttributes(o.organisation.id), l = null, d = null;
+		for (let t of a) {
+			let n = p(t, s, c, e);
+			if (n === 0 && l === null) {
+				l = t;
 				break;
 			}
-			t === 1 && d === null && (d = e);
+			n === 1 && d === null && (d = t);
 		}
 		return {
 			ready: l,

package/dist/{usefetchRadioData-KflsZpkI.mjs → usefetchRadioData-SnCkZcGt.mjs}

@@ -1,4 +1,4 @@
-import { t as e } from "./classicApi-Cos2uZQj.mjs";
+import { t as e } from "./classicApi-DR5O2l0-.mjs";
 import { onBeforeUnmount as t, ref as n } from "vue";
 import { useI18n as r } from "vue-i18n";
 import i from "dayjs";

package/package.json

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

package/src/components/composable/usePresentationItem.ts

@@ -4,6 +4,7 @@ import { useGeneralStore } from "../../stores/GeneralStore";
 import { Podcast } from "../../stores/class/general/podcast";
 import { rubriquesApi } from "../../api";
 import { useDayjs } from "./useDayjs";
+import { unique } from "@/helper/arrayHelper";
 
 export const usePresentationItem = () => {
     const generalStore = useGeneralStore();
@@ -23,7 +24,8 @@ export const usePresentationItem = () => {
         if ('emission' in element && element.emission.rubriqueIds) {
             rubriqueIds.push(...element.emission.rubriqueIds);
         }
-        const promises = rubriqueIds.map(rubriquesApi.getCachedRubrique);
+        const uniqueRubriqueIds = rubriqueIds.filter(unique);
+        const promises = uniqueRubriqueIds.map(rubriquesApi.getCachedRubrique);
         const rubriques = await Promise.all(promises);
 
         if (filterRubriquageId) {

package/src/components/layouts/PresentationItem.vue

@@ -194,10 +194,17 @@ function urlify(text:string|undefined){
         > span {
             background-color: white;
             padding: .25em .75em;
-            border-radius: var(--octopus-border-radius);
             font-size: 14px;
             font-weight: bold;
             color: var(--octopus-primary);
+            border-radius: var(--octopus-border-radius);
+            border: 1px solid color-mix(in lch, var(--octopus-primary), transparent 60%);
+
+            // Limit width
+            max-width: 200px;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
         }
     }
 }

package/src/stores/AuthStore.ts

@@ -219,7 +219,16 @@ export const useAuthStore = defineStore("AuthStore", {
         ]);
 
         // Retrieve user's rights scope
-        const scope = await rubriquesApi.listUserScope(profileData.sub);
+        const scope: Array<number> = [];
+        // TODO remove when scope feature is available on prod
+        try {
+          const s = await rubriquesApi.listUserScope(profileData.sub);
+          scope.push(...s);
+        } catch (e) {
+          console.error(e);
+          // Disable scope
+          scope.push(-1);
+        }
 
         const array = (availablesOrganisations ?? []).toSorted(function (a: Organisation, b: Organisation) {
           if (a.name.toLowerCase() < b.name.toLowerCase()) {

package/src/stores/CacheStore.ts

@@ -1,5 +1,4 @@
-import { useDayjs } from "../components/composable/useDayjs";
-import { Dayjs } from "dayjs";
+import dayjs, { Dayjs } from "dayjs";
 import { defineStore } from "pinia";
 
 /**
@@ -14,7 +13,6 @@ interface CachedData<T> {
 
 export const useCacheStore = defineStore('cache', () => {
 
-    const { dayjs } = useDayjs();
     const cachedData: Record<string, CachedData<unknown>> = {};
 
     async function getData<T>(key: string, callback: () => Promise<T>): Promise<T> {