npm - @saooti/octopus-sdk - Versions diffs - 42.3.0 → 42.3.1 - Mend

@saooti/octopus-sdk 42.3.0 → 42.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (615) hide show

package/dist/ShareAnonymous-BeSQozvM.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ShareAnonymous-BeSQozvM.mjs","names":["classicApi","_openBlock","_createElementBlock","_createElementVNode","_normalizeClass","_createVNode","_withCtx","_Fragment","_renderList","_withKeys","_createBlock","_resolveDynamicComponent","_toDisplayString","_createCommentVNode","_sfc_main"],"sources":["../src/components/display/sharing/ShareAnonymous.vue","../src/components/display/sharing/ShareAnonymous.vue"],"sourcesContent":["<template>\n <div v-if=\"!isLoading && !noSharing\">\n <button\n id=\"anonymous-share-button\"\n :class=\"btnClass\"\n :title=\"t('Share')\"\n >\n <DotsHorizontalIcon />\n </button>\n <ClassicPopover\n target=\"anonymous-share-button\"\n :relative-class=\"relativeClass\"\n :is-fixed=\"true\"\n :left-pos=\"true\"\n :only-click=\"true\"\n >\n <div \n v-for=\"button in dropdownButtons\"\n :key=\"button.icon\"\n class=\"d-flex flex-column\"\n >\n <button\n v-if=\"button.condition\"\n :key=\"button.title\"\n class=\"btn-transparent d-flex flex-nowrap justify-content-start align-items-center octopus-dropdown-item py-2\"\n :title=\"button.title\"\n @mousedown=\"clickButton(button.emitName)\"\n @keydown.enter=\"clickButton(button.emitName)\"\n >\n <component :is=\"button.icon\" />\n <span class=\"ms-1\">{{ button.title }}</span>\n </button>\n </div>\n </ClassicPopover>\n <QrCodeModal\n v-if=\"isQrCodeModal\"\n :url-page=\"urlPage\"\n :orga-for-color=\"organisationId\"\n @close=\"isQrCodeModal = false\"\n />\n <PlayerAnonymousModal\n v-if=\"isPlayerModal\"\n :podcast=\"podcast\"\n :emission=\"emission ?? podcast?.emission\"\n :exclusive=\"!playerCanBeSharedOthers\"\n :not-exclusive=\"playerCanBeSharedAnonymous\"\n @close=\"isPlayerModal = false\"\n />\n <NewsletterModal\n v-if=\"isNewsletterModal\"\n :closable=\"true\"\n :podcast=\"podcast\"\n :emission=\"emission\"\n :playlist=\"playlist\"\n @close=\"isNewsletterModal = false\"\n />\n <ClipboardModal\n v-if=\"isRssModal\"\n :link=\"rssUrl\"\n @close=\"isRssModal = false\"\n />\n <SnackBar\n v-if=\"lazyLoadingSnackbar\"\n ref=\"snackbar\"\n position=\"bottom-left\"\n />\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport QrcodeIcon from \"vue-material-design-icons/Qrcode.vue\";\nimport LinkVariantIcon from \"vue-material-design-icons/LinkVariant.vue\";\nimport LinkVariantPlusIcon from \"vue-material-design-icons/LinkVariantPlus.vue\";\nimport DotsHorizontalIcon from \"vue-material-design-icons/DotsHorizontal.vue\";\nimport ClassicPopover from \"../../misc/ClassicPopover.vue\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport { computed, defineAsyncComponent, onBeforeMount, ref, useTemplateRef } from \"vue\";\nimport { useApiStore } from \"../../../stores/ApiStore\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport classicApi from \"../../../api/classicApi\";\nimport { useI18n } from \"vue-i18n\";\nimport { useSharePath } from \"@/components/composable/share/useSharePath\";\nconst SnackBar = defineAsyncComponent(() => import(\"../../misc/SnackBar.vue\"));\nconst NewsletterModal = defineAsyncComponent(\n () => import(\"../../misc/modal/NewsletterModal.vue\"),\n);\nconst QrCodeModal = defineAsyncComponent(\n () => import(\"../../misc/modal/QrCodeModal.vue\"),\n);\nconst ClipboardModal = defineAsyncComponent(\n () => import(\"../../misc/modal/ClipboardModal.vue\"),\n);\nconst PlayerAnonymousModal = defineAsyncComponent(\n () => import(\"../sharing/PlayerAnonymousModal.vue\"),\n);\nconst CodeTagsIcon = defineAsyncComponent(\n () => import(\"vue-material-design-icons/CodeTags.vue\"),\n);\nconst EmailNewsletterIcon = defineAsyncComponent(\n () => import(\"vue-material-design-icons/EmailNewsletter.vue\"),\n);\nconst RssIcon = defineAsyncComponent(\n () => import(\"vue-material-design-icons/Rss.vue\"),\n);\n\n//Props \nconst props = defineProps({\n podcast: { default: undefined, type: Object as () => Podcast },\n emission: { default: undefined, type: Object as () => Emission },\n playlist: { default: undefined, type: Object as () => Playlist },\n participantId: { default: undefined, type: Number },\n organisationId: { default: undefined, type: String },\n relativeClass: { default: \"page-element\", type: String },\n btnClass: { default: \"btn btn-transparent\", type: String },\n})\n\n//Data \nconst lazyLoadingSnackbar = ref(false);\nconst isNewsletterModal = ref(false);\nconst isQrCodeModal = ref(false);\nconst displayRss = ref(false);\nconst noSharing = ref(true);\nconst playerCanBeSharedAnonymous = ref(false);\nconst playerCanBeSharedOthers = ref(false);\nconst isLoading = ref(true);\nconst isRssModal = ref(false);\nconst isPlayerModal = ref(false);\nconst snackBarRef = useTemplateRef('snackbar');\n\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst saveFetchStore = useSaveFetchStore();\nconst { getSmartLink } = useSharePath();\n\n//Computed\nconst urlPage = computed(() => window.location.href);\nconst isPodcastmaker = computed(() => state.generalParameters.podcastmaker);\nconst rssUrl = computed(() => {\n const api = apiStore.apiUrl + \"rss/\";\n if (\n (!isPodcastmaker.value && props.playlist) ||\n props.podcast ||\n props.emission\n ) {\n return \"\";\n }\n if (props.participantId) {\n return api + \"participant/\" + props.participantId + \".rss\";\n }\n if (props.playlist) {\n return api + \"playlist/\" + props.playlist.playlistId + \".rss\";\n }\n if (props.organisationId) {\n return api + \"productor/\" + props.organisationId + \".rss\";\n }\n return \"\";\n});\nconst titleRssButton = computed(() => {\n if (props.participantId) {\n return t(\"Subscribe to this participant\");\n }\n if (props.emission) {\n return t(\"Subscribe to this emission\");\n }\n return t(\"Subscribe to this RSS feed\");\n});\n\nconst dropdownButtons = computed(() => {\n return [\n {\n title: t(\"Copy this page URL\"),\n icon: LinkVariantIcon,\n condition:true,\n emitName: \"link\",\n },\n {\n title: t(\"SmartLink - Share link\"),\n icon: LinkVariantPlusIcon,\n condition: isPodcastmaker.value && (props.emission || props.playlist),\n emitName: \"smartlink\",\n },\n {\n title: t(\"Share the player\"),\n icon: CodeTagsIcon,\n condition: !isPodcastmaker.value && (playerCanBeSharedAnonymous.value || (playerCanBeSharedOthers.value && authStore.authOrgaId)),\n emitName: \"player\",\n },\n {\n title: t(\"Share newsletter\"),\n icon: EmailNewsletterIcon,\n condition: props.podcast || props.emission || props.playlist,\n emitName: \"newsletter\",\n },\n {\n title: t(\"Share QR Code\"),\n icon: QrcodeIcon,\n condition: true,\n emitName: \"qrcode\",\n },\n {\n title: titleRssButton.value,\n icon: RssIcon,\n condition: '' !== rssUrl.value && displayRss.value && !authStore.isGarRole,\n emitName: \"rss\",\n },\n ];\n});\n\n\nonBeforeMount(()=>initShareButtons())\n\n\n//Methods\nasync function initShareButtons() {\n if (undefined !== props.participantId) {\n displayRss.value = await classicApi.fetchData<boolean>({\n api: 0,\n path: `rss/participants/allowed/${props.organisationId}`,\n isNotAuth: true,\n });\n } else {\n displayRss.value = true;\n }\n determinePlayerCanBeShared();\n if (!props.organisationId) {\n return;\n }\n const attributes = await saveFetchStore.getOrgaAttributes(props.organisationId);\n noSharing.value = \"true\" === attributes.noSharing;\n isLoading.value = false;\n}\nfunction determinePlayerCanBeShared() {\n const emissionAnnot = props.podcast?.emission.annotations ?? props.emission?.annotations;\n if (!emissionAnnot) { return }\n if (emissionAnnot.exclusive) {\n playerCanBeSharedOthers.value = \"true\" !== emissionAnnot.exclusive;\n }\n if (emissionAnnot.notExclusive) {\n playerCanBeSharedAnonymous.value = \"true\" === emissionAnnot.notExclusive;\n }\n}\n\nfunction clickButton(name: string) {\n switch (name) {\n case \"link\":\n displayHelper.onCopyCode(urlPage.value, afterCopy);\n break;\n case \"smartlink\":\n this.openSmartLink();\n break;\n case \"newsletter\":\n isNewsletterModal.value = true;\n break;\n case \"qrcode\":\n isQrCodeModal.value = true;\n break;\n case \"rss\":\n isRssModal.value = true;\n break;\n case \"player\": \n isPlayerModal.value = true;\n break;\n default:\n break;\n }\n}\n\nfunction openSmartLink(): void {\n const pmUrl = new URL(window.location.href);\n const podcastmakerUrl = `${pmUrl.origin}/`;\n let url: string;\n\n if (props.emission) {\n url = getSmartLink({\n title: props.emission.name,\n emissionId: props.emission?.emissionId,\n }, {\n podcastmakerUrl\n });\n } else if (props.playlist) {\n url = getSmartLink({\n title: props.playlist.title,\n playlistId: props.playlist?.playlistId,\n }, {\n podcastmakerUrl\n });\n }\n window.open(url, '_blank').focus();\n}\n\nfunction afterCopy(): void {\n if (!lazyLoadingSnackbar.value) {\n lazyLoadingSnackbar.value = true;\n setTimeout(() => {\n afterCopy();\n }, 500);\n } else {\n (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Link in clipboard\"));\n }\n}\n</script>\n","<template>\n <div v-if=\"!isLoading && !noSharing\">\n <button\n id=\"anonymous-share-button\"\n :class=\"btnClass\"\n :title=\"t('Share')\"\n >\n <DotsHorizontalIcon />\n </button>\n <ClassicPopover\n target=\"anonymous-share-button\"\n :relative-class=\"relativeClass\"\n :is-fixed=\"true\"\n :left-pos=\"true\"\n :only-click=\"true\"\n >\n <div \n v-for=\"button in dropdownButtons\"\n :key=\"button.icon\"\n class=\"d-flex flex-column\"\n >\n <button\n v-if=\"button.condition\"\n :key=\"button.title\"\n class=\"btn-transparent d-flex flex-nowrap justify-content-start align-items-center octopus-dropdown-item py-2\"\n :title=\"button.title\"\n @mousedown=\"clickButton(button.emitName)\"\n @keydown.enter=\"clickButton(button.emitName)\"\n >\n <component :is=\"button.icon\" />\n <span class=\"ms-1\">{{ button.title }}</span>\n </button>\n </div>\n </ClassicPopover>\n <QrCodeModal\n v-if=\"isQrCodeModal\"\n :url-page=\"urlPage\"\n :orga-for-color=\"organisationId\"\n @close=\"isQrCodeModal = false\"\n />\n <PlayerAnonymousModal\n v-if=\"isPlayerModal\"\n :podcast=\"podcast\"\n :emission=\"emission ?? podcast?.emission\"\n :exclusive=\"!playerCanBeSharedOthers\"\n :not-exclusive=\"playerCanBeSharedAnonymous\"\n @close=\"isPlayerModal = false\"\n />\n <NewsletterModal\n v-if=\"isNewsletterModal\"\n :closable=\"true\"\n :podcast=\"podcast\"\n :emission=\"emission\"\n :playlist=\"playlist\"\n @close=\"isNewsletterModal = false\"\n />\n <ClipboardModal\n v-if=\"isRssModal\"\n :link=\"rssUrl\"\n @close=\"isRssModal = false\"\n />\n <SnackBar\n v-if=\"lazyLoadingSnackbar\"\n ref=\"snackbar\"\n position=\"bottom-left\"\n />\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport QrcodeIcon from \"vue-material-design-icons/Qrcode.vue\";\nimport LinkVariantIcon from \"vue-material-design-icons/LinkVariant.vue\";\nimport LinkVariantPlusIcon from \"vue-material-design-icons/LinkVariantPlus.vue\";\nimport DotsHorizontalIcon from \"vue-material-design-icons/DotsHorizontal.vue\";\nimport ClassicPopover from \"../../misc/ClassicPopover.vue\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport { computed, defineAsyncComponent, onBeforeMount, ref, useTemplateRef } from \"vue\";\nimport { useApiStore } from \"../../../stores/ApiStore\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport classicApi from \"../../../api/classicApi\";\nimport { useI18n } from \"vue-i18n\";\nimport { useSharePath } from \"@/components/composable/share/useSharePath\";\nconst SnackBar = defineAsyncComponent(() => import(\"../../misc/SnackBar.vue\"));\nconst NewsletterModal = defineAsyncComponent(\n () => import(\"../../misc/modal/NewsletterModal.vue\"),\n);\nconst QrCodeModal = defineAsyncComponent(\n () => import(\"../../misc/modal/QrCodeModal.vue\"),\n);\nconst ClipboardModal = defineAsyncComponent(\n () => import(\"../../misc/modal/ClipboardModal.vue\"),\n);\nconst PlayerAnonymousModal = defineAsyncComponent(\n () => import(\"../sharing/PlayerAnonymousModal.vue\"),\n);\nconst CodeTagsIcon = defineAsyncComponent(\n () => import(\"vue-material-design-icons/CodeTags.vue\"),\n);\nconst EmailNewsletterIcon = defineAsyncComponent(\n () => import(\"vue-material-design-icons/EmailNewsletter.vue\"),\n);\nconst RssIcon = defineAsyncComponent(\n () => import(\"vue-material-design-icons/Rss.vue\"),\n);\n\n//Props \nconst props = defineProps({\n podcast: { default: undefined, type: Object as () => Podcast },\n emission: { default: undefined, type: Object as () => Emission },\n playlist: { default: undefined, type: Object as () => Playlist },\n participantId: { default: undefined, type: Number },\n organisationId: { default: undefined, type: String },\n relativeClass: { default: \"page-element\", type: String },\n btnClass: { default: \"btn btn-transparent\", type: String },\n})\n\n//Data \nconst lazyLoadingSnackbar = ref(false);\nconst isNewsletterModal = ref(false);\nconst isQrCodeModal = ref(false);\nconst displayRss = ref(false);\nconst noSharing = ref(true);\nconst playerCanBeSharedAnonymous = ref(false);\nconst playerCanBeSharedOthers = ref(false);\nconst isLoading = ref(true);\nconst isRssModal = ref(false);\nconst isPlayerModal = ref(false);\nconst snackBarRef = useTemplateRef('snackbar');\n\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst saveFetchStore = useSaveFetchStore();\nconst { getSmartLink } = useSharePath();\n\n//Computed\nconst urlPage = computed(() => window.location.href);\nconst isPodcastmaker = computed(() => state.generalParameters.podcastmaker);\nconst rssUrl = computed(() => {\n const api = apiStore.apiUrl + \"rss/\";\n if (\n (!isPodcastmaker.value && props.playlist) ||\n props.podcast ||\n props.emission\n ) {\n return \"\";\n }\n if (props.participantId) {\n return api + \"participant/\" + props.participantId + \".rss\";\n }\n if (props.playlist) {\n return api + \"playlist/\" + props.playlist.playlistId + \".rss\";\n }\n if (props.organisationId) {\n return api + \"productor/\" + props.organisationId + \".rss\";\n }\n return \"\";\n});\nconst titleRssButton = computed(() => {\n if (props.participantId) {\n return t(\"Subscribe to this participant\");\n }\n if (props.emission) {\n return t(\"Subscribe to this emission\");\n }\n return t(\"Subscribe to this RSS feed\");\n});\n\nconst dropdownButtons = computed(() => {\n return [\n {\n title: t(\"Copy this page URL\"),\n icon: LinkVariantIcon,\n condition:true,\n emitName: \"link\",\n },\n {\n title: t(\"SmartLink - Share link\"),\n icon: LinkVariantPlusIcon,\n condition: isPodcastmaker.value && (props.emission || props.playlist),\n emitName: \"smartlink\",\n },\n {\n title: t(\"Share the player\"),\n icon: CodeTagsIcon,\n condition: !isPodcastmaker.value && (playerCanBeSharedAnonymous.value || (playerCanBeSharedOthers.value && authStore.authOrgaId)),\n emitName: \"player\",\n },\n {\n title: t(\"Share newsletter\"),\n icon: EmailNewsletterIcon,\n condition: props.podcast || props.emission || props.playlist,\n emitName: \"newsletter\",\n },\n {\n title: t(\"Share QR Code\"),\n icon: QrcodeIcon,\n condition: true,\n emitName: \"qrcode\",\n },\n {\n title: titleRssButton.value,\n icon: RssIcon,\n condition: '' !== rssUrl.value && displayRss.value && !authStore.isGarRole,\n emitName: \"rss\",\n },\n ];\n});\n\n\nonBeforeMount(()=>initShareButtons())\n\n\n//Methods\nasync function initShareButtons() {\n if (undefined !== props.participantId) {\n displayRss.value = await classicApi.fetchData<boolean>({\n api: 0,\n path: `rss/participants/allowed/${props.organisationId}`,\n isNotAuth: true,\n });\n } else {\n displayRss.value = true;\n }\n determinePlayerCanBeShared();\n if (!props.organisationId) {\n return;\n }\n const attributes = await saveFetchStore.getOrgaAttributes(props.organisationId);\n noSharing.value = \"true\" === attributes.noSharing;\n isLoading.value = false;\n}\nfunction determinePlayerCanBeShared() {\n const emissionAnnot = props.podcast?.emission.annotations ?? props.emission?.annotations;\n if (!emissionAnnot) { return }\n if (emissionAnnot.exclusive) {\n playerCanBeSharedOthers.value = \"true\" !== emissionAnnot.exclusive;\n }\n if (emissionAnnot.notExclusive) {\n playerCanBeSharedAnonymous.value = \"true\" === emissionAnnot.notExclusive;\n }\n}\n\nfunction clickButton(name: string) {\n switch (name) {\n case \"link\":\n displayHelper.onCopyCode(urlPage.value, afterCopy);\n break;\n case \"smartlink\":\n this.openSmartLink();\n break;\n case \"newsletter\":\n isNewsletterModal.value = true;\n break;\n case \"qrcode\":\n isQrCodeModal.value = true;\n break;\n case \"rss\":\n isRssModal.value = true;\n break;\n case \"player\": \n isPlayerModal.value = true;\n break;\n default:\n break;\n }\n}\n\nfunction openSmartLink(): void {\n const pmUrl = new URL(window.location.href);\n const podcastmakerUrl = `${pmUrl.origin}/`;\n let url: string;\n\n if (props.emission) {\n url = getSmartLink({\n title: props.emission.name,\n emissionId: props.emission?.emissionId,\n }, {\n podcastmakerUrl\n });\n } else if (props.playlist) {\n url = getSmartLink({\n title: props.playlist.title,\n playlistId: props.playlist?.playlistId,\n }, {\n podcastmakerUrl\n });\n }\n window.open(url, '_blank').focus();\n}\n\nfunction afterCopy(): void {\n if (!lazyLoadingSnackbar.value) {\n lazyLoadingSnackbar.value = true;\n setTimeout(() => {\n afterCopy();\n }, 500);\n } else {\n (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Link in clipboard\"));\n }\n}\n</script>\n"],"mappings":"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"}

package/dist/ShareAnonymous-BgsR6Ahp.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ShareAnonymous-BgsR6Ahp.mjs","names":["classicApi","_openBlock","_createElementBlock","_createElementVNode","_normalizeClass","_createVNode","_withCtx","_Fragment","_renderList","_withKeys","_createBlock","_resolveDynamicComponent","_toDisplayString","_createCommentVNode","_sfc_main"],"sources":["../src/components/display/sharing/ShareAnonymous.vue","../src/components/display/sharing/ShareAnonymous.vue"],"sourcesContent":["<template>\n <div v-if=\"!isLoading && !noSharing\">\n <button\n id=\"anonymous-share-button\"\n :class=\"btnClass\"\n :title=\"t('Share')\"\n >\n <DotsHorizontalIcon />\n </button>\n <ClassicPopover\n target=\"anonymous-share-button\"\n :relative-class=\"relativeClass\"\n :is-fixed=\"true\"\n :left-pos=\"true\"\n :only-click=\"true\"\n >\n <div \n v-for=\"button in dropdownButtons\"\n :key=\"button.icon\"\n class=\"d-flex flex-column\"\n >\n <button\n v-if=\"button.condition\"\n :key=\"button.title\"\n class=\"btn-transparent d-flex flex-nowrap justify-content-start align-items-center octopus-dropdown-item py-2\"\n :title=\"button.title\"\n @mousedown=\"clickButton(button.emitName)\"\n @keydown.enter=\"clickButton(button.emitName)\"\n >\n <component :is=\"button.icon\" />\n <span class=\"ms-1\">{{ button.title }}</span>\n </button>\n </div>\n </ClassicPopover>\n <QrCodeModal\n v-if=\"isQrCodeModal\"\n :url-page=\"urlPage\"\n :orga-for-color=\"organisationId\"\n @close=\"isQrCodeModal = false\"\n />\n <PlayerAnonymousModal\n v-if=\"isPlayerModal\"\n :podcast=\"podcast\"\n :emission=\"emission ?? podcast?.emission\"\n :exclusive=\"!playerCanBeSharedOthers\"\n :not-exclusive=\"playerCanBeSharedAnonymous\"\n @close=\"isPlayerModal = false\"\n />\n <NewsletterModal\n v-if=\"isNewsletterModal\"\n :closable=\"true\"\n :podcast=\"podcast\"\n :emission=\"emission\"\n :playlist=\"playlist\"\n @close=\"isNewsletterModal = false\"\n />\n <ClipboardModal\n v-if=\"isRssModal\"\n :link=\"rssUrl\"\n @close=\"isRssModal = false\"\n />\n <SnackBar\n v-if=\"lazyLoadingSnackbar\"\n ref=\"snackbar\"\n position=\"bottom-left\"\n />\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport QrcodeIcon from \"vue-material-design-icons/Qrcode.vue\";\nimport LinkVariantIcon from \"vue-material-design-icons/LinkVariant.vue\";\nimport LinkVariantPlusIcon from \"vue-material-design-icons/LinkVariantPlus.vue\";\nimport DotsHorizontalIcon from \"vue-material-design-icons/DotsHorizontal.vue\";\nimport ClassicPopover from \"../../misc/ClassicPopover.vue\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport { computed, defineAsyncComponent, onBeforeMount, ref, useTemplateRef } from \"vue\";\nimport { useApiStore } from \"../../../stores/ApiStore\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport classicApi from \"../../../api/classicApi\";\nimport { useI18n } from \"vue-i18n\";\nimport { useSharePath } from \"@/components/composable/share/useSharePath\";\nconst SnackBar = defineAsyncComponent(() => import(\"../../misc/SnackBar.vue\"));\nconst NewsletterModal = defineAsyncComponent(\n () => import(\"../../misc/modal/NewsletterModal.vue\"),\n);\nconst QrCodeModal = defineAsyncComponent(\n () => import(\"../../misc/modal/QrCodeModal.vue\"),\n);\nconst ClipboardModal = defineAsyncComponent(\n () => import(\"../../misc/modal/ClipboardModal.vue\"),\n);\nconst PlayerAnonymousModal = defineAsyncComponent(\n () => import(\"../sharing/PlayerAnonymousModal.vue\"),\n);\nconst CodeTagsIcon = defineAsyncComponent(\n () => import(\"vue-material-design-icons/CodeTags.vue\"),\n);\nconst EmailNewsletterIcon = defineAsyncComponent(\n () => import(\"vue-material-design-icons/EmailNewsletter.vue\"),\n);\nconst RssIcon = defineAsyncComponent(\n () => import(\"vue-material-design-icons/Rss.vue\"),\n);\n\n//Props \nconst props = defineProps({\n podcast: { default: undefined, type: Object as () => Podcast },\n emission: { default: undefined, type: Object as () => Emission },\n playlist: { default: undefined, type: Object as () => Playlist },\n participantId: { default: undefined, type: Number },\n organisationId: { default: undefined, type: String },\n relativeClass: { default: \"page-element\", type: String },\n btnClass: { default: \"btn btn-transparent\", type: String },\n})\n\n//Data \nconst lazyLoadingSnackbar = ref(false);\nconst isNewsletterModal = ref(false);\nconst isQrCodeModal = ref(false);\nconst displayRss = ref(false);\nconst noSharing = ref(true);\nconst playerCanBeSharedAnonymous = ref(false);\nconst playerCanBeSharedOthers = ref(false);\nconst isLoading = ref(true);\nconst isRssModal = ref(false);\nconst isPlayerModal = ref(false);\nconst snackBarRef = useTemplateRef('snackbar');\n\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst saveFetchStore = useSaveFetchStore();\nconst { getSmartLink } = useSharePath();\n\n//Computed\nconst urlPage = computed(() => window.location.href);\nconst isPodcastmaker = computed(() => state.generalParameters.podcastmaker);\nconst rssUrl = computed(() => {\n const api = apiStore.apiUrl + \"rss/\";\n if (\n (!isPodcastmaker.value && props.playlist) ||\n props.podcast ||\n props.emission\n ) {\n return \"\";\n }\n if (props.participantId) {\n return api + \"participant/\" + props.participantId + \".rss\";\n }\n if (props.playlist) {\n return api + \"playlist/\" + props.playlist.playlistId + \".rss\";\n }\n if (props.organisationId) {\n return api + \"productor/\" + props.organisationId + \".rss\";\n }\n return \"\";\n});\nconst titleRssButton = computed(() => {\n if (props.participantId) {\n return t(\"Subscribe to this participant\");\n }\n if (props.emission) {\n return t(\"Subscribe to this emission\");\n }\n return t(\"Subscribe to this RSS feed\");\n});\n\nconst dropdownButtons = computed(() => {\n return [\n {\n title: t(\"Copy this page URL\"),\n icon: LinkVariantIcon,\n condition:true,\n emitName: \"link\",\n },\n {\n title: t(\"SmartLink - Share link\"),\n icon: LinkVariantPlusIcon,\n condition: isPodcastmaker.value && (props.emission || props.playlist),\n emitName: \"smartlink\",\n },\n {\n title: t(\"Share the player\"),\n icon: CodeTagsIcon,\n condition: !isPodcastmaker.value && (playerCanBeSharedAnonymous.value || (playerCanBeSharedOthers.value && authStore.authOrgaId)),\n emitName: \"player\",\n },\n {\n title: t(\"Share newsletter\"),\n icon: EmailNewsletterIcon,\n condition: props.podcast || props.emission || props.playlist,\n emitName: \"newsletter\",\n },\n {\n title: t(\"Share QR Code\"),\n icon: QrcodeIcon,\n condition: true,\n emitName: \"qrcode\",\n },\n {\n title: titleRssButton.value,\n icon: RssIcon,\n condition: '' !== rssUrl.value && displayRss.value && !authStore.isGarRole,\n emitName: \"rss\",\n },\n ];\n});\n\n\nonBeforeMount(()=>initShareButtons())\n\n\n//Methods\nasync function initShareButtons() {\n if (undefined !== props.participantId) {\n displayRss.value = await classicApi.fetchData<boolean>({\n api: 0,\n path: `rss/participants/allowed/${props.organisationId}`,\n isNotAuth: true,\n });\n } else {\n displayRss.value = true;\n }\n determinePlayerCanBeShared();\n if (!props.organisationId) {\n return;\n }\n const attributes = await saveFetchStore.getOrgaAttributes(props.organisationId);\n noSharing.value = \"true\" === attributes.noSharing;\n isLoading.value = false;\n}\nfunction determinePlayerCanBeShared() {\n const emissionAnnot = props.podcast?.emission.annotations ?? props.emission?.annotations;\n if (!emissionAnnot) { return }\n if (emissionAnnot.exclusive) {\n playerCanBeSharedOthers.value = \"true\" !== emissionAnnot.exclusive;\n }\n if (emissionAnnot.notExclusive) {\n playerCanBeSharedAnonymous.value = \"true\" === emissionAnnot.notExclusive;\n }\n}\n\nfunction clickButton(name: string) {\n switch (name) {\n case \"link\":\n displayHelper.onCopyCode(urlPage.value, afterCopy);\n break;\n case \"smartlink\":\n this.openSmartLink();\n break;\n case \"newsletter\":\n isNewsletterModal.value = true;\n break;\n case \"qrcode\":\n isQrCodeModal.value = true;\n break;\n case \"rss\":\n isRssModal.value = true;\n break;\n case \"player\": \n isPlayerModal.value = true;\n break;\n default:\n break;\n }\n}\n\nfunction openSmartLink(): void {\n const pmUrl = new URL(window.location.href);\n const podcastmakerUrl = `${pmUrl.origin}/`;\n let url: string;\n\n if (props.emission) {\n url = getSmartLink({\n title: props.emission.name,\n emissionId: props.emission?.emissionId,\n }, {\n podcastmakerUrl\n });\n } else if (props.playlist) {\n url = getSmartLink({\n title: props.playlist.title,\n playlistId: props.playlist?.playlistId,\n }, {\n podcastmakerUrl\n });\n }\n window.open(url, '_blank').focus();\n}\n\nfunction afterCopy(): void {\n if (!lazyLoadingSnackbar.value) {\n lazyLoadingSnackbar.value = true;\n setTimeout(() => {\n afterCopy();\n }, 500);\n } else {\n (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Link in clipboard\"));\n }\n}\n</script>\n","<template>\n <div v-if=\"!isLoading && !noSharing\">\n <button\n id=\"anonymous-share-button\"\n :class=\"btnClass\"\n :title=\"t('Share')\"\n >\n <DotsHorizontalIcon />\n </button>\n <ClassicPopover\n target=\"anonymous-share-button\"\n :relative-class=\"relativeClass\"\n :is-fixed=\"true\"\n :left-pos=\"true\"\n :only-click=\"true\"\n >\n <div \n v-for=\"button in dropdownButtons\"\n :key=\"button.icon\"\n class=\"d-flex flex-column\"\n >\n <button\n v-if=\"button.condition\"\n :key=\"button.title\"\n class=\"btn-transparent d-flex flex-nowrap justify-content-start align-items-center octopus-dropdown-item py-2\"\n :title=\"button.title\"\n @mousedown=\"clickButton(button.emitName)\"\n @keydown.enter=\"clickButton(button.emitName)\"\n >\n <component :is=\"button.icon\" />\n <span class=\"ms-1\">{{ button.title }}</span>\n </button>\n </div>\n </ClassicPopover>\n <QrCodeModal\n v-if=\"isQrCodeModal\"\n :url-page=\"urlPage\"\n :orga-for-color=\"organisationId\"\n @close=\"isQrCodeModal = false\"\n />\n <PlayerAnonymousModal\n v-if=\"isPlayerModal\"\n :podcast=\"podcast\"\n :emission=\"emission ?? podcast?.emission\"\n :exclusive=\"!playerCanBeSharedOthers\"\n :not-exclusive=\"playerCanBeSharedAnonymous\"\n @close=\"isPlayerModal = false\"\n />\n <NewsletterModal\n v-if=\"isNewsletterModal\"\n :closable=\"true\"\n :podcast=\"podcast\"\n :emission=\"emission\"\n :playlist=\"playlist\"\n @close=\"isNewsletterModal = false\"\n />\n <ClipboardModal\n v-if=\"isRssModal\"\n :link=\"rssUrl\"\n @close=\"isRssModal = false\"\n />\n <SnackBar\n v-if=\"lazyLoadingSnackbar\"\n ref=\"snackbar\"\n position=\"bottom-left\"\n />\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport QrcodeIcon from \"vue-material-design-icons/Qrcode.vue\";\nimport LinkVariantIcon from \"vue-material-design-icons/LinkVariant.vue\";\nimport LinkVariantPlusIcon from \"vue-material-design-icons/LinkVariantPlus.vue\";\nimport DotsHorizontalIcon from \"vue-material-design-icons/DotsHorizontal.vue\";\nimport ClassicPopover from \"../../misc/ClassicPopover.vue\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport { computed, defineAsyncComponent, onBeforeMount, ref, useTemplateRef } from \"vue\";\nimport { useApiStore } from \"../../../stores/ApiStore\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport classicApi from \"../../../api/classicApi\";\nimport { useI18n } from \"vue-i18n\";\nimport { useSharePath } from \"@/components/composable/share/useSharePath\";\nconst SnackBar = defineAsyncComponent(() => import(\"../../misc/SnackBar.vue\"));\nconst NewsletterModal = defineAsyncComponent(\n () => import(\"../../misc/modal/NewsletterModal.vue\"),\n);\nconst QrCodeModal = defineAsyncComponent(\n () => import(\"../../misc/modal/QrCodeModal.vue\"),\n);\nconst ClipboardModal = defineAsyncComponent(\n () => import(\"../../misc/modal/ClipboardModal.vue\"),\n);\nconst PlayerAnonymousModal = defineAsyncComponent(\n () => import(\"../sharing/PlayerAnonymousModal.vue\"),\n);\nconst CodeTagsIcon = defineAsyncComponent(\n () => import(\"vue-material-design-icons/CodeTags.vue\"),\n);\nconst EmailNewsletterIcon = defineAsyncComponent(\n () => import(\"vue-material-design-icons/EmailNewsletter.vue\"),\n);\nconst RssIcon = defineAsyncComponent(\n () => import(\"vue-material-design-icons/Rss.vue\"),\n);\n\n//Props \nconst props = defineProps({\n podcast: { default: undefined, type: Object as () => Podcast },\n emission: { default: undefined, type: Object as () => Emission },\n playlist: { default: undefined, type: Object as () => Playlist },\n participantId: { default: undefined, type: Number },\n organisationId: { default: undefined, type: String },\n relativeClass: { default: \"page-element\", type: String },\n btnClass: { default: \"btn btn-transparent\", type: String },\n})\n\n//Data \nconst lazyLoadingSnackbar = ref(false);\nconst isNewsletterModal = ref(false);\nconst isQrCodeModal = ref(false);\nconst displayRss = ref(false);\nconst noSharing = ref(true);\nconst playerCanBeSharedAnonymous = ref(false);\nconst playerCanBeSharedOthers = ref(false);\nconst isLoading = ref(true);\nconst isRssModal = ref(false);\nconst isPlayerModal = ref(false);\nconst snackBarRef = useTemplateRef('snackbar');\n\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst saveFetchStore = useSaveFetchStore();\nconst { getSmartLink } = useSharePath();\n\n//Computed\nconst urlPage = computed(() => window.location.href);\nconst isPodcastmaker = computed(() => state.generalParameters.podcastmaker);\nconst rssUrl = computed(() => {\n const api = apiStore.apiUrl + \"rss/\";\n if (\n (!isPodcastmaker.value && props.playlist) ||\n props.podcast ||\n props.emission\n ) {\n return \"\";\n }\n if (props.participantId) {\n return api + \"participant/\" + props.participantId + \".rss\";\n }\n if (props.playlist) {\n return api + \"playlist/\" + props.playlist.playlistId + \".rss\";\n }\n if (props.organisationId) {\n return api + \"productor/\" + props.organisationId + \".rss\";\n }\n return \"\";\n});\nconst titleRssButton = computed(() => {\n if (props.participantId) {\n return t(\"Subscribe to this participant\");\n }\n if (props.emission) {\n return t(\"Subscribe to this emission\");\n }\n return t(\"Subscribe to this RSS feed\");\n});\n\nconst dropdownButtons = computed(() => {\n return [\n {\n title: t(\"Copy this page URL\"),\n icon: LinkVariantIcon,\n condition:true,\n emitName: \"link\",\n },\n {\n title: t(\"SmartLink - Share link\"),\n icon: LinkVariantPlusIcon,\n condition: isPodcastmaker.value && (props.emission || props.playlist),\n emitName: \"smartlink\",\n },\n {\n title: t(\"Share the player\"),\n icon: CodeTagsIcon,\n condition: !isPodcastmaker.value && (playerCanBeSharedAnonymous.value || (playerCanBeSharedOthers.value && authStore.authOrgaId)),\n emitName: \"player\",\n },\n {\n title: t(\"Share newsletter\"),\n icon: EmailNewsletterIcon,\n condition: props.podcast || props.emission || props.playlist,\n emitName: \"newsletter\",\n },\n {\n title: t(\"Share QR Code\"),\n icon: QrcodeIcon,\n condition: true,\n emitName: \"qrcode\",\n },\n {\n title: titleRssButton.value,\n icon: RssIcon,\n condition: '' !== rssUrl.value && displayRss.value && !authStore.isGarRole,\n emitName: \"rss\",\n },\n ];\n});\n\n\nonBeforeMount(()=>initShareButtons())\n\n\n//Methods\nasync function initShareButtons() {\n if (undefined !== props.participantId) {\n displayRss.value = await classicApi.fetchData<boolean>({\n api: 0,\n path: `rss/participants/allowed/${props.organisationId}`,\n isNotAuth: true,\n });\n } else {\n displayRss.value = true;\n }\n determinePlayerCanBeShared();\n if (!props.organisationId) {\n return;\n }\n const attributes = await saveFetchStore.getOrgaAttributes(props.organisationId);\n noSharing.value = \"true\" === attributes.noSharing;\n isLoading.value = false;\n}\nfunction determinePlayerCanBeShared() {\n const emissionAnnot = props.podcast?.emission.annotations ?? props.emission?.annotations;\n if (!emissionAnnot) { return }\n if (emissionAnnot.exclusive) {\n playerCanBeSharedOthers.value = \"true\" !== emissionAnnot.exclusive;\n }\n if (emissionAnnot.notExclusive) {\n playerCanBeSharedAnonymous.value = \"true\" === emissionAnnot.notExclusive;\n }\n}\n\nfunction clickButton(name: string) {\n switch (name) {\n case \"link\":\n displayHelper.onCopyCode(urlPage.value, afterCopy);\n break;\n case \"smartlink\":\n this.openSmartLink();\n break;\n case \"newsletter\":\n isNewsletterModal.value = true;\n break;\n case \"qrcode\":\n isQrCodeModal.value = true;\n break;\n case \"rss\":\n isRssModal.value = true;\n break;\n case \"player\": \n isPlayerModal.value = true;\n break;\n default:\n break;\n }\n}\n\nfunction openSmartLink(): void {\n const pmUrl = new URL(window.location.href);\n const podcastmakerUrl = `${pmUrl.origin}/`;\n let url: string;\n\n if (props.emission) {\n url = getSmartLink({\n title: props.emission.name,\n emissionId: props.emission?.emissionId,\n }, {\n podcastmakerUrl\n });\n } else if (props.playlist) {\n url = getSmartLink({\n title: props.playlist.title,\n playlistId: props.playlist?.playlistId,\n }, {\n podcastmakerUrl\n });\n }\n window.open(url, '_blank').focus();\n}\n\nfunction afterCopy(): void {\n if (!lazyLoadingSnackbar.value) {\n lazyLoadingSnackbar.value = true;\n setTimeout(() => {\n afterCopy();\n }, 500);\n } else {\n (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Link in clipboard\"));\n }\n}\n</script>\n"],"mappings":"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"}

package/dist/ShareAnonymous-CNWR1v6X.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ShareAnonymous-CNWR1v6X.mjs","names":["classicApi","_openBlock","_createElementBlock","_createElementVNode","_normalizeClass","_createVNode","_withCtx","_Fragment","_renderList","_withKeys","_createBlock","_resolveDynamicComponent","_toDisplayString","_createCommentVNode","_sfc_main"],"sources":["../src/components/display/sharing/ShareAnonymous.vue","../src/components/display/sharing/ShareAnonymous.vue"],"sourcesContent":["<template>\n <div v-if=\"!isLoading && !noSharing\">\n <button\n id=\"anonymous-share-button\"\n :class=\"btnClass\"\n :title=\"t('Share')\"\n >\n <DotsHorizontalIcon />\n </button>\n <ClassicPopover\n target=\"anonymous-share-button\"\n :relative-class=\"relativeClass\"\n :is-fixed=\"true\"\n :left-pos=\"true\"\n :only-click=\"true\"\n >\n <div \n v-for=\"button in dropdownButtons\"\n :key=\"button.icon\"\n class=\"d-flex flex-column\"\n >\n <button\n v-if=\"button.condition\"\n :key=\"button.title\"\n class=\"btn-transparent d-flex flex-nowrap justify-content-start align-items-center octopus-dropdown-item py-2\"\n :title=\"button.title\"\n @mousedown=\"clickButton(button.emitName)\"\n @keydown.enter=\"clickButton(button.emitName)\"\n >\n <component :is=\"button.icon\" />\n <span class=\"ms-1\">{{ button.title }}</span>\n </button>\n </div>\n </ClassicPopover>\n <QrCodeModal\n v-if=\"isQrCodeModal\"\n :url-page=\"urlPage\"\n :orga-for-color=\"organisationId\"\n @close=\"isQrCodeModal = false\"\n />\n <PlayerAnonymousModal\n v-if=\"isPlayerModal\"\n :podcast=\"podcast\"\n :emission=\"emission ?? podcast?.emission\"\n :exclusive=\"!playerCanBeSharedOthers\"\n :not-exclusive=\"playerCanBeSharedAnonymous\"\n @close=\"isPlayerModal = false\"\n />\n <NewsletterModal\n v-if=\"isNewsletterModal\"\n :closable=\"true\"\n :podcast=\"podcast\"\n :emission=\"emission\"\n :playlist=\"playlist\"\n @close=\"isNewsletterModal = false\"\n />\n <ClipboardModal\n v-if=\"isRssModal\"\n :link=\"rssUrl\"\n @close=\"isRssModal = false\"\n />\n <SnackBar\n v-if=\"lazyLoadingSnackbar\"\n ref=\"snackbar\"\n position=\"bottom-left\"\n />\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport QrcodeIcon from \"vue-material-design-icons/Qrcode.vue\";\nimport LinkVariantIcon from \"vue-material-design-icons/LinkVariant.vue\";\nimport LinkVariantPlusIcon from \"vue-material-design-icons/LinkVariantPlus.vue\";\nimport DotsHorizontalIcon from \"vue-material-design-icons/DotsHorizontal.vue\";\nimport ClassicPopover from \"../../misc/ClassicPopover.vue\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport { computed, defineAsyncComponent, onBeforeMount, ref, useTemplateRef } from \"vue\";\nimport { useApiStore } from \"../../../stores/ApiStore\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport classicApi from \"../../../api/classicApi\";\nimport { useI18n } from \"vue-i18n\";\nimport { useSharePath } from \"@/components/composable/share/useSharePath\";\nconst SnackBar = defineAsyncComponent(() => import(\"../../misc/SnackBar.vue\"));\nconst NewsletterModal = defineAsyncComponent(\n () => import(\"../../misc/modal/NewsletterModal.vue\"),\n);\nconst QrCodeModal = defineAsyncComponent(\n () => import(\"../../misc/modal/QrCodeModal.vue\"),\n);\nconst ClipboardModal = defineAsyncComponent(\n () => import(\"../../misc/modal/ClipboardModal.vue\"),\n);\nconst PlayerAnonymousModal = defineAsyncComponent(\n () => import(\"../sharing/PlayerAnonymousModal.vue\"),\n);\nconst CodeTagsIcon = defineAsyncComponent(\n () => import(\"vue-material-design-icons/CodeTags.vue\"),\n);\nconst EmailNewsletterIcon = defineAsyncComponent(\n () => import(\"vue-material-design-icons/EmailNewsletter.vue\"),\n);\nconst RssIcon = defineAsyncComponent(\n () => import(\"vue-material-design-icons/Rss.vue\"),\n);\n\n//Props \nconst props = defineProps({\n podcast: { default: undefined, type: Object as () => Podcast },\n emission: { default: undefined, type: Object as () => Emission },\n playlist: { default: undefined, type: Object as () => Playlist },\n participantId: { default: undefined, type: Number },\n organisationId: { default: undefined, type: String },\n relativeClass: { default: \"page-element\", type: String },\n btnClass: { default: \"btn btn-transparent\", type: String },\n})\n\n//Data \nconst lazyLoadingSnackbar = ref(false);\nconst isNewsletterModal = ref(false);\nconst isQrCodeModal = ref(false);\nconst displayRss = ref(false);\nconst noSharing = ref(true);\nconst playerCanBeSharedAnonymous = ref(false);\nconst playerCanBeSharedOthers = ref(false);\nconst isLoading = ref(true);\nconst isRssModal = ref(false);\nconst isPlayerModal = ref(false);\nconst snackBarRef = useTemplateRef('snackbar');\n\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst saveFetchStore = useSaveFetchStore();\nconst { getSmartLink } = useSharePath();\n\n//Computed\nconst urlPage = computed(() => window.location.href);\nconst isPodcastmaker = computed(() => state.generalParameters.podcastmaker);\nconst rssUrl = computed(() => {\n const api = apiStore.apiUrl + \"rss/\";\n if (\n (!isPodcastmaker.value && props.playlist) ||\n props.podcast ||\n props.emission\n ) {\n return \"\";\n }\n if (props.participantId) {\n return api + \"participant/\" + props.participantId + \".rss\";\n }\n if (props.playlist) {\n return api + \"playlist/\" + props.playlist.playlistId + \".rss\";\n }\n if (props.organisationId) {\n return api + \"productor/\" + props.organisationId + \".rss\";\n }\n return \"\";\n});\nconst titleRssButton = computed(() => {\n if (props.participantId) {\n return t(\"Subscribe to this participant\");\n }\n if (props.emission) {\n return t(\"Subscribe to this emission\");\n }\n return t(\"Subscribe to this RSS feed\");\n});\n\nconst dropdownButtons = computed(() => {\n return [\n {\n title: t(\"Copy this page URL\"),\n icon: LinkVariantIcon,\n condition:true,\n emitName: \"link\",\n },\n {\n title: t(\"SmartLink - Share link\"),\n icon: LinkVariantPlusIcon,\n condition: isPodcastmaker.value && (props.emission || props.playlist),\n emitName: \"smartlink\",\n },\n {\n title: t(\"Share the player\"),\n icon: CodeTagsIcon,\n condition: !isPodcastmaker.value && (playerCanBeSharedAnonymous.value || (playerCanBeSharedOthers.value && authStore.authOrgaId)),\n emitName: \"player\",\n },\n {\n title: t(\"Share newsletter\"),\n icon: EmailNewsletterIcon,\n condition: props.podcast || props.emission || props.playlist,\n emitName: \"newsletter\",\n },\n {\n title: t(\"Share QR Code\"),\n icon: QrcodeIcon,\n condition: true,\n emitName: \"qrcode\",\n },\n {\n title: titleRssButton.value,\n icon: RssIcon,\n condition: '' !== rssUrl.value && displayRss.value && !authStore.isGarRole,\n emitName: \"rss\",\n },\n ];\n});\n\n\nonBeforeMount(()=>initShareButtons())\n\n\n//Methods\nasync function initShareButtons() {\n if (undefined !== props.participantId) {\n displayRss.value = await classicApi.fetchData<boolean>({\n api: 0,\n path: `rss/participants/allowed/${props.organisationId}`,\n isNotAuth: true,\n });\n } else {\n displayRss.value = true;\n }\n determinePlayerCanBeShared();\n if (!props.organisationId) {\n return;\n }\n const attributes = await saveFetchStore.getOrgaAttributes(props.organisationId);\n noSharing.value = \"true\" === attributes.noSharing;\n isLoading.value = false;\n}\nfunction determinePlayerCanBeShared() {\n const emissionAnnot = props.podcast?.emission.annotations ?? props.emission?.annotations;\n if (!emissionAnnot) { return }\n if (emissionAnnot.exclusive) {\n playerCanBeSharedOthers.value = \"true\" !== emissionAnnot.exclusive;\n }\n if (emissionAnnot.notExclusive) {\n playerCanBeSharedAnonymous.value = \"true\" === emissionAnnot.notExclusive;\n }\n}\n\nfunction clickButton(name: string) {\n switch (name) {\n case \"link\":\n displayHelper.onCopyCode(urlPage.value, afterCopy);\n break;\n case \"smartlink\":\n this.openSmartLink();\n break;\n case \"newsletter\":\n isNewsletterModal.value = true;\n break;\n case \"qrcode\":\n isQrCodeModal.value = true;\n break;\n case \"rss\":\n isRssModal.value = true;\n break;\n case \"player\": \n isPlayerModal.value = true;\n break;\n default:\n break;\n }\n}\n\nfunction openSmartLink(): void {\n const pmUrl = new URL(window.location.href);\n const podcastmakerUrl = `${pmUrl.origin}/`;\n let url: string;\n\n if (props.emission) {\n url = getSmartLink({\n title: props.emission.name,\n emissionId: props.emission?.emissionId,\n }, {\n podcastmakerUrl\n });\n } else if (props.playlist) {\n url = getSmartLink({\n title: props.playlist.title,\n playlistId: props.playlist?.playlistId,\n }, {\n podcastmakerUrl\n });\n }\n window.open(url, '_blank').focus();\n}\n\nfunction afterCopy(): void {\n if (!lazyLoadingSnackbar.value) {\n lazyLoadingSnackbar.value = true;\n setTimeout(() => {\n afterCopy();\n }, 500);\n } else {\n (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Link in clipboard\"));\n }\n}\n</script>\n","<template>\n <div v-if=\"!isLoading && !noSharing\">\n <button\n id=\"anonymous-share-button\"\n :class=\"btnClass\"\n :title=\"t('Share')\"\n >\n <DotsHorizontalIcon />\n </button>\n <ClassicPopover\n target=\"anonymous-share-button\"\n :relative-class=\"relativeClass\"\n :is-fixed=\"true\"\n :left-pos=\"true\"\n :only-click=\"true\"\n >\n <div \n v-for=\"button in dropdownButtons\"\n :key=\"button.icon\"\n class=\"d-flex flex-column\"\n >\n <button\n v-if=\"button.condition\"\n :key=\"button.title\"\n class=\"btn-transparent d-flex flex-nowrap justify-content-start align-items-center octopus-dropdown-item py-2\"\n :title=\"button.title\"\n @mousedown=\"clickButton(button.emitName)\"\n @keydown.enter=\"clickButton(button.emitName)\"\n >\n <component :is=\"button.icon\" />\n <span class=\"ms-1\">{{ button.title }}</span>\n </button>\n </div>\n </ClassicPopover>\n <QrCodeModal\n v-if=\"isQrCodeModal\"\n :url-page=\"urlPage\"\n :orga-for-color=\"organisationId\"\n @close=\"isQrCodeModal = false\"\n />\n <PlayerAnonymousModal\n v-if=\"isPlayerModal\"\n :podcast=\"podcast\"\n :emission=\"emission ?? podcast?.emission\"\n :exclusive=\"!playerCanBeSharedOthers\"\n :not-exclusive=\"playerCanBeSharedAnonymous\"\n @close=\"isPlayerModal = false\"\n />\n <NewsletterModal\n v-if=\"isNewsletterModal\"\n :closable=\"true\"\n :podcast=\"podcast\"\n :emission=\"emission\"\n :playlist=\"playlist\"\n @close=\"isNewsletterModal = false\"\n />\n <ClipboardModal\n v-if=\"isRssModal\"\n :link=\"rssUrl\"\n @close=\"isRssModal = false\"\n />\n <SnackBar\n v-if=\"lazyLoadingSnackbar\"\n ref=\"snackbar\"\n position=\"bottom-left\"\n />\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport QrcodeIcon from \"vue-material-design-icons/Qrcode.vue\";\nimport LinkVariantIcon from \"vue-material-design-icons/LinkVariant.vue\";\nimport LinkVariantPlusIcon from \"vue-material-design-icons/LinkVariantPlus.vue\";\nimport DotsHorizontalIcon from \"vue-material-design-icons/DotsHorizontal.vue\";\nimport ClassicPopover from \"../../misc/ClassicPopover.vue\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport { computed, defineAsyncComponent, onBeforeMount, ref, useTemplateRef } from \"vue\";\nimport { useApiStore } from \"../../../stores/ApiStore\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport classicApi from \"../../../api/classicApi\";\nimport { useI18n } from \"vue-i18n\";\nimport { useSharePath } from \"@/components/composable/share/useSharePath\";\nconst SnackBar = defineAsyncComponent(() => import(\"../../misc/SnackBar.vue\"));\nconst NewsletterModal = defineAsyncComponent(\n () => import(\"../../misc/modal/NewsletterModal.vue\"),\n);\nconst QrCodeModal = defineAsyncComponent(\n () => import(\"../../misc/modal/QrCodeModal.vue\"),\n);\nconst ClipboardModal = defineAsyncComponent(\n () => import(\"../../misc/modal/ClipboardModal.vue\"),\n);\nconst PlayerAnonymousModal = defineAsyncComponent(\n () => import(\"../sharing/PlayerAnonymousModal.vue\"),\n);\nconst CodeTagsIcon = defineAsyncComponent(\n () => import(\"vue-material-design-icons/CodeTags.vue\"),\n);\nconst EmailNewsletterIcon = defineAsyncComponent(\n () => import(\"vue-material-design-icons/EmailNewsletter.vue\"),\n);\nconst RssIcon = defineAsyncComponent(\n () => import(\"vue-material-design-icons/Rss.vue\"),\n);\n\n//Props \nconst props = defineProps({\n podcast: { default: undefined, type: Object as () => Podcast },\n emission: { default: undefined, type: Object as () => Emission },\n playlist: { default: undefined, type: Object as () => Playlist },\n participantId: { default: undefined, type: Number },\n organisationId: { default: undefined, type: String },\n relativeClass: { default: \"page-element\", type: String },\n btnClass: { default: \"btn btn-transparent\", type: String },\n})\n\n//Data \nconst lazyLoadingSnackbar = ref(false);\nconst isNewsletterModal = ref(false);\nconst isQrCodeModal = ref(false);\nconst displayRss = ref(false);\nconst noSharing = ref(true);\nconst playerCanBeSharedAnonymous = ref(false);\nconst playerCanBeSharedOthers = ref(false);\nconst isLoading = ref(true);\nconst isRssModal = ref(false);\nconst isPlayerModal = ref(false);\nconst snackBarRef = useTemplateRef('snackbar');\n\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst saveFetchStore = useSaveFetchStore();\nconst { getSmartLink } = useSharePath();\n\n//Computed\nconst urlPage = computed(() => window.location.href);\nconst isPodcastmaker = computed(() => state.generalParameters.podcastmaker);\nconst rssUrl = computed(() => {\n const api = apiStore.apiUrl + \"rss/\";\n if (\n (!isPodcastmaker.value && props.playlist) ||\n props.podcast ||\n props.emission\n ) {\n return \"\";\n }\n if (props.participantId) {\n return api + \"participant/\" + props.participantId + \".rss\";\n }\n if (props.playlist) {\n return api + \"playlist/\" + props.playlist.playlistId + \".rss\";\n }\n if (props.organisationId) {\n return api + \"productor/\" + props.organisationId + \".rss\";\n }\n return \"\";\n});\nconst titleRssButton = computed(() => {\n if (props.participantId) {\n return t(\"Subscribe to this participant\");\n }\n if (props.emission) {\n return t(\"Subscribe to this emission\");\n }\n return t(\"Subscribe to this RSS feed\");\n});\n\nconst dropdownButtons = computed(() => {\n return [\n {\n title: t(\"Copy this page URL\"),\n icon: LinkVariantIcon,\n condition:true,\n emitName: \"link\",\n },\n {\n title: t(\"SmartLink - Share link\"),\n icon: LinkVariantPlusIcon,\n condition: isPodcastmaker.value && (props.emission || props.playlist),\n emitName: \"smartlink\",\n },\n {\n title: t(\"Share the player\"),\n icon: CodeTagsIcon,\n condition: !isPodcastmaker.value && (playerCanBeSharedAnonymous.value || (playerCanBeSharedOthers.value && authStore.authOrgaId)),\n emitName: \"player\",\n },\n {\n title: t(\"Share newsletter\"),\n icon: EmailNewsletterIcon,\n condition: props.podcast || props.emission || props.playlist,\n emitName: \"newsletter\",\n },\n {\n title: t(\"Share QR Code\"),\n icon: QrcodeIcon,\n condition: true,\n emitName: \"qrcode\",\n },\n {\n title: titleRssButton.value,\n icon: RssIcon,\n condition: '' !== rssUrl.value && displayRss.value && !authStore.isGarRole,\n emitName: \"rss\",\n },\n ];\n});\n\n\nonBeforeMount(()=>initShareButtons())\n\n\n//Methods\nasync function initShareButtons() {\n if (undefined !== props.participantId) {\n displayRss.value = await classicApi.fetchData<boolean>({\n api: 0,\n path: `rss/participants/allowed/${props.organisationId}`,\n isNotAuth: true,\n });\n } else {\n displayRss.value = true;\n }\n determinePlayerCanBeShared();\n if (!props.organisationId) {\n return;\n }\n const attributes = await saveFetchStore.getOrgaAttributes(props.organisationId);\n noSharing.value = \"true\" === attributes.noSharing;\n isLoading.value = false;\n}\nfunction determinePlayerCanBeShared() {\n const emissionAnnot = props.podcast?.emission.annotations ?? props.emission?.annotations;\n if (!emissionAnnot) { return }\n if (emissionAnnot.exclusive) {\n playerCanBeSharedOthers.value = \"true\" !== emissionAnnot.exclusive;\n }\n if (emissionAnnot.notExclusive) {\n playerCanBeSharedAnonymous.value = \"true\" === emissionAnnot.notExclusive;\n }\n}\n\nfunction clickButton(name: string) {\n switch (name) {\n case \"link\":\n displayHelper.onCopyCode(urlPage.value, afterCopy);\n break;\n case \"smartlink\":\n this.openSmartLink();\n break;\n case \"newsletter\":\n isNewsletterModal.value = true;\n break;\n case \"qrcode\":\n isQrCodeModal.value = true;\n break;\n case \"rss\":\n isRssModal.value = true;\n break;\n case \"player\": \n isPlayerModal.value = true;\n break;\n default:\n break;\n }\n}\n\nfunction openSmartLink(): void {\n const pmUrl = new URL(window.location.href);\n const podcastmakerUrl = `${pmUrl.origin}/`;\n let url: string;\n\n if (props.emission) {\n url = getSmartLink({\n title: props.emission.name,\n emissionId: props.emission?.emissionId,\n }, {\n podcastmakerUrl\n });\n } else if (props.playlist) {\n url = getSmartLink({\n title: props.playlist.title,\n playlistId: props.playlist?.playlistId,\n }, {\n podcastmakerUrl\n });\n }\n window.open(url, '_blank').focus();\n}\n\nfunction afterCopy(): void {\n if (!lazyLoadingSnackbar.value) {\n lazyLoadingSnackbar.value = true;\n setTimeout(() => {\n afterCopy();\n }, 500);\n } else {\n (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Link in clipboard\"));\n }\n}\n</script>\n"],"mappings":"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"}

package/dist/{ShareAnonymous-bOwwEjPv.mjs → ShareAnonymous-DK2rnLl1.mjs} RENAMED Viewed

@@ -1,7 +1,7 @@
-import { A as e, O as t, T as n, i as r, t as i } from "./classicApi-pmODlqv5.mjs";
+import { E as e, i as t, j as n, k as r, t as i } from "./classicApi-CGipMqf7.mjs";
 import { t as a } from "./displayHelper-DQtoqc_6.mjs";
 import { t as o } from "./useSharePath-D9G8Jdlb.mjs";
-import { t as s } from "./ClassicPopover-DWR50Nxi.mjs";
+import { t as s } from "./ClassicPopover-BUb-1WMB.mjs";
 import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createVNode as m, defineAsyncComponent as h, defineComponent as g, normalizeClass as _, onBeforeMount as v, openBlock as y, ref as b, renderList as x, resolveDynamicComponent as S, toDisplayString as C, unref as w, useTemplateRef as ee, withCtx as te, withKeys as ne } from "vue";
 import { useI18n as re } from "vue-i18n";
 import ie from "vue-material-design-icons/Qrcode.vue";
@@ -46,7 +46,7 @@ var ce = { key: 0 }, T = ["title"], E = [
 		}
 	},
 	setup(g) {
-		let O = h(() => import("./SnackBar-BL-mLRun.mjs").then((e) => e.n)), k = h(() => import("./NewsletterModal-BurqHTFc.mjs")), A = h(() => import("./QrCodeModal-DE3juCsN.mjs")), j = h(() => import("./ClipboardModal-BUKwZYOf.mjs")), M = h(() => import("./PlayerAnonymousModal-By96BtpA.mjs")), N = h(() => import("vue-material-design-icons/CodeTags.vue")), P = h(() => import("vue-material-design-icons/EmailNewsletter.vue")), F = h(() => import("vue-material-design-icons/Rss.vue")), I = g, L = b(!1), R = b(!1), z = b(!1), B = b(!1), V = b(!0), H = b(!1), U = b(!1), W = b(!0), G = b(!1), K = b(!1), le = ee("snackbar"), { t: q } = re(), J = r(), ue = t(), de = n(), { getSmartLink: fe } = o(), Y = l(() => window.location.href), X = l(() => e.generalParameters.podcastmaker), Z = l(() => {
+		let O = h(() => import("./SnackBar-BL-mLRun.mjs").then((e) => e.n)), k = h(() => import("./NewsletterModal-DZk0mSVC.mjs")), A = h(() => import("./QrCodeModal-Dpw_tCQ6.mjs")), j = h(() => import("./ClipboardModal-ByVXPcKD.mjs")), M = h(() => import("./PlayerAnonymousModal-B1iZ34O8.mjs")), N = h(() => import("vue-material-design-icons/CodeTags.vue")), P = h(() => import("vue-material-design-icons/EmailNewsletter.vue")), F = h(() => import("vue-material-design-icons/Rss.vue")), I = g, L = b(!1), R = b(!1), z = b(!1), B = b(!1), V = b(!0), H = b(!1), U = b(!1), W = b(!0), G = b(!1), K = b(!1), le = ee("snackbar"), { t: q } = re(), J = t(), ue = r(), de = e(), { getSmartLink: fe } = o(), Y = l(() => window.location.href), X = l(() => n.generalParameters.podcastmaker), Z = l(() => {
 			let e = ue.apiUrl + "rss/";
 			return !X.value && I.playlist || I.podcast || I.emission ? "" : I.participantId ? e + "participant/" + I.participantId + ".rss" : I.playlist ? e + "playlist/" + I.playlist.playlistId + ".rss" : I.organisationId ? e + "productor/" + I.organisationId + ".rss" : "";
 		}), pe = l(() => I.participantId ? q("Subscribe to this participant") : I.emission ? q("Subscribe to this emission") : q("Subscribe to this RSS feed")), me = l(() => [

package/dist/ShareAnonymous-DVpKBKbi.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ShareAnonymous-DVpKBKbi.mjs","names":["classicApi","_openBlock","_createElementBlock","_createElementVNode","_normalizeClass","_createVNode","_withCtx","_Fragment","_renderList","_withKeys","_createBlock","_resolveDynamicComponent","_toDisplayString","_createCommentVNode","_sfc_main"],"sources":["../src/components/display/sharing/ShareAnonymous.vue","../src/components/display/sharing/ShareAnonymous.vue"],"sourcesContent":["<template>\n <div v-if=\"!isLoading && !noSharing\">\n <button\n id=\"anonymous-share-button\"\n :class=\"btnClass\"\n :title=\"t('Share')\"\n >\n <DotsHorizontalIcon />\n </button>\n <ClassicPopover\n target=\"anonymous-share-button\"\n :relative-class=\"relativeClass\"\n :is-fixed=\"true\"\n :left-pos=\"true\"\n :only-click=\"true\"\n >\n <div \n v-for=\"button in dropdownButtons\"\n :key=\"button.icon\"\n class=\"d-flex flex-column\"\n >\n <button\n v-if=\"button.condition\"\n :key=\"button.title\"\n class=\"btn-transparent d-flex flex-nowrap justify-content-start align-items-center octopus-dropdown-item py-2\"\n :title=\"button.title\"\n @mousedown=\"clickButton(button.emitName)\"\n @keydown.enter=\"clickButton(button.emitName)\"\n >\n <component :is=\"button.icon\" />\n <span class=\"ms-1\">{{ button.title }}</span>\n </button>\n </div>\n </ClassicPopover>\n <QrCodeModal\n v-if=\"isQrCodeModal\"\n :url-page=\"urlPage\"\n :orga-for-color=\"organisationId\"\n @close=\"isQrCodeModal = false\"\n />\n <PlayerAnonymousModal\n v-if=\"isPlayerModal\"\n :podcast=\"podcast\"\n :emission=\"emission ?? podcast?.emission\"\n :exclusive=\"!playerCanBeSharedOthers\"\n :not-exclusive=\"playerCanBeSharedAnonymous\"\n @close=\"isPlayerModal = false\"\n />\n <NewsletterModal\n v-if=\"isNewsletterModal\"\n :closable=\"true\"\n :podcast=\"podcast\"\n :emission=\"emission\"\n :playlist=\"playlist\"\n @close=\"isNewsletterModal = false\"\n />\n <ClipboardModal\n v-if=\"isRssModal\"\n :link=\"rssUrl\"\n @close=\"isRssModal = false\"\n />\n <SnackBar\n v-if=\"lazyLoadingSnackbar\"\n ref=\"snackbar\"\n position=\"bottom-left\"\n />\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport QrcodeIcon from \"vue-material-design-icons/Qrcode.vue\";\nimport LinkVariantIcon from \"vue-material-design-icons/LinkVariant.vue\";\nimport LinkVariantPlusIcon from \"vue-material-design-icons/LinkVariantPlus.vue\";\nimport DotsHorizontalIcon from \"vue-material-design-icons/DotsHorizontal.vue\";\nimport ClassicPopover from \"../../misc/ClassicPopover.vue\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport { computed, defineAsyncComponent, onBeforeMount, ref, useTemplateRef } from \"vue\";\nimport { useApiStore } from \"../../../stores/ApiStore\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport classicApi from \"../../../api/classicApi\";\nimport { useI18n } from \"vue-i18n\";\nimport { useSharePath } from \"@/components/composable/share/useSharePath\";\nconst SnackBar = defineAsyncComponent(() => import(\"../../misc/SnackBar.vue\"));\nconst NewsletterModal = defineAsyncComponent(\n () => import(\"../../misc/modal/NewsletterModal.vue\"),\n);\nconst QrCodeModal = defineAsyncComponent(\n () => import(\"../../misc/modal/QrCodeModal.vue\"),\n);\nconst ClipboardModal = defineAsyncComponent(\n () => import(\"../../misc/modal/ClipboardModal.vue\"),\n);\nconst PlayerAnonymousModal = defineAsyncComponent(\n () => import(\"../sharing/PlayerAnonymousModal.vue\"),\n);\nconst CodeTagsIcon = defineAsyncComponent(\n () => import(\"vue-material-design-icons/CodeTags.vue\"),\n);\nconst EmailNewsletterIcon = defineAsyncComponent(\n () => import(\"vue-material-design-icons/EmailNewsletter.vue\"),\n);\nconst RssIcon = defineAsyncComponent(\n () => import(\"vue-material-design-icons/Rss.vue\"),\n);\n\n//Props \nconst props = defineProps({\n podcast: { default: undefined, type: Object as () => Podcast },\n emission: { default: undefined, type: Object as () => Emission },\n playlist: { default: undefined, type: Object as () => Playlist },\n participantId: { default: undefined, type: Number },\n organisationId: { default: undefined, type: String },\n relativeClass: { default: \"page-element\", type: String },\n btnClass: { default: \"btn btn-transparent\", type: String },\n})\n\n//Data \nconst lazyLoadingSnackbar = ref(false);\nconst isNewsletterModal = ref(false);\nconst isQrCodeModal = ref(false);\nconst displayRss = ref(false);\nconst noSharing = ref(true);\nconst playerCanBeSharedAnonymous = ref(false);\nconst playerCanBeSharedOthers = ref(false);\nconst isLoading = ref(true);\nconst isRssModal = ref(false);\nconst isPlayerModal = ref(false);\nconst snackBarRef = useTemplateRef('snackbar');\n\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst saveFetchStore = useSaveFetchStore();\nconst { getSmartLink } = useSharePath();\n\n//Computed\nconst urlPage = computed(() => window.location.href);\nconst isPodcastmaker = computed(() => state.generalParameters.podcastmaker);\nconst rssUrl = computed(() => {\n const api = apiStore.apiUrl + \"rss/\";\n if (\n (!isPodcastmaker.value && props.playlist) ||\n props.podcast ||\n props.emission\n ) {\n return \"\";\n }\n if (props.participantId) {\n return api + \"participant/\" + props.participantId + \".rss\";\n }\n if (props.playlist) {\n return api + \"playlist/\" + props.playlist.playlistId + \".rss\";\n }\n if (props.organisationId) {\n return api + \"productor/\" + props.organisationId + \".rss\";\n }\n return \"\";\n});\nconst titleRssButton = computed(() => {\n if (props.participantId) {\n return t(\"Subscribe to this participant\");\n }\n if (props.emission) {\n return t(\"Subscribe to this emission\");\n }\n return t(\"Subscribe to this RSS feed\");\n});\n\nconst dropdownButtons = computed(() => {\n return [\n {\n title: t(\"Copy this page URL\"),\n icon: LinkVariantIcon,\n condition:true,\n emitName: \"link\",\n },\n {\n title: t(\"SmartLink - Share link\"),\n icon: LinkVariantPlusIcon,\n condition: isPodcastmaker.value && (props.emission || props.playlist),\n emitName: \"smartlink\",\n },\n {\n title: t(\"Share the player\"),\n icon: CodeTagsIcon,\n condition: !isPodcastmaker.value && (playerCanBeSharedAnonymous.value || (playerCanBeSharedOthers.value && authStore.authOrgaId)),\n emitName: \"player\",\n },\n {\n title: t(\"Share newsletter\"),\n icon: EmailNewsletterIcon,\n condition: props.podcast || props.emission || props.playlist,\n emitName: \"newsletter\",\n },\n {\n title: t(\"Share QR Code\"),\n icon: QrcodeIcon,\n condition: true,\n emitName: \"qrcode\",\n },\n {\n title: titleRssButton.value,\n icon: RssIcon,\n condition: '' !== rssUrl.value && displayRss.value && !authStore.isGarRole,\n emitName: \"rss\",\n },\n ];\n});\n\n\nonBeforeMount(()=>initShareButtons())\n\n\n//Methods\nasync function initShareButtons() {\n if (undefined !== props.participantId) {\n displayRss.value = await classicApi.fetchData<boolean>({\n api: 0,\n path: `rss/participants/allowed/${props.organisationId}`,\n isNotAuth: true,\n });\n } else {\n displayRss.value = true;\n }\n determinePlayerCanBeShared();\n if (!props.organisationId) {\n return;\n }\n const attributes = await saveFetchStore.getOrgaAttributes(props.organisationId);\n noSharing.value = \"true\" === attributes.noSharing;\n isLoading.value = false;\n}\nfunction determinePlayerCanBeShared() {\n const emissionAnnot = props.podcast?.emission.annotations ?? props.emission?.annotations;\n if (!emissionAnnot) { return }\n if (emissionAnnot.exclusive) {\n playerCanBeSharedOthers.value = \"true\" !== emissionAnnot.exclusive;\n }\n if (emissionAnnot.notExclusive) {\n playerCanBeSharedAnonymous.value = \"true\" === emissionAnnot.notExclusive;\n }\n}\n\nfunction clickButton(name: string) {\n switch (name) {\n case \"link\":\n displayHelper.onCopyCode(urlPage.value, afterCopy);\n break;\n case \"smartlink\":\n this.openSmartLink();\n break;\n case \"newsletter\":\n isNewsletterModal.value = true;\n break;\n case \"qrcode\":\n isQrCodeModal.value = true;\n break;\n case \"rss\":\n isRssModal.value = true;\n break;\n case \"player\": \n isPlayerModal.value = true;\n break;\n default:\n break;\n }\n}\n\nfunction openSmartLink(): void {\n const pmUrl = new URL(window.location.href);\n const podcastmakerUrl = `${pmUrl.origin}/`;\n let url: string;\n\n if (props.emission) {\n url = getSmartLink({\n title: props.emission.name,\n emissionId: props.emission?.emissionId,\n }, {\n podcastmakerUrl\n });\n } else if (props.playlist) {\n url = getSmartLink({\n title: props.playlist.title,\n playlistId: props.playlist?.playlistId,\n }, {\n podcastmakerUrl\n });\n }\n window.open(url, '_blank').focus();\n}\n\nfunction afterCopy(): void {\n if (!lazyLoadingSnackbar.value) {\n lazyLoadingSnackbar.value = true;\n setTimeout(() => {\n afterCopy();\n }, 500);\n } else {\n (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Link in clipboard\"));\n }\n}\n</script>\n","<template>\n <div v-if=\"!isLoading && !noSharing\">\n <button\n id=\"anonymous-share-button\"\n :class=\"btnClass\"\n :title=\"t('Share')\"\n >\n <DotsHorizontalIcon />\n </button>\n <ClassicPopover\n target=\"anonymous-share-button\"\n :relative-class=\"relativeClass\"\n :is-fixed=\"true\"\n :left-pos=\"true\"\n :only-click=\"true\"\n >\n <div \n v-for=\"button in dropdownButtons\"\n :key=\"button.icon\"\n class=\"d-flex flex-column\"\n >\n <button\n v-if=\"button.condition\"\n :key=\"button.title\"\n class=\"btn-transparent d-flex flex-nowrap justify-content-start align-items-center octopus-dropdown-item py-2\"\n :title=\"button.title\"\n @mousedown=\"clickButton(button.emitName)\"\n @keydown.enter=\"clickButton(button.emitName)\"\n >\n <component :is=\"button.icon\" />\n <span class=\"ms-1\">{{ button.title }}</span>\n </button>\n </div>\n </ClassicPopover>\n <QrCodeModal\n v-if=\"isQrCodeModal\"\n :url-page=\"urlPage\"\n :orga-for-color=\"organisationId\"\n @close=\"isQrCodeModal = false\"\n />\n <PlayerAnonymousModal\n v-if=\"isPlayerModal\"\n :podcast=\"podcast\"\n :emission=\"emission ?? podcast?.emission\"\n :exclusive=\"!playerCanBeSharedOthers\"\n :not-exclusive=\"playerCanBeSharedAnonymous\"\n @close=\"isPlayerModal = false\"\n />\n <NewsletterModal\n v-if=\"isNewsletterModal\"\n :closable=\"true\"\n :podcast=\"podcast\"\n :emission=\"emission\"\n :playlist=\"playlist\"\n @close=\"isNewsletterModal = false\"\n />\n <ClipboardModal\n v-if=\"isRssModal\"\n :link=\"rssUrl\"\n @close=\"isRssModal = false\"\n />\n <SnackBar\n v-if=\"lazyLoadingSnackbar\"\n ref=\"snackbar\"\n position=\"bottom-left\"\n />\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport QrcodeIcon from \"vue-material-design-icons/Qrcode.vue\";\nimport LinkVariantIcon from \"vue-material-design-icons/LinkVariant.vue\";\nimport LinkVariantPlusIcon from \"vue-material-design-icons/LinkVariantPlus.vue\";\nimport DotsHorizontalIcon from \"vue-material-design-icons/DotsHorizontal.vue\";\nimport ClassicPopover from \"../../misc/ClassicPopover.vue\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport { computed, defineAsyncComponent, onBeforeMount, ref, useTemplateRef } from \"vue\";\nimport { useApiStore } from \"../../../stores/ApiStore\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport classicApi from \"../../../api/classicApi\";\nimport { useI18n } from \"vue-i18n\";\nimport { useSharePath } from \"@/components/composable/share/useSharePath\";\nconst SnackBar = defineAsyncComponent(() => import(\"../../misc/SnackBar.vue\"));\nconst NewsletterModal = defineAsyncComponent(\n () => import(\"../../misc/modal/NewsletterModal.vue\"),\n);\nconst QrCodeModal = defineAsyncComponent(\n () => import(\"../../misc/modal/QrCodeModal.vue\"),\n);\nconst ClipboardModal = defineAsyncComponent(\n () => import(\"../../misc/modal/ClipboardModal.vue\"),\n);\nconst PlayerAnonymousModal = defineAsyncComponent(\n () => import(\"../sharing/PlayerAnonymousModal.vue\"),\n);\nconst CodeTagsIcon = defineAsyncComponent(\n () => import(\"vue-material-design-icons/CodeTags.vue\"),\n);\nconst EmailNewsletterIcon = defineAsyncComponent(\n () => import(\"vue-material-design-icons/EmailNewsletter.vue\"),\n);\nconst RssIcon = defineAsyncComponent(\n () => import(\"vue-material-design-icons/Rss.vue\"),\n);\n\n//Props \nconst props = defineProps({\n podcast: { default: undefined, type: Object as () => Podcast },\n emission: { default: undefined, type: Object as () => Emission },\n playlist: { default: undefined, type: Object as () => Playlist },\n participantId: { default: undefined, type: Number },\n organisationId: { default: undefined, type: String },\n relativeClass: { default: \"page-element\", type: String },\n btnClass: { default: \"btn btn-transparent\", type: String },\n})\n\n//Data \nconst lazyLoadingSnackbar = ref(false);\nconst isNewsletterModal = ref(false);\nconst isQrCodeModal = ref(false);\nconst displayRss = ref(false);\nconst noSharing = ref(true);\nconst playerCanBeSharedAnonymous = ref(false);\nconst playerCanBeSharedOthers = ref(false);\nconst isLoading = ref(true);\nconst isRssModal = ref(false);\nconst isPlayerModal = ref(false);\nconst snackBarRef = useTemplateRef('snackbar');\n\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst saveFetchStore = useSaveFetchStore();\nconst { getSmartLink } = useSharePath();\n\n//Computed\nconst urlPage = computed(() => window.location.href);\nconst isPodcastmaker = computed(() => state.generalParameters.podcastmaker);\nconst rssUrl = computed(() => {\n const api = apiStore.apiUrl + \"rss/\";\n if (\n (!isPodcastmaker.value && props.playlist) ||\n props.podcast ||\n props.emission\n ) {\n return \"\";\n }\n if (props.participantId) {\n return api + \"participant/\" + props.participantId + \".rss\";\n }\n if (props.playlist) {\n return api + \"playlist/\" + props.playlist.playlistId + \".rss\";\n }\n if (props.organisationId) {\n return api + \"productor/\" + props.organisationId + \".rss\";\n }\n return \"\";\n});\nconst titleRssButton = computed(() => {\n if (props.participantId) {\n return t(\"Subscribe to this participant\");\n }\n if (props.emission) {\n return t(\"Subscribe to this emission\");\n }\n return t(\"Subscribe to this RSS feed\");\n});\n\nconst dropdownButtons = computed(() => {\n return [\n {\n title: t(\"Copy this page URL\"),\n icon: LinkVariantIcon,\n condition:true,\n emitName: \"link\",\n },\n {\n title: t(\"SmartLink - Share link\"),\n icon: LinkVariantPlusIcon,\n condition: isPodcastmaker.value && (props.emission || props.playlist),\n emitName: \"smartlink\",\n },\n {\n title: t(\"Share the player\"),\n icon: CodeTagsIcon,\n condition: !isPodcastmaker.value && (playerCanBeSharedAnonymous.value || (playerCanBeSharedOthers.value && authStore.authOrgaId)),\n emitName: \"player\",\n },\n {\n title: t(\"Share newsletter\"),\n icon: EmailNewsletterIcon,\n condition: props.podcast || props.emission || props.playlist,\n emitName: \"newsletter\",\n },\n {\n title: t(\"Share QR Code\"),\n icon: QrcodeIcon,\n condition: true,\n emitName: \"qrcode\",\n },\n {\n title: titleRssButton.value,\n icon: RssIcon,\n condition: '' !== rssUrl.value && displayRss.value && !authStore.isGarRole,\n emitName: \"rss\",\n },\n ];\n});\n\n\nonBeforeMount(()=>initShareButtons())\n\n\n//Methods\nasync function initShareButtons() {\n if (undefined !== props.participantId) {\n displayRss.value = await classicApi.fetchData<boolean>({\n api: 0,\n path: `rss/participants/allowed/${props.organisationId}`,\n isNotAuth: true,\n });\n } else {\n displayRss.value = true;\n }\n determinePlayerCanBeShared();\n if (!props.organisationId) {\n return;\n }\n const attributes = await saveFetchStore.getOrgaAttributes(props.organisationId);\n noSharing.value = \"true\" === attributes.noSharing;\n isLoading.value = false;\n}\nfunction determinePlayerCanBeShared() {\n const emissionAnnot = props.podcast?.emission.annotations ?? props.emission?.annotations;\n if (!emissionAnnot) { return }\n if (emissionAnnot.exclusive) {\n playerCanBeSharedOthers.value = \"true\" !== emissionAnnot.exclusive;\n }\n if (emissionAnnot.notExclusive) {\n playerCanBeSharedAnonymous.value = \"true\" === emissionAnnot.notExclusive;\n }\n}\n\nfunction clickButton(name: string) {\n switch (name) {\n case \"link\":\n displayHelper.onCopyCode(urlPage.value, afterCopy);\n break;\n case \"smartlink\":\n this.openSmartLink();\n break;\n case \"newsletter\":\n isNewsletterModal.value = true;\n break;\n case \"qrcode\":\n isQrCodeModal.value = true;\n break;\n case \"rss\":\n isRssModal.value = true;\n break;\n case \"player\": \n isPlayerModal.value = true;\n break;\n default:\n break;\n }\n}\n\nfunction openSmartLink(): void {\n const pmUrl = new URL(window.location.href);\n const podcastmakerUrl = `${pmUrl.origin}/`;\n let url: string;\n\n if (props.emission) {\n url = getSmartLink({\n title: props.emission.name,\n emissionId: props.emission?.emissionId,\n }, {\n podcastmakerUrl\n });\n } else if (props.playlist) {\n url = getSmartLink({\n title: props.playlist.title,\n playlistId: props.playlist?.playlistId,\n }, {\n podcastmakerUrl\n });\n }\n window.open(url, '_blank').focus();\n}\n\nfunction afterCopy(): void {\n if (!lazyLoadingSnackbar.value) {\n lazyLoadingSnackbar.value = true;\n setTimeout(() => {\n afterCopy();\n }, 500);\n } else {\n (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Link in clipboard\"));\n }\n}\n</script>\n"],"mappings":"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"}

package/dist/ShareAnonymous-DWArDFT0.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ShareAnonymous-DWArDFT0.mjs","names":["classicApi","_openBlock","_createElementBlock","_createElementVNode","_normalizeClass","_createVNode","_withCtx","_Fragment","_renderList","_withKeys","_createBlock","_resolveDynamicComponent","_toDisplayString","_createCommentVNode","_sfc_main"],"sources":["../src/components/display/sharing/ShareAnonymous.vue","../src/components/display/sharing/ShareAnonymous.vue"],"sourcesContent":["<template>\n <div v-if=\"!isLoading && !noSharing\">\n <button\n id=\"anonymous-share-button\"\n :class=\"btnClass\"\n :title=\"t('Share')\"\n >\n <DotsHorizontalIcon />\n </button>\n <ClassicPopover\n target=\"anonymous-share-button\"\n :relative-class=\"relativeClass\"\n :is-fixed=\"true\"\n :left-pos=\"true\"\n :only-click=\"true\"\n >\n <div \n v-for=\"button in dropdownButtons\"\n :key=\"button.icon\"\n class=\"d-flex flex-column\"\n >\n <button\n v-if=\"button.condition\"\n :key=\"button.title\"\n class=\"btn-transparent d-flex flex-nowrap justify-content-start align-items-center octopus-dropdown-item py-2\"\n :title=\"button.title\"\n @mousedown=\"clickButton(button.emitName)\"\n @keydown.enter=\"clickButton(button.emitName)\"\n >\n <component :is=\"button.icon\" />\n <span class=\"ms-1\">{{ button.title }}</span>\n </button>\n </div>\n </ClassicPopover>\n <QrCodeModal\n v-if=\"isQrCodeModal\"\n :url-page=\"urlPage\"\n :orga-for-color=\"organisationId\"\n @close=\"isQrCodeModal = false\"\n />\n <PlayerAnonymousModal\n v-if=\"isPlayerModal\"\n :podcast=\"podcast\"\n :emission=\"emission ?? podcast?.emission\"\n :exclusive=\"!playerCanBeSharedOthers\"\n :not-exclusive=\"playerCanBeSharedAnonymous\"\n @close=\"isPlayerModal = false\"\n />\n <NewsletterModal\n v-if=\"isNewsletterModal\"\n :closable=\"true\"\n :podcast=\"podcast\"\n :emission=\"emission\"\n :playlist=\"playlist\"\n @close=\"isNewsletterModal = false\"\n />\n <ClipboardModal\n v-if=\"isRssModal\"\n :link=\"rssUrl\"\n @close=\"isRssModal = false\"\n />\n <SnackBar\n v-if=\"lazyLoadingSnackbar\"\n ref=\"snackbar\"\n position=\"bottom-left\"\n />\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport QrcodeIcon from \"vue-material-design-icons/Qrcode.vue\";\nimport LinkVariantIcon from \"vue-material-design-icons/LinkVariant.vue\";\nimport LinkVariantPlusIcon from \"vue-material-design-icons/LinkVariantPlus.vue\";\nimport DotsHorizontalIcon from \"vue-material-design-icons/DotsHorizontal.vue\";\nimport ClassicPopover from \"../../misc/ClassicPopover.vue\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport { computed, defineAsyncComponent, onBeforeMount, ref, useTemplateRef } from \"vue\";\nimport { useApiStore } from \"../../../stores/ApiStore\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport classicApi from \"../../../api/classicApi\";\nimport { useI18n } from \"vue-i18n\";\nimport { useSharePath } from \"@/components/composable/share/useSharePath\";\nconst SnackBar = defineAsyncComponent(() => import(\"../../misc/SnackBar.vue\"));\nconst NewsletterModal = defineAsyncComponent(\n () => import(\"../../misc/modal/NewsletterModal.vue\"),\n);\nconst QrCodeModal = defineAsyncComponent(\n () => import(\"../../misc/modal/QrCodeModal.vue\"),\n);\nconst ClipboardModal = defineAsyncComponent(\n () => import(\"../../misc/modal/ClipboardModal.vue\"),\n);\nconst PlayerAnonymousModal = defineAsyncComponent(\n () => import(\"../sharing/PlayerAnonymousModal.vue\"),\n);\nconst CodeTagsIcon = defineAsyncComponent(\n () => import(\"vue-material-design-icons/CodeTags.vue\"),\n);\nconst EmailNewsletterIcon = defineAsyncComponent(\n () => import(\"vue-material-design-icons/EmailNewsletter.vue\"),\n);\nconst RssIcon = defineAsyncComponent(\n () => import(\"vue-material-design-icons/Rss.vue\"),\n);\n\n//Props \nconst props = defineProps({\n podcast: { default: undefined, type: Object as () => Podcast },\n emission: { default: undefined, type: Object as () => Emission },\n playlist: { default: undefined, type: Object as () => Playlist },\n participantId: { default: undefined, type: Number },\n organisationId: { default: undefined, type: String },\n relativeClass: { default: \"page-element\", type: String },\n btnClass: { default: \"btn btn-transparent\", type: String },\n})\n\n//Data \nconst lazyLoadingSnackbar = ref(false);\nconst isNewsletterModal = ref(false);\nconst isQrCodeModal = ref(false);\nconst displayRss = ref(false);\nconst noSharing = ref(true);\nconst playerCanBeSharedAnonymous = ref(false);\nconst playerCanBeSharedOthers = ref(false);\nconst isLoading = ref(true);\nconst isRssModal = ref(false);\nconst isPlayerModal = ref(false);\nconst snackBarRef = useTemplateRef('snackbar');\n\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst saveFetchStore = useSaveFetchStore();\nconst { getSmartLink } = useSharePath();\n\n//Computed\nconst urlPage = computed(() => window.location.href);\nconst isPodcastmaker = computed(() => state.generalParameters.podcastmaker);\nconst rssUrl = computed(() => {\n const api = apiStore.apiUrl + \"rss/\";\n if (\n (!isPodcastmaker.value && props.playlist) ||\n props.podcast ||\n props.emission\n ) {\n return \"\";\n }\n if (props.participantId) {\n return api + \"participant/\" + props.participantId + \".rss\";\n }\n if (props.playlist) {\n return api + \"playlist/\" + props.playlist.playlistId + \".rss\";\n }\n if (props.organisationId) {\n return api + \"productor/\" + props.organisationId + \".rss\";\n }\n return \"\";\n});\nconst titleRssButton = computed(() => {\n if (props.participantId) {\n return t(\"Subscribe to this participant\");\n }\n if (props.emission) {\n return t(\"Subscribe to this emission\");\n }\n return t(\"Subscribe to this RSS feed\");\n});\n\nconst dropdownButtons = computed(() => {\n return [\n {\n title: t(\"Copy this page URL\"),\n icon: LinkVariantIcon,\n condition:true,\n emitName: \"link\",\n },\n {\n title: t(\"SmartLink - Share link\"),\n icon: LinkVariantPlusIcon,\n condition: isPodcastmaker.value && (props.emission || props.playlist),\n emitName: \"smartlink\",\n },\n {\n title: t(\"Share the player\"),\n icon: CodeTagsIcon,\n condition: !isPodcastmaker.value && (playerCanBeSharedAnonymous.value || (playerCanBeSharedOthers.value && authStore.authOrgaId)),\n emitName: \"player\",\n },\n {\n title: t(\"Share newsletter\"),\n icon: EmailNewsletterIcon,\n condition: props.podcast || props.emission || props.playlist,\n emitName: \"newsletter\",\n },\n {\n title: t(\"Share QR Code\"),\n icon: QrcodeIcon,\n condition: true,\n emitName: \"qrcode\",\n },\n {\n title: titleRssButton.value,\n icon: RssIcon,\n condition: '' !== rssUrl.value && displayRss.value && !authStore.isGarRole,\n emitName: \"rss\",\n },\n ];\n});\n\n\nonBeforeMount(()=>initShareButtons())\n\n\n//Methods\nasync function initShareButtons() {\n if (undefined !== props.participantId) {\n displayRss.value = await classicApi.fetchData<boolean>({\n api: 0,\n path: `rss/participants/allowed/${props.organisationId}`,\n isNotAuth: true,\n });\n } else {\n displayRss.value = true;\n }\n determinePlayerCanBeShared();\n if (!props.organisationId) {\n return;\n }\n const attributes = await saveFetchStore.getOrgaAttributes(props.organisationId);\n noSharing.value = \"true\" === attributes.noSharing;\n isLoading.value = false;\n}\nfunction determinePlayerCanBeShared() {\n const emissionAnnot = props.podcast?.emission.annotations ?? props.emission?.annotations;\n if (!emissionAnnot) { return }\n if (emissionAnnot.exclusive) {\n playerCanBeSharedOthers.value = \"true\" !== emissionAnnot.exclusive;\n }\n if (emissionAnnot.notExclusive) {\n playerCanBeSharedAnonymous.value = \"true\" === emissionAnnot.notExclusive;\n }\n}\n\nfunction clickButton(name: string) {\n switch (name) {\n case \"link\":\n displayHelper.onCopyCode(urlPage.value, afterCopy);\n break;\n case \"smartlink\":\n this.openSmartLink();\n break;\n case \"newsletter\":\n isNewsletterModal.value = true;\n break;\n case \"qrcode\":\n isQrCodeModal.value = true;\n break;\n case \"rss\":\n isRssModal.value = true;\n break;\n case \"player\": \n isPlayerModal.value = true;\n break;\n default:\n break;\n }\n}\n\nfunction openSmartLink(): void {\n const pmUrl = new URL(window.location.href);\n const podcastmakerUrl = `${pmUrl.origin}/`;\n let url: string;\n\n if (props.emission) {\n url = getSmartLink({\n title: props.emission.name,\n emissionId: props.emission?.emissionId,\n }, {\n podcastmakerUrl\n });\n } else if (props.playlist) {\n url = getSmartLink({\n title: props.playlist.title,\n playlistId: props.playlist?.playlistId,\n }, {\n podcastmakerUrl\n });\n }\n window.open(url, '_blank').focus();\n}\n\nfunction afterCopy(): void {\n if (!lazyLoadingSnackbar.value) {\n lazyLoadingSnackbar.value = true;\n setTimeout(() => {\n afterCopy();\n }, 500);\n } else {\n (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Link in clipboard\"));\n }\n}\n</script>\n","<template>\n <div v-if=\"!isLoading && !noSharing\">\n <button\n id=\"anonymous-share-button\"\n :class=\"btnClass\"\n :title=\"t('Share')\"\n >\n <DotsHorizontalIcon />\n </button>\n <ClassicPopover\n target=\"anonymous-share-button\"\n :relative-class=\"relativeClass\"\n :is-fixed=\"true\"\n :left-pos=\"true\"\n :only-click=\"true\"\n >\n <div \n v-for=\"button in dropdownButtons\"\n :key=\"button.icon\"\n class=\"d-flex flex-column\"\n >\n <button\n v-if=\"button.condition\"\n :key=\"button.title\"\n class=\"btn-transparent d-flex flex-nowrap justify-content-start align-items-center octopus-dropdown-item py-2\"\n :title=\"button.title\"\n @mousedown=\"clickButton(button.emitName)\"\n @keydown.enter=\"clickButton(button.emitName)\"\n >\n <component :is=\"button.icon\" />\n <span class=\"ms-1\">{{ button.title }}</span>\n </button>\n </div>\n </ClassicPopover>\n <QrCodeModal\n v-if=\"isQrCodeModal\"\n :url-page=\"urlPage\"\n :orga-for-color=\"organisationId\"\n @close=\"isQrCodeModal = false\"\n />\n <PlayerAnonymousModal\n v-if=\"isPlayerModal\"\n :podcast=\"podcast\"\n :emission=\"emission ?? podcast?.emission\"\n :exclusive=\"!playerCanBeSharedOthers\"\n :not-exclusive=\"playerCanBeSharedAnonymous\"\n @close=\"isPlayerModal = false\"\n />\n <NewsletterModal\n v-if=\"isNewsletterModal\"\n :closable=\"true\"\n :podcast=\"podcast\"\n :emission=\"emission\"\n :playlist=\"playlist\"\n @close=\"isNewsletterModal = false\"\n />\n <ClipboardModal\n v-if=\"isRssModal\"\n :link=\"rssUrl\"\n @close=\"isRssModal = false\"\n />\n <SnackBar\n v-if=\"lazyLoadingSnackbar\"\n ref=\"snackbar\"\n position=\"bottom-left\"\n />\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport QrcodeIcon from \"vue-material-design-icons/Qrcode.vue\";\nimport LinkVariantIcon from \"vue-material-design-icons/LinkVariant.vue\";\nimport LinkVariantPlusIcon from \"vue-material-design-icons/LinkVariantPlus.vue\";\nimport DotsHorizontalIcon from \"vue-material-design-icons/DotsHorizontal.vue\";\nimport ClassicPopover from \"../../misc/ClassicPopover.vue\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport { computed, defineAsyncComponent, onBeforeMount, ref, useTemplateRef } from \"vue\";\nimport { useApiStore } from \"../../../stores/ApiStore\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport classicApi from \"../../../api/classicApi\";\nimport { useI18n } from \"vue-i18n\";\nimport { useSharePath } from \"@/components/composable/share/useSharePath\";\nconst SnackBar = defineAsyncComponent(() => import(\"../../misc/SnackBar.vue\"));\nconst NewsletterModal = defineAsyncComponent(\n () => import(\"../../misc/modal/NewsletterModal.vue\"),\n);\nconst QrCodeModal = defineAsyncComponent(\n () => import(\"../../misc/modal/QrCodeModal.vue\"),\n);\nconst ClipboardModal = defineAsyncComponent(\n () => import(\"../../misc/modal/ClipboardModal.vue\"),\n);\nconst PlayerAnonymousModal = defineAsyncComponent(\n () => import(\"../sharing/PlayerAnonymousModal.vue\"),\n);\nconst CodeTagsIcon = defineAsyncComponent(\n () => import(\"vue-material-design-icons/CodeTags.vue\"),\n);\nconst EmailNewsletterIcon = defineAsyncComponent(\n () => import(\"vue-material-design-icons/EmailNewsletter.vue\"),\n);\nconst RssIcon = defineAsyncComponent(\n () => import(\"vue-material-design-icons/Rss.vue\"),\n);\n\n//Props \nconst props = defineProps({\n podcast: { default: undefined, type: Object as () => Podcast },\n emission: { default: undefined, type: Object as () => Emission },\n playlist: { default: undefined, type: Object as () => Playlist },\n participantId: { default: undefined, type: Number },\n organisationId: { default: undefined, type: String },\n relativeClass: { default: \"page-element\", type: String },\n btnClass: { default: \"btn btn-transparent\", type: String },\n})\n\n//Data \nconst lazyLoadingSnackbar = ref(false);\nconst isNewsletterModal = ref(false);\nconst isQrCodeModal = ref(false);\nconst displayRss = ref(false);\nconst noSharing = ref(true);\nconst playerCanBeSharedAnonymous = ref(false);\nconst playerCanBeSharedOthers = ref(false);\nconst isLoading = ref(true);\nconst isRssModal = ref(false);\nconst isPlayerModal = ref(false);\nconst snackBarRef = useTemplateRef('snackbar');\n\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst saveFetchStore = useSaveFetchStore();\nconst { getSmartLink } = useSharePath();\n\n//Computed\nconst urlPage = computed(() => window.location.href);\nconst isPodcastmaker = computed(() => state.generalParameters.podcastmaker);\nconst rssUrl = computed(() => {\n const api = apiStore.apiUrl + \"rss/\";\n if (\n (!isPodcastmaker.value && props.playlist) ||\n props.podcast ||\n props.emission\n ) {\n return \"\";\n }\n if (props.participantId) {\n return api + \"participant/\" + props.participantId + \".rss\";\n }\n if (props.playlist) {\n return api + \"playlist/\" + props.playlist.playlistId + \".rss\";\n }\n if (props.organisationId) {\n return api + \"productor/\" + props.organisationId + \".rss\";\n }\n return \"\";\n});\nconst titleRssButton = computed(() => {\n if (props.participantId) {\n return t(\"Subscribe to this participant\");\n }\n if (props.emission) {\n return t(\"Subscribe to this emission\");\n }\n return t(\"Subscribe to this RSS feed\");\n});\n\nconst dropdownButtons = computed(() => {\n return [\n {\n title: t(\"Copy this page URL\"),\n icon: LinkVariantIcon,\n condition:true,\n emitName: \"link\",\n },\n {\n title: t(\"SmartLink - Share link\"),\n icon: LinkVariantPlusIcon,\n condition: isPodcastmaker.value && (props.emission || props.playlist),\n emitName: \"smartlink\",\n },\n {\n title: t(\"Share the player\"),\n icon: CodeTagsIcon,\n condition: !isPodcastmaker.value && (playerCanBeSharedAnonymous.value || (playerCanBeSharedOthers.value && authStore.authOrgaId)),\n emitName: \"player\",\n },\n {\n title: t(\"Share newsletter\"),\n icon: EmailNewsletterIcon,\n condition: props.podcast || props.emission || props.playlist,\n emitName: \"newsletter\",\n },\n {\n title: t(\"Share QR Code\"),\n icon: QrcodeIcon,\n condition: true,\n emitName: \"qrcode\",\n },\n {\n title: titleRssButton.value,\n icon: RssIcon,\n condition: '' !== rssUrl.value && displayRss.value && !authStore.isGarRole,\n emitName: \"rss\",\n },\n ];\n});\n\n\nonBeforeMount(()=>initShareButtons())\n\n\n//Methods\nasync function initShareButtons() {\n if (undefined !== props.participantId) {\n displayRss.value = await classicApi.fetchData<boolean>({\n api: 0,\n path: `rss/participants/allowed/${props.organisationId}`,\n isNotAuth: true,\n });\n } else {\n displayRss.value = true;\n }\n determinePlayerCanBeShared();\n if (!props.organisationId) {\n return;\n }\n const attributes = await saveFetchStore.getOrgaAttributes(props.organisationId);\n noSharing.value = \"true\" === attributes.noSharing;\n isLoading.value = false;\n}\nfunction determinePlayerCanBeShared() {\n const emissionAnnot = props.podcast?.emission.annotations ?? props.emission?.annotations;\n if (!emissionAnnot) { return }\n if (emissionAnnot.exclusive) {\n playerCanBeSharedOthers.value = \"true\" !== emissionAnnot.exclusive;\n }\n if (emissionAnnot.notExclusive) {\n playerCanBeSharedAnonymous.value = \"true\" === emissionAnnot.notExclusive;\n }\n}\n\nfunction clickButton(name: string) {\n switch (name) {\n case \"link\":\n displayHelper.onCopyCode(urlPage.value, afterCopy);\n break;\n case \"smartlink\":\n this.openSmartLink();\n break;\n case \"newsletter\":\n isNewsletterModal.value = true;\n break;\n case \"qrcode\":\n isQrCodeModal.value = true;\n break;\n case \"rss\":\n isRssModal.value = true;\n break;\n case \"player\": \n isPlayerModal.value = true;\n break;\n default:\n break;\n }\n}\n\nfunction openSmartLink(): void {\n const pmUrl = new URL(window.location.href);\n const podcastmakerUrl = `${pmUrl.origin}/`;\n let url: string;\n\n if (props.emission) {\n url = getSmartLink({\n title: props.emission.name,\n emissionId: props.emission?.emissionId,\n }, {\n podcastmakerUrl\n });\n } else if (props.playlist) {\n url = getSmartLink({\n title: props.playlist.title,\n playlistId: props.playlist?.playlistId,\n }, {\n podcastmakerUrl\n });\n }\n window.open(url, '_blank').focus();\n}\n\nfunction afterCopy(): void {\n if (!lazyLoadingSnackbar.value) {\n lazyLoadingSnackbar.value = true;\n setTimeout(() => {\n afterCopy();\n }, 500);\n } else {\n (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Link in clipboard\"));\n }\n}\n</script>\n"],"mappings":"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"}

package/dist/ShareAnonymous-IaVbb-rp.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ShareAnonymous-IaVbb-rp.mjs","names":["classicApi","_openBlock","_createElementBlock","_createElementVNode","_normalizeClass","_createVNode","_withCtx","_Fragment","_renderList","_withKeys","_createBlock","_resolveDynamicComponent","_toDisplayString","_createCommentVNode","_sfc_main"],"sources":["../src/components/display/sharing/ShareAnonymous.vue","../src/components/display/sharing/ShareAnonymous.vue"],"sourcesContent":["<template>\n <div v-if=\"!isLoading && !noSharing\">\n <button\n id=\"anonymous-share-button\"\n :class=\"btnClass\"\n :title=\"t('Share')\"\n >\n <DotsHorizontalIcon />\n </button>\n <ClassicPopover\n target=\"anonymous-share-button\"\n :relative-class=\"relativeClass\"\n :is-fixed=\"true\"\n :left-pos=\"true\"\n :only-click=\"true\"\n >\n <div \n v-for=\"button in dropdownButtons\"\n :key=\"button.icon\"\n class=\"d-flex flex-column\"\n >\n <button\n v-if=\"button.condition\"\n :key=\"button.title\"\n class=\"btn-transparent d-flex flex-nowrap justify-content-start align-items-center octopus-dropdown-item py-2\"\n :title=\"button.title\"\n @mousedown=\"clickButton(button.emitName)\"\n @keydown.enter=\"clickButton(button.emitName)\"\n >\n <component :is=\"button.icon\" />\n <span class=\"ms-1\">{{ button.title }}</span>\n </button>\n </div>\n </ClassicPopover>\n <QrCodeModal\n v-if=\"isQrCodeModal\"\n :url-page=\"urlPage\"\n :orga-for-color=\"organisationId\"\n @close=\"isQrCodeModal = false\"\n />\n <PlayerAnonymousModal\n v-if=\"isPlayerModal\"\n :podcast=\"podcast\"\n :emission=\"emission ?? podcast?.emission\"\n :exclusive=\"!playerCanBeSharedOthers\"\n :not-exclusive=\"playerCanBeSharedAnonymous\"\n @close=\"isPlayerModal = false\"\n />\n <NewsletterModal\n v-if=\"isNewsletterModal\"\n :closable=\"true\"\n :podcast=\"podcast\"\n :emission=\"emission\"\n :playlist=\"playlist\"\n @close=\"isNewsletterModal = false\"\n />\n <ClipboardModal\n v-if=\"isRssModal\"\n :link=\"rssUrl\"\n @close=\"isRssModal = false\"\n />\n <SnackBar\n v-if=\"lazyLoadingSnackbar\"\n ref=\"snackbar\"\n position=\"bottom-left\"\n />\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport QrcodeIcon from \"vue-material-design-icons/Qrcode.vue\";\nimport LinkVariantIcon from \"vue-material-design-icons/LinkVariant.vue\";\nimport LinkVariantPlusIcon from \"vue-material-design-icons/LinkVariantPlus.vue\";\nimport DotsHorizontalIcon from \"vue-material-design-icons/DotsHorizontal.vue\";\nimport ClassicPopover from \"../../misc/ClassicPopover.vue\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport { computed, defineAsyncComponent, onBeforeMount, ref, useTemplateRef } from \"vue\";\nimport { useApiStore } from \"../../../stores/ApiStore\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport classicApi from \"../../../api/classicApi\";\nimport { useI18n } from \"vue-i18n\";\nimport { useSharePath } from \"@/components/composable/share/useSharePath\";\nconst SnackBar = defineAsyncComponent(() => import(\"../../misc/SnackBar.vue\"));\nconst NewsletterModal = defineAsyncComponent(\n () => import(\"../../misc/modal/NewsletterModal.vue\"),\n);\nconst QrCodeModal = defineAsyncComponent(\n () => import(\"../../misc/modal/QrCodeModal.vue\"),\n);\nconst ClipboardModal = defineAsyncComponent(\n () => import(\"../../misc/modal/ClipboardModal.vue\"),\n);\nconst PlayerAnonymousModal = defineAsyncComponent(\n () => import(\"../sharing/PlayerAnonymousModal.vue\"),\n);\nconst CodeTagsIcon = defineAsyncComponent(\n () => import(\"vue-material-design-icons/CodeTags.vue\"),\n);\nconst EmailNewsletterIcon = defineAsyncComponent(\n () => import(\"vue-material-design-icons/EmailNewsletter.vue\"),\n);\nconst RssIcon = defineAsyncComponent(\n () => import(\"vue-material-design-icons/Rss.vue\"),\n);\n\n//Props \nconst props = defineProps({\n podcast: { default: undefined, type: Object as () => Podcast },\n emission: { default: undefined, type: Object as () => Emission },\n playlist: { default: undefined, type: Object as () => Playlist },\n participantId: { default: undefined, type: Number },\n organisationId: { default: undefined, type: String },\n relativeClass: { default: \"page-element\", type: String },\n btnClass: { default: \"btn btn-transparent\", type: String },\n})\n\n//Data \nconst lazyLoadingSnackbar = ref(false);\nconst isNewsletterModal = ref(false);\nconst isQrCodeModal = ref(false);\nconst displayRss = ref(false);\nconst noSharing = ref(true);\nconst playerCanBeSharedAnonymous = ref(false);\nconst playerCanBeSharedOthers = ref(false);\nconst isLoading = ref(true);\nconst isRssModal = ref(false);\nconst isPlayerModal = ref(false);\nconst snackBarRef = useTemplateRef('snackbar');\n\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst saveFetchStore = useSaveFetchStore();\nconst { getSmartLink } = useSharePath();\n\n//Computed\nconst urlPage = computed(() => window.location.href);\nconst isPodcastmaker = computed(() => state.generalParameters.podcastmaker);\nconst rssUrl = computed(() => {\n const api = apiStore.apiUrl + \"rss/\";\n if (\n (!isPodcastmaker.value && props.playlist) ||\n props.podcast ||\n props.emission\n ) {\n return \"\";\n }\n if (props.participantId) {\n return api + \"participant/\" + props.participantId + \".rss\";\n }\n if (props.playlist) {\n return api + \"playlist/\" + props.playlist.playlistId + \".rss\";\n }\n if (props.organisationId) {\n return api + \"productor/\" + props.organisationId + \".rss\";\n }\n return \"\";\n});\nconst titleRssButton = computed(() => {\n if (props.participantId) {\n return t(\"Subscribe to this participant\");\n }\n if (props.emission) {\n return t(\"Subscribe to this emission\");\n }\n return t(\"Subscribe to this RSS feed\");\n});\n\nconst dropdownButtons = computed(() => {\n return [\n {\n title: t(\"Copy this page URL\"),\n icon: LinkVariantIcon,\n condition:true,\n emitName: \"link\",\n },\n {\n title: t(\"SmartLink - Share link\"),\n icon: LinkVariantPlusIcon,\n condition: isPodcastmaker.value && (props.emission || props.playlist),\n emitName: \"smartlink\",\n },\n {\n title: t(\"Share the player\"),\n icon: CodeTagsIcon,\n condition: !isPodcastmaker.value && (playerCanBeSharedAnonymous.value || (playerCanBeSharedOthers.value && authStore.authOrgaId)),\n emitName: \"player\",\n },\n {\n title: t(\"Share newsletter\"),\n icon: EmailNewsletterIcon,\n condition: props.podcast || props.emission || props.playlist,\n emitName: \"newsletter\",\n },\n {\n title: t(\"Share QR Code\"),\n icon: QrcodeIcon,\n condition: true,\n emitName: \"qrcode\",\n },\n {\n title: titleRssButton.value,\n icon: RssIcon,\n condition: '' !== rssUrl.value && displayRss.value && !authStore.isGarRole,\n emitName: \"rss\",\n },\n ];\n});\n\n\nonBeforeMount(()=>initShareButtons())\n\n\n//Methods\nasync function initShareButtons() {\n if (undefined !== props.participantId) {\n displayRss.value = await classicApi.fetchData<boolean>({\n api: 0,\n path: `rss/participants/allowed/${props.organisationId}`,\n isNotAuth: true,\n });\n } else {\n displayRss.value = true;\n }\n determinePlayerCanBeShared();\n if (!props.organisationId) {\n return;\n }\n const attributes = await saveFetchStore.getOrgaAttributes(props.organisationId);\n noSharing.value = \"true\" === attributes.noSharing;\n isLoading.value = false;\n}\nfunction determinePlayerCanBeShared() {\n const emissionAnnot = props.podcast?.emission.annotations ?? props.emission?.annotations;\n if (!emissionAnnot) { return }\n if (emissionAnnot.exclusive) {\n playerCanBeSharedOthers.value = \"true\" !== emissionAnnot.exclusive;\n }\n if (emissionAnnot.notExclusive) {\n playerCanBeSharedAnonymous.value = \"true\" === emissionAnnot.notExclusive;\n }\n}\n\nfunction clickButton(name: string) {\n switch (name) {\n case \"link\":\n displayHelper.onCopyCode(urlPage.value, afterCopy);\n break;\n case \"smartlink\":\n this.openSmartLink();\n break;\n case \"newsletter\":\n isNewsletterModal.value = true;\n break;\n case \"qrcode\":\n isQrCodeModal.value = true;\n break;\n case \"rss\":\n isRssModal.value = true;\n break;\n case \"player\": \n isPlayerModal.value = true;\n break;\n default:\n break;\n }\n}\n\nfunction openSmartLink(): void {\n const pmUrl = new URL(window.location.href);\n const podcastmakerUrl = `${pmUrl.origin}/`;\n let url: string;\n\n if (props.emission) {\n url = getSmartLink({\n title: props.emission.name,\n emissionId: props.emission?.emissionId,\n }, {\n podcastmakerUrl\n });\n } else if (props.playlist) {\n url = getSmartLink({\n title: props.playlist.title,\n playlistId: props.playlist?.playlistId,\n }, {\n podcastmakerUrl\n });\n }\n window.open(url, '_blank').focus();\n}\n\nfunction afterCopy(): void {\n if (!lazyLoadingSnackbar.value) {\n lazyLoadingSnackbar.value = true;\n setTimeout(() => {\n afterCopy();\n }, 500);\n } else {\n (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Link in clipboard\"));\n }\n}\n</script>\n","<template>\n <div v-if=\"!isLoading && !noSharing\">\n <button\n id=\"anonymous-share-button\"\n :class=\"btnClass\"\n :title=\"t('Share')\"\n >\n <DotsHorizontalIcon />\n </button>\n <ClassicPopover\n target=\"anonymous-share-button\"\n :relative-class=\"relativeClass\"\n :is-fixed=\"true\"\n :left-pos=\"true\"\n :only-click=\"true\"\n >\n <div \n v-for=\"button in dropdownButtons\"\n :key=\"button.icon\"\n class=\"d-flex flex-column\"\n >\n <button\n v-if=\"button.condition\"\n :key=\"button.title\"\n class=\"btn-transparent d-flex flex-nowrap justify-content-start align-items-center octopus-dropdown-item py-2\"\n :title=\"button.title\"\n @mousedown=\"clickButton(button.emitName)\"\n @keydown.enter=\"clickButton(button.emitName)\"\n >\n <component :is=\"button.icon\" />\n <span class=\"ms-1\">{{ button.title }}</span>\n </button>\n </div>\n </ClassicPopover>\n <QrCodeModal\n v-if=\"isQrCodeModal\"\n :url-page=\"urlPage\"\n :orga-for-color=\"organisationId\"\n @close=\"isQrCodeModal = false\"\n />\n <PlayerAnonymousModal\n v-if=\"isPlayerModal\"\n :podcast=\"podcast\"\n :emission=\"emission ?? podcast?.emission\"\n :exclusive=\"!playerCanBeSharedOthers\"\n :not-exclusive=\"playerCanBeSharedAnonymous\"\n @close=\"isPlayerModal = false\"\n />\n <NewsletterModal\n v-if=\"isNewsletterModal\"\n :closable=\"true\"\n :podcast=\"podcast\"\n :emission=\"emission\"\n :playlist=\"playlist\"\n @close=\"isNewsletterModal = false\"\n />\n <ClipboardModal\n v-if=\"isRssModal\"\n :link=\"rssUrl\"\n @close=\"isRssModal = false\"\n />\n <SnackBar\n v-if=\"lazyLoadingSnackbar\"\n ref=\"snackbar\"\n position=\"bottom-left\"\n />\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport QrcodeIcon from \"vue-material-design-icons/Qrcode.vue\";\nimport LinkVariantIcon from \"vue-material-design-icons/LinkVariant.vue\";\nimport LinkVariantPlusIcon from \"vue-material-design-icons/LinkVariantPlus.vue\";\nimport DotsHorizontalIcon from \"vue-material-design-icons/DotsHorizontal.vue\";\nimport ClassicPopover from \"../../misc/ClassicPopover.vue\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport { computed, defineAsyncComponent, onBeforeMount, ref, useTemplateRef } from \"vue\";\nimport { useApiStore } from \"../../../stores/ApiStore\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport classicApi from \"../../../api/classicApi\";\nimport { useI18n } from \"vue-i18n\";\nimport { useSharePath } from \"@/components/composable/share/useSharePath\";\nconst SnackBar = defineAsyncComponent(() => import(\"../../misc/SnackBar.vue\"));\nconst NewsletterModal = defineAsyncComponent(\n () => import(\"../../misc/modal/NewsletterModal.vue\"),\n);\nconst QrCodeModal = defineAsyncComponent(\n () => import(\"../../misc/modal/QrCodeModal.vue\"),\n);\nconst ClipboardModal = defineAsyncComponent(\n () => import(\"../../misc/modal/ClipboardModal.vue\"),\n);\nconst PlayerAnonymousModal = defineAsyncComponent(\n () => import(\"../sharing/PlayerAnonymousModal.vue\"),\n);\nconst CodeTagsIcon = defineAsyncComponent(\n () => import(\"vue-material-design-icons/CodeTags.vue\"),\n);\nconst EmailNewsletterIcon = defineAsyncComponent(\n () => import(\"vue-material-design-icons/EmailNewsletter.vue\"),\n);\nconst RssIcon = defineAsyncComponent(\n () => import(\"vue-material-design-icons/Rss.vue\"),\n);\n\n//Props \nconst props = defineProps({\n podcast: { default: undefined, type: Object as () => Podcast },\n emission: { default: undefined, type: Object as () => Emission },\n playlist: { default: undefined, type: Object as () => Playlist },\n participantId: { default: undefined, type: Number },\n organisationId: { default: undefined, type: String },\n relativeClass: { default: \"page-element\", type: String },\n btnClass: { default: \"btn btn-transparent\", type: String },\n})\n\n//Data \nconst lazyLoadingSnackbar = ref(false);\nconst isNewsletterModal = ref(false);\nconst isQrCodeModal = ref(false);\nconst displayRss = ref(false);\nconst noSharing = ref(true);\nconst playerCanBeSharedAnonymous = ref(false);\nconst playerCanBeSharedOthers = ref(false);\nconst isLoading = ref(true);\nconst isRssModal = ref(false);\nconst isPlayerModal = ref(false);\nconst snackBarRef = useTemplateRef('snackbar');\n\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst saveFetchStore = useSaveFetchStore();\nconst { getSmartLink } = useSharePath();\n\n//Computed\nconst urlPage = computed(() => window.location.href);\nconst isPodcastmaker = computed(() => state.generalParameters.podcastmaker);\nconst rssUrl = computed(() => {\n const api = apiStore.apiUrl + \"rss/\";\n if (\n (!isPodcastmaker.value && props.playlist) ||\n props.podcast ||\n props.emission\n ) {\n return \"\";\n }\n if (props.participantId) {\n return api + \"participant/\" + props.participantId + \".rss\";\n }\n if (props.playlist) {\n return api + \"playlist/\" + props.playlist.playlistId + \".rss\";\n }\n if (props.organisationId) {\n return api + \"productor/\" + props.organisationId + \".rss\";\n }\n return \"\";\n});\nconst titleRssButton = computed(() => {\n if (props.participantId) {\n return t(\"Subscribe to this participant\");\n }\n if (props.emission) {\n return t(\"Subscribe to this emission\");\n }\n return t(\"Subscribe to this RSS feed\");\n});\n\nconst dropdownButtons = computed(() => {\n return [\n {\n title: t(\"Copy this page URL\"),\n icon: LinkVariantIcon,\n condition:true,\n emitName: \"link\",\n },\n {\n title: t(\"SmartLink - Share link\"),\n icon: LinkVariantPlusIcon,\n condition: isPodcastmaker.value && (props.emission || props.playlist),\n emitName: \"smartlink\",\n },\n {\n title: t(\"Share the player\"),\n icon: CodeTagsIcon,\n condition: !isPodcastmaker.value && (playerCanBeSharedAnonymous.value || (playerCanBeSharedOthers.value && authStore.authOrgaId)),\n emitName: \"player\",\n },\n {\n title: t(\"Share newsletter\"),\n icon: EmailNewsletterIcon,\n condition: props.podcast || props.emission || props.playlist,\n emitName: \"newsletter\",\n },\n {\n title: t(\"Share QR Code\"),\n icon: QrcodeIcon,\n condition: true,\n emitName: \"qrcode\",\n },\n {\n title: titleRssButton.value,\n icon: RssIcon,\n condition: '' !== rssUrl.value && displayRss.value && !authStore.isGarRole,\n emitName: \"rss\",\n },\n ];\n});\n\n\nonBeforeMount(()=>initShareButtons())\n\n\n//Methods\nasync function initShareButtons() {\n if (undefined !== props.participantId) {\n displayRss.value = await classicApi.fetchData<boolean>({\n api: 0,\n path: `rss/participants/allowed/${props.organisationId}`,\n isNotAuth: true,\n });\n } else {\n displayRss.value = true;\n }\n determinePlayerCanBeShared();\n if (!props.organisationId) {\n return;\n }\n const attributes = await saveFetchStore.getOrgaAttributes(props.organisationId);\n noSharing.value = \"true\" === attributes.noSharing;\n isLoading.value = false;\n}\nfunction determinePlayerCanBeShared() {\n const emissionAnnot = props.podcast?.emission.annotations ?? props.emission?.annotations;\n if (!emissionAnnot) { return }\n if (emissionAnnot.exclusive) {\n playerCanBeSharedOthers.value = \"true\" !== emissionAnnot.exclusive;\n }\n if (emissionAnnot.notExclusive) {\n playerCanBeSharedAnonymous.value = \"true\" === emissionAnnot.notExclusive;\n }\n}\n\nfunction clickButton(name: string) {\n switch (name) {\n case \"link\":\n displayHelper.onCopyCode(urlPage.value, afterCopy);\n break;\n case \"smartlink\":\n this.openSmartLink();\n break;\n case \"newsletter\":\n isNewsletterModal.value = true;\n break;\n case \"qrcode\":\n isQrCodeModal.value = true;\n break;\n case \"rss\":\n isRssModal.value = true;\n break;\n case \"player\": \n isPlayerModal.value = true;\n break;\n default:\n break;\n }\n}\n\nfunction openSmartLink(): void {\n const pmUrl = new URL(window.location.href);\n const podcastmakerUrl = `${pmUrl.origin}/`;\n let url: string;\n\n if (props.emission) {\n url = getSmartLink({\n title: props.emission.name,\n emissionId: props.emission?.emissionId,\n }, {\n podcastmakerUrl\n });\n } else if (props.playlist) {\n url = getSmartLink({\n title: props.playlist.title,\n playlistId: props.playlist?.playlistId,\n }, {\n podcastmakerUrl\n });\n }\n window.open(url, '_blank').focus();\n}\n\nfunction afterCopy(): void {\n if (!lazyLoadingSnackbar.value) {\n lazyLoadingSnackbar.value = true;\n setTimeout(() => {\n afterCopy();\n }, 500);\n } else {\n (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Link in clipboard\"));\n }\n}\n</script>\n"],"mappings":"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"}

package/dist/ShareModalPlayer-BHmsvxXF.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ShareModalPlayer-BHmsvxXF.mjs","names":["_openBlock","_createElementBlock","_Fragment","_createVNode","_withCtx","_createSlots","_createElementVNode","_toDisplayString","_renderList","_createTextVNode","_sfc_main"],"sources":["../src/components/misc/modal/ShareModalPlayer.vue","../src/components/misc/modal/ShareModalPlayer.vue"],"sourcesContent":["<template>\n <ClassicModal\n id-modal=\"share-modal\"\n :title-modal=\"t('Share the player')\"\n @close=\"closePopup\"\n >\n <template #body>\n <ClassicNav v-model:active-tab=\"activeTab\" :tab-number=\"tabs.length\">\n <template v-for=\"(tab, index) in tabs\" #[index]>\n {{ tab }}\n </template>\n <template #tab0>\n <p class=\"word-break-word\">{{ embedLink }}</p>\n <button\n class=\"btn-transparent\"\n :title=\"t('Copy')\"\n @click=\"onCopyCode(embedLink, afterCopy)\"\n >\n <ContentCopyIcon />\n </button>\n </template>\n <template #tab1>\n <div class=\"d-flex flex-column flex-grow-1\">\n <div class=\"d-flex justify-content-between align-items-center\">\n <p class=\"word-break-word\">{{ embedlyLink }}</p>\n <button\n class=\"btn-transparent\"\n :title=\"t('Copy')\"\n @click=\"onCopyCode(embedlyLink, afterCopy)\"\n >\n <ContentCopyIcon />\n </button>\n </div>\n <QrCode :url=\"embedlyLink\" />\n </div>\n </template>\n <template v-if=\"directLink\" #tab2>\n <p class=\"word-break-word\">{{ directLink.audioUrl }}</p>\n <button\n class=\"btn-transparent\"\n :title=\"t('Copy')\"\n @click=\"onCopyCode(directLink.audioUrl, snackbarRef)\"\n >\n <ContentCopyIcon />\n </button>\n </template>\n </ClassicNav>\n </template>\n <template #footer>\n <button class=\"btn btn-primary m-1\" @click=\"closePopup\">\n {{ t(\"Close\") }}\n </button>\n </template>\n </ClassicModal>\n <SnackBar ref=\"snackbar\" position=\"bottom-left\" />\n</template>\n\n<script setup lang=\"ts\">\nimport ContentCopyIcon from \"vue-material-design-icons/ContentCopy.vue\";\nimport SnackBar from \"../SnackBar.vue\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport ClassicModal from \"../modal/ClassicModal.vue\";\nimport ClassicNav from \"../ClassicNav.vue\";\nimport QrCode from \"../../display/sharing/QrCode.vue\";\nimport { computed, ref, useTemplateRef } from \"vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n embedLink: { default: undefined, type: String },\n embedlyLink: { default: undefined, type: String },\n directLink: { default: undefined, type: Object as () => Podcast },\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Data \nconst activeTab = ref(0);\nconst snackBarRef = useTemplateRef('snackbar');\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst tabs = computed(() => {\n if (props.directLink) {\n return [t(\"Embed link\"),t(\"Embedly link\"),t(\"Direct link\"),];\n }\n return [t(\"Embed link\"), t(\"Embedly link\")];\n});\n\n\n//Methods\nfunction onCopyCode(link: string, callback: () => void){\n displayHelper.onCopyCode(link, callback);\n}\nfunction closePopup(): void {\n emit(\"close\");\n}\nfunction afterCopy(): void {\n (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Data in clipboard\"),);\n}\n</script>\n","<template>\n <ClassicModal\n id-modal=\"share-modal\"\n :title-modal=\"t('Share the player')\"\n @close=\"closePopup\"\n >\n <template #body>\n <ClassicNav v-model:active-tab=\"activeTab\" :tab-number=\"tabs.length\">\n <template v-for=\"(tab, index) in tabs\" #[index]>\n {{ tab }}\n </template>\n <template #tab0>\n <p class=\"word-break-word\">{{ embedLink }}</p>\n <button\n class=\"btn-transparent\"\n :title=\"t('Copy')\"\n @click=\"onCopyCode(embedLink, afterCopy)\"\n >\n <ContentCopyIcon />\n </button>\n </template>\n <template #tab1>\n <div class=\"d-flex flex-column flex-grow-1\">\n <div class=\"d-flex justify-content-between align-items-center\">\n <p class=\"word-break-word\">{{ embedlyLink }}</p>\n <button\n class=\"btn-transparent\"\n :title=\"t('Copy')\"\n @click=\"onCopyCode(embedlyLink, afterCopy)\"\n >\n <ContentCopyIcon />\n </button>\n </div>\n <QrCode :url=\"embedlyLink\" />\n </div>\n </template>\n <template v-if=\"directLink\" #tab2>\n <p class=\"word-break-word\">{{ directLink.audioUrl }}</p>\n <button\n class=\"btn-transparent\"\n :title=\"t('Copy')\"\n @click=\"onCopyCode(directLink.audioUrl, snackbarRef)\"\n >\n <ContentCopyIcon />\n </button>\n </template>\n </ClassicNav>\n </template>\n <template #footer>\n <button class=\"btn btn-primary m-1\" @click=\"closePopup\">\n {{ t(\"Close\") }}\n </button>\n </template>\n </ClassicModal>\n <SnackBar ref=\"snackbar\" position=\"bottom-left\" />\n</template>\n\n<script setup lang=\"ts\">\nimport ContentCopyIcon from \"vue-material-design-icons/ContentCopy.vue\";\nimport SnackBar from \"../SnackBar.vue\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport ClassicModal from \"../modal/ClassicModal.vue\";\nimport ClassicNav from \"../ClassicNav.vue\";\nimport QrCode from \"../../display/sharing/QrCode.vue\";\nimport { computed, ref, useTemplateRef } from \"vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n embedLink: { default: undefined, type: String },\n embedlyLink: { default: undefined, type: String },\n directLink: { default: undefined, type: Object as () => Podcast },\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Data \nconst activeTab = ref(0);\nconst snackBarRef = useTemplateRef('snackbar');\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst tabs = computed(() => {\n if (props.directLink) {\n return [t(\"Embed link\"),t(\"Embedly link\"),t(\"Direct link\"),];\n }\n return [t(\"Embed link\"), t(\"Embedly link\")];\n});\n\n\n//Methods\nfunction onCopyCode(link: string, callback: () => void){\n displayHelper.onCopyCode(link, callback);\n}\nfunction closePopup(): void {\n emit(\"close\");\n}\nfunction afterCopy(): void {\n (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Data in clipboard\"),);\n}\n</script>\n"],"mappings":"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"}

package/dist/{ShareModalPlayer-D2oBrSly.mjs → ShareModalPlayer-Cfnk68-U.mjs} RENAMED Viewed

@@ -2,7 +2,7 @@ import { t as e } from "./ClassicModal-Dl2IdzXZ.mjs";
 import { t } from "./displayHelper-DQtoqc_6.mjs";
 import { t as n } from "./ClassicNav-DYez6p1J.mjs";
 import { t as r } from "./SnackBar-BL-mLRun.mjs";
-import { t as i } from "./QrCode-DuScZ7PD.mjs";
+import { t as i } from "./QrCode-CCigeTaZ.mjs";
 import { Fragment as a, computed as o, createElementBlock as s, createElementVNode as c, createSlots as l, createTextVNode as u, createVNode as d, defineComponent as f, openBlock as p, ref as m, renderList as h, toDisplayString as g, unref as _, useTemplateRef as v, withCtx as y } from "vue";
 import { useI18n as b } from "vue-i18n";
 import x from "vue-material-design-icons/ContentCopy.vue";

package/dist/ShareModalPlayer-DLBU3lsU.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ShareModalPlayer-DLBU3lsU.mjs","names":["_openBlock","_createElementBlock","_Fragment","_createVNode","_withCtx","_createSlots","_createElementVNode","_toDisplayString","_renderList","_createTextVNode","_sfc_main"],"sources":["../src/components/misc/modal/ShareModalPlayer.vue","../src/components/misc/modal/ShareModalPlayer.vue"],"sourcesContent":["<template>\n <ClassicModal\n id-modal=\"share-modal\"\n :title-modal=\"t('Share the player')\"\n @close=\"closePopup\"\n >\n <template #body>\n <ClassicNav v-model:active-tab=\"activeTab\" :tab-number=\"tabs.length\">\n <template v-for=\"(tab, index) in tabs\" #[index]>\n {{ tab }}\n </template>\n <template #tab0>\n <p class=\"word-break-word\">{{ embedLink }}</p>\n <button\n class=\"btn-transparent\"\n :title=\"t('Copy')\"\n @click=\"onCopyCode(embedLink, afterCopy)\"\n >\n <ContentCopyIcon />\n </button>\n </template>\n <template #tab1>\n <div class=\"d-flex flex-column flex-grow-1\">\n <div class=\"d-flex justify-content-between align-items-center\">\n <p class=\"word-break-word\">{{ embedlyLink }}</p>\n <button\n class=\"btn-transparent\"\n :title=\"t('Copy')\"\n @click=\"onCopyCode(embedlyLink, afterCopy)\"\n >\n <ContentCopyIcon />\n </button>\n </div>\n <QrCode :url=\"embedlyLink\" />\n </div>\n </template>\n <template v-if=\"directLink\" #tab2>\n <p class=\"word-break-word\">{{ directLink.audioUrl }}</p>\n <button\n class=\"btn-transparent\"\n :title=\"t('Copy')\"\n @click=\"onCopyCode(directLink.audioUrl, snackbarRef)\"\n >\n <ContentCopyIcon />\n </button>\n </template>\n </ClassicNav>\n </template>\n <template #footer>\n <button class=\"btn btn-primary m-1\" @click=\"closePopup\">\n {{ t(\"Close\") }}\n </button>\n </template>\n </ClassicModal>\n <SnackBar ref=\"snackbar\" position=\"bottom-left\" />\n</template>\n\n<script setup lang=\"ts\">\nimport ContentCopyIcon from \"vue-material-design-icons/ContentCopy.vue\";\nimport SnackBar from \"../SnackBar.vue\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport ClassicModal from \"../modal/ClassicModal.vue\";\nimport ClassicNav from \"../ClassicNav.vue\";\nimport QrCode from \"../../display/sharing/QrCode.vue\";\nimport { computed, ref, useTemplateRef } from \"vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n embedLink: { default: undefined, type: String },\n embedlyLink: { default: undefined, type: String },\n directLink: { default: undefined, type: Object as () => Podcast },\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Data \nconst activeTab = ref(0);\nconst snackBarRef = useTemplateRef('snackbar');\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst tabs = computed(() => {\n if (props.directLink) {\n return [t(\"Embed link\"),t(\"Embedly link\"),t(\"Direct link\"),];\n }\n return [t(\"Embed link\"), t(\"Embedly link\")];\n});\n\n\n//Methods\nfunction onCopyCode(link: string, callback: () => void){\n displayHelper.onCopyCode(link, callback);\n}\nfunction closePopup(): void {\n emit(\"close\");\n}\nfunction afterCopy(): void {\n (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Data in clipboard\"),);\n}\n</script>\n","<template>\n <ClassicModal\n id-modal=\"share-modal\"\n :title-modal=\"t('Share the player')\"\n @close=\"closePopup\"\n >\n <template #body>\n <ClassicNav v-model:active-tab=\"activeTab\" :tab-number=\"tabs.length\">\n <template v-for=\"(tab, index) in tabs\" #[index]>\n {{ tab }}\n </template>\n <template #tab0>\n <p class=\"word-break-word\">{{ embedLink }}</p>\n <button\n class=\"btn-transparent\"\n :title=\"t('Copy')\"\n @click=\"onCopyCode(embedLink, afterCopy)\"\n >\n <ContentCopyIcon />\n </button>\n </template>\n <template #tab1>\n <div class=\"d-flex flex-column flex-grow-1\">\n <div class=\"d-flex justify-content-between align-items-center\">\n <p class=\"word-break-word\">{{ embedlyLink }}</p>\n <button\n class=\"btn-transparent\"\n :title=\"t('Copy')\"\n @click=\"onCopyCode(embedlyLink, afterCopy)\"\n >\n <ContentCopyIcon />\n </button>\n </div>\n <QrCode :url=\"embedlyLink\" />\n </div>\n </template>\n <template v-if=\"directLink\" #tab2>\n <p class=\"word-break-word\">{{ directLink.audioUrl }}</p>\n <button\n class=\"btn-transparent\"\n :title=\"t('Copy')\"\n @click=\"onCopyCode(directLink.audioUrl, snackbarRef)\"\n >\n <ContentCopyIcon />\n </button>\n </template>\n </ClassicNav>\n </template>\n <template #footer>\n <button class=\"btn btn-primary m-1\" @click=\"closePopup\">\n {{ t(\"Close\") }}\n </button>\n </template>\n </ClassicModal>\n <SnackBar ref=\"snackbar\" position=\"bottom-left\" />\n</template>\n\n<script setup lang=\"ts\">\nimport ContentCopyIcon from \"vue-material-design-icons/ContentCopy.vue\";\nimport SnackBar from \"../SnackBar.vue\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport ClassicModal from \"../modal/ClassicModal.vue\";\nimport ClassicNav from \"../ClassicNav.vue\";\nimport QrCode from \"../../display/sharing/QrCode.vue\";\nimport { computed, ref, useTemplateRef } from \"vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n embedLink: { default: undefined, type: String },\n embedlyLink: { default: undefined, type: String },\n directLink: { default: undefined, type: Object as () => Podcast },\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Data \nconst activeTab = ref(0);\nconst snackBarRef = useTemplateRef('snackbar');\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst tabs = computed(() => {\n if (props.directLink) {\n return [t(\"Embed link\"),t(\"Embedly link\"),t(\"Direct link\"),];\n }\n return [t(\"Embed link\"), t(\"Embedly link\")];\n});\n\n\n//Methods\nfunction onCopyCode(link: string, callback: () => void){\n displayHelper.onCopyCode(link, callback);\n}\nfunction closePopup(): void {\n emit(\"close\");\n}\nfunction afterCopy(): void {\n (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Data in clipboard\"),);\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqEA,MAAM,QAAQ;EAOd,MAAM,OAAO;EAGb,MAAM,YAAY,IAAI,CAAC;EACvB,MAAM,cAAc,eAAe,UAAU;EAG7C,MAAM,EAAE,MAAM,QAAQ;EAGtB,MAAM,OAAO,eAAe;GAC1B,IAAI,MAAM,YACR,OAAO;IAAC,EAAE,YAAY;IAAE,EAAE,cAAc;IAAE,EAAE,aAAa;GAAE;GAE7D,OAAO,CAAC,EAAE,YAAY,GAAG,EAAE,cAAc,CAAC;EAC5C,CAAC;EAID,SAAS,WAAW,MAAc,UAAqB;GACrD,sBAAc,WAAW,MAAM,QAAQ;EACzC;EACA,SAAS,aAAmB;GAC1B,KAAK,OAAO;EACd;EACA,SAAS,YAAkB;GACzB,CAAC,aAAa,MAAA,CAAwC,KAAK,EAAE,mBAAmB,CAAE;EACpF;;;;;;;;;;;;;;;;;;;;;;;;;;AC3Fa,IAAA,aAAA,EAAA,OAAM,kBAAiB;;AAUrB,IAAA,aAAA,EAAA,OAAM,iCAAgC;AACpC,IAAA,aAAA,EAAA,OAAM,oDAAmD;AACzD,IAAA,aAAA,EAAA,OAAM,kBAAiB;;AAa3B,IAAA,aAAA,EAAA,OAAM,kBAAiB;;;CApClC,OAAA,UAAA,GAAA,mBAAA,UAAA,MAAA,CAAAG,YAoDe,OAAA,iBAAA;EAnDb,YAAS;EACR,eAAa,OAAA,EAAC,kBAAA;EACd,SAAO,OAAA;;EAEG,MAAIC,cAwCA,CAvCbD,YAuCa,OAAA,eAAA;GAvCO,cAAY,OAAA;GAAA,sBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,OAAA,YAAS;GAAG,cAAY,OAAA,KAAK;;GAIhD,MAAIC,cACiC,CAA9CE,mBAA8C,KAA9C,YAA8CC,gBAAhB,OAAA,SAAS,GAAA,CAAA,GACvCD,mBAMS,UAAA;IALP,OAAM;IACL,OAAO,OAAA,EAAC,MAAA;IACR,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,WAAW,OAAA,WAAW,OAAA,SAAS;GAEvC,GAAA,CAAAH,YAAmB,OAAA,kBAAA,CAAA,GAAA,GAAA,UAAA,CAAA,CAAA;GAGZ,MAAIC,cAaP,CAZNE,mBAYM,OAZN,YAYM,CAXJA,mBASM,OATN,YASM,CARJA,mBAAgD,KAAhD,YAAgDC,gBAAlB,OAAA,WAAW,GAAA,CAAA,GACzCD,mBAMS,UAAA;IALP,OAAM;IACL,OAAO,OAAA,EAAC,MAAA;IACR,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,WAAW,OAAA,aAAa,OAAA,SAAS;GAEzC,GAAA,CAAAH,YAAmB,OAAA,kBAAA,CAAA,GAAA,GAAA,UAAA,CAAA,CAAA,GAGvBA,YAA6B,OAAA,WAAA,EAApB,KAAK,OAAA,YAAW,GAAA,MAAA,GAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;EAzBI,GAAA,CAAAK,WAAA,OAAA,OAAf,KAAK,UAAK;;IAAY,MAAA;IACtC,IAAAJ,cAAS,CAANK,gBAAAF,gBAAA,GAAG,GAAA,CAAA,CAAA,CAAA;;EA2BQ,CAAA,GAAA,OAAA,aAAA;GAAa,MAAA;GAC3B,IAAAH,cAAwD,CAAxDE,mBAAwD,KAAxD,YAAwDC,gBAA1B,OAAA,WAAW,QAAQ,GAAA,CAAA,GACjDD,mBAMS,UAAA;IALP,OAAM;IACL,OAAO,OAAA,EAAC,MAAA;IACR,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,WAAW,OAAA,WAAW,UAAU,KAAA,WAAW;GAEnD,GAAA,CAAAH,YAAmB,OAAA,kBAAA,CAAA,GAAA,GAAA,UAAA,CAAA,CAAA;;;EAKhB,QAAMC,cAGN,CAFTE,mBAES,UAAA;GAFD,OAAM;GAAuB,SAAO,OAAA;EACvC,GAAAC,gBAAA,OAAA,EAAC,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;CAIV,GAAA,GAAA,CAAA,aAAA,CAAA,GAAAJ,YAAkD,OAAA,aAAA;EAAxC,KAAI;EAAW,UAAS"}

package/dist/ShareModalPlayer-O-CmDObW.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ShareModalPlayer-O-CmDObW.mjs","names":["_openBlock","_createElementBlock","_Fragment","_createVNode","_withCtx","_createSlots","_createElementVNode","_toDisplayString","_renderList","_createTextVNode","_sfc_main"],"sources":["../src/components/misc/modal/ShareModalPlayer.vue","../src/components/misc/modal/ShareModalPlayer.vue"],"sourcesContent":["<template>\n <ClassicModal\n id-modal=\"share-modal\"\n :title-modal=\"t('Share the player')\"\n @close=\"closePopup\"\n >\n <template #body>\n <ClassicNav v-model:active-tab=\"activeTab\" :tab-number=\"tabs.length\">\n <template v-for=\"(tab, index) in tabs\" #[index]>\n {{ tab }}\n </template>\n <template #tab0>\n <p class=\"word-break-word\">{{ embedLink }}</p>\n <button\n class=\"btn-transparent\"\n :title=\"t('Copy')\"\n @click=\"onCopyCode(embedLink, afterCopy)\"\n >\n <ContentCopyIcon />\n </button>\n </template>\n <template #tab1>\n <div class=\"d-flex flex-column flex-grow-1\">\n <div class=\"d-flex justify-content-between align-items-center\">\n <p class=\"word-break-word\">{{ embedlyLink }}</p>\n <button\n class=\"btn-transparent\"\n :title=\"t('Copy')\"\n @click=\"onCopyCode(embedlyLink, afterCopy)\"\n >\n <ContentCopyIcon />\n </button>\n </div>\n <QrCode :url=\"embedlyLink\" />\n </div>\n </template>\n <template v-if=\"directLink\" #tab2>\n <p class=\"word-break-word\">{{ directLink.audioUrl }}</p>\n <button\n class=\"btn-transparent\"\n :title=\"t('Copy')\"\n @click=\"onCopyCode(directLink.audioUrl, snackbarRef)\"\n >\n <ContentCopyIcon />\n </button>\n </template>\n </ClassicNav>\n </template>\n <template #footer>\n <button class=\"btn btn-primary m-1\" @click=\"closePopup\">\n {{ t(\"Close\") }}\n </button>\n </template>\n </ClassicModal>\n <SnackBar ref=\"snackbar\" position=\"bottom-left\" />\n</template>\n\n<script setup lang=\"ts\">\nimport ContentCopyIcon from \"vue-material-design-icons/ContentCopy.vue\";\nimport SnackBar from \"../SnackBar.vue\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport ClassicModal from \"../modal/ClassicModal.vue\";\nimport ClassicNav from \"../ClassicNav.vue\";\nimport QrCode from \"../../display/sharing/QrCode.vue\";\nimport { computed, ref, useTemplateRef } from \"vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n embedLink: { default: undefined, type: String },\n embedlyLink: { default: undefined, type: String },\n directLink: { default: undefined, type: Object as () => Podcast },\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Data \nconst activeTab = ref(0);\nconst snackBarRef = useTemplateRef('snackbar');\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst tabs = computed(() => {\n if (props.directLink) {\n return [t(\"Embed link\"),t(\"Embedly link\"),t(\"Direct link\"),];\n }\n return [t(\"Embed link\"), t(\"Embedly link\")];\n});\n\n\n//Methods\nfunction onCopyCode(link: string, callback: () => void){\n displayHelper.onCopyCode(link, callback);\n}\nfunction closePopup(): void {\n emit(\"close\");\n}\nfunction afterCopy(): void {\n (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Data in clipboard\"),);\n}\n</script>\n","<template>\n <ClassicModal\n id-modal=\"share-modal\"\n :title-modal=\"t('Share the player')\"\n @close=\"closePopup\"\n >\n <template #body>\n <ClassicNav v-model:active-tab=\"activeTab\" :tab-number=\"tabs.length\">\n <template v-for=\"(tab, index) in tabs\" #[index]>\n {{ tab }}\n </template>\n <template #tab0>\n <p class=\"word-break-word\">{{ embedLink }}</p>\n <button\n class=\"btn-transparent\"\n :title=\"t('Copy')\"\n @click=\"onCopyCode(embedLink, afterCopy)\"\n >\n <ContentCopyIcon />\n </button>\n </template>\n <template #tab1>\n <div class=\"d-flex flex-column flex-grow-1\">\n <div class=\"d-flex justify-content-between align-items-center\">\n <p class=\"word-break-word\">{{ embedlyLink }}</p>\n <button\n class=\"btn-transparent\"\n :title=\"t('Copy')\"\n @click=\"onCopyCode(embedlyLink, afterCopy)\"\n >\n <ContentCopyIcon />\n </button>\n </div>\n <QrCode :url=\"embedlyLink\" />\n </div>\n </template>\n <template v-if=\"directLink\" #tab2>\n <p class=\"word-break-word\">{{ directLink.audioUrl }}</p>\n <button\n class=\"btn-transparent\"\n :title=\"t('Copy')\"\n @click=\"onCopyCode(directLink.audioUrl, snackbarRef)\"\n >\n <ContentCopyIcon />\n </button>\n </template>\n </ClassicNav>\n </template>\n <template #footer>\n <button class=\"btn btn-primary m-1\" @click=\"closePopup\">\n {{ t(\"Close\") }}\n </button>\n </template>\n </ClassicModal>\n <SnackBar ref=\"snackbar\" position=\"bottom-left\" />\n</template>\n\n<script setup lang=\"ts\">\nimport ContentCopyIcon from \"vue-material-design-icons/ContentCopy.vue\";\nimport SnackBar from \"../SnackBar.vue\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport ClassicModal from \"../modal/ClassicModal.vue\";\nimport ClassicNav from \"../ClassicNav.vue\";\nimport QrCode from \"../../display/sharing/QrCode.vue\";\nimport { computed, ref, useTemplateRef } from \"vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n embedLink: { default: undefined, type: String },\n embedlyLink: { default: undefined, type: String },\n directLink: { default: undefined, type: Object as () => Podcast },\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Data \nconst activeTab = ref(0);\nconst snackBarRef = useTemplateRef('snackbar');\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst tabs = computed(() => {\n if (props.directLink) {\n return [t(\"Embed link\"),t(\"Embedly link\"),t(\"Direct link\"),];\n }\n return [t(\"Embed link\"), t(\"Embedly link\")];\n});\n\n\n//Methods\nfunction onCopyCode(link: string, callback: () => void){\n displayHelper.onCopyCode(link, callback);\n}\nfunction closePopup(): void {\n emit(\"close\");\n}\nfunction afterCopy(): void {\n (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Data in clipboard\"),);\n}\n</script>\n"],"mappings":"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"}

package/dist/ShareModalPlayer-QYu8Q9ks.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ShareModalPlayer-QYu8Q9ks.mjs","names":["_openBlock","_createElementBlock","_Fragment","_createVNode","_withCtx","_createSlots","_createElementVNode","_toDisplayString","_renderList","_createTextVNode","_sfc_main"],"sources":["../src/components/misc/modal/ShareModalPlayer.vue","../src/components/misc/modal/ShareModalPlayer.vue"],"sourcesContent":["<template>\n <ClassicModal\n id-modal=\"share-modal\"\n :title-modal=\"t('Share the player')\"\n @close=\"closePopup\"\n >\n <template #body>\n <ClassicNav v-model:active-tab=\"activeTab\" :tab-number=\"tabs.length\">\n <template v-for=\"(tab, index) in tabs\" #[index]>\n {{ tab }}\n </template>\n <template #tab0>\n <p class=\"word-break-word\">{{ embedLink }}</p>\n <button\n class=\"btn-transparent\"\n :title=\"t('Copy')\"\n @click=\"onCopyCode(embedLink, afterCopy)\"\n >\n <ContentCopyIcon />\n </button>\n </template>\n <template #tab1>\n <div class=\"d-flex flex-column flex-grow-1\">\n <div class=\"d-flex justify-content-between align-items-center\">\n <p class=\"word-break-word\">{{ embedlyLink }}</p>\n <button\n class=\"btn-transparent\"\n :title=\"t('Copy')\"\n @click=\"onCopyCode(embedlyLink, afterCopy)\"\n >\n <ContentCopyIcon />\n </button>\n </div>\n <QrCode :url=\"embedlyLink\" />\n </div>\n </template>\n <template v-if=\"directLink\" #tab2>\n <p class=\"word-break-word\">{{ directLink.audioUrl }}</p>\n <button\n class=\"btn-transparent\"\n :title=\"t('Copy')\"\n @click=\"onCopyCode(directLink.audioUrl, snackbarRef)\"\n >\n <ContentCopyIcon />\n </button>\n </template>\n </ClassicNav>\n </template>\n <template #footer>\n <button class=\"btn btn-primary m-1\" @click=\"closePopup\">\n {{ t(\"Close\") }}\n </button>\n </template>\n </ClassicModal>\n <SnackBar ref=\"snackbar\" position=\"bottom-left\" />\n</template>\n\n<script setup lang=\"ts\">\nimport ContentCopyIcon from \"vue-material-design-icons/ContentCopy.vue\";\nimport SnackBar from \"../SnackBar.vue\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport ClassicModal from \"../modal/ClassicModal.vue\";\nimport ClassicNav from \"../ClassicNav.vue\";\nimport QrCode from \"../../display/sharing/QrCode.vue\";\nimport { computed, ref, useTemplateRef } from \"vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n embedLink: { default: undefined, type: String },\n embedlyLink: { default: undefined, type: String },\n directLink: { default: undefined, type: Object as () => Podcast },\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Data \nconst activeTab = ref(0);\nconst snackBarRef = useTemplateRef('snackbar');\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst tabs = computed(() => {\n if (props.directLink) {\n return [t(\"Embed link\"),t(\"Embedly link\"),t(\"Direct link\"),];\n }\n return [t(\"Embed link\"), t(\"Embedly link\")];\n});\n\n\n//Methods\nfunction onCopyCode(link: string, callback: () => void){\n displayHelper.onCopyCode(link, callback);\n}\nfunction closePopup(): void {\n emit(\"close\");\n}\nfunction afterCopy(): void {\n (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Data in clipboard\"),);\n}\n</script>\n","<template>\n <ClassicModal\n id-modal=\"share-modal\"\n :title-modal=\"t('Share the player')\"\n @close=\"closePopup\"\n >\n <template #body>\n <ClassicNav v-model:active-tab=\"activeTab\" :tab-number=\"tabs.length\">\n <template v-for=\"(tab, index) in tabs\" #[index]>\n {{ tab }}\n </template>\n <template #tab0>\n <p class=\"word-break-word\">{{ embedLink }}</p>\n <button\n class=\"btn-transparent\"\n :title=\"t('Copy')\"\n @click=\"onCopyCode(embedLink, afterCopy)\"\n >\n <ContentCopyIcon />\n </button>\n </template>\n <template #tab1>\n <div class=\"d-flex flex-column flex-grow-1\">\n <div class=\"d-flex justify-content-between align-items-center\">\n <p class=\"word-break-word\">{{ embedlyLink }}</p>\n <button\n class=\"btn-transparent\"\n :title=\"t('Copy')\"\n @click=\"onCopyCode(embedlyLink, afterCopy)\"\n >\n <ContentCopyIcon />\n </button>\n </div>\n <QrCode :url=\"embedlyLink\" />\n </div>\n </template>\n <template v-if=\"directLink\" #tab2>\n <p class=\"word-break-word\">{{ directLink.audioUrl }}</p>\n <button\n class=\"btn-transparent\"\n :title=\"t('Copy')\"\n @click=\"onCopyCode(directLink.audioUrl, snackbarRef)\"\n >\n <ContentCopyIcon />\n </button>\n </template>\n </ClassicNav>\n </template>\n <template #footer>\n <button class=\"btn btn-primary m-1\" @click=\"closePopup\">\n {{ t(\"Close\") }}\n </button>\n </template>\n </ClassicModal>\n <SnackBar ref=\"snackbar\" position=\"bottom-left\" />\n</template>\n\n<script setup lang=\"ts\">\nimport ContentCopyIcon from \"vue-material-design-icons/ContentCopy.vue\";\nimport SnackBar from \"../SnackBar.vue\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport ClassicModal from \"../modal/ClassicModal.vue\";\nimport ClassicNav from \"../ClassicNav.vue\";\nimport QrCode from \"../../display/sharing/QrCode.vue\";\nimport { computed, ref, useTemplateRef } from \"vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n embedLink: { default: undefined, type: String },\n embedlyLink: { default: undefined, type: String },\n directLink: { default: undefined, type: Object as () => Podcast },\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Data \nconst activeTab = ref(0);\nconst snackBarRef = useTemplateRef('snackbar');\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst tabs = computed(() => {\n if (props.directLink) {\n return [t(\"Embed link\"),t(\"Embedly link\"),t(\"Direct link\"),];\n }\n return [t(\"Embed link\"), t(\"Embedly link\")];\n});\n\n\n//Methods\nfunction onCopyCode(link: string, callback: () => void){\n displayHelper.onCopyCode(link, callback);\n}\nfunction closePopup(): void {\n emit(\"close\");\n}\nfunction afterCopy(): void {\n (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Data in clipboard\"),);\n}\n</script>\n"],"mappings":"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"}

package/dist/ShareModalPlayer-Vga-96DM.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ShareModalPlayer-Vga-96DM.mjs","names":["_openBlock","_createElementBlock","_Fragment","_createVNode","_withCtx","_createSlots","_createElementVNode","_toDisplayString","_renderList","_createTextVNode","_sfc_main"],"sources":["../src/components/misc/modal/ShareModalPlayer.vue","../src/components/misc/modal/ShareModalPlayer.vue"],"sourcesContent":["<template>\n <ClassicModal\n id-modal=\"share-modal\"\n :title-modal=\"t('Share the player')\"\n @close=\"closePopup\"\n >\n <template #body>\n <ClassicNav v-model:active-tab=\"activeTab\" :tab-number=\"tabs.length\">\n <template v-for=\"(tab, index) in tabs\" #[index]>\n {{ tab }}\n </template>\n <template #tab0>\n <p class=\"word-break-word\">{{ embedLink }}</p>\n <button\n class=\"btn-transparent\"\n :title=\"t('Copy')\"\n @click=\"onCopyCode(embedLink, afterCopy)\"\n >\n <ContentCopyIcon />\n </button>\n </template>\n <template #tab1>\n <div class=\"d-flex flex-column flex-grow-1\">\n <div class=\"d-flex justify-content-between align-items-center\">\n <p class=\"word-break-word\">{{ embedlyLink }}</p>\n <button\n class=\"btn-transparent\"\n :title=\"t('Copy')\"\n @click=\"onCopyCode(embedlyLink, afterCopy)\"\n >\n <ContentCopyIcon />\n </button>\n </div>\n <QrCode :url=\"embedlyLink\" />\n </div>\n </template>\n <template v-if=\"directLink\" #tab2>\n <p class=\"word-break-word\">{{ directLink.audioUrl }}</p>\n <button\n class=\"btn-transparent\"\n :title=\"t('Copy')\"\n @click=\"onCopyCode(directLink.audioUrl, snackbarRef)\"\n >\n <ContentCopyIcon />\n </button>\n </template>\n </ClassicNav>\n </template>\n <template #footer>\n <button class=\"btn btn-primary m-1\" @click=\"closePopup\">\n {{ t(\"Close\") }}\n </button>\n </template>\n </ClassicModal>\n <SnackBar ref=\"snackbar\" position=\"bottom-left\" />\n</template>\n\n<script setup lang=\"ts\">\nimport ContentCopyIcon from \"vue-material-design-icons/ContentCopy.vue\";\nimport SnackBar from \"../SnackBar.vue\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport ClassicModal from \"../modal/ClassicModal.vue\";\nimport ClassicNav from \"../ClassicNav.vue\";\nimport QrCode from \"../../display/sharing/QrCode.vue\";\nimport { computed, ref, useTemplateRef } from \"vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n embedLink: { default: undefined, type: String },\n embedlyLink: { default: undefined, type: String },\n directLink: { default: undefined, type: Object as () => Podcast },\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Data \nconst activeTab = ref(0);\nconst snackBarRef = useTemplateRef('snackbar');\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst tabs = computed(() => {\n if (props.directLink) {\n return [t(\"Embed link\"),t(\"Embedly link\"),t(\"Direct link\"),];\n }\n return [t(\"Embed link\"), t(\"Embedly link\")];\n});\n\n\n//Methods\nfunction onCopyCode(link: string, callback: () => void){\n displayHelper.onCopyCode(link, callback);\n}\nfunction closePopup(): void {\n emit(\"close\");\n}\nfunction afterCopy(): void {\n (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Data in clipboard\"),);\n}\n</script>\n","<template>\n <ClassicModal\n id-modal=\"share-modal\"\n :title-modal=\"t('Share the player')\"\n @close=\"closePopup\"\n >\n <template #body>\n <ClassicNav v-model:active-tab=\"activeTab\" :tab-number=\"tabs.length\">\n <template v-for=\"(tab, index) in tabs\" #[index]>\n {{ tab }}\n </template>\n <template #tab0>\n <p class=\"word-break-word\">{{ embedLink }}</p>\n <button\n class=\"btn-transparent\"\n :title=\"t('Copy')\"\n @click=\"onCopyCode(embedLink, afterCopy)\"\n >\n <ContentCopyIcon />\n </button>\n </template>\n <template #tab1>\n <div class=\"d-flex flex-column flex-grow-1\">\n <div class=\"d-flex justify-content-between align-items-center\">\n <p class=\"word-break-word\">{{ embedlyLink }}</p>\n <button\n class=\"btn-transparent\"\n :title=\"t('Copy')\"\n @click=\"onCopyCode(embedlyLink, afterCopy)\"\n >\n <ContentCopyIcon />\n </button>\n </div>\n <QrCode :url=\"embedlyLink\" />\n </div>\n </template>\n <template v-if=\"directLink\" #tab2>\n <p class=\"word-break-word\">{{ directLink.audioUrl }}</p>\n <button\n class=\"btn-transparent\"\n :title=\"t('Copy')\"\n @click=\"onCopyCode(directLink.audioUrl, snackbarRef)\"\n >\n <ContentCopyIcon />\n </button>\n </template>\n </ClassicNav>\n </template>\n <template #footer>\n <button class=\"btn btn-primary m-1\" @click=\"closePopup\">\n {{ t(\"Close\") }}\n </button>\n </template>\n </ClassicModal>\n <SnackBar ref=\"snackbar\" position=\"bottom-left\" />\n</template>\n\n<script setup lang=\"ts\">\nimport ContentCopyIcon from \"vue-material-design-icons/ContentCopy.vue\";\nimport SnackBar from \"../SnackBar.vue\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport ClassicModal from \"../modal/ClassicModal.vue\";\nimport ClassicNav from \"../ClassicNav.vue\";\nimport QrCode from \"../../display/sharing/QrCode.vue\";\nimport { computed, ref, useTemplateRef } from \"vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n embedLink: { default: undefined, type: String },\n embedlyLink: { default: undefined, type: String },\n directLink: { default: undefined, type: Object as () => Podcast },\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Data \nconst activeTab = ref(0);\nconst snackBarRef = useTemplateRef('snackbar');\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst tabs = computed(() => {\n if (props.directLink) {\n return [t(\"Embed link\"),t(\"Embedly link\"),t(\"Direct link\"),];\n }\n return [t(\"Embed link\"), t(\"Embedly link\")];\n});\n\n\n//Methods\nfunction onCopyCode(link: string, callback: () => void){\n displayHelper.onCopyCode(link, callback);\n}\nfunction closePopup(): void {\n emit(\"close\");\n}\nfunction afterCopy(): void {\n (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Data in clipboard\"),);\n}\n</script>\n"],"mappings":"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"}