@saooti/octopus-sdk 42.1.0 → 42.1.2

package/dist/ClassicWysiwyg-Bew6KMXn.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClassicWysiwyg-Bew6KMXn.mjs","names":[],"sources":["../src/components/form/ClassicWysiwyg.vue","../src/components/form/ClassicWysiwyg.vue"],"sourcesContent":["<template>\n  <div class=\"wysiwyg-editor\">\n    <div v-if=\"editor\" class=\"editor-menubar\">\n      <button\n        :title=\"t('Bold')\"\n        data-selenium=\"Bold\"\n        :class=\"{ 'is-active': editor.isActive('bold') }\"\n        @click=\"editor.chain().focus().toggleBold().run()\"\n      >\n        <FormatBoldIcon />\n      </button>\n      <button\n        :title=\"t('Italic')\"\n        data-selenium=\"Italic\"\n        :class=\"{ 'is-active': editor.isActive('italic') }\"\n        @click=\"editor.chain().focus().toggleItalic().run()\"\n      >\n        <FormatItalicIcon />\n      </button>\n      <button\n        :title=\"t('Underline')\"\n        data-selenium=\"Underline\"\n        :class=\"{ 'is-active': editor.isActive('underline') }\"\n        @click=\"editor.chain().focus().toggleUnderline().run()\"\n      >\n        <FormatUnderlineIcon />\n      </button>\n      <button\n        :title=\"t('Link')\"\n        data-selenium=\"link\"\n        :class=\"{ 'is-active': editor.isActive('link') }\"\n        @click=\"setLink\"\n      >\n        <LinkVariantIcon />\n      </button>\n      <button\n        :title=\"t('Delete link')\"\n        data-selenium=\"unlink\"\n        :disabled=\"!editor.isActive('link')\"\n        @click=\"editor.chain().focus().unsetLink().run()\"\n      >\n        <LinkVariantOffIcon />\n      </button>\n      <button\n        :title=\"t('Heading3')\"\n        data-selenium=\"Heading3\"\n        :class=\"{ 'is-active': editor.isActive('heading', { level: 3 }) }\"\n        @click=\"editor.chain().focus().toggleHeading({ level: 3 }).run()\"\n      >\n        H3\n      </button>\n      <button\n        :title=\"t('Heading4')\"\n        data-selenium=\"Heading4\"\n        :class=\"{ 'is-active': editor.isActive('heading', { level: 4 }) }\"\n        @click=\"editor.chain().focus().toggleHeading({ level: 4 }).run()\"\n      >\n        H4\n      </button>\n      <button\n        :title=\"t('Line break')\"\n        data-selenium=\"lineBreak\"\n        @click=\"editor.chain().focus().setHardBreak().run()\"\n      >\n        <KeyboardReturnIcon />\n      </button>\n\n      <button\n        :title=\"t('UnorderedList')\"\n        data-selenium=\"UnorderedList\"\n        :class=\"{ 'is-active': editor.isActive('bulletList') }\"\n        @click=\"editor.chain().focus().toggleBulletList().run()\"\n      >\n        <FormatListBulletedIcon />\n      </button>\n      <button\n        :title=\"t('List')\"\n        data-selenium=\"List\"\n        :class=\"{ 'is-active': editor.isActive('orderedList') }\"\n        @click=\"editor.chain().focus().toggleOrderedList().run()\"\n      >\n        <FormatListNumberedIcon />\n      </button>\n      <button\n        :title=\"t('Display HTML')\"\n        data-selenium=\"Display-HTML\"\n        class=\"html-button\"\n        :class=\"{ 'is-active': isHtmlDisplay }\"\n        @click=\"isHtmlDisplay = !isHtmlDisplay\"\n      >\n        HTML\n      </button>\n    </div>\n    <editor-content\n      v-if=\"!isHtmlDisplay\"\n      class=\"form-input html-wysiwyg-content\"\n      :class=\"{\n        'border border-danger': errorDescription,\n        disabled: isDisabled,\n      }\"\n      :editor=\"editor\"\n    />\n    <pre\n      v-else\n      class=\"form-input\"\n      :class=\"{\n        'border border-danger': errorDescription,\n        disabled: isDisabled,\n      }\"\n    ><code>{{ html }}</code></pre>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport FormatBoldIcon from \"vue-material-design-icons/FormatBold.vue\";\nimport FormatItalicIcon from \"vue-material-design-icons/FormatItalic.vue\";\nimport FormatUnderlineIcon from \"vue-material-design-icons/FormatUnderline.vue\";\nimport LinkVariantIcon from \"vue-material-design-icons/LinkVariant.vue\";\nimport LinkVariantOffIcon from \"vue-material-design-icons/LinkVariantOff.vue\";\nimport KeyboardReturnIcon from \"vue-material-design-icons/KeyboardReturn.vue\";\nimport FormatListBulletedIcon from \"vue-material-design-icons/FormatListBulleted.vue\";\nimport FormatListNumberedIcon from \"vue-material-design-icons/FormatListNumbered.vue\";\nimport { EditorContent, Editor } from \"@tiptap/vue-3\";\nimport StarterKit from \"@tiptap/starter-kit\";\nimport Underline from \"@tiptap/extension-underline\";\nimport { TextStyle } from \"@tiptap/extension-text-style\";\nimport Link from \"@tiptap/extension-link\";\nimport HardBreak from \"@tiptap/extension-hard-break\";\nimport { onMounted, onUnmounted, Ref, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  content: { default: undefined, type: String },\n  errorDescription: { default: false, type: Boolean },\n  isDisabled: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"update:content\"]);\n\n//Data \nconst isHtmlDisplay = ref(false);\nconst html = ref(props.content);\nconst editor: Ref<Editor | null> = ref(null);\n\n//Composables\nconst { t } = useI18n();\n\n\n//Watch\nwatch(()=>props.content,() => {\n  if (props.content === html.value) {\n    return;\n  }\n  initContent();\n});\nwatch(()=>props.isDisabled,() => {\n  if (editor.value) {\n    editor.value.setOptions({\n      editable: true !== props.isDisabled,\n    });\n  }\n});\n\nonMounted(()=>{\n  editor.value = new Editor({\n    extensions: [\n      StarterKit,\n      Underline,\n      TextStyle,\n      Link.configure({\n        openOnClick: false,\n      }),\n      HardBreak,\n    ],\n    content: \"\",\n    editable: true !== props.isDisabled,\n    onUpdate: updateHtml,\n  });\n  initContent();\n})\n\nonUnmounted(()=>{\n  if (editor.value) {\n    editor.value.destroy();\n  }\n})\n\n//Methods\nfunction initContent(): void {\n  if (undefined !== props.content && editor.value && !editor.value.isFocused) {\n    editor.value.commands.setContent(props.content);\n    html.value = editor.value.getHTML();\n  }\n}\nfunction updateHtml(): void {\n  if (!editor.value) {return}\n  const plainText= editor.value.getText();\n  const regexHtml = /<(a|b|h3|h4|em|i|li|ol|p|strong|ul|u|br|span).*?/i\n  if(regexHtml.test(plainText)){\n    editor.value.commands.setContent(plainText);\n  }\n  html.value = editor.value.getHTML().trim();\n  const htmlHeart = html.value.substring(3, html.value.length - 4);\n  if (\n    html.value.startsWith(\"<p>\") &&\n    html.value.endsWith(\"</p>\") &&\n    !regexHtml.test(htmlHeart)\n  ) {\n    html.value = htmlHeart;\n  }\n  html.value = html.value.replaceAll(\"&nbsp;\", \" \");\n  emit(\"update:content\", html.value);\n}\nfunction setLink() {\n  if (!editor.value) {\n    return;\n  }\n  const previousUrl = editor.value.getAttributes(\"link\").href;\n  const url = window.prompt(\"URL\", previousUrl);\n  if (!url) {\n    return;\n  }\n  if (\"\" === url) {\n    editor.value.chain().focus().extendMarkRange(\"link\").unsetLink().run();\n    return;\n  }\n  editor.value\n    .chain()\n    .focus()\n    .extendMarkRange(\"link\")\n    .setLink({ href: url })\n    .run();\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .wysiwyg-editor {\n    .form-input {\n      height: 200px;\n      display: flex;\n    }\n\n    pre {\n      background: var(--octopus-secondary);\n      margin: 0;\n    }\n\n    code {\n      display: block;\n      white-space: pre-wrap;\n      width: 0;\n      flex-grow: 1;\n      overflow: auto;\n    }\n\n    .editor-menubar {\n      display: flex;\n      padding: 0.2rem;\n      flex-wrap: wrap;\n\n      button {\n        width: 40px;\n        height: 40px;\n        background: var(--octopus-secondary);\n        border-width: 0;\n        border-radius: var(--octopus-border-radius);\n        margin: 0.2rem;\n        padding: 0;\n        font-size: 1.1rem;\n        font-weight: 600;\n\n        &:hover,\n        &.is-active {\n          background: var(--octopus-primary-transparent);\n        }\n      }\n\n      .html-button {\n        font-size: 12px;\n      }\n\n      svg {\n        width: 40px;\n        height: 40px;\n      }\n    }\n    /* stylelint-disable-next-line */\n    .ProseMirror {\n      width: 0;\n      flex-grow: 1;\n      overflow: auto;\n    }\n  }\n}\n</style>\n","<template>\n  <div class=\"wysiwyg-editor\">\n    <div v-if=\"editor\" class=\"editor-menubar\">\n      <button\n        :title=\"t('Bold')\"\n        data-selenium=\"Bold\"\n        :class=\"{ 'is-active': editor.isActive('bold') }\"\n        @click=\"editor.chain().focus().toggleBold().run()\"\n      >\n        <FormatBoldIcon />\n      </button>\n      <button\n        :title=\"t('Italic')\"\n        data-selenium=\"Italic\"\n        :class=\"{ 'is-active': editor.isActive('italic') }\"\n        @click=\"editor.chain().focus().toggleItalic().run()\"\n      >\n        <FormatItalicIcon />\n      </button>\n      <button\n        :title=\"t('Underline')\"\n        data-selenium=\"Underline\"\n        :class=\"{ 'is-active': editor.isActive('underline') }\"\n        @click=\"editor.chain().focus().toggleUnderline().run()\"\n      >\n        <FormatUnderlineIcon />\n      </button>\n      <button\n        :title=\"t('Link')\"\n        data-selenium=\"link\"\n        :class=\"{ 'is-active': editor.isActive('link') }\"\n        @click=\"setLink\"\n      >\n        <LinkVariantIcon />\n      </button>\n      <button\n        :title=\"t('Delete link')\"\n        data-selenium=\"unlink\"\n        :disabled=\"!editor.isActive('link')\"\n        @click=\"editor.chain().focus().unsetLink().run()\"\n      >\n        <LinkVariantOffIcon />\n      </button>\n      <button\n        :title=\"t('Heading3')\"\n        data-selenium=\"Heading3\"\n        :class=\"{ 'is-active': editor.isActive('heading', { level: 3 }) }\"\n        @click=\"editor.chain().focus().toggleHeading({ level: 3 }).run()\"\n      >\n        H3\n      </button>\n      <button\n        :title=\"t('Heading4')\"\n        data-selenium=\"Heading4\"\n        :class=\"{ 'is-active': editor.isActive('heading', { level: 4 }) }\"\n        @click=\"editor.chain().focus().toggleHeading({ level: 4 }).run()\"\n      >\n        H4\n      </button>\n      <button\n        :title=\"t('Line break')\"\n        data-selenium=\"lineBreak\"\n        @click=\"editor.chain().focus().setHardBreak().run()\"\n      >\n        <KeyboardReturnIcon />\n      </button>\n\n      <button\n        :title=\"t('UnorderedList')\"\n        data-selenium=\"UnorderedList\"\n        :class=\"{ 'is-active': editor.isActive('bulletList') }\"\n        @click=\"editor.chain().focus().toggleBulletList().run()\"\n      >\n        <FormatListBulletedIcon />\n      </button>\n      <button\n        :title=\"t('List')\"\n        data-selenium=\"List\"\n        :class=\"{ 'is-active': editor.isActive('orderedList') }\"\n        @click=\"editor.chain().focus().toggleOrderedList().run()\"\n      >\n        <FormatListNumberedIcon />\n      </button>\n      <button\n        :title=\"t('Display HTML')\"\n        data-selenium=\"Display-HTML\"\n        class=\"html-button\"\n        :class=\"{ 'is-active': isHtmlDisplay }\"\n        @click=\"isHtmlDisplay = !isHtmlDisplay\"\n      >\n        HTML\n      </button>\n    </div>\n    <editor-content\n      v-if=\"!isHtmlDisplay\"\n      class=\"form-input html-wysiwyg-content\"\n      :class=\"{\n        'border border-danger': errorDescription,\n        disabled: isDisabled,\n      }\"\n      :editor=\"editor\"\n    />\n    <pre\n      v-else\n      class=\"form-input\"\n      :class=\"{\n        'border border-danger': errorDescription,\n        disabled: isDisabled,\n      }\"\n    ><code>{{ html }}</code></pre>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport FormatBoldIcon from \"vue-material-design-icons/FormatBold.vue\";\nimport FormatItalicIcon from \"vue-material-design-icons/FormatItalic.vue\";\nimport FormatUnderlineIcon from \"vue-material-design-icons/FormatUnderline.vue\";\nimport LinkVariantIcon from \"vue-material-design-icons/LinkVariant.vue\";\nimport LinkVariantOffIcon from \"vue-material-design-icons/LinkVariantOff.vue\";\nimport KeyboardReturnIcon from \"vue-material-design-icons/KeyboardReturn.vue\";\nimport FormatListBulletedIcon from \"vue-material-design-icons/FormatListBulleted.vue\";\nimport FormatListNumberedIcon from \"vue-material-design-icons/FormatListNumbered.vue\";\nimport { EditorContent, Editor } from \"@tiptap/vue-3\";\nimport StarterKit from \"@tiptap/starter-kit\";\nimport Underline from \"@tiptap/extension-underline\";\nimport { TextStyle } from \"@tiptap/extension-text-style\";\nimport Link from \"@tiptap/extension-link\";\nimport HardBreak from \"@tiptap/extension-hard-break\";\nimport { onMounted, onUnmounted, Ref, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  content: { default: undefined, type: String },\n  errorDescription: { default: false, type: Boolean },\n  isDisabled: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"update:content\"]);\n\n//Data \nconst isHtmlDisplay = ref(false);\nconst html = ref(props.content);\nconst editor: Ref<Editor | null> = ref(null);\n\n//Composables\nconst { t } = useI18n();\n\n\n//Watch\nwatch(()=>props.content,() => {\n  if (props.content === html.value) {\n    return;\n  }\n  initContent();\n});\nwatch(()=>props.isDisabled,() => {\n  if (editor.value) {\n    editor.value.setOptions({\n      editable: true !== props.isDisabled,\n    });\n  }\n});\n\nonMounted(()=>{\n  editor.value = new Editor({\n    extensions: [\n      StarterKit,\n      Underline,\n      TextStyle,\n      Link.configure({\n        openOnClick: false,\n      }),\n      HardBreak,\n    ],\n    content: \"\",\n    editable: true !== props.isDisabled,\n    onUpdate: updateHtml,\n  });\n  initContent();\n})\n\nonUnmounted(()=>{\n  if (editor.value) {\n    editor.value.destroy();\n  }\n})\n\n//Methods\nfunction initContent(): void {\n  if (undefined !== props.content && editor.value && !editor.value.isFocused) {\n    editor.value.commands.setContent(props.content);\n    html.value = editor.value.getHTML();\n  }\n}\nfunction updateHtml(): void {\n  if (!editor.value) {return}\n  const plainText= editor.value.getText();\n  const regexHtml = /<(a|b|h3|h4|em|i|li|ol|p|strong|ul|u|br|span).*?/i\n  if(regexHtml.test(plainText)){\n    editor.value.commands.setContent(plainText);\n  }\n  html.value = editor.value.getHTML().trim();\n  const htmlHeart = html.value.substring(3, html.value.length - 4);\n  if (\n    html.value.startsWith(\"<p>\") &&\n    html.value.endsWith(\"</p>\") &&\n    !regexHtml.test(htmlHeart)\n  ) {\n    html.value = htmlHeart;\n  }\n  html.value = html.value.replaceAll(\"&nbsp;\", \" \");\n  emit(\"update:content\", html.value);\n}\nfunction setLink() {\n  if (!editor.value) {\n    return;\n  }\n  const previousUrl = editor.value.getAttributes(\"link\").href;\n  const url = window.prompt(\"URL\", previousUrl);\n  if (!url) {\n    return;\n  }\n  if (\"\" === url) {\n    editor.value.chain().focus().extendMarkRange(\"link\").unsetLink().run();\n    return;\n  }\n  editor.value\n    .chain()\n    .focus()\n    .extendMarkRange(\"link\")\n    .setLink({ href: url })\n    .run();\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .wysiwyg-editor {\n    .form-input {\n      height: 200px;\n      display: flex;\n    }\n\n    pre {\n      background: var(--octopus-secondary);\n      margin: 0;\n    }\n\n    code {\n      display: block;\n      white-space: pre-wrap;\n      width: 0;\n      flex-grow: 1;\n      overflow: auto;\n    }\n\n    .editor-menubar {\n      display: flex;\n      padding: 0.2rem;\n      flex-wrap: wrap;\n\n      button {\n        width: 40px;\n        height: 40px;\n        background: var(--octopus-secondary);\n        border-width: 0;\n        border-radius: var(--octopus-border-radius);\n        margin: 0.2rem;\n        padding: 0;\n        font-size: 1.1rem;\n        font-weight: 600;\n\n        &:hover,\n        &.is-active {\n          background: var(--octopus-primary-transparent);\n        }\n      }\n\n      .html-button {\n        font-size: 12px;\n      }\n\n      svg {\n        width: 40px;\n        height: 40px;\n      }\n    }\n    /* stylelint-disable-next-line */\n    .ProseMirror {\n      width: 0;\n      flex-grow: 1;\n      overflow: auto;\n    }\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/ClipboardModal-7VJwXjk7.mjs.map

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

package/dist/ClipboardModal-BNGanHiD.mjs.map

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

package/dist/ClipboardModal-BXQoN3az.mjs.map

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

package/dist/ClipboardModal-BeGqMvLb.mjs.map

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

package/dist/ClipboardModal-CS-czxOJ.mjs.map

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

package/dist/ClipboardModal-Dm9Z1sRK.mjs

@@ -0,0 +1,84 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { i as useAuthStore } from "./classicApi-ChvwoPGT.mjs";
+import { t as ClassicModal_default } from "./ClassicModal-CilwHp9p.mjs";
+import { t as ClassicCopyButton_default } from "./ClassicCopyButton-M9AP3MKD.mjs";
+import { createBlock, createCommentVNode, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, resolveComponent, toDisplayString, withCtx } from "vue";
+import { useI18n } from "vue-i18n";
+//#region src/components/misc/modal/ClipboardModal.vue?vue&type=script&setup=true&lang.ts
+var ClipboardModal_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "ClipboardModal",
+	props: {
+		link: {
+			default: "",
+			type: String
+		},
+		emission: {
+			default: void 0,
+			type: Object
+		}
+	},
+	emits: ["close"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		__expose();
+		const emit = __emit;
+		const { t } = useI18n();
+		const authStore = useAuthStore();
+		function closePopup() {
+			emit("close");
+		}
+		const __returned__ = {
+			emit,
+			t,
+			authStore,
+			closePopup,
+			ClassicCopyButton: ClassicCopyButton_default,
+			ClassicModal: ClassicModal_default
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+//#endregion
+//#region src/components/misc/modal/ClipboardModal.vue
+var _hoisted_1 = { class: "d-flex justify-content-between align-items-center" };
+var _hoisted_2 = { id: "LINK" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_RssSection = resolveComponent("RssSection");
+	return openBlock(), createBlock($setup["ClassicModal"], {
+		"id-modal": "clipboard-modal",
+		"title-modal": $setup.t("RSS Link"),
+		onClose: $setup.closePopup
+	}, {
+		body: withCtx(() => [
+			createElementVNode("p", _hoisted_1, [
+				createTextVNode(toDisplayString($setup.t("Rss feed:")) + " ", 1),
+				createElementVNode("span", _hoisted_2, toDisplayString($props.link), 1),
+				createVNode($setup["ClassicCopyButton"], {
+					text: $setup.t("Copy"),
+					"text-after-copy": $setup.t("Copied!"),
+					"data-to-copy": $props.link,
+					"snackbar-text": $setup.t("Link in clipboard")
+				}, null, 8, [
+					"text",
+					"text-after-copy",
+					"data-to-copy",
+					"snackbar-text"
+				])
+			]),
+			createCommentVNode("\n        RssSection is not defined in the SDK: it is resolved at runtime from\n        the consuming app's globally registered components (app.component()),\n        and renders nothing if the app hasn't registered one under that name.\n      "),
+			$props.emission && void 0 !== $setup.authStore.authOrgaId ? (openBlock(), createBlock(_component_RssSection, {
+				key: 0,
+				emission: $props.emission
+			}, null, 8, ["emission"])) : createCommentVNode("v-if", true)
+		]),
+		_: 1
+	}, 8, ["title-modal"]);
+}
+var ClipboardModal_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ClipboardModal_vue_vue_type_script_setup_true_lang_default, [["render", _sfc_render], ["__file", "/home/julien/Workspace/octopus-sdk/src/components/misc/modal/ClipboardModal.vue"]]);
+//#endregion
+export { ClipboardModal_default as default };
+
+//# sourceMappingURL=ClipboardModal-Dm9Z1sRK.mjs.map

package/dist/ClipboardModal-Dm9Z1sRK.mjs.map

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

package/dist/ClipboardModal-PbKpLGXl.mjs.map

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

package/dist/CommentBasicView-BIiF59xV.mjs

@@ -0,0 +1,129 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { t as displayHelper_default } from "./displayHelper-CpXshNzz.mjs";
+import { t as ClassicPopover_default } from "./ClassicPopover-BIyLKorz.mjs";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, onMounted, onUnmounted, openBlock, ref, toDisplayString } from "vue";
+import { useI18n } from "vue-i18n";
+import dayjs from "dayjs";
+import relativeTime from "dayjs/plugin/relativeTime";
+import AlertIcon from "vue-material-design-icons/Alert.vue";
+//#region src/components/display/comments/item/CommentBasicView.vue?vue&type=script&setup=true&lang.ts
+var CommentBasicView_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "CommentBasicView",
+	props: {
+		comment: {
+			default: () => ({}),
+			type: Object
+		},
+		editRight: {
+			default: false,
+			type: Boolean
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		__expose();
+		dayjs.extend(relativeTime);
+		const props = __props;
+		const displayPreview = ref(true);
+		const date = ref("");
+		const dateInterval = ref(void 0);
+		const { t } = useI18n();
+		const commentTooLong = computed(() => props.comment.content.length > 300);
+		const username = computed(() => props.comment.poster.userName);
+		const isValidComment = computed(() => "VALIDATED" === props.comment.state);
+		const readMore = computed(() => displayPreview.value ? t("Read more") : t("Read less"));
+		const contentDisplay = computed(() => {
+			if (!displayPreview.value || !commentTooLong.value) return props.comment.content;
+			return props.comment.content.substring(0, 300) + "...";
+		});
+		onMounted(() => {
+			defineDateFromNow();
+			dateInterval.value = setInterval(() => {
+				defineDateFromNow();
+			}, 6e4);
+		});
+		onUnmounted(() => clearInterval(dateInterval.value));
+		function urlify(text) {
+			return displayHelper_default.urlify(text);
+		}
+		function defineDateFromNow() {
+			if (!props.comment.date) date.value = "";
+			date.value = dayjs(props.comment.date).fromNow();
+		}
+		const __returned__ = {
+			props,
+			displayPreview,
+			date,
+			dateInterval,
+			t,
+			commentTooLong,
+			username,
+			isValidComment,
+			readMore,
+			contentDisplay,
+			urlify,
+			defineDateFromNow,
+			AlertIcon,
+			ClassicPopover: ClassicPopover_default
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+//#endregion
+//#region src/components/display/comments/item/CommentBasicView.vue
+var _hoisted_1 = { class: "d-flex flex-column w-100" };
+var _hoisted_2 = { class: "d-flex align-items-center h6 mb-2" };
+var _hoisted_3 = ["id"];
+var _hoisted_4 = ["datetime"];
+var _hoisted_5 = {
+	key: 0,
+	class: "d-flex align-items-center text-danger me-2"
+};
+var _hoisted_6 = ["innerHTML"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("div", _hoisted_1, [
+		createElementVNode("div", _hoisted_2, [
+			createElementVNode("button", {
+				id: "popover-comment" + $props.comment.commentId,
+				class: normalizeClass([$setup.isValidComment ? "c-hand-auto" : "text-danger", "btn-transparent me-2"])
+			}, toDisplayString($setup.username), 11, _hoisted_3),
+			createVNode($setup["ClassicPopover"], {
+				disable: $setup.isValidComment,
+				target: "popover-comment" + $props.comment.commentId,
+				content: $setup.t("Comment waiting")
+			}, null, 8, [
+				"disable",
+				"target",
+				"content"
+			]),
+			createElementVNode("time", {
+				datetime: $props.comment.date,
+				class: "me-2"
+			}, toDisplayString($setup.date), 9, _hoisted_4),
+			$props.comment.abuse && $props.editRight ? (openBlock(), createElementBlock("div", _hoisted_5, [createVNode($setup["AlertIcon"], {
+				size: 16,
+				class: "me-1"
+			}), createTextVNode(" " + toDisplayString($setup.t("abuse denounced", { nb: $props.comment.abuse })), 1)])) : createCommentVNode("v-if", true),
+			$props.editRight ? (openBlock(), createElementBlock("span", {
+				key: 1,
+				class: normalizeClass("status-" + $props.comment.state)
+			}, null, 2)) : createCommentVNode("v-if", true)
+		]),
+		createCommentVNode(" eslint-disable vue/no-v-html "),
+		createElementVNode("pre", { innerHTML: $setup.urlify($setup.contentDisplay) }, null, 8, _hoisted_6),
+		createCommentVNode(" eslint-enable "),
+		$setup.commentTooLong ? (openBlock(), createElementBlock("a", {
+			key: 0,
+			class: "c-hand font-italic",
+			onClick: _cache[0] || (_cache[0] = ($event) => $setup.displayPreview = !$setup.displayPreview)
+		}, toDisplayString($setup.readMore), 1)) : createCommentVNode("v-if", true)
+	]);
+}
+var CommentBasicView_default = /*#__PURE__*/ _plugin_vue_export_helper_default(CommentBasicView_vue_vue_type_script_setup_true_lang_default, [["render", _sfc_render], ["__file", "/home/julien/Workspace/octopus-sdk/src/components/display/comments/item/CommentBasicView.vue"]]);
+//#endregion
+export { CommentBasicView_default as t };
+
+//# sourceMappingURL=CommentBasicView-BIiF59xV.mjs.map

package/dist/CommentInput-BHP1nNsj.mjs.map

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

package/dist/CommentInput-BJTzH-_a.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentInput-BJTzH-_a.mjs","names":[],"sources":["../src/components/display/comments/CommentInput.vue","../src/components/display/comments/CommentInput.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex flex-column comment-input-container mt-3\">\n    <CommentName v-if=\"commentStore.commentUser?.name\" />\n    <ClassicContentEditable\n      ref=\"textarea\"\n      v-model=\"newComment\"\n      class=\"comment-input\"\n      :placeholder=\"placeholder\"\n      @focus=\"isTextareaActive = true\"\n    />\n    <div v-if=\"isTextareaActive\" class=\"d-flex justify-content-between mt-1\">\n      <ClassicEmojiPicker\n        :id=\"uniqueId\"\n        popover-relative-class=\"page-element\"\n        @emoji-selected=\"addEmojiSelected\"\n      />\n      <div class=\"d-flex ms-auto\">\n        <p\n          class=\"d-flex justify-content-end h6 me-3\"\n          :class=\"{ 'text-danger': !commentTooLong }\"\n        >\n          {{ countComment + \" / \" + maxComment }}\n        </p>\n        <button class=\"btn me-2\" @mousedown=\"cancelAction\">\n          {{ t(\"Cancel\") }}\n        </button>\n        <button\n          class=\"btn btn-primary\"\n          :disabled=\"0 === countComment || !commentTooLong\"\n          @mousedown=\"requestToSend\"\n        >\n          {{ placeholder }}\n        </button>\n      </div>\n    </div>\n    <CheckIdentityModal\n      v-if=\"isCheckIdentity\"\n      @validate=\"postComment\"\n      @close=\"isCheckIdentity = false\"\n    />\n    <MessageModal\n      v-if=\"postError\"\n      :validatetext=\"t('Close')\"\n      :title=\"t('Error')\"\n      :message=\"t('Error occurs while post your comment...')\"\n      @close=\"postError = false\"\n      @validate=\"postError = false\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport Constants from \"../../../../public/config\";\nimport { defineAsyncComponent, ref, computed, watch, useTemplateRef } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\nconst CheckIdentityModal = defineAsyncComponent(\n  () => import(\"./modal/CheckIdentityModal.vue\"),\n);\nconst CommentName = defineAsyncComponent(() => import(\"./CommentName.vue\"));\nconst MessageModal = defineAsyncComponent(\n  () => import(\"../../misc/modal/MessageModal.vue\"),\n);\nconst ClassicEmojiPicker = defineAsyncComponent(\n  () => import(\"../../form/ClassicEmojiPicker.vue\"),\n);\nconst ClassicContentEditable = defineAsyncComponent(\n  () => import(\"../../form/ClassicContentEditable.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  focus: { default: false, type: Boolean },\n  inAnswerComment: {\n    default: undefined,\n    type: Object as () => CommentPodcast,\n  },\n})\n\n//Emits\nconst emit = defineEmits([\"cancelAction\", \"newComment\"]);\n\n//Data \nconst maxComment = Constants.MAX_COMMENT;\nconst newComment = ref(\"\");\nconst isTextareaActive = ref(false);\nconst isCheckIdentity = ref(false);\nconst postError = ref(false);\nconst textareaRef = useTemplateRef('textarea');\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst commentStore = useCommentStore();\nconst authStore = useAuthStore();\n\n//Computed\nconst commentTooLong = computed(() => countComment.value <= maxComment);\nconst countComment = computed(() => newComment.value.length);\nconst placeholder = computed(() => props.inAnswerComment?.commentId? t(\"Answer a comment\"): t(\"Write a comment\"));\nconst uniqueId = computed(() => \"-comment\"+(props.inAnswerComment?.commentId??\"-parent\"));\n\n\n//Watch\nwatch(()=>props.focus, () => textareaRef?.value?.focus());\n\n\n//Methods\nfunction addEmojiSelected(emoji: string) {\n  newComment.value += emoji;\n}\nfunction requestToSend(): void {\n  if (commentStore.commentUser?.name) {\n    postComment();\n  } else {\n    isCheckIdentity.value = true;\n  }\n}\nfunction cancelAction(): void {\n  newComment.value = \"\";\n  isTextareaActive.value = false;\n  emit(\"cancelAction\");\n}\nasync function postComment(): Promise<void> {\n  try {\n    const commentReceived = await classicApi.postData<CommentPodcast>({\n      api: 2,\n      path: \"comment/\",\n      dataToSend: {\n        answerTo: props.inAnswerComment?.commentId,\n        content: newComment.value.trim(),\n        name: commentStore.commentUser?.name ?? \"\",\n        podcastId:\n          props.podcast?.podcastId ?? props.inAnswerComment?.podcastId ?? 0,\n        uuid: commentStore.commentUser?.uuid ?? \"\",\n        timeline: defineTimelineValue(),\n      },\n      isNotAuth: undefined === authStore.authOrgaId,\n    });\n    emit(\"newComment\", commentReceived);\n    newComment.value = \"\";\n    isTextareaActive.value = false;\n  } catch {\n    postError.value = true;\n  }\n  isCheckIdentity.value = false;\n}\nfunction defineTimelineValue(): number {\n  let timeline = 0;\n  if (\n    undefined !== props.podcast &&\n    (playerStore.playerPodcast?.podcastId === props.podcast.podcastId ||\n    playerStore.playerLive?.podcastId === props.podcast.podcastId)\n  ) {\n    timeline = Math.round(playerStore.playerElapsed * playerStore.playerTotal);\n    if (props.podcast.duration && playerStore.playerPodcast) {\n      timeline = Math.round(\n        timeline - (playerStore.playerTotal - props.podcast.duration / 1000),\n      );\n    }\n  }\n  return timeline < 0 ? 0 : timeline;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app .comment-input-container {\n  .comment-input {\n    border-bottom: 0.1rem solid var(--octopus-border-default);\n    overflow: hidden;\n    min-height: 36px;\n    resize: none;\n  }\n}\n</style>\n","<template>\n  <div class=\"d-flex flex-column comment-input-container mt-3\">\n    <CommentName v-if=\"commentStore.commentUser?.name\" />\n    <ClassicContentEditable\n      ref=\"textarea\"\n      v-model=\"newComment\"\n      class=\"comment-input\"\n      :placeholder=\"placeholder\"\n      @focus=\"isTextareaActive = true\"\n    />\n    <div v-if=\"isTextareaActive\" class=\"d-flex justify-content-between mt-1\">\n      <ClassicEmojiPicker\n        :id=\"uniqueId\"\n        popover-relative-class=\"page-element\"\n        @emoji-selected=\"addEmojiSelected\"\n      />\n      <div class=\"d-flex ms-auto\">\n        <p\n          class=\"d-flex justify-content-end h6 me-3\"\n          :class=\"{ 'text-danger': !commentTooLong }\"\n        >\n          {{ countComment + \" / \" + maxComment }}\n        </p>\n        <button class=\"btn me-2\" @mousedown=\"cancelAction\">\n          {{ t(\"Cancel\") }}\n        </button>\n        <button\n          class=\"btn btn-primary\"\n          :disabled=\"0 === countComment || !commentTooLong\"\n          @mousedown=\"requestToSend\"\n        >\n          {{ placeholder }}\n        </button>\n      </div>\n    </div>\n    <CheckIdentityModal\n      v-if=\"isCheckIdentity\"\n      @validate=\"postComment\"\n      @close=\"isCheckIdentity = false\"\n    />\n    <MessageModal\n      v-if=\"postError\"\n      :validatetext=\"t('Close')\"\n      :title=\"t('Error')\"\n      :message=\"t('Error occurs while post your comment...')\"\n      @close=\"postError = false\"\n      @validate=\"postError = false\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport Constants from \"../../../../public/config\";\nimport { defineAsyncComponent, ref, computed, watch, useTemplateRef } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\nconst CheckIdentityModal = defineAsyncComponent(\n  () => import(\"./modal/CheckIdentityModal.vue\"),\n);\nconst CommentName = defineAsyncComponent(() => import(\"./CommentName.vue\"));\nconst MessageModal = defineAsyncComponent(\n  () => import(\"../../misc/modal/MessageModal.vue\"),\n);\nconst ClassicEmojiPicker = defineAsyncComponent(\n  () => import(\"../../form/ClassicEmojiPicker.vue\"),\n);\nconst ClassicContentEditable = defineAsyncComponent(\n  () => import(\"../../form/ClassicContentEditable.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  focus: { default: false, type: Boolean },\n  inAnswerComment: {\n    default: undefined,\n    type: Object as () => CommentPodcast,\n  },\n})\n\n//Emits\nconst emit = defineEmits([\"cancelAction\", \"newComment\"]);\n\n//Data \nconst maxComment = Constants.MAX_COMMENT;\nconst newComment = ref(\"\");\nconst isTextareaActive = ref(false);\nconst isCheckIdentity = ref(false);\nconst postError = ref(false);\nconst textareaRef = useTemplateRef('textarea');\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst commentStore = useCommentStore();\nconst authStore = useAuthStore();\n\n//Computed\nconst commentTooLong = computed(() => countComment.value <= maxComment);\nconst countComment = computed(() => newComment.value.length);\nconst placeholder = computed(() => props.inAnswerComment?.commentId? t(\"Answer a comment\"): t(\"Write a comment\"));\nconst uniqueId = computed(() => \"-comment\"+(props.inAnswerComment?.commentId??\"-parent\"));\n\n\n//Watch\nwatch(()=>props.focus, () => textareaRef?.value?.focus());\n\n\n//Methods\nfunction addEmojiSelected(emoji: string) {\n  newComment.value += emoji;\n}\nfunction requestToSend(): void {\n  if (commentStore.commentUser?.name) {\n    postComment();\n  } else {\n    isCheckIdentity.value = true;\n  }\n}\nfunction cancelAction(): void {\n  newComment.value = \"\";\n  isTextareaActive.value = false;\n  emit(\"cancelAction\");\n}\nasync function postComment(): Promise<void> {\n  try {\n    const commentReceived = await classicApi.postData<CommentPodcast>({\n      api: 2,\n      path: \"comment/\",\n      dataToSend: {\n        answerTo: props.inAnswerComment?.commentId,\n        content: newComment.value.trim(),\n        name: commentStore.commentUser?.name ?? \"\",\n        podcastId:\n          props.podcast?.podcastId ?? props.inAnswerComment?.podcastId ?? 0,\n        uuid: commentStore.commentUser?.uuid ?? \"\",\n        timeline: defineTimelineValue(),\n      },\n      isNotAuth: undefined === authStore.authOrgaId,\n    });\n    emit(\"newComment\", commentReceived);\n    newComment.value = \"\";\n    isTextareaActive.value = false;\n  } catch {\n    postError.value = true;\n  }\n  isCheckIdentity.value = false;\n}\nfunction defineTimelineValue(): number {\n  let timeline = 0;\n  if (\n    undefined !== props.podcast &&\n    (playerStore.playerPodcast?.podcastId === props.podcast.podcastId ||\n    playerStore.playerLive?.podcastId === props.podcast.podcastId)\n  ) {\n    timeline = Math.round(playerStore.playerElapsed * playerStore.playerTotal);\n    if (props.podcast.duration && playerStore.playerPodcast) {\n      timeline = Math.round(\n        timeline - (playerStore.playerTotal - props.podcast.duration / 1000),\n      );\n    }\n  }\n  return timeline < 0 ? 0 : timeline;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app .comment-input-container {\n  .comment-input {\n    border-bottom: 0.1rem solid var(--octopus-border-default);\n    overflow: hidden;\n    min-height: 36px;\n    resize: none;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EA6DA,MAAM,qBAAqB,2BACnB,OAAO,oCACf;EACA,MAAM,cAAc,2BAA2B,OAAO,6BAAoB;EAC1E,MAAM,eAAe,2BACb,OAAO,+BAAA,MAAA,MAAA,EAAA,CAAA,CACf;EACA,MAAM,qBAAqB,2BACnB,OAAO,oCACf;EACA,MAAM,yBAAyB,2BACvB,OAAO,wCACf;EAGA,MAAM,QAAQ;EAUd,MAAM,OAAO;EAGb,MAAM,aAAa,eAAU;EAC7B,MAAM,aAAa,IAAI,EAAE;EACzB,MAAM,mBAAmB,IAAI,KAAK;EAClC,MAAM,kBAAkB,IAAI,KAAK;EACjC,MAAM,YAAY,IAAI,KAAK;EAC3B,MAAM,cAAc,eAAe,UAAU;EAG7C,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,cAAc,eAAe;EACnC,MAAM,eAAe,gBAAgB;EACrC,MAAM,YAAY,aAAa;EAG/B,MAAM,iBAAiB,eAAe,aAAa,SAAS,UAAU;EACtE,MAAM,eAAe,eAAe,WAAW,MAAM,MAAM;EAC3D,MAAM,cAAc,eAAe,MAAM,iBAAiB,YAAW,EAAE,kBAAkB,IAAG,EAAE,iBAAiB,CAAC;EAChH,MAAM,WAAW,eAAe,cAAY,MAAM,iBAAiB,aAAW,UAAU;EAIxF,YAAU,MAAM,aAAa,aAAa,OAAO,MAAM,CAAC;EAIxD,SAAS,iBAAiB,OAAe;GACvC,WAAW,SAAS;EACtB;EACA,SAAS,gBAAsB;GAC7B,IAAI,aAAa,aAAa,MAC5B,YAAY;QAEZ,gBAAgB,QAAQ;EAE5B;EACA,SAAS,eAAqB;GAC5B,WAAW,QAAQ;GACnB,iBAAiB,QAAQ;GACzB,KAAK,cAAc;EACrB;EACA,eAAe,cAA6B;GAC1C,IAAI;IAeF,KAAK,cAAc,MAdW,mBAAW,SAAyB;KAChE,KAAK;KACL,MAAM;KACN,YAAY;MACV,UAAU,MAAM,iBAAiB;MACjC,SAAS,WAAW,MAAM,KAAK;MAC/B,MAAM,aAAa,aAAa,QAAQ;MACxC,WACE,MAAM,SAAS,aAAa,MAAM,iBAAiB,aAAa;MAClE,MAAM,aAAa,aAAa,QAAQ;MACxC,UAAU,oBAAoB;KAChC;KACA,WAAW,KAAA,MAAc,UAAU;IACrC,CAAC,CACiC;IAClC,WAAW,QAAQ;IACnB,iBAAiB,QAAQ;GAC3B,QAAQ;IACN,UAAU,QAAQ;GACpB;GACA,gBAAgB,QAAQ;EAC1B;EACA,SAAS,sBAA8B;GACrC,IAAI,WAAW;GACf,IACE,KAAA,MAAc,MAAM,YACnB,YAAY,eAAe,cAAc,MAAM,QAAQ,aACxD,YAAY,YAAY,cAAc,MAAM,QAAQ,YACpD;IACA,WAAW,KAAK,MAAM,YAAY,gBAAgB,YAAY,WAAW;IACzE,IAAI,MAAM,QAAQ,YAAY,YAAY,eACxC,WAAW,KAAK,MACd,YAAY,YAAY,cAAc,MAAM,QAAQ,WAAW,IACjE;GAEJ;GACA,OAAO,WAAW,IAAI,IAAI;EAC5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBCvKO,OAAM,kDAAiD;;;CAS7B,OAAM;;mBAM5B,OAAM,iBAAgB;;;qBAf/B,mBA+CM,OA/CN,YA+CM;EA9Ce,OAAA,aAAa,aAAa,QAAA,UAAA,GAA7C,YAAqD,OAAA,gBAAA,EAAA,KAAA,EAAA,CAAA,KAAA,mBAAA,QAAA,IAAA;EACrD,YAME,OAAA,2BAAA;GALA,KAAI;eACK,OAAA;gEAAA,OAAA,aAAU;GACnB,OAAM;GACL,aAAa,OAAA;GACb,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,mBAAgB;;EAEf,OAAA,oBAAA,UAAA,GAAX,mBAwBM,OAxBN,YAwBM,CAvBJ,YAIE,OAAA,uBAAA;GAHC,IAAI,OAAA;GACL,0BAAuB;GACtB,iBAAgB,OAAA;uBAEnB,mBAiBM,OAjBN,YAiBM;GAhBJ,mBAKI,KAAA,EAJF,OAAK,eAAA,CAAC,sCAAoC,EAAA,eAAA,CAChB,OAAA,eAAc,CAAA,CAAA,EAAA,GAAA,gBAErC,OAAA,eAAY,QAAW,OAAA,UAAU,GAAA,CAAA;GAEtC,mBAES,UAAA;IAFD,OAAM;IAAY,aAAW,OAAA;sBAChC,OAAA,EAAC,QAAA,CAAA,GAAA,EAAA;GAEN,mBAMS,UAAA;IALP,OAAM;IACL,UAAQ,MAAQ,OAAA,gBAAY,CAAK,OAAA;IACjC,aAAW,OAAA;sBAET,OAAA,WAAW,GAAA,IAAA,UAAA;;EAKZ,OAAA,mBAAA,UAAA,GADR,YAIE,OAAA,uBAAA;;GAFC,YAAU,OAAA;GACV,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,kBAAe;;EAGjB,OAAA,aAAA,UAAA,GADR,YAOE,OAAA,iBAAA;;GALC,cAAc,OAAA,EAAC,OAAA;GACf,OAAO,OAAA,EAAC,OAAA;GACR,SAAS,OAAA,EAAC,yCAAA;GACV,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,YAAS;GAChB,YAAQ,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,YAAS"}

package/dist/CommentInput-BS_2bqYB.mjs.map

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

package/dist/CommentInput-Bp_Tu2c1.mjs.map

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

package/dist/CommentInput-C5ZDqAmV.mjs.map

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