@saooti/octopus-sdk 42.0.2 → 42.0.4

package/dist/SmartLinkPage-BmXB-5t-.mjs

@@ -0,0 +1,131 @@
+import { E as e, h as t, l as n, p as r, u as i, y as a } from "./classicApi-DR5O2l0-.mjs";
+import { n as o } from "./PlayerStore-C4T1vCHz.mjs";
+import { t as s } from "./_plugin-vue_export-helper-B3ysoDQm.mjs";
+import { t as c } from "./displayHelper-DQtoqc_6.mjs";
+import { t as ee } from "./useImageProxy-C3duE5Uj.mjs";
+import { r as l } from "./useSharePlatforms-DWJtsHHs.mjs";
+import { t as u } from "./useSeoTitleUrl-UfPXDCPa.mjs";
+import { t as d } from "./useSharePath-D9G8Jdlb.mjs";
+import "./logo_saooti_play_black-Doe3es2H.mjs";
+import { Fragment as f, computed as p, createBlock as te, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createTextVNode as _, createVNode as v, defineComponent as y, normalizeStyle as b, onMounted as x, openBlock as S, ref as C, renderList as ne, resolveDirective as re, resolveDynamicComponent as ie, toDisplayString as w, unref as T, withDirectives as E } from "vue";
+import D from "vue-material-design-icons/Play.vue";
+//#region src/components/pages/SmartLinkPage.vue?vue&type=script&setup=true&lang.ts
+var O = {
+	key: 0,
+	class: "background"
+}, k = ["src"], A = { key: 1 }, j = { class: "content" }, M = { class: "left" }, N = {
+	width: "250",
+	height: "250",
+	class: "img-box",
+	"aria-hidden": "true",
+	alt: ""
+}, P = ["innerHTML"], F = { class: "platforms" }, I = ["onClick"], L = { class: "platform-label" }, R = { class: "footer" }, z = {
+	target: "_blank",
+	href: "/"
+}, B = ["href"], ae = { key: 0 }, V = { key: 1 }, H = /*#__PURE__*/ s(/* @__PURE__ */ y({
+	__name: "SmartLinkPage",
+	props: {
+		playlistId: {},
+		emissionId: {}
+	},
+	setup(s) {
+		let { updatePathParams: y } = u(), { useProxyImageUrl: H } = ee(), { getPlatformsWithLinks: U, initPlatforms: W } = l(), G = C(null);
+		x(async () => {
+			s.playlistId ? (G.value = await r.get(s.playlistId), W(G.value.organisation.id)) : s.emissionId ? (G.value = await a.get(s.emissionId), W(G.value.orga.id)) : console.error("No content defined"), y(K.value), oe(), de();
+		});
+		let K = p(() => s.playlistId ? G.value.title : s.emissionId ? G.value.name : ""), q = p(() => {
+			let t = G.value.description;
+			if (e.smartLink.showOnlyFirstParagraphInDescription === !0) {
+				let e = t.match(/^(.+?(?:\n+.*?)*<\/p>)/);
+				e && e.length >= 2 && (t = e[1]);
+			}
+			return c.urlify(t);
+		}), J = p(() => {
+			if (G.value) {
+				if (s.playlistId) return G.value.organisation;
+				if (s.emissionId) return G.value.orga;
+			}
+		}), Y = C(null), { getSharePath: X } = d();
+		async function oe() {
+			J.value && (Y.value = await t.getAttributes(J.value.id));
+		}
+		let Z = p(() => {
+			if (s.playlistId) return X({
+				name: "playlist",
+				params: { playlistId: s.playlistId }
+			}, Y.value);
+			if (s.emissionId) return X({
+				name: "emission",
+				params: { emissionId: s.emissionId }
+			}, Y.value);
+		}), se = p(() => G.value ? U(G.value.annotations) : []);
+		function ce(e) {
+			return { "--gradient-color": e.color };
+		}
+		function le(e) {
+			window.open(e, "_blank").focus();
+		}
+		let ue = o(), Q = C(null);
+		async function de() {
+			if (s.playlistId) {
+				let e = await r.getContent(s.playlistId);
+				if (e.length > 0) {
+					let t = e[e.length - 1].podcastId;
+					Q.value = await i.get(t);
+				}
+			} else if (s.emissionId) {
+				let e = await i.searchFull({
+					emissionId: s.emissionId,
+					sort: n.DATE,
+					size: 1
+				});
+				e.count > 0 && (Q.value = e.result[0]);
+			}
+		}
+		function $() {
+			Q.value && ue.playerPlay(Q.value);
+		}
+		return (e, t) => {
+			let n = re("lazy");
+			return S(), h(f, null, [G.value ? (S(), h("div", O, [g("img", { src: T(H)(G.value.imageUrl, "1600") }, null, 8, k)])) : m("", !0), G.value ? (S(), h("article", A, [
+				g("div", j, [
+					g("div", M, [E(g("img", N, null, 512), [[n, T(H)(G.value.imageUrl, "250")]]), Q.value ? (S(), h("button", {
+						key: 0,
+						class: "btn btn-primary play-button pe-3 hide-phone",
+						onClick: $
+					}, [v(D, { class: "me-2" }), _(" " + w(e.$t("SmartLink - Listen to latest episode")), 1)])) : m("", !0)]),
+					g("h1", null, w(K.value), 1),
+					g("div", { innerHTML: q.value }, null, 8, P),
+					Q.value ? (S(), h("button", {
+						key: 0,
+						class: "btn btn-primary play-button pe-3 mt-4 show-phone-flex",
+						onClick: $
+					}, [v(D, { class: "me-2" }), _(" " + w(e.$t("SmartLink - Listen to latest episode")), 1)])) : m("", !0)
+				]),
+				g("div", F, [(S(!0), h(f, null, ne(se.value, (e) => (S(), h("div", {
+					key: e.name,
+					class: "platform-btn"
+				}, [g("button", {
+					class: "btn w-100",
+					style: b(ce(e)),
+					onClick: (t) => le(e.url)
+				}, [(S(), te(ie(e.icon), {
+					size: 36,
+					"fill-color": e.color,
+					class: "me-2"
+				}, null, 8, ["fill-color"])), g("span", L, w(e.title), 1)], 12, I)]))), 128))]),
+				g("div", R, [g("a", z, [g("span", null, w(e.$t("SmartLink - Made by")), 1), t[0] ||= g("img", {
+					src: "/img/logo_saooti_play_black.svg",
+					height: "24",
+					class: "ms-2"
+				}, null, -1)]), Z.value ? (S(), h("a", {
+					key: 0,
+					target: "_blank",
+					href: Z.value
+				}, [s.playlistId ? (S(), h("span", ae, w(e.$t("SmartLink - To playlist on podcastmaker", { organisation: J.value.name })), 1)) : s.emissionId ? (S(), h("span", V, w(e.$t("SmartLink - To emission on podcastmaker", { organisation: J.value.name })), 1)) : m("", !0)], 8, B)) : m("", !0)])
+			])) : m("", !0)], 64);
+		};
+	}
+}), [["__scopeId", "data-v-0ccb517f"]]);
+//#endregion
+export { H as default };

package/dist/{SubscribeButtons-NKhPZ-sJ.mjs → SubscribeButtons-Bqc3UtOf.mjs}

@@ -1,8 +1,8 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.mjs";
-import { T as t } from "./classicApi-Cos2uZQj.mjs";
+import { w as t } from "./classicApi-DR5O2l0-.mjs";
 import { t as n } from "./useResizePhone-4hSkK5pa.mjs";
 import { t as r } from "./_plugin-vue_export-helper-B3ysoDQm.mjs";
-import { r as i } from "./useSharePlatforms-PyN99oER.mjs";
+import { r as i } from "./useSharePlatforms-DWJtsHHs.mjs";
 import { t as a } from "./ClassicPopover-6uo-YUgO.mjs";
 import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, normalizeClass as h, onMounted as g, openBlock as _, renderList as v, resolveDynamicComponent as y, toDisplayString as b, unref as x, vShow as S, withCtx as C, withDirectives as w } from "vue";
 import T from "vue-material-design-icons/Plus.vue";

package/dist/{SwiperList-CxSo0qdA.mjs → SwiperList-nkm8nHZC.mjs}

@@ -1,6 +1,6 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.mjs";
 import { t } from "./domHelper-BPw2kGCL.mjs";
-import { D as n } from "./classicApi-Cos2uZQj.mjs";
+import { E as n } from "./classicApi-DR5O2l0-.mjs";
 import { t as r } from "./useResizePhone-4hSkK5pa.mjs";
 import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, defineComponent as u, getCurrentInstance as d, nextTick as f, onMounted as p, openBlock as m, ref as h, renderList as g, renderSlot as _, unref as v, useTemplateRef as y, watch as b, withCtx as x } from "vue";
 import { Swiper as S, SwiperSlide as C } from "swiper/vue";

package/dist/{TagList-DsQde007.mjs → TagList-BcJZfwL5.mjs}

@@ -1,4 +1,4 @@
-import { r as e } from "./classicApi-Cos2uZQj.mjs";
+import { r as e } from "./classicApi-DR5O2l0-.mjs";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.mjs";
 import { t as n } from "./useTagOf-Btweq3v2.mjs";
 import "./ouest_france_logo-9dPaEPNA.mjs";

package/dist/{TagPage-DdSPU923.mjs → TagPage-DFUbxGht.mjs}

@@ -1,7 +1,7 @@
 import { t as e } from "./useTagOf-Btweq3v2.mjs";
-import { t } from "./useSimplePageParam-B6eU_F2z.mjs";
+import { t } from "./useSimplePageParam-DJBHk-Yr.mjs";
 import { t as n } from "./useSeoTitleUrl-UfPXDCPa.mjs";
-import { t as r } from "./PodcastList-Q7UB5Jvo.mjs";
+import { t as r } from "./PodcastList-BfqxVGag.mjs";
 import { t as i } from "./ouest_france_logo-9dPaEPNA.mjs";
 import { computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineAsyncComponent as d, defineComponent as f, isRef as p, openBlock as m, ref as h, toDisplayString as g, unref as _, watch as v } from "vue";
 import { useI18n as y } from "vue-i18n";
@@ -43,7 +43,7 @@ var b = {
 		}
 	},
 	setup(i) {
-		let f = d(() => import("./ProductorSearch-14Fsq-1F.mjs").then((e) => e.n)), S = i, C = h(""), w = h(!1), { searchPattern: T, organisationId: E, searchMinSize: D, paginateFirst: O, isInit: k } = t(S), { isOuestFranceTag: A, formateOfTag: j } = e(), { updatePathParams: M } = n(), { t: N } = y(), P = a(() => E.value ? [E.value] : []), F = a(() => {
+		let f = d(() => import("./ProductorSearch-Cyo0OOte.mjs").then((e) => e.n)), S = i, C = h(""), w = h(!1), { searchPattern: T, organisationId: E, searchMinSize: D, paginateFirst: O, isInit: k } = t(S), { isOuestFranceTag: A, formateOfTag: j } = e(), { updatePathParams: M } = n(), { t: N } = y(), P = a(() => E.value ? [E.value] : []), F = a(() => {
 			if (D.value.length) return "SCORE";
 		});
 		return v(() => S.tag, async () => {

package/dist/{TopBar-CpjDKdG9.mjs → TopBar-1YG7Pruy.mjs}

@@ -1,10 +1,10 @@
-import { D as e, i as t, r as n } from "./classicApi-Cos2uZQj.mjs";
+import { E as e, i as t, r as n } from "./classicApi-DR5O2l0-.mjs";
 import { t as r } from "./useResizePhone-4hSkK5pa.mjs";
-import { t as i } from "./useImageProxy-Bp5COBoB.mjs";
+import { t as i } from "./useImageProxy-C3duE5Uj.mjs";
 import { t as a } from "./GeneralStore-Darfv4af.mjs";
 import { t as o } from "./ClassicPopover-6uo-YUgO.mjs";
-import { t as s } from "./useRubriquesFilterComputed-CDhO1bNi.mjs";
-import { t as c } from "./HomeDropdown-F5S8UGGq.mjs";
+import { t as s } from "./useRubriquesFilterComputed-BKI04l9G.mjs";
+import { t as c } from "./HomeDropdown-D65QDBBQ.mjs";
 import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, defineAsyncComponent as _, defineComponent as v, mergeProps as y, normalizeClass as b, normalizeStyle as x, onBeforeUnmount as S, onMounted as C, openBlock as w, ref as T, renderList as E, resolveComponent as D, toDisplayString as O, unref as k, vShow as A, watch as j, withCtx as M, withDirectives as N } from "vue";
 import { useI18n as P } from "vue-i18n";
 import F from "axios";
@@ -32,7 +32,7 @@ var R = ["src"], z = ["src"], B = {
 		options: {}
 	},
 	setup(r) {
-		let d = _(() => import("./MobileMenu-Bstcgl68.mjs")), v = r, { t: x } = P(), { useProxyImageUrl: S } = i(), { rubriqueQueryParam: C } = s(), T = t(), j = a(), F = n(), q = u(() => v.isPhone || Y.value), J = u(() => Y.value && v.scrolled && !v.isPhone), Y = u(() => v.titleDisplay.length !== 0), X = u(() => [
+		let d = _(() => import("./MobileMenu-CV5t_RXg.mjs")), v = r, { t: x } = P(), { useProxyImageUrl: S } = i(), { rubriqueQueryParam: C } = s(), T = t(), j = a(), F = n(), q = u(() => v.isPhone || Y.value), J = u(() => Y.value && v.scrolled && !v.isPhone), Y = u(() => v.titleDisplay.length !== 0), X = u(() => [
 			{
 				title: x("Radio & Live"),
 				routeName: "lives",
@@ -197,7 +197,7 @@ var R = ["src"], z = ["src"], B = {
 	__name: "TopBar",
 	props: { options: {} },
 	setup(e) {
-		let n = _(() => import("./SubscribeButtons-NKhPZ-sJ.mjs").then((e) => e.n)), o = T(!1), s = T(0), c = T(0), h = T(""), v = T(!1), { isPhone: y, windowWidth: E } = r(), { useProxyImageUrl: D } = i(), M = t(), P = a(), I = u(() => P.contentToDisplay?.podcastId ? P.contentToDisplay.emission.name : P.contentToDisplay?.playlistId ? P.contentToDisplay.title : P.contentToDisplay?.emissionId || P.contentToDisplay?.id ? P.contentToDisplay.name : ""), L = u(() => P.contentToDisplay?.podcastId ? P.contentToDisplay.emission : P.contentToDisplay?.emissionId || P.contentToDisplay?.playlistId ? P.contentToDisplay : null);
+		let n = _(() => import("./SubscribeButtons-Bqc3UtOf.mjs").then((e) => e.n)), o = T(!1), s = T(0), c = T(0), h = T(""), v = T(!1), { isPhone: y, windowWidth: E } = r(), { useProxyImageUrl: D } = i(), M = t(), P = a(), I = u(() => P.contentToDisplay?.podcastId ? P.contentToDisplay.emission.name : P.contentToDisplay?.playlistId ? P.contentToDisplay.title : P.contentToDisplay?.emissionId || P.contentToDisplay?.id ? P.contentToDisplay.name : ""), L = u(() => P.contentToDisplay?.podcastId ? P.contentToDisplay.emission : P.contentToDisplay?.emissionId || P.contentToDisplay?.playlistId ? P.contentToDisplay : null);
 		j(() => P.contentToDisplay, async () => {
 			if (!P.contentToDisplay) {
 				h.value = "", v.value = !1;

package/dist/{UserButtonContent-COb8p914.mjs → UserButtonContent-CKxL8aX3.mjs}

@@ -1,5 +1,5 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.mjs";
-import { D as t, T as n, i as r } from "./classicApi-Cos2uZQj.mjs";
+import { E as t, i as n, w as r } from "./classicApi-DR5O2l0-.mjs";
 import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, normalizeClass as p, openBlock as m, renderList as h, resolveComponent as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
 import { useI18n as b } from "vue-i18n";
 import { useRoute as x } from "vue-router";
@@ -29,7 +29,7 @@ var C = ["aria-label"], w = { class: "p-0 m-0" }, T = { key: 0 }, E = { class: "
 		}
 	},
 	setup(e) {
-		let f = e, { t: N } = b(), P = r(), F = n(), I = x(), L = a(() => P.authProfile?.userId !== void 0), R = a(() => "/sso/login?redirect_url=" + encodeURI(F.frontendUrl + I.fullPath)), z = a(() => P.authOrgaId !== void 0), B = a(() => P.authProfile?.organisations ?? []), V = a(() => P.isGarRole || f.isEducation ? [] : [{
+		let f = e, { t: N } = b(), P = n(), F = r(), I = x(), L = a(() => P.authProfile?.userId !== void 0), R = a(() => "/sso/login?redirect_url=" + encodeURI(F.frontendUrl + I.fullPath)), z = a(() => P.authOrgaId !== void 0), B = a(() => P.authProfile?.organisations ?? []), V = a(() => P.isGarRole || f.isEducation ? [] : [{
 			title: N("Help"),
 			href: "https://help.octopus.saooti.com/Aide/"
 		}, {

package/dist/{VideoModuleBox-Dz6dkVFU.mjs → VideoModuleBox-B54AebXt.mjs}

@@ -1,5 +1,5 @@
 import { t as e } from "./displayHelper-DQtoqc_6.mjs";
-import { t } from "./PodcastRawTranscript-Lmhj4ZcK.mjs";
+import { t } from "./PodcastRawTranscript-uMquvyIx.mjs";
 import { createCommentVNode as n, createElementBlock as r, createElementVNode as i, createVNode as a, defineAsyncComponent as o, defineComponent as s, openBlock as c, toDisplayString as l, unref as u } from "vue";
 //#region src/components/display/podcasts/VideoModuleBox.vue?vue&type=script&setup=true&lang.ts
 var d = {

package/dist/VideoPage-BxYH2SFo.mjs

@@ -0,0 +1,148 @@
+import { t as e } from "./ClassicLoading-CXfMjpyl.mjs";
+import { i as t, r as n, t as r, w as i } from "./classicApi-DR5O2l0-.mjs";
+import { n as a } from "./PlayerStore-C4T1vCHz.mjs";
+import { t as o } from "./GeneralStore-Darfv4af.mjs";
+import { t as s } from "./useErrorHandler-CNqmf6tv.mjs";
+import { t as c } from "./useSeoTitleUrl-UfPXDCPa.mjs";
+import { t as l } from "./CommentStore-CVBkPvHJ.mjs";
+import { t as u } from "./ClassicNav-DYez6p1J.mjs";
+import { t as d } from "./usePodcastView-EmNdC0A1.mjs";
+import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createSlots as ee, createTextVNode as v, createVNode as y, defineAsyncComponent as b, defineComponent as x, onBeforeUnmount as S, openBlock as C, ref as w, renderList as T, resolveComponent as E, toDisplayString as D, unref as O, watch as te, withCtx as k } from "vue";
+import { useI18n as ne } from "vue-i18n";
+import { useRoute as re } from "vue-router";
+import ie from "vue-material-design-icons/ChevronLeft.vue";
+//#region src/components/pages/VideoPage.vue?vue&type=script&setup=true&lang.ts
+var ae = { class: "page-box" }, oe = {
+	key: 0,
+	class: "d-flex video-page-container"
+}, se = { class: "w-70-responsive" }, ce = {
+	key: 1,
+	class: "d-flex flex-column align-items-center flex-grow-1 blue-bg p-3"
+}, le = { class: "w-30-responsive info-video-container" }, ue = { class: "d-flex flex-column flex-grow-1 w-100" }, A = {
+	key: 1,
+	class: "text-center text-danger h3"
+}, j = /* @__PURE__ */ x({
+	__name: "VideoPage",
+	props: { podcastId: {
+		default: 0,
+		type: Number
+	} },
+	setup(x) {
+		let j = b(() => import("./PlayerVideoDigiteka-C6ZA6XkR.mjs")), M = b(() => import("./PlayerVideoHls-B8dm2-2-.mjs")), N = b(() => import("./CommentSection-CQGAn83J.mjs")), P = b(() => import("./VideoModuleBox-B54AebXt.mjs")), F = b(() => import("./CountdownOctopus-D0X5hVBu.mjs")), I = x, L = w(!1), R = w(void 0), z = w(!1), B = w(0), V = w(void 0), H = w(void 0), U = w(void 0), { isLiveReadyToRecord: W, isCounter: de, timeRemaining: fe, date: G, duration: K, durationIso: pe, editRight: me } = d(R, H), { handle403: he } = s(), { updatePathParams: ge } = c(), _e = t(), ve = i(), ye = o(), be = a(), xe = n(), q = l(), { t: J } = ne(), Se = re(), Y = p(() => R.value?.video?.videoId), Ce = p(() => q.getCanPostComment(V.value, R.value, _e.authOrgaId !== void 0)), X = p(() => Ce.value ? [J("Information"), J("Comments")] : []), Z = p(() => H.value !== void 0 && H.value.conferenceId !== -1 && (H.value.status === "RECORDING" || H.value.status === "PENDING")), we = p(() => !Z.value || !H.value ? "" : `${ve.hlsUrl}live/video_${H.value.hlsIdentifier}/index.m3u8`), Te = p(() => R.value?.organisation?.privacy === "SECURED"), Q = p(() => {
+			if (H.value?.status === "PUBLISHING") return J("In the process of being published");
+		});
+		te(() => I.podcastId, async () => {
+			await Ee(), R.value && (q.initCommentUser(), V.value = await q.getCommentsConfig(R.value));
+		}, { immediate: !0 }), S(() => {
+			clearInterval(U.value);
+		});
+		async function Ee() {
+			L.value = !1, z.value = !1;
+			try {
+				R.value = await r.fetchData({
+					api: 0,
+					path: "podcast/" + I.podcastId
+				}), document.title = R.value.title + " - " + ye.metaTitle;
+				let e = R.value.organisation, t = e.privacy !== "PUBLIC" && xe.filterOrgaId !== e.id && Se.query.productor !== e.id, n = (!R.value.availability.visibility || ![
+					"READY_TO_RECORD",
+					"READY",
+					"PROCESSING"
+				].includes(R.value.processingStatus ?? "") || !R.value.valid) && !me.value;
+				t || n ? z.value = !0 : (ge(R.value.title), R.value.conferenceId && R.value.processingStatus !== "READY" && (await $(), U.value = setInterval(() => {
+					$();
+				}, 3e3), be.playerPlay({
+					...R.value,
+					conferenceId: R.value.conferenceId,
+					hlsIdentifier: H.value?.hlsIdentifier
+				}, !0)));
+			} catch (e) {
+				he(e), z.value = !0;
+			}
+			L.value = !0;
+		}
+		async function $() {
+			if (!R.value?.conferenceId) return;
+			let e = await r.fetchData({
+				api: 9,
+				path: "conference/info/" + R.value.conferenceId
+			});
+			H.value = {
+				...e,
+				conferenceId: R.value.conferenceId,
+				title: ""
+			}, e.status === "DEBRIEFING" && clearInterval(U.value);
+		}
+		return (t, n) => {
+			let r = E("router-link");
+			return C(), g("section", ae, [
+				L.value && !z.value ? (C(), g(f, { key: 0 }, [y(r, {
+					to: {
+						name: "podcast",
+						params: { podcastId: x.podcastId }
+					},
+					class: "mt-3 mb-3 w-fit-content d-flex align-items-center",
+					title: O(J)("Episode name page", { name: R.value?.title })
+				}, {
+					default: k(() => [y(ie), v(D(O(J)("Episode page")), 1)]),
+					_: 1
+				}, 8, ["to", "title"]), Y.value || O(W) ? (C(), g("div", oe, [_("div", se, [O(W) ? (C(), g(f, { key: 0 }, [Z.value ? (C(), m(O(M), {
+					key: 0,
+					"hls-url": we.value,
+					"is-secured": Te.value,
+					responsive: !0
+				}, null, 8, ["hls-url", "is-secured"])) : h("", !0), O(de) || Q.value ? (C(), g("div", ce, [y(O(F), {
+					"time-remaining": O(fe),
+					"override-text": Q.value
+				}, null, 8, ["time-remaining", "override-text"])])) : h("", !0)], 64)) : (C(), m(O(j), {
+					key: 1,
+					"video-id": Y.value,
+					"podcast-id": x.podcastId,
+					responsive: ""
+				}, null, 8, ["video-id", "podcast-id"]))]), _("div", le, [_("div", ue, [X.value.length ? (C(), m(u, {
+					key: 0,
+					"active-tab": B.value,
+					"onUpdate:activeTab": n[0] ||= (e) => B.value = e,
+					"tab-number": X.value.length,
+					transparent: !0
+				}, ee({
+					tab0: k(() => [y(O(P), {
+						podcast: R.value,
+						date: O(G),
+						duration: O(K)
+					}, null, 8, [
+						"podcast",
+						"date",
+						"duration"
+					])]),
+					tab1: k(() => [_("section", null, [y(O(N), {
+						podcast: R.value,
+						class: "module-box-transparent"
+					}, null, 8, ["podcast"])])]),
+					_: 2
+				}, [T(X.value, (e, t) => ({
+					name: t,
+					fn: k(() => [v(D(e), 1)])
+				}))]), 1032, ["active-tab", "tab-number"])) : (C(), m(O(P), {
+					key: 1,
+					class: "p-2 video-module-box",
+					podcast: R.value,
+					date: O(G),
+					duration: O(K),
+					"duration-iso": O(pe)
+				}, null, 8, [
+					"podcast",
+					"date",
+					"duration",
+					"duration-iso"
+				]))])])])) : h("", !0)], 64)) : h("", !0),
+				!z.value && !Y.value && !O(W) ? (C(), g("div", A, D(O(J)("The episode does not have an associated video")), 1)) : h("", !0),
+				y(e, {
+					"loading-text": L.value ? void 0 : O(J)("Loading content ..."),
+					"error-text": z.value ? O(J)("This episode is not available for (re)listening") : void 0
+				}, null, 8, ["loading-text", "error-text"])
+			]);
+		};
+	}
+});
+//#endregion
+export { j as default };