@saooti/octopus-sdk 42.3.0 → 42.3.1

package/dist/CommentMoreActions-C1l4Y_HY.mjs.map

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

package/dist/CommentMoreActions-DPbJnEEV.mjs.map

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

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

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

package/dist/{CommentName-DslRo9jg.mjs → CommentName-CHBlEM7I.mjs}

@@ -1,7 +1,7 @@
-import { i as e } from "./classicApi-pmODlqv5.mjs";
-import { t } from "./CommentStore-hPTYaDGr.mjs";
+import { i as e } from "./classicApi-CGipMqf7.mjs";
+import { t } from "./CommentStore-CysGkBHp.mjs";
 import { t as n } from "./config-DMjLBcZ2.mjs";
-import { t as r } from "./ClassicInputText-DJ5kURGM.mjs";
+import { t as r } from "./ClassicInputText-YsntJkHk.mjs";
 import { Fragment as i, computed as a, createBlock as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, openBlock as p, ref as m, resolveDynamicComponent as h, toDisplayString as g, unref as _, withCtx as v } from "vue";
 import { useI18n as y } from "vue-i18n";
 //#region src/components/display/comments/CommentName.vue?vue&type=script&setup=true&lang.ts

package/dist/CommentName-D5HN8bGE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentName-D5HN8bGE.mjs","names":["Constants","_openBlock","_createElementBlock","_createBlock","_resolveDynamicComponent","_normalizeClass","_withCtx","_createTextVNode","_toDisplayString","_Fragment","_createVNode","_createElementVNode","_sfc_main"],"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;;;;;;;;;;;;;;;;;;;;;;;;;ACnEI,IAAA,aAAA,EAAA,OAAM,iCAAgC;;;CADxC,OAAAC,UAAA,GAAAC,mBAgCM,OAhCN,YAgCM,CA5BK,CAAA,OAAA,aAFTD,UAAA,GAAAE,YAOCC,wBANM,OAAA,cAAW,WAAA,KAAA,GAAA;;EAEhB,OAAKC,eAAA,CAAC,cACE,OAAA,cAAW,4BAAA,EAAA,CAAA;EAClB,SAAO,OAAA;;EACP,SAAAC,cAAoC,CAAjCC,gBAAAC,gBAAA,OAAA,aAAa,aAAa,IAAI,GAAA,CAAA,CAAA,CAAA;;CAEpC,GAAA,GAAA,CAAA,OAAA,CAAA,MAAAP,UAAA,GAAAC,mBAqBWO,UAAA,EAAA,KAAA,EAAA,GAAA;EApBTC,YASE,OAAA,qBAAA;GARQ,aAAW,OAAA;GAAA,qBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,OAAA,gBAAa;GACxB,kBAAgB,OAAA;GAAA,0BAAA,OAAA,OAAA,OAAA,MAAA,WAAA,OAAA,YAAS;GACjC,YAAS;GACT,OAAA;GACC,OAAO,OAAA,EAAC,WAAA;GACR,cAAY,OAAA,UAAU;GACvB,qBAAkB;GAClB,OAAM;;;;;;;EAERC,mBAES,UAAA;GAFD,OAAM;GAAW,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,YAAS;EACpC,GAAAH,gBAAA,OAAA,EAAC,QAAA,CAAA,GAAA,CAAA;EAENG,mBAMS,UAAA;GALP,OAAM;GACL,UAAU,OAAA;GACV,SAAO,OAAA;EAEL,GAAAH,gBAAA,OAAA,EAAC,KAAA,CAAA,GAAA,GAAA,UAAA"}

package/dist/CommentName-DMom_kwo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentName-DMom_kwo.mjs","names":["Constants","_openBlock","_createElementBlock","_createBlock","_resolveDynamicComponent","_normalizeClass","_withCtx","_createTextVNode","_toDisplayString","_Fragment","_createVNode","_createElementVNode","_sfc_main"],"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;;;;;;;;;;;;;;;;;;;;;;;;;ACnEI,IAAA,aAAA,EAAA,OAAM,iCAAgC;;;CADxC,OAAAC,UAAA,GAAAC,mBAgCM,OAhCN,YAgCM,CA5BK,CAAA,OAAA,aAFTD,UAAA,GAAAE,YAOCC,wBANM,OAAA,cAAW,WAAA,KAAA,GAAA;;EAEhB,OAAKC,eAAA,CAAC,cACE,OAAA,cAAW,4BAAA,EAAA,CAAA;EAClB,SAAO,OAAA;;EACP,SAAAC,cAAoC,CAAjCC,gBAAAC,gBAAA,OAAA,aAAa,aAAa,IAAI,GAAA,CAAA,CAAA,CAAA;;CAEpC,GAAA,GAAA,CAAA,OAAA,CAAA,MAAAP,UAAA,GAAAC,mBAqBWO,UAAA,EAAA,KAAA,EAAA,GAAA;EApBTC,YASE,OAAA,qBAAA;GARQ,aAAW,OAAA;GAAA,qBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,OAAA,gBAAa;GACxB,kBAAgB,OAAA;GAAA,0BAAA,OAAA,OAAA,OAAA,MAAA,WAAA,OAAA,YAAS;GACjC,YAAS;GACT,OAAA;GACC,OAAO,OAAA,EAAC,WAAA;GACR,cAAY,OAAA,UAAU;GACvB,qBAAkB;GAClB,OAAM;;;;;;;EAERC,mBAES,UAAA;GAFD,OAAM;GAAW,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,YAAS;EACpC,GAAAH,gBAAA,OAAA,EAAC,QAAA,CAAA,GAAA,CAAA;EAENG,mBAMS,UAAA;GALP,OAAM;GACL,UAAU,OAAA;GACV,SAAO,OAAA;EAEL,GAAAH,gBAAA,OAAA,EAAC,KAAA,CAAA,GAAA,GAAA,UAAA"}

package/dist/CommentName-OJrxjSxu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentName-OJrxjSxu.mjs","names":["Constants","_openBlock","_createElementBlock","_createBlock","_resolveDynamicComponent","_normalizeClass","_withCtx","_createTextVNode","_toDisplayString","_Fragment","_createVNode","_createElementVNode","_sfc_main"],"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;;;;;;;;;;;;;;;;;;;;;;;;;ACnEI,IAAA,aAAA,EAAA,OAAM,iCAAgC;;;CADxC,OAAAC,UAAA,GAAAC,mBAgCM,OAhCN,YAgCM,CA5BK,CAAA,OAAA,aAFTD,UAAA,GAAAE,YAOCC,wBANM,OAAA,cAAW,WAAA,KAAA,GAAA;;EAEhB,OAAKC,eAAA,CAAC,cACE,OAAA,cAAW,4BAAA,EAAA,CAAA;EAClB,SAAO,OAAA;;EACP,SAAAC,cAAoC,CAAjCC,gBAAAC,gBAAA,OAAA,aAAa,aAAa,IAAI,GAAA,CAAA,CAAA,CAAA;;CAEpC,GAAA,GAAA,CAAA,OAAA,CAAA,MAAAP,UAAA,GAAAC,mBAqBWO,UAAA,EAAA,KAAA,EAAA,GAAA;EApBTC,YASE,OAAA,qBAAA;GARQ,aAAW,OAAA;GAAA,qBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,OAAA,gBAAa;GACxB,kBAAgB,OAAA;GAAA,0BAAA,OAAA,OAAA,OAAA,MAAA,WAAA,OAAA,YAAS;GACjC,YAAS;GACT,OAAA;GACC,OAAO,OAAA,EAAC,WAAA;GACR,cAAY,OAAA,UAAU;GACvB,qBAAkB;GAClB,OAAM;;;;;;;EAERC,mBAES,UAAA;GAFD,OAAM;GAAW,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,YAAS;EACpC,GAAAH,gBAAA,OAAA,EAAC,QAAA,CAAA,GAAA,CAAA;EAENG,mBAMS,UAAA;GALP,OAAM;GACL,UAAU,OAAA;GACV,SAAO,OAAA;EAEL,GAAAH,gBAAA,OAAA,EAAC,KAAA,CAAA,GAAA,GAAA,UAAA"}

package/dist/CommentParentInfo-DWVF5Ewh.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentParentInfo-DWVF5Ewh.mjs","names":["classicApi","_openBlock","_createElementBlock","_createVNode","_createBlock","_createCommentVNode","_sfc_main"],"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,MAAMA,mBAAW,UAA0B;IACzD,KAAK;IACL,MAAM,WAAW,MAAM;GACzB,CAAC;GAEH,QAAQ,QAAQ;EAClB;;;;;;;;;;;;;;;;;;;AC7CO,IAAA,aAAA,EAAA,OAAM,OAAM;;CAAjB,OAAAC,UAAA,GAAAC,mBASM,OATN,YASM,CARJC,YAEE,OAAA,mBAAA,EADC,gBAAc,OAAA,UAAU,OAAA,EAAC,qBAAA,IAA0B,KAAA,EAAA,GAAA,MAAA,GAAA,CAAA,cAAA,CAAA,GAG7C,CAAA,OAAA,WAAW,OAAA,WADpBF,UAAA,GAAAG,YAIE,OAAA,qBAAA;;EAFC,SAAS,OAAA;EACT,cAAY,OAAA"}

package/dist/CommentParentInfo-Do3IlO95.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentParentInfo-Do3IlO95.mjs","names":["classicApi","_openBlock","_createElementBlock","_createVNode","_createBlock","_createCommentVNode","_sfc_main"],"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,MAAMA,mBAAW,UAA0B;IACzD,KAAK;IACL,MAAM,WAAW,MAAM;GACzB,CAAC;GAEH,QAAQ,QAAQ;EAClB;;;;;;;;;;;;;;;;;;;AC7CO,IAAA,aAAA,EAAA,OAAM,OAAM;;CAAjB,OAAAC,UAAA,GAAAC,mBASM,OATN,YASM,CARJC,YAEE,OAAA,mBAAA,EADC,gBAAc,OAAA,UAAU,OAAA,EAAC,qBAAA,IAA0B,KAAA,EAAA,GAAA,MAAA,GAAA,CAAA,cAAA,CAAA,GAG7C,CAAA,OAAA,WAAW,OAAA,WADpBF,UAAA,GAAAG,YAIE,OAAA,qBAAA;;EAFC,SAAS,OAAA;EACT,cAAY,OAAA"}

package/dist/{CommentParentInfo-DMX3nkCb.mjs → CommentParentInfo-DoEeaQGU.mjs}

@@ -1,6 +1,6 @@
 import { t as e } from "./ClassicLoading-CXfMjpyl.mjs";
-import { t } from "./classicApi-pmODlqv5.mjs";
-import { n } from "./CommentItem-CqWZPmbj.mjs";
+import { t } from "./classicApi-CGipMqf7.mjs";
+import { n } from "./CommentItem-BYU67TIu.mjs";
 import { createBlock as r, createCommentVNode as i, createElementBlock as a, createVNode as o, defineComponent as s, onBeforeMount as c, openBlock as l, ref as u, unref as d } from "vue";
 import { useI18n as f } from "vue-i18n";
 //#region src/components/display/comments/CommentParentInfo.vue?vue&type=script&setup=true&lang.ts

package/dist/CommentParentInfo-DqHfDpKs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentParentInfo-DqHfDpKs.mjs","names":["classicApi","_openBlock","_createElementBlock","_createVNode","_createBlock","_createCommentVNode","_sfc_main"],"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,MAAMA,mBAAW,UAA0B;IACzD,KAAK;IACL,MAAM,WAAW,MAAM;GACzB,CAAC;GAEH,QAAQ,QAAQ;EAClB;;;;;;;;;;;;;;;;;;;AC7CO,IAAA,aAAA,EAAA,OAAM,OAAM;;CAAjB,OAAAC,UAAA,GAAAC,mBASM,OATN,YASM,CARJC,YAEE,OAAA,mBAAA,EADC,gBAAc,OAAA,UAAU,OAAA,EAAC,qBAAA,IAA0B,KAAA,EAAA,GAAA,MAAA,GAAA,CAAA,cAAA,CAAA,GAG7C,CAAA,OAAA,WAAW,OAAA,WADpBF,UAAA,GAAAG,YAIE,OAAA,qBAAA;;EAFC,SAAS,OAAA;EACT,cAAY,OAAA"}

package/dist/{CommentPlayer-D3JEVPKX.mjs → CommentPlayer-B4MXG-gG.mjs}

@@ -1,6 +1,6 @@
-import { n as e } from "./PlayerStore-CKprkxa0.mjs";
+import { n as e } from "./PlayerStore-DggKki80.mjs";
 import { t } from "./useSelenium-DAM6EF3J.mjs";
-import { t as n } from "./CommentStore-hPTYaDGr.mjs";
+import { t as n } from "./CommentStore-CysGkBHp.mjs";
 import { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, normalizeStyle as l, openBlock as u, ref as d, renderList as f, toDisplayString as p, unref as m, watch as h } from "vue";
 //#region src/components/display/comments/CommentPlayer.vue?vue&type=script&setup=true&lang.ts
 var g = {

package/dist/CommentPlayer-B67saxPf.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentPlayer-B67saxPf.mjs","names":["_openBlock","_createElementBlock","_Fragment","_renderList","_createElementVNode","_normalizeStyle","_toDisplayString","_createCommentVNode","_sfc_main"],"sources":["../src/components/display/comments/CommentPlayer.vue","../src/components/display/comments/CommentPlayer.vue"],"sourcesContent":["<template>\n  <div v-if=\"commentsToDisplay.length\" class=\"comment-player-container\">\n    <div\n      v-for=\"c in commentsToDisplay\"\n      :key=\"c.commentId\"\n      class=\"c-hand\"\n      @mouseenter=\"displayContent = c\"\n      @mouseleave=\"displayContent = undefined\"\n      @click=\"displayContent = c\"\n    >\n      <div\n        :style=\"'margin-left: ' + percentPosition(c.timeline ?? 0) + '%'\"\n        class=\"comment-border\"\n      />\n      <div\n        :style=\"\n          'margin-left: calc(' + percentPosition(c.timeline ?? 0) + '% - 7px)'\n        \"\n        class=\"status-comment\"\n        :data-selenium=\"'comment-' + seleniumFormat(c.poster.userName)\"\n      />\n    </div>\n    <div v-if=\"displayContent\" class=\"d-flex align-itemx-center mt-4\">\n      <div class=\"text-primary flex-shrink-0\">\n        {{ displayContent.poster.userName }}\n      </div>\n      <div class=\"ms-1 me-1\">-</div>\n      <div class=\"text-truncate\">\n        {{ displayContent.content }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport {useSelenium} from \"../../composable/useSelenium\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { computed, Ref, ref, watch } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\n\n//Data \nconst displayContent: Ref<CommentPodcast | undefined> = ref(undefined);\nconst commentsToDisplay: Ref<Array<CommentPodcast>> = ref([]);\n\n//Composables\nconst { seleniumFormat } = useSelenium();\nconst playerStore = usePlayerStore();\nconst commentStore = useCommentStore();\n\n//Computed\nconst podcastId = computed(() => playerStore.playerPodcast?.podcastId);\n\n\n//Watch\nwatch(podcastId, () => {initComments()}, {immediate: true});\n\n\n//Methods\nasync function initComments() {\n  if (playerStore.playerPodcast?.podcastId) {\n    commentsToDisplay.value = await commentStore.fetchCommentsForPlayer(\n      playerStore.playerPodcast.podcastId,\n    );\n  }\n}\nfunction percentPosition(time: number): number {\n  let realDuration = playerStore.playerTotal;\n  if (playerStore.playerPodcast?.duration) {\n    realDuration = Math.round(playerStore.playerPodcast.duration / 1000);\n  }\n  if (realDuration < playerStore.playerTotal) {\n    time = time + (playerStore.playerTotal - realDuration);\n  }\n  return Math.round((time * 100) / playerStore.playerTotal);\n}\n</script>\n\n<style lang=\"scss\">\n@use \"../../../style/comments\";\n\n.octopus-app {\n  .comment-player-container {\n    position: relative;\n    width: 100%;\n    height: 60px;\n    display: flex;\n\n    @media (width <= 960px) {\n      display: none;\n    }\n    \n    .comment-border {\n      width: auto;\n      position: absolute;\n      border-left: solid 1px white;\n      height: 10px;\n    }\n\n    .status-comment {\n      margin-top: 10px;\n      position: absolute;\n      background: white;\n    }\n  }\n}\n</style>\n","<template>\n  <div v-if=\"commentsToDisplay.length\" class=\"comment-player-container\">\n    <div\n      v-for=\"c in commentsToDisplay\"\n      :key=\"c.commentId\"\n      class=\"c-hand\"\n      @mouseenter=\"displayContent = c\"\n      @mouseleave=\"displayContent = undefined\"\n      @click=\"displayContent = c\"\n    >\n      <div\n        :style=\"'margin-left: ' + percentPosition(c.timeline ?? 0) + '%'\"\n        class=\"comment-border\"\n      />\n      <div\n        :style=\"\n          'margin-left: calc(' + percentPosition(c.timeline ?? 0) + '% - 7px)'\n        \"\n        class=\"status-comment\"\n        :data-selenium=\"'comment-' + seleniumFormat(c.poster.userName)\"\n      />\n    </div>\n    <div v-if=\"displayContent\" class=\"d-flex align-itemx-center mt-4\">\n      <div class=\"text-primary flex-shrink-0\">\n        {{ displayContent.poster.userName }}\n      </div>\n      <div class=\"ms-1 me-1\">-</div>\n      <div class=\"text-truncate\">\n        {{ displayContent.content }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport {useSelenium} from \"../../composable/useSelenium\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { computed, Ref, ref, watch } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\n\n//Data \nconst displayContent: Ref<CommentPodcast | undefined> = ref(undefined);\nconst commentsToDisplay: Ref<Array<CommentPodcast>> = ref([]);\n\n//Composables\nconst { seleniumFormat } = useSelenium();\nconst playerStore = usePlayerStore();\nconst commentStore = useCommentStore();\n\n//Computed\nconst podcastId = computed(() => playerStore.playerPodcast?.podcastId);\n\n\n//Watch\nwatch(podcastId, () => {initComments()}, {immediate: true});\n\n\n//Methods\nasync function initComments() {\n  if (playerStore.playerPodcast?.podcastId) {\n    commentsToDisplay.value = await commentStore.fetchCommentsForPlayer(\n      playerStore.playerPodcast.podcastId,\n    );\n  }\n}\nfunction percentPosition(time: number): number {\n  let realDuration = playerStore.playerTotal;\n  if (playerStore.playerPodcast?.duration) {\n    realDuration = Math.round(playerStore.playerPodcast.duration / 1000);\n  }\n  if (realDuration < playerStore.playerTotal) {\n    time = time + (playerStore.playerTotal - realDuration);\n  }\n  return Math.round((time * 100) / playerStore.playerTotal);\n}\n</script>\n\n<style lang=\"scss\">\n@use \"../../../style/comments\";\n\n.octopus-app {\n  .comment-player-container {\n    position: relative;\n    width: 100%;\n    height: 60px;\n    display: flex;\n\n    @media (width <= 960px) {\n      display: none;\n    }\n    \n    .comment-border {\n      width: auto;\n      position: absolute;\n      border-left: solid 1px white;\n      height: 10px;\n    }\n\n    .status-comment {\n      margin-top: 10px;\n      position: absolute;\n      background: white;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;EA0CA,MAAM,iBAAkD,IAAI,KAAA,CAAS;EACrE,MAAM,oBAAgD,IAAI,CAAC,CAAC;EAG5D,MAAM,EAAE,mBAAmB,YAAY;EACvC,MAAM,cAAc,eAAe;EACnC,MAAM,eAAe,gBAAgB;EAGrC,MAAM,YAAY,eAAe,YAAY,eAAe,SAAS;EAIrE,MAAM,iBAAiB;GAAC,aAAa;EAAC,GAAG,EAAC,WAAW,KAAI,CAAC;EAI1D,eAAe,eAAe;GAC5B,IAAI,YAAY,eAAe,WAC7B,kBAAkB,QAAQ,MAAM,aAAa,uBAC3C,YAAY,cAAc,SAC5B;EAEJ;EACA,SAAS,gBAAgB,MAAsB;GAC7C,IAAI,eAAe,YAAY;GAC/B,IAAI,YAAY,eAAe,UAC7B,eAAe,KAAK,MAAM,YAAY,cAAc,WAAW,GAAI;GAErE,IAAI,eAAe,YAAY,aAC7B,OAAO,QAAQ,YAAY,cAAc;GAE3C,OAAO,KAAK,MAAO,OAAO,MAAO,YAAY,WAAW;EAC1D;;;;;;;;;;;;;;;;;;;;;;CC1EuC,OAAM;;;;;;CAqBd,OAAM;;AAC1B,IAAA,aAAA,EAAA,OAAM,6BAA4B;AAIlC,IAAA,aAAA,EAAA,OAAM,gBAAe;;CA1BnB,OAAA,OAAA,kBAAkB,UAA7BA,UAAA,GAAAC,mBA8BM,OA9BN,YA8BM,EA7BJD,UAAA,IAAA,GAAAC,mBAmBMC,UAAA,MAAAC,WAlBQ,OAAA,oBAAL,MAAC;EADV,OAAAH,UAAA,GAAAC,mBAmBM,OAAA;GAjBH,KAAK,EAAE;GACR,OAAM;GACL,eAAU,WAAE,OAAA,iBAAiB;GAC7B,cAAU,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,iBAAiB,KAAA;GAC7B,UAAK,WAAE,OAAA,iBAAiB;EAEzB,GAAA,CAAAG,mBAGE,OAAA;GAFC,OAAKC,eAAA,kBAAoB,OAAA,gBAAgB,EAAE,YAAQ,CAAA,IAAA,GAAA;GACpD,OAAM;EAER,GAAA,MAAA,CAAA,GAAAD,mBAME,OAAA;GALC,OAAKC,eAAoC,uBAAA,OAAA,gBAAgB,EAAE,YAAQ,CAAA,IAAA,UAAA;GAGpE,OAAM;GACL,iBAAa,aAAe,OAAA,eAAe,EAAE,OAAO,QAAQ;;CAGtD,CAAA,GAAA,GAAA,IAAA,OAAA,kBAAXL,UAAA,GAAAC,mBAQM,OARN,YAQM;EAPJG,mBAEM,OAFN,YAEME,gBADD,OAAA,eAAe,OAAO,QAAQ,GAAA,CAAA;EAEnC,OAAA,OAAA,OAAA,KAAAF,mBAA8B,OAAA,EAAzB,OAAM,YAAW,GAAC,KAAC,EAAA;EACxBA,mBAEM,OAFN,YAEME,gBADD,OAAA,eAAe,OAAO,GAAA,CAAA"}

package/dist/CommentPlayer-BUtEvkoV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentPlayer-BUtEvkoV.mjs","names":["_openBlock","_createElementBlock","_Fragment","_renderList","_createElementVNode","_normalizeStyle","_toDisplayString","_createCommentVNode","_sfc_main"],"sources":["../src/components/display/comments/CommentPlayer.vue","../src/components/display/comments/CommentPlayer.vue"],"sourcesContent":["<template>\n  <div v-if=\"commentsToDisplay.length\" class=\"comment-player-container\">\n    <div\n      v-for=\"c in commentsToDisplay\"\n      :key=\"c.commentId\"\n      class=\"c-hand\"\n      @mouseenter=\"displayContent = c\"\n      @mouseleave=\"displayContent = undefined\"\n      @click=\"displayContent = c\"\n    >\n      <div\n        :style=\"'margin-left: ' + percentPosition(c.timeline ?? 0) + '%'\"\n        class=\"comment-border\"\n      />\n      <div\n        :style=\"\n          'margin-left: calc(' + percentPosition(c.timeline ?? 0) + '% - 7px)'\n        \"\n        class=\"status-comment\"\n        :data-selenium=\"'comment-' + seleniumFormat(c.poster.userName)\"\n      />\n    </div>\n    <div v-if=\"displayContent\" class=\"d-flex align-itemx-center mt-4\">\n      <div class=\"text-primary flex-shrink-0\">\n        {{ displayContent.poster.userName }}\n      </div>\n      <div class=\"ms-1 me-1\">-</div>\n      <div class=\"text-truncate\">\n        {{ displayContent.content }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport {useSelenium} from \"../../composable/useSelenium\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { computed, Ref, ref, watch } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\n\n//Data \nconst displayContent: Ref<CommentPodcast | undefined> = ref(undefined);\nconst commentsToDisplay: Ref<Array<CommentPodcast>> = ref([]);\n\n//Composables\nconst { seleniumFormat } = useSelenium();\nconst playerStore = usePlayerStore();\nconst commentStore = useCommentStore();\n\n//Computed\nconst podcastId = computed(() => playerStore.playerPodcast?.podcastId);\n\n\n//Watch\nwatch(podcastId, () => {initComments()}, {immediate: true});\n\n\n//Methods\nasync function initComments() {\n  if (playerStore.playerPodcast?.podcastId) {\n    commentsToDisplay.value = await commentStore.fetchCommentsForPlayer(\n      playerStore.playerPodcast.podcastId,\n    );\n  }\n}\nfunction percentPosition(time: number): number {\n  let realDuration = playerStore.playerTotal;\n  if (playerStore.playerPodcast?.duration) {\n    realDuration = Math.round(playerStore.playerPodcast.duration / 1000);\n  }\n  if (realDuration < playerStore.playerTotal) {\n    time = time + (playerStore.playerTotal - realDuration);\n  }\n  return Math.round((time * 100) / playerStore.playerTotal);\n}\n</script>\n\n<style lang=\"scss\">\n@use \"../../../style/comments\";\n\n.octopus-app {\n  .comment-player-container {\n    position: relative;\n    width: 100%;\n    height: 60px;\n    display: flex;\n\n    @media (width <= 960px) {\n      display: none;\n    }\n    \n    .comment-border {\n      width: auto;\n      position: absolute;\n      border-left: solid 1px white;\n      height: 10px;\n    }\n\n    .status-comment {\n      margin-top: 10px;\n      position: absolute;\n      background: white;\n    }\n  }\n}\n</style>\n","<template>\n  <div v-if=\"commentsToDisplay.length\" class=\"comment-player-container\">\n    <div\n      v-for=\"c in commentsToDisplay\"\n      :key=\"c.commentId\"\n      class=\"c-hand\"\n      @mouseenter=\"displayContent = c\"\n      @mouseleave=\"displayContent = undefined\"\n      @click=\"displayContent = c\"\n    >\n      <div\n        :style=\"'margin-left: ' + percentPosition(c.timeline ?? 0) + '%'\"\n        class=\"comment-border\"\n      />\n      <div\n        :style=\"\n          'margin-left: calc(' + percentPosition(c.timeline ?? 0) + '% - 7px)'\n        \"\n        class=\"status-comment\"\n        :data-selenium=\"'comment-' + seleniumFormat(c.poster.userName)\"\n      />\n    </div>\n    <div v-if=\"displayContent\" class=\"d-flex align-itemx-center mt-4\">\n      <div class=\"text-primary flex-shrink-0\">\n        {{ displayContent.poster.userName }}\n      </div>\n      <div class=\"ms-1 me-1\">-</div>\n      <div class=\"text-truncate\">\n        {{ displayContent.content }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport {useSelenium} from \"../../composable/useSelenium\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { computed, Ref, ref, watch } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\n\n//Data \nconst displayContent: Ref<CommentPodcast | undefined> = ref(undefined);\nconst commentsToDisplay: Ref<Array<CommentPodcast>> = ref([]);\n\n//Composables\nconst { seleniumFormat } = useSelenium();\nconst playerStore = usePlayerStore();\nconst commentStore = useCommentStore();\n\n//Computed\nconst podcastId = computed(() => playerStore.playerPodcast?.podcastId);\n\n\n//Watch\nwatch(podcastId, () => {initComments()}, {immediate: true});\n\n\n//Methods\nasync function initComments() {\n  if (playerStore.playerPodcast?.podcastId) {\n    commentsToDisplay.value = await commentStore.fetchCommentsForPlayer(\n      playerStore.playerPodcast.podcastId,\n    );\n  }\n}\nfunction percentPosition(time: number): number {\n  let realDuration = playerStore.playerTotal;\n  if (playerStore.playerPodcast?.duration) {\n    realDuration = Math.round(playerStore.playerPodcast.duration / 1000);\n  }\n  if (realDuration < playerStore.playerTotal) {\n    time = time + (playerStore.playerTotal - realDuration);\n  }\n  return Math.round((time * 100) / playerStore.playerTotal);\n}\n</script>\n\n<style lang=\"scss\">\n@use \"../../../style/comments\";\n\n.octopus-app {\n  .comment-player-container {\n    position: relative;\n    width: 100%;\n    height: 60px;\n    display: flex;\n\n    @media (width <= 960px) {\n      display: none;\n    }\n    \n    .comment-border {\n      width: auto;\n      position: absolute;\n      border-left: solid 1px white;\n      height: 10px;\n    }\n\n    .status-comment {\n      margin-top: 10px;\n      position: absolute;\n      background: white;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;EA0CA,MAAM,iBAAkD,IAAI,KAAA,CAAS;EACrE,MAAM,oBAAgD,IAAI,CAAC,CAAC;EAG5D,MAAM,EAAE,mBAAmB,YAAY;EACvC,MAAM,cAAc,eAAe;EACnC,MAAM,eAAe,gBAAgB;EAGrC,MAAM,YAAY,eAAe,YAAY,eAAe,SAAS;EAIrE,MAAM,iBAAiB;GAAC,aAAa;EAAC,GAAG,EAAC,WAAW,KAAI,CAAC;EAI1D,eAAe,eAAe;GAC5B,IAAI,YAAY,eAAe,WAC7B,kBAAkB,QAAQ,MAAM,aAAa,uBAC3C,YAAY,cAAc,SAC5B;EAEJ;EACA,SAAS,gBAAgB,MAAsB;GAC7C,IAAI,eAAe,YAAY;GAC/B,IAAI,YAAY,eAAe,UAC7B,eAAe,KAAK,MAAM,YAAY,cAAc,WAAW,GAAI;GAErE,IAAI,eAAe,YAAY,aAC7B,OAAO,QAAQ,YAAY,cAAc;GAE3C,OAAO,KAAK,MAAO,OAAO,MAAO,YAAY,WAAW;EAC1D;;;;;;;;;;;;;;;;;;;;;;CC1EuC,OAAM;;;;;;CAqBd,OAAM;;AAC1B,IAAA,aAAA,EAAA,OAAM,6BAA4B;AAIlC,IAAA,aAAA,EAAA,OAAM,gBAAe;;CA1BnB,OAAA,OAAA,kBAAkB,UAA7BA,UAAA,GAAAC,mBA8BM,OA9BN,YA8BM,EA7BJD,UAAA,IAAA,GAAAC,mBAmBMC,UAAA,MAAAC,WAlBQ,OAAA,oBAAL,MAAC;EADV,OAAAH,UAAA,GAAAC,mBAmBM,OAAA;GAjBH,KAAK,EAAE;GACR,OAAM;GACL,eAAU,WAAE,OAAA,iBAAiB;GAC7B,cAAU,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,iBAAiB,KAAA;GAC7B,UAAK,WAAE,OAAA,iBAAiB;EAEzB,GAAA,CAAAG,mBAGE,OAAA;GAFC,OAAKC,eAAA,kBAAoB,OAAA,gBAAgB,EAAE,YAAQ,CAAA,IAAA,GAAA;GACpD,OAAM;EAER,GAAA,MAAA,CAAA,GAAAD,mBAME,OAAA;GALC,OAAKC,eAAoC,uBAAA,OAAA,gBAAgB,EAAE,YAAQ,CAAA,IAAA,UAAA;GAGpE,OAAM;GACL,iBAAa,aAAe,OAAA,eAAe,EAAE,OAAO,QAAQ;;CAGtD,CAAA,GAAA,GAAA,IAAA,OAAA,kBAAXL,UAAA,GAAAC,mBAQM,OARN,YAQM;EAPJG,mBAEM,OAFN,YAEME,gBADD,OAAA,eAAe,OAAO,QAAQ,GAAA,CAAA;EAEnC,OAAA,OAAA,OAAA,KAAAF,mBAA8B,OAAA,EAAzB,OAAM,YAAW,GAAC,KAAC,EAAA;EACxBA,mBAEM,OAFN,YAEME,gBADD,OAAA,eAAe,OAAO,GAAA,CAAA"}

package/dist/CommentSection-BIZMRePu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentSection-BIZMRePu.mjs","names":["_withDirectives","_openBlock","_createElementBlock","_createElementVNode","_createBlock","_resolveDynamicComponent","_normalizeClass","_withCtx","_createTextVNode","_toDisplayString","_createVNode","_createCommentVNode","_vShow","_sfc_main"],"sources":["../src/components/display/comments/CommentSection.vue","../src/components/display/comments/CommentSection.vue"],"sourcesContent":["<template>\n  <section v-show=\"displayCommentSection\" class=\"module-box\">\n    <div class=\"d-flex align-items-center\">\n      <component \n        :is=\"inStudio? 'div':'h3'\" \n        :class=\"inStudio? 'm-1 fw-bold':'mb-0 me-2'\">{{ t(\"Podcast's comments\") }}</component>\n      <button\n        :title=\"t('Refresh')\"\n        class=\"btn btn-transparent\"\n        @click=\"reload = !reload\"\n      >\n        <RefreshIcon />\n      </button>\n    </div>\n    <CommentInput\n      v-if=\"canPostComment\"\n      :podcast=\"podcast\"\n      @new-comment=\"newComment\"\n    />\n    <CommentList\n      v-model:nb-comments=\"nbComments\"\n      :class=\"inStudio? 'mt-2':'mt-5'\"\n      :podcast=\"podcast\"\n      :is-flat-list=\"inStudio\"\n      :reload=\"reload\"\n      :config=\"configPodcast\"\n      :event-to-handle=\"eventToHandle\"\n      :state-filter=\"stateFilter\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport RefreshIcon from \"vue-material-design-icons/Refresh.vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { computed, defineAsyncComponent, onBeforeMount, ref, Ref, watch } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport {\n  CommentMessage,\n  CommentsConfig,\n} from \"@/stores/class/config/commentsConfig\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { useI18n } from \"vue-i18n\";\nconst CommentList = defineAsyncComponent(() => import(\"./CommentList.vue\"));\nconst CommentInput = defineAsyncComponent(() => import(\"./CommentInput.vue\"));\n\n//Props \nconst props = defineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  inStudio: { default: false, type: Boolean },\n  stateFilter: { default: \"\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"commentReceived\"]);\n\n//Data \nconst reload = ref(false);\nconst configPodcast: Ref<CommentsConfig | undefined> = ref(undefined);\nconst nbComments = ref(0);\nconst eventToHandle: Ref<CommentMessage | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\nconst authStore = useAuthStore();\n\n\n//Computed\nconst displayCommentSection = computed(() => canPostComment.value || nbComments.value > 0);\nconst canPostComment = computed(() => {\n  return commentStore.getCanPostComment(\n    configPodcast.value,\n    props.podcast,\n    undefined !== authStore.authOrgaId,\n  );\n});\nconst eventActive = computed(() =>  undefined !== props.podcast?.conferenceId);\n\n\n//Watch\nwatch(()=>commentStore.commentEventToHandle, async () => {\n  if (\n    !commentStore.commentEventToHandle.length ||\n    commentStore.commentPodcastId !== props.podcast?.podcastId\n  ){\n    return;\n  }\n  eventToHandle.value = commentStore.commentEventToHandle[0];\n  commentStore.commentEventHandled();\n  emit('commentReceived');\n}, {deep: true});\n\n\nonBeforeMount(()=>fetchPodcastCommentsConfig())\n\n\n//Methods\nasync function fetchPodcastCommentsConfig() {\n  if (!props.podcast?.podcastId) {\n    return;\n  }\n  configPodcast.value = await commentStore.getCommentsConfig(props.podcast);\n  if (!eventActive.value) {\n    return;\n  }\n  initLiveComments();\n}\nasync function initLiveComments(): Promise<void> {\n  if (!props.podcast?.podcastId || !props.podcast?.organisation.id) {\n    return;\n  }\n  if (!commentStore.commentInitialized) {\n    await commentStore.initialize();\n  }\n  await commentStore.initComments(\n    props.podcast.podcastId,\n    props.podcast.organisation.id,\n  );\n}\nfunction newComment(comment: CommentPodcast) {\n  if (eventActive.value) {\n    return;\n  }\n  eventToHandle.value = { type: \"CREATE\", comment: comment };\n}\n</script>\n","<template>\n  <section v-show=\"displayCommentSection\" class=\"module-box\">\n    <div class=\"d-flex align-items-center\">\n      <component \n        :is=\"inStudio? 'div':'h3'\" \n        :class=\"inStudio? 'm-1 fw-bold':'mb-0 me-2'\">{{ t(\"Podcast's comments\") }}</component>\n      <button\n        :title=\"t('Refresh')\"\n        class=\"btn btn-transparent\"\n        @click=\"reload = !reload\"\n      >\n        <RefreshIcon />\n      </button>\n    </div>\n    <CommentInput\n      v-if=\"canPostComment\"\n      :podcast=\"podcast\"\n      @new-comment=\"newComment\"\n    />\n    <CommentList\n      v-model:nb-comments=\"nbComments\"\n      :class=\"inStudio? 'mt-2':'mt-5'\"\n      :podcast=\"podcast\"\n      :is-flat-list=\"inStudio\"\n      :reload=\"reload\"\n      :config=\"configPodcast\"\n      :event-to-handle=\"eventToHandle\"\n      :state-filter=\"stateFilter\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport RefreshIcon from \"vue-material-design-icons/Refresh.vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { computed, defineAsyncComponent, onBeforeMount, ref, Ref, watch } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport {\n  CommentMessage,\n  CommentsConfig,\n} from \"@/stores/class/config/commentsConfig\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { useI18n } from \"vue-i18n\";\nconst CommentList = defineAsyncComponent(() => import(\"./CommentList.vue\"));\nconst CommentInput = defineAsyncComponent(() => import(\"./CommentInput.vue\"));\n\n//Props \nconst props = defineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  inStudio: { default: false, type: Boolean },\n  stateFilter: { default: \"\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"commentReceived\"]);\n\n//Data \nconst reload = ref(false);\nconst configPodcast: Ref<CommentsConfig | undefined> = ref(undefined);\nconst nbComments = ref(0);\nconst eventToHandle: Ref<CommentMessage | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\nconst authStore = useAuthStore();\n\n\n//Computed\nconst displayCommentSection = computed(() => canPostComment.value || nbComments.value > 0);\nconst canPostComment = computed(() => {\n  return commentStore.getCanPostComment(\n    configPodcast.value,\n    props.podcast,\n    undefined !== authStore.authOrgaId,\n  );\n});\nconst eventActive = computed(() =>  undefined !== props.podcast?.conferenceId);\n\n\n//Watch\nwatch(()=>commentStore.commentEventToHandle, async () => {\n  if (\n    !commentStore.commentEventToHandle.length ||\n    commentStore.commentPodcastId !== props.podcast?.podcastId\n  ){\n    return;\n  }\n  eventToHandle.value = commentStore.commentEventToHandle[0];\n  commentStore.commentEventHandled();\n  emit('commentReceived');\n}, {deep: true});\n\n\nonBeforeMount(()=>fetchPodcastCommentsConfig())\n\n\n//Methods\nasync function fetchPodcastCommentsConfig() {\n  if (!props.podcast?.podcastId) {\n    return;\n  }\n  configPodcast.value = await commentStore.getCommentsConfig(props.podcast);\n  if (!eventActive.value) {\n    return;\n  }\n  initLiveComments();\n}\nasync function initLiveComments(): Promise<void> {\n  if (!props.podcast?.podcastId || !props.podcast?.organisation.id) {\n    return;\n  }\n  if (!commentStore.commentInitialized) {\n    await commentStore.initialize();\n  }\n  await commentStore.initComments(\n    props.podcast.podcastId,\n    props.podcast.organisation.id,\n  );\n}\nfunction newComment(comment: CommentPodcast) {\n  if (eventActive.value) {\n    return;\n  }\n  eventToHandle.value = { type: \"CREATE\", comment: comment };\n}\n</script>\n"],"mappings":"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"}

package/dist/CommentSection-CSehg6MD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentSection-CSehg6MD.mjs","names":["_withDirectives","_openBlock","_createElementBlock","_createElementVNode","_createBlock","_resolveDynamicComponent","_normalizeClass","_withCtx","_createTextVNode","_toDisplayString","_createVNode","_createCommentVNode","_vShow","_sfc_main"],"sources":["../src/components/display/comments/CommentSection.vue","../src/components/display/comments/CommentSection.vue"],"sourcesContent":["<template>\n  <section v-show=\"displayCommentSection\" class=\"module-box\">\n    <div class=\"d-flex align-items-center\">\n      <component \n        :is=\"inStudio? 'div':'h3'\" \n        :class=\"inStudio? 'm-1 fw-bold':'mb-0 me-2'\">{{ t(\"Podcast's comments\") }}</component>\n      <button\n        :title=\"t('Refresh')\"\n        class=\"btn btn-transparent\"\n        @click=\"reload = !reload\"\n      >\n        <RefreshIcon />\n      </button>\n    </div>\n    <CommentInput\n      v-if=\"canPostComment\"\n      :podcast=\"podcast\"\n      @new-comment=\"newComment\"\n    />\n    <CommentList\n      v-model:nb-comments=\"nbComments\"\n      :class=\"inStudio? 'mt-2':'mt-5'\"\n      :podcast=\"podcast\"\n      :is-flat-list=\"inStudio\"\n      :reload=\"reload\"\n      :config=\"configPodcast\"\n      :event-to-handle=\"eventToHandle\"\n      :state-filter=\"stateFilter\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport RefreshIcon from \"vue-material-design-icons/Refresh.vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { computed, defineAsyncComponent, onBeforeMount, ref, Ref, watch } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport {\n  CommentMessage,\n  CommentsConfig,\n} from \"@/stores/class/config/commentsConfig\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { useI18n } from \"vue-i18n\";\nconst CommentList = defineAsyncComponent(() => import(\"./CommentList.vue\"));\nconst CommentInput = defineAsyncComponent(() => import(\"./CommentInput.vue\"));\n\n//Props \nconst props = defineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  inStudio: { default: false, type: Boolean },\n  stateFilter: { default: \"\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"commentReceived\"]);\n\n//Data \nconst reload = ref(false);\nconst configPodcast: Ref<CommentsConfig | undefined> = ref(undefined);\nconst nbComments = ref(0);\nconst eventToHandle: Ref<CommentMessage | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\nconst authStore = useAuthStore();\n\n\n//Computed\nconst displayCommentSection = computed(() => canPostComment.value || nbComments.value > 0);\nconst canPostComment = computed(() => {\n  return commentStore.getCanPostComment(\n    configPodcast.value,\n    props.podcast,\n    undefined !== authStore.authOrgaId,\n  );\n});\nconst eventActive = computed(() =>  undefined !== props.podcast?.conferenceId);\n\n\n//Watch\nwatch(()=>commentStore.commentEventToHandle, async () => {\n  if (\n    !commentStore.commentEventToHandle.length ||\n    commentStore.commentPodcastId !== props.podcast?.podcastId\n  ){\n    return;\n  }\n  eventToHandle.value = commentStore.commentEventToHandle[0];\n  commentStore.commentEventHandled();\n  emit('commentReceived');\n}, {deep: true});\n\n\nonBeforeMount(()=>fetchPodcastCommentsConfig())\n\n\n//Methods\nasync function fetchPodcastCommentsConfig() {\n  if (!props.podcast?.podcastId) {\n    return;\n  }\n  configPodcast.value = await commentStore.getCommentsConfig(props.podcast);\n  if (!eventActive.value) {\n    return;\n  }\n  initLiveComments();\n}\nasync function initLiveComments(): Promise<void> {\n  if (!props.podcast?.podcastId || !props.podcast?.organisation.id) {\n    return;\n  }\n  if (!commentStore.commentInitialized) {\n    await commentStore.initialize();\n  }\n  await commentStore.initComments(\n    props.podcast.podcastId,\n    props.podcast.organisation.id,\n  );\n}\nfunction newComment(comment: CommentPodcast) {\n  if (eventActive.value) {\n    return;\n  }\n  eventToHandle.value = { type: \"CREATE\", comment: comment };\n}\n</script>\n","<template>\n  <section v-show=\"displayCommentSection\" class=\"module-box\">\n    <div class=\"d-flex align-items-center\">\n      <component \n        :is=\"inStudio? 'div':'h3'\" \n        :class=\"inStudio? 'm-1 fw-bold':'mb-0 me-2'\">{{ t(\"Podcast's comments\") }}</component>\n      <button\n        :title=\"t('Refresh')\"\n        class=\"btn btn-transparent\"\n        @click=\"reload = !reload\"\n      >\n        <RefreshIcon />\n      </button>\n    </div>\n    <CommentInput\n      v-if=\"canPostComment\"\n      :podcast=\"podcast\"\n      @new-comment=\"newComment\"\n    />\n    <CommentList\n      v-model:nb-comments=\"nbComments\"\n      :class=\"inStudio? 'mt-2':'mt-5'\"\n      :podcast=\"podcast\"\n      :is-flat-list=\"inStudio\"\n      :reload=\"reload\"\n      :config=\"configPodcast\"\n      :event-to-handle=\"eventToHandle\"\n      :state-filter=\"stateFilter\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport RefreshIcon from \"vue-material-design-icons/Refresh.vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { computed, defineAsyncComponent, onBeforeMount, ref, Ref, watch } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport {\n  CommentMessage,\n  CommentsConfig,\n} from \"@/stores/class/config/commentsConfig\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { useI18n } from \"vue-i18n\";\nconst CommentList = defineAsyncComponent(() => import(\"./CommentList.vue\"));\nconst CommentInput = defineAsyncComponent(() => import(\"./CommentInput.vue\"));\n\n//Props \nconst props = defineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  inStudio: { default: false, type: Boolean },\n  stateFilter: { default: \"\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"commentReceived\"]);\n\n//Data \nconst reload = ref(false);\nconst configPodcast: Ref<CommentsConfig | undefined> = ref(undefined);\nconst nbComments = ref(0);\nconst eventToHandle: Ref<CommentMessage | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\nconst authStore = useAuthStore();\n\n\n//Computed\nconst displayCommentSection = computed(() => canPostComment.value || nbComments.value > 0);\nconst canPostComment = computed(() => {\n  return commentStore.getCanPostComment(\n    configPodcast.value,\n    props.podcast,\n    undefined !== authStore.authOrgaId,\n  );\n});\nconst eventActive = computed(() =>  undefined !== props.podcast?.conferenceId);\n\n\n//Watch\nwatch(()=>commentStore.commentEventToHandle, async () => {\n  if (\n    !commentStore.commentEventToHandle.length ||\n    commentStore.commentPodcastId !== props.podcast?.podcastId\n  ){\n    return;\n  }\n  eventToHandle.value = commentStore.commentEventToHandle[0];\n  commentStore.commentEventHandled();\n  emit('commentReceived');\n}, {deep: true});\n\n\nonBeforeMount(()=>fetchPodcastCommentsConfig())\n\n\n//Methods\nasync function fetchPodcastCommentsConfig() {\n  if (!props.podcast?.podcastId) {\n    return;\n  }\n  configPodcast.value = await commentStore.getCommentsConfig(props.podcast);\n  if (!eventActive.value) {\n    return;\n  }\n  initLiveComments();\n}\nasync function initLiveComments(): Promise<void> {\n  if (!props.podcast?.podcastId || !props.podcast?.organisation.id) {\n    return;\n  }\n  if (!commentStore.commentInitialized) {\n    await commentStore.initialize();\n  }\n  await commentStore.initComments(\n    props.podcast.podcastId,\n    props.podcast.organisation.id,\n  );\n}\nfunction newComment(comment: CommentPodcast) {\n  if (eventActive.value) {\n    return;\n  }\n  eventToHandle.value = { type: \"CREATE\", comment: comment };\n}\n</script>\n"],"mappings":"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"}

package/dist/{CommentSection-Brn0VQcc.mjs → CommentSection-DZf04NxT.mjs}

@@ -1,5 +1,5 @@
-import { i as e } from "./classicApi-pmODlqv5.mjs";
-import { t } from "./CommentStore-hPTYaDGr.mjs";
+import { i as e } from "./classicApi-CGipMqf7.mjs";
+import { t } from "./CommentStore-CysGkBHp.mjs";
 import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineAsyncComponent as l, defineComponent as u, normalizeClass as d, onBeforeMount as f, openBlock as p, ref as m, resolveDynamicComponent as h, toDisplayString as g, unref as _, vShow as v, watch as y, withCtx as b, withDirectives as x } from "vue";
 import { useI18n as S } from "vue-i18n";
 import C from "vue-material-design-icons/Refresh.vue";
@@ -22,7 +22,7 @@ var w = { class: "module-box" }, T = { class: "d-flex align-items-center" }, E =
 	},
 	emits: ["commentReceived"],
 	setup(u, { emit: D }) {
-		let O = l(() => import("./CommentList-CSYpqgNM.mjs")), k = l(() => import("./CommentInput-US8ZtNj1.mjs")), A = u, j = D, M = m(!1), N = m(void 0), P = m(0), F = m(void 0), { t: I } = S(), L = t(), R = e(), z = n(() => B.value || P.value > 0), B = n(() => L.getCanPostComment(N.value, A.podcast, R.authOrgaId !== void 0)), V = n(() => A.podcast?.conferenceId !== void 0);
+		let O = l(() => import("./CommentList-snIIudVC.mjs")), k = l(() => import("./CommentInput-CrRstzua.mjs")), A = u, j = D, M = m(!1), N = m(void 0), P = m(0), F = m(void 0), { t: I } = S(), L = t(), R = e(), z = n(() => B.value || P.value > 0), B = n(() => L.getCanPostComment(N.value, A.podcast, R.authOrgaId !== void 0)), V = n(() => A.podcast?.conferenceId !== void 0);
 		y(() => L.commentEventToHandle, async () => {
 			L.commentEventToHandle.length && L.commentPodcastId === A.podcast?.podcastId && (F.value = L.commentEventToHandle[0], L.commentEventHandled(), j("commentReceived"));
 		}, { deep: !0 }), f(() => H());

package/dist/CommentSection-MDKioQWf.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentSection-MDKioQWf.mjs","names":["_withDirectives","_openBlock","_createElementBlock","_createElementVNode","_createBlock","_resolveDynamicComponent","_normalizeClass","_withCtx","_createTextVNode","_toDisplayString","_createVNode","_createCommentVNode","_vShow","_sfc_main"],"sources":["../src/components/display/comments/CommentSection.vue","../src/components/display/comments/CommentSection.vue"],"sourcesContent":["<template>\n  <section v-show=\"displayCommentSection\" class=\"module-box\">\n    <div class=\"d-flex align-items-center\">\n      <component \n        :is=\"inStudio? 'div':'h3'\" \n        :class=\"inStudio? 'm-1 fw-bold':'mb-0 me-2'\">{{ t(\"Podcast's comments\") }}</component>\n      <button\n        :title=\"t('Refresh')\"\n        class=\"btn btn-transparent\"\n        @click=\"reload = !reload\"\n      >\n        <RefreshIcon />\n      </button>\n    </div>\n    <CommentInput\n      v-if=\"canPostComment\"\n      :podcast=\"podcast\"\n      @new-comment=\"newComment\"\n    />\n    <CommentList\n      v-model:nb-comments=\"nbComments\"\n      :class=\"inStudio? 'mt-2':'mt-5'\"\n      :podcast=\"podcast\"\n      :is-flat-list=\"inStudio\"\n      :reload=\"reload\"\n      :config=\"configPodcast\"\n      :event-to-handle=\"eventToHandle\"\n      :state-filter=\"stateFilter\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport RefreshIcon from \"vue-material-design-icons/Refresh.vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { computed, defineAsyncComponent, onBeforeMount, ref, Ref, watch } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport {\n  CommentMessage,\n  CommentsConfig,\n} from \"@/stores/class/config/commentsConfig\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { useI18n } from \"vue-i18n\";\nconst CommentList = defineAsyncComponent(() => import(\"./CommentList.vue\"));\nconst CommentInput = defineAsyncComponent(() => import(\"./CommentInput.vue\"));\n\n//Props \nconst props = defineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  inStudio: { default: false, type: Boolean },\n  stateFilter: { default: \"\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"commentReceived\"]);\n\n//Data \nconst reload = ref(false);\nconst configPodcast: Ref<CommentsConfig | undefined> = ref(undefined);\nconst nbComments = ref(0);\nconst eventToHandle: Ref<CommentMessage | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\nconst authStore = useAuthStore();\n\n\n//Computed\nconst displayCommentSection = computed(() => canPostComment.value || nbComments.value > 0);\nconst canPostComment = computed(() => {\n  return commentStore.getCanPostComment(\n    configPodcast.value,\n    props.podcast,\n    undefined !== authStore.authOrgaId,\n  );\n});\nconst eventActive = computed(() =>  undefined !== props.podcast?.conferenceId);\n\n\n//Watch\nwatch(()=>commentStore.commentEventToHandle, async () => {\n  if (\n    !commentStore.commentEventToHandle.length ||\n    commentStore.commentPodcastId !== props.podcast?.podcastId\n  ){\n    return;\n  }\n  eventToHandle.value = commentStore.commentEventToHandle[0];\n  commentStore.commentEventHandled();\n  emit('commentReceived');\n}, {deep: true});\n\n\nonBeforeMount(()=>fetchPodcastCommentsConfig())\n\n\n//Methods\nasync function fetchPodcastCommentsConfig() {\n  if (!props.podcast?.podcastId) {\n    return;\n  }\n  configPodcast.value = await commentStore.getCommentsConfig(props.podcast);\n  if (!eventActive.value) {\n    return;\n  }\n  initLiveComments();\n}\nasync function initLiveComments(): Promise<void> {\n  if (!props.podcast?.podcastId || !props.podcast?.organisation.id) {\n    return;\n  }\n  if (!commentStore.commentInitialized) {\n    await commentStore.initialize();\n  }\n  await commentStore.initComments(\n    props.podcast.podcastId,\n    props.podcast.organisation.id,\n  );\n}\nfunction newComment(comment: CommentPodcast) {\n  if (eventActive.value) {\n    return;\n  }\n  eventToHandle.value = { type: \"CREATE\", comment: comment };\n}\n</script>\n","<template>\n  <section v-show=\"displayCommentSection\" class=\"module-box\">\n    <div class=\"d-flex align-items-center\">\n      <component \n        :is=\"inStudio? 'div':'h3'\" \n        :class=\"inStudio? 'm-1 fw-bold':'mb-0 me-2'\">{{ t(\"Podcast's comments\") }}</component>\n      <button\n        :title=\"t('Refresh')\"\n        class=\"btn btn-transparent\"\n        @click=\"reload = !reload\"\n      >\n        <RefreshIcon />\n      </button>\n    </div>\n    <CommentInput\n      v-if=\"canPostComment\"\n      :podcast=\"podcast\"\n      @new-comment=\"newComment\"\n    />\n    <CommentList\n      v-model:nb-comments=\"nbComments\"\n      :class=\"inStudio? 'mt-2':'mt-5'\"\n      :podcast=\"podcast\"\n      :is-flat-list=\"inStudio\"\n      :reload=\"reload\"\n      :config=\"configPodcast\"\n      :event-to-handle=\"eventToHandle\"\n      :state-filter=\"stateFilter\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport RefreshIcon from \"vue-material-design-icons/Refresh.vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { computed, defineAsyncComponent, onBeforeMount, ref, Ref, watch } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport {\n  CommentMessage,\n  CommentsConfig,\n} from \"@/stores/class/config/commentsConfig\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { useI18n } from \"vue-i18n\";\nconst CommentList = defineAsyncComponent(() => import(\"./CommentList.vue\"));\nconst CommentInput = defineAsyncComponent(() => import(\"./CommentInput.vue\"));\n\n//Props \nconst props = defineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  inStudio: { default: false, type: Boolean },\n  stateFilter: { default: \"\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"commentReceived\"]);\n\n//Data \nconst reload = ref(false);\nconst configPodcast: Ref<CommentsConfig | undefined> = ref(undefined);\nconst nbComments = ref(0);\nconst eventToHandle: Ref<CommentMessage | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\nconst authStore = useAuthStore();\n\n\n//Computed\nconst displayCommentSection = computed(() => canPostComment.value || nbComments.value > 0);\nconst canPostComment = computed(() => {\n  return commentStore.getCanPostComment(\n    configPodcast.value,\n    props.podcast,\n    undefined !== authStore.authOrgaId,\n  );\n});\nconst eventActive = computed(() =>  undefined !== props.podcast?.conferenceId);\n\n\n//Watch\nwatch(()=>commentStore.commentEventToHandle, async () => {\n  if (\n    !commentStore.commentEventToHandle.length ||\n    commentStore.commentPodcastId !== props.podcast?.podcastId\n  ){\n    return;\n  }\n  eventToHandle.value = commentStore.commentEventToHandle[0];\n  commentStore.commentEventHandled();\n  emit('commentReceived');\n}, {deep: true});\n\n\nonBeforeMount(()=>fetchPodcastCommentsConfig())\n\n\n//Methods\nasync function fetchPodcastCommentsConfig() {\n  if (!props.podcast?.podcastId) {\n    return;\n  }\n  configPodcast.value = await commentStore.getCommentsConfig(props.podcast);\n  if (!eventActive.value) {\n    return;\n  }\n  initLiveComments();\n}\nasync function initLiveComments(): Promise<void> {\n  if (!props.podcast?.podcastId || !props.podcast?.organisation.id) {\n    return;\n  }\n  if (!commentStore.commentInitialized) {\n    await commentStore.initialize();\n  }\n  await commentStore.initComments(\n    props.podcast.podcastId,\n    props.podcast.organisation.id,\n  );\n}\nfunction newComment(comment: CommentPodcast) {\n  if (eventActive.value) {\n    return;\n  }\n  eventToHandle.value = { type: \"CREATE\", comment: comment };\n}\n</script>\n"],"mappings":"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"}

package/dist/CommentStore-BBm8MjxW.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentStore-BBm8MjxW.mjs","names":["classicApi","cookiesHelper","stringHelper","WebSocketEngine"],"sources":["../src/websocket/wss.ts","../src/websocket/commentWebsocket.ts","../src/stores/CommentStore.ts"],"sourcesContent":["/* eslint-disable */\nlet SockJS: any = null;\nlet Stomp: any = null;\n/* eslint-enable */\n\ninterface Subscription {\n  id: string;\n  topic: string;\n  callback: (message: { body: string }) => void;\n  subscription?: () => void;\n}\n\nexport default class WssConnection {\n  url: string;\n  endpoint: string;\n  subscriptions: Array<Subscription>;\n  /* eslint-disable */\n  socket: {\n    (url: string, _reserved?: any, options?: SockJS.Options | undefined): WebSocket;\n    new (url: string, _reserved?: any, options?: SockJS.Options | undefined): WebSocket;\n    prototype: WebSocket;\n    CONNECTING: SockJS.CONNECTING;\n    OPEN: SockJS.OPEN;\n    CLOSING: SockJS.CLOSING;\n    CLOSED: SockJS.CLOSED;\n  }|undefined ;\n  client: any;\n  queuedMessages: Array<any>;\n  processingMsg: boolean;\n  wssBroken: boolean;\n  /* eslint-enable */\n  /**\n   *\n   * @param {String} url url of the wss\n   * @param {String} endpoint of the wss\n   * @param {Map<String, Function>} topics list of topics and associated callback\n   */\n  constructor(url: string, endpoint: string) {\n    this.url = url;\n    this.endpoint = endpoint;\n    this.subscriptions = [];\n    this.processingMsg = false;\n    this.queuedMessages = [];\n    this.wssBroken = false;\n  }\n  async processQueuedMessages() {\n    if (this.processingMsg) {\n      return;\n    }\n    if (this.queuedMessages.length === 0) {\n      return;\n    }\n    this.processingMsg = true;\n    try {\n      const message = this.queuedMessages.shift();\n      await message.callback(message.message);\n    } catch (error) {\n      console.log(error);\n    }\n    this.processingMsg = false;\n    this.processQueuedMessages();\n  }\n\n  async connect(): Promise<void> {\n    return new Promise<void>((resolve, reject) => {\n      (async () => {\n        if (null === SockJS) {\n          await import(\"sockjs-client/dist/sockjs\").then((sockLibrary) => {\n            SockJS = sockLibrary.default;\n          });\n        }\n        if (null === Stomp) {\n          await import(\"@stomp/stompjs\").then((stompLibrary) => {\n            Stomp = stompLibrary.Stomp;\n          });\n        }\n        this.socket = new SockJS(\"https://\" + this.url + \"/\" + this.endpoint);\n        this.client = Stomp.over(this.socket);\n        this.client.heartbeat.outgoing = 2000;\n        this.client.heartbeat.incoming = 2000;\n        this.client.debug = (sockMessage: string) => {\n          if (\n            sockMessage.includes(\"did not receive server activity for the last\")\n          ) {\n            this.wssBroken = true;\n          }\n        };\n        this.client.onConnect = () => {\n          this.connectionSuccess();\n          resolve();\n        };\n        this.client.onStompError = () => {\n          this.wssBroken = true;\n          this.connectionErrorReconnect();\n          reject(new Error());\n        };\n        this.client.onWebSocketError = () => {\n          this.wssBroken = true;\n          this.connectionErrorReconnect();\n          reject(new Error());\n        };\n        this.client.onDisconnect = () => {\n          this.connectionErrorReconnect();\n          reject(new Error());\n        };\n        this.client.onWebSocketClose = () => {\n          this.connectionErrorReconnect();\n          reject(new Error());\n        };\n\n        this.client.activate();\n      })();\n    });\n  }\n\n  async connectionErrorReconnect() {\n    if (!this.wssBroken) {\n      return;\n    }\n    console.log(\"Error in ws try to reconnect\");\n    setTimeout(() => {\n      this.connect();\n    }, 10);\n    this.wssBroken = false;\n  }\n\n  connectionSuccess(): void {\n    this.subscriptions.forEach((element: Subscription) => {\n      // On récupère tous les évènements freeswitch\n      try {\n        this.subscribe(element.topic, element.callback);\n      } catch {\n        setTimeout(() => {\n          this.connect();\n        }, 10000);\n        return;\n      }\n    });\n  }\n\n  subscribe(topic: string, callback: (message: { body: string }) => any): void {\n    const subscription = this.client.subscribe(topic, (message: any) => {\n      this.queuedMessages.push({ message: message, callback: callback });\n      this.processQueuedMessages();\n    });\n    this.subscriptions.push({\n      id: subscription.id,\n      topic: topic,\n      callback: callback,\n    });\n  }\n\n  unsubscribe(topic: string): void {\n    if (!topic) {\n      throw new Error(\n        \"Cannot remove subscription if no search pattern is founded\",\n      );\n    }\n    const removedSubscriptions: Array<Subscription> = [];\n    this.subscriptions.forEach((item: Subscription) => {\n      let valid = true;\n      if (item.topic !== topic) {\n        valid = false;\n      }\n      if (valid) {\n        removedSubscriptions.push(item);\n        try {\n          this.client.unsubscribe(item.id);\n        } catch {\n          console.log(\"Error while deconnecting client with item \" + item.id);\n        }\n      }\n    });\n    this.subscriptions = this.subscriptions.filter(\n      (item: Subscription) => !removedSubscriptions.includes(item),\n    );\n  }\n\n  disconnect(): void {\n    this.client.deactivate();\n  }\n}\n","import { CommentMessage } from \"@/stores/class/config/commentsConfig\";\nimport WssConnection from \"./wss\";\n\nexport default class CommentEngine {\n  uri: string;\n  connection: WssConnection | undefined;\n  subscribedEventComment: number|undefined;\n\n  constructor(wssDomain: string) {\n    this.uri = wssDomain;\n    this.connection = undefined;\n    this.subscribedEventComment = undefined;\n  }\n\n  async initialize(): Promise<void> {\n    this.connection = new WssConnection(this.uri, \"websocket\");\n    await this.connection.connect();\n  }\n  async close(): Promise<void> {\n    if (!this.connection) {\n      return;\n    }\n    this.connection.disconnect();\n    this.connection = undefined;\n  }\n\n  subscribeToPodcastCommentEventBus(\n    podcastId: number,\n    queueName: string,\n    callback: (jsonMessage: CommentMessage) => void,\n  ): void {\n    if (!this.connection) {\n      throw new Error(\n        \"Websocket engine must be initialized, before it can subscribe to any events\",\n      );\n    }\n    if (podcastId) {\n      this.connection.subscribe(\n        queueName,\n        (message) => {\n          const jsonMessage = JSON.parse(message.body);\n          callback.call(this, jsonMessage);\n        },\n      );\n      this.subscribedEventComment = podcastId;\n    }\n  }\n\n  unsubscribeToPodcastCommentEventBus(podcastId: number, queueName: string): void {\n    if (!this.connection) {\n      throw new Error(\n        \"Websocket engine must be initialized, before it can unsubscribe to any events\",\n      );\n    }\n    if (!podcastId) {\n      throw new Error(\n        \"Cannot unsubscribe to comments event bus if no id provided\",\n      );\n    }\n    this.connection.unsubscribe(queueName);\n    this.subscribedEventComment = undefined;\n  }\n\n  isPodcastCommentEventConnected(podcastId: number): boolean {\n    return podcastId===this.subscribedEventComment;\n  }\n}\n","//Import dayjs extend\nimport dayjs from \"dayjs\";\nimport relativeTime from \"dayjs/plugin/relativeTime\";\ndayjs.extend(relativeTime);\n\nimport { defineStore } from \"pinia\";\nimport cookiesHelper from \"../helper/cookiesHelper\";\nimport WebSocketEngine from \"../websocket/commentWebsocket\";\nimport { CommentPodcast } from \"./class/general/comment\";\nimport { useAuthStore } from \"./AuthStore\";\nimport { useApiStore } from \"./ApiStore\";\nimport stringHelper from \"../helper/stringHelper\";\nimport { CommentMessage, CommentsConfig } from \"./class/config/commentsConfig\";\nimport classicApi from \"../api/classicApi\";\nimport { Podcast } from \"./class/general/podcast\";\nimport { ListClassicReturn } from \"./class/general/listReturn\";\nfunction errorCommentsConfig(): CommentsConfig {\n  return {\n    inherited: false,\n    abuse: {\n      authRequired: true,\n    },\n    commentLikes: {\n      authRequired: true,\n      dislikeEnabled: false,\n      likeEnabled: false,\n    },\n    comments: {\n      authRequired: true,\n      commentAllowed: \"NONE\",\n      defaultState: \"PENDING\",\n      depth: 2,\n    },\n    podcastLikes: {\n      authRequired: true,\n      dislikeEnabled: false,\n      likeEnabled: false,\n    },\n  };\n}\n\n\nexport interface CommentUser {\n  name: string | null;\n  uuid: string | null;\n  uuidHash: string | null;\n}\ninterface CommentState {\n  commentInitialized: boolean;\n  commentWebsocketengine: WebSocketEngine | undefined;\n  commentPodcastId?: number;\n  commentQueueName?: string;\n  commentEventToHandle: Array<CommentMessage>;\n  commentUser?: CommentUser;\n  commentsForPlayer: { [key: number]: Array<CommentPodcast> };\n  podcastsCommentsConfig: { [key: number]: CommentsConfig };\n}\nexport const useCommentStore = defineStore(\"CommentStore\", {\n  state: (): CommentState => ({\n    commentInitialized: false,\n    commentWebsocketengine: undefined,\n    commentPodcastId: undefined,\n    commentQueueName: undefined,\n    commentEventToHandle: [],\n    commentsForPlayer: {},\n    podcastsCommentsConfig: {},\n  }),\n  actions: {\n    async fetchCommentsForPlayer(podcastId: number) {\n      if (!this.commentsForPlayer[podcastId]) {\n        this.commentsForPlayer[podcastId] = [];\n        const size = 50;\n        let first = 0;\n        let keepFetching = true;\n        while (keepFetching) {\n          const data = await classicApi.fetchData<ListClassicReturn<CommentPodcast>>({\n            api:2,\n            path:\"comment/list\",\n            parameters:{\n              first: first,\n              size: size,\n              podcastId: podcastId,\n              sort: \"DATE_DESC\",\n              hideAnswers: true,\n              state: \"VALIDATED\",\n            },\n            isNotAuth:true\n          });\n          first += size;\n          this.commentsForPlayer[podcastId] = this.commentsForPlayer[\n            podcastId\n          ].concat(data.result);\n          keepFetching =\n            data.count !== this.commentsForPlayer[podcastId].length;\n        }\n      }\n      return this.commentsForPlayer[podcastId];\n    },\n    async digest(message: string) {\n      return Array.from(\n        new Uint8Array(\n          await crypto.subtle.digest(\n            \"SHA-1\",\n            new TextEncoder().encode(message),\n          ),\n        ),\n        (byte) => byte.toString(16).padStart(2, \"0\"),\n      ).join(\"\");\n    },\n    async initCommentUser() {\n      if (this.commentUser) {\n        return;\n      }\n      const authStore = useAuthStore();\n      if (authStore.authProfile) {\n        this.commentUser = {\n          name: authStore.authName,\n          uuid: authStore.authProfile.userId,\n        };\n        return;\n      }\n      let uuid = cookiesHelper.getCookie(\"comment-octopus-uuid\");\n      if (null === uuid) {\n        uuid = stringHelper.uuidv4();\n        cookiesHelper.setCookie(\"comment-octopus-uuid\", uuid);\n      }\n      const hash = await this.digest(uuid);\n      this.commentUser = {\n        name: cookiesHelper.getCookie(\"comment-octopus-name\"),\n        uuid: uuid,\n        uuidHash: hash,\n      };\n      if (\"#miniplayer\" === this.commentUser?.name) {\n        this.commentUser.name = null;\n      }\n    },\n    setCommentUser(name: string) {\n      const authStore = useAuthStore();\n      if (authStore.authProfile || !this.commentUser) {\n        return;\n      }\n      cookiesHelper.setCookie(\"comment-octopus-name\", name);\n      this.commentUser.name = name;\n    },\n    async getCommentsConfig(podcast: Podcast): Promise<CommentsConfig> {\n      if (this.podcastsCommentsConfig[podcast.podcastId]) {\n        return this.podcastsCommentsConfig[podcast.podcastId];\n      }\n      try {\n        this.podcastsCommentsConfig[podcast.podcastId] = await classicApi.fetchData<CommentsConfig>({\n          api: 2,\n          path:\"config/podcast/\" + podcast.podcastId,\n        });\n      } catch {\n        try {\n          this.podcastsCommentsConfig[podcast.podcastId] = await classicApi.fetchData<CommentsConfig>({\n            api: 2,\n            path: \"config/emission/\" + podcast.emission.emissionId,\n          });\n        } catch {\n          this.podcastsCommentsConfig[podcast.podcastId] = errorCommentsConfig(); \n        }\n      }\n      return this.podcastsCommentsConfig[podcast.podcastId];\n    },\n    resetPodcastsConfig() {\n      this.podcastsCommentsConfig = {};\n    },\n    updatePodcastsConfig(podcastId: number, config: CommentsConfig) {\n      this.podcastsCommentsConfig[podcastId] = config;\n    },\n    getCanPostCommentAllowed(\n      config: CommentsConfig,\n      podcast: Podcast,\n    ): boolean {\n      if (\"NONE\" === config.comments.commentAllowed) {\n        return false;\n      }\n      const rightsLiveOnly =\n        \"LIVE_ONLY\" === config.comments.commentAllowed &&\n        undefined !== podcast.conferenceId &&\n        \"READY_TO_RECORD\" === podcast.processingStatus;\n      const rightsLiveRecord =\n        \"LIVE_AND_REPLAY\" === config.comments.commentAllowed &&\n        undefined !== podcast.conferenceId;\n      return (\n        \"ALL\" === config.comments.commentAllowed ||\n        rightsLiveOnly ||\n        rightsLiveRecord\n      );\n    },\n    getCanPostComment(\n      config: CommentsConfig | undefined,\n      podcast: Podcast | undefined,\n      isAuth: boolean,\n    ): boolean {\n      if (!config || !podcast) {\n        return false;\n      }\n      return (\n        this.getCanPostCommentAllowed(config, podcast) &&\n        (!config.comments.authRequired ||\n          (config.comments.authRequired && isAuth))\n      );\n    },\n    getCanReportAbuse(\n      config: CommentsConfig | undefined,\n      isAuth: boolean,\n    ): boolean {\n      if (!config) {\n        return false;\n      }\n      return (\n        !config.abuse.authRequired || (config.abuse.authRequired && isAuth)\n      );\n    },\n\n    /*--------------------------------------------------------------------------------------------------------------\n    |                                                                                                              |\n    |                                           Initializing state                                                 |\n    |                                                                                                              |\n    --------------------------------------------------------------------------------------------------------------*/\n    async initialize() {\n      const apiStore = useApiStore();\n      const commentUrl = apiStore.commentUrl?? \"https://comments.dev2.saooti.org/\";\n      const url =  stringHelper.trimChar(commentUrl.replace(\"https://\", \"\"),\"/\");\n      const engine = new WebSocketEngine(url);\n      await engine.initialize();\n      this.commentWebsocketengine = engine;\n      this.commentInitialized = true;\n    },\n\n    /*--------------------------------------------------------------------------------------------------------------\n    |                                                                                                              |\n    |                                      Comments management methods                                             |\n    |                                                                                                              |\n    --------------------------------------------------------------------------------------------------------------*/\n    unsubscribeToEvent() {\n      if (!this.commentWebsocketengine) {\n        return;\n      }\n      if (\n        this.commentPodcastId &&\n        this.commentQueueName &&\n        this.commentWebsocketengine.isPodcastCommentEventConnected(\n          this.commentPodcastId,\n        )\n      ) {\n        this.commentWebsocketengine.unsubscribeToPodcastCommentEventBus(\n          this.commentPodcastId,\n          this.commentQueueName,\n        );\n      }\n    },\n\n    subscribeToEvents() {\n      if (!this.commentWebsocketengine) {\n        return;\n      }\n      if (this.commentPodcastId && this.commentQueueName) {\n        this.commentWebsocketengine.subscribeToPodcastCommentEventBus(\n          this.commentPodcastId,\n          this.commentQueueName,\n          (message) => {\n            this.commentEventToHandleUpdate(message);\n          },\n        );\n      }\n    },\n\n    async initComments(podcastId: number, organisationId: string) {\n      this.unsubscribeToEvent();\n      this.commentQueueName =\n        \"/topic/comment.\" + organisationId + \".\" + podcastId;\n      this.commentPodcastId = podcastId;\n      this.subscribeToEvents();\n    },\n    async unsubscribeComments() {\n      this.unsubscribeComments();\n      this.commentPodcastId = undefined;\n    },\n\n    /*--------------------------------------------------------------------------------------------------------------\n    |                                                                                                              |\n    |                              Managing conference WebSocket Event Received                                    |\n    |                                                                                                              |\n    --------------------------------------------------------------------------------------------------------------*/\n    commentEventHandled() {\n      this.commentEventToHandle.shift();\n    },\n    commentEventToHandleUpdate(eventToHandle: {\n      comment: CommentPodcast;\n      type: string;\n    }) {\n      if (eventToHandle) {\n        this.commentEventToHandle.push(eventToHandle);\n      } else {\n        this.commentEventToHandle.splice(0, this.commentEventToHandle.length);\n      }\n    },\n  },\n});\n"],"mappings":";;;;;;;AACA,IAAI,SAAc;AAClB,IAAI,QAAa;AAUjB,IAAqB,gBAArB,MAAmC;CACjC;CACA;CACA;CAEA;CASA;CACA;CACA;CACA;;;;;;;CAQA,YAAY,KAAa,UAAkB;EACzC,KAAK,MAAM;EACX,KAAK,WAAW;EAChB,KAAK,gBAAgB,CAAC;EACtB,KAAK,gBAAgB;EACrB,KAAK,iBAAiB,CAAC;EACvB,KAAK,YAAY;CACnB;CACA,MAAM,wBAAwB;EAC5B,IAAI,KAAK,eACP;EAEF,IAAI,KAAK,eAAe,WAAW,GACjC;EAEF,KAAK,gBAAgB;EACrB,IAAI;GACF,MAAM,UAAU,KAAK,eAAe,MAAM;GAC1C,MAAM,QAAQ,SAAS,QAAQ,OAAO;EACxC,SAAS,OAAO;GACd,QAAQ,IAAI,KAAK;EACnB;EACA,KAAK,gBAAgB;EACrB,KAAK,sBAAsB;CAC7B;CAEA,MAAM,UAAyB;EAC7B,OAAO,IAAI,SAAe,SAAS,WAAW;GAC5C,CAAC,YAAY;IACX,IAAI,SAAS,QACX,MAAM,OAAO,4BAA4B,CAAC,MAAM,gBAAgB;KAC9D,SAAS,YAAY;IACvB,CAAC;IAEH,IAAI,SAAS,OACX,MAAM,OAAO,iBAAiB,CAAC,MAAM,iBAAiB;KACpD,QAAQ,aAAa;IACvB,CAAC;IAEH,KAAK,SAAS,IAAI,OAAO,aAAa,KAAK,MAAM,MAAM,KAAK,QAAQ;IACpE,KAAK,SAAS,MAAM,KAAK,KAAK,MAAM;IACpC,KAAK,OAAO,UAAU,WAAW;IACjC,KAAK,OAAO,UAAU,WAAW;IACjC,KAAK,OAAO,SAAS,gBAAwB;KAC3C,IACE,YAAY,SAAS,8CAA8C,GAEnE,KAAK,YAAY;IAErB;IACA,KAAK,OAAO,kBAAkB;KAC5B,KAAK,kBAAkB;KACvB,QAAQ;IACV;IACA,KAAK,OAAO,qBAAqB;KAC/B,KAAK,YAAY;KACjB,KAAK,yBAAyB;KAC9B,uBAAO,IAAI,MAAM,CAAC;IACpB;IACA,KAAK,OAAO,yBAAyB;KACnC,KAAK,YAAY;KACjB,KAAK,yBAAyB;KAC9B,uBAAO,IAAI,MAAM,CAAC;IACpB;IACA,KAAK,OAAO,qBAAqB;KAC/B,KAAK,yBAAyB;KAC9B,uBAAO,IAAI,MAAM,CAAC;IACpB;IACA,KAAK,OAAO,yBAAyB;KACnC,KAAK,yBAAyB;KAC9B,uBAAO,IAAI,MAAM,CAAC;IACpB;IAEA,KAAK,OAAO,SAAS;GACvB,EAAA,CAAG;EACL,CAAC;CACH;CAEA,MAAM,2BAA2B;EAC/B,IAAI,CAAC,KAAK,WACR;EAEF,QAAQ,IAAI,8BAA8B;EAC1C,iBAAiB;GACf,KAAK,QAAQ;EACf,GAAG,EAAE;EACL,KAAK,YAAY;CACnB;CAEA,oBAA0B;EACxB,KAAK,cAAc,SAAS,YAA0B;GAEpD,IAAI;IACF,KAAK,UAAU,QAAQ,OAAO,QAAQ,QAAQ;GAChD,QAAQ;IACN,iBAAiB;KACf,KAAK,QAAQ;IACf,GAAG,GAAK;IACR;GACF;EACF,CAAC;CACH;CAEA,UAAU,OAAe,UAAoD;EAC3E,MAAM,eAAe,KAAK,OAAO,UAAU,QAAQ,YAAiB;GAClE,KAAK,eAAe,KAAK;IAAW;IAAmB;GAAS,CAAC;GACjE,KAAK,sBAAsB;EAC7B,CAAC;EACD,KAAK,cAAc,KAAK;GACtB,IAAI,aAAa;GACV;GACG;EACZ,CAAC;CACH;CAEA,YAAY,OAAqB;EAC/B,IAAI,CAAC,OACH,MAAM,IAAI,MACR,4DACF;EAEF,MAAM,uBAA4C,CAAC;EACnD,KAAK,cAAc,SAAS,SAAuB;GACjD,IAAI,QAAQ;GACZ,IAAI,KAAK,UAAU,OACjB,QAAQ;GAEV,IAAI,OAAO;IACT,qBAAqB,KAAK,IAAI;IAC9B,IAAI;KACF,KAAK,OAAO,YAAY,KAAK,EAAE;IACjC,QAAQ;KACN,QAAQ,IAAI,+CAA+C,KAAK,EAAE;IACpE;GACF;EACF,CAAC;EACD,KAAK,gBAAgB,KAAK,cAAc,QACrC,SAAuB,CAAC,qBAAqB,SAAS,IAAI,CAC7D;CACF;CAEA,aAAmB;EACjB,KAAK,OAAO,WAAW;CACzB;AACF;;;AClLA,IAAqB,gBAArB,MAAmC;CACjC;CACA;CACA;CAEA,YAAY,WAAmB;EAC7B,KAAK,MAAM;EACX,KAAK,aAAa,KAAA;EAClB,KAAK,yBAAyB,KAAA;CAChC;CAEA,MAAM,aAA4B;EAChC,KAAK,aAAa,IAAI,cAAc,KAAK,KAAK,WAAW;EACzD,MAAM,KAAK,WAAW,QAAQ;CAChC;CACA,MAAM,QAAuB;EAC3B,IAAI,CAAC,KAAK,YACR;EAEF,KAAK,WAAW,WAAW;EAC3B,KAAK,aAAa,KAAA;CACpB;CAEA,kCACE,WACA,WACA,UACM;EACN,IAAI,CAAC,KAAK,YACR,MAAM,IAAI,MACR,6EACF;EAEF,IAAI,WAAW;GACb,KAAK,WAAW,UACd,YACC,YAAY;IACX,MAAM,cAAc,KAAK,MAAM,QAAQ,IAAI;IAC3C,SAAS,KAAK,MAAM,WAAW;GACjC,CACF;GACA,KAAK,yBAAyB;EAChC;CACF;CAEA,oCAAoC,WAAmB,WAAyB;EAC9E,IAAI,CAAC,KAAK,YACR,MAAM,IAAI,MACR,+EACF;EAEF,IAAI,CAAC,WACH,MAAM,IAAI,MACR,4DACF;EAEF,KAAK,WAAW,YAAY,SAAS;EACrC,KAAK,yBAAyB,KAAA;CAChC;CAEA,+BAA+B,WAA4B;EACzD,OAAO,cAAY,KAAK;CAC1B;AACF;;;AC/DA,MAAM,OAAO,YAAY;AAazB,SAAS,sBAAsC;CAC7C,OAAO;EACL,WAAW;EACX,OAAO,EACL,cAAc,KAChB;EACA,cAAc;GACZ,cAAc;GACd,gBAAgB;GAChB,aAAa;EACf;EACA,UAAU;GACR,cAAc;GACd,gBAAgB;GAChB,cAAc;GACd,OAAO;EACT;EACA,cAAc;GACZ,cAAc;GACd,gBAAgB;GAChB,aAAa;EACf;CACF;AACF;AAkBA,IAAa,kBAAkB,YAAY,gBAAgB;CACzD,cAA4B;EAC1B,oBAAoB;EACpB,wBAAwB,KAAA;EACxB,kBAAkB,KAAA;EAClB,kBAAkB,KAAA;EAClB,sBAAsB,CAAC;EACvB,mBAAmB,CAAC;EACpB,wBAAwB,CAAC;CAC3B;CACA,SAAS;EACP,MAAM,uBAAuB,WAAmB;GAC9C,IAAI,CAAC,KAAK,kBAAkB,YAAY;IACtC,KAAK,kBAAkB,aAAa,CAAC;IACrC,MAAM,OAAO;IACb,IAAI,QAAQ;IACZ,IAAI,eAAe;IACnB,OAAO,cAAc;KACnB,MAAM,OAAO,MAAMA,mBAAW,UAA6C;MACzE,KAAI;MACJ,MAAK;MACL,YAAW;OACF;OACD;OACK;OACX,MAAM;OACN,aAAa;OACb,OAAO;MACT;MACA,WAAU;KACZ,CAAC;KACD,SAAS;KACT,KAAK,kBAAkB,aAAa,KAAK,kBACvC,UACD,CAAC,OAAO,KAAK,MAAM;KACpB,eACE,KAAK,UAAU,KAAK,kBAAkB,UAAU,CAAC;IACrD;GACF;GACA,OAAO,KAAK,kBAAkB;EAChC;EACA,MAAM,OAAO,SAAiB;GAC5B,OAAO,MAAM,KACX,IAAI,WACF,MAAM,OAAO,OAAO,OAClB,SACA,IAAI,YAAY,CAAC,CAAC,OAAO,OAAO,CAClC,CACF,IACC,SAAS,KAAK,SAAS,EAAE,CAAC,CAAC,SAAS,GAAG,GAAG,CAC7C,CAAC,CAAC,KAAK,EAAE;EACX;EACA,MAAM,kBAAkB;GACtB,IAAI,KAAK,aACP;GAEF,MAAM,YAAY,aAAa;GAC/B,IAAI,UAAU,aAAa;IACzB,KAAK,cAAc;KACjB,MAAM,UAAU;KAChB,MAAM,UAAU,YAAY;IAC9B;IACA;GACF;GACA,IAAI,OAAOC,sBAAc,UAAU,sBAAsB;GACzD,IAAI,SAAS,MAAM;IACjB,OAAOC,qBAAa,OAAO;IAC3B,sBAAc,UAAU,wBAAwB,IAAI;GACtD;GACA,MAAM,OAAO,MAAM,KAAK,OAAO,IAAI;GACnC,KAAK,cAAc;IACjB,MAAMD,sBAAc,UAAU,sBAAsB;IAC9C;IACN,UAAU;GACZ;GACA,IAAI,kBAAkB,KAAK,aAAa,MACtC,KAAK,YAAY,OAAO;EAE5B;EACA,eAAe,MAAc;GAE3B,IADkB,aACd,CAAA,CAAU,eAAe,CAAC,KAAK,aACjC;GAEF,sBAAc,UAAU,wBAAwB,IAAI;GACpD,KAAK,YAAY,OAAO;EAC1B;EACA,MAAM,kBAAkB,SAA2C;GACjE,IAAI,KAAK,uBAAuB,QAAQ,YACtC,OAAO,KAAK,uBAAuB,QAAQ;GAE7C,IAAI;IACF,KAAK,uBAAuB,QAAQ,aAAa,MAAMD,mBAAW,UAA0B;KAC1F,KAAK;KACL,MAAK,oBAAoB,QAAQ;IACnC,CAAC;GACH,QAAQ;IACN,IAAI;KACF,KAAK,uBAAuB,QAAQ,aAAa,MAAMA,mBAAW,UAA0B;MAC1F,KAAK;MACL,MAAM,qBAAqB,QAAQ,SAAS;KAC9C,CAAC;IACH,QAAQ;KACN,KAAK,uBAAuB,QAAQ,aAAa,oBAAoB;IACvE;GACF;GACA,OAAO,KAAK,uBAAuB,QAAQ;EAC7C;EACA,sBAAsB;GACpB,KAAK,yBAAyB,CAAC;EACjC;EACA,qBAAqB,WAAmB,QAAwB;GAC9D,KAAK,uBAAuB,aAAa;EAC3C;EACA,yBACE,QACA,SACS;GACT,IAAI,WAAW,OAAO,SAAS,gBAC7B,OAAO;GAET,MAAM,iBACJ,gBAAgB,OAAO,SAAS,kBAChC,KAAA,MAAc,QAAQ,gBACtB,sBAAsB,QAAQ;GAChC,MAAM,mBACJ,sBAAsB,OAAO,SAAS,kBACtC,KAAA,MAAc,QAAQ;GACxB,OACE,UAAU,OAAO,SAAS,kBAC1B,kBACA;EAEJ;EACA,kBACE,QACA,SACA,QACS;GACT,IAAI,CAAC,UAAU,CAAC,SACd,OAAO;GAET,OACE,KAAK,yBAAyB,QAAQ,OAAO,MAC5C,CAAC,OAAO,SAAS,gBACf,OAAO,SAAS,gBAAgB;EAEvC;EACA,kBACE,QACA,QACS;GACT,IAAI,CAAC,QACH,OAAO;GAET,OACE,CAAC,OAAO,MAAM,gBAAiB,OAAO,MAAM,gBAAgB;EAEhE;EAOA,MAAM,aAAa;GAEjB,MAAM,aADW,YACE,CAAA,CAAS,cAAa;GAEzC,MAAM,SAAS,IAAIG,cADND,qBAAa,SAAS,WAAW,QAAQ,YAAY,EAAE,GAAE,GACnC,CAAG;GACtC,MAAM,OAAO,WAAW;GACxB,KAAK,yBAAyB;GAC9B,KAAK,qBAAqB;EAC5B;EAOA,qBAAqB;GACnB,IAAI,CAAC,KAAK,wBACR;GAEF,IACE,KAAK,oBACL,KAAK,oBACL,KAAK,uBAAuB,+BAC1B,KAAK,gBACP,GAEA,KAAK,uBAAuB,oCAC1B,KAAK,kBACL,KAAK,gBACP;EAEJ;EAEA,oBAAoB;GAClB,IAAI,CAAC,KAAK,wBACR;GAEF,IAAI,KAAK,oBAAoB,KAAK,kBAChC,KAAK,uBAAuB,kCAC1B,KAAK,kBACL,KAAK,mBACJ,YAAY;IACX,KAAK,2BAA2B,OAAO;GACzC,CACF;EAEJ;EAEA,MAAM,aAAa,WAAmB,gBAAwB;GAC5D,KAAK,mBAAmB;GACxB,KAAK,mBACH,oBAAoB,iBAAiB,MAAM;GAC7C,KAAK,mBAAmB;GACxB,KAAK,kBAAkB;EACzB;EACA,MAAM,sBAAsB;GAC1B,KAAK,oBAAoB;GACzB,KAAK,mBAAmB,KAAA;EAC1B;EAOA,sBAAsB;GACpB,KAAK,qBAAqB,MAAM;EAClC;EACA,2BAA2B,eAGxB;GACD,IAAI,eACF,KAAK,qBAAqB,KAAK,aAAa;QAE5C,KAAK,qBAAqB,OAAO,GAAG,KAAK,qBAAqB,MAAM;EAExE;CACF;AACF,CAAC"}

package/dist/{CommentStore-hPTYaDGr.mjs → CommentStore-CysGkBHp.mjs}

@@ -1,4 +1,4 @@
-import { O as e, i as t, t as n } from "./classicApi-pmODlqv5.mjs";
+import { i as e, k as t, t as n } from "./classicApi-CGipMqf7.mjs";
 import { t as r } from "./stringHelper-BtFJzuX4.mjs";
 import { t as i } from "./cookiesHelper-5uZhLulK.mjs";
 import { defineStore as a } from "pinia";
@@ -193,11 +193,11 @@ var p = a("CommentStore", {
 		},
 		async initCommentUser() {
 			if (this.commentUser) return;
-			let e = t();
-			if (e.authProfile) {
+			let t = e();
+			if (t.authProfile) {
 				this.commentUser = {
-					name: e.authName,
-					uuid: e.authProfile.userId
+					name: t.authName,
+					uuid: t.authProfile.userId
 				};
 				return;
 			}
@@ -210,8 +210,8 @@ var p = a("CommentStore", {
 				uuidHash: a
 			}, this.commentUser?.name === "#miniplayer" && (this.commentUser.name = null);
 		},
-		setCommentUser(e) {
-			!t().authProfile && this.commentUser && (i.setCookie("comment-octopus-name", e), this.commentUser.name = e);
+		setCommentUser(t) {
+			!e().authProfile && this.commentUser && (i.setCookie("comment-octopus-name", t), this.commentUser.name = t);
 		},
 		async getCommentsConfig(e) {
 			if (this.podcastsCommentsConfig[e.podcastId]) return this.podcastsCommentsConfig[e.podcastId];
@@ -250,7 +250,7 @@ var p = a("CommentStore", {
 			return e ? !e.abuse.authRequired || e.abuse.authRequired && t : !1;
 		},
 		async initialize() {
-			let t = e().commentUrl ?? "https://comments.dev2.saooti.org/", n = new d(r.trimChar(t.replace("https://", ""), "/"));
+			let e = t().commentUrl ?? "https://comments.dev2.saooti.org/", n = new d(r.trimChar(e.replace("https://", ""), "/"));
 			await n.initialize(), this.commentWebsocketengine = n, this.commentInitialized = !0;
 		},
 		unsubscribeToEvent() {