@saooti/octopus-sdk 42.2.0 → 42.2.1

package/dist/PodcastPage-C_d9FaS7.mjs

@@ -0,0 +1,757 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { t as ClassicLoading_default } from "./ClassicLoading-Crlw7cAx.mjs";
+import { A as state, i as useAuthStore, m as podcastApi, r as useFilterStore, t as classicApi_default } from "./classicApi-CkDHWZG1.mjs";
+import { t as displayHelper_default } from "./displayHelper-CpXshNzz.mjs";
+import { t as useGeneralStore } from "./GeneralStore-CUlq_NjO.mjs";
+import { t as useErrorHandler } from "./useErrorHandler-DtLjD9t_.mjs";
+import { t as useSeoTitleUrl } from "./useSeoTitleUrl-CrM1YzAc.mjs";
+import { t as useOrgaComputed } from "./useOrgaComputed-BLSpEDfb.mjs";
+import { t as SeasonMode } from "./emission-ByePXT9Y.mjs";
+import { t as useSeasonsManagement } from "./useSeasonsManagement-D-ngDipg.mjs";
+import { t as useAppleVideo } from "./useAppleVideo-BGOd4QiN.mjs";
+import { t as useCommentStore } from "./CommentStore-Dv7j94Uo.mjs";
+import { t as ClassicAlert_default } from "./ClassicAlert-DUQplMvs.mjs";
+import { t as RightsIndicator_default } from "./RightsIndicator-qIU4_wiF.mjs";
+import { t as ClassicLazy_default } from "./ClassicLazy-7mFHxG6O.mjs";
+import { t as PodcastImage_default } from "./PodcastImage-BtxcPlrh.mjs";
+import { t as ParticipantDescription_default } from "./ParticipantDescription-CwREwvZy.mjs";
+import { t as PodcastInlineList_default } from "./PodcastInlineList-CVWfH5np.mjs";
+import { t as PodcastRawTranscript_default } from "./PodcastRawTranscript-D0Nm7jGM.mjs";
+import { t as youtubeVideoHelper_default } from "./youtubeVideoHelper-DOeaXxVp.mjs";
+import { t as usePodcastView } from "./usePodcastView-BftS642h.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineAsyncComponent, defineComponent, guardReactiveProps, normalizeClass, normalizeProps, onBeforeUnmount, openBlock, ref, renderList, renderSlot, resolveComponent, toDisplayString, toRefs, useTemplateRef, watch, withCtx } from "vue";
+import { useI18n } from "vue-i18n";
+import { useRoute, useRouter } from "vue-router";
+import NewspaperVariantOutlineIcon from "vue-material-design-icons/NewspaperVariantOutline.vue";
+//#region src/components/display/podcasts/PodcastModuleBox.vue?vue&type=script&setup=true&lang.ts
+var PodcastModuleBox_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "PodcastModuleBox",
+	props: {
+		podcast: {
+			type: Object,
+			required: true
+		},
+		playingPodcast: {
+			type: Object,
+			required: false
+		},
+		podcastConference: {
+			type: Object,
+			required: false
+		}
+	},
+	emits: ["updatePodcast"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		__expose();
+		const PodcastPlayBar = defineAsyncComponent(() => import("./PodcastPlayBar-WjGn_KlZ.mjs"));
+		const SubscribeButtons = defineAsyncComponent(() => import("./SubscribeButtons-rnonTVzT.mjs").then((n) => n.n));
+		const LikeSection = defineAsyncComponent(() => import("./LikeSection-DAid96g9.mjs"));
+		const DownloadPodcastButton = defineAsyncComponent(() => import("./DownloadPodcastButton-6D8qNAkT.mjs"));
+		const PodcastPlannedSpinner = defineAsyncComponent(() => import("./PodcastPlannedSpinner-BN7unEqf.mjs"));
+		const Countdown = defineAsyncComponent(() => import("./CountDown-CAUtA0Vp.mjs"));
+		const TagList = defineAsyncComponent(() => import("./TagList-VeuYS_zJ.mjs"));
+		const ShareAnonymous = defineAsyncComponent(() => import("./ShareAnonymous-Chfdzzra.mjs"));
+		const PodcastRubriqueList = defineAsyncComponent(() => import("./PodcastRubriqueList-BeTq7IRu.mjs"));
+		const props = __props;
+		const emit = __emit;
+		const { t } = useI18n();
+		const propsRef = toRefs(props);
+		const { isLiveReadyToRecord, isCounter, timeRemaining, isPlannedInProcessor, date, duration, durationIso, isPodcastmaker, editRight } = usePodcastView(propsRef.podcast, propsRef.podcastConference);
+		const authStore = useAuthStore();
+		const router = useRouter();
+		const { areSeasonsEnabled } = useSeasonsManagement();
+		const { isErrorStatus, toGenericErrorCode } = useAppleVideo();
+		/** Reference to the PodcastRqwTranscript */
+		const podcastRawTranscript = useTemplateRef("podcastRawTranscript");
+		const podcastRubriques = computed(() => {
+			let rubriques = props.podcast?.rubriqueIds ?? [];
+			if (props.podcast?.emission?.rubriqueIds) rubriques = [...new Set(rubriques.concat(props.podcast?.emission?.rubriqueIds))];
+			return rubriques;
+		});
+		const alert = computed(() => {
+			if ("ERROR" === props.podcast?.processingStatus) return {
+				type: "error",
+				message: t("Podcast in ERROR, please contact Saooti")
+			};
+			const appleVideoStatus = props.podcast?.annotations?.appleVideoStatus;
+			if (isErrorStatus(appleVideoStatus)) return {
+				type: "error",
+				message: t("Apple podcast - Error - Undefined", { status: appleVideoStatus }),
+				code: toGenericErrorCode(appleVideoStatus)
+			};
+			if (podcastNotValid.value) return {
+				type: "warning",
+				message: t("Podcast not validated")
+			};
+			if (appleVideoStatus === "HLS_NOT_READY") return {
+				type: "info",
+				message: t("Apple podcast - Info - HLS_NOT_READY"),
+				code: toGenericErrorCode(appleVideoStatus)
+			};
+			if (!props.podcast?.availability.visibility) return {
+				type: "warning",
+				message: t("Podcast is not visible for listeners")
+			};
+			return null;
+		});
+		const isLiveReady = computed(() => {
+			return void 0 !== props.podcast?.conferenceId && 0 !== props.podcast?.conferenceId && "READY" === props.podcast?.processingStatus;
+		});
+		const isDebriefing = computed(() => {
+			return void 0 !== props.podcastConference && "DEBRIEFING" === props.podcastConference.status;
+		});
+		const isOctopusAndAnimator = computed(() => {
+			return !isPodcastmaker.value && editRight.value && authStore.isRoleLive;
+		});
+		const podcastNotValid = computed(() => {
+			return void 0 !== props.podcast?.availability && false === props.podcast?.valid;
+		});
+		const photoCredit = computed(() => formatCredits(props.podcast?.annotations?.photoCredit));
+		const audioCredit = computed(() => formatCredits(props.podcast?.annotations?.audioCredit));
+		const authorCredit = computed(() => formatCredits(props.podcast?.annotations?.authorCredit));
+		const isEditBox = computed(() => !(state.generalParameters.podcastmaker ?? false));
+		/** The tags to display */
+		const tags = computed(() => {
+			const tags = [];
+			if (props.podcast.tags) tags.push(...props.podcast.tags);
+			if (props.podcast.emission.tags) tags.push(...props.podcast.emission.tags);
+			return tags;
+		});
+		const showSeasonNumber = computed(() => {
+			return areSeasonsEnabled(props.podcast.emission) && props.podcast.seasonNumber !== void 0;
+		});
+		const showSeasonEpisodeNumber = computed(() => {
+			return props.podcast.emission.seasonMode === SeasonMode.SEASON_WITH_PODCAST_NUMBERING && props.podcast.seasonEpisodeNumber !== void 0;
+		});
+		/** Indicates whether to show subtitle */
+		const showSubtitle = computed(() => {
+			return props.podcast.annotations?.subtitle && state.podcastPage?.hideSubtitle !== true;
+		});
+		/** Indicates whether to show description */
+		const showDescription = computed(() => {
+			return state.podcastPage?.descriptionOrSummary !== "summary";
+		});
+		/** Indicates whether to show summary */
+		const showSummary = computed(() => {
+			return props.podcast.summary && state.podcastPage?.descriptionOrSummary !== "description" && state.podcastPage?.descriptionOrSummary !== void 0;
+		});
+		function formatCredits(credits) {
+			if (credits === void 0) return "";
+			return credits.split(",").map((s) => s.trim()).join(", ");
+		}
+		function urlify(text) {
+			return displayHelper_default.urlify(text);
+		}
+		function removeDeleted() {
+			if (isLiveReadyToRecord.value) router.push("/main/pub/lives");
+			else if (window.history.length > 1) router.go(-1);
+			else router.push("/");
+		}
+		function resetTranscription() {
+			podcastRawTranscript.value.reset();
+		}
+		const __returned__ = {
+			PodcastPlayBar,
+			SubscribeButtons,
+			LikeSection,
+			DownloadPodcastButton,
+			PodcastPlannedSpinner,
+			Countdown,
+			TagList,
+			ShareAnonymous,
+			PodcastRubriqueList,
+			props,
+			emit,
+			t,
+			propsRef,
+			isLiveReadyToRecord,
+			isCounter,
+			timeRemaining,
+			isPlannedInProcessor,
+			date,
+			duration,
+			durationIso,
+			isPodcastmaker,
+			editRight,
+			authStore,
+			router,
+			areSeasonsEnabled,
+			isErrorStatus,
+			toGenericErrorCode,
+			podcastRawTranscript,
+			podcastRubriques,
+			alert,
+			isLiveReady,
+			isDebriefing,
+			isOctopusAndAnimator,
+			podcastNotValid,
+			photoCredit,
+			audioCredit,
+			authorCredit,
+			isEditBox,
+			tags,
+			showSeasonNumber,
+			showSeasonEpisodeNumber,
+			showSubtitle,
+			showDescription,
+			showSummary,
+			formatCredits,
+			urlify,
+			removeDeleted,
+			resetTranscription,
+			showTags: computed(() => {
+				if (state.podcastPage.hideTags === true) return false;
+				return void 0 !== tags.value && 0 !== tags.value.length;
+			}),
+			NewspaperVariantOutlineIcon,
+			PodcastImage: PodcastImage_default,
+			ParticipantDescription: ParticipantDescription_default,
+			PodcastRawTranscript: PodcastRawTranscript_default,
+			get state() {
+				return state;
+			},
+			RightsIndicator: RightsIndicator_default,
+			ClassicAlert: ClassicAlert_default
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+//#endregion
+//#region src/components/display/podcasts/PodcastModuleBox.vue
+var _hoisted_1$1 = {
+	key: 0,
+	class: "module-box"
+};
+var _hoisted_2$1 = { class: "mb-2 w-100" };
+var _hoisted_3 = { class: "d-flex justify-content-between flex-wrap mb-2" };
+var _hoisted_4 = ["datetime"];
+var _hoisted_5 = {
+	key: 1,
+	class: "text-danger"
+};
+var _hoisted_6 = { class: "d-flex flex-column align-items-end" };
+var _hoisted_7 = ["datetime"];
+var _hoisted_8 = {
+	key: 0,
+	class: "mb-3 text-secondary"
+};
+var _hoisted_9 = ["innerHTML"];
+var _hoisted_10 = ["innerHTML"];
+var _hoisted_11 = { class: "my-3" };
+var _hoisted_12 = { class: "mb-1" };
+var _hoisted_13 = {
+	key: 0,
+	class: "mb-1"
+};
+var _hoisted_14 = {
+	key: 1,
+	class: "mb-1"
+};
+var _hoisted_15 = {
+	key: 2,
+	class: "mb-1"
+};
+var _hoisted_16 = {
+	key: 3,
+	class: "mb-1"
+};
+var _hoisted_17 = {
+	key: 4,
+	class: "mb-1"
+};
+var _hoisted_18 = {
+	key: 5,
+	class: "mb-1"
+};
+var _hoisted_19 = ["href", "title"];
+var _hoisted_20 = { key: 8 };
+var _hoisted_21 = {
+	key: 0,
+	class: "me-5 text-secondary"
+};
+var _hoisted_22 = { class: "d-flex align-items-center" };
+var _hoisted_23 = { class: "d-flex align-items-center flex-wrap" };
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_router_link = resolveComponent("router-link");
+	return $props.podcast ? (openBlock(), createElementBlock("section", _hoisted_1$1, [
+		!!$props.podcastConference && $setup.isLiveReadyToRecord && $setup.isOctopusAndAnimator ? renderSlot(_ctx.$slots, "recording-item-button", {
+			key: 0,
+			podcast: $props.podcast,
+			live: true,
+			recording: $props.podcastConference,
+			onDeleteItem: $setup.removeDeleted,
+			onValidatePodcast: (p) => $setup.emit("updatePodcast", p)
+		}) : $setup.editRight && $setup.isEditBox ? renderSlot(_ctx.$slots, "edit-box", {
+			key: 1,
+			podcast: $props.podcast,
+			displayStudioAccess: $setup.isDebriefing,
+			onUpdateTranscription: $setup.resetTranscription,
+			onValidatePodcast: (p) => $setup.emit("updatePodcast", p)
+		}) : createCommentVNode("v-if", true),
+		createElementVNode("div", _hoisted_2$1, [
+			createVNode($setup["PodcastImage"], {
+				class: normalizeClass([[$setup.isLiveReadyToRecord && $props.podcastConference && "null" !== $props.podcastConference && $props.podcastConference.status ? $props.podcastConference.status.toLowerCase() + "-shadow" : ""], "me-3"]),
+				"show-processing": "",
+				"hide-play": $setup.isLiveReadyToRecord,
+				podcast: $props.podcast,
+				"playing-podcast": $props.playingPodcast,
+				"fetch-conference": $props.podcastConference,
+				"is-animator-live": $setup.isOctopusAndAnimator
+			}, null, 8, [
+				"class",
+				"hide-play",
+				"podcast",
+				"playing-podcast",
+				"fetch-conference",
+				"is-animator-live"
+			]),
+			createElementVNode("div", _hoisted_3, [
+				0 !== $setup.date.length ? (openBlock(), createElementBlock("time", {
+					key: 0,
+					class: normalizeClass(!$setup.isLiveReady ? "me-5" : ""),
+					datetime: $props.podcast.pubDate
+				}, toDisplayString($setup.date), 11, _hoisted_4)) : createCommentVNode("v-if", true),
+				$setup.isLiveReady ? (openBlock(), createElementBlock("div", _hoisted_5, toDisplayString($setup.t("Episode record in live")), 1)) : createCommentVNode("v-if", true),
+				createElementVNode("div", _hoisted_6, [createElementVNode("time", { datetime: $setup.durationIso }, toDisplayString($setup.duration), 9, _hoisted_7), !$setup.editRight ? (openBlock(), createBlock($setup["ShareAnonymous"], {
+					key: 0,
+					podcast: $props.podcast,
+					"organisation-id": $props.podcast.organisation.id
+				}, null, 8, ["podcast", "organisation-id"])) : createCommentVNode("v-if", true)])
+			]),
+			createElementVNode("h2", { class: normalizeClass({ "mb-3": !$setup.showSubtitle }) }, [createVNode($setup["RightsIndicator"], {
+				podcast: $props.podcast,
+				action: "edit",
+				inline: ""
+			}, null, 8, ["podcast"]), createTextVNode(" " + toDisplayString($props.podcast.title), 1)], 2),
+			$setup.showSubtitle ? (openBlock(), createElementBlock("h3", _hoisted_8, toDisplayString($props.podcast.annotations.subtitle), 1)) : createCommentVNode("v-if", true),
+			$setup.isPlannedInProcessor ? (openBlock(), createBlock($setup["PodcastPlannedSpinner"], { key: 1 })) : createCommentVNode("v-if", true),
+			$setup.isCounter ? (openBlock(), createBlock($setup["Countdown"], {
+				key: 2,
+				"time-remaining": $setup.timeRemaining
+			}, null, 8, ["time-remaining"])) : createCommentVNode("v-if", true),
+			createCommentVNode(" eslint-disable vue/no-v-html "),
+			$setup.showSummary ? (openBlock(), createElementBlock("div", {
+				key: 3,
+				class: normalizeClass(["description-text html-wysiwyg-content", { "mb-4": $setup.showSummary && $setup.showDescription }]),
+				innerHTML: $setup.urlify($props.podcast.summary)
+			}, null, 10, _hoisted_9)) : createCommentVNode("v-if", true),
+			$setup.showDescription ? (openBlock(), createElementBlock("div", {
+				key: 4,
+				class: "description-text html-wysiwyg-content",
+				innerHTML: $setup.urlify($props.podcast.description)
+			}, null, 8, _hoisted_10)) : createCommentVNode("v-if", true),
+			createCommentVNode(" eslint-enable "),
+			createElementVNode("div", _hoisted_11, [
+				createElementVNode("div", _hoisted_12, [createTextVNode(toDisplayString($setup.t("Emission") + " : ") + " ", 1), createVNode(_component_router_link, {
+					to: {
+						name: "emission",
+						params: { emissionId: $props.podcast.emission.emissionId }
+					},
+					title: $setup.t("Series name page", { name: $props.podcast.emission.name })
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString($props.podcast.emission.name), 1)]),
+					_: 1
+				}, 8, ["to", "title"])]),
+				createVNode($setup["ParticipantDescription"], { participants: $props.podcast.animators }, null, 8, ["participants"]),
+				createVNode($setup["ParticipantDescription"], {
+					participants: $props.podcast.guests,
+					"is-guest": true
+				}, null, 8, ["participants"]),
+				!$setup.isPodcastmaker ? (openBlock(), createElementBlock("div", _hoisted_13, [createTextVNode(toDisplayString($setup.t("Producted by : ")) + " ", 1), createVNode(_component_router_link, { to: {
+					name: "productor",
+					params: { productorId: $props.podcast.organisation.id }
+				} }, {
+					default: withCtx(() => [createTextVNode(toDisplayString($props.podcast.organisation.name), 1)]),
+					_: 1
+				}, 8, ["to"])])) : createCommentVNode("v-if", true),
+				$setup.showSeasonNumber ? (openBlock(), createElementBlock("div", _hoisted_14, toDisplayString(`${$setup.t("Podcast - Season")} : ${$props.podcast.seasonNumber}`), 1)) : createCommentVNode("v-if", true),
+				$setup.showSeasonEpisodeNumber ? (openBlock(), createElementBlock("div", _hoisted_15, toDisplayString(`${$setup.t("Podcast - Episode number")} : ${$props.podcast.seasonEpisodeNumber}`), 1)) : createCommentVNode("v-if", true),
+				"" !== $setup.photoCredit ? (openBlock(), createElementBlock("div", _hoisted_16, toDisplayString($setup.t("Photo credits") + " : " + $setup.photoCredit), 1)) : createCommentVNode("v-if", true),
+				"" !== $setup.audioCredit ? (openBlock(), createElementBlock("div", _hoisted_17, toDisplayString($setup.t("Audio credits") + " : " + $setup.audioCredit), 1)) : createCommentVNode("v-if", true),
+				"" !== $setup.authorCredit ? (openBlock(), createElementBlock("div", _hoisted_18, toDisplayString($setup.t("Author credits") + " : " + $setup.authorCredit), 1)) : createCommentVNode("v-if", true),
+				$props.podcast.article && !$setup.authStore.isGarRole ? (openBlock(), createElementBlock("a", {
+					key: 6,
+					class: "btn d-flex align-items-center my-2 w-fit-content mb-1",
+					href: $props.podcast.article,
+					rel: "noreferrer noopener",
+					target: "_blank",
+					title: $setup.t("New window", { text: $setup.t("See associated article") })
+				}, [createVNode($setup["NewspaperVariantOutlineIcon"], { class: "me-1" }), createElementVNode("div", null, toDisplayString($setup.t("See associated article")), 1)], 8, _hoisted_19)) : createCommentVNode("v-if", true),
+				$setup.state.emissionsPage.progressBar ? (openBlock(), createBlock($setup["PodcastPlayBar"], {
+					key: 7,
+					podcast: $props.podcast
+				}, null, 8, ["podcast"])) : createCommentVNode("v-if", true),
+				$setup.editRight && !$setup.isPodcastmaker ? (openBlock(), createElementBlock("div", _hoisted_20, [$props.podcast.annotations && "RSS" === $props.podcast.annotations.SOURCE_KIND ? (openBlock(), createElementBlock("div", _hoisted_21, toDisplayString($setup.t("From RSS")), 1)) : createCommentVNode("v-if", true), $setup.alert ? (openBlock(), createBlock($setup["ClassicAlert"], {
+					key: 1,
+					type: $setup.alert.type,
+					style: { "width": "fit-content" }
+				}, {
+					default: withCtx(() => [createElementVNode("div", _hoisted_22, [createTextVNode(toDisplayString($setup.alert.message) + " ", 1), renderSlot(_ctx.$slots, "alert-message", { alert: $setup.alert })])]),
+					_: 3
+				}, 8, ["type"])) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true),
+				createElementVNode("div", _hoisted_23, [createVNode($setup["LikeSection"], {
+					"edit-right": $setup.editRight,
+					podcast: $props.podcast
+				}, null, 8, ["edit-right", "podcast"]), $setup.state.podcastPage.downloadButton ? (openBlock(), createBlock($setup["DownloadPodcastButton"], {
+					key: 0,
+					podcast: $props.podcast
+				}, null, 8, ["podcast"])) : createCommentVNode("v-if", true)])
+			])
+		]),
+		$setup.showTags ? (openBlock(), createBlock($setup["TagList"], {
+			key: 2,
+			"tag-list": $setup.tags,
+			"orga-id": $props.podcast.organisation.id,
+			"podcast-annotations": $props.podcast.annotations,
+			max: $setup.state.podcastPage.maxTags
+		}, null, 8, [
+			"tag-list",
+			"orga-id",
+			"podcast-annotations",
+			"max"
+		])) : createCommentVNode("v-if", true),
+		$setup.podcastRubriques?.length ? (openBlock(), createBlock($setup["PodcastRubriqueList"], {
+			key: 3,
+			"orga-id": $props.podcast.organisation.id,
+			"rubrique-ids": $setup.podcastRubriques
+		}, null, 8, ["orga-id", "rubrique-ids"])) : createCommentVNode("v-if", true),
+		createVNode($setup["PodcastRawTranscript"], {
+			ref: "podcastRawTranscript",
+			"podcast-id": $props.podcast.podcastId
+		}, null, 8, ["podcast-id"]),
+		$setup.isPodcastmaker ? (openBlock(), createBlock($setup["SubscribeButtons"], {
+			key: 4,
+			class: "mt-4",
+			content: $props.podcast.emission,
+			"window-width": 1e3,
+			"justify-center": false
+		}, null, 8, ["content"])) : createCommentVNode("v-if", true)
+	])) : createCommentVNode("v-if", true);
+}
+var PodcastModuleBox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(PodcastModuleBox_vue_vue_type_script_setup_true_lang_default, [["render", _sfc_render$1], ["__file", "/home/julien/Workspace/octopus-sdk/src/components/display/podcasts/PodcastModuleBox.vue"]]);
+//#endregion
+//#region src/components/pages/PodcastPage.vue?vue&type=script&setup=true&lang.ts
+var PodcastPage_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "PodcastPage",
+	props: {
+		updateStatus: {
+			type: String,
+			required: false
+		},
+		playingPodcast: {
+			type: Object,
+			required: false
+		},
+		podcastId: {
+			type: Number,
+			required: true
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		__expose();
+		const ShareSocialsButtons = defineAsyncComponent(() => import("./ShareSocialsButtons-iHtSoQ3K.mjs"));
+		const SharePlayer = defineAsyncComponent(() => import("./SharePlayer-wHDYsWYd.mjs").then((n) => n.n));
+		const CommentSection = defineAsyncComponent(() => import("./CommentSection-Be38YIkC.mjs"));
+		const PodcastmakerHeader = defineAsyncComponent(() => import("./PodcastmakerHeader-DAATtOG_.mjs"));
+		const props = __props;
+		const loaded = ref(false);
+		const error = ref(false);
+		const podcast = ref(void 0);
+		const fetchConference = ref(void 0);
+		const infoReload = ref(void 0);
+		const youtubeId = ref(void 0);
+		const route = useRoute();
+		const { t } = useI18n();
+		const { isPodcastmaker, isEditRights, authOrgaId } = useOrgaComputed();
+		const { updatePathParams } = useSeoTitleUrl();
+		const { handle403 } = useErrorHandler();
+		const authStore = useAuthStore();
+		const generalStore = useGeneralStore();
+		const filterStore = useFilterStore();
+		const commentStore = useCommentStore();
+		const hideSuggestions = computed(() => {
+			return "true" === podcast.value?.emission?.annotations?.["HIDE_SUGGESTIONS"];
+		});
+		const emissionMainCategory = computed(() => {
+			if (!podcast.value) return 0;
+			if (podcast.value.emission.annotations?.mainIabId) return parseInt(podcast.value.emission.annotations.mainIabId, 10);
+			else if (podcast.value.emission.iabIds?.length) return podcast.value.emission.iabIds[0];
+			return 0;
+		});
+		const categories = computed(() => {
+			if ("undefined" === typeof podcast.value) return [];
+			return generalStore.storedCategories.filter((item) => {
+				return podcast.value?.emission.iabIds && -1 !== podcast.value.emission.iabIds.indexOf(item.id);
+			}).sort((a, b) => {
+				if (a.id === emissionMainCategory.value) return -1;
+				if (b.id === emissionMainCategory.value) return 1;
+				return 0;
+			});
+		});
+		const editRight = computed(() => {
+			return isEditRights(podcast.value?.organisation.id);
+		});
+		const isLiveReadyToRecord = computed(() => {
+			return void 0 !== podcast.value?.conferenceId && 0 !== podcast.value?.conferenceId && "READY_TO_RECORD" === podcast.value?.processingStatus;
+		});
+		const isOctopusAndAnimator = computed(() => {
+			return !isPodcastmaker.value && editRight.value && authStore.isRoleLive;
+		});
+		/** Indicates whether to display emission name in header */
+		const useEmissionTitle = computed(() => {
+			return state.podcastPage?.displayEmissionTitleInHeader === true;
+		});
+		const titlePage = computed(() => {
+			return isLiveReadyToRecord.value ? t("Live episode") : t("Episode");
+		});
+		watch(() => props.updateStatus, () => {
+			if (fetchConference.value && null !== fetchConference.value) fetchConference.value.status = props.updateStatus;
+		});
+		watch(() => props.podcastId, async () => {
+			await getPodcastDetails();
+			if (!podcast.value || error.value) return;
+			commentStore.initCommentUser();
+		}, { immediate: true });
+		onBeforeUnmount(() => {
+			generalStore.contentToDisplayUpdate(null);
+			clearTimeout(infoReload.value);
+		});
+		async function initConference() {
+			if (!podcast.value || void 0 == podcast.value.conferenceId || "READY_TO_RECORD" !== podcast.value.processingStatus) return;
+			fetchConference.value = {
+				conferenceId: podcast.value.conferenceId,
+				title: ""
+			};
+			if (isOctopusAndAnimator.value) try {
+				fetchConference.value = await classicApi_default.fetchData({
+					api: 9,
+					path: "conference/" + podcast.value.conferenceId
+				});
+			} catch {
+				await fetchConferenceStatus();
+			}
+			else await fetchConferenceStatus();
+			if (fetchConference.value && -1 !== fetchConference.value.conferenceId && "PUBLISHING" !== fetchConference.value.status && "DEBRIEFING" !== fetchConference.value.status) fetchConferenceStatusLoop();
+		}
+		async function fetchConferenceStatusLoop() {
+			if ("PUBLISHING" === fetchConference.value?.status) return;
+			infoReload.value = setTimeout(async () => {
+				await fetchConferenceStatus();
+				fetchConferenceStatusLoop();
+			}, 3e3);
+		}
+		async function fetchConferenceStatus() {
+			try {
+				const data = await classicApi_default.fetchData({
+					api: 9,
+					path: "conference/info/" + podcast.value?.conferenceId
+				});
+				fetchConference.value = {
+					...fetchConference.value,
+					...data
+				};
+			} catch {}
+		}
+		function updatePodcast(podcastUpdated) {
+			podcast.value = podcastUpdated;
+			filterStore.updateOrgaIfNecessary(podcastUpdated.organisation.id);
+		}
+		function initError() {
+			error.value = true;
+			loaded.value = true;
+		}
+		async function getPodcastDetails() {
+			loaded.value = false;
+			error.value = false;
+			try {
+				const data = await classicApi_default.fetchData({
+					api: 0,
+					path: "podcast/" + props.podcastId
+				});
+				if ("PUBLIC" !== data.organisation.privacy && filterStore.filterOrgaId !== data.organisation.id && route.query.productor !== data.organisation.id) {
+					initError();
+					return;
+				}
+				updatePodcast(data);
+				generalStore.contentToDisplayUpdate(data);
+				if ((!podcast.value.availability.visibility || "READY_TO_RECORD" !== podcast.value.processingStatus && "READY" !== podcast.value.processingStatus && "PROCESSING" !== podcast.value.processingStatus || false === podcast.value.valid) && !editRight.value) {
+					error.value = true;
+					loaded.value = true;
+					return;
+				}
+				podcastInProcessing();
+				updatePathParams(podcast.value.title);
+				await commentStore.getCommentsConfig(podcast.value);
+				if (fetchConference.value?.videoProfile?.includes("video_") && "READY_TO_RECORD" === podcast.value.processingStatus || void 0 !== podcast.value.video?.videoId) youtubeId.value = youtubeVideoHelper_default.getYoutubeId(podcast.value?.tags ?? []);
+				loaded.value = true;
+			} catch (error) {
+				handle403(error);
+				initError();
+			}
+		}
+		function podcastInProcessing() {
+			if ("PLANNED" !== podcast.value?.processingStatus) {
+				initConference();
+				return;
+			}
+			infoReload.value = setTimeout(async () => {
+				updatePodcast(await podcastApi.get(props.podcastId));
+				podcastInProcessing();
+			}, 2e3);
+		}
+		const __returned__ = {
+			ShareSocialsButtons,
+			SharePlayer,
+			CommentSection,
+			PodcastmakerHeader,
+			props,
+			loaded,
+			error,
+			podcast,
+			fetchConference,
+			infoReload,
+			youtubeId,
+			route,
+			t,
+			isPodcastmaker,
+			isEditRights,
+			authOrgaId,
+			updatePathParams,
+			handle403,
+			authStore,
+			generalStore,
+			filterStore,
+			commentStore,
+			hideSuggestions,
+			emissionMainCategory,
+			categories,
+			editRight,
+			isLiveReadyToRecord,
+			isOctopusAndAnimator,
+			useEmissionTitle,
+			titlePage,
+			initConference,
+			fetchConferenceStatusLoop,
+			fetchConferenceStatus,
+			updatePodcast,
+			initError,
+			getPodcastDetails,
+			podcastInProcessing,
+			PodcastInlineList: PodcastInlineList_default,
+			PodcastModuleBox: PodcastModuleBox_default,
+			ClassicLazy: ClassicLazy_default,
+			ClassicLoading: ClassicLoading_default,
+			get state() {
+				return state;
+			}
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+//#endregion
+//#region src/components/pages/PodcastPage.vue
+var _hoisted_1 = { class: "page-box" };
+var _hoisted_2 = { key: 2 };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("section", _hoisted_1, [$setup.loaded && !$setup.error && $setup.podcast ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [$setup.isPodcastmaker ? (openBlock(), createBlock($setup["PodcastmakerHeader"], {
+		key: 0,
+		"page-title": $setup.useEmissionTitle ? $setup.podcast.emission.name : $setup.titlePage,
+		"img-url": $setup.podcast.imageUrl
+	}, null, 8, ["page-title", "img-url"])) : createCommentVNode("v-if", true), createElementVNode("div", { class: normalizeClass(["d-flex flex-column page-element", $setup.isPodcastmaker ? "page-element-podcastmaker" : ""]) }, [
+		createVNode($setup["PodcastModuleBox"], {
+			"playing-podcast": $props.playingPodcast,
+			podcast: $setup.podcast,
+			"podcast-conference": $setup.fetchConference,
+			onUpdatePodcast: $setup.updatePodcast
+		}, {
+			"recording-item-button": withCtx((slotProps) => [renderSlot(_ctx.$slots, "recording-item-button", normalizeProps(guardReactiveProps(slotProps)))]),
+			"edit-box": withCtx((slotProps) => [renderSlot(_ctx.$slots, "edit-box", normalizeProps(guardReactiveProps(slotProps)))]),
+			"alert-message": withCtx((slotProps) => [renderSlot(_ctx.$slots, "alert-message", normalizeProps(guardReactiveProps(slotProps)))]),
+			_: 3
+		}, 8, [
+			"playing-podcast",
+			"podcast",
+			"podcast-conference"
+		]),
+		$setup.state.podcastPage.ShareButtons ? (openBlock(), createBlock($setup["ShareSocialsButtons"], {
+			key: 0,
+			"organisation-id": $setup.podcast.organisation.id
+		}, null, 8, ["organisation-id"])) : createCommentVNode("v-if", true),
+		!$setup.isPodcastmaker && $setup.editRight && !$setup.youtubeId ? (openBlock(), createBlock($setup["SharePlayer"], {
+			key: 1,
+			podcast: $setup.podcast,
+			emission: $setup.podcast?.emission,
+			"organisation-id": $setup.authOrgaId
+		}, null, 8, [
+			"podcast",
+			"emission",
+			"organisation-id"
+		])) : createCommentVNode("v-if", true),
+		createVNode($setup["CommentSection"], { podcast: $setup.podcast }, null, 8, ["podcast"]),
+		createCommentVNode(" Suggestions "),
+		createVNode($setup["PodcastInlineList"], {
+			"emission-id": $setup.podcast.emission.emissionId,
+			href: "/main/pub/emission/" + $setup.podcast.emission.emissionId,
+			title: $setup.t("More episodes of this emission"),
+			"button-text": $setup.t("All podcast emission button"),
+			"title-tag": "h3"
+		}, null, 8, [
+			"emission-id",
+			"href",
+			"title",
+			"button-text"
+		]),
+		!$setup.hideSuggestions ? (openBlock(), createElementBlock("section", _hoisted_2, [createVNode($setup["ClassicLazy"], { "min-height": 550 }, {
+			default: withCtx(() => [createVNode($setup["PodcastInlineList"], {
+				class: "mt-4",
+				"title-tag": "h3",
+				"organisation-id": [$setup.podcast.organisation.id],
+				"podcast-id": $props.podcastId,
+				title: $setup.t("Suggested listening")
+			}, null, 8, [
+				"organisation-id",
+				"podcast-id",
+				"title"
+			])]),
+			_: 1
+		}), (openBlock(true), createElementBlock(Fragment, null, renderList($setup.categories, (c) => {
+			return openBlock(), createBlock($setup["ClassicLazy"], {
+				key: c.id,
+				"min-height": 550
+			}, {
+				default: withCtx(() => [createVNode($setup["PodcastInlineList"], {
+					class: "mt-4",
+					"title-tag": "h3",
+					"iab-id": c.id,
+					href: "/main/pub/category/" + c.id,
+					title: $setup.t("More episodes of this category : ", { name: c.name }),
+					"button-text": $setup.t("All podcast button", { name: c.name }),
+					"organisation-id": [$setup.podcast.organisation.id]
+				}, null, 8, [
+					"iab-id",
+					"href",
+					"title",
+					"button-text",
+					"organisation-id"
+				])]),
+				_: 2
+			}, 1024);
+		}), 128))])) : createCommentVNode("v-if", true)
+	], 2)], 64)) : createCommentVNode("v-if", true), createVNode($setup["ClassicLoading"], {
+		"loading-text": !$setup.loaded ? $setup.t("Loading content ...") : void 0,
+		"error-text": $setup.error ? $setup.t(`This episode is not available for (re)listening`) : void 0
+	}, null, 8, ["loading-text", "error-text"])]);
+}
+var PodcastPage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(PodcastPage_vue_vue_type_script_setup_true_lang_default, [["render", _sfc_render], ["__file", "/home/julien/Workspace/octopus-sdk/src/components/pages/PodcastPage.vue"]]);
+//#endregion
+export { PodcastPage_default as default };
+
+//# sourceMappingURL=PodcastPage-C_d9FaS7.mjs.map