@saooti/octopus-sdk 42.3.0 → 42.3.1-beta1

package/dist/{ClassicNotifications-DEpVRRHg.mjs → ClassicNotifications-8CVfGSqL.mjs}

@@ -1,4 +1,4 @@
-import { w as e } from "./classicApi-pmODlqv5.mjs";
+import { T as e } from "./classicApi-CGipMqf7.mjs";
 import { createBlock as t, createCommentVNode as n, defineAsyncComponent as r, defineComponent as i, openBlock as a, unref as o } from "vue";
 import { storeToRefs as s } from "pinia";
 //#endregion

package/dist/ClassicNotifications-BFQ-R6kO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClassicNotifications-BFQ-R6kO.mjs","names":["_openBlock","_createBlock","_createCommentVNode","_sfc_main"],"sources":["../src/components/misc/ClassicNotifications.vue","../src/components/misc/ClassicNotifications.vue"],"sourcesContent":["<!--\n    A component to display notifications\n-->\n<template>\n    <MessageModal\n        v-if=\"currentNotification\"\n        :title=\"currentNotification.title\"\n        :message=\"currentNotification.message\"\n        :closeable=\"currentNotification.closeable !== false\"\n        @close=\"clearNotification\"\n    />\n</template>\n\n<script setup lang=\"ts\">\nimport { storeToRefs } from 'pinia';\nimport { useNotificationStore } from '../../stores/NotificationStore';\n\nconst MessageModal = defineAsyncComponent(() => import('./modal/MessageModal.vue'));\n\nimport { defineAsyncComponent } from 'vue';\n\nconst {\n    clearNotification\n} = useNotificationStore();\n\nconst {\n    currentNotification,\n} = storeToRefs(useNotificationStore());\n</script>\n","<!--\n    A component to display notifications\n-->\n<template>\n    <MessageModal\n        v-if=\"currentNotification\"\n        :title=\"currentNotification.title\"\n        :message=\"currentNotification.message\"\n        :closeable=\"currentNotification.closeable !== false\"\n        @close=\"clearNotification\"\n    />\n</template>\n\n<script setup lang=\"ts\">\nimport { storeToRefs } from 'pinia';\nimport { useNotificationStore } from '../../stores/NotificationStore';\n\nconst MessageModal = defineAsyncComponent(() => import('./modal/MessageModal.vue'));\n\nimport { defineAsyncComponent } from 'vue';\n\nconst {\n    clearNotification\n} = useNotificationStore();\n\nconst {\n    currentNotification,\n} = storeToRefs(useNotificationStore());\n</script>\n"],"mappings":";;;;;;;;;EAiBA,MAAM,eAAe,2BAA2B,OAAO,8BAA2B,CAAA,MAAA,MAAA,EAAA,CAAA,CAAA;EAIlF,MAAM,EACF,sBACA,qBAAqB;EAEzB,MAAM,EACF,wBACA,YAAY,qBAAqB,CAAC;;;;;;;;;;;;;;;;CCtBxB,OAAA,OAAA,uBADVA,UAAA,GAAAC,YAME,OAAA,iBAAA;;EAJG,OAAO,OAAA,oBAAoB;EAC3B,SAAS,OAAA,oBAAoB;EAC7B,WAAW,OAAA,oBAAoB,cAAS;EACxC,SAAO,OAAA"}

package/dist/ClassicNotifications-DR0PM1Xp.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClassicNotifications-DR0PM1Xp.mjs","names":["_openBlock","_createBlock","_createCommentVNode","_sfc_main"],"sources":["../src/components/misc/ClassicNotifications.vue","../src/components/misc/ClassicNotifications.vue"],"sourcesContent":["<!--\n    A component to display notifications\n-->\n<template>\n    <MessageModal\n        v-if=\"currentNotification\"\n        :title=\"currentNotification.title\"\n        :message=\"currentNotification.message\"\n        :closeable=\"currentNotification.closeable !== false\"\n        @close=\"clearNotification\"\n    />\n</template>\n\n<script setup lang=\"ts\">\nimport { storeToRefs } from 'pinia';\nimport { useNotificationStore } from '../../stores/NotificationStore';\n\nconst MessageModal = defineAsyncComponent(() => import('./modal/MessageModal.vue'));\n\nimport { defineAsyncComponent } from 'vue';\n\nconst {\n    clearNotification\n} = useNotificationStore();\n\nconst {\n    currentNotification,\n} = storeToRefs(useNotificationStore());\n</script>\n","<!--\n    A component to display notifications\n-->\n<template>\n    <MessageModal\n        v-if=\"currentNotification\"\n        :title=\"currentNotification.title\"\n        :message=\"currentNotification.message\"\n        :closeable=\"currentNotification.closeable !== false\"\n        @close=\"clearNotification\"\n    />\n</template>\n\n<script setup lang=\"ts\">\nimport { storeToRefs } from 'pinia';\nimport { useNotificationStore } from '../../stores/NotificationStore';\n\nconst MessageModal = defineAsyncComponent(() => import('./modal/MessageModal.vue'));\n\nimport { defineAsyncComponent } from 'vue';\n\nconst {\n    clearNotification\n} = useNotificationStore();\n\nconst {\n    currentNotification,\n} = storeToRefs(useNotificationStore());\n</script>\n"],"mappings":";;;;;;;;;EAiBA,MAAM,eAAe,2BAA2B,OAAO,8BAA2B,CAAA,MAAA,MAAA,EAAA,CAAA,CAAA;EAIlF,MAAM,EACF,sBACA,qBAAqB;EAEzB,MAAM,EACF,wBACA,YAAY,qBAAqB,CAAC;;;;;;;;;;;;;;;;CCtBxB,OAAA,OAAA,uBADVA,UAAA,GAAAC,YAME,OAAA,iBAAA;;EAJG,OAAO,OAAA,oBAAoB;EAC3B,SAAS,OAAA,oBAAoB;EAC7B,WAAW,OAAA,oBAAoB,cAAS;EACxC,SAAO,OAAA"}

package/dist/ClipboardModal-B_SZ6jDk.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClipboardModal-B_SZ6jDk.mjs","names":["_resolveComponent","_openBlock","_createBlock","_withCtx","_createElementVNode","_createTextVNode","_toDisplayString","_createVNode","_createCommentVNode","_sfc_main"],"sources":["../src/components/misc/modal/ClipboardModal.vue","../src/components/misc/modal/ClipboardModal.vue"],"sourcesContent":["<template>\n  <ClassicModal\n    id-modal=\"clipboard-modal\"\n    :title-modal=\"t('RSS Link')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <p class=\"d-flex justify-content-between align-items-center\">\n        {{ t(\"Rss feed:\") }}\n        <span id=\"LINK\">{{ link }}</span>\n        <ClassicCopyButton\n          :text=\"t('Copy')\"\n          :text-after-copy=\"t('Copied!')\"\n          :data-to-copy=\"link\"\n          :snackbar-text=\"t('Link in clipboard')\"\n        />\n      </p>\n      <!--\n        RssSection is not defined in the SDK: it is resolved at runtime from\n        the consuming app's globally registered components (app.component()),\n        and renders nothing if the app hasn't registered one under that name.\n      -->\n      <RssSection\n        v-if=\"emission && undefined !== authStore.authOrgaId\"\n        :emission=\"emission\"\n      />\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicCopyButton from \"../../form/ClassicCopyButton.vue\";\nimport ClassicModal from \"../modal/ClassicModal.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  link: { default: \"\", type: String },\n  emission: { default: undefined, type: Object as () => Emission },\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\n</script>\n","<template>\n  <ClassicModal\n    id-modal=\"clipboard-modal\"\n    :title-modal=\"t('RSS Link')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <p class=\"d-flex justify-content-between align-items-center\">\n        {{ t(\"Rss feed:\") }}\n        <span id=\"LINK\">{{ link }}</span>\n        <ClassicCopyButton\n          :text=\"t('Copy')\"\n          :text-after-copy=\"t('Copied!')\"\n          :data-to-copy=\"link\"\n          :snackbar-text=\"t('Link in clipboard')\"\n        />\n      </p>\n      <!--\n        RssSection is not defined in the SDK: it is resolved at runtime from\n        the consuming app's globally registered components (app.component()),\n        and renders nothing if the app hasn't registered one under that name.\n      -->\n      <RssSection\n        v-if=\"emission && undefined !== authStore.authOrgaId\"\n        :emission=\"emission\"\n      />\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicCopyButton from \"../../form/ClassicCopyButton.vue\";\nimport ClassicModal from \"../modal/ClassicModal.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  link: { default: \"\", type: String },\n  emission: { default: undefined, type: Object as () => Emission },\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EA4CA,MAAM,OAAO;EAGb,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,YAAY,aAAa;EAG/B,SAAS,aAAmB;GAC1B,KAAK,OAAO;EACd;;;;;;;;;;;;;;;;;;AC9CS,IAAA,aAAA,EAAA,OAAM,oDAAmD;AAEpD,IAAA,aAAA,EAAA,IAAG,OAAM;;;CARrB,OAAAC,UAAA,GAAAC,YA0Be,OAAA,iBAAA;EAzBb,YAAS;EACR,eAAa,OAAA,EAAC,UAAA;EACd,SAAO,OAAA;;EAEG,MAAIC,cAUT;GATJC,mBASI,KATJ,YASI;IARCC,gBAAAC,gBAAA,OAAA,EAAC,WAAA,CAAA,IAAgB,KACpB,CAAA;IAAAF,mBAAiC,QAAjC,YAAiCE,gBAAd,OAAA,IAAI,GAAA,CAAA;IACvBC,YAKE,OAAA,sBAAA;KAJC,MAAM,OAAA,EAAC,MAAA;KACP,mBAAiB,OAAA,EAAC,SAAA;KAClB,gBAAc,OAAA;KACd,iBAAe,OAAA,EAAC,mBAAA;;;;;;;;GAGrBC,mBAAA,sPAAA;GAMQ,OAAA,YAAY,KAAA,MAAc,OAAA,UAAU,cAD5CP,UAAA,GAAAC,YAGE,uBAAA;;IADC,UAAU,OAAA"}

package/dist/{ClipboardModal-BUKwZYOf.mjs → ClipboardModal-ByVXPcKD.mjs}

@@ -1,4 +1,4 @@
-import { i as e } from "./classicApi-pmODlqv5.mjs";
+import { i as e } from "./classicApi-CGipMqf7.mjs";
 import { t } from "./ClassicModal-Dl2IdzXZ.mjs";
 import { t as n } from "./ClassicCopyButton-DJ9T09fS.mjs";
 import { createBlock as r, createCommentVNode as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, openBlock as l, resolveComponent as u, toDisplayString as d, unref as f, withCtx as p } from "vue";

package/dist/ClipboardModal-DjrZQRtY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClipboardModal-DjrZQRtY.mjs","names":["_resolveComponent","_openBlock","_createBlock","_withCtx","_createElementVNode","_createTextVNode","_toDisplayString","_createVNode","_createCommentVNode","_sfc_main"],"sources":["../src/components/misc/modal/ClipboardModal.vue","../src/components/misc/modal/ClipboardModal.vue"],"sourcesContent":["<template>\n  <ClassicModal\n    id-modal=\"clipboard-modal\"\n    :title-modal=\"t('RSS Link')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <p class=\"d-flex justify-content-between align-items-center\">\n        {{ t(\"Rss feed:\") }}\n        <span id=\"LINK\">{{ link }}</span>\n        <ClassicCopyButton\n          :text=\"t('Copy')\"\n          :text-after-copy=\"t('Copied!')\"\n          :data-to-copy=\"link\"\n          :snackbar-text=\"t('Link in clipboard')\"\n        />\n      </p>\n      <!--\n        RssSection is not defined in the SDK: it is resolved at runtime from\n        the consuming app's globally registered components (app.component()),\n        and renders nothing if the app hasn't registered one under that name.\n      -->\n      <RssSection\n        v-if=\"emission && undefined !== authStore.authOrgaId\"\n        :emission=\"emission\"\n      />\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicCopyButton from \"../../form/ClassicCopyButton.vue\";\nimport ClassicModal from \"../modal/ClassicModal.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  link: { default: \"\", type: String },\n  emission: { default: undefined, type: Object as () => Emission },\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\n</script>\n","<template>\n  <ClassicModal\n    id-modal=\"clipboard-modal\"\n    :title-modal=\"t('RSS Link')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <p class=\"d-flex justify-content-between align-items-center\">\n        {{ t(\"Rss feed:\") }}\n        <span id=\"LINK\">{{ link }}</span>\n        <ClassicCopyButton\n          :text=\"t('Copy')\"\n          :text-after-copy=\"t('Copied!')\"\n          :data-to-copy=\"link\"\n          :snackbar-text=\"t('Link in clipboard')\"\n        />\n      </p>\n      <!--\n        RssSection is not defined in the SDK: it is resolved at runtime from\n        the consuming app's globally registered components (app.component()),\n        and renders nothing if the app hasn't registered one under that name.\n      -->\n      <RssSection\n        v-if=\"emission && undefined !== authStore.authOrgaId\"\n        :emission=\"emission\"\n      />\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicCopyButton from \"../../form/ClassicCopyButton.vue\";\nimport ClassicModal from \"../modal/ClassicModal.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  link: { default: \"\", type: String },\n  emission: { default: undefined, type: Object as () => Emission },\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EA4CA,MAAM,OAAO;EAGb,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,YAAY,aAAa;EAG/B,SAAS,aAAmB;GAC1B,KAAK,OAAO;EACd;;;;;;;;;;;;;;;;;;AC9CS,IAAA,aAAA,EAAA,OAAM,oDAAmD;AAEpD,IAAA,aAAA,EAAA,IAAG,OAAM;;;CARrB,OAAAC,UAAA,GAAAC,YA0Be,OAAA,iBAAA;EAzBb,YAAS;EACR,eAAa,OAAA,EAAC,UAAA;EACd,SAAO,OAAA;;EAEG,MAAIC,cAUT;GATJC,mBASI,KATJ,YASI;IARCC,gBAAAC,gBAAA,OAAA,EAAC,WAAA,CAAA,IAAgB,KACpB,CAAA;IAAAF,mBAAiC,QAAjC,YAAiCE,gBAAd,OAAA,IAAI,GAAA,CAAA;IACvBC,YAKE,OAAA,sBAAA;KAJC,MAAM,OAAA,EAAC,MAAA;KACP,mBAAiB,OAAA,EAAC,SAAA;KAClB,gBAAc,OAAA;KACd,iBAAe,OAAA,EAAC,mBAAA;;;;;;;;GAGrBC,mBAAA,sPAAA;GAMQ,OAAA,YAAY,KAAA,MAAc,OAAA,UAAU,cAD5CP,UAAA,GAAAC,YAGE,uBAAA;;IADC,UAAU,OAAA"}

package/dist/{CommentInput-US8ZtNj1.mjs → CommentInput-ByigNGTw.mjs}

@@ -1,6 +1,6 @@
-import { i as e, t } from "./classicApi-pmODlqv5.mjs";
-import { n } from "./PlayerStore-CKprkxa0.mjs";
-import { t as r } from "./CommentStore-hPTYaDGr.mjs";
+import { i as e, t } from "./classicApi-CGipMqf7.mjs";
+import { n } from "./PlayerStore-DggKki80.mjs";
+import { t as r } from "./CommentStore-CysGkBHp.mjs";
 import { t as i } from "./config-DMjLBcZ2.mjs";
 import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineAsyncComponent as d, defineComponent as f, normalizeClass as p, openBlock as m, ref as h, toDisplayString as g, unref as _, useTemplateRef as v, watch as y } from "vue";
 import { useI18n as b } from "vue-i18n";
@@ -26,7 +26,7 @@ var x = { class: "d-flex flex-column comment-input-container mt-3" }, S = {
 	},
 	emits: ["cancelAction", "newComment"],
 	setup(f, { emit: T }) {
-		let E = d(() => import("./CheckIdentityModal-nMszYOsW.mjs")), D = d(() => import("./CommentName-DslRo9jg.mjs")), O = d(() => import("./MessageModal-BcqS77v6.mjs").then((e) => e.n)), k = d(() => import("./ClassicEmojiPicker-B4TAlZvo.mjs")), A = d(() => import("./ClassicContentEditable-CWmtRihd.mjs")), j = f, M = T, N = i.MAX_COMMENT, P = h(""), F = h(!1), I = h(!1), L = h(!1), R = v("textarea"), { t: z } = b(), B = n(), V = r(), H = e(), U = a(() => W.value <= N), W = a(() => P.value.length), G = a(() => j.inAnswerComment?.commentId ? z("Answer a comment") : z("Write a comment")), K = a(() => "-comment" + (j.inAnswerComment?.commentId ?? "-parent"));
+		let E = d(() => import("./CheckIdentityModal-p2kvRJbK.mjs")), D = d(() => import("./CommentName-C5cbnPOy.mjs")), O = d(() => import("./MessageModal-BcqS77v6.mjs").then((e) => e.n)), k = d(() => import("./ClassicEmojiPicker-B4TAlZvo.mjs")), A = d(() => import("./ClassicContentEditable-CWmtRihd.mjs")), j = f, M = T, N = i.MAX_COMMENT, P = h(""), F = h(!1), I = h(!1), L = h(!1), R = v("textarea"), { t: z } = b(), B = n(), V = r(), H = e(), U = a(() => W.value <= N), W = a(() => P.value.length), G = a(() => j.inAnswerComment?.commentId ? z("Answer a comment") : z("Write a comment")), K = a(() => "-comment" + (j.inAnswerComment?.commentId ?? "-parent"));
 		y(() => j.focus, () => R?.value?.focus());
 		function q(e) {
 			P.value += e;

package/dist/CommentInput-DPMj47uE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentInput-DPMj47uE.mjs","names":["Constants","classicApi","_openBlock","_createElementBlock","_createBlock","_createCommentVNode","_createVNode","_createElementVNode","_normalizeClass","_toDisplayString","_sfc_main"],"sources":["../src/components/display/comments/CommentInput.vue","../src/components/display/comments/CommentInput.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex flex-column comment-input-container mt-3\">\n    <CommentName v-if=\"commentStore.commentUser?.name\" />\n    <ClassicContentEditable\n      ref=\"textarea\"\n      v-model=\"newComment\"\n      class=\"comment-input\"\n      :placeholder=\"placeholder\"\n      @focus=\"isTextareaActive = true\"\n    />\n    <div v-if=\"isTextareaActive\" class=\"d-flex justify-content-between mt-1\">\n      <ClassicEmojiPicker\n        :id=\"uniqueId\"\n        popover-relative-class=\"page-element\"\n        @emoji-selected=\"addEmojiSelected\"\n      />\n      <div class=\"d-flex ms-auto\">\n        <p\n          class=\"d-flex justify-content-end h6 me-3\"\n          :class=\"{ 'text-danger': !commentTooLong }\"\n        >\n          {{ countComment + \" / \" + maxComment }}\n        </p>\n        <button class=\"btn me-2\" @mousedown=\"cancelAction\">\n          {{ t(\"Cancel\") }}\n        </button>\n        <button\n          class=\"btn btn-primary\"\n          :disabled=\"0 === countComment || !commentTooLong\"\n          @mousedown=\"requestToSend\"\n        >\n          {{ placeholder }}\n        </button>\n      </div>\n    </div>\n    <CheckIdentityModal\n      v-if=\"isCheckIdentity\"\n      @validate=\"postComment\"\n      @close=\"isCheckIdentity = false\"\n    />\n    <MessageModal\n      v-if=\"postError\"\n      :validatetext=\"t('Close')\"\n      :title=\"t('Error')\"\n      :message=\"t('Error occurs while post your comment...')\"\n      @close=\"postError = false\"\n      @validate=\"postError = false\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport Constants from \"../../../../public/config\";\nimport { defineAsyncComponent, ref, computed, watch, useTemplateRef } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\nconst CheckIdentityModal = defineAsyncComponent(\n  () => import(\"./modal/CheckIdentityModal.vue\"),\n);\nconst CommentName = defineAsyncComponent(() => import(\"./CommentName.vue\"));\nconst MessageModal = defineAsyncComponent(\n  () => import(\"../../misc/modal/MessageModal.vue\"),\n);\nconst ClassicEmojiPicker = defineAsyncComponent(\n  () => import(\"../../form/ClassicEmojiPicker.vue\"),\n);\nconst ClassicContentEditable = defineAsyncComponent(\n  () => import(\"../../form/ClassicContentEditable.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  focus: { default: false, type: Boolean },\n  inAnswerComment: {\n    default: undefined,\n    type: Object as () => CommentPodcast,\n  },\n})\n\n//Emits\nconst emit = defineEmits([\"cancelAction\", \"newComment\"]);\n\n//Data \nconst maxComment = Constants.MAX_COMMENT;\nconst newComment = ref(\"\");\nconst isTextareaActive = ref(false);\nconst isCheckIdentity = ref(false);\nconst postError = ref(false);\nconst textareaRef = useTemplateRef('textarea');\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst commentStore = useCommentStore();\nconst authStore = useAuthStore();\n\n//Computed\nconst commentTooLong = computed(() => countComment.value <= maxComment);\nconst countComment = computed(() => newComment.value.length);\nconst placeholder = computed(() => props.inAnswerComment?.commentId? t(\"Answer a comment\"): t(\"Write a comment\"));\nconst uniqueId = computed(() => \"-comment\"+(props.inAnswerComment?.commentId??\"-parent\"));\n\n\n//Watch\nwatch(()=>props.focus, () => textareaRef?.value?.focus());\n\n\n//Methods\nfunction addEmojiSelected(emoji: string) {\n  newComment.value += emoji;\n}\nfunction requestToSend(): void {\n  if (commentStore.commentUser?.name) {\n    postComment();\n  } else {\n    isCheckIdentity.value = true;\n  }\n}\nfunction cancelAction(): void {\n  newComment.value = \"\";\n  isTextareaActive.value = false;\n  emit(\"cancelAction\");\n}\nasync function postComment(): Promise<void> {\n  try {\n    const commentReceived = await classicApi.postData<CommentPodcast>({\n      api: 2,\n      path: \"comment/\",\n      dataToSend: {\n        answerTo: props.inAnswerComment?.commentId,\n        content: newComment.value.trim(),\n        name: commentStore.commentUser?.name ?? \"\",\n        podcastId:\n          props.podcast?.podcastId ?? props.inAnswerComment?.podcastId ?? 0,\n        uuid: commentStore.commentUser?.uuid ?? \"\",\n        timeline: defineTimelineValue(),\n      },\n      isNotAuth: undefined === authStore.authOrgaId,\n    });\n    emit(\"newComment\", commentReceived);\n    newComment.value = \"\";\n    isTextareaActive.value = false;\n  } catch {\n    postError.value = true;\n  }\n  isCheckIdentity.value = false;\n}\nfunction defineTimelineValue(): number {\n  let timeline = 0;\n  if (\n    undefined !== props.podcast &&\n    (playerStore.playerPodcast?.podcastId === props.podcast.podcastId ||\n    playerStore.playerLive?.podcastId === props.podcast.podcastId)\n  ) {\n    timeline = Math.round(playerStore.playerElapsed * playerStore.playerTotal);\n    if (props.podcast.duration && playerStore.playerPodcast) {\n      timeline = Math.round(\n        timeline - (playerStore.playerTotal - props.podcast.duration / 1000),\n      );\n    }\n  }\n  return timeline < 0 ? 0 : timeline;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app .comment-input-container {\n  .comment-input {\n    border-bottom: 0.1rem solid var(--octopus-border-default);\n    overflow: hidden;\n    min-height: 36px;\n    resize: none;\n  }\n}\n</style>\n","<template>\n  <div class=\"d-flex flex-column comment-input-container mt-3\">\n    <CommentName v-if=\"commentStore.commentUser?.name\" />\n    <ClassicContentEditable\n      ref=\"textarea\"\n      v-model=\"newComment\"\n      class=\"comment-input\"\n      :placeholder=\"placeholder\"\n      @focus=\"isTextareaActive = true\"\n    />\n    <div v-if=\"isTextareaActive\" class=\"d-flex justify-content-between mt-1\">\n      <ClassicEmojiPicker\n        :id=\"uniqueId\"\n        popover-relative-class=\"page-element\"\n        @emoji-selected=\"addEmojiSelected\"\n      />\n      <div class=\"d-flex ms-auto\">\n        <p\n          class=\"d-flex justify-content-end h6 me-3\"\n          :class=\"{ 'text-danger': !commentTooLong }\"\n        >\n          {{ countComment + \" / \" + maxComment }}\n        </p>\n        <button class=\"btn me-2\" @mousedown=\"cancelAction\">\n          {{ t(\"Cancel\") }}\n        </button>\n        <button\n          class=\"btn btn-primary\"\n          :disabled=\"0 === countComment || !commentTooLong\"\n          @mousedown=\"requestToSend\"\n        >\n          {{ placeholder }}\n        </button>\n      </div>\n    </div>\n    <CheckIdentityModal\n      v-if=\"isCheckIdentity\"\n      @validate=\"postComment\"\n      @close=\"isCheckIdentity = false\"\n    />\n    <MessageModal\n      v-if=\"postError\"\n      :validatetext=\"t('Close')\"\n      :title=\"t('Error')\"\n      :message=\"t('Error occurs while post your comment...')\"\n      @close=\"postError = false\"\n      @validate=\"postError = false\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport Constants from \"../../../../public/config\";\nimport { defineAsyncComponent, ref, computed, watch, useTemplateRef } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\nconst CheckIdentityModal = defineAsyncComponent(\n  () => import(\"./modal/CheckIdentityModal.vue\"),\n);\nconst CommentName = defineAsyncComponent(() => import(\"./CommentName.vue\"));\nconst MessageModal = defineAsyncComponent(\n  () => import(\"../../misc/modal/MessageModal.vue\"),\n);\nconst ClassicEmojiPicker = defineAsyncComponent(\n  () => import(\"../../form/ClassicEmojiPicker.vue\"),\n);\nconst ClassicContentEditable = defineAsyncComponent(\n  () => import(\"../../form/ClassicContentEditable.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  focus: { default: false, type: Boolean },\n  inAnswerComment: {\n    default: undefined,\n    type: Object as () => CommentPodcast,\n  },\n})\n\n//Emits\nconst emit = defineEmits([\"cancelAction\", \"newComment\"]);\n\n//Data \nconst maxComment = Constants.MAX_COMMENT;\nconst newComment = ref(\"\");\nconst isTextareaActive = ref(false);\nconst isCheckIdentity = ref(false);\nconst postError = ref(false);\nconst textareaRef = useTemplateRef('textarea');\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst commentStore = useCommentStore();\nconst authStore = useAuthStore();\n\n//Computed\nconst commentTooLong = computed(() => countComment.value <= maxComment);\nconst countComment = computed(() => newComment.value.length);\nconst placeholder = computed(() => props.inAnswerComment?.commentId? t(\"Answer a comment\"): t(\"Write a comment\"));\nconst uniqueId = computed(() => \"-comment\"+(props.inAnswerComment?.commentId??\"-parent\"));\n\n\n//Watch\nwatch(()=>props.focus, () => textareaRef?.value?.focus());\n\n\n//Methods\nfunction addEmojiSelected(emoji: string) {\n  newComment.value += emoji;\n}\nfunction requestToSend(): void {\n  if (commentStore.commentUser?.name) {\n    postComment();\n  } else {\n    isCheckIdentity.value = true;\n  }\n}\nfunction cancelAction(): void {\n  newComment.value = \"\";\n  isTextareaActive.value = false;\n  emit(\"cancelAction\");\n}\nasync function postComment(): Promise<void> {\n  try {\n    const commentReceived = await classicApi.postData<CommentPodcast>({\n      api: 2,\n      path: \"comment/\",\n      dataToSend: {\n        answerTo: props.inAnswerComment?.commentId,\n        content: newComment.value.trim(),\n        name: commentStore.commentUser?.name ?? \"\",\n        podcastId:\n          props.podcast?.podcastId ?? props.inAnswerComment?.podcastId ?? 0,\n        uuid: commentStore.commentUser?.uuid ?? \"\",\n        timeline: defineTimelineValue(),\n      },\n      isNotAuth: undefined === authStore.authOrgaId,\n    });\n    emit(\"newComment\", commentReceived);\n    newComment.value = \"\";\n    isTextareaActive.value = false;\n  } catch {\n    postError.value = true;\n  }\n  isCheckIdentity.value = false;\n}\nfunction defineTimelineValue(): number {\n  let timeline = 0;\n  if (\n    undefined !== props.podcast &&\n    (playerStore.playerPodcast?.podcastId === props.podcast.podcastId ||\n    playerStore.playerLive?.podcastId === props.podcast.podcastId)\n  ) {\n    timeline = Math.round(playerStore.playerElapsed * playerStore.playerTotal);\n    if (props.podcast.duration && playerStore.playerPodcast) {\n      timeline = Math.round(\n        timeline - (playerStore.playerTotal - props.podcast.duration / 1000),\n      );\n    }\n  }\n  return timeline < 0 ? 0 : timeline;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app .comment-input-container {\n  .comment-input {\n    border-bottom: 0.1rem solid var(--octopus-border-default);\n    overflow: hidden;\n    min-height: 36px;\n    resize: none;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/CommentInput-DbhOyi7c.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentInput-DbhOyi7c.mjs","names":["Constants","classicApi","_openBlock","_createElementBlock","_createBlock","_createCommentVNode","_createVNode","_createElementVNode","_normalizeClass","_toDisplayString","_sfc_main"],"sources":["../src/components/display/comments/CommentInput.vue","../src/components/display/comments/CommentInput.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex flex-column comment-input-container mt-3\">\n    <CommentName v-if=\"commentStore.commentUser?.name\" />\n    <ClassicContentEditable\n      ref=\"textarea\"\n      v-model=\"newComment\"\n      class=\"comment-input\"\n      :placeholder=\"placeholder\"\n      @focus=\"isTextareaActive = true\"\n    />\n    <div v-if=\"isTextareaActive\" class=\"d-flex justify-content-between mt-1\">\n      <ClassicEmojiPicker\n        :id=\"uniqueId\"\n        popover-relative-class=\"page-element\"\n        @emoji-selected=\"addEmojiSelected\"\n      />\n      <div class=\"d-flex ms-auto\">\n        <p\n          class=\"d-flex justify-content-end h6 me-3\"\n          :class=\"{ 'text-danger': !commentTooLong }\"\n        >\n          {{ countComment + \" / \" + maxComment }}\n        </p>\n        <button class=\"btn me-2\" @mousedown=\"cancelAction\">\n          {{ t(\"Cancel\") }}\n        </button>\n        <button\n          class=\"btn btn-primary\"\n          :disabled=\"0 === countComment || !commentTooLong\"\n          @mousedown=\"requestToSend\"\n        >\n          {{ placeholder }}\n        </button>\n      </div>\n    </div>\n    <CheckIdentityModal\n      v-if=\"isCheckIdentity\"\n      @validate=\"postComment\"\n      @close=\"isCheckIdentity = false\"\n    />\n    <MessageModal\n      v-if=\"postError\"\n      :validatetext=\"t('Close')\"\n      :title=\"t('Error')\"\n      :message=\"t('Error occurs while post your comment...')\"\n      @close=\"postError = false\"\n      @validate=\"postError = false\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport Constants from \"../../../../public/config\";\nimport { defineAsyncComponent, ref, computed, watch, useTemplateRef } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\nconst CheckIdentityModal = defineAsyncComponent(\n  () => import(\"./modal/CheckIdentityModal.vue\"),\n);\nconst CommentName = defineAsyncComponent(() => import(\"./CommentName.vue\"));\nconst MessageModal = defineAsyncComponent(\n  () => import(\"../../misc/modal/MessageModal.vue\"),\n);\nconst ClassicEmojiPicker = defineAsyncComponent(\n  () => import(\"../../form/ClassicEmojiPicker.vue\"),\n);\nconst ClassicContentEditable = defineAsyncComponent(\n  () => import(\"../../form/ClassicContentEditable.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  focus: { default: false, type: Boolean },\n  inAnswerComment: {\n    default: undefined,\n    type: Object as () => CommentPodcast,\n  },\n})\n\n//Emits\nconst emit = defineEmits([\"cancelAction\", \"newComment\"]);\n\n//Data \nconst maxComment = Constants.MAX_COMMENT;\nconst newComment = ref(\"\");\nconst isTextareaActive = ref(false);\nconst isCheckIdentity = ref(false);\nconst postError = ref(false);\nconst textareaRef = useTemplateRef('textarea');\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst commentStore = useCommentStore();\nconst authStore = useAuthStore();\n\n//Computed\nconst commentTooLong = computed(() => countComment.value <= maxComment);\nconst countComment = computed(() => newComment.value.length);\nconst placeholder = computed(() => props.inAnswerComment?.commentId? t(\"Answer a comment\"): t(\"Write a comment\"));\nconst uniqueId = computed(() => \"-comment\"+(props.inAnswerComment?.commentId??\"-parent\"));\n\n\n//Watch\nwatch(()=>props.focus, () => textareaRef?.value?.focus());\n\n\n//Methods\nfunction addEmojiSelected(emoji: string) {\n  newComment.value += emoji;\n}\nfunction requestToSend(): void {\n  if (commentStore.commentUser?.name) {\n    postComment();\n  } else {\n    isCheckIdentity.value = true;\n  }\n}\nfunction cancelAction(): void {\n  newComment.value = \"\";\n  isTextareaActive.value = false;\n  emit(\"cancelAction\");\n}\nasync function postComment(): Promise<void> {\n  try {\n    const commentReceived = await classicApi.postData<CommentPodcast>({\n      api: 2,\n      path: \"comment/\",\n      dataToSend: {\n        answerTo: props.inAnswerComment?.commentId,\n        content: newComment.value.trim(),\n        name: commentStore.commentUser?.name ?? \"\",\n        podcastId:\n          props.podcast?.podcastId ?? props.inAnswerComment?.podcastId ?? 0,\n        uuid: commentStore.commentUser?.uuid ?? \"\",\n        timeline: defineTimelineValue(),\n      },\n      isNotAuth: undefined === authStore.authOrgaId,\n    });\n    emit(\"newComment\", commentReceived);\n    newComment.value = \"\";\n    isTextareaActive.value = false;\n  } catch {\n    postError.value = true;\n  }\n  isCheckIdentity.value = false;\n}\nfunction defineTimelineValue(): number {\n  let timeline = 0;\n  if (\n    undefined !== props.podcast &&\n    (playerStore.playerPodcast?.podcastId === props.podcast.podcastId ||\n    playerStore.playerLive?.podcastId === props.podcast.podcastId)\n  ) {\n    timeline = Math.round(playerStore.playerElapsed * playerStore.playerTotal);\n    if (props.podcast.duration && playerStore.playerPodcast) {\n      timeline = Math.round(\n        timeline - (playerStore.playerTotal - props.podcast.duration / 1000),\n      );\n    }\n  }\n  return timeline < 0 ? 0 : timeline;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app .comment-input-container {\n  .comment-input {\n    border-bottom: 0.1rem solid var(--octopus-border-default);\n    overflow: hidden;\n    min-height: 36px;\n    resize: none;\n  }\n}\n</style>\n","<template>\n  <div class=\"d-flex flex-column comment-input-container mt-3\">\n    <CommentName v-if=\"commentStore.commentUser?.name\" />\n    <ClassicContentEditable\n      ref=\"textarea\"\n      v-model=\"newComment\"\n      class=\"comment-input\"\n      :placeholder=\"placeholder\"\n      @focus=\"isTextareaActive = true\"\n    />\n    <div v-if=\"isTextareaActive\" class=\"d-flex justify-content-between mt-1\">\n      <ClassicEmojiPicker\n        :id=\"uniqueId\"\n        popover-relative-class=\"page-element\"\n        @emoji-selected=\"addEmojiSelected\"\n      />\n      <div class=\"d-flex ms-auto\">\n        <p\n          class=\"d-flex justify-content-end h6 me-3\"\n          :class=\"{ 'text-danger': !commentTooLong }\"\n        >\n          {{ countComment + \" / \" + maxComment }}\n        </p>\n        <button class=\"btn me-2\" @mousedown=\"cancelAction\">\n          {{ t(\"Cancel\") }}\n        </button>\n        <button\n          class=\"btn btn-primary\"\n          :disabled=\"0 === countComment || !commentTooLong\"\n          @mousedown=\"requestToSend\"\n        >\n          {{ placeholder }}\n        </button>\n      </div>\n    </div>\n    <CheckIdentityModal\n      v-if=\"isCheckIdentity\"\n      @validate=\"postComment\"\n      @close=\"isCheckIdentity = false\"\n    />\n    <MessageModal\n      v-if=\"postError\"\n      :validatetext=\"t('Close')\"\n      :title=\"t('Error')\"\n      :message=\"t('Error occurs while post your comment...')\"\n      @close=\"postError = false\"\n      @validate=\"postError = false\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport Constants from \"../../../../public/config\";\nimport { defineAsyncComponent, ref, computed, watch, useTemplateRef } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\nconst CheckIdentityModal = defineAsyncComponent(\n  () => import(\"./modal/CheckIdentityModal.vue\"),\n);\nconst CommentName = defineAsyncComponent(() => import(\"./CommentName.vue\"));\nconst MessageModal = defineAsyncComponent(\n  () => import(\"../../misc/modal/MessageModal.vue\"),\n);\nconst ClassicEmojiPicker = defineAsyncComponent(\n  () => import(\"../../form/ClassicEmojiPicker.vue\"),\n);\nconst ClassicContentEditable = defineAsyncComponent(\n  () => import(\"../../form/ClassicContentEditable.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  focus: { default: false, type: Boolean },\n  inAnswerComment: {\n    default: undefined,\n    type: Object as () => CommentPodcast,\n  },\n})\n\n//Emits\nconst emit = defineEmits([\"cancelAction\", \"newComment\"]);\n\n//Data \nconst maxComment = Constants.MAX_COMMENT;\nconst newComment = ref(\"\");\nconst isTextareaActive = ref(false);\nconst isCheckIdentity = ref(false);\nconst postError = ref(false);\nconst textareaRef = useTemplateRef('textarea');\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst commentStore = useCommentStore();\nconst authStore = useAuthStore();\n\n//Computed\nconst commentTooLong = computed(() => countComment.value <= maxComment);\nconst countComment = computed(() => newComment.value.length);\nconst placeholder = computed(() => props.inAnswerComment?.commentId? t(\"Answer a comment\"): t(\"Write a comment\"));\nconst uniqueId = computed(() => \"-comment\"+(props.inAnswerComment?.commentId??\"-parent\"));\n\n\n//Watch\nwatch(()=>props.focus, () => textareaRef?.value?.focus());\n\n\n//Methods\nfunction addEmojiSelected(emoji: string) {\n  newComment.value += emoji;\n}\nfunction requestToSend(): void {\n  if (commentStore.commentUser?.name) {\n    postComment();\n  } else {\n    isCheckIdentity.value = true;\n  }\n}\nfunction cancelAction(): void {\n  newComment.value = \"\";\n  isTextareaActive.value = false;\n  emit(\"cancelAction\");\n}\nasync function postComment(): Promise<void> {\n  try {\n    const commentReceived = await classicApi.postData<CommentPodcast>({\n      api: 2,\n      path: \"comment/\",\n      dataToSend: {\n        answerTo: props.inAnswerComment?.commentId,\n        content: newComment.value.trim(),\n        name: commentStore.commentUser?.name ?? \"\",\n        podcastId:\n          props.podcast?.podcastId ?? props.inAnswerComment?.podcastId ?? 0,\n        uuid: commentStore.commentUser?.uuid ?? \"\",\n        timeline: defineTimelineValue(),\n      },\n      isNotAuth: undefined === authStore.authOrgaId,\n    });\n    emit(\"newComment\", commentReceived);\n    newComment.value = \"\";\n    isTextareaActive.value = false;\n  } catch {\n    postError.value = true;\n  }\n  isCheckIdentity.value = false;\n}\nfunction defineTimelineValue(): number {\n  let timeline = 0;\n  if (\n    undefined !== props.podcast &&\n    (playerStore.playerPodcast?.podcastId === props.podcast.podcastId ||\n    playerStore.playerLive?.podcastId === props.podcast.podcastId)\n  ) {\n    timeline = Math.round(playerStore.playerElapsed * playerStore.playerTotal);\n    if (props.podcast.duration && playerStore.playerPodcast) {\n      timeline = Math.round(\n        timeline - (playerStore.playerTotal - props.podcast.duration / 1000),\n      );\n    }\n  }\n  return timeline < 0 ? 0 : timeline;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app .comment-input-container {\n  .comment-input {\n    border-bottom: 0.1rem solid var(--octopus-border-default);\n    overflow: hidden;\n    min-height: 36px;\n    resize: none;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/CommentItem-AItzrTBi.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentItem-AItzrTBi.mjs","names":["displayHelper","_hoisted_1","_hoisted_2","_hoisted_3","_sfc_render","_openBlock","_createElementBlock","_createElementVNode","_normalizeClass","_toDisplayString","_createVNode","_createTextVNode","_createCommentVNode","_sfc_main","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_createVNode","_Fragment","_toDisplayString","_createCommentVNode","_createTextVNode","_createBlock","_sfc_main"],"sources":["../src/components/display/comments/item/CommentBasicView.vue","../src/components/display/comments/item/CommentBasicView.vue","../src/components/display/comments/item/CommentItem.vue","../src/components/display/comments/item/CommentItem.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex flex-column w-100\">\n    <div class=\"d-flex align-items-center h6 mb-2\">\n      <button\n        :id=\"'popover-comment' + comment.commentId\"\n        :class=\"isValidComment ? 'c-hand-auto' : 'text-danger'\"\n        class=\"btn-transparent me-2\"\n        >{{ username }}</button>\n      <ClassicPopover\n        :disable=\"isValidComment\"\n        :target=\"'popover-comment' + comment.commentId\"\n        :content=\"t('Comment waiting')\"\n      />\n      <time :datetime=\"comment.date\" class=\"me-2\">\n        {{ date }}\n      </time>\n      <div\n        v-if=\"comment.abuse && editRight\"\n        class=\"d-flex align-items-center text-danger me-2\"\n      >\n        <AlertIcon :size=\"16\" class=\"me-1\" />\n        {{ t(\"abuse denounced\", { nb: comment.abuse }) }}\n      </div>\n      <span v-if=\"editRight\" :class=\"'status-' + comment.state\" />\n    </div>\n    <!-- eslint-disable vue/no-v-html -->\n    <pre v-html=\"urlify(contentDisplay)\" />\n    <!-- eslint-enable -->\n    <a\n      v-if=\"commentTooLong\"\n      class=\"c-hand font-italic\"\n      @click=\"displayPreview = !displayPreview\"\n      >{{ readMore }}\n    </a>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport AlertIcon from \"vue-material-design-icons/Alert.vue\";\nimport dayjs from \"dayjs\";\nimport relativeTime from \"dayjs/plugin/relativeTime\";\ndayjs.extend(relativeTime);\nimport displayHelper from \"../../../../helper/displayHelper\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport ClassicPopover from \"../../../misc/ClassicPopover.vue\";\nimport { computed, onMounted, onUnmounted, Ref, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  comment: { default: () => ({}), type: Object as () => CommentPodcast },\n  editRight: { default: false, type: Boolean },\n})\n\n//Data \nconst displayPreview = ref(true);\nconst date = ref(\"\");\nconst dateInterval: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\n\n //Composables\nconst { t } = useI18n();\n\n//Computed\nconst commentTooLong = computed(() => props.comment.content.length > 300);\nconst username = computed(() => props.comment.poster.userName);\nconst isValidComment = computed(() => \"VALIDATED\" === props.comment.state);\nconst readMore = computed(() => displayPreview.value ? t(\"Read more\") : t(\"Read less\"));\nconst contentDisplay = computed(() => {\n  if (!displayPreview.value || !commentTooLong.value) {\n    return props.comment.content;\n  }\n  return props.comment.content.substring(0, 300) + \"...\";\n});\n\nonMounted(()=>{\n  defineDateFromNow();\n  dateInterval.value = setInterval(() => {\n    defineDateFromNow();\n  }, 60000);\n})\n \nonUnmounted(()=>clearInterval(dateInterval.value as unknown as number))\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nfunction defineDateFromNow() {\n  if (!props.comment.date) {\n    date.value = \"\";\n  }\n  date.value = dayjs(props.comment.date).fromNow();\n}\n</script>\n<style lang=\"scss\">\n@use \"../../../../style/comments\";\n</style>\n","<template>\n  <div class=\"d-flex flex-column w-100\">\n    <div class=\"d-flex align-items-center h6 mb-2\">\n      <button\n        :id=\"'popover-comment' + comment.commentId\"\n        :class=\"isValidComment ? 'c-hand-auto' : 'text-danger'\"\n        class=\"btn-transparent me-2\"\n        >{{ username }}</button>\n      <ClassicPopover\n        :disable=\"isValidComment\"\n        :target=\"'popover-comment' + comment.commentId\"\n        :content=\"t('Comment waiting')\"\n      />\n      <time :datetime=\"comment.date\" class=\"me-2\">\n        {{ date }}\n      </time>\n      <div\n        v-if=\"comment.abuse && editRight\"\n        class=\"d-flex align-items-center text-danger me-2\"\n      >\n        <AlertIcon :size=\"16\" class=\"me-1\" />\n        {{ t(\"abuse denounced\", { nb: comment.abuse }) }}\n      </div>\n      <span v-if=\"editRight\" :class=\"'status-' + comment.state\" />\n    </div>\n    <!-- eslint-disable vue/no-v-html -->\n    <pre v-html=\"urlify(contentDisplay)\" />\n    <!-- eslint-enable -->\n    <a\n      v-if=\"commentTooLong\"\n      class=\"c-hand font-italic\"\n      @click=\"displayPreview = !displayPreview\"\n      >{{ readMore }}\n    </a>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport AlertIcon from \"vue-material-design-icons/Alert.vue\";\nimport dayjs from \"dayjs\";\nimport relativeTime from \"dayjs/plugin/relativeTime\";\ndayjs.extend(relativeTime);\nimport displayHelper from \"../../../../helper/displayHelper\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport ClassicPopover from \"../../../misc/ClassicPopover.vue\";\nimport { computed, onMounted, onUnmounted, Ref, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  comment: { default: () => ({}), type: Object as () => CommentPodcast },\n  editRight: { default: false, type: Boolean },\n})\n\n//Data \nconst displayPreview = ref(true);\nconst date = ref(\"\");\nconst dateInterval: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\n\n //Composables\nconst { t } = useI18n();\n\n//Computed\nconst commentTooLong = computed(() => props.comment.content.length > 300);\nconst username = computed(() => props.comment.poster.userName);\nconst isValidComment = computed(() => \"VALIDATED\" === props.comment.state);\nconst readMore = computed(() => displayPreview.value ? t(\"Read more\") : t(\"Read less\"));\nconst contentDisplay = computed(() => {\n  if (!displayPreview.value || !commentTooLong.value) {\n    return props.comment.content;\n  }\n  return props.comment.content.substring(0, 300) + \"...\";\n});\n\nonMounted(()=>{\n  defineDateFromNow();\n  dateInterval.value = setInterval(() => {\n    defineDateFromNow();\n  }, 60000);\n})\n \nonUnmounted(()=>clearInterval(dateInterval.value as unknown as number))\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nfunction defineDateFromNow() {\n  if (!props.comment.date) {\n    date.value = \"\";\n  }\n  date.value = dayjs(props.comment.date).fromNow();\n}\n</script>\n<style lang=\"scss\">\n@use \"../../../../style/comments\";\n</style>\n","<template>\n  <div\n    class=\"d-flex flex-column flex-grow-1 w-100 really-light-secondary-bg\"\n    :class=\"isAnAnswer && !isFlatList ? 'my-1 p-0' : 'my-3 p-2'\"\n  >\n    <div class=\"d-flex flex-nowrap justify-content-between align-items-center\">\n      <CommentBasicView :comment=\"comment\" :edit-right=\"editRight\" />\n      <CommentMoreActions\n        v-model:comment=\"commentForVmodel\"\n        :edit-right=\"editRight\"\n        :podcast=\"podcast\"\n        :config=\"config\"\n        @delete-comment=\"emitDeleteComment\"\n      />\n    </div>\n    <template v-if=\"isValidComment\">\n      <div class=\"d-flex align-items-center mt-1\">\n        <LikeSection\n          v-model:comment=\"commentForVmodel\"\n          :edit-right=\"editRight\"\n          :podcast=\"podcast\"\n        />\n        <button\n          v-if=\"!comment.answerTo && canPostComment\"\n          class=\"btn btn-transparent\"\n          @click=\"answerComment\"\n        >\n          {{ t(\"To answer\") }}\n        </button>\n        <button\n          v-if=\"isFlatList && comment.answerTo\"\n          class=\"btn btn-transparent d-flex align-items-center\"\n          @click=\"showParentComment = !showParentComment\"\n        >\n          {{ t(\"In response to\") }}\n          <ChevronDownIcon :class=\"{ 'arrow-transform': showParentComment }\" />\n        </button>\n      </div>\n      <CommentInput\n        v-if=\"isAnsweringComment && canPostComment\"\n        class=\"ms-4\"\n        :focus=\"focus\"\n        :podcast=\"podcast\"\n        :in-answer-comment=\"comment\"\n        @cancel-action=\"isAnsweringComment = false\"\n        @new-comment=\"newComment\"\n      />\n      <div\n        v-if=\"comment.responses?.length && !isFlatList\"\n        class=\"ms-4 mt-2 answers-section\"\n      >\n        <button\n          class=\"d-flex align-items-center btn-transparent text-primary\"\n          @click=\"showAnswers = !showAnswers\"\n        >\n          <ChevronDownIcon :class=\"{ 'arrow-transform': showAnswers }\" />\n          {{ t(\"nb answers\", { nb: comment.responses.length }) }}\n        </button>\n        <CommentList\n          v-if=\"showAnswers\"\n          ref=\"commentList\"\n          :podcast=\"podcast\"\n          :size=\"5\"\n          :answer-to-comment=\"comment.commentId\"\n          :config=\"config\"\n          :event-to-handle=\"eventToHandle\"\n          @comment-deleted=\"updateForAnswerDeleted\"\n        />\n      </div>\n    </template>\n    <CommentParentInfo\n      v-if=\"showParentComment\"\n      class=\"ms-4\"\n      :comment-id=\"comment.answerTo\"\n      :edit-right=\"editRight\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { Podcast } from \"../../../../stores/class/general/podcast\";\nimport CommentBasicView from \"./CommentBasicView.vue\";\nimport { useCommentStore } from \"../../../../stores/CommentStore\";\nimport { useAuthStore } from \"../../../../stores/AuthStore\";\nimport { defineAsyncComponent, ref, Ref, computed } from \"vue\";\nimport {\n  CommentMessage,\n  CommentsConfig,\n} from \"../../../../stores/class/config/commentsConfig\";\nimport { useI18n } from \"vue-i18n\";\nconst CommentInput = defineAsyncComponent(() => import(\"../CommentInput.vue\"));\nconst CommentParentInfo = defineAsyncComponent(\n  () => import(\"../CommentParentInfo.vue\"),\n);\nconst LikeSection = defineAsyncComponent(\n  () => import(\"../like/LikeSection.vue\"),\n);\nconst CommentMoreActions = defineAsyncComponent(\n  () => import(\"./CommentMoreActions.vue\"),\n);\nconst CommentList = defineAsyncComponent(() => import(\"../CommentList.vue\"));\n\n\n//Props \nconst props = defineProps({\n  comment: { default: () => ({}), type: Object as () => CommentPodcast },\n  podcast: { default: undefined, type: Object as () => Podcast },\n  isFlatList: { default: false, type: Boolean },\n  config: { default: undefined, type: Object as () => CommentsConfig },\n  organisationId: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"deleteComment\", \"update:comment\"]);\n\n//Data \nconst isAnsweringComment = ref(false);\nconst showAnswers = ref(false);\nconst focus = ref(false);\nconst showParentComment = ref(false);\nconst eventToHandle : Ref<CommentMessage | undefined>= ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst commentStore = useCommentStore();\n\n\n//Computed\nconst commentForVmodel = computed({\n  get(): CommentPodcast {\n    return props.comment;\n  },\n  set(value: CommentPodcast) {\n    if (!eventActive.value) {\n      emit(\"update:comment\", value);\n    }\n  },\n});\nconst isAnAnswer = computed(() => undefined !== props.comment.answerTo);\nconst editRight = computed(() => {\n  return (\n    (true === authStore.isRoleComments &&\n      (authStore.authOrgaId === props.podcast?.organisation.id ||\n      authStore.authOrgaId === props.organisationId)) ||\n    true === authStore.isRoleAdmin\n  );\n});\nconst isValidComment = computed(() => \"VALIDATED\" === props.comment.state);\nconst canPostComment = computed(() => {\n  return commentStore.getCanPostComment(\n    props.config,\n    props.podcast,\n    undefined !== authStore.authOrgaId,\n  );\n});\nconst eventActive = computed(() => undefined !== props.podcast?.conferenceId);\n\n \n//Methods\nfunction answerComment(): void {\n  isAnsweringComment.value = true;\n  focus.value = !focus.value;\n}\nfunction newComment(comment: CommentPodcast): void {\n  modifyAnswerNumber(comment.commentId);\n  if (!eventActive.value) {\n    eventToHandle.value = { type: \"CREATE\", comment: comment };\n  }\n  isAnsweringComment.value = false;\n}\nfunction modifyAnswerNumber(commentId: number, isAdd = true) {\n  const commentToEdit = props.comment;\n  if (commentToEdit.responses) {\n    if (isAdd) {\n      commentToEdit.responses.push(commentId);\n    } else {\n      const index = commentToEdit.responses.indexOf(commentId);\n      if (index !== -1) {\n        commentToEdit.responses.splice(index, 1);\n      }\n    }\n  } else if (isAdd) {\n    commentToEdit.responses = [commentId];\n  }\n  emit(\"update:comment\", commentToEdit);\n}\nfunction emitDeleteComment() {\n  if (!eventActive.value) {\n    emit(\"deleteComment\");\n  }\n}\nfunction receiveEvent(event: CommentMessage) {\n  if (\"CREATE\" === event.type) {\n    modifyAnswerNumber(event.comment.commentId);\n  } else if (\"DELETE\" === event.type) {\n    modifyAnswerNumber(event.comment.commentId, false);\n  }\n  eventToHandle.value = event;\n}\nfunction updateForAnswerDeleted(commentId: number) {\n  modifyAnswerNumber(commentId, false);\n}\n//Expose\ndefineExpose({\n  receiveEvent\n});\n</script>\n","<template>\n  <div\n    class=\"d-flex flex-column flex-grow-1 w-100 really-light-secondary-bg\"\n    :class=\"isAnAnswer && !isFlatList ? 'my-1 p-0' : 'my-3 p-2'\"\n  >\n    <div class=\"d-flex flex-nowrap justify-content-between align-items-center\">\n      <CommentBasicView :comment=\"comment\" :edit-right=\"editRight\" />\n      <CommentMoreActions\n        v-model:comment=\"commentForVmodel\"\n        :edit-right=\"editRight\"\n        :podcast=\"podcast\"\n        :config=\"config\"\n        @delete-comment=\"emitDeleteComment\"\n      />\n    </div>\n    <template v-if=\"isValidComment\">\n      <div class=\"d-flex align-items-center mt-1\">\n        <LikeSection\n          v-model:comment=\"commentForVmodel\"\n          :edit-right=\"editRight\"\n          :podcast=\"podcast\"\n        />\n        <button\n          v-if=\"!comment.answerTo && canPostComment\"\n          class=\"btn btn-transparent\"\n          @click=\"answerComment\"\n        >\n          {{ t(\"To answer\") }}\n        </button>\n        <button\n          v-if=\"isFlatList && comment.answerTo\"\n          class=\"btn btn-transparent d-flex align-items-center\"\n          @click=\"showParentComment = !showParentComment\"\n        >\n          {{ t(\"In response to\") }}\n          <ChevronDownIcon :class=\"{ 'arrow-transform': showParentComment }\" />\n        </button>\n      </div>\n      <CommentInput\n        v-if=\"isAnsweringComment && canPostComment\"\n        class=\"ms-4\"\n        :focus=\"focus\"\n        :podcast=\"podcast\"\n        :in-answer-comment=\"comment\"\n        @cancel-action=\"isAnsweringComment = false\"\n        @new-comment=\"newComment\"\n      />\n      <div\n        v-if=\"comment.responses?.length && !isFlatList\"\n        class=\"ms-4 mt-2 answers-section\"\n      >\n        <button\n          class=\"d-flex align-items-center btn-transparent text-primary\"\n          @click=\"showAnswers = !showAnswers\"\n        >\n          <ChevronDownIcon :class=\"{ 'arrow-transform': showAnswers }\" />\n          {{ t(\"nb answers\", { nb: comment.responses.length }) }}\n        </button>\n        <CommentList\n          v-if=\"showAnswers\"\n          ref=\"commentList\"\n          :podcast=\"podcast\"\n          :size=\"5\"\n          :answer-to-comment=\"comment.commentId\"\n          :config=\"config\"\n          :event-to-handle=\"eventToHandle\"\n          @comment-deleted=\"updateForAnswerDeleted\"\n        />\n      </div>\n    </template>\n    <CommentParentInfo\n      v-if=\"showParentComment\"\n      class=\"ms-4\"\n      :comment-id=\"comment.answerTo\"\n      :edit-right=\"editRight\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { Podcast } from \"../../../../stores/class/general/podcast\";\nimport CommentBasicView from \"./CommentBasicView.vue\";\nimport { useCommentStore } from \"../../../../stores/CommentStore\";\nimport { useAuthStore } from \"../../../../stores/AuthStore\";\nimport { defineAsyncComponent, ref, Ref, computed } from \"vue\";\nimport {\n  CommentMessage,\n  CommentsConfig,\n} from \"../../../../stores/class/config/commentsConfig\";\nimport { useI18n } from \"vue-i18n\";\nconst CommentInput = defineAsyncComponent(() => import(\"../CommentInput.vue\"));\nconst CommentParentInfo = defineAsyncComponent(\n  () => import(\"../CommentParentInfo.vue\"),\n);\nconst LikeSection = defineAsyncComponent(\n  () => import(\"../like/LikeSection.vue\"),\n);\nconst CommentMoreActions = defineAsyncComponent(\n  () => import(\"./CommentMoreActions.vue\"),\n);\nconst CommentList = defineAsyncComponent(() => import(\"../CommentList.vue\"));\n\n\n//Props \nconst props = defineProps({\n  comment: { default: () => ({}), type: Object as () => CommentPodcast },\n  podcast: { default: undefined, type: Object as () => Podcast },\n  isFlatList: { default: false, type: Boolean },\n  config: { default: undefined, type: Object as () => CommentsConfig },\n  organisationId: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"deleteComment\", \"update:comment\"]);\n\n//Data \nconst isAnsweringComment = ref(false);\nconst showAnswers = ref(false);\nconst focus = ref(false);\nconst showParentComment = ref(false);\nconst eventToHandle : Ref<CommentMessage | undefined>= ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst commentStore = useCommentStore();\n\n\n//Computed\nconst commentForVmodel = computed({\n  get(): CommentPodcast {\n    return props.comment;\n  },\n  set(value: CommentPodcast) {\n    if (!eventActive.value) {\n      emit(\"update:comment\", value);\n    }\n  },\n});\nconst isAnAnswer = computed(() => undefined !== props.comment.answerTo);\nconst editRight = computed(() => {\n  return (\n    (true === authStore.isRoleComments &&\n      (authStore.authOrgaId === props.podcast?.organisation.id ||\n      authStore.authOrgaId === props.organisationId)) ||\n    true === authStore.isRoleAdmin\n  );\n});\nconst isValidComment = computed(() => \"VALIDATED\" === props.comment.state);\nconst canPostComment = computed(() => {\n  return commentStore.getCanPostComment(\n    props.config,\n    props.podcast,\n    undefined !== authStore.authOrgaId,\n  );\n});\nconst eventActive = computed(() => undefined !== props.podcast?.conferenceId);\n\n \n//Methods\nfunction answerComment(): void {\n  isAnsweringComment.value = true;\n  focus.value = !focus.value;\n}\nfunction newComment(comment: CommentPodcast): void {\n  modifyAnswerNumber(comment.commentId);\n  if (!eventActive.value) {\n    eventToHandle.value = { type: \"CREATE\", comment: comment };\n  }\n  isAnsweringComment.value = false;\n}\nfunction modifyAnswerNumber(commentId: number, isAdd = true) {\n  const commentToEdit = props.comment;\n  if (commentToEdit.responses) {\n    if (isAdd) {\n      commentToEdit.responses.push(commentId);\n    } else {\n      const index = commentToEdit.responses.indexOf(commentId);\n      if (index !== -1) {\n        commentToEdit.responses.splice(index, 1);\n      }\n    }\n  } else if (isAdd) {\n    commentToEdit.responses = [commentId];\n  }\n  emit(\"update:comment\", commentToEdit);\n}\nfunction emitDeleteComment() {\n  if (!eventActive.value) {\n    emit(\"deleteComment\");\n  }\n}\nfunction receiveEvent(event: CommentMessage) {\n  if (\"CREATE\" === event.type) {\n    modifyAnswerNumber(event.comment.commentId);\n  } else if (\"DELETE\" === event.type) {\n    modifyAnswerNumber(event.comment.commentId, false);\n  }\n  eventToHandle.value = event;\n}\nfunction updateForAnswerDeleted(commentId: number) {\n  modifyAnswerNumber(commentId, false);\n}\n//Expose\ndefineExpose({\n  receiveEvent\n});\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAyCA,MAAM,OAAO,YAAY;EAQzB,MAAM,QAAQ;EAMd,MAAM,iBAAiB,IAAI,IAAI;EAC/B,MAAM,OAAO,IAAI,EAAE;EACnB,MAAM,eAA+D,IAAI,KAAA,CAAS;EAGlF,MAAM,EAAE,MAAM,QAAQ;EAGtB,MAAM,iBAAiB,eAAe,MAAM,QAAQ,QAAQ,SAAS,GAAG;EACxE,MAAM,WAAW,eAAe,MAAM,QAAQ,OAAO,QAAQ;EAC7D,MAAM,iBAAiB,eAAe,gBAAgB,MAAM,QAAQ,KAAK;EACzE,MAAM,WAAW,eAAe,eAAe,QAAQ,EAAE,WAAW,IAAI,EAAE,WAAW,CAAC;EACtF,MAAM,iBAAiB,eAAe;GACpC,IAAI,CAAC,eAAe,SAAS,CAAC,eAAe,OAC3C,OAAO,MAAM,QAAQ;GAEvB,OAAO,MAAM,QAAQ,QAAQ,UAAU,GAAG,GAAG,IAAI;EACnD,CAAC;EAED,gBAAc;GACZ,kBAAkB;GAClB,aAAa,QAAQ,kBAAkB;IACrC,kBAAkB;GACpB,GAAG,GAAK;EACV,CAAC;EAED,kBAAgB,cAAc,aAAa,KAA0B,CAAC;EAGtE,SAAS,OAAO,MAAsB;GACpC,OAAOA,sBAAc,OAAO,IAAI;EAClC;EACA,SAAS,oBAAoB;GAC3B,IAAI,CAAC,MAAM,QAAQ,MACjB,KAAK,QAAQ;GAEf,KAAK,QAAQ,MAAM,MAAM,QAAQ,IAAI,CAAC,CAAC,QAAQ;EACjD;;;;;;;;;;;;;;;;;;;;;;;;;;AC3FO,IAAAC,eAAA,EAAA,OAAM,2BAA0B;AAC9B,IAAAC,eAAA,EAAA,OAAM,oCAAmC;;;;;CAgB1C,OAAM;;;;CAjBZ,OAAAG,UAAA,GAAAC,mBAiCM,OAjCNL,cAiCM;EAhCJM,mBAsBM,OAtBNL,cAsBM;GArBJK,mBAI0B,UAAA;IAHvB,IAAE,oBAAsB,OAAA,QAAQ;IAChC,OAAKC,eAAA,CAAE,OAAA,iBAAc,gBAAA,eAChB,sBAAsB,CAAA;GACxB,GAAAC,gBAAA,OAAA,QAAQ,GAAA,IAAAN,YAAA;GACdO,YAIE,OAAA,mBAAA;IAHC,SAAS,OAAA;IACT,QAAM,oBAAsB,OAAA,QAAQ;IACpC,SAAS,OAAA,EAAC,iBAAA;;;;;;GAEbH,mBAEO,QAAA;IAFA,UAAU,OAAA,QAAQ;IAAM,OAAM;GAChC,GAAAE,gBAAA,OAAA,IAAI,GAAA,GAAA,UAAA;GAGD,OAAA,QAAQ,SAAS,OAAA,aADzBJ,UAAA,GAAAC,mBAMM,OANN,YAMM,CAFJI,YAAqC,OAAA,cAAA;IAAzB,MAAM;IAAI,OAAM;GAAS,CAAA,GAAAC,gBAAA,MACrCF,gBAAG,OAAA,EAAC,mBAAA,EAAA,IAA0B,OAAA,QAAQ,MAAK,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,KAAAG,mBAAA,QAAA,IAAA;GAEjC,OAAA,aAAZP,UAAA,GAAAC,mBAA4D,QAAA;;IAApC,OAAKE,eAAA,YAAc,OAAA,QAAQ,KAAK;;;EAE1DI,mBAAA,gCAAA;EACAL,mBAAuC,OAAA,EAAlC,WAAQ,OAAA,OAAO,OAAA,cAAc,EAAA,GAAA,MAAA,GAAA,UAAA;EAClCK,mBAAA,iBAAA;EAEQ,OAAA,kBADRP,UAAA,GAAAC,mBAKI,KAAA;;GAHF,OAAM;GACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,iBAAc,CAAI,OAAA;EACtB,GAAAG,gBAAA,OAAA,QAAQ,GAAA,CAAA,KAAAG,mBAAA,QAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EC4DlB,MAAM,eAAe,2BAA2B,OAAO,8BAAsB;EAC7E,MAAM,oBAAoB,2BAClB,OAAO,mCACf;EACA,MAAM,cAAc,2BACZ,OAAO,6BACf;EACA,MAAM,qBAAqB,2BACnB,OAAO,oCACf;EACA,MAAM,cAAc,2BAA2B,OAAO,6BAAqB;EAI3E,MAAM,QAAQ;EASd,MAAM,OAAO;EAGb,MAAM,qBAAqB,IAAI,KAAK;EACpC,MAAM,cAAc,IAAI,KAAK;EAC7B,MAAM,QAAQ,IAAI,KAAK;EACvB,MAAM,oBAAoB,IAAI,KAAK;EACnC,MAAM,gBAAiD,IAAI,KAAA,CAAS;EAGpE,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,YAAY,aAAa;EAC/B,MAAM,eAAe,gBAAgB;EAIrC,MAAM,mBAAmB,SAAS;GAChC,MAAsB;IACpB,OAAO,MAAM;GACf;GACA,IAAI,OAAuB;IACzB,IAAI,CAAC,YAAY,OACf,KAAK,kBAAkB,KAAK;GAEhC;EACF,CAAC;EACD,MAAM,aAAa,eAAe,KAAA,MAAc,MAAM,QAAQ,QAAQ;EACtE,MAAM,YAAY,eAAe;GAC/B,OACG,SAAS,UAAU,mBACjB,UAAU,eAAe,MAAM,SAAS,aAAa,MACtD,UAAU,eAAe,MAAM,mBACjC,SAAS,UAAU;EAEvB,CAAC;EACD,MAAM,iBAAiB,eAAe,gBAAgB,MAAM,QAAQ,KAAK;EACzE,MAAM,iBAAiB,eAAe;GACpC,OAAO,aAAa,kBAClB,MAAM,QACN,MAAM,SACN,KAAA,MAAc,UAAU,UAC1B;EACF,CAAC;EACD,MAAM,cAAc,eAAe,KAAA,MAAc,MAAM,SAAS,YAAY;EAI5E,SAAS,gBAAsB;GAC7B,mBAAmB,QAAQ;GAC3B,MAAM,QAAQ,CAAC,MAAM;EACvB;EACA,SAAS,WAAW,SAA+B;GACjD,mBAAmB,QAAQ,SAAS;GACpC,IAAI,CAAC,YAAY,OACf,cAAc,QAAQ;IAAE,MAAM;IAAmB;GAAQ;GAE3D,mBAAmB,QAAQ;EAC7B;EACA,SAAS,mBAAmB,WAAmB,QAAQ,MAAM;GAC3D,MAAM,gBAAgB,MAAM;GAC5B,IAAI,cAAc,WAAW;IAC3B,IAAI,OACF,cAAc,UAAU,KAAK,SAAS;SACjC;KACL,MAAM,QAAQ,cAAc,UAAU,QAAQ,SAAS;KACvD,IAAI,UAAU,IACZ,cAAc,UAAU,OAAO,OAAO,CAAC;IAE3C;GACF,OAAO,IAAI,OACT,cAAc,YAAY,CAAC,SAAS;GAEtC,KAAK,kBAAkB,aAAa;EACtC;EACA,SAAS,oBAAoB;GAC3B,IAAI,CAAC,YAAY,OACf,KAAK,eAAe;EAExB;EACA,SAAS,aAAa,OAAuB;GAC3C,IAAI,aAAa,MAAM,MACrB,mBAAmB,MAAM,QAAQ,SAAS;QACrC,IAAI,aAAa,MAAM,MAC5B,mBAAmB,MAAM,QAAQ,WAAW,KAAK;GAEnD,cAAc,QAAQ;EACxB;EACA,SAAS,uBAAuB,WAAmB;GACjD,mBAAmB,WAAW,KAAK;EACrC;EAEA,SAAa,EACX,aACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC3MQ,IAAA,aAAA,EAAA,OAAM,gEAA+D;AAWnE,IAAA,aAAA,EAAA,OAAM,iCAAgC;;;CAiCzC,OAAM;;;CAhDZ,OAAAE,UAAA,GAAAC,mBA2EM,OAAA,EA1EJ,OAAKC,eAAA,CAAC,kEACE,OAAA,cAAU,CAAK,OAAA,aAAU,aAAA,UAAA,CAAA,EAAA,GAAA;EAEjCC,mBASM,OATN,YASM,CARJC,YAA+D,OAAA,qBAAA;GAA5C,SAAS,OAAA;GAAU,cAAY,OAAA;EAClD,GAAA,MAAA,GAAA,CAAA,WAAA,YAAA,CAAA,GAAAA,YAME,OAAA,uBAAA;GALQ,SAAS,OAAA;GAAA,oBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,OAAA,mBAAgB;GAChC,cAAY,OAAA;GACZ,SAAS,OAAA;GACT,QAAQ,OAAA;GACR,iBAAgB,OAAA;;;;;;;EAGL,OAAA,kBAAhBJ,UAAA,GAAAC,mBAsDWI,UAAA,EAAA,KAAA,EAAA,GAAA;GArDTF,mBAqBM,OArBN,YAqBM;IApBJC,YAIE,OAAA,gBAAA;KAHQ,SAAS,OAAA;KAAA,oBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,OAAA,mBAAgB;KAChC,cAAY,OAAA;KACZ,SAAS,OAAA;;;;;;IAGH,CAAA,OAAA,QAAQ,YAAY,OAAA,kBAD7BJ,UAAA,GAAAC,mBAMS,UAAA;;KAJP,OAAM;KACL,SAAO,OAAA;IAEL,GAAAK,gBAAA,OAAA,EAAC,WAAA,CAAA,GAAA,CAAA,KAAAC,mBAAA,QAAA,IAAA;IAGE,OAAA,cAAc,OAAA,QAAQ,YAD9BP,UAAA,GAAAC,mBAOS,UAAA;;KALP,OAAM;KACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,oBAAiB,CAAI,OAAA;IAE1B,GAAA,CAAAO,gBAAAF,gBAAA,OAAA,EAAC,gBAAA,CAAA,IAAqB,KACzB,CAAA,GAAAF,YAAqE,OAAA,oBAAA,EAAnD,OAAKF,eAAA,EAAA,mBAAuB,OAAA,kBAAiB,CAAA,EAAA,GAAA,MAAA,GAAA,CAAA,OAAA,CAAA,CAAA,CAAA,KAAAK,mBAAA,QAAA,IAAA;;GAI3D,OAAA,sBAAsB,OAAA,kBAD9BP,UAAA,GAAAS,YAQE,OAAA,iBAAA;;IANA,OAAM;IACL,OAAO,OAAA;IACP,SAAS,OAAA;IACT,qBAAmB,OAAA;IACnB,gBAAa,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,qBAAkB;IACjC,cAAa,OAAA;;;;;;GAGR,OAAA,QAAQ,WAAW,UAAM,CAAK,OAAA,cADtCT,UAAA,GAAAC,mBAqBM,OArBN,YAqBM,CAjBJE,mBAMS,UAAA;IALP,OAAM;IACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,cAAW,CAAI,OAAA;GAEvB,GAAA,CAAAC,YAA+D,OAAA,oBAAA,EAA7C,OAAKF,eAAA,EAAA,mBAAuB,OAAA,YAAW,CAAA,EAAA,GAAA,MAAA,GAAA,CAAA,OAAA,CAAA,GAAMM,gBAAA,MAC/DF,gBAAG,OAAA,EAAC,cAAA,EAAA,IAAqB,OAAA,QAAQ,UAAU,OAAM,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAG3C,OAAA,eADRN,UAAA,GAAAS,YASE,OAAA,gBAAA;;IAPA,KAAI;IACH,SAAS,OAAA;IACT,MAAM;IACN,qBAAmB,OAAA,QAAQ;IAC3B,QAAQ,OAAA;IACR,mBAAiB,OAAA;IACjB,kBAAiB,OAAA;;;;;;;;EAKhB,OAAA,qBADRT,UAAA,GAAAS,YAKE,OAAA,sBAAA;;GAHA,OAAM;GACL,cAAY,OAAA,QAAQ;GACpB,cAAY,OAAA"}

package/dist/{CommentItem-CqWZPmbj.mjs → CommentItem-BbUPCvEC.mjs}

@@ -1,7 +1,7 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.mjs";
-import { i as t } from "./classicApi-pmODlqv5.mjs";
+import { i as t } from "./classicApi-CGipMqf7.mjs";
 import { t as n } from "./displayHelper-DQtoqc_6.mjs";
-import { t as r } from "./CommentStore-hPTYaDGr.mjs";
+import { t as r } from "./CommentStore-CysGkBHp.mjs";
 import { t as i } from "./ClassicPopover-DWR50Nxi.mjs";
 import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineAsyncComponent as p, defineComponent as m, normalizeClass as h, onMounted as g, onUnmounted as _, openBlock as v, ref as y, toDisplayString as b, unref as x } from "vue";
 import { useI18n as S } from "vue-i18n";
@@ -104,7 +104,7 @@ var D = { class: "d-flex flex-column w-100" }, O = { class: "d-flex align-items-
 	},
 	emits: ["deleteComment", "update:comment"],
 	setup(e, { expose: n, emit: i }) {
-		let m = p(() => import("./CommentInput-US8ZtNj1.mjs")), g = p(() => import("./CommentParentInfo-DMX3nkCb.mjs")), _ = p(() => import("./LikeSection-MmbHMunb.mjs")), C = p(() => import("./CommentMoreActions-T5RN6BGq.mjs")), T = p(() => import("./CommentList-CSYpqgNM.mjs")), E = e, D = i, O = y(!1), k = y(!1), A = y(!1), j = y(!1), M = y(void 0), { t: L } = S(), R = t(), z = r(), B = o({
+		let m = p(() => import("./CommentInput-ByigNGTw.mjs")), g = p(() => import("./CommentParentInfo-BO2YNPPR.mjs")), _ = p(() => import("./LikeSection-wNtNtvR6.mjs")), C = p(() => import("./CommentMoreActions-Bnx_Gjly.mjs")), T = p(() => import("./CommentList-BmyJ4sBi.mjs")), E = e, D = i, O = y(!1), k = y(!1), A = y(!1), j = y(!1), M = y(void 0), { t: L } = S(), R = t(), z = r(), B = o({
 			get() {
 				return E.comment;
 			},

package/dist/CommentItem-CvNbH7Hf.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentItem-CvNbH7Hf.mjs","names":["displayHelper","_hoisted_1","_hoisted_2","_hoisted_3","_sfc_render","_openBlock","_createElementBlock","_createElementVNode","_normalizeClass","_toDisplayString","_createVNode","_createTextVNode","_createCommentVNode","_sfc_main","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_createVNode","_Fragment","_toDisplayString","_createCommentVNode","_createTextVNode","_createBlock","_sfc_main"],"sources":["../src/components/display/comments/item/CommentBasicView.vue","../src/components/display/comments/item/CommentBasicView.vue","../src/components/display/comments/item/CommentItem.vue","../src/components/display/comments/item/CommentItem.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex flex-column w-100\">\n    <div class=\"d-flex align-items-center h6 mb-2\">\n      <button\n        :id=\"'popover-comment' + comment.commentId\"\n        :class=\"isValidComment ? 'c-hand-auto' : 'text-danger'\"\n        class=\"btn-transparent me-2\"\n        >{{ username }}</button>\n      <ClassicPopover\n        :disable=\"isValidComment\"\n        :target=\"'popover-comment' + comment.commentId\"\n        :content=\"t('Comment waiting')\"\n      />\n      <time :datetime=\"comment.date\" class=\"me-2\">\n        {{ date }}\n      </time>\n      <div\n        v-if=\"comment.abuse && editRight\"\n        class=\"d-flex align-items-center text-danger me-2\"\n      >\n        <AlertIcon :size=\"16\" class=\"me-1\" />\n        {{ t(\"abuse denounced\", { nb: comment.abuse }) }}\n      </div>\n      <span v-if=\"editRight\" :class=\"'status-' + comment.state\" />\n    </div>\n    <!-- eslint-disable vue/no-v-html -->\n    <pre v-html=\"urlify(contentDisplay)\" />\n    <!-- eslint-enable -->\n    <a\n      v-if=\"commentTooLong\"\n      class=\"c-hand font-italic\"\n      @click=\"displayPreview = !displayPreview\"\n      >{{ readMore }}\n    </a>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport AlertIcon from \"vue-material-design-icons/Alert.vue\";\nimport dayjs from \"dayjs\";\nimport relativeTime from \"dayjs/plugin/relativeTime\";\ndayjs.extend(relativeTime);\nimport displayHelper from \"../../../../helper/displayHelper\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport ClassicPopover from \"../../../misc/ClassicPopover.vue\";\nimport { computed, onMounted, onUnmounted, Ref, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  comment: { default: () => ({}), type: Object as () => CommentPodcast },\n  editRight: { default: false, type: Boolean },\n})\n\n//Data \nconst displayPreview = ref(true);\nconst date = ref(\"\");\nconst dateInterval: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\n\n //Composables\nconst { t } = useI18n();\n\n//Computed\nconst commentTooLong = computed(() => props.comment.content.length > 300);\nconst username = computed(() => props.comment.poster.userName);\nconst isValidComment = computed(() => \"VALIDATED\" === props.comment.state);\nconst readMore = computed(() => displayPreview.value ? t(\"Read more\") : t(\"Read less\"));\nconst contentDisplay = computed(() => {\n  if (!displayPreview.value || !commentTooLong.value) {\n    return props.comment.content;\n  }\n  return props.comment.content.substring(0, 300) + \"...\";\n});\n\nonMounted(()=>{\n  defineDateFromNow();\n  dateInterval.value = setInterval(() => {\n    defineDateFromNow();\n  }, 60000);\n})\n \nonUnmounted(()=>clearInterval(dateInterval.value as unknown as number))\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nfunction defineDateFromNow() {\n  if (!props.comment.date) {\n    date.value = \"\";\n  }\n  date.value = dayjs(props.comment.date).fromNow();\n}\n</script>\n<style lang=\"scss\">\n@use \"../../../../style/comments\";\n</style>\n","<template>\n  <div class=\"d-flex flex-column w-100\">\n    <div class=\"d-flex align-items-center h6 mb-2\">\n      <button\n        :id=\"'popover-comment' + comment.commentId\"\n        :class=\"isValidComment ? 'c-hand-auto' : 'text-danger'\"\n        class=\"btn-transparent me-2\"\n        >{{ username }}</button>\n      <ClassicPopover\n        :disable=\"isValidComment\"\n        :target=\"'popover-comment' + comment.commentId\"\n        :content=\"t('Comment waiting')\"\n      />\n      <time :datetime=\"comment.date\" class=\"me-2\">\n        {{ date }}\n      </time>\n      <div\n        v-if=\"comment.abuse && editRight\"\n        class=\"d-flex align-items-center text-danger me-2\"\n      >\n        <AlertIcon :size=\"16\" class=\"me-1\" />\n        {{ t(\"abuse denounced\", { nb: comment.abuse }) }}\n      </div>\n      <span v-if=\"editRight\" :class=\"'status-' + comment.state\" />\n    </div>\n    <!-- eslint-disable vue/no-v-html -->\n    <pre v-html=\"urlify(contentDisplay)\" />\n    <!-- eslint-enable -->\n    <a\n      v-if=\"commentTooLong\"\n      class=\"c-hand font-italic\"\n      @click=\"displayPreview = !displayPreview\"\n      >{{ readMore }}\n    </a>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport AlertIcon from \"vue-material-design-icons/Alert.vue\";\nimport dayjs from \"dayjs\";\nimport relativeTime from \"dayjs/plugin/relativeTime\";\ndayjs.extend(relativeTime);\nimport displayHelper from \"../../../../helper/displayHelper\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport ClassicPopover from \"../../../misc/ClassicPopover.vue\";\nimport { computed, onMounted, onUnmounted, Ref, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  comment: { default: () => ({}), type: Object as () => CommentPodcast },\n  editRight: { default: false, type: Boolean },\n})\n\n//Data \nconst displayPreview = ref(true);\nconst date = ref(\"\");\nconst dateInterval: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\n\n //Composables\nconst { t } = useI18n();\n\n//Computed\nconst commentTooLong = computed(() => props.comment.content.length > 300);\nconst username = computed(() => props.comment.poster.userName);\nconst isValidComment = computed(() => \"VALIDATED\" === props.comment.state);\nconst readMore = computed(() => displayPreview.value ? t(\"Read more\") : t(\"Read less\"));\nconst contentDisplay = computed(() => {\n  if (!displayPreview.value || !commentTooLong.value) {\n    return props.comment.content;\n  }\n  return props.comment.content.substring(0, 300) + \"...\";\n});\n\nonMounted(()=>{\n  defineDateFromNow();\n  dateInterval.value = setInterval(() => {\n    defineDateFromNow();\n  }, 60000);\n})\n \nonUnmounted(()=>clearInterval(dateInterval.value as unknown as number))\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nfunction defineDateFromNow() {\n  if (!props.comment.date) {\n    date.value = \"\";\n  }\n  date.value = dayjs(props.comment.date).fromNow();\n}\n</script>\n<style lang=\"scss\">\n@use \"../../../../style/comments\";\n</style>\n","<template>\n  <div\n    class=\"d-flex flex-column flex-grow-1 w-100 really-light-secondary-bg\"\n    :class=\"isAnAnswer && !isFlatList ? 'my-1 p-0' : 'my-3 p-2'\"\n  >\n    <div class=\"d-flex flex-nowrap justify-content-between align-items-center\">\n      <CommentBasicView :comment=\"comment\" :edit-right=\"editRight\" />\n      <CommentMoreActions\n        v-model:comment=\"commentForVmodel\"\n        :edit-right=\"editRight\"\n        :podcast=\"podcast\"\n        :config=\"config\"\n        @delete-comment=\"emitDeleteComment\"\n      />\n    </div>\n    <template v-if=\"isValidComment\">\n      <div class=\"d-flex align-items-center mt-1\">\n        <LikeSection\n          v-model:comment=\"commentForVmodel\"\n          :edit-right=\"editRight\"\n          :podcast=\"podcast\"\n        />\n        <button\n          v-if=\"!comment.answerTo && canPostComment\"\n          class=\"btn btn-transparent\"\n          @click=\"answerComment\"\n        >\n          {{ t(\"To answer\") }}\n        </button>\n        <button\n          v-if=\"isFlatList && comment.answerTo\"\n          class=\"btn btn-transparent d-flex align-items-center\"\n          @click=\"showParentComment = !showParentComment\"\n        >\n          {{ t(\"In response to\") }}\n          <ChevronDownIcon :class=\"{ 'arrow-transform': showParentComment }\" />\n        </button>\n      </div>\n      <CommentInput\n        v-if=\"isAnsweringComment && canPostComment\"\n        class=\"ms-4\"\n        :focus=\"focus\"\n        :podcast=\"podcast\"\n        :in-answer-comment=\"comment\"\n        @cancel-action=\"isAnsweringComment = false\"\n        @new-comment=\"newComment\"\n      />\n      <div\n        v-if=\"comment.responses?.length && !isFlatList\"\n        class=\"ms-4 mt-2 answers-section\"\n      >\n        <button\n          class=\"d-flex align-items-center btn-transparent text-primary\"\n          @click=\"showAnswers = !showAnswers\"\n        >\n          <ChevronDownIcon :class=\"{ 'arrow-transform': showAnswers }\" />\n          {{ t(\"nb answers\", { nb: comment.responses.length }) }}\n        </button>\n        <CommentList\n          v-if=\"showAnswers\"\n          ref=\"commentList\"\n          :podcast=\"podcast\"\n          :size=\"5\"\n          :answer-to-comment=\"comment.commentId\"\n          :config=\"config\"\n          :event-to-handle=\"eventToHandle\"\n          @comment-deleted=\"updateForAnswerDeleted\"\n        />\n      </div>\n    </template>\n    <CommentParentInfo\n      v-if=\"showParentComment\"\n      class=\"ms-4\"\n      :comment-id=\"comment.answerTo\"\n      :edit-right=\"editRight\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { Podcast } from \"../../../../stores/class/general/podcast\";\nimport CommentBasicView from \"./CommentBasicView.vue\";\nimport { useCommentStore } from \"../../../../stores/CommentStore\";\nimport { useAuthStore } from \"../../../../stores/AuthStore\";\nimport { defineAsyncComponent, ref, Ref, computed } from \"vue\";\nimport {\n  CommentMessage,\n  CommentsConfig,\n} from \"../../../../stores/class/config/commentsConfig\";\nimport { useI18n } from \"vue-i18n\";\nconst CommentInput = defineAsyncComponent(() => import(\"../CommentInput.vue\"));\nconst CommentParentInfo = defineAsyncComponent(\n  () => import(\"../CommentParentInfo.vue\"),\n);\nconst LikeSection = defineAsyncComponent(\n  () => import(\"../like/LikeSection.vue\"),\n);\nconst CommentMoreActions = defineAsyncComponent(\n  () => import(\"./CommentMoreActions.vue\"),\n);\nconst CommentList = defineAsyncComponent(() => import(\"../CommentList.vue\"));\n\n\n//Props \nconst props = defineProps({\n  comment: { default: () => ({}), type: Object as () => CommentPodcast },\n  podcast: { default: undefined, type: Object as () => Podcast },\n  isFlatList: { default: false, type: Boolean },\n  config: { default: undefined, type: Object as () => CommentsConfig },\n  organisationId: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"deleteComment\", \"update:comment\"]);\n\n//Data \nconst isAnsweringComment = ref(false);\nconst showAnswers = ref(false);\nconst focus = ref(false);\nconst showParentComment = ref(false);\nconst eventToHandle : Ref<CommentMessage | undefined>= ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst commentStore = useCommentStore();\n\n\n//Computed\nconst commentForVmodel = computed({\n  get(): CommentPodcast {\n    return props.comment;\n  },\n  set(value: CommentPodcast) {\n    if (!eventActive.value) {\n      emit(\"update:comment\", value);\n    }\n  },\n});\nconst isAnAnswer = computed(() => undefined !== props.comment.answerTo);\nconst editRight = computed(() => {\n  return (\n    (true === authStore.isRoleComments &&\n      (authStore.authOrgaId === props.podcast?.organisation.id ||\n      authStore.authOrgaId === props.organisationId)) ||\n    true === authStore.isRoleAdmin\n  );\n});\nconst isValidComment = computed(() => \"VALIDATED\" === props.comment.state);\nconst canPostComment = computed(() => {\n  return commentStore.getCanPostComment(\n    props.config,\n    props.podcast,\n    undefined !== authStore.authOrgaId,\n  );\n});\nconst eventActive = computed(() => undefined !== props.podcast?.conferenceId);\n\n \n//Methods\nfunction answerComment(): void {\n  isAnsweringComment.value = true;\n  focus.value = !focus.value;\n}\nfunction newComment(comment: CommentPodcast): void {\n  modifyAnswerNumber(comment.commentId);\n  if (!eventActive.value) {\n    eventToHandle.value = { type: \"CREATE\", comment: comment };\n  }\n  isAnsweringComment.value = false;\n}\nfunction modifyAnswerNumber(commentId: number, isAdd = true) {\n  const commentToEdit = props.comment;\n  if (commentToEdit.responses) {\n    if (isAdd) {\n      commentToEdit.responses.push(commentId);\n    } else {\n      const index = commentToEdit.responses.indexOf(commentId);\n      if (index !== -1) {\n        commentToEdit.responses.splice(index, 1);\n      }\n    }\n  } else if (isAdd) {\n    commentToEdit.responses = [commentId];\n  }\n  emit(\"update:comment\", commentToEdit);\n}\nfunction emitDeleteComment() {\n  if (!eventActive.value) {\n    emit(\"deleteComment\");\n  }\n}\nfunction receiveEvent(event: CommentMessage) {\n  if (\"CREATE\" === event.type) {\n    modifyAnswerNumber(event.comment.commentId);\n  } else if (\"DELETE\" === event.type) {\n    modifyAnswerNumber(event.comment.commentId, false);\n  }\n  eventToHandle.value = event;\n}\nfunction updateForAnswerDeleted(commentId: number) {\n  modifyAnswerNumber(commentId, false);\n}\n//Expose\ndefineExpose({\n  receiveEvent\n});\n</script>\n","<template>\n  <div\n    class=\"d-flex flex-column flex-grow-1 w-100 really-light-secondary-bg\"\n    :class=\"isAnAnswer && !isFlatList ? 'my-1 p-0' : 'my-3 p-2'\"\n  >\n    <div class=\"d-flex flex-nowrap justify-content-between align-items-center\">\n      <CommentBasicView :comment=\"comment\" :edit-right=\"editRight\" />\n      <CommentMoreActions\n        v-model:comment=\"commentForVmodel\"\n        :edit-right=\"editRight\"\n        :podcast=\"podcast\"\n        :config=\"config\"\n        @delete-comment=\"emitDeleteComment\"\n      />\n    </div>\n    <template v-if=\"isValidComment\">\n      <div class=\"d-flex align-items-center mt-1\">\n        <LikeSection\n          v-model:comment=\"commentForVmodel\"\n          :edit-right=\"editRight\"\n          :podcast=\"podcast\"\n        />\n        <button\n          v-if=\"!comment.answerTo && canPostComment\"\n          class=\"btn btn-transparent\"\n          @click=\"answerComment\"\n        >\n          {{ t(\"To answer\") }}\n        </button>\n        <button\n          v-if=\"isFlatList && comment.answerTo\"\n          class=\"btn btn-transparent d-flex align-items-center\"\n          @click=\"showParentComment = !showParentComment\"\n        >\n          {{ t(\"In response to\") }}\n          <ChevronDownIcon :class=\"{ 'arrow-transform': showParentComment }\" />\n        </button>\n      </div>\n      <CommentInput\n        v-if=\"isAnsweringComment && canPostComment\"\n        class=\"ms-4\"\n        :focus=\"focus\"\n        :podcast=\"podcast\"\n        :in-answer-comment=\"comment\"\n        @cancel-action=\"isAnsweringComment = false\"\n        @new-comment=\"newComment\"\n      />\n      <div\n        v-if=\"comment.responses?.length && !isFlatList\"\n        class=\"ms-4 mt-2 answers-section\"\n      >\n        <button\n          class=\"d-flex align-items-center btn-transparent text-primary\"\n          @click=\"showAnswers = !showAnswers\"\n        >\n          <ChevronDownIcon :class=\"{ 'arrow-transform': showAnswers }\" />\n          {{ t(\"nb answers\", { nb: comment.responses.length }) }}\n        </button>\n        <CommentList\n          v-if=\"showAnswers\"\n          ref=\"commentList\"\n          :podcast=\"podcast\"\n          :size=\"5\"\n          :answer-to-comment=\"comment.commentId\"\n          :config=\"config\"\n          :event-to-handle=\"eventToHandle\"\n          @comment-deleted=\"updateForAnswerDeleted\"\n        />\n      </div>\n    </template>\n    <CommentParentInfo\n      v-if=\"showParentComment\"\n      class=\"ms-4\"\n      :comment-id=\"comment.answerTo\"\n      :edit-right=\"editRight\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { Podcast } from \"../../../../stores/class/general/podcast\";\nimport CommentBasicView from \"./CommentBasicView.vue\";\nimport { useCommentStore } from \"../../../../stores/CommentStore\";\nimport { useAuthStore } from \"../../../../stores/AuthStore\";\nimport { defineAsyncComponent, ref, Ref, computed } from \"vue\";\nimport {\n  CommentMessage,\n  CommentsConfig,\n} from \"../../../../stores/class/config/commentsConfig\";\nimport { useI18n } from \"vue-i18n\";\nconst CommentInput = defineAsyncComponent(() => import(\"../CommentInput.vue\"));\nconst CommentParentInfo = defineAsyncComponent(\n  () => import(\"../CommentParentInfo.vue\"),\n);\nconst LikeSection = defineAsyncComponent(\n  () => import(\"../like/LikeSection.vue\"),\n);\nconst CommentMoreActions = defineAsyncComponent(\n  () => import(\"./CommentMoreActions.vue\"),\n);\nconst CommentList = defineAsyncComponent(() => import(\"../CommentList.vue\"));\n\n\n//Props \nconst props = defineProps({\n  comment: { default: () => ({}), type: Object as () => CommentPodcast },\n  podcast: { default: undefined, type: Object as () => Podcast },\n  isFlatList: { default: false, type: Boolean },\n  config: { default: undefined, type: Object as () => CommentsConfig },\n  organisationId: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"deleteComment\", \"update:comment\"]);\n\n//Data \nconst isAnsweringComment = ref(false);\nconst showAnswers = ref(false);\nconst focus = ref(false);\nconst showParentComment = ref(false);\nconst eventToHandle : Ref<CommentMessage | undefined>= ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst commentStore = useCommentStore();\n\n\n//Computed\nconst commentForVmodel = computed({\n  get(): CommentPodcast {\n    return props.comment;\n  },\n  set(value: CommentPodcast) {\n    if (!eventActive.value) {\n      emit(\"update:comment\", value);\n    }\n  },\n});\nconst isAnAnswer = computed(() => undefined !== props.comment.answerTo);\nconst editRight = computed(() => {\n  return (\n    (true === authStore.isRoleComments &&\n      (authStore.authOrgaId === props.podcast?.organisation.id ||\n      authStore.authOrgaId === props.organisationId)) ||\n    true === authStore.isRoleAdmin\n  );\n});\nconst isValidComment = computed(() => \"VALIDATED\" === props.comment.state);\nconst canPostComment = computed(() => {\n  return commentStore.getCanPostComment(\n    props.config,\n    props.podcast,\n    undefined !== authStore.authOrgaId,\n  );\n});\nconst eventActive = computed(() => undefined !== props.podcast?.conferenceId);\n\n \n//Methods\nfunction answerComment(): void {\n  isAnsweringComment.value = true;\n  focus.value = !focus.value;\n}\nfunction newComment(comment: CommentPodcast): void {\n  modifyAnswerNumber(comment.commentId);\n  if (!eventActive.value) {\n    eventToHandle.value = { type: \"CREATE\", comment: comment };\n  }\n  isAnsweringComment.value = false;\n}\nfunction modifyAnswerNumber(commentId: number, isAdd = true) {\n  const commentToEdit = props.comment;\n  if (commentToEdit.responses) {\n    if (isAdd) {\n      commentToEdit.responses.push(commentId);\n    } else {\n      const index = commentToEdit.responses.indexOf(commentId);\n      if (index !== -1) {\n        commentToEdit.responses.splice(index, 1);\n      }\n    }\n  } else if (isAdd) {\n    commentToEdit.responses = [commentId];\n  }\n  emit(\"update:comment\", commentToEdit);\n}\nfunction emitDeleteComment() {\n  if (!eventActive.value) {\n    emit(\"deleteComment\");\n  }\n}\nfunction receiveEvent(event: CommentMessage) {\n  if (\"CREATE\" === event.type) {\n    modifyAnswerNumber(event.comment.commentId);\n  } else if (\"DELETE\" === event.type) {\n    modifyAnswerNumber(event.comment.commentId, false);\n  }\n  eventToHandle.value = event;\n}\nfunction updateForAnswerDeleted(commentId: number) {\n  modifyAnswerNumber(commentId, false);\n}\n//Expose\ndefineExpose({\n  receiveEvent\n});\n</script>\n"],"mappings":"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"}

package/dist/CommentList-BTyyCcX4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentList-BTyyCcX4.mjs","names":["classicApi","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createVNode","_withCtx","_Fragment","_renderList","_withKeys","_createCommentVNode","_normalizeClass","_createBlock","_sfc_main"],"sources":["../src/components/display/comments/CommentList.vue","../src/components/display/comments/CommentList.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex flex-column\">\n    <div\n      v-if=\"isNotAnAnswerList && 0 !== totalCount\"\n      class=\"d-flex align-items-center mb-2\"\n    >\n      <div class=\"text-secondary me-3\">\n        {{ t(\"Number comments\", { nb: totalCount }) }}\n      </div>\n      <button\n        id=\"sort-by-comments\"\n        class=\"btn btn-transparent d-flex align-items-center\"\n      >\n        <SortVariantIcon :size=\"30\" />\n        <p class=\"ms-1\">{{ t(\"Sort by\") }}</p>\n      </button>\n      <ClassicPopover target=\"sort-by-comments\" :only-click=\"true\">\n        <button\n          v-for=\"sortOption in sortChoice\"\n          :key=\"sortOption.value\"\n          class=\"me-3 octopus-dropdown-item\"\n          :disabled=\"sortOption.value === sortType\"\n          @mousedown=\"changeSort(sortOption.value)\"\n          @keydown.enter=\"changeSort(sortOption.value)\"\n        >\n          {{ sortOption.title }}\n        </button>\n      </ClassicPopover>\n    </div>\n    <div v-if=\"!loading && !error && 0 === totalCount\" class=\"text-center\">\n      {{ t(\"No comments\") }}\n    </div>\n    <div\n      ref=\"scrollComponent\"\n      :class=\"isNotAnAnswerList ? 'scrolling-comments' : ''\"\n    >\n      <CommentItem\n        v-for=\"(c, indexCom) in comments\"\n        :id=\"'comItem' + c.commentId\"\n        :key=\"c.commentId\"\n        v-model:comment=\"comments[indexCom]\"\n        :podcast=\"podcast\"\n        :is-flat-list=\"isFlatList\"\n        :config=\"config\"\n        :organisation-id=\"organisationId\"\n        @delete-comment=\"deleteComment(c.commentId)\"\n      />\n      <ClassicLoading\n        :loading-text=\"loading && !error ? t('Loading content ...') : undefined\"\n        :error-text=\"error ? t(`Comments loading error`) : undefined\"\n      />\n      <button\n        v-if=\"!isNotAnAnswerList && dfirst + dsize < totalCount\"\n        class=\"btn share-btn mx-2\"\n        :title=\"t('See more')\"\n      >\n        <PlusIcon />\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport SortVariantIcon from \"vue-material-design-icons/SortVariant.vue\";\nimport PlusIcon from \"vue-material-design-icons/Plus.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport { computed, defineAsyncComponent, onMounted, onUnmounted, Ref, ref, useTemplateRef, watch } from \"vue\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport {\n  CommentMessage,\n  CommentsConfig,\n} from \"@/stores/class/config/commentsConfig\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n/* eslint-disable */\nconst CommentItem: any = defineAsyncComponent(() => import('./item/CommentItem.vue'));\n/* eslint-enable */\nconst ClassicPopover = defineAsyncComponent(\n  () => import(\"../../misc/ClassicPopover.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  size: { default: 10, type: Number },\n  podcast: { default: undefined, type: Object as () => Podcast },\n  reload: { default: false, type: Boolean },\n  answerToComment: { default: undefined, type: Number },\n  isFlatList: { default: false, type: Boolean },\n  stateFilter: { default: \"\", type: String },\n  organisationId: { default: undefined, type: String },\n  nbComments: { default: 0, type: Number },\n  config: { default: undefined, type: Object as () => CommentsConfig },\n  eventToHandle: { default: undefined, type: Object as () => CommentMessage },\n})\n\n//Emits\nconst emit = defineEmits([\"update:nbComments\", \"commentDeleted\"]);\n\n//Data \nconst loading = ref(false);\nconst error = ref(false);\nconst dfirst = ref(0);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst sortType = ref(\"DATE_DESC\");\nconst comments: Ref<Array<CommentPodcast>> = ref([]);\nconst scrollableSection: Ref<HTMLElement | undefined> = ref(undefined);\nconst scrollComponentRef = useTemplateRef('scrollComponent');\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst isNotAnAnswerList = computed(() =>  undefined === props.answerToComment);\nconst changed = computed(() => `${props.size}|${props.reload}|${dsize.value}|${props.stateFilter}|${props.podcast?.podcastId}|${props.organisationId}`);\nconst sortChoice = computed(() =>{\n  return [\n    { title: t(\"The most recent\"), value: \"DATE_DESC\" },\n    { title: t(\"Top comments\"), value: \"LIKE_DESC\" },\n  ];\n});\n\n//Watch\nwatch(totalCount, () => {emit(\"update:nbComments\", totalCount.value)});\nwatch(changed, () => {fetchContent(true);});\nwatch(()=>props.eventToHandle, async () => {\n  if (!props.eventToHandle) {\n    return;\n  }\n  if (props.answerToComment === props.eventToHandle.comment.answerTo) {\n    switch (props.eventToHandle.type) {\n      case \"CREATE\":\n        createComment(props.eventToHandle.comment);\n        break;\n      case \"UPDATE\":\n        updateComment(props.eventToHandle.comment);\n        break;\n      case \"DELETE\":\n        deleteComment(props.eventToHandle.comment.commentId);\n        break;\n      default:\n        break;\n    }\n    return;\n  }\n  if (undefined !== props.eventToHandle.comment.answerTo) {\n    const comItem = scrollComponentRef?.value?.querySelector('#comItem' + props.eventToHandle.comment.answerTo) as InstanceType<typeof CommentItem>;\n    comItem?.receiveEvent(props.eventToHandle);\n  }\n}, {deep: true});\n\n\nonMounted(()=>{\n  fetchContent(true);\n  if (isNotAnAnswerList.value) {\n    scrollableSection.value = scrollComponentRef?.value as HTMLElement;\n    scrollableSection.value.addEventListener(\"scroll\", handleScroll);\n  }\n})\n\nonUnmounted(()=>{\n  if (isNotAnAnswerList.value) {\n    scrollableSection.value?.removeEventListener(\"scroll\", handleScroll);\n  }\n})\n\n\n//Methods\nfunction changeSort(sortTypeUpdate: string) {\n  sortType.value = sortTypeUpdate;\n  fetchContent(true);\n}\nfunction handleScroll() {\n  if (\n    scrollableSection.value &&\n    totalCount.value > comments.value.length &&\n    scrollableSection.value.scrollTop +\n      scrollableSection.value.clientHeight >=\n      scrollableSection.value.scrollHeight\n  ) {\n    fetchContent(false);\n  }\n}\nfunction findCommentInCommentsLoaded(commentId: number) {\n  return comments.value.findIndex(\n    (element: CommentPodcast) => element.commentId === commentId,\n  );\n}\nfunction createComment(comment: CommentPodcast) {\n  comments.value.unshift(comment);\n  totalCount.value += 1;\n}\nfunction updateComment(comment: CommentPodcast) {\n  const commentIndex = findCommentInCommentsLoaded(comment.commentId);\n  if (-1 !== commentIndex) {\n    comments.value.splice(commentIndex, 1, comment);\n  }\n}\nfunction deleteComment(commentIdToDelete: number) {\n  const commentIndex = findCommentInCommentsLoaded(commentIdToDelete);\n  if (-1 !== commentIndex) {\n    comments.value.splice(commentIndex, 1);\n    totalCount.value -= 1;\n    emit(\"commentDeleted\", commentIdToDelete);\n  }\n}\nasync function fetchContent(reset: boolean): Promise<void> {\n  if (loading.value) {\n    return;\n  }\n  loading.value = true;\n  if (reset) {\n    dfirst.value = 0;\n    comments.value.length = 0;\n  }\n  const param = {\n    first: dfirst.value,\n    size: dsize.value,\n    podcastId: props.podcast?.podcastId,\n    sort: sortType.value,\n    answerTo: props.answerToComment,\n    hideAnswers: !props.isFlatList,\n    state: props.stateFilter.length ? props.stateFilter : undefined,\n    organisationId: props.organisationId,\n  };\n  try {\n    const data = await classicApi.fetchData<\n      ListClassicReturn<CommentPodcast>\n    >({\n      api: 2,\n      path: \"comment/list\",\n      parameters: param,\n    });\n    if (reset) {\n      comments.value.length = 0;\n    }\n    comments.value.push(...data.result);\n    totalCount.value = data.count;\n    dfirst.value += dsize.value;\n    loading.value = false;\n  } catch (errorWs) {\n    // Errors sometimes occur, and shouldn't trigger anything too drastic,\n    // so we only log it, instead of using handle403\n    console.error(errorWs);\n    error.value = true;\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n  .scrolling-comments {\n    max-height: 715px;\n    overflow-y: auto;\n  }\n}\n</style>\n","<template>\n  <div class=\"d-flex flex-column\">\n    <div\n      v-if=\"isNotAnAnswerList && 0 !== totalCount\"\n      class=\"d-flex align-items-center mb-2\"\n    >\n      <div class=\"text-secondary me-3\">\n        {{ t(\"Number comments\", { nb: totalCount }) }}\n      </div>\n      <button\n        id=\"sort-by-comments\"\n        class=\"btn btn-transparent d-flex align-items-center\"\n      >\n        <SortVariantIcon :size=\"30\" />\n        <p class=\"ms-1\">{{ t(\"Sort by\") }}</p>\n      </button>\n      <ClassicPopover target=\"sort-by-comments\" :only-click=\"true\">\n        <button\n          v-for=\"sortOption in sortChoice\"\n          :key=\"sortOption.value\"\n          class=\"me-3 octopus-dropdown-item\"\n          :disabled=\"sortOption.value === sortType\"\n          @mousedown=\"changeSort(sortOption.value)\"\n          @keydown.enter=\"changeSort(sortOption.value)\"\n        >\n          {{ sortOption.title }}\n        </button>\n      </ClassicPopover>\n    </div>\n    <div v-if=\"!loading && !error && 0 === totalCount\" class=\"text-center\">\n      {{ t(\"No comments\") }}\n    </div>\n    <div\n      ref=\"scrollComponent\"\n      :class=\"isNotAnAnswerList ? 'scrolling-comments' : ''\"\n    >\n      <CommentItem\n        v-for=\"(c, indexCom) in comments\"\n        :id=\"'comItem' + c.commentId\"\n        :key=\"c.commentId\"\n        v-model:comment=\"comments[indexCom]\"\n        :podcast=\"podcast\"\n        :is-flat-list=\"isFlatList\"\n        :config=\"config\"\n        :organisation-id=\"organisationId\"\n        @delete-comment=\"deleteComment(c.commentId)\"\n      />\n      <ClassicLoading\n        :loading-text=\"loading && !error ? t('Loading content ...') : undefined\"\n        :error-text=\"error ? t(`Comments loading error`) : undefined\"\n      />\n      <button\n        v-if=\"!isNotAnAnswerList && dfirst + dsize < totalCount\"\n        class=\"btn share-btn mx-2\"\n        :title=\"t('See more')\"\n      >\n        <PlusIcon />\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport SortVariantIcon from \"vue-material-design-icons/SortVariant.vue\";\nimport PlusIcon from \"vue-material-design-icons/Plus.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport { computed, defineAsyncComponent, onMounted, onUnmounted, Ref, ref, useTemplateRef, watch } from \"vue\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport {\n  CommentMessage,\n  CommentsConfig,\n} from \"@/stores/class/config/commentsConfig\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n/* eslint-disable */\nconst CommentItem: any = defineAsyncComponent(() => import('./item/CommentItem.vue'));\n/* eslint-enable */\nconst ClassicPopover = defineAsyncComponent(\n  () => import(\"../../misc/ClassicPopover.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  size: { default: 10, type: Number },\n  podcast: { default: undefined, type: Object as () => Podcast },\n  reload: { default: false, type: Boolean },\n  answerToComment: { default: undefined, type: Number },\n  isFlatList: { default: false, type: Boolean },\n  stateFilter: { default: \"\", type: String },\n  organisationId: { default: undefined, type: String },\n  nbComments: { default: 0, type: Number },\n  config: { default: undefined, type: Object as () => CommentsConfig },\n  eventToHandle: { default: undefined, type: Object as () => CommentMessage },\n})\n\n//Emits\nconst emit = defineEmits([\"update:nbComments\", \"commentDeleted\"]);\n\n//Data \nconst loading = ref(false);\nconst error = ref(false);\nconst dfirst = ref(0);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst sortType = ref(\"DATE_DESC\");\nconst comments: Ref<Array<CommentPodcast>> = ref([]);\nconst scrollableSection: Ref<HTMLElement | undefined> = ref(undefined);\nconst scrollComponentRef = useTemplateRef('scrollComponent');\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst isNotAnAnswerList = computed(() =>  undefined === props.answerToComment);\nconst changed = computed(() => `${props.size}|${props.reload}|${dsize.value}|${props.stateFilter}|${props.podcast?.podcastId}|${props.organisationId}`);\nconst sortChoice = computed(() =>{\n  return [\n    { title: t(\"The most recent\"), value: \"DATE_DESC\" },\n    { title: t(\"Top comments\"), value: \"LIKE_DESC\" },\n  ];\n});\n\n//Watch\nwatch(totalCount, () => {emit(\"update:nbComments\", totalCount.value)});\nwatch(changed, () => {fetchContent(true);});\nwatch(()=>props.eventToHandle, async () => {\n  if (!props.eventToHandle) {\n    return;\n  }\n  if (props.answerToComment === props.eventToHandle.comment.answerTo) {\n    switch (props.eventToHandle.type) {\n      case \"CREATE\":\n        createComment(props.eventToHandle.comment);\n        break;\n      case \"UPDATE\":\n        updateComment(props.eventToHandle.comment);\n        break;\n      case \"DELETE\":\n        deleteComment(props.eventToHandle.comment.commentId);\n        break;\n      default:\n        break;\n    }\n    return;\n  }\n  if (undefined !== props.eventToHandle.comment.answerTo) {\n    const comItem = scrollComponentRef?.value?.querySelector('#comItem' + props.eventToHandle.comment.answerTo) as InstanceType<typeof CommentItem>;\n    comItem?.receiveEvent(props.eventToHandle);\n  }\n}, {deep: true});\n\n\nonMounted(()=>{\n  fetchContent(true);\n  if (isNotAnAnswerList.value) {\n    scrollableSection.value = scrollComponentRef?.value as HTMLElement;\n    scrollableSection.value.addEventListener(\"scroll\", handleScroll);\n  }\n})\n\nonUnmounted(()=>{\n  if (isNotAnAnswerList.value) {\n    scrollableSection.value?.removeEventListener(\"scroll\", handleScroll);\n  }\n})\n\n\n//Methods\nfunction changeSort(sortTypeUpdate: string) {\n  sortType.value = sortTypeUpdate;\n  fetchContent(true);\n}\nfunction handleScroll() {\n  if (\n    scrollableSection.value &&\n    totalCount.value > comments.value.length &&\n    scrollableSection.value.scrollTop +\n      scrollableSection.value.clientHeight >=\n      scrollableSection.value.scrollHeight\n  ) {\n    fetchContent(false);\n  }\n}\nfunction findCommentInCommentsLoaded(commentId: number) {\n  return comments.value.findIndex(\n    (element: CommentPodcast) => element.commentId === commentId,\n  );\n}\nfunction createComment(comment: CommentPodcast) {\n  comments.value.unshift(comment);\n  totalCount.value += 1;\n}\nfunction updateComment(comment: CommentPodcast) {\n  const commentIndex = findCommentInCommentsLoaded(comment.commentId);\n  if (-1 !== commentIndex) {\n    comments.value.splice(commentIndex, 1, comment);\n  }\n}\nfunction deleteComment(commentIdToDelete: number) {\n  const commentIndex = findCommentInCommentsLoaded(commentIdToDelete);\n  if (-1 !== commentIndex) {\n    comments.value.splice(commentIndex, 1);\n    totalCount.value -= 1;\n    emit(\"commentDeleted\", commentIdToDelete);\n  }\n}\nasync function fetchContent(reset: boolean): Promise<void> {\n  if (loading.value) {\n    return;\n  }\n  loading.value = true;\n  if (reset) {\n    dfirst.value = 0;\n    comments.value.length = 0;\n  }\n  const param = {\n    first: dfirst.value,\n    size: dsize.value,\n    podcastId: props.podcast?.podcastId,\n    sort: sortType.value,\n    answerTo: props.answerToComment,\n    hideAnswers: !props.isFlatList,\n    state: props.stateFilter.length ? props.stateFilter : undefined,\n    organisationId: props.organisationId,\n  };\n  try {\n    const data = await classicApi.fetchData<\n      ListClassicReturn<CommentPodcast>\n    >({\n      api: 2,\n      path: \"comment/list\",\n      parameters: param,\n    });\n    if (reset) {\n      comments.value.length = 0;\n    }\n    comments.value.push(...data.result);\n    totalCount.value = data.count;\n    dfirst.value += dsize.value;\n    loading.value = false;\n  } catch (errorWs) {\n    // Errors sometimes occur, and shouldn't trigger anything too drastic,\n    // so we only log it, instead of using handle403\n    console.error(errorWs);\n    error.value = true;\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n  .scrolling-comments {\n    max-height: 715px;\n    overflow-y: auto;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/{CommentList-CSYpqgNM.mjs → CommentList-BmyJ4sBi.mjs}

@@ -1,5 +1,5 @@
 import { t as e } from "./ClassicLoading-CXfMjpyl.mjs";
-import { t } from "./classicApi-pmODlqv5.mjs";
+import { t } from "./classicApi-CGipMqf7.mjs";
 import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.mjs";
 import { Fragment as r, computed as i, createBlock as ee, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineAsyncComponent as l, defineComponent as u, normalizeClass as d, onMounted as f, onUnmounted as p, openBlock as m, ref as h, renderList as g, toDisplayString as _, unref as v, useTemplateRef as te, watch as y, withCtx as b, withKeys as x } from "vue";
 import S from "vue-material-design-icons/Plus.vue";
@@ -65,7 +65,7 @@ var T = { class: "d-flex flex-column" }, E = {
 	},
 	emits: ["update:nbComments", "commentDeleted"],
 	setup(n, { emit: u }) {
-		let N = l(() => import("./CommentItem-CqWZPmbj.mjs").then((e) => e.t)), ne = l(() => import("./ClassicPopover-DWR50Nxi.mjs").then((e) => e.n)), P = n, F = u, I = h(!1), L = h(!1), R = h(0), z = h(P.size), B = h(0), V = h("DATE_DESC"), H = h([]), U = h(void 0), W = te("scrollComponent"), { t: G } = C(), K = i(() => P.answerToComment === void 0), q = i(() => `${P.size}|${P.reload}|${z.value}|${P.stateFilter}|${P.podcast?.podcastId}|${P.organisationId}`), J = i(() => [{
+		let N = l(() => import("./CommentItem-BbUPCvEC.mjs").then((e) => e.t)), ne = l(() => import("./ClassicPopover-DWR50Nxi.mjs").then((e) => e.n)), P = n, F = u, I = h(!1), L = h(!1), R = h(0), z = h(P.size), B = h(0), V = h("DATE_DESC"), H = h([]), U = h(void 0), W = te("scrollComponent"), { t: G } = C(), K = i(() => P.answerToComment === void 0), q = i(() => `${P.size}|${P.reload}|${z.value}|${P.stateFilter}|${P.podcast?.podcastId}|${P.organisationId}`), J = i(() => [{
 			title: G("The most recent"),
 			value: "DATE_DESC"
 		}, {

package/dist/CommentList-DP6wk4PD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentList-DP6wk4PD.mjs","names":["classicApi","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createVNode","_withCtx","_Fragment","_renderList","_withKeys","_createCommentVNode","_normalizeClass","_createBlock","_sfc_main"],"sources":["../src/components/display/comments/CommentList.vue","../src/components/display/comments/CommentList.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex flex-column\">\n    <div\n      v-if=\"isNotAnAnswerList && 0 !== totalCount\"\n      class=\"d-flex align-items-center mb-2\"\n    >\n      <div class=\"text-secondary me-3\">\n        {{ t(\"Number comments\", { nb: totalCount }) }}\n      </div>\n      <button\n        id=\"sort-by-comments\"\n        class=\"btn btn-transparent d-flex align-items-center\"\n      >\n        <SortVariantIcon :size=\"30\" />\n        <p class=\"ms-1\">{{ t(\"Sort by\") }}</p>\n      </button>\n      <ClassicPopover target=\"sort-by-comments\" :only-click=\"true\">\n        <button\n          v-for=\"sortOption in sortChoice\"\n          :key=\"sortOption.value\"\n          class=\"me-3 octopus-dropdown-item\"\n          :disabled=\"sortOption.value === sortType\"\n          @mousedown=\"changeSort(sortOption.value)\"\n          @keydown.enter=\"changeSort(sortOption.value)\"\n        >\n          {{ sortOption.title }}\n        </button>\n      </ClassicPopover>\n    </div>\n    <div v-if=\"!loading && !error && 0 === totalCount\" class=\"text-center\">\n      {{ t(\"No comments\") }}\n    </div>\n    <div\n      ref=\"scrollComponent\"\n      :class=\"isNotAnAnswerList ? 'scrolling-comments' : ''\"\n    >\n      <CommentItem\n        v-for=\"(c, indexCom) in comments\"\n        :id=\"'comItem' + c.commentId\"\n        :key=\"c.commentId\"\n        v-model:comment=\"comments[indexCom]\"\n        :podcast=\"podcast\"\n        :is-flat-list=\"isFlatList\"\n        :config=\"config\"\n        :organisation-id=\"organisationId\"\n        @delete-comment=\"deleteComment(c.commentId)\"\n      />\n      <ClassicLoading\n        :loading-text=\"loading && !error ? t('Loading content ...') : undefined\"\n        :error-text=\"error ? t(`Comments loading error`) : undefined\"\n      />\n      <button\n        v-if=\"!isNotAnAnswerList && dfirst + dsize < totalCount\"\n        class=\"btn share-btn mx-2\"\n        :title=\"t('See more')\"\n      >\n        <PlusIcon />\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport SortVariantIcon from \"vue-material-design-icons/SortVariant.vue\";\nimport PlusIcon from \"vue-material-design-icons/Plus.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport { computed, defineAsyncComponent, onMounted, onUnmounted, Ref, ref, useTemplateRef, watch } from \"vue\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport {\n  CommentMessage,\n  CommentsConfig,\n} from \"@/stores/class/config/commentsConfig\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n/* eslint-disable */\nconst CommentItem: any = defineAsyncComponent(() => import('./item/CommentItem.vue'));\n/* eslint-enable */\nconst ClassicPopover = defineAsyncComponent(\n  () => import(\"../../misc/ClassicPopover.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  size: { default: 10, type: Number },\n  podcast: { default: undefined, type: Object as () => Podcast },\n  reload: { default: false, type: Boolean },\n  answerToComment: { default: undefined, type: Number },\n  isFlatList: { default: false, type: Boolean },\n  stateFilter: { default: \"\", type: String },\n  organisationId: { default: undefined, type: String },\n  nbComments: { default: 0, type: Number },\n  config: { default: undefined, type: Object as () => CommentsConfig },\n  eventToHandle: { default: undefined, type: Object as () => CommentMessage },\n})\n\n//Emits\nconst emit = defineEmits([\"update:nbComments\", \"commentDeleted\"]);\n\n//Data \nconst loading = ref(false);\nconst error = ref(false);\nconst dfirst = ref(0);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst sortType = ref(\"DATE_DESC\");\nconst comments: Ref<Array<CommentPodcast>> = ref([]);\nconst scrollableSection: Ref<HTMLElement | undefined> = ref(undefined);\nconst scrollComponentRef = useTemplateRef('scrollComponent');\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst isNotAnAnswerList = computed(() =>  undefined === props.answerToComment);\nconst changed = computed(() => `${props.size}|${props.reload}|${dsize.value}|${props.stateFilter}|${props.podcast?.podcastId}|${props.organisationId}`);\nconst sortChoice = computed(() =>{\n  return [\n    { title: t(\"The most recent\"), value: \"DATE_DESC\" },\n    { title: t(\"Top comments\"), value: \"LIKE_DESC\" },\n  ];\n});\n\n//Watch\nwatch(totalCount, () => {emit(\"update:nbComments\", totalCount.value)});\nwatch(changed, () => {fetchContent(true);});\nwatch(()=>props.eventToHandle, async () => {\n  if (!props.eventToHandle) {\n    return;\n  }\n  if (props.answerToComment === props.eventToHandle.comment.answerTo) {\n    switch (props.eventToHandle.type) {\n      case \"CREATE\":\n        createComment(props.eventToHandle.comment);\n        break;\n      case \"UPDATE\":\n        updateComment(props.eventToHandle.comment);\n        break;\n      case \"DELETE\":\n        deleteComment(props.eventToHandle.comment.commentId);\n        break;\n      default:\n        break;\n    }\n    return;\n  }\n  if (undefined !== props.eventToHandle.comment.answerTo) {\n    const comItem = scrollComponentRef?.value?.querySelector('#comItem' + props.eventToHandle.comment.answerTo) as InstanceType<typeof CommentItem>;\n    comItem?.receiveEvent(props.eventToHandle);\n  }\n}, {deep: true});\n\n\nonMounted(()=>{\n  fetchContent(true);\n  if (isNotAnAnswerList.value) {\n    scrollableSection.value = scrollComponentRef?.value as HTMLElement;\n    scrollableSection.value.addEventListener(\"scroll\", handleScroll);\n  }\n})\n\nonUnmounted(()=>{\n  if (isNotAnAnswerList.value) {\n    scrollableSection.value?.removeEventListener(\"scroll\", handleScroll);\n  }\n})\n\n\n//Methods\nfunction changeSort(sortTypeUpdate: string) {\n  sortType.value = sortTypeUpdate;\n  fetchContent(true);\n}\nfunction handleScroll() {\n  if (\n    scrollableSection.value &&\n    totalCount.value > comments.value.length &&\n    scrollableSection.value.scrollTop +\n      scrollableSection.value.clientHeight >=\n      scrollableSection.value.scrollHeight\n  ) {\n    fetchContent(false);\n  }\n}\nfunction findCommentInCommentsLoaded(commentId: number) {\n  return comments.value.findIndex(\n    (element: CommentPodcast) => element.commentId === commentId,\n  );\n}\nfunction createComment(comment: CommentPodcast) {\n  comments.value.unshift(comment);\n  totalCount.value += 1;\n}\nfunction updateComment(comment: CommentPodcast) {\n  const commentIndex = findCommentInCommentsLoaded(comment.commentId);\n  if (-1 !== commentIndex) {\n    comments.value.splice(commentIndex, 1, comment);\n  }\n}\nfunction deleteComment(commentIdToDelete: number) {\n  const commentIndex = findCommentInCommentsLoaded(commentIdToDelete);\n  if (-1 !== commentIndex) {\n    comments.value.splice(commentIndex, 1);\n    totalCount.value -= 1;\n    emit(\"commentDeleted\", commentIdToDelete);\n  }\n}\nasync function fetchContent(reset: boolean): Promise<void> {\n  if (loading.value) {\n    return;\n  }\n  loading.value = true;\n  if (reset) {\n    dfirst.value = 0;\n    comments.value.length = 0;\n  }\n  const param = {\n    first: dfirst.value,\n    size: dsize.value,\n    podcastId: props.podcast?.podcastId,\n    sort: sortType.value,\n    answerTo: props.answerToComment,\n    hideAnswers: !props.isFlatList,\n    state: props.stateFilter.length ? props.stateFilter : undefined,\n    organisationId: props.organisationId,\n  };\n  try {\n    const data = await classicApi.fetchData<\n      ListClassicReturn<CommentPodcast>\n    >({\n      api: 2,\n      path: \"comment/list\",\n      parameters: param,\n    });\n    if (reset) {\n      comments.value.length = 0;\n    }\n    comments.value.push(...data.result);\n    totalCount.value = data.count;\n    dfirst.value += dsize.value;\n    loading.value = false;\n  } catch (errorWs) {\n    // Errors sometimes occur, and shouldn't trigger anything too drastic,\n    // so we only log it, instead of using handle403\n    console.error(errorWs);\n    error.value = true;\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n  .scrolling-comments {\n    max-height: 715px;\n    overflow-y: auto;\n  }\n}\n</style>\n","<template>\n  <div class=\"d-flex flex-column\">\n    <div\n      v-if=\"isNotAnAnswerList && 0 !== totalCount\"\n      class=\"d-flex align-items-center mb-2\"\n    >\n      <div class=\"text-secondary me-3\">\n        {{ t(\"Number comments\", { nb: totalCount }) }}\n      </div>\n      <button\n        id=\"sort-by-comments\"\n        class=\"btn btn-transparent d-flex align-items-center\"\n      >\n        <SortVariantIcon :size=\"30\" />\n        <p class=\"ms-1\">{{ t(\"Sort by\") }}</p>\n      </button>\n      <ClassicPopover target=\"sort-by-comments\" :only-click=\"true\">\n        <button\n          v-for=\"sortOption in sortChoice\"\n          :key=\"sortOption.value\"\n          class=\"me-3 octopus-dropdown-item\"\n          :disabled=\"sortOption.value === sortType\"\n          @mousedown=\"changeSort(sortOption.value)\"\n          @keydown.enter=\"changeSort(sortOption.value)\"\n        >\n          {{ sortOption.title }}\n        </button>\n      </ClassicPopover>\n    </div>\n    <div v-if=\"!loading && !error && 0 === totalCount\" class=\"text-center\">\n      {{ t(\"No comments\") }}\n    </div>\n    <div\n      ref=\"scrollComponent\"\n      :class=\"isNotAnAnswerList ? 'scrolling-comments' : ''\"\n    >\n      <CommentItem\n        v-for=\"(c, indexCom) in comments\"\n        :id=\"'comItem' + c.commentId\"\n        :key=\"c.commentId\"\n        v-model:comment=\"comments[indexCom]\"\n        :podcast=\"podcast\"\n        :is-flat-list=\"isFlatList\"\n        :config=\"config\"\n        :organisation-id=\"organisationId\"\n        @delete-comment=\"deleteComment(c.commentId)\"\n      />\n      <ClassicLoading\n        :loading-text=\"loading && !error ? t('Loading content ...') : undefined\"\n        :error-text=\"error ? t(`Comments loading error`) : undefined\"\n      />\n      <button\n        v-if=\"!isNotAnAnswerList && dfirst + dsize < totalCount\"\n        class=\"btn share-btn mx-2\"\n        :title=\"t('See more')\"\n      >\n        <PlusIcon />\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport SortVariantIcon from \"vue-material-design-icons/SortVariant.vue\";\nimport PlusIcon from \"vue-material-design-icons/Plus.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport { computed, defineAsyncComponent, onMounted, onUnmounted, Ref, ref, useTemplateRef, watch } from \"vue\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport {\n  CommentMessage,\n  CommentsConfig,\n} from \"@/stores/class/config/commentsConfig\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n/* eslint-disable */\nconst CommentItem: any = defineAsyncComponent(() => import('./item/CommentItem.vue'));\n/* eslint-enable */\nconst ClassicPopover = defineAsyncComponent(\n  () => import(\"../../misc/ClassicPopover.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  size: { default: 10, type: Number },\n  podcast: { default: undefined, type: Object as () => Podcast },\n  reload: { default: false, type: Boolean },\n  answerToComment: { default: undefined, type: Number },\n  isFlatList: { default: false, type: Boolean },\n  stateFilter: { default: \"\", type: String },\n  organisationId: { default: undefined, type: String },\n  nbComments: { default: 0, type: Number },\n  config: { default: undefined, type: Object as () => CommentsConfig },\n  eventToHandle: { default: undefined, type: Object as () => CommentMessage },\n})\n\n//Emits\nconst emit = defineEmits([\"update:nbComments\", \"commentDeleted\"]);\n\n//Data \nconst loading = ref(false);\nconst error = ref(false);\nconst dfirst = ref(0);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst sortType = ref(\"DATE_DESC\");\nconst comments: Ref<Array<CommentPodcast>> = ref([]);\nconst scrollableSection: Ref<HTMLElement | undefined> = ref(undefined);\nconst scrollComponentRef = useTemplateRef('scrollComponent');\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst isNotAnAnswerList = computed(() =>  undefined === props.answerToComment);\nconst changed = computed(() => `${props.size}|${props.reload}|${dsize.value}|${props.stateFilter}|${props.podcast?.podcastId}|${props.organisationId}`);\nconst sortChoice = computed(() =>{\n  return [\n    { title: t(\"The most recent\"), value: \"DATE_DESC\" },\n    { title: t(\"Top comments\"), value: \"LIKE_DESC\" },\n  ];\n});\n\n//Watch\nwatch(totalCount, () => {emit(\"update:nbComments\", totalCount.value)});\nwatch(changed, () => {fetchContent(true);});\nwatch(()=>props.eventToHandle, async () => {\n  if (!props.eventToHandle) {\n    return;\n  }\n  if (props.answerToComment === props.eventToHandle.comment.answerTo) {\n    switch (props.eventToHandle.type) {\n      case \"CREATE\":\n        createComment(props.eventToHandle.comment);\n        break;\n      case \"UPDATE\":\n        updateComment(props.eventToHandle.comment);\n        break;\n      case \"DELETE\":\n        deleteComment(props.eventToHandle.comment.commentId);\n        break;\n      default:\n        break;\n    }\n    return;\n  }\n  if (undefined !== props.eventToHandle.comment.answerTo) {\n    const comItem = scrollComponentRef?.value?.querySelector('#comItem' + props.eventToHandle.comment.answerTo) as InstanceType<typeof CommentItem>;\n    comItem?.receiveEvent(props.eventToHandle);\n  }\n}, {deep: true});\n\n\nonMounted(()=>{\n  fetchContent(true);\n  if (isNotAnAnswerList.value) {\n    scrollableSection.value = scrollComponentRef?.value as HTMLElement;\n    scrollableSection.value.addEventListener(\"scroll\", handleScroll);\n  }\n})\n\nonUnmounted(()=>{\n  if (isNotAnAnswerList.value) {\n    scrollableSection.value?.removeEventListener(\"scroll\", handleScroll);\n  }\n})\n\n\n//Methods\nfunction changeSort(sortTypeUpdate: string) {\n  sortType.value = sortTypeUpdate;\n  fetchContent(true);\n}\nfunction handleScroll() {\n  if (\n    scrollableSection.value &&\n    totalCount.value > comments.value.length &&\n    scrollableSection.value.scrollTop +\n      scrollableSection.value.clientHeight >=\n      scrollableSection.value.scrollHeight\n  ) {\n    fetchContent(false);\n  }\n}\nfunction findCommentInCommentsLoaded(commentId: number) {\n  return comments.value.findIndex(\n    (element: CommentPodcast) => element.commentId === commentId,\n  );\n}\nfunction createComment(comment: CommentPodcast) {\n  comments.value.unshift(comment);\n  totalCount.value += 1;\n}\nfunction updateComment(comment: CommentPodcast) {\n  const commentIndex = findCommentInCommentsLoaded(comment.commentId);\n  if (-1 !== commentIndex) {\n    comments.value.splice(commentIndex, 1, comment);\n  }\n}\nfunction deleteComment(commentIdToDelete: number) {\n  const commentIndex = findCommentInCommentsLoaded(commentIdToDelete);\n  if (-1 !== commentIndex) {\n    comments.value.splice(commentIndex, 1);\n    totalCount.value -= 1;\n    emit(\"commentDeleted\", commentIdToDelete);\n  }\n}\nasync function fetchContent(reset: boolean): Promise<void> {\n  if (loading.value) {\n    return;\n  }\n  loading.value = true;\n  if (reset) {\n    dfirst.value = 0;\n    comments.value.length = 0;\n  }\n  const param = {\n    first: dfirst.value,\n    size: dsize.value,\n    podcastId: props.podcast?.podcastId,\n    sort: sortType.value,\n    answerTo: props.answerToComment,\n    hideAnswers: !props.isFlatList,\n    state: props.stateFilter.length ? props.stateFilter : undefined,\n    organisationId: props.organisationId,\n  };\n  try {\n    const data = await classicApi.fetchData<\n      ListClassicReturn<CommentPodcast>\n    >({\n      api: 2,\n      path: \"comment/list\",\n      parameters: param,\n    });\n    if (reset) {\n      comments.value.length = 0;\n    }\n    comments.value.push(...data.result);\n    totalCount.value = data.count;\n    dfirst.value += dsize.value;\n    loading.value = false;\n  } catch (errorWs) {\n    // Errors sometimes occur, and shouldn't trigger anything too drastic,\n    // so we only log it, instead of using handle403\n    console.error(errorWs);\n    error.value = true;\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n  .scrolling-comments {\n    max-height: 715px;\n    overflow-y: auto;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/{CommentMoreActions-T5RN6BGq.mjs → CommentMoreActions-Bnx_Gjly.mjs}

@@ -1,6 +1,6 @@
-import { i as e, t } from "./classicApi-pmODlqv5.mjs";
+import { i as e, t } from "./classicApi-CGipMqf7.mjs";
 import { t as n } from "./useSelenium-DAM6EF3J.mjs";
-import { t as r } from "./CommentStore-hPTYaDGr.mjs";
+import { t as r } from "./CommentStore-CysGkBHp.mjs";
 import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineAsyncComponent as d, defineComponent as f, openBlock as p, ref as m, renderList as h, resolveComponent as g, toDisplayString as _, unref as v, withCtx as y, withKeys as b } from "vue";
 import { useI18n as x } from "vue-i18n";
 import S from "vue-material-design-icons/DotsVertical.vue";
@@ -31,7 +31,7 @@ var C = { key: 0 }, w = [
 	},
 	emits: ["update:comment", "deleteComment"],
 	setup(f, { emit: E }) {
-		let D = d(() => import("./ClassicPopover-DWR50Nxi.mjs").then((e) => e.n)), O = d(() => import("./ReportAbuseModal-O1K7j7NV.mjs")), k = d(() => import("./EditCommentModal-DacFxzLx.mjs")), A = d(() => import("./MessageModal-BcqS77v6.mjs").then((e) => e.n)), j = f, M = E, N = m(!1), P = m(!1), F = m(void 0), I = m(void 0), L = m(!1), R = m(!1), z = m(!1), { t: B } = x(), { seleniumFormat: V } = n(), H = e(), U = r(), W = a({
+		let D = d(() => import("./ClassicPopover-DWR50Nxi.mjs").then((e) => e.n)), O = d(() => import("./ReportAbuseModal-Bi6upLga.mjs")), k = d(() => import("./EditCommentModal-BDzkED7G.mjs")), A = d(() => import("./MessageModal-BcqS77v6.mjs").then((e) => e.n)), j = f, M = E, N = m(!1), P = m(!1), F = m(void 0), I = m(void 0), L = m(!1), R = m(!1), z = m(!1), { t: B } = x(), { seleniumFormat: V } = n(), H = e(), U = r(), W = a({
 			get() {
 				return j.comment;
 			},

package/dist/CommentMoreActions-C1l4Y_HY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentMoreActions-C1l4Y_HY.mjs","names":["classicApi","_resolveComponent","_openBlock","_createElementBlock","_createBlock","_createCommentVNode","_createElementVNode","_createVNode","_withCtx","_Fragment","_renderList","_withKeys","_toDisplayString","_sfc_main"],"sources":["../src/components/display/comments/item/CommentMoreActions.vue","../src/components/display/comments/item/CommentMoreActions.vue"],"sourcesContent":["<template>\n  <div v-if=\"isAtLeastOneMoreAction\">\n    <ReportAbuseModal\n      v-if=\"isReportAbuse\"\n      v-model:comment=\"commentForVmodel\"\n      @close=\"isReportAbuse = false\"\n    />\n    <EditCommentModal\n      v-if=\"isEdit\"\n      v-model:comment=\"commentForVmodel\"\n      :edit-right=\"editRight\"\n      @close=\"isEdit = false\"\n    />\n    <MessageModal\n      v-if=\"confirmModal\"\n      :validatetext=\"validateText\"\n      :canceltext=\"canceltext\"\n      :closable=\"false\"\n      :title=\"modalTitle\"\n      :message=\"modalMessage\"\n      :focus=\"true\"\n      @cancel=\"confirmModal = false\"\n      @validate=\"actionComment\"\n      @close=\"confirmModal = false\"\n    />\n    <button\n      :id=\"'comment-dropdown' + comment.commentId\"\n      class=\"btn share-btn\"\n      :title=\"t('See more')\"\n      :data-selenium=\"\n        'comment-dropdown-' + seleniumFormat(comment.poster.userName)\n      \"\n    >\n      <DotsVerticalIcon />\n    </button>\n    <ClassicPopover\n      :target=\"'comment-dropdown' + comment.commentId\"\n      :only-click=\"true\"\n      :left-pos=\"true\"\n    >\n      <template v-for=\"action in moreActions\" :key=\"action\">\n        <button\n          v-if=\"action.condition\"\n          class=\"octopus-dropdown-item c-hand\"\n          @mousedown=\"action.actionClick\"\n          @keydown.enter=\"action.actionClick\"\n        >\n          {{ action.title }}\n        </button>\n      </template>\n    </ClassicPopover>\n    <!--\n      CommentMoreActionsAdmin is not defined in the SDK: it is resolved at\n      runtime from the consuming app's globally registered components\n      (app.component()), and renders nothing if the app hasn't registered one\n      under that name.\n    -->\n    <CommentMoreActionsAdmin\n      v-if=\"editRight\"\n      v-model:comment=\"commentForVmodel\"\n      v-model:actions-admin=\"actionsAdmin\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport DotsVerticalIcon from \"vue-material-design-icons/DotsVertical.vue\";\nimport {useSelenium} from \"../../../composable/useSelenium\";\nimport classicApi from \"../../../../api/classicApi\";\nimport { useAuthStore } from \"../../../../stores/AuthStore\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { useCommentStore } from \"../../../../stores/CommentStore\";\nimport { defineAsyncComponent, ref, Ref, computed } from \"vue\";\nimport { CommentsConfig } from \"@/stores/class/config/commentsConfig\";\nimport { useI18n } from \"vue-i18n\";\nconst ClassicPopover = defineAsyncComponent(\n  () => import(\"../../../misc/ClassicPopover.vue\"),\n);\nconst ReportAbuseModal = defineAsyncComponent(\n  () => import(\"../modal/ReportAbuseModal.vue\"),\n);\nconst EditCommentModal = defineAsyncComponent(\n  () => import(\"../modal/EditCommentModal.vue\"),\n);\nconst MessageModal = defineAsyncComponent(\n  () => import(\"../../../misc/modal/MessageModal.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  comment: { default: () => ({}), type: Object as () => CommentPodcast },\n  podcast: { default: undefined, type: Object as () => Podcast },\n  config: { default: undefined, type: Object as () => CommentsConfig },\n  editRight: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"update:comment\", \"deleteComment\"]);\n\n//Data \nconst isEdit = ref(false);\nconst isReportAbuse = ref(false);\nconst actionName: Ref<string | undefined> = ref(undefined);\nconst actionsAdmin: Ref<string | undefined> = ref(undefined);\nconst confirmModal = ref(false);\nconst actionInProgress = ref(false);\nconst isError = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { seleniumFormat } = useSelenium();\nconst authStore = useAuthStore();\nconst commentStore = useCommentStore();\n\n//Computed\nconst commentForVmodel = computed({\n  get(): CommentPodcast {\n    return props.comment;\n  },\n  set(value: CommentPodcast) {\n    emit(\"update:comment\", value);\n  },\n});\nconst isMyComment = computed(() => {\n  const uuid = authStore.authProfile?.userId ?? commentStore.commentUser?.uuidHash;\n  return uuid === props.comment?.poster.uuid;\n});\nconst isAtLeastOneMoreAction = computed(() => {\n  return moreActions.value.some((el) => {\n    return el.condition;\n  });\n});\nconst moreActions = computed(() => {\n  return [\n    {\n      title: t(\"Report abuse\"),\n      actionClick: () => {\n        isReportAbuse.value = true;\n      },\n      condition:\n        commentStore.getCanReportAbuse(\n          props.config,\n          undefined !== authStore.authOrgaId,\n        ) && !isMyComment.value,\n    },\n    {\n      title: t(\"Managing reported abuses\"),\n      actionClick: () => {\n        actionsAdmin.value = \"abuse\";\n      },\n      condition: props.editRight && props.comment.abuse,\n    },\n    {\n      title: t(\"Edit comment\"),\n      actionClick: () => {\n        isEdit.value = true;\n      },\n      condition: props.editRight || isMyComment.value,\n    },\n    {\n      title: t(\"Comment information\"),\n      actionClick: () => {\n        actionsAdmin.value = \"info\";\n      },\n      condition: props.editRight && !props.podcast,\n    },\n    {\n      title: t(\"Validate\"),\n      actionClick: () => {\n        actionName.value = \"validate\";\n        isError.value = false;\n        confirmModal.value = true;\n      },\n      condition:\n        props.editRight &&\n        (\"PENDING\" === props.comment.state ||\n          \"NOT_VALID\" === props.comment.state),\n    },\n    {\n      title: t(\"Invalidate\"),\n      actionClick: () => {\n        actionName.value = \"invalidate\";\n        isError.value = false;\n        confirmModal.value = true;\n      },\n      condition:\n        props.editRight &&\n        (\"PENDING\" === props.comment.state ||\n          \"VALIDATED\" === props.comment.state),\n    },\n    {\n      title: t(\"Delete comment\"),\n      actionClick: () => {\n        actionName.value = \"delete\";\n        isError.value = false;\n        confirmModal.value = true;\n      },\n      condition: props.editRight || isMyComment.value,\n    },\n  ];\n});\nconst validateText = computed(() => {\n  if (isError.value) {\n    return t(\"Close\");\n  }\n  return actionInProgress.value ? undefined : t(\"Yes\");\n});\nconst canceltext = computed(() => isError.value ? undefined : t(\"No\"));\nconst modalMessage = computed(() => {\n  if (actionInProgress.value) {\n    return t(\"Saving\");\n  }\n  if (isError.value) {\n    return t(\"An error occurred\");\n  }\n  const name = { name: props.comment.poster.userName };\n  switch (actionName.value) {\n    case \"delete\":\n      return t(\"Confirm comment deletion text\", name);\n    case \"validate\":\n      return t(\"Confirm comment valid text\", name);\n    case \"invalidate\":\n      return t(\"Confirm comment invalid text\", name);\n    default:\n      return \"\";\n  }\n});\nconst modalTitle = computed(() => {\n  if (\"delete\" === actionName.value) {\n    return t(\"Delete comment\");\n  }\n  return t(\"Update comment\");\n});  \n \n\n//Methods\nasync function actionComment() {\n  if (!props.comment) {\n    return;\n  }\n  actionInProgress.value = true;\n  isError.value = false;\n  try {\n    if (\"delete\" === actionName.value) {\n      await classicApi.deleteData({\n        api: 2,\n        path: \"comment/\" + props.comment.commentId,\n        parameters: props.editRight\n          ? undefined\n          : { uuid: commentStore.commentUser?.uuid },\n        isNotAuth: !props.editRight,\n      });\n      emit(\"deleteComment\");\n    } else {\n      const commentUpdated = await classicApi.putData({\n        api: 2,\n        path: \"comment/\",\n        dataToSend: {\n          commentId: props.comment.commentId,\n          content: props.comment.content,\n          name: props.comment.poster.userName,\n          state: \"validate\" === actionName.value ? \"VALIDATED\" : \"NOT_VALID\",\n        },\n      });\n      emit(\"update:comment\", commentUpdated);\n    }\n    confirmModal.value = false;\n  } catch {\n    isError.value = true;\n  }\n  actionInProgress.value = false;\n}\n</script>\n","<template>\n  <div v-if=\"isAtLeastOneMoreAction\">\n    <ReportAbuseModal\n      v-if=\"isReportAbuse\"\n      v-model:comment=\"commentForVmodel\"\n      @close=\"isReportAbuse = false\"\n    />\n    <EditCommentModal\n      v-if=\"isEdit\"\n      v-model:comment=\"commentForVmodel\"\n      :edit-right=\"editRight\"\n      @close=\"isEdit = false\"\n    />\n    <MessageModal\n      v-if=\"confirmModal\"\n      :validatetext=\"validateText\"\n      :canceltext=\"canceltext\"\n      :closable=\"false\"\n      :title=\"modalTitle\"\n      :message=\"modalMessage\"\n      :focus=\"true\"\n      @cancel=\"confirmModal = false\"\n      @validate=\"actionComment\"\n      @close=\"confirmModal = false\"\n    />\n    <button\n      :id=\"'comment-dropdown' + comment.commentId\"\n      class=\"btn share-btn\"\n      :title=\"t('See more')\"\n      :data-selenium=\"\n        'comment-dropdown-' + seleniumFormat(comment.poster.userName)\n      \"\n    >\n      <DotsVerticalIcon />\n    </button>\n    <ClassicPopover\n      :target=\"'comment-dropdown' + comment.commentId\"\n      :only-click=\"true\"\n      :left-pos=\"true\"\n    >\n      <template v-for=\"action in moreActions\" :key=\"action\">\n        <button\n          v-if=\"action.condition\"\n          class=\"octopus-dropdown-item c-hand\"\n          @mousedown=\"action.actionClick\"\n          @keydown.enter=\"action.actionClick\"\n        >\n          {{ action.title }}\n        </button>\n      </template>\n    </ClassicPopover>\n    <!--\n      CommentMoreActionsAdmin is not defined in the SDK: it is resolved at\n      runtime from the consuming app's globally registered components\n      (app.component()), and renders nothing if the app hasn't registered one\n      under that name.\n    -->\n    <CommentMoreActionsAdmin\n      v-if=\"editRight\"\n      v-model:comment=\"commentForVmodel\"\n      v-model:actions-admin=\"actionsAdmin\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport DotsVerticalIcon from \"vue-material-design-icons/DotsVertical.vue\";\nimport {useSelenium} from \"../../../composable/useSelenium\";\nimport classicApi from \"../../../../api/classicApi\";\nimport { useAuthStore } from \"../../../../stores/AuthStore\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { useCommentStore } from \"../../../../stores/CommentStore\";\nimport { defineAsyncComponent, ref, Ref, computed } from \"vue\";\nimport { CommentsConfig } from \"@/stores/class/config/commentsConfig\";\nimport { useI18n } from \"vue-i18n\";\nconst ClassicPopover = defineAsyncComponent(\n  () => import(\"../../../misc/ClassicPopover.vue\"),\n);\nconst ReportAbuseModal = defineAsyncComponent(\n  () => import(\"../modal/ReportAbuseModal.vue\"),\n);\nconst EditCommentModal = defineAsyncComponent(\n  () => import(\"../modal/EditCommentModal.vue\"),\n);\nconst MessageModal = defineAsyncComponent(\n  () => import(\"../../../misc/modal/MessageModal.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  comment: { default: () => ({}), type: Object as () => CommentPodcast },\n  podcast: { default: undefined, type: Object as () => Podcast },\n  config: { default: undefined, type: Object as () => CommentsConfig },\n  editRight: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"update:comment\", \"deleteComment\"]);\n\n//Data \nconst isEdit = ref(false);\nconst isReportAbuse = ref(false);\nconst actionName: Ref<string | undefined> = ref(undefined);\nconst actionsAdmin: Ref<string | undefined> = ref(undefined);\nconst confirmModal = ref(false);\nconst actionInProgress = ref(false);\nconst isError = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { seleniumFormat } = useSelenium();\nconst authStore = useAuthStore();\nconst commentStore = useCommentStore();\n\n//Computed\nconst commentForVmodel = computed({\n  get(): CommentPodcast {\n    return props.comment;\n  },\n  set(value: CommentPodcast) {\n    emit(\"update:comment\", value);\n  },\n});\nconst isMyComment = computed(() => {\n  const uuid = authStore.authProfile?.userId ?? commentStore.commentUser?.uuidHash;\n  return uuid === props.comment?.poster.uuid;\n});\nconst isAtLeastOneMoreAction = computed(() => {\n  return moreActions.value.some((el) => {\n    return el.condition;\n  });\n});\nconst moreActions = computed(() => {\n  return [\n    {\n      title: t(\"Report abuse\"),\n      actionClick: () => {\n        isReportAbuse.value = true;\n      },\n      condition:\n        commentStore.getCanReportAbuse(\n          props.config,\n          undefined !== authStore.authOrgaId,\n        ) && !isMyComment.value,\n    },\n    {\n      title: t(\"Managing reported abuses\"),\n      actionClick: () => {\n        actionsAdmin.value = \"abuse\";\n      },\n      condition: props.editRight && props.comment.abuse,\n    },\n    {\n      title: t(\"Edit comment\"),\n      actionClick: () => {\n        isEdit.value = true;\n      },\n      condition: props.editRight || isMyComment.value,\n    },\n    {\n      title: t(\"Comment information\"),\n      actionClick: () => {\n        actionsAdmin.value = \"info\";\n      },\n      condition: props.editRight && !props.podcast,\n    },\n    {\n      title: t(\"Validate\"),\n      actionClick: () => {\n        actionName.value = \"validate\";\n        isError.value = false;\n        confirmModal.value = true;\n      },\n      condition:\n        props.editRight &&\n        (\"PENDING\" === props.comment.state ||\n          \"NOT_VALID\" === props.comment.state),\n    },\n    {\n      title: t(\"Invalidate\"),\n      actionClick: () => {\n        actionName.value = \"invalidate\";\n        isError.value = false;\n        confirmModal.value = true;\n      },\n      condition:\n        props.editRight &&\n        (\"PENDING\" === props.comment.state ||\n          \"VALIDATED\" === props.comment.state),\n    },\n    {\n      title: t(\"Delete comment\"),\n      actionClick: () => {\n        actionName.value = \"delete\";\n        isError.value = false;\n        confirmModal.value = true;\n      },\n      condition: props.editRight || isMyComment.value,\n    },\n  ];\n});\nconst validateText = computed(() => {\n  if (isError.value) {\n    return t(\"Close\");\n  }\n  return actionInProgress.value ? undefined : t(\"Yes\");\n});\nconst canceltext = computed(() => isError.value ? undefined : t(\"No\"));\nconst modalMessage = computed(() => {\n  if (actionInProgress.value) {\n    return t(\"Saving\");\n  }\n  if (isError.value) {\n    return t(\"An error occurred\");\n  }\n  const name = { name: props.comment.poster.userName };\n  switch (actionName.value) {\n    case \"delete\":\n      return t(\"Confirm comment deletion text\", name);\n    case \"validate\":\n      return t(\"Confirm comment valid text\", name);\n    case \"invalidate\":\n      return t(\"Confirm comment invalid text\", name);\n    default:\n      return \"\";\n  }\n});\nconst modalTitle = computed(() => {\n  if (\"delete\" === actionName.value) {\n    return t(\"Delete comment\");\n  }\n  return t(\"Update comment\");\n});  \n \n\n//Methods\nasync function actionComment() {\n  if (!props.comment) {\n    return;\n  }\n  actionInProgress.value = true;\n  isError.value = false;\n  try {\n    if (\"delete\" === actionName.value) {\n      await classicApi.deleteData({\n        api: 2,\n        path: \"comment/\" + props.comment.commentId,\n        parameters: props.editRight\n          ? undefined\n          : { uuid: commentStore.commentUser?.uuid },\n        isNotAuth: !props.editRight,\n      });\n      emit(\"deleteComment\");\n    } else {\n      const commentUpdated = await classicApi.putData({\n        api: 2,\n        path: \"comment/\",\n        dataToSend: {\n          commentId: props.comment.commentId,\n          content: props.comment.content,\n          name: props.comment.poster.userName,\n          state: \"validate\" === actionName.value ? \"VALIDATED\" : \"NOT_VALID\",\n        },\n      });\n      emit(\"update:comment\", commentUpdated);\n    }\n    confirmModal.value = false;\n  } catch {\n    isError.value = true;\n  }\n  actionInProgress.value = false;\n}\n</script>\n"],"mappings":"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"}