@saooti/octopus-sdk 42.2.1 → 42.2.2

package/dist/CommentPlayer-BMuLmZdI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentPlayer-BMuLmZdI.mjs","names":[],"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;;mBAC1B,OAAM,6BAA4B;mBAIlC,OAAM,gBAAe;;QA1BnB,OAAA,kBAAkB,UAAA,UAAA,GAA7B,mBA8BM,OA9BN,YA8BM,EAAA,UAAA,IAAA,GA7BJ,mBAmBM,UAAA,MAAA,WAlBQ,OAAA,oBAAL,MAAC;sBADV,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;MAEzB,mBAGE,OAAA;GAFC,OAAK,eAAA,kBAAoB,OAAA,gBAAgB,EAAE,YAAQ,CAAA,IAAA,GAAA;GACpD,OAAM;eAER,mBAME,OAAA;GALC,OAAK,eAAA,uBAAoC,OAAA,gBAAgB,EAAE,YAAQ,CAAA,IAAA,UAAA;GAGpE,OAAM;GACL,iBAAa,aAAe,OAAA,eAAe,EAAE,OAAO,QAAQ;;YAGtD,OAAA,kBAAA,UAAA,GAAX,mBAQM,OARN,YAQM;EAPJ,mBAEM,OAFN,YAEM,gBADD,OAAA,eAAe,OAAO,QAAQ,GAAA,CAAA;4BAEnC,mBAA8B,OAAA,EAAzB,OAAM,YAAW,GAAC,KAAC,EAAA;EACxB,mBAEM,OAFN,YAEM,gBADD,OAAA,eAAe,OAAO,GAAA,CAAA"}

package/dist/CommentPlayer-BPA_lEoE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentPlayer-BPA_lEoE.mjs","names":[],"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;;mBAC1B,OAAM,6BAA4B;mBAIlC,OAAM,gBAAe;;QA1BnB,OAAA,kBAAkB,UAAA,UAAA,GAA7B,mBA8BM,OA9BN,YA8BM,EAAA,UAAA,IAAA,GA7BJ,mBAmBM,UAAA,MAAA,WAlBQ,OAAA,oBAAL,MAAC;sBADV,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;MAEzB,mBAGE,OAAA;GAFC,OAAK,eAAA,kBAAoB,OAAA,gBAAgB,EAAE,YAAQ,CAAA,IAAA,GAAA;GACpD,OAAM;eAER,mBAME,OAAA;GALC,OAAK,eAAA,uBAAoC,OAAA,gBAAgB,EAAE,YAAQ,CAAA,IAAA,UAAA;GAGpE,OAAM;GACL,iBAAa,aAAe,OAAA,eAAe,EAAE,OAAO,QAAQ;;YAGtD,OAAA,kBAAA,UAAA,GAAX,mBAQM,OARN,YAQM;EAPJ,mBAEM,OAFN,YAEM,gBADD,OAAA,eAAe,OAAO,QAAQ,GAAA,CAAA;4BAEnC,mBAA8B,OAAA,EAAzB,OAAM,YAAW,GAAC,KAAC,EAAA;EACxB,mBAEM,OAFN,YAEM,gBADD,OAAA,eAAe,OAAO,GAAA,CAAA"}

package/dist/CommentPlayer-CUNi1Lxv.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentPlayer-CUNi1Lxv.mjs","names":[],"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;;mBAC1B,OAAM,6BAA4B;mBAIlC,OAAM,gBAAe;;QA1BnB,OAAA,kBAAkB,UAAA,UAAA,GAA7B,mBA8BM,OA9BN,YA8BM,EAAA,UAAA,IAAA,GA7BJ,mBAmBM,UAAA,MAAA,WAlBQ,OAAA,oBAAL,MAAC;sBADV,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;MAEzB,mBAGE,OAAA;GAFC,OAAK,eAAA,kBAAoB,OAAA,gBAAgB,EAAE,YAAQ,CAAA,IAAA,GAAA;GACpD,OAAM;eAER,mBAME,OAAA;GALC,OAAK,eAAA,uBAAoC,OAAA,gBAAgB,EAAE,YAAQ,CAAA,IAAA,UAAA;GAGpE,OAAM;GACL,iBAAa,aAAe,OAAA,eAAe,EAAE,OAAO,QAAQ;;YAGtD,OAAA,kBAAA,UAAA,GAAX,mBAQM,OARN,YAQM;EAPJ,mBAEM,OAFN,YAEM,gBADD,OAAA,eAAe,OAAO,QAAQ,GAAA,CAAA;4BAEnC,mBAA8B,OAAA,EAAzB,OAAM,YAAW,GAAC,KAAC,EAAA;EACxB,mBAEM,OAFN,YAEM,gBADD,OAAA,eAAe,OAAO,GAAA,CAAA"}

package/dist/{CommentSection-Be38YIkC.mjs → CommentSection-B91sHMDT.mjs}

@@ -1,6 +1,6 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
-import { i as useAuthStore } from "./classicApi-CkDHWZG1.mjs";
-import { t as useCommentStore } from "./CommentStore-Dv7j94Uo.mjs";
+import { i as useAuthStore } from "./classicApi-xjOqAovv.mjs";
+import { t as useCommentStore } from "./CommentStore-ClU882RI.mjs";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineAsyncComponent, defineComponent, normalizeClass, onBeforeMount, openBlock, ref, resolveDynamicComponent, toDisplayString, vShow, watch, withCtx, withDirectives } from "vue";
 import { useI18n } from "vue-i18n";
 import RefreshIcon from "vue-material-design-icons/Refresh.vue";
@@ -24,8 +24,8 @@ var CommentSection_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 	emits: ["commentReceived"],
 	setup(__props, { expose: __expose, emit: __emit }) {
 		__expose();
-		const CommentList = defineAsyncComponent(() => import("./CommentList-BsPwzqkf.mjs"));
-		const CommentInput = defineAsyncComponent(() => import("./CommentInput-CEioyN7X.mjs"));
+		const CommentList = defineAsyncComponent(() => import("./CommentList-BkKy5ftL.mjs"));
+		const CommentInput = defineAsyncComponent(() => import("./CommentInput-D_p03L68.mjs"));
 		const props = __props;
 		const emit = __emit;
 		const reload = ref(false);
@@ -138,4 +138,4 @@ var CommentSection_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Com
 //#endregion
 export { CommentSection_default as default };
 
-//# sourceMappingURL=CommentSection-Be38YIkC.mjs.map
+//# sourceMappingURL=CommentSection-B91sHMDT.mjs.map

package/dist/CommentSection-B91sHMDT.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentSection-B91sHMDT.mjs","names":[],"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":";;;;;;;;;;;;;;;;;;;;;;;;;;EA4CA,MAAM,cAAc,2BAA2B,OAAO,6BAAoB;EAC1E,MAAM,eAAe,2BAA2B,OAAO,8BAAqB;EAG5E,MAAM,QAAQ;EAOd,MAAM,OAAO;EAGb,MAAM,SAAS,IAAI,KAAK;EACxB,MAAM,gBAAiD,IAAI,KAAA,CAAS;EACpE,MAAM,aAAa,IAAI,CAAC;EACxB,MAAM,gBAAiD,IAAI,KAAA,CAAS;EAGpE,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,eAAe,gBAAgB;EACrC,MAAM,YAAY,aAAa;EAI/B,MAAM,wBAAwB,eAAe,eAAe,SAAS,WAAW,QAAQ,CAAC;EACzF,MAAM,iBAAiB,eAAe;GACpC,OAAO,aAAa,kBAClB,cAAc,OACd,MAAM,SACN,KAAA,MAAc,UAAU,UAC1B;EACF,CAAC;EACD,MAAM,cAAc,eAAgB,KAAA,MAAc,MAAM,SAAS,YAAY;EAI7E,YAAU,aAAa,sBAAsB,YAAY;GACvD,IACE,CAAC,aAAa,qBAAqB,UACnC,aAAa,qBAAqB,MAAM,SAAS,WAEjD;GAEF,cAAc,QAAQ,aAAa,qBAAqB;GACxD,aAAa,oBAAoB;GACjC,KAAK,iBAAiB;EACxB,GAAG,EAAC,MAAM,KAAI,CAAC;EAGf,oBAAkB,2BAA2B,CAAC;EAI9C,eAAe,6BAA6B;GAC1C,IAAI,CAAC,MAAM,SAAS,WAClB;GAEF,cAAc,QAAQ,MAAM,aAAa,kBAAkB,MAAM,OAAO;GACxE,IAAI,CAAC,YAAY,OACf;GAEF,iBAAiB;EACnB;EACA,eAAe,mBAAkC;GAC/C,IAAI,CAAC,MAAM,SAAS,aAAa,CAAC,MAAM,SAAS,aAAa,IAC5D;GAEF,IAAI,CAAC,aAAa,oBAChB,MAAM,aAAa,WAAW;GAEhC,MAAM,aAAa,aACjB,MAAM,QAAQ,WACd,MAAM,QAAQ,aAAa,EAC7B;EACF;EACA,SAAS,WAAW,SAAyB;GAC3C,IAAI,YAAY,OACd;GAEF,cAAc,QAAQ;IAAE,MAAM;IAAmB;GAAQ;EAC3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBC7H0C,OAAM,aAAY;mBACnD,OAAM,4BAA2B;;;qCADxC,mBA4BU,WA5BV,YA4BU;EA3BR,mBAWM,OAXN,YAWM,EAAA,UAAA,GAVJ,YAEwF,wBADjF,OAAA,WAAQ,QAAA,IAAA,GAAA,EACZ,OAAK,eAAE,OAAA,WAAQ,gBAAA,WAAA,EAAA,GAAA;0BAA0D,CAAA,gBAAA,gBAA1B,OAAA,EAAC,oBAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;qBACnD,mBAMS,UAAA;GALN,OAAO,OAAA,EAAC,SAAA;GACT,OAAM;GACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,SAAM,CAAI,OAAA;MAElB,YAAe,OAAA,cAAA,CAAA,GAAA,GAAA,UAAA,CAAA,CAAA;EAIX,OAAA,kBAAA,UAAA,GADR,YAIE,OAAA,iBAAA;;GAFC,SAAS,OAAA;GACT,cAAa,OAAA;;EAEhB,YASE,OAAA,gBAAA;GARQ,eAAa,OAAA;gEAAA,OAAA,aAAU;GAC9B,OAAK,eAAE,OAAA,WAAQ,SAAA,MAAA;GACf,SAAS,OAAA;GACT,gBAAc,OAAA;GACd,QAAQ,OAAA;GACR,QAAQ,OAAA;GACR,mBAAiB,OAAA;GACjB,gBAAc,OAAA;;;;;;;;;;;oBA1BF,OAAA,qBAAqB,CAAA,CAAA"}

package/dist/CommentSection-CpYd7i8U.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentSection-CpYd7i8U.mjs","names":[],"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":";;;;;;;;;;;;;;;;;;;;;;;;;;EA4CA,MAAM,cAAc,2BAA2B,OAAO,6BAAoB;EAC1E,MAAM,eAAe,2BAA2B,OAAO,8BAAqB;EAG5E,MAAM,QAAQ;EAOd,MAAM,OAAO;EAGb,MAAM,SAAS,IAAI,KAAK;EACxB,MAAM,gBAAiD,IAAI,KAAA,CAAS;EACpE,MAAM,aAAa,IAAI,CAAC;EACxB,MAAM,gBAAiD,IAAI,KAAA,CAAS;EAGpE,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,eAAe,gBAAgB;EACrC,MAAM,YAAY,aAAa;EAI/B,MAAM,wBAAwB,eAAe,eAAe,SAAS,WAAW,QAAQ,CAAC;EACzF,MAAM,iBAAiB,eAAe;GACpC,OAAO,aAAa,kBAClB,cAAc,OACd,MAAM,SACN,KAAA,MAAc,UAAU,UAC1B;EACF,CAAC;EACD,MAAM,cAAc,eAAgB,KAAA,MAAc,MAAM,SAAS,YAAY;EAI7E,YAAU,aAAa,sBAAsB,YAAY;GACvD,IACE,CAAC,aAAa,qBAAqB,UACnC,aAAa,qBAAqB,MAAM,SAAS,WAEjD;GAEF,cAAc,QAAQ,aAAa,qBAAqB;GACxD,aAAa,oBAAoB;GACjC,KAAK,iBAAiB;EACxB,GAAG,EAAC,MAAM,KAAI,CAAC;EAGf,oBAAkB,2BAA2B,CAAC;EAI9C,eAAe,6BAA6B;GAC1C,IAAI,CAAC,MAAM,SAAS,WAClB;GAEF,cAAc,QAAQ,MAAM,aAAa,kBAAkB,MAAM,OAAO;GACxE,IAAI,CAAC,YAAY,OACf;GAEF,iBAAiB;EACnB;EACA,eAAe,mBAAkC;GAC/C,IAAI,CAAC,MAAM,SAAS,aAAa,CAAC,MAAM,SAAS,aAAa,IAC5D;GAEF,IAAI,CAAC,aAAa,oBAChB,MAAM,aAAa,WAAW;GAEhC,MAAM,aAAa,aACjB,MAAM,QAAQ,WACd,MAAM,QAAQ,aAAa,EAC7B;EACF;EACA,SAAS,WAAW,SAAyB;GAC3C,IAAI,YAAY,OACd;GAEF,cAAc,QAAQ;IAAE,MAAM;IAAmB;GAAQ;EAC3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBC7H0C,OAAM,aAAY;mBACnD,OAAM,4BAA2B;;;qCADxC,mBA4BU,WA5BV,YA4BU;EA3BR,mBAWM,OAXN,YAWM,EAAA,UAAA,GAVJ,YAEwF,wBADjF,OAAA,WAAQ,QAAA,IAAA,GAAA,EACZ,OAAK,eAAE,OAAA,WAAQ,gBAAA,WAAA,EAAA,GAAA;0BAA0D,CAAA,gBAAA,gBAA1B,OAAA,EAAC,oBAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;qBACnD,mBAMS,UAAA;GALN,OAAO,OAAA,EAAC,SAAA;GACT,OAAM;GACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,SAAM,CAAI,OAAA;MAElB,YAAe,OAAA,cAAA,CAAA,GAAA,GAAA,UAAA,CAAA,CAAA;EAIX,OAAA,kBAAA,UAAA,GADR,YAIE,OAAA,iBAAA;;GAFC,SAAS,OAAA;GACT,cAAa,OAAA;;EAEhB,YASE,OAAA,gBAAA;GARQ,eAAa,OAAA;gEAAA,OAAA,aAAU;GAC9B,OAAK,eAAE,OAAA,WAAQ,SAAA,MAAA;GACf,SAAS,OAAA;GACT,gBAAc,OAAA;GACd,QAAQ,OAAA;GACR,QAAQ,OAAA;GACR,mBAAiB,OAAA;GACjB,gBAAc,OAAA;;;;;;;;;;;oBA1BF,OAAA,qBAAqB,CAAA,CAAA"}

package/dist/CommentSection-CrqweNX4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentSection-CrqweNX4.mjs","names":[],"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":";;;;;;;;;;;;;;;;;;;;;;;;;;EA4CA,MAAM,cAAc,2BAA2B,OAAO,6BAAoB;EAC1E,MAAM,eAAe,2BAA2B,OAAO,8BAAqB;EAG5E,MAAM,QAAQ;EAOd,MAAM,OAAO;EAGb,MAAM,SAAS,IAAI,KAAK;EACxB,MAAM,gBAAiD,IAAI,KAAA,CAAS;EACpE,MAAM,aAAa,IAAI,CAAC;EACxB,MAAM,gBAAiD,IAAI,KAAA,CAAS;EAGpE,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,eAAe,gBAAgB;EACrC,MAAM,YAAY,aAAa;EAI/B,MAAM,wBAAwB,eAAe,eAAe,SAAS,WAAW,QAAQ,CAAC;EACzF,MAAM,iBAAiB,eAAe;GACpC,OAAO,aAAa,kBAClB,cAAc,OACd,MAAM,SACN,KAAA,MAAc,UAAU,UAC1B;EACF,CAAC;EACD,MAAM,cAAc,eAAgB,KAAA,MAAc,MAAM,SAAS,YAAY;EAI7E,YAAU,aAAa,sBAAsB,YAAY;GACvD,IACE,CAAC,aAAa,qBAAqB,UACnC,aAAa,qBAAqB,MAAM,SAAS,WAEjD;GAEF,cAAc,QAAQ,aAAa,qBAAqB;GACxD,aAAa,oBAAoB;GACjC,KAAK,iBAAiB;EACxB,GAAG,EAAC,MAAM,KAAI,CAAC;EAGf,oBAAkB,2BAA2B,CAAC;EAI9C,eAAe,6BAA6B;GAC1C,IAAI,CAAC,MAAM,SAAS,WAClB;GAEF,cAAc,QAAQ,MAAM,aAAa,kBAAkB,MAAM,OAAO;GACxE,IAAI,CAAC,YAAY,OACf;GAEF,iBAAiB;EACnB;EACA,eAAe,mBAAkC;GAC/C,IAAI,CAAC,MAAM,SAAS,aAAa,CAAC,MAAM,SAAS,aAAa,IAC5D;GAEF,IAAI,CAAC,aAAa,oBAChB,MAAM,aAAa,WAAW;GAEhC,MAAM,aAAa,aACjB,MAAM,QAAQ,WACd,MAAM,QAAQ,aAAa,EAC7B;EACF;EACA,SAAS,WAAW,SAAyB;GAC3C,IAAI,YAAY,OACd;GAEF,cAAc,QAAQ;IAAE,MAAM;IAAmB;GAAQ;EAC3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBC7H0C,OAAM,aAAY;mBACnD,OAAM,4BAA2B;;;qCADxC,mBA4BU,WA5BV,YA4BU;EA3BR,mBAWM,OAXN,YAWM,EAAA,UAAA,GAVJ,YAEwF,wBADjF,OAAA,WAAQ,QAAA,IAAA,GAAA,EACZ,OAAK,eAAE,OAAA,WAAQ,gBAAA,WAAA,EAAA,GAAA;0BAA0D,CAAA,gBAAA,gBAA1B,OAAA,EAAC,oBAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;qBACnD,mBAMS,UAAA;GALN,OAAO,OAAA,EAAC,SAAA;GACT,OAAM;GACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,SAAM,CAAI,OAAA;MAElB,YAAe,OAAA,cAAA,CAAA,GAAA,GAAA,UAAA,CAAA,CAAA;EAIX,OAAA,kBAAA,UAAA,GADR,YAIE,OAAA,iBAAA;;GAFC,SAAS,OAAA;GACT,cAAa,OAAA;;EAEhB,YASE,OAAA,gBAAA;GARQ,eAAa,OAAA;gEAAA,OAAA,aAAU;GAC9B,OAAK,eAAE,OAAA,WAAQ,SAAA,MAAA;GACf,SAAS,OAAA;GACT,gBAAc,OAAA;GACd,QAAQ,OAAA;GACR,QAAQ,OAAA;GACR,mBAAiB,OAAA;GACjB,gBAAc,OAAA;;;;;;;;;;;oBA1BF,OAAA,qBAAqB,CAAA,CAAA"}

package/dist/CommentSection-G8rMWPrM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentSection-G8rMWPrM.mjs","names":[],"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":";;;;;;;;;;;;;;;;;;;;;;;;;;EA4CA,MAAM,cAAc,2BAA2B,OAAO,6BAAoB;EAC1E,MAAM,eAAe,2BAA2B,OAAO,8BAAqB;EAG5E,MAAM,QAAQ;EAOd,MAAM,OAAO;EAGb,MAAM,SAAS,IAAI,KAAK;EACxB,MAAM,gBAAiD,IAAI,KAAA,CAAS;EACpE,MAAM,aAAa,IAAI,CAAC;EACxB,MAAM,gBAAiD,IAAI,KAAA,CAAS;EAGpE,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,eAAe,gBAAgB;EACrC,MAAM,YAAY,aAAa;EAI/B,MAAM,wBAAwB,eAAe,eAAe,SAAS,WAAW,QAAQ,CAAC;EACzF,MAAM,iBAAiB,eAAe;GACpC,OAAO,aAAa,kBAClB,cAAc,OACd,MAAM,SACN,KAAA,MAAc,UAAU,UAC1B;EACF,CAAC;EACD,MAAM,cAAc,eAAgB,KAAA,MAAc,MAAM,SAAS,YAAY;EAI7E,YAAU,aAAa,sBAAsB,YAAY;GACvD,IACE,CAAC,aAAa,qBAAqB,UACnC,aAAa,qBAAqB,MAAM,SAAS,WAEjD;GAEF,cAAc,QAAQ,aAAa,qBAAqB;GACxD,aAAa,oBAAoB;GACjC,KAAK,iBAAiB;EACxB,GAAG,EAAC,MAAM,KAAI,CAAC;EAGf,oBAAkB,2BAA2B,CAAC;EAI9C,eAAe,6BAA6B;GAC1C,IAAI,CAAC,MAAM,SAAS,WAClB;GAEF,cAAc,QAAQ,MAAM,aAAa,kBAAkB,MAAM,OAAO;GACxE,IAAI,CAAC,YAAY,OACf;GAEF,iBAAiB;EACnB;EACA,eAAe,mBAAkC;GAC/C,IAAI,CAAC,MAAM,SAAS,aAAa,CAAC,MAAM,SAAS,aAAa,IAC5D;GAEF,IAAI,CAAC,aAAa,oBAChB,MAAM,aAAa,WAAW;GAEhC,MAAM,aAAa,aACjB,MAAM,QAAQ,WACd,MAAM,QAAQ,aAAa,EAC7B;EACF;EACA,SAAS,WAAW,SAAyB;GAC3C,IAAI,YAAY,OACd;GAEF,cAAc,QAAQ;IAAE,MAAM;IAAmB;GAAQ;EAC3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBC7H0C,OAAM,aAAY;mBACnD,OAAM,4BAA2B;;;qCADxC,mBA4BU,WA5BV,YA4BU;EA3BR,mBAWM,OAXN,YAWM,EAAA,UAAA,GAVJ,YAEwF,wBADjF,OAAA,WAAQ,QAAA,IAAA,GAAA,EACZ,OAAK,eAAE,OAAA,WAAQ,gBAAA,WAAA,EAAA,GAAA;0BAA0D,CAAA,gBAAA,gBAA1B,OAAA,EAAC,oBAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;qBACnD,mBAMS,UAAA;GALN,OAAO,OAAA,EAAC,SAAA;GACT,OAAM;GACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,SAAM,CAAI,OAAA;MAElB,YAAe,OAAA,cAAA,CAAA,GAAA,GAAA,UAAA,CAAA,CAAA;EAIX,OAAA,kBAAA,UAAA,GADR,YAIE,OAAA,iBAAA;;GAFC,SAAS,OAAA;GACT,cAAa,OAAA;;EAEhB,YASE,OAAA,gBAAA;GARQ,eAAa,OAAA;gEAAA,OAAA,aAAU;GAC9B,OAAK,eAAE,OAAA,WAAQ,SAAA,MAAA;GACf,SAAS,OAAA;GACT,gBAAc,OAAA;GACd,QAAQ,OAAA;GACR,QAAQ,OAAA;GACR,mBAAiB,OAAA;GACjB,gBAAc,OAAA;;;;;;;;;;;oBA1BF,OAAA,qBAAqB,CAAA,CAAA"}

package/dist/CommentSection-xjY6h7nn.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentSection-xjY6h7nn.mjs","names":[],"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":";;;;;;;;;;;;;;;;;;;;;;;;;;EA4CA,MAAM,cAAc,2BAA2B,OAAO,6BAAoB;EAC1E,MAAM,eAAe,2BAA2B,OAAO,8BAAqB;EAG5E,MAAM,QAAQ;EAOd,MAAM,OAAO;EAGb,MAAM,SAAS,IAAI,KAAK;EACxB,MAAM,gBAAiD,IAAI,KAAA,CAAS;EACpE,MAAM,aAAa,IAAI,CAAC;EACxB,MAAM,gBAAiD,IAAI,KAAA,CAAS;EAGpE,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,eAAe,gBAAgB;EACrC,MAAM,YAAY,aAAa;EAI/B,MAAM,wBAAwB,eAAe,eAAe,SAAS,WAAW,QAAQ,CAAC;EACzF,MAAM,iBAAiB,eAAe;GACpC,OAAO,aAAa,kBAClB,cAAc,OACd,MAAM,SACN,KAAA,MAAc,UAAU,UAC1B;EACF,CAAC;EACD,MAAM,cAAc,eAAgB,KAAA,MAAc,MAAM,SAAS,YAAY;EAI7E,YAAU,aAAa,sBAAsB,YAAY;GACvD,IACE,CAAC,aAAa,qBAAqB,UACnC,aAAa,qBAAqB,MAAM,SAAS,WAEjD;GAEF,cAAc,QAAQ,aAAa,qBAAqB;GACxD,aAAa,oBAAoB;GACjC,KAAK,iBAAiB;EACxB,GAAG,EAAC,MAAM,KAAI,CAAC;EAGf,oBAAkB,2BAA2B,CAAC;EAI9C,eAAe,6BAA6B;GAC1C,IAAI,CAAC,MAAM,SAAS,WAClB;GAEF,cAAc,QAAQ,MAAM,aAAa,kBAAkB,MAAM,OAAO;GACxE,IAAI,CAAC,YAAY,OACf;GAEF,iBAAiB;EACnB;EACA,eAAe,mBAAkC;GAC/C,IAAI,CAAC,MAAM,SAAS,aAAa,CAAC,MAAM,SAAS,aAAa,IAC5D;GAEF,IAAI,CAAC,aAAa,oBAChB,MAAM,aAAa,WAAW;GAEhC,MAAM,aAAa,aACjB,MAAM,QAAQ,WACd,MAAM,QAAQ,aAAa,EAC7B;EACF;EACA,SAAS,WAAW,SAAyB;GAC3C,IAAI,YAAY,OACd;GAEF,cAAc,QAAQ;IAAE,MAAM;IAAmB;GAAQ;EAC3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBC7H0C,OAAM,aAAY;mBACnD,OAAM,4BAA2B;;;qCADxC,mBA4BU,WA5BV,YA4BU;EA3BR,mBAWM,OAXN,YAWM,EAAA,UAAA,GAVJ,YAEwF,wBADjF,OAAA,WAAQ,QAAA,IAAA,GAAA,EACZ,OAAK,eAAE,OAAA,WAAQ,gBAAA,WAAA,EAAA,GAAA;0BAA0D,CAAA,gBAAA,gBAA1B,OAAA,EAAC,oBAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;qBACnD,mBAMS,UAAA;GALN,OAAO,OAAA,EAAC,SAAA;GACT,OAAM;GACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,SAAM,CAAI,OAAA;MAElB,YAAe,OAAA,cAAA,CAAA,GAAA,GAAA,UAAA,CAAA,CAAA;EAIX,OAAA,kBAAA,UAAA,GADR,YAIE,OAAA,iBAAA;;GAFC,SAAS,OAAA;GACT,cAAa,OAAA;;EAEhB,YASE,OAAA,gBAAA;GARQ,eAAa,OAAA;gEAAA,OAAA,aAAU;GAC9B,OAAK,eAAE,OAAA,WAAQ,SAAA,MAAA;GACf,SAAS,OAAA;GACT,gBAAc,OAAA;GACd,QAAQ,OAAA;GACR,QAAQ,OAAA;GACR,mBAAiB,OAAA;GACjB,gBAAc,OAAA;;;;;;;;;;;oBA1BF,OAAA,qBAAqB,CAAA,CAAA"}

package/dist/CommentStore-9WWuGwIj.mjs.map

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

package/dist/{CommentStore-Dv7j94Uo.mjs → CommentStore-ClU882RI.mjs}

@@ -1,4 +1,4 @@
-import { O as useApiStore, i as useAuthStore, t as classicApi_default } from "./classicApi-CkDHWZG1.mjs";
+import { O as useApiStore, i as useAuthStore, t as classicApi_default } from "./classicApi-xjOqAovv.mjs";
 import { t as stringHelper_default } from "./stringHelper-DFr4Khve.mjs";
 import { t as cookiesHelper_default } from "./cookiesHelper-BQksSais.mjs";
 import { defineStore } from "pinia";
@@ -352,4 +352,4 @@ var useCommentStore = defineStore("CommentStore", {
 //#endregion
 export { useCommentStore as t };
 
-//# sourceMappingURL=CommentStore-Dv7j94Uo.mjs.map
+//# sourceMappingURL=CommentStore-ClU882RI.mjs.map

package/dist/CommentStore-ClU882RI.mjs.map

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

package/dist/ContractPreviewModal-C4_20E99.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContractPreviewModal-C4_20E99.mjs","names":[],"sources":["../src/components/misc/modal/ContractPreviewModal.vue","../src/components/misc/modal/ContractPreviewModal.vue"],"sourcesContent":["<template>\n  <ClassicModal\n    id-modal=\"checking-modal\"\n    :title-modal=\"t('Contract preview')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <h2 class=\"mb-3\">{{ selectedContract?.name }}</h2>\n      <div v-for=\"page in thisPages\" :key=\"page\">\n        <VuePDF :pdf=\"thisPdf\" :page=\"page\" />\n      </div>\n    </template>\n    <template #footer>\n      <div class=\"d-flex justify-content-end\">\n        <button class=\"btn btn-primary m-1\" @click=\"onDownloadContract()\">\n          {{ t(\"Download\") }}\n        </button>\n        <button class=\"btn m-1 btn-primary\" @click=\"closePopup\">\n          {{ t(\"Close\") }}\n        </button>\n      </div>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { useApiStore } from \"../../../stores/ApiStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Contract } from \"../../../stores/class/contract/contract\";\n// @ts-expect-error Problème de bibliothèque\nimport { usePDF, VuePDF, PDFDocumentLoadingTask } from \"@tato30/vue-pdf\";\nimport { defineAsyncComponent, ShallowRef, ref, Ref, computed, watch, onMounted } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst ClassicModal = defineAsyncComponent(() => import(\"./ClassicModal.vue\"));\n\n\n//Props \nconst props = defineProps({\n  selectedContract: { default: undefined, type: Object as () => Contract },\n})\n\n//Emits\nconst emit = defineEmits([\"download\", \"close\"]);\n\n\n//Data \nconst pdfSource = ref(\"\");\nconst thisPdf: Ref<PDFDocumentLoadingTask> = ref(undefined);\nconst thisPages: Ref< number | ShallowRef<number>> = ref(0);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\n\n//Computed\nconst pdfToDisplay = computed(() => {\n  if (\"\" !== pdfSource.value) {\n    return pdfSource.value;\n  }\n  return undefined;\n});\n\n//Watch\nwatch(pdfToDisplay, async () => {\n  if (undefined === pdfToDisplay.value) {\n    return;\n  }\n  const { pdf, pages } = usePDF(pdfToDisplay.value);\n  thisPdf.value = pdf;\n  thisPages.value = pages;\n});\n\nonMounted(()=>initSrcContract())\n\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\nfunction initSrcContract(): void {\n  let source = \"\";\n  if (props.selectedContract) {\n    source = apiStore.keycloakUrl + \"contract/\" + props.selectedContract.id;\n  }\n  pdfSource.value = source + \"?access_token=\" + authStore.authParam.accessToken;\n}\nfunction onDownloadContract(): void {\n  emit(\"download\", props.selectedContract);\n}\n</script>\n","<template>\n  <ClassicModal\n    id-modal=\"checking-modal\"\n    :title-modal=\"t('Contract preview')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <h2 class=\"mb-3\">{{ selectedContract?.name }}</h2>\n      <div v-for=\"page in thisPages\" :key=\"page\">\n        <VuePDF :pdf=\"thisPdf\" :page=\"page\" />\n      </div>\n    </template>\n    <template #footer>\n      <div class=\"d-flex justify-content-end\">\n        <button class=\"btn btn-primary m-1\" @click=\"onDownloadContract()\">\n          {{ t(\"Download\") }}\n        </button>\n        <button class=\"btn m-1 btn-primary\" @click=\"closePopup\">\n          {{ t(\"Close\") }}\n        </button>\n      </div>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { useApiStore } from \"../../../stores/ApiStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Contract } from \"../../../stores/class/contract/contract\";\n// @ts-expect-error Problème de bibliothèque\nimport { usePDF, VuePDF, PDFDocumentLoadingTask } from \"@tato30/vue-pdf\";\nimport { defineAsyncComponent, ShallowRef, ref, Ref, computed, watch, onMounted } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst ClassicModal = defineAsyncComponent(() => import(\"./ClassicModal.vue\"));\n\n\n//Props \nconst props = defineProps({\n  selectedContract: { default: undefined, type: Object as () => Contract },\n})\n\n//Emits\nconst emit = defineEmits([\"download\", \"close\"]);\n\n\n//Data \nconst pdfSource = ref(\"\");\nconst thisPdf: Ref<PDFDocumentLoadingTask> = ref(undefined);\nconst thisPages: Ref< number | ShallowRef<number>> = ref(0);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\n\n//Computed\nconst pdfToDisplay = computed(() => {\n  if (\"\" !== pdfSource.value) {\n    return pdfSource.value;\n  }\n  return undefined;\n});\n\n//Watch\nwatch(pdfToDisplay, async () => {\n  if (undefined === pdfToDisplay.value) {\n    return;\n  }\n  const { pdf, pages } = usePDF(pdfToDisplay.value);\n  thisPdf.value = pdf;\n  thisPages.value = pages;\n});\n\nonMounted(()=>initSrcContract())\n\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\nfunction initSrcContract(): void {\n  let source = \"\";\n  if (props.selectedContract) {\n    source = apiStore.keycloakUrl + \"contract/\" + props.selectedContract.id;\n  }\n  pdfSource.value = source + \"?access_token=\" + authStore.authParam.accessToken;\n}\nfunction onDownloadContract(): void {\n  emit(\"download\", props.selectedContract);\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;EAiCA,MAAM,eAAe,2BAA2B,OAAO,+BAAA,MAAA,MAAA,EAAA,CAAA,CAAqB;EAI5E,MAAM,QAAQ;EAKd,MAAM,OAAO;EAIb,MAAM,YAAY,IAAI,EAAE;EACxB,MAAM,UAAuC,IAAI,KAAA,CAAS;EAC1D,MAAM,YAA+C,IAAI,CAAC;EAG1D,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,YAAY,aAAa;EAC/B,MAAM,WAAW,YAAY;EAG7B,MAAM,eAAe,eAAe;GAClC,IAAI,OAAO,UAAU,OACnB,OAAO,UAAU;EAGrB,CAAC;EAGD,MAAM,cAAc,YAAY;GAC9B,IAAI,KAAA,MAAc,aAAa,OAC7B;GAEF,MAAM,EAAE,KAAK,UAAU,OAAO,aAAa,KAAK;GAChD,QAAQ,QAAQ;GAChB,UAAU,QAAQ;EACpB,CAAC;EAED,gBAAc,gBAAgB,CAAC;EAI/B,SAAS,aAAmB;GAC1B,KAAK,OAAO;EACd;EACA,SAAS,kBAAwB;GAC/B,IAAI,SAAS;GACb,IAAI,MAAM,kBACR,SAAS,SAAS,cAAc,cAAc,MAAM,iBAAiB;GAEvE,UAAU,QAAQ,SAAS,mBAAmB,UAAU,UAAU;EACpE;EACA,SAAS,qBAA2B;GAClC,KAAK,YAAY,MAAM,gBAAgB;EACzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBClFU,OAAM,OAAM;mBAMX,OAAM,6BAA4B;;qBAZ3C,YAqBe,OAAA,iBAAA;EApBb,YAAS;EACR,eAAa,OAAA,EAAC,kBAAA;EACd,SAAO,OAAA;;EAEG,MAAI,cACqC,CAAlD,mBAAkD,MAAlD,YAAkD,gBAA9B,OAAA,kBAAkB,IAAI,GAAA,CAAA,IAAA,UAAA,IAAA,GAC1C,mBAEM,UAAA,MAAA,WAFc,OAAA,YAAR,SAAI;uBAAhB,mBAEM,OAAA,EAF0B,KAAK,KAAI,GAAA,CACvC,YAAsC,OAAA,WAAA;IAA7B,KAAK,OAAA;IAAgB;;;EAGvB,QAAM,cAQT,CAPN,mBAOM,OAPN,YAOM,CANJ,mBAES,UAAA;GAFD,OAAM;GAAuB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,mBAAkB;qBACzD,OAAA,EAAC,UAAA,CAAA,GAAA,CAAA,GAEN,mBAES,UAAA;GAFD,OAAM;GAAuB,SAAO,OAAA;qBACvC,OAAA,EAAC,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/{ContractPreviewModal-CPT6bDpJ.mjs → ContractPreviewModal-Dn5MeLFo.mjs}

@@ -1,5 +1,5 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
-import { O as useApiStore, i as useAuthStore } from "./classicApi-CkDHWZG1.mjs";
+import { O as useApiStore, i as useAuthStore } from "./classicApi-xjOqAovv.mjs";
 import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createVNode, defineAsyncComponent, defineComponent, onMounted, openBlock, ref, renderList, toDisplayString, watch, withCtx } from "vue";
 import { useI18n } from "vue-i18n";
 import { VuePDF, usePDF } from "@tato30/vue-pdf";
@@ -98,4 +98,4 @@ var ContractPreviewModal_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 //#endregion
 export { ContractPreviewModal_default as default };
 
-//# sourceMappingURL=ContractPreviewModal-CPT6bDpJ.mjs.map
+//# sourceMappingURL=ContractPreviewModal-Dn5MeLFo.mjs.map

package/dist/ContractPreviewModal-Dn5MeLFo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContractPreviewModal-Dn5MeLFo.mjs","names":[],"sources":["../src/components/misc/modal/ContractPreviewModal.vue","../src/components/misc/modal/ContractPreviewModal.vue"],"sourcesContent":["<template>\n  <ClassicModal\n    id-modal=\"checking-modal\"\n    :title-modal=\"t('Contract preview')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <h2 class=\"mb-3\">{{ selectedContract?.name }}</h2>\n      <div v-for=\"page in thisPages\" :key=\"page\">\n        <VuePDF :pdf=\"thisPdf\" :page=\"page\" />\n      </div>\n    </template>\n    <template #footer>\n      <div class=\"d-flex justify-content-end\">\n        <button class=\"btn btn-primary m-1\" @click=\"onDownloadContract()\">\n          {{ t(\"Download\") }}\n        </button>\n        <button class=\"btn m-1 btn-primary\" @click=\"closePopup\">\n          {{ t(\"Close\") }}\n        </button>\n      </div>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { useApiStore } from \"../../../stores/ApiStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Contract } from \"../../../stores/class/contract/contract\";\n// @ts-expect-error Problème de bibliothèque\nimport { usePDF, VuePDF, PDFDocumentLoadingTask } from \"@tato30/vue-pdf\";\nimport { defineAsyncComponent, ShallowRef, ref, Ref, computed, watch, onMounted } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst ClassicModal = defineAsyncComponent(() => import(\"./ClassicModal.vue\"));\n\n\n//Props \nconst props = defineProps({\n  selectedContract: { default: undefined, type: Object as () => Contract },\n})\n\n//Emits\nconst emit = defineEmits([\"download\", \"close\"]);\n\n\n//Data \nconst pdfSource = ref(\"\");\nconst thisPdf: Ref<PDFDocumentLoadingTask> = ref(undefined);\nconst thisPages: Ref< number | ShallowRef<number>> = ref(0);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\n\n//Computed\nconst pdfToDisplay = computed(() => {\n  if (\"\" !== pdfSource.value) {\n    return pdfSource.value;\n  }\n  return undefined;\n});\n\n//Watch\nwatch(pdfToDisplay, async () => {\n  if (undefined === pdfToDisplay.value) {\n    return;\n  }\n  const { pdf, pages } = usePDF(pdfToDisplay.value);\n  thisPdf.value = pdf;\n  thisPages.value = pages;\n});\n\nonMounted(()=>initSrcContract())\n\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\nfunction initSrcContract(): void {\n  let source = \"\";\n  if (props.selectedContract) {\n    source = apiStore.keycloakUrl + \"contract/\" + props.selectedContract.id;\n  }\n  pdfSource.value = source + \"?access_token=\" + authStore.authParam.accessToken;\n}\nfunction onDownloadContract(): void {\n  emit(\"download\", props.selectedContract);\n}\n</script>\n","<template>\n  <ClassicModal\n    id-modal=\"checking-modal\"\n    :title-modal=\"t('Contract preview')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <h2 class=\"mb-3\">{{ selectedContract?.name }}</h2>\n      <div v-for=\"page in thisPages\" :key=\"page\">\n        <VuePDF :pdf=\"thisPdf\" :page=\"page\" />\n      </div>\n    </template>\n    <template #footer>\n      <div class=\"d-flex justify-content-end\">\n        <button class=\"btn btn-primary m-1\" @click=\"onDownloadContract()\">\n          {{ t(\"Download\") }}\n        </button>\n        <button class=\"btn m-1 btn-primary\" @click=\"closePopup\">\n          {{ t(\"Close\") }}\n        </button>\n      </div>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { useApiStore } from \"../../../stores/ApiStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Contract } from \"../../../stores/class/contract/contract\";\n// @ts-expect-error Problème de bibliothèque\nimport { usePDF, VuePDF, PDFDocumentLoadingTask } from \"@tato30/vue-pdf\";\nimport { defineAsyncComponent, ShallowRef, ref, Ref, computed, watch, onMounted } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst ClassicModal = defineAsyncComponent(() => import(\"./ClassicModal.vue\"));\n\n\n//Props \nconst props = defineProps({\n  selectedContract: { default: undefined, type: Object as () => Contract },\n})\n\n//Emits\nconst emit = defineEmits([\"download\", \"close\"]);\n\n\n//Data \nconst pdfSource = ref(\"\");\nconst thisPdf: Ref<PDFDocumentLoadingTask> = ref(undefined);\nconst thisPages: Ref< number | ShallowRef<number>> = ref(0);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\n\n//Computed\nconst pdfToDisplay = computed(() => {\n  if (\"\" !== pdfSource.value) {\n    return pdfSource.value;\n  }\n  return undefined;\n});\n\n//Watch\nwatch(pdfToDisplay, async () => {\n  if (undefined === pdfToDisplay.value) {\n    return;\n  }\n  const { pdf, pages } = usePDF(pdfToDisplay.value);\n  thisPdf.value = pdf;\n  thisPages.value = pages;\n});\n\nonMounted(()=>initSrcContract())\n\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\nfunction initSrcContract(): void {\n  let source = \"\";\n  if (props.selectedContract) {\n    source = apiStore.keycloakUrl + \"contract/\" + props.selectedContract.id;\n  }\n  pdfSource.value = source + \"?access_token=\" + authStore.authParam.accessToken;\n}\nfunction onDownloadContract(): void {\n  emit(\"download\", props.selectedContract);\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;EAiCA,MAAM,eAAe,2BAA2B,OAAO,+BAAA,MAAA,MAAA,EAAA,CAAA,CAAqB;EAI5E,MAAM,QAAQ;EAKd,MAAM,OAAO;EAIb,MAAM,YAAY,IAAI,EAAE;EACxB,MAAM,UAAuC,IAAI,KAAA,CAAS;EAC1D,MAAM,YAA+C,IAAI,CAAC;EAG1D,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,YAAY,aAAa;EAC/B,MAAM,WAAW,YAAY;EAG7B,MAAM,eAAe,eAAe;GAClC,IAAI,OAAO,UAAU,OACnB,OAAO,UAAU;EAGrB,CAAC;EAGD,MAAM,cAAc,YAAY;GAC9B,IAAI,KAAA,MAAc,aAAa,OAC7B;GAEF,MAAM,EAAE,KAAK,UAAU,OAAO,aAAa,KAAK;GAChD,QAAQ,QAAQ;GAChB,UAAU,QAAQ;EACpB,CAAC;EAED,gBAAc,gBAAgB,CAAC;EAI/B,SAAS,aAAmB;GAC1B,KAAK,OAAO;EACd;EACA,SAAS,kBAAwB;GAC/B,IAAI,SAAS;GACb,IAAI,MAAM,kBACR,SAAS,SAAS,cAAc,cAAc,MAAM,iBAAiB;GAEvE,UAAU,QAAQ,SAAS,mBAAmB,UAAU,UAAU;EACpE;EACA,SAAS,qBAA2B;GAClC,KAAK,YAAY,MAAM,gBAAgB;EACzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBClFU,OAAM,OAAM;mBAMX,OAAM,6BAA4B;;qBAZ3C,YAqBe,OAAA,iBAAA;EApBb,YAAS;EACR,eAAa,OAAA,EAAC,kBAAA;EACd,SAAO,OAAA;;EAEG,MAAI,cACqC,CAAlD,mBAAkD,MAAlD,YAAkD,gBAA9B,OAAA,kBAAkB,IAAI,GAAA,CAAA,IAAA,UAAA,IAAA,GAC1C,mBAEM,UAAA,MAAA,WAFc,OAAA,YAAR,SAAI;uBAAhB,mBAEM,OAAA,EAF0B,KAAK,KAAI,GAAA,CACvC,YAAsC,OAAA,WAAA;IAA7B,KAAK,OAAA;IAAgB;;;EAGvB,QAAM,cAQT,CAPN,mBAOM,OAPN,YAOM,CANJ,mBAES,UAAA;GAFD,OAAM;GAAuB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,mBAAkB;qBACzD,OAAA,EAAC,UAAA,CAAA,GAAA,CAAA,GAEN,mBAES,UAAA;GAFD,OAAM;GAAuB,SAAO,OAAA;qBACvC,OAAA,EAAC,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/{DownloadPodcastButton-6D8qNAkT.mjs → DownloadPodcastButton-BI_sZWcJ.mjs}

@@ -1,6 +1,6 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
-import { m as podcastApi } from "./classicApi-CkDHWZG1.mjs";
-import { t as downloadHelper_default } from "./downloadHelper-DLdkblYN.mjs";
+import { m as podcastApi } from "./classicApi-xjOqAovv.mjs";
+import { t as downloadHelper_default } from "./downloadHelper-DY3fF3dA.mjs";
 import { createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock } from "vue";
 import { useI18n } from "vue-i18n";
 import DownloadIcon from "vue-material-design-icons/Download.vue";
@@ -50,4 +50,4 @@ var DownloadPodcastButton_default = /*#__PURE__*/ _plugin_vue_export_helper_defa
 //#endregion
 export { DownloadPodcastButton_default as default };
 
-//# sourceMappingURL=DownloadPodcastButton-6D8qNAkT.mjs.map
+//# sourceMappingURL=DownloadPodcastButton-BI_sZWcJ.mjs.map

package/dist/DownloadPodcastButton-BI_sZWcJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadPodcastButton-BI_sZWcJ.mjs","names":[],"sources":["../src/components/display/podcasts/DownloadPodcastButton.vue","../src/components/display/podcasts/DownloadPodcastButton.vue"],"sourcesContent":["<template>\n  <div v-if=\"podcast\" class=\"d-flex align-items-center mt-1\">\n    <button\n      class=\"btn btn-round-light ms-2\"\n      :title=\"t('Download')\"\n      @click=\"downloadPodcast\"\n    >\n      <DownloadIcon />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport DownloadIcon from \"vue-material-design-icons/Download.vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport downloadHelper from \"../../../helper/downloadHelper\";\nimport { useI18n } from \"vue-i18n\";\nimport { podcastApi } from \"@/api\";\n\n//Props \nconst props = defineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n})\n\n//Composables\nconst { t } = useI18n();\n\n//Methods\nasync function downloadPodcast() {\n  const data = await podcastApi.downloadRegister(props.podcast?.podcastId, {\n    origin: 'saooti_play_download'\n  });\n  downloadHelper.onDownload(\"/download/url?param=\"+encodeURIComponent(data.location), props.podcast?.title + \".mp3\");\n}\n</script>\n","<template>\n  <div v-if=\"podcast\" class=\"d-flex align-items-center mt-1\">\n    <button\n      class=\"btn btn-round-light ms-2\"\n      :title=\"t('Download')\"\n      @click=\"downloadPodcast\"\n    >\n      <DownloadIcon />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport DownloadIcon from \"vue-material-design-icons/Download.vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport downloadHelper from \"../../../helper/downloadHelper\";\nimport { useI18n } from \"vue-i18n\";\nimport { podcastApi } from \"@/api\";\n\n//Props \nconst props = defineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n})\n\n//Composables\nconst { t } = useI18n();\n\n//Methods\nasync function downloadPodcast() {\n  const data = await podcastApi.downloadRegister(props.podcast?.podcastId, {\n    origin: 'saooti_play_download'\n  });\n  downloadHelper.onDownload(\"/download/url?param=\"+encodeURIComponent(data.location), props.podcast?.title + \".mp3\");\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;EAoBA,MAAM,QAAQ;EAKd,MAAM,EAAE,MAAM,QAAQ;EAGtB,eAAe,kBAAkB;GAC/B,MAAM,OAAO,MAAM,WAAW,iBAAiB,MAAM,SAAS,WAAW,EACvE,QAAQ,uBACV,CAAC;GACD,uBAAe,WAAW,yBAAuB,mBAAmB,KAAK,QAAQ,GAAG,MAAM,SAAS,QAAQ,MAAM;EACnH;;;;;;;;;;;;;;;;;;CChCsB,OAAM;;;;QAAf,OAAA,WAAA,UAAA,GAAX,mBAQM,OARN,YAQM,CAPJ,mBAMS,UAAA;EALP,OAAM;EACL,OAAO,OAAA,EAAC,UAAA;EACR,SAAO,OAAA;KAER,YAAgB,OAAA,eAAA,CAAA,GAAA,GAAA,UAAA,CAAA,CAAA,KAAA,mBAAA,QAAA,IAAA"}

package/dist/DownloadPodcastButton-CSRcg8Nl.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadPodcastButton-CSRcg8Nl.mjs","names":[],"sources":["../src/components/display/podcasts/DownloadPodcastButton.vue","../src/components/display/podcasts/DownloadPodcastButton.vue"],"sourcesContent":["<template>\n  <div v-if=\"podcast\" class=\"d-flex align-items-center mt-1\">\n    <button\n      class=\"btn btn-round-light ms-2\"\n      :title=\"t('Download')\"\n      @click=\"downloadPodcast\"\n    >\n      <DownloadIcon />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport DownloadIcon from \"vue-material-design-icons/Download.vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport downloadHelper from \"../../../helper/downloadHelper\";\nimport { useI18n } from \"vue-i18n\";\nimport { podcastApi } from \"@/api\";\n\n//Props \nconst props = defineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n})\n\n//Composables\nconst { t } = useI18n();\n\n//Methods\nasync function downloadPodcast() {\n  const data = await podcastApi.downloadRegister(props.podcast?.podcastId, {\n    origin: 'saooti_play_download'\n  });\n  downloadHelper.onDownload(\"/download/url?param=\"+encodeURIComponent(data.location), props.podcast?.title + \".mp3\");\n}\n</script>\n","<template>\n  <div v-if=\"podcast\" class=\"d-flex align-items-center mt-1\">\n    <button\n      class=\"btn btn-round-light ms-2\"\n      :title=\"t('Download')\"\n      @click=\"downloadPodcast\"\n    >\n      <DownloadIcon />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport DownloadIcon from \"vue-material-design-icons/Download.vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport downloadHelper from \"../../../helper/downloadHelper\";\nimport { useI18n } from \"vue-i18n\";\nimport { podcastApi } from \"@/api\";\n\n//Props \nconst props = defineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n})\n\n//Composables\nconst { t } = useI18n();\n\n//Methods\nasync function downloadPodcast() {\n  const data = await podcastApi.downloadRegister(props.podcast?.podcastId, {\n    origin: 'saooti_play_download'\n  });\n  downloadHelper.onDownload(\"/download/url?param=\"+encodeURIComponent(data.location), props.podcast?.title + \".mp3\");\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;EAoBA,MAAM,QAAQ;EAKd,MAAM,EAAE,MAAM,QAAQ;EAGtB,eAAe,kBAAkB;GAC/B,MAAM,OAAO,MAAM,WAAW,iBAAiB,MAAM,SAAS,WAAW,EACvE,QAAQ,uBACV,CAAC;GACD,uBAAe,WAAW,yBAAuB,mBAAmB,KAAK,QAAQ,GAAG,MAAM,SAAS,QAAQ,MAAM;EACnH;;;;;;;;;;;;;;;;;;CChCsB,OAAM;;;;QAAf,OAAA,WAAA,UAAA,GAAX,mBAQM,OARN,YAQM,CAPJ,mBAMS,UAAA;EALP,OAAM;EACL,OAAO,OAAA,EAAC,UAAA;EACR,SAAO,OAAA;KAER,YAAgB,OAAA,eAAA,CAAA,GAAA,GAAA,UAAA,CAAA,CAAA,KAAA,mBAAA,QAAA,IAAA"}

package/dist/EditCommentModal-KAP1l9RK.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditCommentModal-KAP1l9RK.mjs","names":[],"sources":["../src/components/display/comments/modal/EditCommentModal.vue","../src/components/display/comments/modal/EditCommentModal.vue"],"sourcesContent":["<template>\n  <ClassicModal\n    id-modal=\"edit-comment-modal\"\n    :title-modal=\"t('Edit comment')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <ClassicLoading\n        :loading-text=\"inProcessing ? t('Send in progress') : undefined\"\n        :error-text=\"errorUpdate ? t(`An error occurred`) : undefined\"\n      />\n      <template v-if=\"!inProcessing && !errorUpdate\">\n        <ClassicInputText\n          v-model:text-init=\"commentText\"\n          v-model:error-variable=\"errorCommentText\"\n          input-id=\"comment-textarea\"\n          :label=\"t('Comment')\"\n          :max-length=\"Constants.MAX_COMMENT\"\n          :error-text=\"t('Please provide a comment')\"\n          :is-textarea=\"true\"\n          :is-emoji-picker=\"true\"\n          popover-relative-class=\"octopus-modal\"\n          :focus=\"true\"\n        />\n        <ClassicSelect\n          v-if=\"editRight\"\n          v-model:text-init=\"commentState\"\n          id-select=\"comment-state-select\"\n          :label=\"t('Status')\"\n          :display-label=\"true\"\n          :options=\"[\n            { title: t('pending'), value: 'PENDING' },\n            { title: t('Validated'), value: 'VALIDATED' },\n            { title: t('Invalid'), value: 'NOT_VALID' },\n          ]\"\n        />\n      </template>\n    </template>\n    <template #footer>\n      <button class=\"btn m-1\" @click=\"closePopup\">\n        {{ t(\"No\") }}\n      </button>\n      <button\n        class=\"btn btn-primary m-1\"\n        :disabled=\"errorCommentText\"\n        @click=\"onEditComment\"\n      >\n        {{ t(\"Yes\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../../api/classicApi\";\nimport Constants from \"../../../../../public/config\";\nimport { defineAsyncComponent, onBeforeMount, Ref, ref } from \"vue\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { useI18n } from \"vue-i18n\";\nconst ClassicModal = defineAsyncComponent(\n  () => import(\"../../../misc/modal/ClassicModal.vue\"),\n);\nconst ClassicLoading = defineAsyncComponent(\n  () => import(\"../../../form/ClassicLoading.vue\"),\n);\nconst ClassicInputText = defineAsyncComponent(\n  () => import(\"../../../form/ClassicInputText.vue\"),\n);\nconst ClassicSelect = defineAsyncComponent(\n  () => import(\"../../../form/ClassicSelect.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  comment: {\n    default: undefined,\n    type: Object as () => CommentPodcast,\n  },\n  editRight: { default: false, type: Boolean },\n})\n \n//Emits\nconst emit = defineEmits([\"close\", \"update:comment\"]);\n\n\n//Data \nconst commentText: Ref<string | undefined> = ref(undefined);\nconst errorCommentText = ref(true);\nconst commentState = ref(\"PENDING\");\nconst errorUpdate = ref(false);\nconst inProcessing = ref(false);\n\n//Composables\nconst { t } = useI18n();\n  \nonBeforeMount(()=>initComment())\n\n\n//Methods\nfunction initComment() {\n  if (!props.comment) {\n    return;\n  }\n  commentText.value = props.comment.content;\n  commentState.value = props.comment.state;\n}\nasync function onEditComment() {\n  if (!props.comment) {\n    return;\n  }\n  inProcessing.value = true;\n  try {\n    const commentUpdated = await classicApi.putData({\n      api: 2,\n      path: \"comment/\",\n      dataToSend: {\n        commentId: props.comment.commentId,\n        content: commentText.value,\n        state: commentState.value,\n      },\n      isNotAuth: !props.editRight,\n    });\n    emit(\"update:comment\", commentUpdated);\n    closePopup();\n  } catch {\n    errorUpdate.value = true;\n  }\n  inProcessing.value = false;\n}\nfunction closePopup() {\n  emit(\"close\");\n}\n</script>\n","<template>\n  <ClassicModal\n    id-modal=\"edit-comment-modal\"\n    :title-modal=\"t('Edit comment')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <ClassicLoading\n        :loading-text=\"inProcessing ? t('Send in progress') : undefined\"\n        :error-text=\"errorUpdate ? t(`An error occurred`) : undefined\"\n      />\n      <template v-if=\"!inProcessing && !errorUpdate\">\n        <ClassicInputText\n          v-model:text-init=\"commentText\"\n          v-model:error-variable=\"errorCommentText\"\n          input-id=\"comment-textarea\"\n          :label=\"t('Comment')\"\n          :max-length=\"Constants.MAX_COMMENT\"\n          :error-text=\"t('Please provide a comment')\"\n          :is-textarea=\"true\"\n          :is-emoji-picker=\"true\"\n          popover-relative-class=\"octopus-modal\"\n          :focus=\"true\"\n        />\n        <ClassicSelect\n          v-if=\"editRight\"\n          v-model:text-init=\"commentState\"\n          id-select=\"comment-state-select\"\n          :label=\"t('Status')\"\n          :display-label=\"true\"\n          :options=\"[\n            { title: t('pending'), value: 'PENDING' },\n            { title: t('Validated'), value: 'VALIDATED' },\n            { title: t('Invalid'), value: 'NOT_VALID' },\n          ]\"\n        />\n      </template>\n    </template>\n    <template #footer>\n      <button class=\"btn m-1\" @click=\"closePopup\">\n        {{ t(\"No\") }}\n      </button>\n      <button\n        class=\"btn btn-primary m-1\"\n        :disabled=\"errorCommentText\"\n        @click=\"onEditComment\"\n      >\n        {{ t(\"Yes\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../../api/classicApi\";\nimport Constants from \"../../../../../public/config\";\nimport { defineAsyncComponent, onBeforeMount, Ref, ref } from \"vue\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { useI18n } from \"vue-i18n\";\nconst ClassicModal = defineAsyncComponent(\n  () => import(\"../../../misc/modal/ClassicModal.vue\"),\n);\nconst ClassicLoading = defineAsyncComponent(\n  () => import(\"../../../form/ClassicLoading.vue\"),\n);\nconst ClassicInputText = defineAsyncComponent(\n  () => import(\"../../../form/ClassicInputText.vue\"),\n);\nconst ClassicSelect = defineAsyncComponent(\n  () => import(\"../../../form/ClassicSelect.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  comment: {\n    default: undefined,\n    type: Object as () => CommentPodcast,\n  },\n  editRight: { default: false, type: Boolean },\n})\n \n//Emits\nconst emit = defineEmits([\"close\", \"update:comment\"]);\n\n\n//Data \nconst commentText: Ref<string | undefined> = ref(undefined);\nconst errorCommentText = ref(true);\nconst commentState = ref(\"PENDING\");\nconst errorUpdate = ref(false);\nconst inProcessing = ref(false);\n\n//Composables\nconst { t } = useI18n();\n  \nonBeforeMount(()=>initComment())\n\n\n//Methods\nfunction initComment() {\n  if (!props.comment) {\n    return;\n  }\n  commentText.value = props.comment.content;\n  commentState.value = props.comment.state;\n}\nasync function onEditComment() {\n  if (!props.comment) {\n    return;\n  }\n  inProcessing.value = true;\n  try {\n    const commentUpdated = await classicApi.putData({\n      api: 2,\n      path: \"comment/\",\n      dataToSend: {\n        commentId: props.comment.commentId,\n        content: commentText.value,\n        state: commentState.value,\n      },\n      isNotAuth: !props.editRight,\n    });\n    emit(\"update:comment\", commentUpdated);\n    closePopup();\n  } catch {\n    errorUpdate.value = true;\n  }\n  inProcessing.value = false;\n}\nfunction closePopup() {\n  emit(\"close\");\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EA2DA,MAAM,eAAe,2BACb,OAAO,+BAAA,MAAA,MAAA,EAAA,CAAA,CACf;EACA,MAAM,iBAAiB,2BACf,OAAO,iCAAA,MAAA,MAAA,EAAA,CAAA,CACf;EACA,MAAM,mBAAmB,2BACjB,OAAO,mCAAA,MAAA,MAAA,EAAA,CAAA,CACf;EACA,MAAM,gBAAgB,2BACd,OAAO,gCAAA,MAAA,MAAA,EAAA,CAAA,CACf;EAGA,MAAM,QAAQ;EASd,MAAM,OAAO;EAIb,MAAM,cAAuC,IAAI,KAAA,CAAS;EAC1D,MAAM,mBAAmB,IAAI,IAAI;EACjC,MAAM,eAAe,IAAI,SAAS;EAClC,MAAM,cAAc,IAAI,KAAK;EAC7B,MAAM,eAAe,IAAI,KAAK;EAG9B,MAAM,EAAE,MAAM,QAAQ;EAEtB,oBAAkB,YAAY,CAAC;EAI/B,SAAS,cAAc;GACrB,IAAI,CAAC,MAAM,SACT;GAEF,YAAY,QAAQ,MAAM,QAAQ;GAClC,aAAa,QAAQ,MAAM,QAAQ;EACrC;EACA,eAAe,gBAAgB;GAC7B,IAAI,CAAC,MAAM,SACT;GAEF,aAAa,QAAQ;GACrB,IAAI;IAWF,KAAK,kBAAkB,MAVM,mBAAW,QAAQ;KAC9C,KAAK;KACL,MAAM;KACN,YAAY;MACV,WAAW,MAAM,QAAQ;MACzB,SAAS,YAAY;MACrB,OAAO,aAAa;KACtB;KACA,WAAW,CAAC,MAAM;IACpB,CAAC,CACoC;IACrC,WAAW;GACb,QAAQ;IACN,YAAY,QAAQ;GACtB;GACA,aAAa,QAAQ;EACvB;EACA,SAAS,aAAa;GACpB,KAAK,OAAO;EACd;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBClIE,YAiDe,OAAA,iBAAA;EAhDb,YAAS;EACR,eAAa,OAAA,EAAC,cAAA;EACd,SAAO,OAAA;;EAEG,MAAI,cAIX,CAHF,YAGE,OAAA,mBAAA;GAFC,gBAAc,OAAA,eAAe,OAAA,EAAC,kBAAA,IAAuB,KAAA;GACrD,cAAY,OAAA,cAAc,OAAA,EAAC,mBAAA,IAAwB,KAAA;gDAErC,OAAA,gBAAY,CAAK,OAAA,eAAA,UAAA,GAAlC,mBAyBW,UAAA,EAAA,KAAA,EAAA,GAAA,CAxBT,YAWE,OAAA,qBAAA;GAVQ,aAAW,OAAA;8DAAA,OAAA,cAAW;GACtB,kBAAgB,OAAA;mEAAA,OAAA,mBAAgB;GACxC,YAAS;GACR,OAAO,OAAA,EAAC,SAAA;GACR,cAAY,OAAA,UAAU;GACtB,cAAY,OAAA,EAAC,0BAAA;GACb,eAAa;GACb,mBAAiB;GAClB,0BAAuB;GACtB,OAAO;;;;;;;MAGF,OAAA,aAAA,UAAA,GADR,YAWE,OAAA,kBAAA;;GATQ,aAAW,OAAA;8DAAA,OAAA,eAAY;GAC/B,aAAU;GACT,OAAO,OAAA,EAAC,QAAA;GACR,iBAAe;GACf,SAAO;;YAAyB,OAAA,EAAC,SAAA;KAAA,OAAA;IAAA;;YAAsD,OAAA,EAAC,WAAA;KAAA,OAAA;IAAA;;YAA0D,OAAA,EAAC,SAAA;KAAA,OAAA;IAAA;;;;;;;EAQ/I,QAAM,cAGN,CAFT,mBAES,UAAA;GAFD,OAAM;GAAW,SAAO,OAAA;qBAC3B,OAAA,EAAC,IAAA,CAAA,GAAA,CAAA,GAEN,mBAMS,UAAA;GALP,OAAM;GACL,UAAU,OAAA;GACV,SAAO,OAAA;qBAEL,OAAA,EAAC,KAAA,CAAA,GAAA,GAAA,UAAA,CAAA,CAAA"}

package/dist/{EditCommentModal-aAcjhc0v.mjs → EditCommentModal-RbVMVDOp.mjs}

@@ -1,5 +1,5 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
-import { t as classicApi_default } from "./classicApi-CkDHWZG1.mjs";
+import { t as classicApi_default } from "./classicApi-xjOqAovv.mjs";
 import { t as config_default } from "./config-C73GMJpz.mjs";
 import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineAsyncComponent, defineComponent, onBeforeMount, openBlock, ref, toDisplayString, withCtx } from "vue";
 import { useI18n } from "vue-i18n";
@@ -159,4 +159,4 @@ var EditCommentModal_default = /*#__PURE__*/ _plugin_vue_export_helper_default(E
 //#endregion
 export { EditCommentModal_default as default };
 
-//# sourceMappingURL=EditCommentModal-aAcjhc0v.mjs.map
+//# sourceMappingURL=EditCommentModal-RbVMVDOp.mjs.map

package/dist/EditCommentModal-RbVMVDOp.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditCommentModal-RbVMVDOp.mjs","names":[],"sources":["../src/components/display/comments/modal/EditCommentModal.vue","../src/components/display/comments/modal/EditCommentModal.vue"],"sourcesContent":["<template>\n  <ClassicModal\n    id-modal=\"edit-comment-modal\"\n    :title-modal=\"t('Edit comment')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <ClassicLoading\n        :loading-text=\"inProcessing ? t('Send in progress') : undefined\"\n        :error-text=\"errorUpdate ? t(`An error occurred`) : undefined\"\n      />\n      <template v-if=\"!inProcessing && !errorUpdate\">\n        <ClassicInputText\n          v-model:text-init=\"commentText\"\n          v-model:error-variable=\"errorCommentText\"\n          input-id=\"comment-textarea\"\n          :label=\"t('Comment')\"\n          :max-length=\"Constants.MAX_COMMENT\"\n          :error-text=\"t('Please provide a comment')\"\n          :is-textarea=\"true\"\n          :is-emoji-picker=\"true\"\n          popover-relative-class=\"octopus-modal\"\n          :focus=\"true\"\n        />\n        <ClassicSelect\n          v-if=\"editRight\"\n          v-model:text-init=\"commentState\"\n          id-select=\"comment-state-select\"\n          :label=\"t('Status')\"\n          :display-label=\"true\"\n          :options=\"[\n            { title: t('pending'), value: 'PENDING' },\n            { title: t('Validated'), value: 'VALIDATED' },\n            { title: t('Invalid'), value: 'NOT_VALID' },\n          ]\"\n        />\n      </template>\n    </template>\n    <template #footer>\n      <button class=\"btn m-1\" @click=\"closePopup\">\n        {{ t(\"No\") }}\n      </button>\n      <button\n        class=\"btn btn-primary m-1\"\n        :disabled=\"errorCommentText\"\n        @click=\"onEditComment\"\n      >\n        {{ t(\"Yes\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../../api/classicApi\";\nimport Constants from \"../../../../../public/config\";\nimport { defineAsyncComponent, onBeforeMount, Ref, ref } from \"vue\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { useI18n } from \"vue-i18n\";\nconst ClassicModal = defineAsyncComponent(\n  () => import(\"../../../misc/modal/ClassicModal.vue\"),\n);\nconst ClassicLoading = defineAsyncComponent(\n  () => import(\"../../../form/ClassicLoading.vue\"),\n);\nconst ClassicInputText = defineAsyncComponent(\n  () => import(\"../../../form/ClassicInputText.vue\"),\n);\nconst ClassicSelect = defineAsyncComponent(\n  () => import(\"../../../form/ClassicSelect.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  comment: {\n    default: undefined,\n    type: Object as () => CommentPodcast,\n  },\n  editRight: { default: false, type: Boolean },\n})\n \n//Emits\nconst emit = defineEmits([\"close\", \"update:comment\"]);\n\n\n//Data \nconst commentText: Ref<string | undefined> = ref(undefined);\nconst errorCommentText = ref(true);\nconst commentState = ref(\"PENDING\");\nconst errorUpdate = ref(false);\nconst inProcessing = ref(false);\n\n//Composables\nconst { t } = useI18n();\n  \nonBeforeMount(()=>initComment())\n\n\n//Methods\nfunction initComment() {\n  if (!props.comment) {\n    return;\n  }\n  commentText.value = props.comment.content;\n  commentState.value = props.comment.state;\n}\nasync function onEditComment() {\n  if (!props.comment) {\n    return;\n  }\n  inProcessing.value = true;\n  try {\n    const commentUpdated = await classicApi.putData({\n      api: 2,\n      path: \"comment/\",\n      dataToSend: {\n        commentId: props.comment.commentId,\n        content: commentText.value,\n        state: commentState.value,\n      },\n      isNotAuth: !props.editRight,\n    });\n    emit(\"update:comment\", commentUpdated);\n    closePopup();\n  } catch {\n    errorUpdate.value = true;\n  }\n  inProcessing.value = false;\n}\nfunction closePopup() {\n  emit(\"close\");\n}\n</script>\n","<template>\n  <ClassicModal\n    id-modal=\"edit-comment-modal\"\n    :title-modal=\"t('Edit comment')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <ClassicLoading\n        :loading-text=\"inProcessing ? t('Send in progress') : undefined\"\n        :error-text=\"errorUpdate ? t(`An error occurred`) : undefined\"\n      />\n      <template v-if=\"!inProcessing && !errorUpdate\">\n        <ClassicInputText\n          v-model:text-init=\"commentText\"\n          v-model:error-variable=\"errorCommentText\"\n          input-id=\"comment-textarea\"\n          :label=\"t('Comment')\"\n          :max-length=\"Constants.MAX_COMMENT\"\n          :error-text=\"t('Please provide a comment')\"\n          :is-textarea=\"true\"\n          :is-emoji-picker=\"true\"\n          popover-relative-class=\"octopus-modal\"\n          :focus=\"true\"\n        />\n        <ClassicSelect\n          v-if=\"editRight\"\n          v-model:text-init=\"commentState\"\n          id-select=\"comment-state-select\"\n          :label=\"t('Status')\"\n          :display-label=\"true\"\n          :options=\"[\n            { title: t('pending'), value: 'PENDING' },\n            { title: t('Validated'), value: 'VALIDATED' },\n            { title: t('Invalid'), value: 'NOT_VALID' },\n          ]\"\n        />\n      </template>\n    </template>\n    <template #footer>\n      <button class=\"btn m-1\" @click=\"closePopup\">\n        {{ t(\"No\") }}\n      </button>\n      <button\n        class=\"btn btn-primary m-1\"\n        :disabled=\"errorCommentText\"\n        @click=\"onEditComment\"\n      >\n        {{ t(\"Yes\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../../api/classicApi\";\nimport Constants from \"../../../../../public/config\";\nimport { defineAsyncComponent, onBeforeMount, Ref, ref } from \"vue\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { useI18n } from \"vue-i18n\";\nconst ClassicModal = defineAsyncComponent(\n  () => import(\"../../../misc/modal/ClassicModal.vue\"),\n);\nconst ClassicLoading = defineAsyncComponent(\n  () => import(\"../../../form/ClassicLoading.vue\"),\n);\nconst ClassicInputText = defineAsyncComponent(\n  () => import(\"../../../form/ClassicInputText.vue\"),\n);\nconst ClassicSelect = defineAsyncComponent(\n  () => import(\"../../../form/ClassicSelect.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  comment: {\n    default: undefined,\n    type: Object as () => CommentPodcast,\n  },\n  editRight: { default: false, type: Boolean },\n})\n \n//Emits\nconst emit = defineEmits([\"close\", \"update:comment\"]);\n\n\n//Data \nconst commentText: Ref<string | undefined> = ref(undefined);\nconst errorCommentText = ref(true);\nconst commentState = ref(\"PENDING\");\nconst errorUpdate = ref(false);\nconst inProcessing = ref(false);\n\n//Composables\nconst { t } = useI18n();\n  \nonBeforeMount(()=>initComment())\n\n\n//Methods\nfunction initComment() {\n  if (!props.comment) {\n    return;\n  }\n  commentText.value = props.comment.content;\n  commentState.value = props.comment.state;\n}\nasync function onEditComment() {\n  if (!props.comment) {\n    return;\n  }\n  inProcessing.value = true;\n  try {\n    const commentUpdated = await classicApi.putData({\n      api: 2,\n      path: \"comment/\",\n      dataToSend: {\n        commentId: props.comment.commentId,\n        content: commentText.value,\n        state: commentState.value,\n      },\n      isNotAuth: !props.editRight,\n    });\n    emit(\"update:comment\", commentUpdated);\n    closePopup();\n  } catch {\n    errorUpdate.value = true;\n  }\n  inProcessing.value = false;\n}\nfunction closePopup() {\n  emit(\"close\");\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EA2DA,MAAM,eAAe,2BACb,OAAO,+BAAA,MAAA,MAAA,EAAA,CAAA,CACf;EACA,MAAM,iBAAiB,2BACf,OAAO,iCAAA,MAAA,MAAA,EAAA,CAAA,CACf;EACA,MAAM,mBAAmB,2BACjB,OAAO,mCAAA,MAAA,MAAA,EAAA,CAAA,CACf;EACA,MAAM,gBAAgB,2BACd,OAAO,gCAAA,MAAA,MAAA,EAAA,CAAA,CACf;EAGA,MAAM,QAAQ;EASd,MAAM,OAAO;EAIb,MAAM,cAAuC,IAAI,KAAA,CAAS;EAC1D,MAAM,mBAAmB,IAAI,IAAI;EACjC,MAAM,eAAe,IAAI,SAAS;EAClC,MAAM,cAAc,IAAI,KAAK;EAC7B,MAAM,eAAe,IAAI,KAAK;EAG9B,MAAM,EAAE,MAAM,QAAQ;EAEtB,oBAAkB,YAAY,CAAC;EAI/B,SAAS,cAAc;GACrB,IAAI,CAAC,MAAM,SACT;GAEF,YAAY,QAAQ,MAAM,QAAQ;GAClC,aAAa,QAAQ,MAAM,QAAQ;EACrC;EACA,eAAe,gBAAgB;GAC7B,IAAI,CAAC,MAAM,SACT;GAEF,aAAa,QAAQ;GACrB,IAAI;IAWF,KAAK,kBAAkB,MAVM,mBAAW,QAAQ;KAC9C,KAAK;KACL,MAAM;KACN,YAAY;MACV,WAAW,MAAM,QAAQ;MACzB,SAAS,YAAY;MACrB,OAAO,aAAa;KACtB;KACA,WAAW,CAAC,MAAM;IACpB,CAAC,CACoC;IACrC,WAAW;GACb,QAAQ;IACN,YAAY,QAAQ;GACtB;GACA,aAAa,QAAQ;EACvB;EACA,SAAS,aAAa;GACpB,KAAK,OAAO;EACd;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBClIE,YAiDe,OAAA,iBAAA;EAhDb,YAAS;EACR,eAAa,OAAA,EAAC,cAAA;EACd,SAAO,OAAA;;EAEG,MAAI,cAIX,CAHF,YAGE,OAAA,mBAAA;GAFC,gBAAc,OAAA,eAAe,OAAA,EAAC,kBAAA,IAAuB,KAAA;GACrD,cAAY,OAAA,cAAc,OAAA,EAAC,mBAAA,IAAwB,KAAA;gDAErC,OAAA,gBAAY,CAAK,OAAA,eAAA,UAAA,GAAlC,mBAyBW,UAAA,EAAA,KAAA,EAAA,GAAA,CAxBT,YAWE,OAAA,qBAAA;GAVQ,aAAW,OAAA;8DAAA,OAAA,cAAW;GACtB,kBAAgB,OAAA;mEAAA,OAAA,mBAAgB;GACxC,YAAS;GACR,OAAO,OAAA,EAAC,SAAA;GACR,cAAY,OAAA,UAAU;GACtB,cAAY,OAAA,EAAC,0BAAA;GACb,eAAa;GACb,mBAAiB;GAClB,0BAAuB;GACtB,OAAO;;;;;;;MAGF,OAAA,aAAA,UAAA,GADR,YAWE,OAAA,kBAAA;;GATQ,aAAW,OAAA;8DAAA,OAAA,eAAY;GAC/B,aAAU;GACT,OAAO,OAAA,EAAC,QAAA;GACR,iBAAe;GACf,SAAO;;YAAyB,OAAA,EAAC,SAAA;KAAA,OAAA;IAAA;;YAAsD,OAAA,EAAC,WAAA;KAAA,OAAA;IAAA;;YAA0D,OAAA,EAAC,SAAA;KAAA,OAAA;IAAA;;;;;;;EAQ/I,QAAM,cAGN,CAFT,mBAES,UAAA;GAFD,OAAM;GAAW,SAAO,OAAA;qBAC3B,OAAA,EAAC,IAAA,CAAA,GAAA,CAAA,GAEN,mBAMS,UAAA;GALP,OAAM;GACL,UAAU,OAAA;GACV,SAAO,OAAA;qBAEL,OAAA,EAAC,KAAA,CAAA,GAAA,GAAA,UAAA,CAAA,CAAA"}

package/dist/{EmissionGroupChooser-Djt1IZg7.mjs → EmissionGroupChooser-BXqM4iXP.mjs}

@@ -1,6 +1,6 @@
 import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.mjs";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
-import { b as groupsApi } from "./classicApi-CkDHWZG1.mjs";
+import { b as groupsApi } from "./classicApi-xjOqAovv.mjs";
 import { t as OctopusMultiselect_default } from "./OctopusMultiselect-tXNIWVpp.mjs";
 import { createBlock, defineComponent, onMounted, openBlock, ref } from "vue";
 //#region src/components/display/emission/EmissionGroupChooser.vue?vue&type=script&setup=true&lang.ts
@@ -79,4 +79,4 @@ var EmissionGroupChooser_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 //#endregion
 export { EmissionGroupChooser_exports as n, EmissionGroupChooser_default as t };
 
-//# sourceMappingURL=EmissionGroupChooser-Djt1IZg7.mjs.map
+//# sourceMappingURL=EmissionGroupChooser-BXqM4iXP.mjs.map

package/dist/EmissionGroupChooser-BXqM4iXP.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmissionGroupChooser-BXqM4iXP.mjs","names":[],"sources":["../src/components/display/emission/EmissionGroupChooser.vue","../src/components/display/emission/EmissionGroupChooser.vue"],"sourcesContent":["<template>\n    <OctopusMultiselect\n        :placeholder=\"placeholder ?? $t('Search - Emission groups placeholder')\"\n        :selected=\"groups\"\n        :options=\"allGroups\"\n        :no-border=\"noBorder\"\n        option-label=\"name\"\n        option-key=\"groupId\"\n        @update:selected=\"emitSelected\"\n    />\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, ref } from \"vue\";\n\nimport OctopusMultiselect from \"../../form/OctopusMultiselect.vue\"; \nimport { groupsApi, EmissionGroup } from \"../../../api/groupsApi\";\n\n//Props \nconst props = defineProps<{\n    /** Filter by organisation */\n    organisationId?: string|Array<string>;\n    /** Currently selected groups */\n    groups: Array<EmissionGroup>;\n    /** Change default placeholder */\n    placeholder?: string;\n    /** Disable borders */\n    noBorder?: boolean;\n}>();\n\n//Emits\nconst emit = defineEmits<{\n    (e: \"update:groups\", groups: Array<EmissionGroup>): void;\n}>();\n\n//Data\nconst maxElement = 200;\nconst allGroups = ref<Array<EmissionGroup>>([]);\n\nonMounted(async() => {\n    const response = await groupsApi.search({\n        first: 0,\n        size: maxElement,\n        organisationIds: [props.organisationId].flat(),\n    });\n\n    // Only groups with emissions are available\n    allGroups.value =  response.result.filter(g => g.emissionIds?.length ?? 0 > 0);\n});\n\nfunction emitSelected(option: Array<EmissionGroup>) {\n    emit(\"update:groups\", option);\n}\n</script>\n","<template>\n    <OctopusMultiselect\n        :placeholder=\"placeholder ?? $t('Search - Emission groups placeholder')\"\n        :selected=\"groups\"\n        :options=\"allGroups\"\n        :no-border=\"noBorder\"\n        option-label=\"name\"\n        option-key=\"groupId\"\n        @update:selected=\"emitSelected\"\n    />\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, ref } from \"vue\";\n\nimport OctopusMultiselect from \"../../form/OctopusMultiselect.vue\"; \nimport { groupsApi, EmissionGroup } from \"../../../api/groupsApi\";\n\n//Props \nconst props = defineProps<{\n    /** Filter by organisation */\n    organisationId?: string|Array<string>;\n    /** Currently selected groups */\n    groups: Array<EmissionGroup>;\n    /** Change default placeholder */\n    placeholder?: string;\n    /** Disable borders */\n    noBorder?: boolean;\n}>();\n\n//Emits\nconst emit = defineEmits<{\n    (e: \"update:groups\", groups: Array<EmissionGroup>): void;\n}>();\n\n//Data\nconst maxElement = 200;\nconst allGroups = ref<Array<EmissionGroup>>([]);\n\nonMounted(async() => {\n    const response = await groupsApi.search({\n        first: 0,\n        size: maxElement,\n        organisationIds: [props.organisationId].flat(),\n    });\n\n    // Only groups with emissions are available\n    allGroups.value =  response.result.filter(g => g.emissionIds?.length ?? 0 > 0);\n});\n\nfunction emitSelected(option: Array<EmissionGroup>) {\n    emit(\"update:groups\", option);\n}\n</script>\n"],"mappings":";;;;;;AAoCA,IAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;EAjBnB,MAAM,QAAQ;EAYd,MAAM,OAAO;EAMb,MAAM,YAAY,IAA0B,CAAC,CAAC;EAE9C,UAAU,YAAW;GAQjB,UAAU,SAAS,MAPI,UAAU,OAAO;IACpC,OAAO;IACP,MAAM;IACN,iBAAiB,CAAC,MAAM,cAAc,EAAE,KAAK;GACjD,CAAC,GAG2B,OAAO,QAAO,MAAK,EAAE,aAAa,UAAU,KAAK;EACjF,CAAC;EAED,SAAS,aAAa,QAA8B;GAChD,KAAK,iBAAiB,MAAM;EAChC;;;;;;;;;;;;;;;;;;;;qBCnDI,YAQE,OAAA,uBAAA;EAPG,aAAa,OAAA,eAAe,KAAA,GAAE,sCAAA;EAC9B,UAAU,OAAA;EACV,SAAS,OAAA;EACT,aAAW,OAAA;EACZ,gBAAa;EACb,cAAW;EACV,qBAAiB,OAAA"}