@saooti/octopus-sdk 42.2.1 → 42.2.2

package/dist/{CommentList-BsPwzqkf.mjs → CommentList-BkKy5ftL.mjs}

@@ -1,6 +1,6 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
 import { t as ClassicLoading_default } from "./ClassicLoading-Crlw7cAx.mjs";
-import { t as classicApi_default } from "./classicApi-CkDHWZG1.mjs";
+import { t as classicApi_default } from "./classicApi-xjOqAovv.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineAsyncComponent, defineComponent, normalizeClass, onMounted, onUnmounted, openBlock, ref, renderList, toDisplayString, useTemplateRef, watch, withCtx, withKeys } from "vue";
 import PlusIcon from "vue-material-design-icons/Plus.vue";
 import { useI18n } from "vue-i18n";
@@ -53,7 +53,7 @@ var CommentList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 	emits: ["update:nbComments", "commentDeleted"],
 	setup(__props, { expose: __expose, emit: __emit }) {
 		__expose();
-		const CommentItem = defineAsyncComponent(() => import("./CommentItem-BefuRoxQ.mjs"));
+		const CommentItem = defineAsyncComponent(() => import("./CommentItem-MFN0JNW1.mjs"));
 		const ClassicPopover = defineAsyncComponent(() => import("./ClassicPopover-BIyLKorz.mjs").then((n) => n.n));
 		const props = __props;
 		const emit = __emit;
@@ -299,4 +299,4 @@ var CommentList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Commen
 //#endregion
 export { CommentList_default as default };
 
-//# sourceMappingURL=CommentList-BsPwzqkf.mjs.map
+//# sourceMappingURL=CommentList-BkKy5ftL.mjs.map

package/dist/CommentList-BkKy5ftL.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentList-BkKy5ftL.mjs","names":[],"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-BrP71Ug4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentList-BrP71Ug4.mjs","names":[],"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-Ng_YXr74.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentList-Ng_YXr74.mjs","names":[],"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-tKA7NFHM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentList-tKA7NFHM.mjs","names":[],"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-yarlxaXg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentList-yarlxaXg.mjs","names":[],"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-C86aqy8M.mjs → CommentMoreActions-CBSvuOGJ.mjs}

@@ -1,7 +1,7 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
-import { i as useAuthStore, t as classicApi_default } from "./classicApi-CkDHWZG1.mjs";
+import { i as useAuthStore, t as classicApi_default } from "./classicApi-xjOqAovv.mjs";
 import { t as useSelenium } from "./useSelenium-DwQtyBRt.mjs";
-import { t as useCommentStore } from "./CommentStore-Dv7j94Uo.mjs";
+import { t as useCommentStore } from "./CommentStore-ClU882RI.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineAsyncComponent, defineComponent, openBlock, ref, renderList, resolveComponent, toDisplayString, withCtx, withKeys } from "vue";
 import { useI18n } from "vue-i18n";
 import DotsVerticalIcon from "vue-material-design-icons/DotsVertical.vue";
@@ -30,8 +30,8 @@ var CommentMoreActions_vue_vue_type_script_setup_true_lang_default = /*@__PURE__
 	setup(__props, { expose: __expose, emit: __emit }) {
 		__expose();
 		const ClassicPopover = defineAsyncComponent(() => import("./ClassicPopover-BIyLKorz.mjs").then((n) => n.n));
-		const ReportAbuseModal = defineAsyncComponent(() => import("./ReportAbuseModal-CYCRaFAY.mjs"));
-		const EditCommentModal = defineAsyncComponent(() => import("./EditCommentModal-aAcjhc0v.mjs"));
+		const ReportAbuseModal = defineAsyncComponent(() => import("./ReportAbuseModal-DZKRbYXJ.mjs"));
+		const EditCommentModal = defineAsyncComponent(() => import("./EditCommentModal-RbVMVDOp.mjs"));
 		const MessageModal = defineAsyncComponent(() => import("./MessageModal-B35dCbWB.mjs").then((n) => n.n));
 		const props = __props;
 		const emit = __emit;
@@ -283,4 +283,4 @@ var CommentMoreActions_default = /*#__PURE__*/ _plugin_vue_export_helper_default
 //#endregion
 export { CommentMoreActions_default as default };
 
-//# sourceMappingURL=CommentMoreActions-C86aqy8M.mjs.map
+//# sourceMappingURL=CommentMoreActions-CBSvuOGJ.mjs.map

package/dist/CommentMoreActions-CBSvuOGJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentMoreActions-CBSvuOGJ.mjs","names":[],"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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"}

package/dist/CommentMoreActions-D7guBdA7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentMoreActions-D7guBdA7.mjs","names":[],"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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"}

package/dist/CommentName-frCHmngc.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentName-frCHmngc.mjs","names":[],"sources":["../src/components/display/comments/CommentName.vue","../src/components/display/comments/CommentName.vue"],"sourcesContent":["<template>\n  <div \n    class=\"d-flex align-items-center mb-2\">\n    <component\n      :is=\"canEditName ? 'button' : 'div'\"\n      v-if=\"!isEditing\"\n      class=\"h6 fw-bold\"\n      :class=\"canEditName ? 'btn btn-transparent p-1' : ''\"\n      @click=\"startEditingName\"\n      >{{ commentStore.commentUser?.name }}</component\n    >\n    <template v-else>\n      <ClassicInputText\n        v-model:text-init=\"temporaryName\"\n        v-model:error-variable=\"errorName\"\n        input-id=\"comment-name-input\"\n        focus\n        :label=\"t('Your name')\"\n        :max-length=\"Constants.MAX_COMMENT_NAME\"\n        autocomplete-type=\"name\"\n        class=\"me-3\"\n      />\n      <button class=\"btn m-1\" @click=\"isEditing = false\">\n        {{ t(\"Cancel\") }}\n      </button>\n      <button\n        class=\"btn btn-primary m-1\"\n        :disabled=\"errorName\"\n        @click=\"validEdit\"\n      >\n        {{ t(\"Yes\") }}\n      </button>\n    </template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicInputText from \"../../form/ClassicInputText.vue\";\nimport Constants from \"../../../../public/config\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { computed, ref } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Data \nconst isEditing = ref(false);\nconst temporaryName = ref(\"\");\nconst errorName = ref(true);\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\nconst authStore = useAuthStore();\n\n\n//Computed\nconst canEditName = computed(() => undefined !== authStore.authProfile);\n\n//Methods\nfunction startEditingName(): void {\n  if (!canEditName.value) {\n    return;\n  }\n  temporaryName.value = commentStore.commentUser?.name ?? \"\";\n  isEditing.value = true;\n}\nfunction validEdit(): void {\n  commentStore.setCommentUser(temporaryName.value);\n  isEditing.value = false;\n}\n</script>\n","<template>\n  <div \n    class=\"d-flex align-items-center mb-2\">\n    <component\n      :is=\"canEditName ? 'button' : 'div'\"\n      v-if=\"!isEditing\"\n      class=\"h6 fw-bold\"\n      :class=\"canEditName ? 'btn btn-transparent p-1' : ''\"\n      @click=\"startEditingName\"\n      >{{ commentStore.commentUser?.name }}</component\n    >\n    <template v-else>\n      <ClassicInputText\n        v-model:text-init=\"temporaryName\"\n        v-model:error-variable=\"errorName\"\n        input-id=\"comment-name-input\"\n        focus\n        :label=\"t('Your name')\"\n        :max-length=\"Constants.MAX_COMMENT_NAME\"\n        autocomplete-type=\"name\"\n        class=\"me-3\"\n      />\n      <button class=\"btn m-1\" @click=\"isEditing = false\">\n        {{ t(\"Cancel\") }}\n      </button>\n      <button\n        class=\"btn btn-primary m-1\"\n        :disabled=\"errorName\"\n        @click=\"validEdit\"\n      >\n        {{ t(\"Yes\") }}\n      </button>\n    </template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicInputText from \"../../form/ClassicInputText.vue\";\nimport Constants from \"../../../../public/config\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { computed, ref } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Data \nconst isEditing = ref(false);\nconst temporaryName = ref(\"\");\nconst errorName = ref(true);\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\nconst authStore = useAuthStore();\n\n\n//Computed\nconst canEditName = computed(() => undefined !== authStore.authProfile);\n\n//Methods\nfunction startEditingName(): void {\n  if (!canEditName.value) {\n    return;\n  }\n  temporaryName.value = commentStore.commentUser?.name ?? \"\";\n  isEditing.value = true;\n}\nfunction validEdit(): void {\n  commentStore.setCommentUser(temporaryName.value);\n  isEditing.value = false;\n}\n</script>\n"],"mappings":";;;;;;;;;;;;EA6CA,MAAM,YAAY,IAAI,KAAK;EAC3B,MAAM,gBAAgB,IAAI,EAAE;EAC5B,MAAM,YAAY,IAAI,IAAI;EAG1B,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,eAAe,gBAAgB;EACrC,MAAM,YAAY,aAAa;EAI/B,MAAM,cAAc,eAAe,KAAA,MAAc,UAAU,WAAW;EAGtE,SAAS,mBAAyB;GAChC,IAAI,CAAC,YAAY,OACf;GAEF,cAAc,QAAQ,aAAa,aAAa,QAAQ;GACxD,UAAU,QAAQ;EACpB;EACA,SAAS,YAAkB;GACzB,aAAa,eAAe,cAAc,KAAK;GAC/C,UAAU,QAAQ;EACpB;;;;;;;;;;;;;;;;;;;;;;;;;mBCnEI,OAAM,iCAAgC;;;qBADxC,mBAgCM,OAhCN,YAgCM,CAAA,CA5BK,OAAA,aAAA,UAAA,GAFT,YAOC,wBANM,OAAA,cAAW,WAAA,KAAA,GAAA;;EAEhB,OAAK,eAAA,CAAC,cACE,OAAA,cAAW,4BAAA,EAAA,CAAA;EAClB,SAAO,OAAA;;yBAC6B,CAAA,gBAAA,gBAAjC,OAAA,aAAa,aAAa,IAAI,GAAA,CAAA,CAAA,CAAA;;mCAEpC,mBAqBW,UAAA,EAAA,KAAA,EAAA,GAAA;EApBT,YASE,OAAA,qBAAA;GARQ,aAAW,OAAA;8DAAA,OAAA,gBAAa;GACxB,kBAAgB,OAAA;mEAAA,OAAA,YAAS;GACjC,YAAS;GACT,OAAA;GACC,OAAO,OAAA,EAAC,WAAA;GACR,cAAY,OAAA,UAAU;GACvB,qBAAkB;GAClB,OAAM;;;;;;;EAER,mBAES,UAAA;GAFD,OAAM;GAAW,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,YAAS;qBACpC,OAAA,EAAC,QAAA,CAAA,GAAA,CAAA;EAEN,mBAMS,UAAA;GALP,OAAM;GACL,UAAU,OAAA;GACV,SAAO,OAAA;qBAEL,OAAA,EAAC,KAAA,CAAA,GAAA,GAAA,UAAA"}

package/dist/{CommentName-DT1QyPi3.mjs → CommentName-zTMSdG4d.mjs}

@@ -1,6 +1,6 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
-import { i as useAuthStore } from "./classicApi-CkDHWZG1.mjs";
-import { t as useCommentStore } from "./CommentStore-Dv7j94Uo.mjs";
+import { i as useAuthStore } from "./classicApi-xjOqAovv.mjs";
+import { t as useCommentStore } from "./CommentStore-ClU882RI.mjs";
 import { t as config_default } from "./config-C73GMJpz.mjs";
 import { t as ClassicInputText_default } from "./ClassicInputText-D2wR2cwa.mjs";
 import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, resolveDynamicComponent, toDisplayString, withCtx } from "vue";
@@ -93,4 +93,4 @@ var CommentName_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Commen
 //#endregion
 export { CommentName_default as default };
 
-//# sourceMappingURL=CommentName-DT1QyPi3.mjs.map
+//# sourceMappingURL=CommentName-zTMSdG4d.mjs.map

package/dist/CommentName-zTMSdG4d.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentName-zTMSdG4d.mjs","names":[],"sources":["../src/components/display/comments/CommentName.vue","../src/components/display/comments/CommentName.vue"],"sourcesContent":["<template>\n  <div \n    class=\"d-flex align-items-center mb-2\">\n    <component\n      :is=\"canEditName ? 'button' : 'div'\"\n      v-if=\"!isEditing\"\n      class=\"h6 fw-bold\"\n      :class=\"canEditName ? 'btn btn-transparent p-1' : ''\"\n      @click=\"startEditingName\"\n      >{{ commentStore.commentUser?.name }}</component\n    >\n    <template v-else>\n      <ClassicInputText\n        v-model:text-init=\"temporaryName\"\n        v-model:error-variable=\"errorName\"\n        input-id=\"comment-name-input\"\n        focus\n        :label=\"t('Your name')\"\n        :max-length=\"Constants.MAX_COMMENT_NAME\"\n        autocomplete-type=\"name\"\n        class=\"me-3\"\n      />\n      <button class=\"btn m-1\" @click=\"isEditing = false\">\n        {{ t(\"Cancel\") }}\n      </button>\n      <button\n        class=\"btn btn-primary m-1\"\n        :disabled=\"errorName\"\n        @click=\"validEdit\"\n      >\n        {{ t(\"Yes\") }}\n      </button>\n    </template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicInputText from \"../../form/ClassicInputText.vue\";\nimport Constants from \"../../../../public/config\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { computed, ref } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Data \nconst isEditing = ref(false);\nconst temporaryName = ref(\"\");\nconst errorName = ref(true);\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\nconst authStore = useAuthStore();\n\n\n//Computed\nconst canEditName = computed(() => undefined !== authStore.authProfile);\n\n//Methods\nfunction startEditingName(): void {\n  if (!canEditName.value) {\n    return;\n  }\n  temporaryName.value = commentStore.commentUser?.name ?? \"\";\n  isEditing.value = true;\n}\nfunction validEdit(): void {\n  commentStore.setCommentUser(temporaryName.value);\n  isEditing.value = false;\n}\n</script>\n","<template>\n  <div \n    class=\"d-flex align-items-center mb-2\">\n    <component\n      :is=\"canEditName ? 'button' : 'div'\"\n      v-if=\"!isEditing\"\n      class=\"h6 fw-bold\"\n      :class=\"canEditName ? 'btn btn-transparent p-1' : ''\"\n      @click=\"startEditingName\"\n      >{{ commentStore.commentUser?.name }}</component\n    >\n    <template v-else>\n      <ClassicInputText\n        v-model:text-init=\"temporaryName\"\n        v-model:error-variable=\"errorName\"\n        input-id=\"comment-name-input\"\n        focus\n        :label=\"t('Your name')\"\n        :max-length=\"Constants.MAX_COMMENT_NAME\"\n        autocomplete-type=\"name\"\n        class=\"me-3\"\n      />\n      <button class=\"btn m-1\" @click=\"isEditing = false\">\n        {{ t(\"Cancel\") }}\n      </button>\n      <button\n        class=\"btn btn-primary m-1\"\n        :disabled=\"errorName\"\n        @click=\"validEdit\"\n      >\n        {{ t(\"Yes\") }}\n      </button>\n    </template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicInputText from \"../../form/ClassicInputText.vue\";\nimport Constants from \"../../../../public/config\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { computed, ref } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Data \nconst isEditing = ref(false);\nconst temporaryName = ref(\"\");\nconst errorName = ref(true);\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\nconst authStore = useAuthStore();\n\n\n//Computed\nconst canEditName = computed(() => undefined !== authStore.authProfile);\n\n//Methods\nfunction startEditingName(): void {\n  if (!canEditName.value) {\n    return;\n  }\n  temporaryName.value = commentStore.commentUser?.name ?? \"\";\n  isEditing.value = true;\n}\nfunction validEdit(): void {\n  commentStore.setCommentUser(temporaryName.value);\n  isEditing.value = false;\n}\n</script>\n"],"mappings":";;;;;;;;;;;;EA6CA,MAAM,YAAY,IAAI,KAAK;EAC3B,MAAM,gBAAgB,IAAI,EAAE;EAC5B,MAAM,YAAY,IAAI,IAAI;EAG1B,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,eAAe,gBAAgB;EACrC,MAAM,YAAY,aAAa;EAI/B,MAAM,cAAc,eAAe,KAAA,MAAc,UAAU,WAAW;EAGtE,SAAS,mBAAyB;GAChC,IAAI,CAAC,YAAY,OACf;GAEF,cAAc,QAAQ,aAAa,aAAa,QAAQ;GACxD,UAAU,QAAQ;EACpB;EACA,SAAS,YAAkB;GACzB,aAAa,eAAe,cAAc,KAAK;GAC/C,UAAU,QAAQ;EACpB;;;;;;;;;;;;;;;;;;;;;;;;;mBCnEI,OAAM,iCAAgC;;;qBADxC,mBAgCM,OAhCN,YAgCM,CAAA,CA5BK,OAAA,aAAA,UAAA,GAFT,YAOC,wBANM,OAAA,cAAW,WAAA,KAAA,GAAA;;EAEhB,OAAK,eAAA,CAAC,cACE,OAAA,cAAW,4BAAA,EAAA,CAAA;EAClB,SAAO,OAAA;;yBAC6B,CAAA,gBAAA,gBAAjC,OAAA,aAAa,aAAa,IAAI,GAAA,CAAA,CAAA,CAAA;;mCAEpC,mBAqBW,UAAA,EAAA,KAAA,EAAA,GAAA;EApBT,YASE,OAAA,qBAAA;GARQ,aAAW,OAAA;8DAAA,OAAA,gBAAa;GACxB,kBAAgB,OAAA;mEAAA,OAAA,YAAS;GACjC,YAAS;GACT,OAAA;GACC,OAAO,OAAA,EAAC,WAAA;GACR,cAAY,OAAA,UAAU;GACvB,qBAAkB;GAClB,OAAM;;;;;;;EAER,mBAES,UAAA;GAFD,OAAM;GAAW,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,YAAS;qBACpC,OAAA,EAAC,QAAA,CAAA,GAAA,CAAA;EAEN,mBAMS,UAAA;GALP,OAAM;GACL,UAAU,OAAA;GACV,SAAO,OAAA;qBAEL,OAAA,EAAC,KAAA,CAAA,GAAA,GAAA,UAAA"}

package/dist/{CommentParentInfo-9Fe-3e6c.mjs → CommentParentInfo-CRTYPb8P.mjs}

@@ -1,6 +1,6 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
 import { t as ClassicLoading_default } from "./ClassicLoading-Crlw7cAx.mjs";
-import { t as classicApi_default } from "./classicApi-CkDHWZG1.mjs";
+import { t as classicApi_default } from "./classicApi-xjOqAovv.mjs";
 import { t as CommentBasicView_default } from "./CommentBasicView-BIiF59xV.mjs";
 import { createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, onBeforeMount, openBlock, ref } from "vue";
 import { useI18n } from "vue-i18n";
@@ -61,4 +61,4 @@ var CommentParentInfo_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 //#endregion
 export { CommentParentInfo_default as default };
 
-//# sourceMappingURL=CommentParentInfo-9Fe-3e6c.mjs.map
+//# sourceMappingURL=CommentParentInfo-CRTYPb8P.mjs.map

package/dist/CommentParentInfo-CRTYPb8P.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentParentInfo-CRTYPb8P.mjs","names":[],"sources":["../src/components/display/comments/CommentParentInfo.vue","../src/components/display/comments/CommentParentInfo.vue"],"sourcesContent":["<template>\n  <div class=\"mt-2\">\n    <ClassicLoading\n      :loading-text=\"loading ? t('Loading content ...') : undefined\"\n    />\n    <CommentBasicView\n      v-if=\"!loading && comment\"\n      :comment=\"comment\"\n      :edit-right=\"editRight\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport CommentBasicView from \"./item/CommentBasicView.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { onBeforeMount, Ref, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  commentId: { default: undefined, type: Number },\n  editRight: { default: false, type: Boolean },\n})\n\n//Data \nconst loading = ref(true);\nconst comment: Ref<CommentPodcast | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\n  \n\nonBeforeMount(()=>fetchComment())\n\n//Methods\nasync function fetchComment(): Promise<void> {\n  if (props.commentId) {\n    comment.value = await classicApi.fetchData<CommentPodcast>({\n      api: 2,\n      path: `comment/${props.commentId}`,\n    });\n  }\n  loading.value = false;\n}\n</script>\n","<template>\n  <div class=\"mt-2\">\n    <ClassicLoading\n      :loading-text=\"loading ? t('Loading content ...') : undefined\"\n    />\n    <CommentBasicView\n      v-if=\"!loading && comment\"\n      :comment=\"comment\"\n      :edit-right=\"editRight\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport CommentBasicView from \"./item/CommentBasicView.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { onBeforeMount, Ref, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  commentId: { default: undefined, type: Number },\n  editRight: { default: false, type: Boolean },\n})\n\n//Data \nconst loading = ref(true);\nconst comment: Ref<CommentPodcast | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\n  \n\nonBeforeMount(()=>fetchComment())\n\n//Methods\nasync function fetchComment(): Promise<void> {\n  if (props.commentId) {\n    comment.value = await classicApi.fetchData<CommentPodcast>({\n      api: 2,\n      path: `comment/${props.commentId}`,\n    });\n  }\n  loading.value = false;\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAsBA,MAAM,QAAQ;EAMd,MAAM,UAAU,IAAI,IAAI;EACxB,MAAM,UAA2C,IAAI,KAAA,CAAS;EAG9D,MAAM,EAAE,MAAM,QAAQ;EAGtB,oBAAkB,aAAa,CAAC;EAGhC,eAAe,eAA8B;GAC3C,IAAI,MAAM,WACR,QAAQ,QAAQ,MAAM,mBAAW,UAA0B;IACzD,KAAK;IACL,MAAM,WAAW,MAAM;GACzB,CAAC;GAEH,QAAQ,QAAQ;EAClB;;;;;;;;;;;;;;;;;;;mBC7CO,OAAM,OAAM;;qBAAjB,mBASM,OATN,YASM,CARJ,YAEE,OAAA,mBAAA,EADC,gBAAc,OAAA,UAAU,OAAA,EAAC,qBAAA,IAA0B,KAAA,EAAA,GAAA,MAAA,GAAA,CAAA,cAAA,CAAA,GAAA,CAG7C,OAAA,WAAW,OAAA,WAAA,UAAA,GADpB,YAIE,OAAA,qBAAA;;EAFC,SAAS,OAAA;EACT,cAAY,OAAA"}

package/dist/CommentParentInfo-D8qquB6k.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentParentInfo-D8qquB6k.mjs","names":[],"sources":["../src/components/display/comments/CommentParentInfo.vue","../src/components/display/comments/CommentParentInfo.vue"],"sourcesContent":["<template>\n  <div class=\"mt-2\">\n    <ClassicLoading\n      :loading-text=\"loading ? t('Loading content ...') : undefined\"\n    />\n    <CommentBasicView\n      v-if=\"!loading && comment\"\n      :comment=\"comment\"\n      :edit-right=\"editRight\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport CommentBasicView from \"./item/CommentBasicView.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { onBeforeMount, Ref, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  commentId: { default: undefined, type: Number },\n  editRight: { default: false, type: Boolean },\n})\n\n//Data \nconst loading = ref(true);\nconst comment: Ref<CommentPodcast | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\n  \n\nonBeforeMount(()=>fetchComment())\n\n//Methods\nasync function fetchComment(): Promise<void> {\n  if (props.commentId) {\n    comment.value = await classicApi.fetchData<CommentPodcast>({\n      api: 2,\n      path: `comment/${props.commentId}`,\n    });\n  }\n  loading.value = false;\n}\n</script>\n","<template>\n  <div class=\"mt-2\">\n    <ClassicLoading\n      :loading-text=\"loading ? t('Loading content ...') : undefined\"\n    />\n    <CommentBasicView\n      v-if=\"!loading && comment\"\n      :comment=\"comment\"\n      :edit-right=\"editRight\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport CommentBasicView from \"./item/CommentBasicView.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { onBeforeMount, Ref, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  commentId: { default: undefined, type: Number },\n  editRight: { default: false, type: Boolean },\n})\n\n//Data \nconst loading = ref(true);\nconst comment: Ref<CommentPodcast | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\n  \n\nonBeforeMount(()=>fetchComment())\n\n//Methods\nasync function fetchComment(): Promise<void> {\n  if (props.commentId) {\n    comment.value = await classicApi.fetchData<CommentPodcast>({\n      api: 2,\n      path: `comment/${props.commentId}`,\n    });\n  }\n  loading.value = false;\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAsBA,MAAM,QAAQ;EAMd,MAAM,UAAU,IAAI,IAAI;EACxB,MAAM,UAA2C,IAAI,KAAA,CAAS;EAG9D,MAAM,EAAE,MAAM,QAAQ;EAGtB,oBAAkB,aAAa,CAAC;EAGhC,eAAe,eAA8B;GAC3C,IAAI,MAAM,WACR,QAAQ,QAAQ,MAAM,mBAAW,UAA0B;IACzD,KAAK;IACL,MAAM,WAAW,MAAM;GACzB,CAAC;GAEH,QAAQ,QAAQ;EAClB;;;;;;;;;;;;;;;;;;;mBC7CO,OAAM,OAAM;;qBAAjB,mBASM,OATN,YASM,CARJ,YAEE,OAAA,mBAAA,EADC,gBAAc,OAAA,UAAU,OAAA,EAAC,qBAAA,IAA0B,KAAA,EAAA,GAAA,MAAA,GAAA,CAAA,cAAA,CAAA,GAAA,CAG7C,OAAA,WAAW,OAAA,WAAA,UAAA,GADpB,YAIE,OAAA,qBAAA;;EAFC,SAAS,OAAA;EACT,cAAY,OAAA"}

package/dist/CommentParentInfo-DC4Q6wNO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentParentInfo-DC4Q6wNO.mjs","names":[],"sources":["../src/components/display/comments/CommentParentInfo.vue","../src/components/display/comments/CommentParentInfo.vue"],"sourcesContent":["<template>\n  <div class=\"mt-2\">\n    <ClassicLoading\n      :loading-text=\"loading ? t('Loading content ...') : undefined\"\n    />\n    <CommentBasicView\n      v-if=\"!loading && comment\"\n      :comment=\"comment\"\n      :edit-right=\"editRight\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport CommentBasicView from \"./item/CommentBasicView.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { onBeforeMount, Ref, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  commentId: { default: undefined, type: Number },\n  editRight: { default: false, type: Boolean },\n})\n\n//Data \nconst loading = ref(true);\nconst comment: Ref<CommentPodcast | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\n  \n\nonBeforeMount(()=>fetchComment())\n\n//Methods\nasync function fetchComment(): Promise<void> {\n  if (props.commentId) {\n    comment.value = await classicApi.fetchData<CommentPodcast>({\n      api: 2,\n      path: `comment/${props.commentId}`,\n    });\n  }\n  loading.value = false;\n}\n</script>\n","<template>\n  <div class=\"mt-2\">\n    <ClassicLoading\n      :loading-text=\"loading ? t('Loading content ...') : undefined\"\n    />\n    <CommentBasicView\n      v-if=\"!loading && comment\"\n      :comment=\"comment\"\n      :edit-right=\"editRight\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport CommentBasicView from \"./item/CommentBasicView.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { onBeforeMount, Ref, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  commentId: { default: undefined, type: Number },\n  editRight: { default: false, type: Boolean },\n})\n\n//Data \nconst loading = ref(true);\nconst comment: Ref<CommentPodcast | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\n  \n\nonBeforeMount(()=>fetchComment())\n\n//Methods\nasync function fetchComment(): Promise<void> {\n  if (props.commentId) {\n    comment.value = await classicApi.fetchData<CommentPodcast>({\n      api: 2,\n      path: `comment/${props.commentId}`,\n    });\n  }\n  loading.value = false;\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAsBA,MAAM,QAAQ;EAMd,MAAM,UAAU,IAAI,IAAI;EACxB,MAAM,UAA2C,IAAI,KAAA,CAAS;EAG9D,MAAM,EAAE,MAAM,QAAQ;EAGtB,oBAAkB,aAAa,CAAC;EAGhC,eAAe,eAA8B;GAC3C,IAAI,MAAM,WACR,QAAQ,QAAQ,MAAM,mBAAW,UAA0B;IACzD,KAAK;IACL,MAAM,WAAW,MAAM;GACzB,CAAC;GAEH,QAAQ,QAAQ;EAClB;;;;;;;;;;;;;;;;;;;mBC7CO,OAAM,OAAM;;qBAAjB,mBASM,OATN,YASM,CARJ,YAEE,OAAA,mBAAA,EADC,gBAAc,OAAA,UAAU,OAAA,EAAC,qBAAA,IAA0B,KAAA,EAAA,GAAA,MAAA,GAAA,CAAA,cAAA,CAAA,GAAA,CAG7C,OAAA,WAAW,OAAA,WAAA,UAAA,GADpB,YAIE,OAAA,qBAAA;;EAFC,SAAS,OAAA;EACT,cAAY,OAAA"}

package/dist/CommentParentInfo-temUvqNv.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentParentInfo-temUvqNv.mjs","names":[],"sources":["../src/components/display/comments/CommentParentInfo.vue","../src/components/display/comments/CommentParentInfo.vue"],"sourcesContent":["<template>\n  <div class=\"mt-2\">\n    <ClassicLoading\n      :loading-text=\"loading ? t('Loading content ...') : undefined\"\n    />\n    <CommentBasicView\n      v-if=\"!loading && comment\"\n      :comment=\"comment\"\n      :edit-right=\"editRight\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport CommentBasicView from \"./item/CommentBasicView.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { onBeforeMount, Ref, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  commentId: { default: undefined, type: Number },\n  editRight: { default: false, type: Boolean },\n})\n\n//Data \nconst loading = ref(true);\nconst comment: Ref<CommentPodcast | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\n  \n\nonBeforeMount(()=>fetchComment())\n\n//Methods\nasync function fetchComment(): Promise<void> {\n  if (props.commentId) {\n    comment.value = await classicApi.fetchData<CommentPodcast>({\n      api: 2,\n      path: `comment/${props.commentId}`,\n    });\n  }\n  loading.value = false;\n}\n</script>\n","<template>\n  <div class=\"mt-2\">\n    <ClassicLoading\n      :loading-text=\"loading ? t('Loading content ...') : undefined\"\n    />\n    <CommentBasicView\n      v-if=\"!loading && comment\"\n      :comment=\"comment\"\n      :edit-right=\"editRight\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport CommentBasicView from \"./item/CommentBasicView.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { onBeforeMount, Ref, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  commentId: { default: undefined, type: Number },\n  editRight: { default: false, type: Boolean },\n})\n\n//Data \nconst loading = ref(true);\nconst comment: Ref<CommentPodcast | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\n  \n\nonBeforeMount(()=>fetchComment())\n\n//Methods\nasync function fetchComment(): Promise<void> {\n  if (props.commentId) {\n    comment.value = await classicApi.fetchData<CommentPodcast>({\n      api: 2,\n      path: `comment/${props.commentId}`,\n    });\n  }\n  loading.value = false;\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAsBA,MAAM,QAAQ;EAMd,MAAM,UAAU,IAAI,IAAI;EACxB,MAAM,UAA2C,IAAI,KAAA,CAAS;EAG9D,MAAM,EAAE,MAAM,QAAQ;EAGtB,oBAAkB,aAAa,CAAC;EAGhC,eAAe,eAA8B;GAC3C,IAAI,MAAM,WACR,QAAQ,QAAQ,MAAM,mBAAW,UAA0B;IACzD,KAAK;IACL,MAAM,WAAW,MAAM;GACzB,CAAC;GAEH,QAAQ,QAAQ;EAClB;;;;;;;;;;;;;;;;;;;mBC7CO,OAAM,OAAM;;qBAAjB,mBASM,OATN,YASM,CARJ,YAEE,OAAA,mBAAA,EADC,gBAAc,OAAA,UAAU,OAAA,EAAC,qBAAA,IAA0B,KAAA,EAAA,GAAA,MAAA,GAAA,CAAA,cAAA,CAAA,GAAA,CAG7C,OAAA,WAAW,OAAA,WAAA,UAAA,GADpB,YAIE,OAAA,qBAAA;;EAFC,SAAS,OAAA;EACT,cAAY,OAAA"}

package/dist/{CommentPlayer-CiWQM64Y.mjs → CommentPlayer-BMuLmZdI.mjs}

@@ -1,7 +1,7 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
-import { n as usePlayerStore } from "./PlayerStore-DukkcHI_.mjs";
+import { n as usePlayerStore } from "./PlayerStore-vYmnOEA_.mjs";
 import { t as useSelenium } from "./useSelenium-DwQtyBRt.mjs";
-import { t as useCommentStore } from "./CommentStore-Dv7j94Uo.mjs";
+import { t as useCommentStore } from "./CommentStore-ClU882RI.mjs";
 import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeStyle, openBlock, ref, renderList, toDisplayString, watch } from "vue";
 //#region src/components/display/comments/CommentPlayer.vue?vue&type=script&setup=true&lang.ts
 var CommentPlayer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
@@ -83,4 +83,4 @@ var CommentPlayer_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Comm
 //#endregion
 export { CommentPlayer_default as default };
 
-//# sourceMappingURL=CommentPlayer-CiWQM64Y.mjs.map
+//# sourceMappingURL=CommentPlayer-BMuLmZdI.mjs.map