@ozdao/martyrs 0.2.487 → 0.2.489

package/dist/martyrs/src/modules/community/components/blocks/CardBlogpost.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardBlogpost.vue.js","sources":["../../../../../../../src/modules/community/components/blocks/CardBlogpost.vue"],"sourcesContent":["<template>\n\t<article \n\t\tclass=\"pos-relative flex-column flex o-hidden\"\n\t>\n\t\t<CardHeader \n\t    :class=\"{\n\t    \t'mn-b-medium pd-medium': type !== 'short',\n\t    \t'flex-child-order-last flex-child mn-l-small': type === 'short',\n\t    }\"\n\t    :entity=\"blogpost\"\n\t    :entityType=\"'blogpost'\"\n\t    :user=\"user\"\n\t    :owner=\"blogpost.owner\" \n    \t:creator=\"blogpost.creator\"\n    \t:date=\"blogpost.createdAt\"\n    \t:actions=\"user && user === blogpost.creator.target._id ? [\n        { to: { name: 'Edit BlogPost', params: {url: blogpost.url } }, label: 'Edit' }\n       ]: null\"\n\t\t/>\n\n\t\n\t\t<section\n\t\t\tclass=\"pd-t-zero pd-b-zero pd-medium\"\n\t\t>\n\t\t\t\n\t\t\t<div v-if=\"type !== 'blogpostPage'\" class=\"cursor-pointer mn-b-medium flex-nowrap flex w-100\">\n\n\t\t\t\t<Text \n\t\t\t\t\tv-if=\"!hideTitle\"\n\t\t\t\t \t:text=\"blogpost.name || ''\" \n\t\t\t\t \t:maxLen=\"80\" \n\t\t\t\t \tclass=\"h3 d-block\"\n\t\t\t\t \t@click=\"router.push({\n\t\t\t\t\t\tname: 'BlogPost', \n\t\t\t\t\t\tparams: { \n\t\t\t\t\t\t\turl: blogpost.url \n\t\t\t\t\t\t}\n\t\t\t\t\t})\"\n\t\t\t\t/>\n\n\t\t\t\t<div \n\t\t\t\t\tv-if=\"blogpost.status === 'draft'\" \n\t\t\t\t\tclass=\"pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-l-thin w-min bg-second radius-extra\"\n\t\t\t\t>\n\t\t\t\t\t{{blogpost.status}}\n\t\t\t\t</div>\n\t\t\t\t\n\t\t\t</div>\n\t\t\t\n\t\t\t<p \n\t\t\t\tv-if=\"firstText && firstText.content && type !== 'blogpostPage' && !hideDescription\" \n\t\t\t\tclass='mn-b-medium t-transp p-big'\n\t\t\t>\n\t\t\t\t{{firstText.content.slice(0,120)}}...\n\t\t\t</p>\n\n\t\t\t<h3 \n\t\t\t\tv-if=\"type === 'blogpostPage' && !hideTitle\" \n\t\t\t\tclass=\"mn-b-medium h2\"\n\t\t\t>\n\t\t\t\t{{blogpost.name}}\n\t\t\t</h3>\n\n\t\t\t<slot></slot>\n\n\t\t\t<!-- <Chips \n      \tv-if=\"type !== 'short' && blogpost.tags?.length > 0\" \n      \t:chips=\"blogpost.tags\"\n     \t/> -->\n\n\t\t</section>\n\n\t\t\t<!-- <Image :prop=\"{content:firstImage.content}\" class=\"h-100\"/> -->\n\n\t\t<template\n\t\t\tv-if=\"firstImage && firstImage.content && type !== 'blogpostPage'\"\n\t\t>\n\t\t\t<img loading=\"lazy\" \n\t\t\t\t:src=\"(FILE_SERVER_URL || '') + firstImage.content\" \n\t\t\t\talt=\"Blog post image\" \n\t\t\t\tclass=\"mn-b-medium object-fit-cover w-100 h-min-10r  h-100\"\n\t\t\t/>\n\t\t</template>\n\n\t\t<template\n\t\t\tv-if=\"!firstImage?.content && firstVideo && firstVideo.content && type !== 'blogpostPage'\"\n\t\t>\n\t\t\t<!-- <div class=\"flex-center flex\"> -->\n\t      <video controls class=\"mn-b-medium object-fit-fit bg-black w-100 h-max-20r\">\n\t        <source :src=\"firstVideo.content\" type=\"video/mp4\">\n\t        Your browser does not support the video tag.\n\t      </video>\n\t    <!-- </div> -->\n\t\t</template>\n\n\t\t\n\t\t<FooterBlogpost \n\t\t\tclass=\"pd-t-zero pd-medium\" \n\t\t\t:blogpost=\"blogpost\" :user=\"user\"\n\t\t/>\n\t\n\t</article>\n\n</template>\n\n\n<script setup=\"props\">\n\timport CardHeader  from '@martyrs/src/modules/globals/views/components/blocks/CardHeader.vue'\n\timport FooterBlogpost  from '@martyrs/src/modules/community/components/blocks/FooterBlogpost.vue'\t\n\n\timport Image  from '@martyrs/src/modules/constructor/components/elements/Image.vue';\n\n  import Text     from '@martyrs/src/components/Text/Text.vue'\n\timport Chips  from '@martyrs/src/components/Chips/Chips.vue'\n\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\n\timport { computed } from 'vue'\n\n\timport { useRouter } from 'vue-router'\n\n\tconst router = useRouter()\n\n\tconst props = defineProps({\n\t\tblogpost: {\n\t\t\ttype: Object,\n\t\t},\n\t\tuser: {\n\t\t\ttype: String,\n\t\t},\n\t\ttype: {\n\t\t\ttype: String,\n\t\t},\n\t\thideDescription: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\thideTitle: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t}\n\t})\n\n  const firstImage = computed(() => {\n\t  return props.blogpost.content.find(block => block.type === 'ImageUpload');\n\t});\n\n\tconst firstVideo = computed(() => {\n\t  return props.blogpost.content.find(block => block.type === 'Video');\n\t});\n\n\tconst firstText = computed(() => {\n\t  return props.blogpost.content.find(block => \n\t    block.type === 'Textarea' && block.class !== 'h2'\n\t  );\n\t});\n\n</script>\n\n<style lang=\"scss\">\n</style>\n\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyHC,UAAM,SAAS,UAAS;AAExB,UAAM,QAAQ;AAoBb,UAAM,aAAa,SAAS,MAAM;AACjC,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,aAAa;AAAA,IAC3E,CAAE;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,OAAO;AAAA,IACrE,CAAE;AAED,UAAM,YAAY,SAAS,MAAM;AAC/B,aAAO,MAAM,SAAS,QAAQ;AAAA,QAAK,WACjC,MAAM,SAAS,cAAc,MAAM,UAAU;AAAA,MAC9C;AAAA,IACJ,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardBlogpost.vue.js","sources":["../../../../../../../src/modules/community/components/blocks/CardBlogpost.vue"],"sourcesContent":["<template>\n\t<article \n\t\tclass=\"pos-relative flex-column flex o-hidden\"\n\t>\n\t\t<CardHeader \n\t    :class=\"{\n\t    \t'mn-b-medium pd-medium': type !== 'short',\n\t    \t'flex-child-order-last flex-child mn-l-small': type === 'short',\n\t    }\"\n\t    :entity=\"blogpost\"\n\t    :entityType=\"'blogpost'\"\n\t    :user=\"user\"\n\t    :owner=\"blogpost.owner\" \n    \t:creator=\"blogpost.creator\"\n    \t:date=\"blogpost.createdAt\"\n    \t:actions=\"user && user === blogpost.creator.target._id ? [\n        { to: { name: 'Edit BlogPost', params: {url: blogpost.url } }, label: 'Edit' }\n       ]: null\"\n\t\t/>\n\n\t\n\t\t<section\n\t\t\tclass=\"pd-t-zero pd-b-zero pd-medium\"\n\t\t>\n\t\t\t\n\t\t\t<div v-if=\"type !== 'blogpostPage'\" class=\"cursor-pointer mn-b-medium flex-nowrap flex w-100\">\n\n\t\t\t\t<Text \n\t\t\t\t\tv-if=\"!hideTitle\"\n\t\t\t\t \t:text=\"blogpost.name || ''\" \n\t\t\t\t \t:maxLen=\"80\" \n\t\t\t\t \tclass=\"h3 d-block\"\n\t\t\t\t \t@click=\"router.push({\n\t\t\t\t\t\tname: 'BlogPost', \n\t\t\t\t\t\tparams: { \n\t\t\t\t\t\t\turl: blogpost.url \n\t\t\t\t\t\t}\n\t\t\t\t\t})\"\n\t\t\t\t/>\n\n\t\t\t\t<div \n\t\t\t\t\tv-if=\"blogpost.status === 'draft'\" \n\t\t\t\t\tclass=\"pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-l-thin w-min bg-second radius-extra\"\n\t\t\t\t>\n\t\t\t\t\t{{blogpost.status}}\n\t\t\t\t</div>\n\t\t\t\t\n\t\t\t</div>\n\t\t\t\n\t\t\t<p \n\t\t\t\tv-if=\"firstText && firstText.content && type !== 'blogpostPage' && !hideDescription\" \n\t\t\t\tclass='mn-b-medium t-transp p-semi'\n\t\t\t>\n\t\t\t\t{{firstText.content.slice(0,120)}}...\n\t\t\t</p>\n\n\t\t\t<h3 \n\t\t\t\tv-if=\"type === 'blogpostPage' && !hideTitle\" \n\t\t\t\tclass=\"mn-b-medium h2\"\n\t\t\t>\n\t\t\t\t{{blogpost.name}}\n\t\t\t</h3>\n\n\t\t\t<slot></slot>\n\n\t\t\t<!-- <Chips \n      \tv-if=\"type !== 'short' && blogpost.tags?.length > 0\" \n      \t:chips=\"blogpost.tags\"\n     \t/> -->\n\n\t\t</section>\n\n\t\t\t<!-- <Image :prop=\"{content:firstImage.content}\" class=\"h-100\"/> -->\n\n\t\t<template\n\t\t\tv-if=\"firstImage && firstImage.content && type !== 'blogpostPage'\"\n\t\t>\n\t\t\t<img loading=\"lazy\" \n\t\t\t\t:src=\"(FILE_SERVER_URL || '') + firstImage.content\" \n\t\t\t\talt=\"Blog post image\" \n\t\t\t\tclass=\"mn-b-medium object-fit-cover w-100 h-min-10r  h-100\"\n\t\t\t/>\n\t\t</template>\n\n\t\t<template\n\t\t\tv-if=\"!firstImage?.content && firstVideo && firstVideo.content && type !== 'blogpostPage'\"\n\t\t>\n\t\t\t<!-- <div class=\"flex-center flex\"> -->\n\t      <video controls class=\"mn-b-medium object-fit-fit bg-black w-100 h-max-20r\">\n\t        <source :src=\"firstVideo.content\" type=\"video/mp4\">\n\t        Your browser does not support the video tag.\n\t      </video>\n\t    <!-- </div> -->\n\t\t</template>\n\n\t\t\n\t\t<FooterBlogpost \n\t\t\tclass=\"pd-t-zero pd-medium\" \n\t\t\t:blogpost=\"blogpost\" :user=\"user\"\n\t\t/>\n\t\n\t</article>\n\n</template>\n\n\n<script setup=\"props\">\n\timport CardHeader  from '@martyrs/src/modules/globals/views/components/blocks/CardHeader.vue'\n\timport FooterBlogpost  from '@martyrs/src/modules/community/components/blocks/FooterBlogpost.vue'\t\n\n\timport Image  from '@martyrs/src/modules/constructor/components/elements/Image.vue';\n\n  import Text     from '@martyrs/src/components/Text/Text.vue'\n\timport Chips  from '@martyrs/src/components/Chips/Chips.vue'\n\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\n\timport { computed } from 'vue'\n\n\timport { useRouter } from 'vue-router'\n\n\tconst router = useRouter()\n\n\tconst props = defineProps({\n\t\tblogpost: {\n\t\t\ttype: Object,\n\t\t},\n\t\tuser: {\n\t\t\ttype: String,\n\t\t},\n\t\ttype: {\n\t\t\ttype: String,\n\t\t},\n\t\thideDescription: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\thideTitle: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t}\n\t})\n\n  const firstImage = computed(() => {\n\t  return props.blogpost.content.find(block => block.type === 'ImageUpload');\n\t});\n\n\tconst firstVideo = computed(() => {\n\t  return props.blogpost.content.find(block => block.type === 'Video');\n\t});\n\n\tconst firstText = computed(() => {\n\t  return props.blogpost.content.find(block => \n\t    block.type === 'Textarea' && block.class !== 'h2'\n\t  );\n\t});\n\n</script>\n\n<style lang=\"scss\">\n</style>\n\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyHC,UAAM,SAAS,UAAS;AAExB,UAAM,QAAQ;AAoBb,UAAM,aAAa,SAAS,MAAM;AACjC,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,aAAa;AAAA,IAC3E,CAAE;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,OAAO;AAAA,IACrE,CAAE;AAED,UAAM,YAAY,SAAS,MAAM;AAC/B,aAAO,MAAM,SAAS,QAAQ;AAAA,QAAK,WACjC,MAAM,SAAS,cAAc,MAAM,UAAU;AAAA,MAC9C;AAAA,IACJ,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/community/components/layouts/Community.vue.cjs

@@ -16,10 +16,10 @@ const auth = require("../../../auth/views/store/auth.cjs");
 const organizations = require("../../../organizations/store/organizations.cjs");
 const memberships = require("../../../organizations/store/memberships.cjs");
 const _hoisted_1 = { class: "bg-white" };
-const _hoisted_2 = { class: "w-100 h-100 o-hidden flex-nowrap flex gap-thin mobile:pd-zero pd-thin pos-relative" };
+const _hoisted_2 = { class: "w-100 flex-nowrap flex gap-thin mobile:pd-zero pd-thin pos-relative" };
 const _hoisted_3 = {
   style: { "flex": "1 1 auto" },
-  class: "w-100 o-y-scroll h-100 pos-relative"
+  class: "w-100 h-100 pos-relative"
 };
 const _hoisted_4 = {
   key: 0,
@@ -33,12 +33,12 @@ const _hoisted_6 = {
 const _hoisted_7 = { class: "align-self-start pos-sticky pos-t-0 w-100 bg-light radius-medium mobile:radius-zero mn-b-thin pd-medium p-medium gap-thin flex-row flex-nowrap flex z-index-2 o-scroll t-nowrap scroll-hide" };
 const _hoisted_8 = {
   style: { "flex": "1 1 auto" },
-  class: "desktop-only scroll-hide o-y-scroll h-100 w-40 h-100 pos-relative"
+  class: "desktop-only pos-sticky pos-t-thin scroll-hide h-100 w-40 h-100 pos-relative"
 };
 const _hoisted_9 = { class: "radius-medium bg-light mn-b-thin pd-small" };
 const _hoisted_10 = { class: "flex flex-column gap-thin" };
 const _hoisted_11 = { class: "radius-medium bg-light pd-small" };
-const _hoisted_12 = { class: "gap-thin flex-nowrap flex mn-b-small" };
+const _hoisted_12 = { class: "gap-thin flex-v-center flex-nowrap flex mn-b-small" };
 const _sfc_main = {
   __name: "Community",
   setup(__props) {

package/dist/martyrs/src/modules/community/components/layouts/Community.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Community.vue.cjs","sources":["../../../../../../../src/modules/community/components/layouts/Community.vue"],"sourcesContent":["<template>\n\t<div class=\"bg-white\">\n\t\t<section class=\"w-100 h-100 o-hidden flex-nowrap flex gap-thin mobile:pd-zero pd-thin pos-relative\">\n\n\t\t\t<div style=\"flex: 1 1 auto\" class=\"w-100 o-y-scroll h-100 pos-relative\">\n\t\t\t\t<header v-if=\"!route.params.url && route.name !== 'Create BlogPost'\" class=\"bg-light pd-medium radius-medium mobile:radius-zero scroll-hide o-y-visible t-black pos-relative  mn-b-thin flex-v-center t-left flex-nowrap flex\">\n\t\t    \t<h2 class=\"pos-relative t-nowrap flex-v-center flex-nowrap flex\">\n\t\t    \t\t<span class=\"mn-r-thin\">Posts for </span>\n\n\t\t    \t\t<Select \n\t\t\t        :options=\"['today','week','month','year','all time']\"\n\t\t\t        v-model:select=\"blog.state.filter.period\" \n\t\t\t        placeholder=\"all time\"\n\t\t\t        class=\"\n\t\t\t        \tt-semi\n\t\t\t        \tpos-relative \n\t\t\t        \tw-max\n\t\t\t        \tbg-main t-black\n\t\t\t        \tpd-thin\n\t\t\t        \tradius-medium\n\t\t\t          h2\n\t\t\t         \tt-center\n\t\t\t         \tflex-column \n\t\t\t         \tflex \n\t\t\t         \tgap-medium \n\t\t\t        \"\n\t\t\t      />\n\t\t    \t</h2>\n\t\t\t\t</header>\n\n\t\t\t\t<div  v-if=\"!route.params.url && route.name !=='Create BlogPost'\"  class=\"w-100 pos-relative\">\n\t\t\t\t\t<ul class=\"align-self-start pos-sticky pos-t-0 w-100 bg-light radius-medium mobile:radius-zero mn-b-thin pd-medium p-medium gap-thin flex-row flex-nowrap flex z-index-2 o-scroll t-nowrap scroll-hide\">\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'featured' }\" \t\t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'featured' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer flex-v-center flex t-medium  pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconFeatured class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tFeatured\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'popular' }\"\t\t\t\t\t \t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'views'; router.push({name: 'Blog', params: { category: 'popular' } }) }\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-small\"\n\t\t\t\t\t\t>\t\n\t\t\t\t\t\t\t<IconPopular class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tPopular\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'new'}\" \t\t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'new' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconRecent class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tRecent\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li \t\n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'following'}\" \t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'following' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconFollowing class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tFollowing\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\tname: 'Create BlogPost'\n\t\t\t\t\t\t\t}\" \n\t\t\t\t\t\t\tclass=\"button t-medium bg-main w-max mn-l-auto\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tCreate Post\n\t\t\t\t\t\t</router-link>\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\n\n\t\t\t\t<router-view v-slot=\"{ Component, route }\">\n\t\t\t\t\t<transition name=\"scaleIn\" mode=\"out-in\">\n\t\t\t\t\t\t<component ref=\"page\" :key=\"route.query\" :is=\"Component\" />\n\t\t\t\t\t</transition>\n\t\t\t\t</router-view>\n\t\t\t</div>\n\n\t\t\t<div style=\"flex: 1 1 auto\" class=\"desktop-only scroll-hide o-y-scroll h-100  w-40 h-100 pos-relative \">\n\t\t\t\t<div class=\"radius-medium bg-light mn-b-thin pd-small\">\n\t\t\t\t\t<div class=\"gap-thin flex-nowrap flex\">\n\t\t\t\t\t\t<p class=\"t-medium mn-b-small\">Latest Comments</p>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"flex flex-column gap-thin\">\n\t\t\t\t\t\t<Comment\n\t\t        \tv-for=\"comment in comments.slice(0,5)\"\n\t\t\t        :key=\"comment._id\"\n\t\t\t        :comment=\"comment\"\n\t\t\t        :target=\"target\"\n\t\t\t        :type=\"type\"\n\t\t\t        :owner=\"owner\"\n\t\t\t        @reply=\"handleReply\"\n\t\t\t        @load-more=\"loadMoreChildren\"\n\t\t\t        class=\"comment bg-white pd-small radius-regular\"\n\t\t\t      />\n\t\t\t    </div>\n\t\t    </div>\n\n\t      <div class=\"radius-medium bg-light pd-small\">\n\t\t\t\t\t<div class=\"gap-thin flex-nowrap flex  mn-b-small\">\n\t\t\t\t\t\t<p class=\"text-box-trim-end t-medium\">Popular Communities</p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\tname: 'Create Organization'\n\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\tclass=\"t-medium cursor-pointer hover-scale-1 radius-extra flex-center flex i-medium bg-main\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t+\n\t\t\t\t\t\t</router-link>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t\t\t<Feed\n\t\t\t\t\t\t\t:showLoadMore=\"false\"\n\t\t\t\t\t\t\t:LoadMore=\"false\"\n\t\t\t\t      :states=\"{\n\t\t\t\t        empty: {\n\t\t\t\t          title: 'No Organization Found',\n\t\t\t\t          description: 'Currently, there are no organization available.'\n\t\t\t\t        }\n\t\t\t\t      }\"\n\t\t\t\t      :store=\"{\n\t\t\t\t        read: (options) => organizations.actions.read(options),\n\t\t\t\t        state: organizations.state\n\t\t\t\t      }\"\n\t\t\t\t      :options=\"{\n\t\t\t\t        \tuser: auth.state.user._id,\n\t\t\t\t\t\t\t\t\tsort: 'numberOfMemberships',\n\t\t\t\t\t\t\t\t\tcontain: ['blogposts'],\n\t\t\t\t\t\t\t\t\tlookup: ['blogposts'],\n\t\t\t\t\t\t\t\t\tlimit: 10\n\t\t\t\t      }\"\n\t\t\t\t      v-slot=\"{ \n\t\t\t\t        items \n\t\t\t\t      }\"\n\t\t\t\t      class=\"flex flex-column gap-thin\"\n\t\t\t\t    >\n\t\t\t\t    \t<CardOrganization \n\t\t\t    \t\t\tv-for=\"organization in items\"\n\t\t\t        \t:key=\"organization._id\" \n\t\t\t\t      \t:organization=\"organization\"\n\t\t\t\t      \t:user=\"auth.state.user\"\n\t\t\t\t      \t:showProducts=\"false\"\n\t\t\t\t      \t:showRating=\"false\"\n\t\t\t\t      \t:showFeatured=\"false\"\n\t\t\t\t      \t:showFollowers=\"false\"\n\t\t\t\t\t\t\t\t@updateMembership=\"handleMembershipUpdate\"\n\t\t\t\t\t\t\t\tclass=\"pd-small w-100 pd-0 bg-white radius-regular o-hidden\"\n\t\t\t\t\t    />\n\t\t\t\t    </Feed>\n\t\t\t\t\t</transition>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t</section>\n\t</div>\n</template>\n\n<script setup=\"props\">\n\timport { computed,onMounted, toRefs,ref } from 'vue'\n  import { useRoute,useRouter } from 'vue-router'\n\n\timport Select         from '@martyrs/src/components/Select/Select.vue'\n\timport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\timport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\timport IconFeatured from '@martyrs/src/modules/icons/entities/IconFeatured.vue'\n\timport IconPopular from '@martyrs/src/modules/icons/entities/IconPopular.vue'\n\timport IconRecent from '@martyrs/src/modules/icons/entities/IconRecent.vue'\n\timport IconFollowing from '@martyrs/src/modules/icons/entities/IconFollowing.vue'\n\n\nimport axios from 'axios';\n\n\nimport Comment from '../sections/Comment.vue';\n\n\nconst $axios = axios.create({ baseURL: process.env.API_URL });\nconst comments = ref([]);\nconst commentContent = ref('');\n\nconst fetchComments = async () => {\n  try {\n    const response = await $axios.get('/comments/read', {\n      params: {\n        maxDepth: 1,\n        format: 'plain'\n      }\n    });\n    comments.value = response.data;\n  } catch (error) {\n    console.error('Error fetching comments:', error);\n  }\n};\n\nfetchComments();\n\n// Import state\nimport * as blog from '@martyrs/src/modules/community/store/blogposts.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations.js'\nimport * as memberships from '@martyrs/src/modules/organizations/store/memberships.js'\n\n// State\nconst route = useRoute();\nconst router = useRouter();\n\nif (route.params.category === 'popular') blog.state.sort.param = 'views'; \nif (route.params.category === 'new') blog.state.sort.param = 'createdAt'; \n\n\nconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n  memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n};\n\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["ref","useRoute","useRouter","blog.state","memberships.mutations","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6LA,UAAM,SAAS,MAAM,OAAO,EAAE,SAAS,QAAQ,IAAI,SAAS;AAC5D,UAAM,WAAWA,IAAG,IAAC,EAAE;AACAA,QAAAA,IAAI,EAAE;AAE7B,UAAM,gBAAgB,YAAY;AAChC,UAAI;AACF,cAAM,WAAW,MAAM,OAAO,IAAI,kBAAkB;AAAA,UAClD,QAAQ;AAAA,YACN,UAAU;AAAA,YACV,QAAQ;AAAA,UAChB;AAAA,QACA,CAAK;AACD,iBAAS,QAAQ,SAAS;AAAA,MAC3B,SAAQ,OAAO;AACd,gBAAQ,MAAM,4BAA4B,KAAK;AAAA,MACnD;AAAA,IACA;AAEA,kBAAe;AASf,UAAM,QAAQC,UAAAA,SAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAE1B,QAAI,MAAM,OAAO,aAAa,UAAWC,WAAAA,MAAW,KAAK,QAAQ;AACjE,QAAI,MAAM,OAAO,aAAa,MAAOA,WAAAA,MAAW,KAAK,QAAQ;AAG7D,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAQ,GAAE,YAAY,iBAAiB;AAC3FC,4BAAsB,uBAAuBC,cAAAA,MAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAChI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Community.vue.cjs","sources":["../../../../../../../src/modules/community/components/layouts/Community.vue"],"sourcesContent":["\t<template>\n\t<div class=\"bg-white\">\n\t\t<section class=\"w-100  flex-nowrap flex gap-thin mobile:pd-zero pd-thin pos-relative\">\n\n\t\t\t<div style=\"flex: 1 1 auto\" class=\"w-100 h-100 pos-relative\">\n\t\t\t\t<header v-if=\"!route.params.url && route.name !== 'Create BlogPost'\" class=\"bg-light pd-medium radius-medium mobile:radius-zero scroll-hide o-y-visible t-black pos-relative  mn-b-thin flex-v-center t-left flex-nowrap flex\">\n\t\t    \t<h2 class=\"pos-relative t-nowrap flex-v-center flex-nowrap flex\">\n\t\t    \t\t<span class=\"mn-r-thin\">Posts for </span>\n\n\t\t    \t\t<Select \n\t\t\t        :options=\"['today','week','month','year','all time']\"\n\t\t\t        v-model:select=\"blog.state.filter.period\" \n\t\t\t        placeholder=\"all time\"\n\t\t\t        class=\"\n\t\t\t        \tt-semi\n\t\t\t        \tpos-relative \n\t\t\t        \tw-max\n\t\t\t        \tbg-main t-black\n\t\t\t        \tpd-thin\n\t\t\t        \tradius-medium\n\t\t\t          h2\n\t\t\t         \tt-center\n\t\t\t         \tflex-column \n\t\t\t         \tflex \n\t\t\t         \tgap-medium \n\t\t\t        \"\n\t\t\t      />\n\t\t    \t</h2>\n\t\t\t\t</header>\n\n\t\t\t\t<div  v-if=\"!route.params.url && route.name !=='Create BlogPost'\"  class=\"w-100 pos-relative\">\n\t\t\t\t\t<ul class=\"align-self-start pos-sticky pos-t-0 w-100 bg-light radius-medium mobile:radius-zero mn-b-thin pd-medium p-medium gap-thin flex-row flex-nowrap flex z-index-2 o-scroll t-nowrap scroll-hide\">\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'featured' }\" \t\t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'featured' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer flex-v-center flex t-medium  pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconFeatured class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tFeatured\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'popular' }\"\t\t\t\t\t \t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'views'; router.push({name: 'Blog', params: { category: 'popular' } }) }\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-small\"\n\t\t\t\t\t\t>\t\n\t\t\t\t\t\t\t<IconPopular class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tPopular\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'new'}\" \t\t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'new' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconRecent class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tRecent\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li \t\n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'following'}\" \t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'following' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconFollowing class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tFollowing\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\tname: 'Create BlogPost'\n\t\t\t\t\t\t\t}\" \n\t\t\t\t\t\t\tclass=\"button t-medium bg-main w-max mn-l-auto\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tCreate Post\n\t\t\t\t\t\t</router-link>\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\n\n\t\t\t\t<router-view v-slot=\"{ Component, route }\">\n\t\t\t\t\t<transition name=\"scaleIn\" mode=\"out-in\">\n\t\t\t\t\t\t<component ref=\"page\" :key=\"route.query\" :is=\"Component\" />\n\t\t\t\t\t</transition>\n\t\t\t\t</router-view>\n\t\t\t</div>\n\n\t\t\t<div style=\"flex: 1 1 auto\" class=\"desktop-only pos-sticky pos-t-thin scroll-hide  h-100  w-40 h-100 pos-relative \">\n\t\t\t\t<div class=\"radius-medium bg-light mn-b-thin pd-small\">\n\t\t\t\t\t<div class=\"gap-thin flex-nowrap flex\">\n\t\t\t\t\t\t<p class=\"t-medium mn-b-small\">Latest Comments</p>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"flex flex-column gap-thin\">\n\t\t\t\t\t\t<Comment\n\t\t        \tv-for=\"comment in comments.slice(0,5)\"\n\t\t\t        :key=\"comment._id\"\n\t\t\t        :comment=\"comment\"\n\t\t\t        :target=\"target\"\n\t\t\t        :type=\"type\"\n\t\t\t        :owner=\"owner\"\n\t\t\t        @reply=\"handleReply\"\n\t\t\t        @load-more=\"loadMoreChildren\"\n\t\t\t        class=\"comment bg-white pd-small radius-regular\"\n\t\t\t      />\n\t\t\t    </div>\n\t\t    </div>\n\n\t      <div class=\"radius-medium bg-light pd-small\">\n\t\t\t\t\t<div class=\"gap-thin flex-v-center flex-nowrap flex  mn-b-small\">\n\t\t\t\t\t\t<p class=\"text-box-trim-end t-medium\">Popular Communities</p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\tname: 'Create Organization'\n\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\tclass=\"t-medium cursor-pointer hover-scale-1 radius-extra flex-center flex i-medium bg-main\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t+\n\t\t\t\t\t\t</router-link>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t\t\t<Feed\n\t\t\t\t\t\t\t:showLoadMore=\"false\"\n\t\t\t\t\t\t\t:LoadMore=\"false\"\n\t\t\t\t      :states=\"{\n\t\t\t\t        empty: {\n\t\t\t\t          title: 'No Organization Found',\n\t\t\t\t          description: 'Currently, there are no organization available.'\n\t\t\t\t        }\n\t\t\t\t      }\"\n\t\t\t\t      :store=\"{\n\t\t\t\t        read: (options) => organizations.actions.read(options),\n\t\t\t\t        state: organizations.state\n\t\t\t\t      }\"\n\t\t\t\t      :options=\"{\n\t\t\t\t        \tuser: auth.state.user._id,\n\t\t\t\t\t\t\t\t\tsort: 'numberOfMemberships',\n\t\t\t\t\t\t\t\t\tcontain: ['blogposts'],\n\t\t\t\t\t\t\t\t\tlookup: ['blogposts'],\n\t\t\t\t\t\t\t\t\tlimit: 10\n\t\t\t\t      }\"\n\t\t\t\t      v-slot=\"{ \n\t\t\t\t        items \n\t\t\t\t      }\"\n\t\t\t\t      class=\"flex flex-column gap-thin\"\n\t\t\t\t    >\n\t\t\t\t    \t<CardOrganization \n\t\t\t    \t\t\tv-for=\"organization in items\"\n\t\t\t        \t:key=\"organization._id\" \n\t\t\t\t      \t:organization=\"organization\"\n\t\t\t\t      \t:user=\"auth.state.user\"\n\t\t\t\t      \t:showProducts=\"false\"\n\t\t\t\t      \t:showRating=\"false\"\n\t\t\t\t      \t:showFeatured=\"false\"\n\t\t\t\t      \t:showFollowers=\"false\"\n\t\t\t\t\t\t\t\t@updateMembership=\"handleMembershipUpdate\"\n\t\t\t\t\t\t\t\tclass=\"pd-small w-100 pd-0 bg-white radius-regular o-hidden\"\n\t\t\t\t\t    />\n\t\t\t\t    </Feed>\n\t\t\t\t\t</transition>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t</section>\n\t</div>\n</template>\n\n<script setup=\"props\">\n\timport { computed,onMounted, toRefs,ref } from 'vue'\n  import { useRoute,useRouter } from 'vue-router'\n\n\timport Select         from '@martyrs/src/components/Select/Select.vue'\n\timport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\timport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\timport IconFeatured from '@martyrs/src/modules/icons/entities/IconFeatured.vue'\n\timport IconPopular from '@martyrs/src/modules/icons/entities/IconPopular.vue'\n\timport IconRecent from '@martyrs/src/modules/icons/entities/IconRecent.vue'\n\timport IconFollowing from '@martyrs/src/modules/icons/entities/IconFollowing.vue'\n\n\nimport axios from 'axios';\n\n\nimport Comment from '../sections/Comment.vue';\n\n\nconst $axios = axios.create({ baseURL: process.env.API_URL });\nconst comments = ref([]);\nconst commentContent = ref('');\n\nconst fetchComments = async () => {\n  try {\n    const response = await $axios.get('/comments/read', {\n      params: {\n        maxDepth: 1,\n        format: 'plain'\n      }\n    });\n    comments.value = response.data;\n  } catch (error) {\n    console.error('Error fetching comments:', error);\n  }\n};\n\nfetchComments();\n\n// Import state\nimport * as blog from '@martyrs/src/modules/community/store/blogposts.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations.js'\nimport * as memberships from '@martyrs/src/modules/organizations/store/memberships.js'\n\n// State\nconst route = useRoute();\nconst router = useRouter();\n\nif (route.params.category === 'popular') blog.state.sort.param = 'views'; \nif (route.params.category === 'new') blog.state.sort.param = 'createdAt'; \n\n\nconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n  memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n};\n\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["ref","useRoute","useRouter","blog.state","memberships.mutations","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6LA,UAAM,SAAS,MAAM,OAAO,EAAE,SAAS,QAAQ,IAAI,SAAS;AAC5D,UAAM,WAAWA,IAAG,IAAC,EAAE;AACAA,QAAAA,IAAI,EAAE;AAE7B,UAAM,gBAAgB,YAAY;AAChC,UAAI;AACF,cAAM,WAAW,MAAM,OAAO,IAAI,kBAAkB;AAAA,UAClD,QAAQ;AAAA,YACN,UAAU;AAAA,YACV,QAAQ;AAAA,UAChB;AAAA,QACA,CAAK;AACD,iBAAS,QAAQ,SAAS;AAAA,MAC3B,SAAQ,OAAO;AACd,gBAAQ,MAAM,4BAA4B,KAAK;AAAA,MACnD;AAAA,IACA;AAEA,kBAAe;AASf,UAAM,QAAQC,UAAAA,SAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAE1B,QAAI,MAAM,OAAO,aAAa,UAAWC,WAAAA,MAAW,KAAK,QAAQ;AACjE,QAAI,MAAM,OAAO,aAAa,MAAOA,WAAAA,MAAW,KAAK,QAAQ;AAG7D,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAQ,GAAE,YAAY,iBAAiB;AAC3FC,4BAAsB,uBAAuBC,cAAAA,MAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAChI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/community/components/layouts/Community.vue.js

@@ -14,10 +14,10 @@ import { state as state$1 } from "../../../auth/views/store/auth.js";
 import { state as state$2, actions } from "../../../organizations/store/organizations.js";
 import { mutations } from "../../../organizations/store/memberships.js";
 const _hoisted_1 = { class: "bg-white" };
-const _hoisted_2 = { class: "w-100 h-100 o-hidden flex-nowrap flex gap-thin mobile:pd-zero pd-thin pos-relative" };
+const _hoisted_2 = { class: "w-100 flex-nowrap flex gap-thin mobile:pd-zero pd-thin pos-relative" };
 const _hoisted_3 = {
   style: { "flex": "1 1 auto" },
-  class: "w-100 o-y-scroll h-100 pos-relative"
+  class: "w-100 h-100 pos-relative"
 };
 const _hoisted_4 = {
   key: 0,
@@ -31,12 +31,12 @@ const _hoisted_6 = {
 const _hoisted_7 = { class: "align-self-start pos-sticky pos-t-0 w-100 bg-light radius-medium mobile:radius-zero mn-b-thin pd-medium p-medium gap-thin flex-row flex-nowrap flex z-index-2 o-scroll t-nowrap scroll-hide" };
 const _hoisted_8 = {
   style: { "flex": "1 1 auto" },
-  class: "desktop-only scroll-hide o-y-scroll h-100 w-40 h-100 pos-relative"
+  class: "desktop-only pos-sticky pos-t-thin scroll-hide h-100 w-40 h-100 pos-relative"
 };
 const _hoisted_9 = { class: "radius-medium bg-light mn-b-thin pd-small" };
 const _hoisted_10 = { class: "flex flex-column gap-thin" };
 const _hoisted_11 = { class: "radius-medium bg-light pd-small" };
-const _hoisted_12 = { class: "gap-thin flex-nowrap flex mn-b-small" };
+const _hoisted_12 = { class: "gap-thin flex-v-center flex-nowrap flex mn-b-small" };
 const _sfc_main = {
   __name: "Community",
   setup(__props) {

package/dist/martyrs/src/modules/community/components/layouts/Community.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Community.vue.js","sources":["../../../../../../../src/modules/community/components/layouts/Community.vue"],"sourcesContent":["<template>\n\t<div class=\"bg-white\">\n\t\t<section class=\"w-100 h-100 o-hidden flex-nowrap flex gap-thin mobile:pd-zero pd-thin pos-relative\">\n\n\t\t\t<div style=\"flex: 1 1 auto\" class=\"w-100 o-y-scroll h-100 pos-relative\">\n\t\t\t\t<header v-if=\"!route.params.url && route.name !== 'Create BlogPost'\" class=\"bg-light pd-medium radius-medium mobile:radius-zero scroll-hide o-y-visible t-black pos-relative  mn-b-thin flex-v-center t-left flex-nowrap flex\">\n\t\t    \t<h2 class=\"pos-relative t-nowrap flex-v-center flex-nowrap flex\">\n\t\t    \t\t<span class=\"mn-r-thin\">Posts for </span>\n\n\t\t    \t\t<Select \n\t\t\t        :options=\"['today','week','month','year','all time']\"\n\t\t\t        v-model:select=\"blog.state.filter.period\" \n\t\t\t        placeholder=\"all time\"\n\t\t\t        class=\"\n\t\t\t        \tt-semi\n\t\t\t        \tpos-relative \n\t\t\t        \tw-max\n\t\t\t        \tbg-main t-black\n\t\t\t        \tpd-thin\n\t\t\t        \tradius-medium\n\t\t\t          h2\n\t\t\t         \tt-center\n\t\t\t         \tflex-column \n\t\t\t         \tflex \n\t\t\t         \tgap-medium \n\t\t\t        \"\n\t\t\t      />\n\t\t    \t</h2>\n\t\t\t\t</header>\n\n\t\t\t\t<div  v-if=\"!route.params.url && route.name !=='Create BlogPost'\"  class=\"w-100 pos-relative\">\n\t\t\t\t\t<ul class=\"align-self-start pos-sticky pos-t-0 w-100 bg-light radius-medium mobile:radius-zero mn-b-thin pd-medium p-medium gap-thin flex-row flex-nowrap flex z-index-2 o-scroll t-nowrap scroll-hide\">\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'featured' }\" \t\t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'featured' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer flex-v-center flex t-medium  pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconFeatured class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tFeatured\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'popular' }\"\t\t\t\t\t \t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'views'; router.push({name: 'Blog', params: { category: 'popular' } }) }\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-small\"\n\t\t\t\t\t\t>\t\n\t\t\t\t\t\t\t<IconPopular class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tPopular\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'new'}\" \t\t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'new' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconRecent class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tRecent\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li \t\n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'following'}\" \t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'following' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconFollowing class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tFollowing\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\tname: 'Create BlogPost'\n\t\t\t\t\t\t\t}\" \n\t\t\t\t\t\t\tclass=\"button t-medium bg-main w-max mn-l-auto\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tCreate Post\n\t\t\t\t\t\t</router-link>\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\n\n\t\t\t\t<router-view v-slot=\"{ Component, route }\">\n\t\t\t\t\t<transition name=\"scaleIn\" mode=\"out-in\">\n\t\t\t\t\t\t<component ref=\"page\" :key=\"route.query\" :is=\"Component\" />\n\t\t\t\t\t</transition>\n\t\t\t\t</router-view>\n\t\t\t</div>\n\n\t\t\t<div style=\"flex: 1 1 auto\" class=\"desktop-only scroll-hide o-y-scroll h-100  w-40 h-100 pos-relative \">\n\t\t\t\t<div class=\"radius-medium bg-light mn-b-thin pd-small\">\n\t\t\t\t\t<div class=\"gap-thin flex-nowrap flex\">\n\t\t\t\t\t\t<p class=\"t-medium mn-b-small\">Latest Comments</p>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"flex flex-column gap-thin\">\n\t\t\t\t\t\t<Comment\n\t\t        \tv-for=\"comment in comments.slice(0,5)\"\n\t\t\t        :key=\"comment._id\"\n\t\t\t        :comment=\"comment\"\n\t\t\t        :target=\"target\"\n\t\t\t        :type=\"type\"\n\t\t\t        :owner=\"owner\"\n\t\t\t        @reply=\"handleReply\"\n\t\t\t        @load-more=\"loadMoreChildren\"\n\t\t\t        class=\"comment bg-white pd-small radius-regular\"\n\t\t\t      />\n\t\t\t    </div>\n\t\t    </div>\n\n\t      <div class=\"radius-medium bg-light pd-small\">\n\t\t\t\t\t<div class=\"gap-thin flex-nowrap flex  mn-b-small\">\n\t\t\t\t\t\t<p class=\"text-box-trim-end t-medium\">Popular Communities</p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\tname: 'Create Organization'\n\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\tclass=\"t-medium cursor-pointer hover-scale-1 radius-extra flex-center flex i-medium bg-main\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t+\n\t\t\t\t\t\t</router-link>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t\t\t<Feed\n\t\t\t\t\t\t\t:showLoadMore=\"false\"\n\t\t\t\t\t\t\t:LoadMore=\"false\"\n\t\t\t\t      :states=\"{\n\t\t\t\t        empty: {\n\t\t\t\t          title: 'No Organization Found',\n\t\t\t\t          description: 'Currently, there are no organization available.'\n\t\t\t\t        }\n\t\t\t\t      }\"\n\t\t\t\t      :store=\"{\n\t\t\t\t        read: (options) => organizations.actions.read(options),\n\t\t\t\t        state: organizations.state\n\t\t\t\t      }\"\n\t\t\t\t      :options=\"{\n\t\t\t\t        \tuser: auth.state.user._id,\n\t\t\t\t\t\t\t\t\tsort: 'numberOfMemberships',\n\t\t\t\t\t\t\t\t\tcontain: ['blogposts'],\n\t\t\t\t\t\t\t\t\tlookup: ['blogposts'],\n\t\t\t\t\t\t\t\t\tlimit: 10\n\t\t\t\t      }\"\n\t\t\t\t      v-slot=\"{ \n\t\t\t\t        items \n\t\t\t\t      }\"\n\t\t\t\t      class=\"flex flex-column gap-thin\"\n\t\t\t\t    >\n\t\t\t\t    \t<CardOrganization \n\t\t\t    \t\t\tv-for=\"organization in items\"\n\t\t\t        \t:key=\"organization._id\" \n\t\t\t\t      \t:organization=\"organization\"\n\t\t\t\t      \t:user=\"auth.state.user\"\n\t\t\t\t      \t:showProducts=\"false\"\n\t\t\t\t      \t:showRating=\"false\"\n\t\t\t\t      \t:showFeatured=\"false\"\n\t\t\t\t      \t:showFollowers=\"false\"\n\t\t\t\t\t\t\t\t@updateMembership=\"handleMembershipUpdate\"\n\t\t\t\t\t\t\t\tclass=\"pd-small w-100 pd-0 bg-white radius-regular o-hidden\"\n\t\t\t\t\t    />\n\t\t\t\t    </Feed>\n\t\t\t\t\t</transition>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t</section>\n\t</div>\n</template>\n\n<script setup=\"props\">\n\timport { computed,onMounted, toRefs,ref } from 'vue'\n  import { useRoute,useRouter } from 'vue-router'\n\n\timport Select         from '@martyrs/src/components/Select/Select.vue'\n\timport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\timport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\timport IconFeatured from '@martyrs/src/modules/icons/entities/IconFeatured.vue'\n\timport IconPopular from '@martyrs/src/modules/icons/entities/IconPopular.vue'\n\timport IconRecent from '@martyrs/src/modules/icons/entities/IconRecent.vue'\n\timport IconFollowing from '@martyrs/src/modules/icons/entities/IconFollowing.vue'\n\n\nimport axios from 'axios';\n\n\nimport Comment from '../sections/Comment.vue';\n\n\nconst $axios = axios.create({ baseURL: process.env.API_URL });\nconst comments = ref([]);\nconst commentContent = ref('');\n\nconst fetchComments = async () => {\n  try {\n    const response = await $axios.get('/comments/read', {\n      params: {\n        maxDepth: 1,\n        format: 'plain'\n      }\n    });\n    comments.value = response.data;\n  } catch (error) {\n    console.error('Error fetching comments:', error);\n  }\n};\n\nfetchComments();\n\n// Import state\nimport * as blog from '@martyrs/src/modules/community/store/blogposts.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations.js'\nimport * as memberships from '@martyrs/src/modules/organizations/store/memberships.js'\n\n// State\nconst route = useRoute();\nconst router = useRouter();\n\nif (route.params.category === 'popular') blog.state.sort.param = 'views'; \nif (route.params.category === 'new') blog.state.sort.param = 'createdAt'; \n\n\nconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n  memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n};\n\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["blog.state","memberships.mutations","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6LA,UAAM,SAAS,MAAM,OAAO,EAAE,SAAS,QAAQ,IAAI,SAAS;AAC5D,UAAM,WAAW,IAAI,EAAE;AACA,QAAI,EAAE;AAE7B,UAAM,gBAAgB,YAAY;AAChC,UAAI;AACF,cAAM,WAAW,MAAM,OAAO,IAAI,kBAAkB;AAAA,UAClD,QAAQ;AAAA,YACN,UAAU;AAAA,YACV,QAAQ;AAAA,UAChB;AAAA,QACA,CAAK;AACD,iBAAS,QAAQ,SAAS;AAAA,MAC3B,SAAQ,OAAO;AACd,gBAAQ,MAAM,4BAA4B,KAAK;AAAA,MACnD;AAAA,IACA;AAEA,kBAAe;AASf,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAE1B,QAAI,MAAM,OAAO,aAAa,UAAWA,OAAW,KAAK,QAAQ;AACjE,QAAI,MAAM,OAAO,aAAa,MAAOA,OAAW,KAAK,QAAQ;AAG7D,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAQ,GAAE,YAAY,iBAAiB;AAC3FC,gBAAsB,uBAAuBC,QAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAChI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Community.vue.js","sources":["../../../../../../../src/modules/community/components/layouts/Community.vue"],"sourcesContent":["\t<template>\n\t<div class=\"bg-white\">\n\t\t<section class=\"w-100  flex-nowrap flex gap-thin mobile:pd-zero pd-thin pos-relative\">\n\n\t\t\t<div style=\"flex: 1 1 auto\" class=\"w-100 h-100 pos-relative\">\n\t\t\t\t<header v-if=\"!route.params.url && route.name !== 'Create BlogPost'\" class=\"bg-light pd-medium radius-medium mobile:radius-zero scroll-hide o-y-visible t-black pos-relative  mn-b-thin flex-v-center t-left flex-nowrap flex\">\n\t\t    \t<h2 class=\"pos-relative t-nowrap flex-v-center flex-nowrap flex\">\n\t\t    \t\t<span class=\"mn-r-thin\">Posts for </span>\n\n\t\t    \t\t<Select \n\t\t\t        :options=\"['today','week','month','year','all time']\"\n\t\t\t        v-model:select=\"blog.state.filter.period\" \n\t\t\t        placeholder=\"all time\"\n\t\t\t        class=\"\n\t\t\t        \tt-semi\n\t\t\t        \tpos-relative \n\t\t\t        \tw-max\n\t\t\t        \tbg-main t-black\n\t\t\t        \tpd-thin\n\t\t\t        \tradius-medium\n\t\t\t          h2\n\t\t\t         \tt-center\n\t\t\t         \tflex-column \n\t\t\t         \tflex \n\t\t\t         \tgap-medium \n\t\t\t        \"\n\t\t\t      />\n\t\t    \t</h2>\n\t\t\t\t</header>\n\n\t\t\t\t<div  v-if=\"!route.params.url && route.name !=='Create BlogPost'\"  class=\"w-100 pos-relative\">\n\t\t\t\t\t<ul class=\"align-self-start pos-sticky pos-t-0 w-100 bg-light radius-medium mobile:radius-zero mn-b-thin pd-medium p-medium gap-thin flex-row flex-nowrap flex z-index-2 o-scroll t-nowrap scroll-hide\">\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'featured' }\" \t\t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'featured' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer flex-v-center flex t-medium  pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconFeatured class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tFeatured\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'popular' }\"\t\t\t\t\t \t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'views'; router.push({name: 'Blog', params: { category: 'popular' } }) }\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-small\"\n\t\t\t\t\t\t>\t\n\t\t\t\t\t\t\t<IconPopular class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tPopular\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'new'}\" \t\t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'new' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconRecent class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tRecent\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li \t\n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'following'}\" \t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'following' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconFollowing class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tFollowing\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\tname: 'Create BlogPost'\n\t\t\t\t\t\t\t}\" \n\t\t\t\t\t\t\tclass=\"button t-medium bg-main w-max mn-l-auto\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tCreate Post\n\t\t\t\t\t\t</router-link>\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\n\n\t\t\t\t<router-view v-slot=\"{ Component, route }\">\n\t\t\t\t\t<transition name=\"scaleIn\" mode=\"out-in\">\n\t\t\t\t\t\t<component ref=\"page\" :key=\"route.query\" :is=\"Component\" />\n\t\t\t\t\t</transition>\n\t\t\t\t</router-view>\n\t\t\t</div>\n\n\t\t\t<div style=\"flex: 1 1 auto\" class=\"desktop-only pos-sticky pos-t-thin scroll-hide  h-100  w-40 h-100 pos-relative \">\n\t\t\t\t<div class=\"radius-medium bg-light mn-b-thin pd-small\">\n\t\t\t\t\t<div class=\"gap-thin flex-nowrap flex\">\n\t\t\t\t\t\t<p class=\"t-medium mn-b-small\">Latest Comments</p>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"flex flex-column gap-thin\">\n\t\t\t\t\t\t<Comment\n\t\t        \tv-for=\"comment in comments.slice(0,5)\"\n\t\t\t        :key=\"comment._id\"\n\t\t\t        :comment=\"comment\"\n\t\t\t        :target=\"target\"\n\t\t\t        :type=\"type\"\n\t\t\t        :owner=\"owner\"\n\t\t\t        @reply=\"handleReply\"\n\t\t\t        @load-more=\"loadMoreChildren\"\n\t\t\t        class=\"comment bg-white pd-small radius-regular\"\n\t\t\t      />\n\t\t\t    </div>\n\t\t    </div>\n\n\t      <div class=\"radius-medium bg-light pd-small\">\n\t\t\t\t\t<div class=\"gap-thin flex-v-center flex-nowrap flex  mn-b-small\">\n\t\t\t\t\t\t<p class=\"text-box-trim-end t-medium\">Popular Communities</p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\tname: 'Create Organization'\n\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\tclass=\"t-medium cursor-pointer hover-scale-1 radius-extra flex-center flex i-medium bg-main\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t+\n\t\t\t\t\t\t</router-link>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t\t\t<Feed\n\t\t\t\t\t\t\t:showLoadMore=\"false\"\n\t\t\t\t\t\t\t:LoadMore=\"false\"\n\t\t\t\t      :states=\"{\n\t\t\t\t        empty: {\n\t\t\t\t          title: 'No Organization Found',\n\t\t\t\t          description: 'Currently, there are no organization available.'\n\t\t\t\t        }\n\t\t\t\t      }\"\n\t\t\t\t      :store=\"{\n\t\t\t\t        read: (options) => organizations.actions.read(options),\n\t\t\t\t        state: organizations.state\n\t\t\t\t      }\"\n\t\t\t\t      :options=\"{\n\t\t\t\t        \tuser: auth.state.user._id,\n\t\t\t\t\t\t\t\t\tsort: 'numberOfMemberships',\n\t\t\t\t\t\t\t\t\tcontain: ['blogposts'],\n\t\t\t\t\t\t\t\t\tlookup: ['blogposts'],\n\t\t\t\t\t\t\t\t\tlimit: 10\n\t\t\t\t      }\"\n\t\t\t\t      v-slot=\"{ \n\t\t\t\t        items \n\t\t\t\t      }\"\n\t\t\t\t      class=\"flex flex-column gap-thin\"\n\t\t\t\t    >\n\t\t\t\t    \t<CardOrganization \n\t\t\t    \t\t\tv-for=\"organization in items\"\n\t\t\t        \t:key=\"organization._id\" \n\t\t\t\t      \t:organization=\"organization\"\n\t\t\t\t      \t:user=\"auth.state.user\"\n\t\t\t\t      \t:showProducts=\"false\"\n\t\t\t\t      \t:showRating=\"false\"\n\t\t\t\t      \t:showFeatured=\"false\"\n\t\t\t\t      \t:showFollowers=\"false\"\n\t\t\t\t\t\t\t\t@updateMembership=\"handleMembershipUpdate\"\n\t\t\t\t\t\t\t\tclass=\"pd-small w-100 pd-0 bg-white radius-regular o-hidden\"\n\t\t\t\t\t    />\n\t\t\t\t    </Feed>\n\t\t\t\t\t</transition>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t</section>\n\t</div>\n</template>\n\n<script setup=\"props\">\n\timport { computed,onMounted, toRefs,ref } from 'vue'\n  import { useRoute,useRouter } from 'vue-router'\n\n\timport Select         from '@martyrs/src/components/Select/Select.vue'\n\timport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\timport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\timport IconFeatured from '@martyrs/src/modules/icons/entities/IconFeatured.vue'\n\timport IconPopular from '@martyrs/src/modules/icons/entities/IconPopular.vue'\n\timport IconRecent from '@martyrs/src/modules/icons/entities/IconRecent.vue'\n\timport IconFollowing from '@martyrs/src/modules/icons/entities/IconFollowing.vue'\n\n\nimport axios from 'axios';\n\n\nimport Comment from '../sections/Comment.vue';\n\n\nconst $axios = axios.create({ baseURL: process.env.API_URL });\nconst comments = ref([]);\nconst commentContent = ref('');\n\nconst fetchComments = async () => {\n  try {\n    const response = await $axios.get('/comments/read', {\n      params: {\n        maxDepth: 1,\n        format: 'plain'\n      }\n    });\n    comments.value = response.data;\n  } catch (error) {\n    console.error('Error fetching comments:', error);\n  }\n};\n\nfetchComments();\n\n// Import state\nimport * as blog from '@martyrs/src/modules/community/store/blogposts.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations.js'\nimport * as memberships from '@martyrs/src/modules/organizations/store/memberships.js'\n\n// State\nconst route = useRoute();\nconst router = useRouter();\n\nif (route.params.category === 'popular') blog.state.sort.param = 'views'; \nif (route.params.category === 'new') blog.state.sort.param = 'createdAt'; \n\n\nconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n  memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n};\n\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["blog.state","memberships.mutations","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6LA,UAAM,SAAS,MAAM,OAAO,EAAE,SAAS,QAAQ,IAAI,SAAS;AAC5D,UAAM,WAAW,IAAI,EAAE;AACA,QAAI,EAAE;AAE7B,UAAM,gBAAgB,YAAY;AAChC,UAAI;AACF,cAAM,WAAW,MAAM,OAAO,IAAI,kBAAkB;AAAA,UAClD,QAAQ;AAAA,YACN,UAAU;AAAA,YACV,QAAQ;AAAA,UAChB;AAAA,QACA,CAAK;AACD,iBAAS,QAAQ,SAAS;AAAA,MAC3B,SAAQ,OAAO;AACd,gBAAQ,MAAM,4BAA4B,KAAK;AAAA,MACnD;AAAA,IACA;AAEA,kBAAe;AASf,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAE1B,QAAI,MAAM,OAAO,aAAa,UAAWA,OAAW,KAAK,QAAQ;AACjE,QAAI,MAAM,OAAO,aAAa,MAAOA,OAAW,KAAK,QAAQ;AAG7D,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAQ,GAAE,YAAY,iBAAiB;AAC3FC,gBAAsB,uBAAuBC,QAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAChI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/community/components/pages/Blog.vue.cjs

@@ -69,7 +69,7 @@ const _sfc_main = {
                 key: item._id,
                 blogpost: item,
                 user: auth.state.user._id,
-                class: "h-max-40r bg-light mn-b-thin radius-medium mobile:radius-zero"
+                class: "h-max-40r bg-light radius-medium mobile:radius-zero"
               }, null, 8, ["blogpost", "user"]);
             }), 128))
           ]),

package/dist/martyrs/src/modules/community/components/pages/Blog.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Blog.vue.cjs","sources":["../../../../../../../src/modules/community/components/pages/Blog.vue"],"sourcesContent":["<template>\n  <section>\n    <Feed\n      v-model:sort=\"blog.state.sort\"\n      :showLoadMore=\"false\"\n      :states=\"{\n        empty: {\n          title: 'No Blog Posts Found',\n          description: 'Currently, there are no posts available in this blog. Please check back later.'\n        },\n      }\"\n      :store=\"{\n        read: (options) => blog.read(options)\n      }\"\n      :options=\"{\n        limit: 15,\n        category: route.params.category,\n        period: route.query.period,\n        status: 'published',\n        user: auth.state.user._id,\n        following: route.params.category === 'following' ? auth.state.user._id : null,\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n      class=\"rows-1 gap-thin\"\n    >\n      <CardBlogpost \n        v-for=\"item in items\" \n        :key=\"item._id\" \n        :blogpost=\"item\" \n        :user=\"auth.state.user._id\" \n        class=\"h-max-40r bg-light mn-b-thin radius-medium mobile:radius-zero\"\n      />\n    </Feed>\n  </section>\n</template>\n\n\n<script setup=\"props\">\n  import { ref, computed, onMounted, watch } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.vue';\n\n  // Import state\n  import * as blog from '@martyrs/src/modules/community/store/blogposts.js';\n  import * as auth  from '@martyrs/src/modules/auth/views/store/auth.js'\n\n  // State\n  const route = useRoute();\n  const router = useRouter();\n\n  // if (!route.params.category) {\n  //   route.params.category = 'popular'\n  // }\n \n  onMounted(() => {\n\n    if (route.query) {\n      const query = route.query;\n\n      const newFilterValue = {\n        tags: query.tags ? query.tags.split(',') : [],\n        period: query.period ? query.period : null,\n      };\n\n      // проверяем наличие категории в route.params и добавляем ее в фильтр\n      // if (route.params.category) {\n      //   newFilterValue.category = route.params.category;\n      // }\n\n      blog.state.filter = newFilterValue;\n    }\n    \n  });\n\n  watch(() => blog.state.filter, (newFilterValue, oldFilterValue) => {\n    // Переводим фильтр в формат query\n    const query = { ...route.query };\n\n    // Удаляем старые значения фильтра из query\n    Object.keys(oldFilterValue).forEach(key => {\n      if (query[key]) {\n        delete query[key];\n      }\n    });\n\n    // Добавляем новые значения фильтра в query\n    const newQueryValues = Object.fromEntries(\n      Object.entries(newFilterValue)\n        .filter(([key, value]) => (Array.isArray(value) && value.length > 0) || (typeof value === 'string' && value))\n        .map(([key, value]) => [key, Array.isArray(value) ? value.join(',') : value])\n    );\n    Object.assign(query, newQueryValues);\n\n    // Обновляем маршрут с новым query\n    router.replace({ query });\n  }, { deep: true })\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["useRoute","useRouter","onMounted","blog.state","watch"],"mappings":";;;;;;;;;;;;;AAqDE,UAAM,QAAQA,UAAAA,SAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAM1BC,QAAAA,UAAU,MAAM;AAEd,UAAI,MAAM,OAAO;AACf,cAAM,QAAQ,MAAM;AAEpB,cAAM,iBAAiB;AAAA,UACrB,MAAM,MAAM,OAAO,MAAM,KAAK,MAAM,GAAG,IAAI,CAAE;AAAA,UAC7C,QAAQ,MAAM,SAAS,MAAM,SAAS;AAAA,QACvC;AAODC,kBAAU,MAAC,SAAS;AAAA,MAC1B;AAAA,IAEA,CAAG;AAEDC,QAAAA,MAAM,MAAMD,UAAU,MAAC,QAAQ,CAAC,gBAAgB,mBAAmB;AAEjE,YAAM,QAAQ,EAAE,GAAG,MAAM,MAAO;AAGhC,aAAO,KAAK,cAAc,EAAE,QAAQ,SAAO;AACzC,YAAI,MAAM,GAAG,GAAG;AACd,iBAAO,MAAM,GAAG;AAAA,QACxB;AAAA,MACA,CAAK;AAGD,YAAM,iBAAiB,OAAO;AAAA,QAC5B,OAAO,QAAQ,cAAc,EAC1B,OAAO,CAAC,CAAC,KAAK,KAAK,MAAO,MAAM,QAAQ,KAAK,KAAK,MAAM,SAAS,KAAO,OAAO,UAAU,YAAY,KAAM,EAC3G,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,MAAM,QAAQ,KAAK,IAAI,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC;AAAA,MAC/E;AACD,aAAO,OAAO,OAAO,cAAc;AAGnC,aAAO,QAAQ,EAAE,OAAO;AAAA,IAC5B,GAAK,EAAE,MAAM,KAAM,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Blog.vue.cjs","sources":["../../../../../../../src/modules/community/components/pages/Blog.vue"],"sourcesContent":["<template>\n  <section>\n    <Feed\n      v-model:sort=\"blog.state.sort\"\n      :showLoadMore=\"false\"\n      :states=\"{\n        empty: {\n          title: 'No Blog Posts Found',\n          description: 'Currently, there are no posts available in this blog. Please check back later.'\n        },\n      }\"\n      :store=\"{\n        read: (options) => blog.read(options)\n      }\"\n      :options=\"{\n        limit: 15,\n        category: route.params.category,\n        period: route.query.period,\n        status: 'published',\n        user: auth.state.user._id,\n        following: route.params.category === 'following' ? auth.state.user._id : null,\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n      class=\"rows-1 gap-thin\"\n    >\n      <CardBlogpost \n        v-for=\"item in items\" \n        :key=\"item._id\" \n        :blogpost=\"item\" \n        :user=\"auth.state.user._id\" \n        class=\"h-max-40r bg-light radius-medium mobile:radius-zero\"\n      />\n    </Feed>\n  </section>\n</template>\n\n\n<script setup=\"props\">\n  import { ref, computed, onMounted, watch } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.vue';\n\n  // Import state\n  import * as blog from '@martyrs/src/modules/community/store/blogposts.js';\n  import * as auth  from '@martyrs/src/modules/auth/views/store/auth.js'\n\n  // State\n  const route = useRoute();\n  const router = useRouter();\n\n  // if (!route.params.category) {\n  //   route.params.category = 'popular'\n  // }\n \n  onMounted(() => {\n\n    if (route.query) {\n      const query = route.query;\n\n      const newFilterValue = {\n        tags: query.tags ? query.tags.split(',') : [],\n        period: query.period ? query.period : null,\n      };\n\n      // проверяем наличие категории в route.params и добавляем ее в фильтр\n      // if (route.params.category) {\n      //   newFilterValue.category = route.params.category;\n      // }\n\n      blog.state.filter = newFilterValue;\n    }\n    \n  });\n\n  watch(() => blog.state.filter, (newFilterValue, oldFilterValue) => {\n    // Переводим фильтр в формат query\n    const query = { ...route.query };\n\n    // Удаляем старые значения фильтра из query\n    Object.keys(oldFilterValue).forEach(key => {\n      if (query[key]) {\n        delete query[key];\n      }\n    });\n\n    // Добавляем новые значения фильтра в query\n    const newQueryValues = Object.fromEntries(\n      Object.entries(newFilterValue)\n        .filter(([key, value]) => (Array.isArray(value) && value.length > 0) || (typeof value === 'string' && value))\n        .map(([key, value]) => [key, Array.isArray(value) ? value.join(',') : value])\n    );\n    Object.assign(query, newQueryValues);\n\n    // Обновляем маршрут с новым query\n    router.replace({ query });\n  }, { deep: true })\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["useRoute","useRouter","onMounted","blog.state","watch"],"mappings":";;;;;;;;;;;;;AAqDE,UAAM,QAAQA,UAAAA,SAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAM1BC,QAAAA,UAAU,MAAM;AAEd,UAAI,MAAM,OAAO;AACf,cAAM,QAAQ,MAAM;AAEpB,cAAM,iBAAiB;AAAA,UACrB,MAAM,MAAM,OAAO,MAAM,KAAK,MAAM,GAAG,IAAI,CAAE;AAAA,UAC7C,QAAQ,MAAM,SAAS,MAAM,SAAS;AAAA,QACvC;AAODC,kBAAU,MAAC,SAAS;AAAA,MAC1B;AAAA,IAEA,CAAG;AAEDC,QAAAA,MAAM,MAAMD,UAAU,MAAC,QAAQ,CAAC,gBAAgB,mBAAmB;AAEjE,YAAM,QAAQ,EAAE,GAAG,MAAM,MAAO;AAGhC,aAAO,KAAK,cAAc,EAAE,QAAQ,SAAO;AACzC,YAAI,MAAM,GAAG,GAAG;AACd,iBAAO,MAAM,GAAG;AAAA,QACxB;AAAA,MACA,CAAK;AAGD,YAAM,iBAAiB,OAAO;AAAA,QAC5B,OAAO,QAAQ,cAAc,EAC1B,OAAO,CAAC,CAAC,KAAK,KAAK,MAAO,MAAM,QAAQ,KAAK,KAAK,MAAM,SAAS,KAAO,OAAO,UAAU,YAAY,KAAM,EAC3G,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,MAAM,QAAQ,KAAK,IAAI,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC;AAAA,MAC/E;AACD,aAAO,OAAO,OAAO,cAAc;AAGnC,aAAO,QAAQ,EAAE,OAAO;AAAA,IAC5B,GAAK,EAAE,MAAM,KAAM,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/community/components/pages/Blog.vue.js

@@ -67,7 +67,7 @@ const _sfc_main = {
                 key: item._id,
                 blogpost: item,
                 user: state$1.user._id,
-                class: "h-max-40r bg-light mn-b-thin radius-medium mobile:radius-zero"
+                class: "h-max-40r bg-light radius-medium mobile:radius-zero"
               }, null, 8, ["blogpost", "user"]);
             }), 128))
           ]),

package/dist/martyrs/src/modules/community/components/pages/Blog.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Blog.vue.js","sources":["../../../../../../../src/modules/community/components/pages/Blog.vue"],"sourcesContent":["<template>\n  <section>\n    <Feed\n      v-model:sort=\"blog.state.sort\"\n      :showLoadMore=\"false\"\n      :states=\"{\n        empty: {\n          title: 'No Blog Posts Found',\n          description: 'Currently, there are no posts available in this blog. Please check back later.'\n        },\n      }\"\n      :store=\"{\n        read: (options) => blog.read(options)\n      }\"\n      :options=\"{\n        limit: 15,\n        category: route.params.category,\n        period: route.query.period,\n        status: 'published',\n        user: auth.state.user._id,\n        following: route.params.category === 'following' ? auth.state.user._id : null,\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n      class=\"rows-1 gap-thin\"\n    >\n      <CardBlogpost \n        v-for=\"item in items\" \n        :key=\"item._id\" \n        :blogpost=\"item\" \n        :user=\"auth.state.user._id\" \n        class=\"h-max-40r bg-light mn-b-thin radius-medium mobile:radius-zero\"\n      />\n    </Feed>\n  </section>\n</template>\n\n\n<script setup=\"props\">\n  import { ref, computed, onMounted, watch } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.vue';\n\n  // Import state\n  import * as blog from '@martyrs/src/modules/community/store/blogposts.js';\n  import * as auth  from '@martyrs/src/modules/auth/views/store/auth.js'\n\n  // State\n  const route = useRoute();\n  const router = useRouter();\n\n  // if (!route.params.category) {\n  //   route.params.category = 'popular'\n  // }\n \n  onMounted(() => {\n\n    if (route.query) {\n      const query = route.query;\n\n      const newFilterValue = {\n        tags: query.tags ? query.tags.split(',') : [],\n        period: query.period ? query.period : null,\n      };\n\n      // проверяем наличие категории в route.params и добавляем ее в фильтр\n      // if (route.params.category) {\n      //   newFilterValue.category = route.params.category;\n      // }\n\n      blog.state.filter = newFilterValue;\n    }\n    \n  });\n\n  watch(() => blog.state.filter, (newFilterValue, oldFilterValue) => {\n    // Переводим фильтр в формат query\n    const query = { ...route.query };\n\n    // Удаляем старые значения фильтра из query\n    Object.keys(oldFilterValue).forEach(key => {\n      if (query[key]) {\n        delete query[key];\n      }\n    });\n\n    // Добавляем новые значения фильтра в query\n    const newQueryValues = Object.fromEntries(\n      Object.entries(newFilterValue)\n        .filter(([key, value]) => (Array.isArray(value) && value.length > 0) || (typeof value === 'string' && value))\n        .map(([key, value]) => [key, Array.isArray(value) ? value.join(',') : value])\n    );\n    Object.assign(query, newQueryValues);\n\n    // Обновляем маршрут с новым query\n    router.replace({ query });\n  }, { deep: true })\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["blog.state"],"mappings":";;;;;;;;;;;AAqDE,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAM1B,cAAU,MAAM;AAEd,UAAI,MAAM,OAAO;AACf,cAAM,QAAQ,MAAM;AAEpB,cAAM,iBAAiB;AAAA,UACrB,MAAM,MAAM,OAAO,MAAM,KAAK,MAAM,GAAG,IAAI,CAAE;AAAA,UAC7C,QAAQ,MAAM,SAAS,MAAM,SAAS;AAAA,QACvC;AAODA,cAAW,SAAS;AAAA,MAC1B;AAAA,IAEA,CAAG;AAED,UAAM,MAAMA,MAAW,QAAQ,CAAC,gBAAgB,mBAAmB;AAEjE,YAAM,QAAQ,EAAE,GAAG,MAAM,MAAO;AAGhC,aAAO,KAAK,cAAc,EAAE,QAAQ,SAAO;AACzC,YAAI,MAAM,GAAG,GAAG;AACd,iBAAO,MAAM,GAAG;AAAA,QACxB;AAAA,MACA,CAAK;AAGD,YAAM,iBAAiB,OAAO;AAAA,QAC5B,OAAO,QAAQ,cAAc,EAC1B,OAAO,CAAC,CAAC,KAAK,KAAK,MAAO,MAAM,QAAQ,KAAK,KAAK,MAAM,SAAS,KAAO,OAAO,UAAU,YAAY,KAAM,EAC3G,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,MAAM,QAAQ,KAAK,IAAI,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC;AAAA,MAC/E;AACD,aAAO,OAAO,OAAO,cAAc;AAGnC,aAAO,QAAQ,EAAE,OAAO;AAAA,IAC5B,GAAK,EAAE,MAAM,KAAM,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Blog.vue.js","sources":["../../../../../../../src/modules/community/components/pages/Blog.vue"],"sourcesContent":["<template>\n  <section>\n    <Feed\n      v-model:sort=\"blog.state.sort\"\n      :showLoadMore=\"false\"\n      :states=\"{\n        empty: {\n          title: 'No Blog Posts Found',\n          description: 'Currently, there are no posts available in this blog. Please check back later.'\n        },\n      }\"\n      :store=\"{\n        read: (options) => blog.read(options)\n      }\"\n      :options=\"{\n        limit: 15,\n        category: route.params.category,\n        period: route.query.period,\n        status: 'published',\n        user: auth.state.user._id,\n        following: route.params.category === 'following' ? auth.state.user._id : null,\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n      class=\"rows-1 gap-thin\"\n    >\n      <CardBlogpost \n        v-for=\"item in items\" \n        :key=\"item._id\" \n        :blogpost=\"item\" \n        :user=\"auth.state.user._id\" \n        class=\"h-max-40r bg-light radius-medium mobile:radius-zero\"\n      />\n    </Feed>\n  </section>\n</template>\n\n\n<script setup=\"props\">\n  import { ref, computed, onMounted, watch } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import Breadcrumbs from '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.vue';\n\n  // Import state\n  import * as blog from '@martyrs/src/modules/community/store/blogposts.js';\n  import * as auth  from '@martyrs/src/modules/auth/views/store/auth.js'\n\n  // State\n  const route = useRoute();\n  const router = useRouter();\n\n  // if (!route.params.category) {\n  //   route.params.category = 'popular'\n  // }\n \n  onMounted(() => {\n\n    if (route.query) {\n      const query = route.query;\n\n      const newFilterValue = {\n        tags: query.tags ? query.tags.split(',') : [],\n        period: query.period ? query.period : null,\n      };\n\n      // проверяем наличие категории в route.params и добавляем ее в фильтр\n      // if (route.params.category) {\n      //   newFilterValue.category = route.params.category;\n      // }\n\n      blog.state.filter = newFilterValue;\n    }\n    \n  });\n\n  watch(() => blog.state.filter, (newFilterValue, oldFilterValue) => {\n    // Переводим фильтр в формат query\n    const query = { ...route.query };\n\n    // Удаляем старые значения фильтра из query\n    Object.keys(oldFilterValue).forEach(key => {\n      if (query[key]) {\n        delete query[key];\n      }\n    });\n\n    // Добавляем новые значения фильтра в query\n    const newQueryValues = Object.fromEntries(\n      Object.entries(newFilterValue)\n        .filter(([key, value]) => (Array.isArray(value) && value.length > 0) || (typeof value === 'string' && value))\n        .map(([key, value]) => [key, Array.isArray(value) ? value.join(',') : value])\n    );\n    Object.assign(query, newQueryValues);\n\n    // Обновляем маршрут с новым query\n    router.replace({ query });\n  }, { deep: true })\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["blog.state"],"mappings":";;;;;;;;;;;AAqDE,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAM1B,cAAU,MAAM;AAEd,UAAI,MAAM,OAAO;AACf,cAAM,QAAQ,MAAM;AAEpB,cAAM,iBAAiB;AAAA,UACrB,MAAM,MAAM,OAAO,MAAM,KAAK,MAAM,GAAG,IAAI,CAAE;AAAA,UAC7C,QAAQ,MAAM,SAAS,MAAM,SAAS;AAAA,QACvC;AAODA,cAAW,SAAS;AAAA,MAC1B;AAAA,IAEA,CAAG;AAED,UAAM,MAAMA,MAAW,QAAQ,CAAC,gBAAgB,mBAAmB;AAEjE,YAAM,QAAQ,EAAE,GAAG,MAAM,MAAO;AAGhC,aAAO,KAAK,cAAc,EAAE,QAAQ,SAAO;AACzC,YAAI,MAAM,GAAG,GAAG;AACd,iBAAO,MAAM,GAAG;AAAA,QACxB;AAAA,MACA,CAAK;AAGD,YAAM,iBAAiB,OAAO;AAAA,QAC5B,OAAO,QAAQ,cAAc,EAC1B,OAAO,CAAC,CAAC,KAAK,KAAK,MAAO,MAAM,QAAQ,KAAK,KAAK,MAAM,SAAS,KAAO,OAAO,UAAU,YAAY,KAAM,EAC3G,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,MAAM,QAAQ,KAAK,IAAI,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC;AAAA,MAC/E;AACD,aAAO,OAAO,OAAO,cAAc;AAGnC,aAAO,QAAQ,EAAE,OAAO;AAAA,IAC5B,GAAK,EAAE,MAAM,KAAM,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/community/components/pages/BlogPost.vue.cjs

@@ -9,10 +9,8 @@ const SkeletonBlogpost = require("../../../icons/skeletons/SkeletonBlogpost.vue.
 const vueRouter = require("vue-router");
 require("vue-i18n");
 ;/* empty css                                          */
-;/* empty css                                        */
-;/* empty css                                          */
-require("../../../rents/views/store/rents.store.cjs");
-;/* empty css                                        */
+;/* empty css                                       */
+;/* empty css                                         */
 const auth = require("../../../auth/views/store/auth.cjs");
 require("../../../organizations/store/memberships.cjs");
 require("../../../organizations/store/organizations.cjs");

package/dist/martyrs/src/modules/community/components/pages/BlogPost.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BlogPost.vue.cjs","sources":["../../../../../../../src/modules/community/components/pages/BlogPost.vue"],"sourcesContent":["<template>\n  <section>\n    <TransitionGroup tag=\"ul\" name=\"fade\" class=\"o-hidden bg-light radius-medium\">\n      <SkeletonBlogpost\n        v-if=\"isLoading\"\n        v-for=\"i in 3\" :key=\"i\"\n        class=\"\"\n      />\n    </TransitionGroup>\n    <transition \n      name=\"fade\"\n    >\n      <EmptyState \n        v-if=\"!isLoading && !blogpost\"\n        title=\"No Blogpost Found\"\n        description=\"Currently, there are no blogposts available. Please check back later.\"\n        class=\"pd-medium mn-b-thin bg-light radius-big\"\n      />\n    </transition>\n\n    <TransitionGroup tag=\"div\" name=\"fade\" class=\"container\">\n    \t  <!-- <button @click=\"share\" >\n\t\t\t    Поделиться\n\t\t\t  </button>\n\t\t\t   -->\n      \t<CardBlogpost \n          v-if=\"!isLoading && blogpost\"\n          @click=\"$router.push({name: 'Blogpost', params: {url: blogpost.url}})\" \n          :blogpost=\"blogpost\" \n          :user=\"auth.state.user._id\"\n          :type=\"'blogpostPage'\"\n          :hideTitle=\"true\"\n          class=\"mn-b-small  bg-light radius-medium mobile:radius-zero\"\n        >\n\n  \t      <Viewer\n  \t        v-if=\"blogpost && blogpost.content\"\n  \t        :content=\"blogpost.content\"\n  \t      />\n\n  \t\t\t\t<a v-if=\"blogpost.source\" :href=\"blogpost.source\" target=\"_blank\" class=\"mn-b-semi d-block w-max radius-big pd-thin bg-black t-white\">\n  \t\t\t\t\tCheck Source 🔗\n  \t\t\t\t</a>\n  \t\t\t\n      </CardBlogpost>\n\n     \t<!-- <h3 class=\"mn-b-small\">Recommended Communities</h3>\n  \t\t<Publics \n  \t\t\tclass=\"mn-b-small\"\n  \t\t/> -->\n\n      <Comments \n        v-if=\"!isLoading && blogpost\" \n        :type=\"'blogpost'\" \n        :target=\"blogpost._id\" \n        :owner=\"auth.state.user._id\"\n        class=\"bg-light radius-medium mobile:radius-zero pd-medium\"\n      />\n      \n    </TransitionGroup>  \n  \n  </section>\n</template>\n\n<script setup>\nimport { ref, onMounted, computed, onServerPrefetch, watch } from 'vue';\nimport { useHead } from '@unhead/vue'\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport EmptyState from '@martyrs/src/components/EmptyState/EmptyState.vue';\nimport CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.vue';\nimport SkeletonBlogpost from '@martyrs/src/modules/icons/skeletons/SkeletonBlogpost.vue'\nimport Publics from '@martyrs/src/modules/organizations/components/sections/Publics.vue'\nimport Comments from '@martyrs/src/modules/community/components/sections/Comments.vue';\nimport Viewer from '@martyrs/src/modules/constructor/components/sections/Viewer.vue';\nimport * as blog from '@martyrs/src/modules/community/store/blogposts.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  \nimport { useRoute } from 'vue-router';\n\nconst route = useRoute();\nconst blogpost = computed(() => blog.state.current);\nconst isLoading = ref(false);\nconst canShare = ref(false);\nconst error = ref(null);\n\nasync function fetchBlogpost() {\n  try {\n    isLoading.value = true;\n    const data = await blog.read({ user: auth.state.user?._id, url: route.params.url });\n    blogpost.value = data[0];\n    // Обновляем состояние хранилища\n    blog.state.current = data[0];\n  } catch (err) {\n    error.value = err;\n    console.error('Error fetching blogpost:', err);\n  } finally {\n    isLoading.value = false;\n  }\n}\n\nonServerPrefetch(async() => {\n\tawait fetchBlogpost()\n});\n\nonMounted(async() => {\n  if (!blogpost.value || blogpost.value.url !== route.params.url) {\n    await fetchBlogpost();\n  }\n  canShare.value = !!navigator.share;\n});\n\n\nconst share = async () => {\n  if (!canShare.value) return;\n  try {\n    await navigator.share({\n      title: blogpost.value.name,\n      text: firstText.value?.content.slice(0, 120) || 'Check out this blog post!',\n      url: window.location.href,\n    });\n    console.log('Content shared successfully');\n  } catch (error) {\n    console.error('Error sharing:', error);\n  }\n};\n\nconst firstImage = computed(() => {\n  return blogpost.value?.content?.find(block => block.type === 'ImageUpload');\n});\n\nconst firstText = computed(() => {\n  return blogpost.value?.content?.find(block => \n    block.type === 'Textarea' && block.class !== 'h2'\n  );\n});\n\nconst metadata = computed(() => ({\n  title: blogpost.value?.name,\n  description: firstText.value?.content.slice(0, 120),\n  meta: [\n    { hid: 'description', name: 'description', content: firstText.value?.content.slice(0, 120) },\n    { hid: 'og:title', property: 'og:title', content: blogpost.value?.name },\n    { hid: 'og:description', property: 'og:description', content: firstText.value?.content.slice(0, 120) },\n    { hid: 'og:image', property: 'og:image', content: firstImage.value?.content ? `${process.env.FILE_SERVER_URL}${firstImage.value.content}` : `${process.env.FILE_SERVER_URL}/favicon/cover.jpg` },\n    { hid: 'twitter:title', name: 'twitter:title', content: blogpost.value?.name },\n    { hid: 'twitter:description', name: 'twitter:description', content: firstText.value?.content.slice(0, 120) },\n    { hid: 'twitter:image', name: 'twitter:image', content: firstImage.value?.content ? `${process.env.FILE_SERVER_URL}${firstImage.value.content}` : `${process.env.FILE_SERVER_URL}/favicon/cover.jpg` },\n    { hid: 'twitter:card', name: 'twitter:card', content: 'summary_large_image' },\n  ],\n}));\n\nuseHead(metadata);\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["useRoute","computed","blog.state","ref","blog.read","auth.state","onServerPrefetch","onMounted","useHead"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA+EA,UAAM,QAAQA,UAAAA,SAAU;AACxB,UAAM,WAAWC,IAAQ,SAAC,MAAMC,UAAU,MAAC,OAAO;AAClD,UAAM,YAAYC,IAAG,IAAC,KAAK;AAC3B,UAAM,WAAWA,IAAG,IAAC,KAAK;AAC1B,UAAM,QAAQA,IAAG,IAAC,IAAI;AAEtB,mBAAe,gBAAgB;;AAC7B,UAAI;AACF,kBAAU,QAAQ;AAClB,cAAM,OAAO,MAAMC,eAAU,EAAE,OAAMC,UAAU,MAAC,SAAXA,mBAAiB,KAAK,KAAK,MAAM,OAAO,IAAG,CAAE;AAClF,iBAAS,QAAQ,KAAK,CAAC;AAEvBH,wBAAW,UAAU,KAAK,CAAC;AAAA,MAC5B,SAAQ,KAAK;AACZ,cAAM,QAAQ;AACd,gBAAQ,MAAM,4BAA4B,GAAG;AAAA,MACjD,UAAY;AACR,kBAAU,QAAQ;AAAA,MACtB;AAAA,IACA;AAEAI,QAAAA,iBAAiB,YAAW;AAC3B,YAAM,cAAa;AAAA,IACpB,CAAC;AAEDC,QAAAA,UAAU,YAAW;AACnB,UAAI,CAAC,SAAS,SAAS,SAAS,MAAM,QAAQ,MAAM,OAAO,KAAK;AAC9D,cAAM,cAAe;AAAA,MACzB;AACE,eAAS,QAAQ,CAAC,CAAC,UAAU;AAAA,IAC/B,CAAC;AAiBD,UAAM,aAAaN,IAAQ,SAAC,MAAM;;AAChC,cAAO,oBAAS,UAAT,mBAAgB,YAAhB,mBAAyB,KAAK,WAAS,MAAM,SAAS;AAAA,IAC/D,CAAC;AAED,UAAM,YAAYA,IAAQ,SAAC,MAAM;;AAC/B,cAAO,oBAAS,UAAT,mBAAgB,YAAhB,mBAAyB;AAAA,QAAK,WACnC,MAAM,SAAS,cAAc,MAAM,UAAU;AAAA;AAAA,IAEjD,CAAC;AAED,UAAM,WAAWA,IAAQ,SAAC,MAAO;;AAAA;AAAA,QAC/B,QAAO,cAAS,UAAT,mBAAgB;AAAA,QACvB,cAAa,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG;AAAA,QAC/C,MAAM;AAAA,UACJ,EAAE,KAAK,eAAe,MAAM,eAAe,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG,KAAM;AAAA,UAC5F,EAAE,KAAK,YAAY,UAAU,YAAY,UAAS,cAAS,UAAT,mBAAgB,KAAM;AAAA,UACxE,EAAE,KAAK,kBAAkB,UAAU,kBAAkB,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG,KAAM;AAAA,UACtG,EAAE,KAAK,YAAY,UAAU,YAAY,WAAS,gBAAW,UAAX,mBAAkB,WAAU,GAAG,QAAQ,IAAI,eAAe,GAAG,WAAW,MAAM,OAAO,KAAK,GAAG,QAAQ,IAAI,eAAe,qBAAsB;AAAA,UAChM,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,UAAS,cAAS,UAAT,mBAAgB,KAAM;AAAA,UAC9E,EAAE,KAAK,uBAAuB,MAAM,uBAAuB,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG,KAAM;AAAA,UAC5G,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,WAAS,gBAAW,UAAX,mBAAkB,WAAU,GAAG,QAAQ,IAAI,eAAe,GAAG,WAAW,MAAM,OAAO,KAAK,GAAG,QAAQ,IAAI,eAAe,qBAAsB;AAAA,UACtM,EAAE,KAAK,gBAAgB,MAAM,gBAAgB,SAAS,sBAAuB;AAAA,QAC9E;AAAA,MACH;AAAA,KAAE;AAEFO,gBAAO,EAAC,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"BlogPost.vue.cjs","sources":["../../../../../../../src/modules/community/components/pages/BlogPost.vue"],"sourcesContent":["<template>\n  <section>\n    <TransitionGroup tag=\"ul\" name=\"fade\" class=\"o-hidden bg-light radius-medium\">\n      <SkeletonBlogpost\n        v-if=\"isLoading\"\n        v-for=\"i in 3\" :key=\"i\"\n        class=\"\"\n      />\n    </TransitionGroup>\n    <transition \n      name=\"fade\"\n    >\n      <EmptyState \n        v-if=\"!isLoading && !blogpost\"\n        title=\"No Blogpost Found\"\n        description=\"Currently, there are no blogposts available. Please check back later.\"\n        class=\"pd-medium mn-b-thin bg-light radius-big\"\n      />\n    </transition>\n\n    <TransitionGroup tag=\"div\" name=\"fade\" class=\"container\">\n    \t  <!-- <button @click=\"share\" >\n\t\t\t    Поделиться\n\t\t\t  </button>\n\t\t\t   -->\n      \t<CardBlogpost \n          v-if=\"!isLoading && blogpost\"\n          @click=\"$router.push({name: 'Blogpost', params: {url: blogpost.url}})\" \n          :blogpost=\"blogpost\" \n          :user=\"auth.state.user._id\"\n          :type=\"'blogpostPage'\"\n          :hideTitle=\"true\"\n          class=\"mn-b-small  bg-light radius-medium mobile:radius-zero\"\n        >\n\n  \t      <Viewer\n  \t        v-if=\"blogpost && blogpost.content\"\n  \t        :content=\"blogpost.content\"\n  \t      />\n\n  \t\t\t\t<a v-if=\"blogpost.source\" :href=\"blogpost.source\" target=\"_blank\" class=\"mn-b-semi d-block w-max radius-big pd-thin bg-black t-white\">\n  \t\t\t\t\tCheck Source 🔗\n  \t\t\t\t</a>\n  \t\t\t\n      </CardBlogpost>\n\n     \t<!-- <h3 class=\"mn-b-small\">Recommended Communities</h3>\n  \t\t<Publics \n  \t\t\tclass=\"mn-b-small\"\n  \t\t/> -->\n\n      <Comments \n        v-if=\"!isLoading && blogpost\" \n        :type=\"'blogpost'\" \n        :target=\"blogpost._id\" \n        :owner=\"auth.state.user._id\"\n        class=\"bg-light radius-medium mobile:radius-zero pd-medium\"\n      />\n      \n    </TransitionGroup>  \n  \n  </section>\n</template>\n\n<script setup>\nimport { ref, onMounted, computed, onServerPrefetch, watch } from 'vue';\nimport { useHead } from '@unhead/vue'\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport EmptyState from '@martyrs/src/components/EmptyState/EmptyState.vue';\nimport CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.vue';\nimport SkeletonBlogpost from '@martyrs/src/modules/icons/skeletons/SkeletonBlogpost.vue'\nimport Publics from '@martyrs/src/modules/organizations/components/sections/Publics.vue'\nimport Comments from '@martyrs/src/modules/community/components/sections/Comments.vue';\nimport Viewer from '@martyrs/src/modules/constructor/components/sections/Viewer.vue';\nimport * as blog from '@martyrs/src/modules/community/store/blogposts.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  \nimport { useRoute } from 'vue-router';\n\nconst route = useRoute();\nconst blogpost = computed(() => blog.state.current);\nconst isLoading = ref(false);\nconst canShare = ref(false);\nconst error = ref(null);\n\nasync function fetchBlogpost() {\n  try {\n    isLoading.value = true;\n    const data = await blog.read({ user: auth.state.user?._id, url: route.params.url });\n    blogpost.value = data[0];\n    // Обновляем состояние хранилища\n    blog.state.current = data[0];\n  } catch (err) {\n    error.value = err;\n    console.error('Error fetching blogpost:', err);\n  } finally {\n    isLoading.value = false;\n  }\n}\n\nonServerPrefetch(async() => {\n\tawait fetchBlogpost()\n});\n\nonMounted(async() => {\n  if (!blogpost.value || blogpost.value.url !== route.params.url) {\n    await fetchBlogpost();\n  }\n  canShare.value = !!navigator.share;\n});\n\n\nconst share = async () => {\n  if (!canShare.value) return;\n  try {\n    await navigator.share({\n      title: blogpost.value.name,\n      text: firstText.value?.content.slice(0, 120) || 'Check out this blog post!',\n      url: window.location.href,\n    });\n    console.log('Content shared successfully');\n  } catch (error) {\n    console.error('Error sharing:', error);\n  }\n};\n\nconst firstImage = computed(() => {\n  return blogpost.value?.content?.find(block => block.type === 'ImageUpload');\n});\n\nconst firstText = computed(() => {\n  return blogpost.value?.content?.find(block => \n    block.type === 'Textarea' && block.class !== 'h2'\n  );\n});\n\nconst metadata = computed(() => ({\n  title: blogpost.value?.name,\n  description: firstText.value?.content.slice(0, 120),\n  meta: [\n    { hid: 'description', name: 'description', content: firstText.value?.content.slice(0, 120) },\n    { hid: 'og:title', property: 'og:title', content: blogpost.value?.name },\n    { hid: 'og:description', property: 'og:description', content: firstText.value?.content.slice(0, 120) },\n    { hid: 'og:image', property: 'og:image', content: firstImage.value?.content ? `${process.env.FILE_SERVER_URL}${firstImage.value.content}` : `${process.env.FILE_SERVER_URL}/favicon/cover.jpg` },\n    { hid: 'twitter:title', name: 'twitter:title', content: blogpost.value?.name },\n    { hid: 'twitter:description', name: 'twitter:description', content: firstText.value?.content.slice(0, 120) },\n    { hid: 'twitter:image', name: 'twitter:image', content: firstImage.value?.content ? `${process.env.FILE_SERVER_URL}${firstImage.value.content}` : `${process.env.FILE_SERVER_URL}/favicon/cover.jpg` },\n    { hid: 'twitter:card', name: 'twitter:card', content: 'summary_large_image' },\n  ],\n}));\n\nuseHead(metadata);\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["useRoute","computed","blog.state","ref","blog.read","auth.state","onServerPrefetch","onMounted","useHead"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA+EA,UAAM,QAAQA,UAAAA,SAAU;AACxB,UAAM,WAAWC,IAAQ,SAAC,MAAMC,UAAU,MAAC,OAAO;AAClD,UAAM,YAAYC,IAAG,IAAC,KAAK;AAC3B,UAAM,WAAWA,IAAG,IAAC,KAAK;AAC1B,UAAM,QAAQA,IAAG,IAAC,IAAI;AAEtB,mBAAe,gBAAgB;;AAC7B,UAAI;AACF,kBAAU,QAAQ;AAClB,cAAM,OAAO,MAAMC,eAAU,EAAE,OAAMC,UAAU,MAAC,SAAXA,mBAAiB,KAAK,KAAK,MAAM,OAAO,IAAG,CAAE;AAClF,iBAAS,QAAQ,KAAK,CAAC;AAEvBH,wBAAW,UAAU,KAAK,CAAC;AAAA,MAC5B,SAAQ,KAAK;AACZ,cAAM,QAAQ;AACd,gBAAQ,MAAM,4BAA4B,GAAG;AAAA,MACjD,UAAY;AACR,kBAAU,QAAQ;AAAA,MACtB;AAAA,IACA;AAEAI,QAAAA,iBAAiB,YAAW;AAC3B,YAAM,cAAa;AAAA,IACpB,CAAC;AAEDC,QAAAA,UAAU,YAAW;AACnB,UAAI,CAAC,SAAS,SAAS,SAAS,MAAM,QAAQ,MAAM,OAAO,KAAK;AAC9D,cAAM,cAAe;AAAA,MACzB;AACE,eAAS,QAAQ,CAAC,CAAC,UAAU;AAAA,IAC/B,CAAC;AAiBD,UAAM,aAAaN,IAAQ,SAAC,MAAM;;AAChC,cAAO,oBAAS,UAAT,mBAAgB,YAAhB,mBAAyB,KAAK,WAAS,MAAM,SAAS;AAAA,IAC/D,CAAC;AAED,UAAM,YAAYA,IAAQ,SAAC,MAAM;;AAC/B,cAAO,oBAAS,UAAT,mBAAgB,YAAhB,mBAAyB;AAAA,QAAK,WACnC,MAAM,SAAS,cAAc,MAAM,UAAU;AAAA;AAAA,IAEjD,CAAC;AAED,UAAM,WAAWA,IAAQ,SAAC,MAAO;;AAAA;AAAA,QAC/B,QAAO,cAAS,UAAT,mBAAgB;AAAA,QACvB,cAAa,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG;AAAA,QAC/C,MAAM;AAAA,UACJ,EAAE,KAAK,eAAe,MAAM,eAAe,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG,KAAM;AAAA,UAC5F,EAAE,KAAK,YAAY,UAAU,YAAY,UAAS,cAAS,UAAT,mBAAgB,KAAM;AAAA,UACxE,EAAE,KAAK,kBAAkB,UAAU,kBAAkB,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG,KAAM;AAAA,UACtG,EAAE,KAAK,YAAY,UAAU,YAAY,WAAS,gBAAW,UAAX,mBAAkB,WAAU,GAAG,QAAQ,IAAI,eAAe,GAAG,WAAW,MAAM,OAAO,KAAK,GAAG,QAAQ,IAAI,eAAe,qBAAsB;AAAA,UAChM,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,UAAS,cAAS,UAAT,mBAAgB,KAAM;AAAA,UAC9E,EAAE,KAAK,uBAAuB,MAAM,uBAAuB,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG,KAAM;AAAA,UAC5G,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,WAAS,gBAAW,UAAX,mBAAkB,WAAU,GAAG,QAAQ,IAAI,eAAe,GAAG,WAAW,MAAM,OAAO,KAAK,GAAG,QAAQ,IAAI,eAAe,qBAAsB;AAAA,UACtM,EAAE,KAAK,gBAAgB,MAAM,gBAAgB,SAAS,sBAAuB;AAAA,QAC9E;AAAA,MACH;AAAA,KAAE;AAEFO,gBAAO,EAAC,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/community/components/pages/BlogPost.vue.js

@@ -7,10 +7,8 @@ import SkeletonBlogpost from "../../../icons/skeletons/SkeletonBlogpost.vue.js";
 import { useRoute } from "vue-router";
 import "vue-i18n";
 /* empty css                                        */
-/* empty css                                      */
-/* empty css                                        */
-import "../../../rents/views/store/rents.store.js";
-/* empty css                                      */
+/* empty css                                     */
+/* empty css                                       */
 import { state as state$1 } from "../../../auth/views/store/auth.js";
 import "../../../organizations/store/memberships.js";
 import "../../../organizations/store/organizations.js";

package/dist/martyrs/src/modules/community/components/pages/BlogPost.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlogPost.vue.js","sources":["../../../../../../../src/modules/community/components/pages/BlogPost.vue"],"sourcesContent":["<template>\n  <section>\n    <TransitionGroup tag=\"ul\" name=\"fade\" class=\"o-hidden bg-light radius-medium\">\n      <SkeletonBlogpost\n        v-if=\"isLoading\"\n        v-for=\"i in 3\" :key=\"i\"\n        class=\"\"\n      />\n    </TransitionGroup>\n    <transition \n      name=\"fade\"\n    >\n      <EmptyState \n        v-if=\"!isLoading && !blogpost\"\n        title=\"No Blogpost Found\"\n        description=\"Currently, there are no blogposts available. Please check back later.\"\n        class=\"pd-medium mn-b-thin bg-light radius-big\"\n      />\n    </transition>\n\n    <TransitionGroup tag=\"div\" name=\"fade\" class=\"container\">\n    \t  <!-- <button @click=\"share\" >\n\t\t\t    Поделиться\n\t\t\t  </button>\n\t\t\t   -->\n      \t<CardBlogpost \n          v-if=\"!isLoading && blogpost\"\n          @click=\"$router.push({name: 'Blogpost', params: {url: blogpost.url}})\" \n          :blogpost=\"blogpost\" \n          :user=\"auth.state.user._id\"\n          :type=\"'blogpostPage'\"\n          :hideTitle=\"true\"\n          class=\"mn-b-small  bg-light radius-medium mobile:radius-zero\"\n        >\n\n  \t      <Viewer\n  \t        v-if=\"blogpost && blogpost.content\"\n  \t        :content=\"blogpost.content\"\n  \t      />\n\n  \t\t\t\t<a v-if=\"blogpost.source\" :href=\"blogpost.source\" target=\"_blank\" class=\"mn-b-semi d-block w-max radius-big pd-thin bg-black t-white\">\n  \t\t\t\t\tCheck Source 🔗\n  \t\t\t\t</a>\n  \t\t\t\n      </CardBlogpost>\n\n     \t<!-- <h3 class=\"mn-b-small\">Recommended Communities</h3>\n  \t\t<Publics \n  \t\t\tclass=\"mn-b-small\"\n  \t\t/> -->\n\n      <Comments \n        v-if=\"!isLoading && blogpost\" \n        :type=\"'blogpost'\" \n        :target=\"blogpost._id\" \n        :owner=\"auth.state.user._id\"\n        class=\"bg-light radius-medium mobile:radius-zero pd-medium\"\n      />\n      \n    </TransitionGroup>  \n  \n  </section>\n</template>\n\n<script setup>\nimport { ref, onMounted, computed, onServerPrefetch, watch } from 'vue';\nimport { useHead } from '@unhead/vue'\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport EmptyState from '@martyrs/src/components/EmptyState/EmptyState.vue';\nimport CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.vue';\nimport SkeletonBlogpost from '@martyrs/src/modules/icons/skeletons/SkeletonBlogpost.vue'\nimport Publics from '@martyrs/src/modules/organizations/components/sections/Publics.vue'\nimport Comments from '@martyrs/src/modules/community/components/sections/Comments.vue';\nimport Viewer from '@martyrs/src/modules/constructor/components/sections/Viewer.vue';\nimport * as blog from '@martyrs/src/modules/community/store/blogposts.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  \nimport { useRoute } from 'vue-router';\n\nconst route = useRoute();\nconst blogpost = computed(() => blog.state.current);\nconst isLoading = ref(false);\nconst canShare = ref(false);\nconst error = ref(null);\n\nasync function fetchBlogpost() {\n  try {\n    isLoading.value = true;\n    const data = await blog.read({ user: auth.state.user?._id, url: route.params.url });\n    blogpost.value = data[0];\n    // Обновляем состояние хранилища\n    blog.state.current = data[0];\n  } catch (err) {\n    error.value = err;\n    console.error('Error fetching blogpost:', err);\n  } finally {\n    isLoading.value = false;\n  }\n}\n\nonServerPrefetch(async() => {\n\tawait fetchBlogpost()\n});\n\nonMounted(async() => {\n  if (!blogpost.value || blogpost.value.url !== route.params.url) {\n    await fetchBlogpost();\n  }\n  canShare.value = !!navigator.share;\n});\n\n\nconst share = async () => {\n  if (!canShare.value) return;\n  try {\n    await navigator.share({\n      title: blogpost.value.name,\n      text: firstText.value?.content.slice(0, 120) || 'Check out this blog post!',\n      url: window.location.href,\n    });\n    console.log('Content shared successfully');\n  } catch (error) {\n    console.error('Error sharing:', error);\n  }\n};\n\nconst firstImage = computed(() => {\n  return blogpost.value?.content?.find(block => block.type === 'ImageUpload');\n});\n\nconst firstText = computed(() => {\n  return blogpost.value?.content?.find(block => \n    block.type === 'Textarea' && block.class !== 'h2'\n  );\n});\n\nconst metadata = computed(() => ({\n  title: blogpost.value?.name,\n  description: firstText.value?.content.slice(0, 120),\n  meta: [\n    { hid: 'description', name: 'description', content: firstText.value?.content.slice(0, 120) },\n    { hid: 'og:title', property: 'og:title', content: blogpost.value?.name },\n    { hid: 'og:description', property: 'og:description', content: firstText.value?.content.slice(0, 120) },\n    { hid: 'og:image', property: 'og:image', content: firstImage.value?.content ? `${process.env.FILE_SERVER_URL}${firstImage.value.content}` : `${process.env.FILE_SERVER_URL}/favicon/cover.jpg` },\n    { hid: 'twitter:title', name: 'twitter:title', content: blogpost.value?.name },\n    { hid: 'twitter:description', name: 'twitter:description', content: firstText.value?.content.slice(0, 120) },\n    { hid: 'twitter:image', name: 'twitter:image', content: firstImage.value?.content ? `${process.env.FILE_SERVER_URL}${firstImage.value.content}` : `${process.env.FILE_SERVER_URL}/favicon/cover.jpg` },\n    { hid: 'twitter:card', name: 'twitter:card', content: 'summary_large_image' },\n  ],\n}));\n\nuseHead(metadata);\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["blog.state","blog.read","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA+EA,UAAM,QAAQ,SAAU;AACxB,UAAM,WAAW,SAAS,MAAMA,MAAW,OAAO;AAClD,UAAM,YAAY,IAAI,KAAK;AAC3B,UAAM,WAAW,IAAI,KAAK;AAC1B,UAAM,QAAQ,IAAI,IAAI;AAEtB,mBAAe,gBAAgB;;AAC7B,UAAI;AACF,kBAAU,QAAQ;AAClB,cAAM,OAAO,MAAMC,KAAU,EAAE,OAAMC,aAAW,SAAXA,mBAAiB,KAAK,KAAK,MAAM,OAAO,IAAG,CAAE;AAClF,iBAAS,QAAQ,KAAK,CAAC;AAEvBF,cAAW,UAAU,KAAK,CAAC;AAAA,MAC5B,SAAQ,KAAK;AACZ,cAAM,QAAQ;AACd,gBAAQ,MAAM,4BAA4B,GAAG;AAAA,MACjD,UAAY;AACR,kBAAU,QAAQ;AAAA,MACtB;AAAA,IACA;AAEA,qBAAiB,YAAW;AAC3B,YAAM,cAAa;AAAA,IACpB,CAAC;AAED,cAAU,YAAW;AACnB,UAAI,CAAC,SAAS,SAAS,SAAS,MAAM,QAAQ,MAAM,OAAO,KAAK;AAC9D,cAAM,cAAe;AAAA,MACzB;AACE,eAAS,QAAQ,CAAC,CAAC,UAAU;AAAA,IAC/B,CAAC;AAiBD,UAAM,aAAa,SAAS,MAAM;;AAChC,cAAO,oBAAS,UAAT,mBAAgB,YAAhB,mBAAyB,KAAK,WAAS,MAAM,SAAS;AAAA,IAC/D,CAAC;AAED,UAAM,YAAY,SAAS,MAAM;;AAC/B,cAAO,oBAAS,UAAT,mBAAgB,YAAhB,mBAAyB;AAAA,QAAK,WACnC,MAAM,SAAS,cAAc,MAAM,UAAU;AAAA;AAAA,IAEjD,CAAC;AAED,UAAM,WAAW,SAAS,MAAO;;AAAA;AAAA,QAC/B,QAAO,cAAS,UAAT,mBAAgB;AAAA,QACvB,cAAa,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG;AAAA,QAC/C,MAAM;AAAA,UACJ,EAAE,KAAK,eAAe,MAAM,eAAe,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG,KAAM;AAAA,UAC5F,EAAE,KAAK,YAAY,UAAU,YAAY,UAAS,cAAS,UAAT,mBAAgB,KAAM;AAAA,UACxE,EAAE,KAAK,kBAAkB,UAAU,kBAAkB,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG,KAAM;AAAA,UACtG,EAAE,KAAK,YAAY,UAAU,YAAY,WAAS,gBAAW,UAAX,mBAAkB,WAAU,GAAG,QAAQ,IAAI,eAAe,GAAG,WAAW,MAAM,OAAO,KAAK,GAAG,QAAQ,IAAI,eAAe,qBAAsB;AAAA,UAChM,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,UAAS,cAAS,UAAT,mBAAgB,KAAM;AAAA,UAC9E,EAAE,KAAK,uBAAuB,MAAM,uBAAuB,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG,KAAM;AAAA,UAC5G,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,WAAS,gBAAW,UAAX,mBAAkB,WAAU,GAAG,QAAQ,IAAI,eAAe,GAAG,WAAW,MAAM,OAAO,KAAK,GAAG,QAAQ,IAAI,eAAe,qBAAsB;AAAA,UACtM,EAAE,KAAK,gBAAgB,MAAM,gBAAgB,SAAS,sBAAuB;AAAA,QAC9E;AAAA,MACH;AAAA,KAAE;AAEF,YAAQ,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"BlogPost.vue.js","sources":["../../../../../../../src/modules/community/components/pages/BlogPost.vue"],"sourcesContent":["<template>\n  <section>\n    <TransitionGroup tag=\"ul\" name=\"fade\" class=\"o-hidden bg-light radius-medium\">\n      <SkeletonBlogpost\n        v-if=\"isLoading\"\n        v-for=\"i in 3\" :key=\"i\"\n        class=\"\"\n      />\n    </TransitionGroup>\n    <transition \n      name=\"fade\"\n    >\n      <EmptyState \n        v-if=\"!isLoading && !blogpost\"\n        title=\"No Blogpost Found\"\n        description=\"Currently, there are no blogposts available. Please check back later.\"\n        class=\"pd-medium mn-b-thin bg-light radius-big\"\n      />\n    </transition>\n\n    <TransitionGroup tag=\"div\" name=\"fade\" class=\"container\">\n    \t  <!-- <button @click=\"share\" >\n\t\t\t    Поделиться\n\t\t\t  </button>\n\t\t\t   -->\n      \t<CardBlogpost \n          v-if=\"!isLoading && blogpost\"\n          @click=\"$router.push({name: 'Blogpost', params: {url: blogpost.url}})\" \n          :blogpost=\"blogpost\" \n          :user=\"auth.state.user._id\"\n          :type=\"'blogpostPage'\"\n          :hideTitle=\"true\"\n          class=\"mn-b-small  bg-light radius-medium mobile:radius-zero\"\n        >\n\n  \t      <Viewer\n  \t        v-if=\"blogpost && blogpost.content\"\n  \t        :content=\"blogpost.content\"\n  \t      />\n\n  \t\t\t\t<a v-if=\"blogpost.source\" :href=\"blogpost.source\" target=\"_blank\" class=\"mn-b-semi d-block w-max radius-big pd-thin bg-black t-white\">\n  \t\t\t\t\tCheck Source 🔗\n  \t\t\t\t</a>\n  \t\t\t\n      </CardBlogpost>\n\n     \t<!-- <h3 class=\"mn-b-small\">Recommended Communities</h3>\n  \t\t<Publics \n  \t\t\tclass=\"mn-b-small\"\n  \t\t/> -->\n\n      <Comments \n        v-if=\"!isLoading && blogpost\" \n        :type=\"'blogpost'\" \n        :target=\"blogpost._id\" \n        :owner=\"auth.state.user._id\"\n        class=\"bg-light radius-medium mobile:radius-zero pd-medium\"\n      />\n      \n    </TransitionGroup>  \n  \n  </section>\n</template>\n\n<script setup>\nimport { ref, onMounted, computed, onServerPrefetch, watch } from 'vue';\nimport { useHead } from '@unhead/vue'\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport EmptyState from '@martyrs/src/components/EmptyState/EmptyState.vue';\nimport CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.vue';\nimport SkeletonBlogpost from '@martyrs/src/modules/icons/skeletons/SkeletonBlogpost.vue'\nimport Publics from '@martyrs/src/modules/organizations/components/sections/Publics.vue'\nimport Comments from '@martyrs/src/modules/community/components/sections/Comments.vue';\nimport Viewer from '@martyrs/src/modules/constructor/components/sections/Viewer.vue';\nimport * as blog from '@martyrs/src/modules/community/store/blogposts.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  \nimport { useRoute } from 'vue-router';\n\nconst route = useRoute();\nconst blogpost = computed(() => blog.state.current);\nconst isLoading = ref(false);\nconst canShare = ref(false);\nconst error = ref(null);\n\nasync function fetchBlogpost() {\n  try {\n    isLoading.value = true;\n    const data = await blog.read({ user: auth.state.user?._id, url: route.params.url });\n    blogpost.value = data[0];\n    // Обновляем состояние хранилища\n    blog.state.current = data[0];\n  } catch (err) {\n    error.value = err;\n    console.error('Error fetching blogpost:', err);\n  } finally {\n    isLoading.value = false;\n  }\n}\n\nonServerPrefetch(async() => {\n\tawait fetchBlogpost()\n});\n\nonMounted(async() => {\n  if (!blogpost.value || blogpost.value.url !== route.params.url) {\n    await fetchBlogpost();\n  }\n  canShare.value = !!navigator.share;\n});\n\n\nconst share = async () => {\n  if (!canShare.value) return;\n  try {\n    await navigator.share({\n      title: blogpost.value.name,\n      text: firstText.value?.content.slice(0, 120) || 'Check out this blog post!',\n      url: window.location.href,\n    });\n    console.log('Content shared successfully');\n  } catch (error) {\n    console.error('Error sharing:', error);\n  }\n};\n\nconst firstImage = computed(() => {\n  return blogpost.value?.content?.find(block => block.type === 'ImageUpload');\n});\n\nconst firstText = computed(() => {\n  return blogpost.value?.content?.find(block => \n    block.type === 'Textarea' && block.class !== 'h2'\n  );\n});\n\nconst metadata = computed(() => ({\n  title: blogpost.value?.name,\n  description: firstText.value?.content.slice(0, 120),\n  meta: [\n    { hid: 'description', name: 'description', content: firstText.value?.content.slice(0, 120) },\n    { hid: 'og:title', property: 'og:title', content: blogpost.value?.name },\n    { hid: 'og:description', property: 'og:description', content: firstText.value?.content.slice(0, 120) },\n    { hid: 'og:image', property: 'og:image', content: firstImage.value?.content ? `${process.env.FILE_SERVER_URL}${firstImage.value.content}` : `${process.env.FILE_SERVER_URL}/favicon/cover.jpg` },\n    { hid: 'twitter:title', name: 'twitter:title', content: blogpost.value?.name },\n    { hid: 'twitter:description', name: 'twitter:description', content: firstText.value?.content.slice(0, 120) },\n    { hid: 'twitter:image', name: 'twitter:image', content: firstImage.value?.content ? `${process.env.FILE_SERVER_URL}${firstImage.value.content}` : `${process.env.FILE_SERVER_URL}/favicon/cover.jpg` },\n    { hid: 'twitter:card', name: 'twitter:card', content: 'summary_large_image' },\n  ],\n}));\n\nuseHead(metadata);\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["blog.state","blog.read","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA+EA,UAAM,QAAQ,SAAU;AACxB,UAAM,WAAW,SAAS,MAAMA,MAAW,OAAO;AAClD,UAAM,YAAY,IAAI,KAAK;AAC3B,UAAM,WAAW,IAAI,KAAK;AAC1B,UAAM,QAAQ,IAAI,IAAI;AAEtB,mBAAe,gBAAgB;;AAC7B,UAAI;AACF,kBAAU,QAAQ;AAClB,cAAM,OAAO,MAAMC,KAAU,EAAE,OAAMC,aAAW,SAAXA,mBAAiB,KAAK,KAAK,MAAM,OAAO,IAAG,CAAE;AAClF,iBAAS,QAAQ,KAAK,CAAC;AAEvBF,cAAW,UAAU,KAAK,CAAC;AAAA,MAC5B,SAAQ,KAAK;AACZ,cAAM,QAAQ;AACd,gBAAQ,MAAM,4BAA4B,GAAG;AAAA,MACjD,UAAY;AACR,kBAAU,QAAQ;AAAA,MACtB;AAAA,IACA;AAEA,qBAAiB,YAAW;AAC3B,YAAM,cAAa;AAAA,IACpB,CAAC;AAED,cAAU,YAAW;AACnB,UAAI,CAAC,SAAS,SAAS,SAAS,MAAM,QAAQ,MAAM,OAAO,KAAK;AAC9D,cAAM,cAAe;AAAA,MACzB;AACE,eAAS,QAAQ,CAAC,CAAC,UAAU;AAAA,IAC/B,CAAC;AAiBD,UAAM,aAAa,SAAS,MAAM;;AAChC,cAAO,oBAAS,UAAT,mBAAgB,YAAhB,mBAAyB,KAAK,WAAS,MAAM,SAAS;AAAA,IAC/D,CAAC;AAED,UAAM,YAAY,SAAS,MAAM;;AAC/B,cAAO,oBAAS,UAAT,mBAAgB,YAAhB,mBAAyB;AAAA,QAAK,WACnC,MAAM,SAAS,cAAc,MAAM,UAAU;AAAA;AAAA,IAEjD,CAAC;AAED,UAAM,WAAW,SAAS,MAAO;;AAAA;AAAA,QAC/B,QAAO,cAAS,UAAT,mBAAgB;AAAA,QACvB,cAAa,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG;AAAA,QAC/C,MAAM;AAAA,UACJ,EAAE,KAAK,eAAe,MAAM,eAAe,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG,KAAM;AAAA,UAC5F,EAAE,KAAK,YAAY,UAAU,YAAY,UAAS,cAAS,UAAT,mBAAgB,KAAM;AAAA,UACxE,EAAE,KAAK,kBAAkB,UAAU,kBAAkB,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG,KAAM;AAAA,UACtG,EAAE,KAAK,YAAY,UAAU,YAAY,WAAS,gBAAW,UAAX,mBAAkB,WAAU,GAAG,QAAQ,IAAI,eAAe,GAAG,WAAW,MAAM,OAAO,KAAK,GAAG,QAAQ,IAAI,eAAe,qBAAsB;AAAA,UAChM,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,UAAS,cAAS,UAAT,mBAAgB,KAAM;AAAA,UAC9E,EAAE,KAAK,uBAAuB,MAAM,uBAAuB,UAAS,eAAU,UAAV,mBAAiB,QAAQ,MAAM,GAAG,KAAM;AAAA,UAC5G,EAAE,KAAK,iBAAiB,MAAM,iBAAiB,WAAS,gBAAW,UAAX,mBAAkB,WAAU,GAAG,QAAQ,IAAI,eAAe,GAAG,WAAW,MAAM,OAAO,KAAK,GAAG,QAAQ,IAAI,eAAe,qBAAsB;AAAA,UACtM,EAAE,KAAK,gBAAgB,MAAM,gBAAgB,SAAS,sBAAuB;AAAA,QAC9E;AAAA,MACH;AAAA,KAAE;AAEF,YAAQ,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/community/components/pages/CreateBlogPost.vue.cjs

@@ -5,13 +5,13 @@ require("isomorphic-dompurify");
 ;/* empty css                                                      */
 const Constructor = require("../../../constructor/components/sections/Constructor.vue.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
-require("../../../../../../_virtual/index2.cjs");
+require("../../../../../../_virtual/index.cjs");
 ;/* empty css                                               */
 ;/* empty css                                                     */
 const BlockTags = require("../../../../components/FieldTags/BlockTags.vue.cjs");
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
-const Field = require("../../../../components/Field/Field.vue2.cjs");
-const Button = require("../../../../components/Button/Button.vue.cjs");
+const Field = require("../../../../components/Field/Field.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const Card = require("../../../globals/views/components/blocks/Card.vue.cjs");
 const vueRouter = require("vue-router");

package/dist/martyrs/src/modules/community/components/pages/CreateBlogPost.vue.js

@@ -3,15 +3,15 @@ import "isomorphic-dompurify";
 /* empty css                                                    */
 import _sfc_main$1 from "../../../constructor/components/sections/Constructor.vue.js";
 import _sfc_main$2 from "../../../../components/Popup/Popup.vue.js";
-import "../../../../../../_virtual/index2.js";
+import "../../../../../../_virtual/index.js";
 /* empty css                                             */
 /* empty css                                                   */
 import _sfc_main$3 from "../../../../components/FieldTags/BlockTags.vue.js";
-import _sfc_main$7 from "../../../../components/Checkbox/Checkbox.vue.js";
-import _sfc_main$4 from "../../../../components/Field/Field.vue2.js";
-import _sfc_main$8 from "../../../../components/Button/Button.vue.js";
-import _sfc_main$6 from "../../../../components/Feed/Feed.vue.js";
-import _sfc_main$5 from "../../../globals/views/components/blocks/Card.vue.js";
+import _sfc_main$6 from "../../../../components/Checkbox/Checkbox.vue.js";
+import Field from "../../../../components/Field/Field.vue.js";
+import _sfc_main$7 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$5 from "../../../../components/Feed/Feed.vue.js";
+import _sfc_main$4 from "../../../globals/views/components/blocks/Card.vue.js";
 import { useRoute, useRouter } from "vue-router";
 import { read, clean, state as state$1, remove, update, create } from "../../store/blogposts.js";
 import { state } from "../../../auth/views/store/auth.js";
@@ -213,14 +213,14 @@ const _sfc_main = {
                 class: "mn-b-small"
               }, null, 8, ["tags"]),
               _cache[16] || (_cache[16] = createElementVNode("h5", { class: "mn-b-small" }, "Add source:", -1)),
-              createVNode(_sfc_main$4, {
+              createVNode(Field, {
                 field: unref(post).source,
                 "onUpdate:field": _cache[5] || (_cache[5] = ($event) => unref(post).source = $event),
                 placeholder: "Add full link to the source",
                 class: "mn-b-medium bg-light radius-medium pd-small"
               }, null, 8, ["field"]),
               _cache[17] || (_cache[17] = createElementVNode("h5", { class: "mn-b-small" }, "Add to public", -1)),
-              selectedOrganization.value ? (openBlock(), createBlock(_sfc_main$5, {
+              selectedOrganization.value ? (openBlock(), createBlock(_sfc_main$4, {
                 key: 0,
                 photo: (_a = selectedOrganization.value.profile) == null ? void 0 : _a.photo,
                 title: (_b = selectedOrganization.value.profile) == null ? void 0 : _b.name,
@@ -229,7 +229,7 @@ const _sfc_main = {
                 }),
                 class: "h-4r w-100 bg-light pd-thin radius-medium mn-b-thin"
               }, null, 8, ["photo", "title"])) : (openBlock(), createElementBlock("section", _hoisted_5, [
-                createVNode(_sfc_main$6, {
+                createVNode(_sfc_main$5, {
                   showLoadMore: false,
                   search: {
                     placeholder: "Search organization...",
@@ -258,7 +258,7 @@ const _sfc_main = {
                       var _a2, _b2;
                       const _memo = [organization._id, organization.profile.name];
                       if (_cached && isMemoSame(_cached, _memo)) return _cached;
-                      const _item = (openBlock(), createBlock(_sfc_main$5, {
+                      const _item = (openBlock(), createBlock(_sfc_main$4, {
                         photo: (_a2 = organization.profile) == null ? void 0 : _a2.photo,
                         title: (_b2 = organization.profile) == null ? void 0 : _b2.name,
                         onClick: () => {
@@ -275,7 +275,7 @@ const _sfc_main = {
               ])),
               selectedOrganization.value ? (openBlock(), createElementBlock("h5", _hoisted_6, "Options:")) : createCommentVNode("", true),
               selectedOrganization.value ? (openBlock(), createElementBlock("div", _hoisted_7, [
-                createVNode(_sfc_main$7, {
+                createVNode(_sfc_main$6, {
                   label: "Hide Author",
                   radio: unref(post).creator.hidden,
                   "onUpdate:radio": _cache[9] || (_cache[9] = (event) => unref(post).creator.hidden = event),
@@ -283,7 +283,7 @@ const _sfc_main = {
                   class: "w-100"
                 }, null, 8, ["radio"])
               ])) : createCommentVNode("", true),
-              createVNode(_sfc_main$8, {
+              createVNode(_sfc_main$7, {
                 submit: onSubmit,
                 callback: _ctx.redirectTo,
                 class: "w-100 bg-black t-white"

package/dist/martyrs/src/modules/community/components/sections/Comments.vue.cjs

@@ -172,7 +172,7 @@ const _sfc_main = {
               vue.withDirectives(vue.createElementVNode("textarea", {
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => commentContent.value = $event),
                 placeholder: "Enter your comment",
-                class: "p-big w-100",
+                class: "p-semi w-100",
                 style: { "resize": "none" }
               }, null, 512), [
                 [vue.vModelText, commentContent.value]

package/dist/martyrs/src/modules/community/components/sections/Comments.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Comments.vue.cjs","sources":["../../../../../../../src/modules/community/components/sections/Comments.vue"],"sourcesContent":["<template>\n  <div id=\"comments\">\n    <div class=\"mn-b-medium\">\n      \n      <h3 class=\"mn-b-regular\">{{ comments.length }} comments</h3>\n\n      <div class=\"mn-b-small\">\n        <form @submit.prevent=\"handleCommentSubmit\" class=\"bg-white radius-medium pd-medium\">\n          <textarea \n            v-model=\"commentContent\" \n            placeholder=\"Enter your comment\" \n            class=\"p-big w-100\"\n            style=\"resize: none;\"\n          ></textarea>\n          <button type=\"submit\" class=\"mn-l-auto bg-main pd-r-regular pd-l-regular pd-thin button\">\n            Send\n          </button>\n        </form>\n      </div>\n    </div>\n\n    <Comment\n      v-for=\"comment in comments\"\n      :key=\"comment._id\"\n      :comment=\"comment\"\n      :target=\"target\"\n      :type=\"type\"\n      :owner=\"owner\"\n      @reply=\"handleReply\"\n      @load-more=\"loadMoreChildren\"\n      class=\"comment mn-b-medium\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, getCurrentInstance } from 'vue';\nimport { useRoute } from 'vue-router';\nimport { Preferences } from '@capacitor/preferences';\n\nimport Comment from './Comment.vue';\nimport $axios from '@martyrs/src/modules/globals/views/utils/axios-instance.js';\n\nconst props = defineProps([\n  'target', \n  'owner', \n  'type'\n]);\n\nconst route = useRoute();\nconst { proxy } = getCurrentInstance();\n\nconst comments = ref([]);\nconst commentContent = ref('');\n\nconst DRAFT_KEY = `comment_draft_${props.type}_${props.target}`;\n\n// Загружаем сохраненный черновик при монтировании\nonMounted(async () => {\n  // Проверяем наличие черновика\n  const { value } = await Preferences.get({ key: DRAFT_KEY });\n  \n  if (value) {\n    commentContent.value = value;\n    // Очищаем черновик после загрузки\n    await Preferences.remove({ key: DRAFT_KEY });\n  }\n});\n\nconst fetchComments = async () => {\n  try {\n    const response = await $axios.get('/comments/read', {\n      params: {\n        target: props.target,\n        type: props.type,\n        user: props.owner,\n        format: 'tree',\n        maxDepth: 2\n      }\n    });\n    comments.value = response.data;\n  } catch (error) {\n    console.error('Error fetching comments:', error);\n  }\n};\n\nconst handleCommentSubmit = async () => {\n  if (!commentContent.value) {\n    return;\n  }\n\n  // Проверяем авторизацию\n  if (!props.owner) {\n    // Сохраняем черновик\n    await Preferences.set({\n      key: DRAFT_KEY,\n      value: commentContent.value\n    });\n    \n    // Показываем auth popup\n    await proxy.$showAuth({\n      title: 'Join the discussion',\n      subtitle: 'To comment on this post, please sign in or create an account.',\n      returnUrl: route.fullPath\n    });\n    \n    return;\n  }\n\n  // Отправляем комментарий\n  await submitComment();\n};\n\nconst submitComment = async () => {\n  try {\n    const response = await $axios.post('/comments/create', {\n      target: props.target,\n      user: props.owner,\n      type: props.type,\n      content: commentContent.value,\n      creator: {\n        target: props.owner,\n        type: 'User',\n        hidden: false\n      },\n      owner: {\n        target: props.owner,\n        type: 'User'\n      }\n    });\n\n    response.data.owner = props.owner;\n    comments.value.push(response.data);\n\n    commentContent.value = '';\n  } catch (error) {\n    console.error(error);\n  }\n};\n\nconst handleReply = async (parentId, content) => {\n  // Проверяем авторизацию для ответов\n  if (!props.owner) {\n    // Сохраняем черновик ответа\n    await Preferences.set({\n      key: `${DRAFT_KEY}_reply_${parentId}`,\n      value: content\n    });\n    \n    await proxy.$showAuth({\n      title: 'Join the discussion',\n      subtitle: 'To reply to this comment, please sign in or create an account.',\n      returnUrl: route.fullPath\n    });\n    \n    return;\n  }\n\n  try {\n    const response = await $axios.post('/comments/create', {\n      content,\n      target: props.target,\n      type: props.type,\n      user: props.owner,\n      parent: parentId,\n      format: 'tree',\n      creator: {\n        target: props.owner,\n        type: 'User',\n        hidden: false\n      },\n      owner: {\n        target: props.owner,\n        type: 'User'\n      }\n    });\n\n    const newComment = response.data;\n    updateCommentTree(comments.value, parentId, newComment);\n  } catch (error) {\n    console.error('Error posting reply:', error);\n  }\n};\n\nconst loadMoreChildren = async (commentId, depth) => {\n  try {\n    const response = await $axios.get('/comments/read', {\n      params: {\n        target: props.target,\n        type: props.type,\n        user: props.owner,\n        parentId: commentId,\n        depth: depth,\n        maxDepth: 10\n      }\n    });\n\n    updateCommentTree(comments.value, commentId, response.data, response.data.hasMore, true);\n  } catch (error) {\n    console.error('Error loading more comments:', error);\n  }\n};\n\nconst updateCommentTree = (comments, parentId, newData, hasMore, isLoadMore = false) => {\n  for (let i = 0; i < comments.length; i++) {\n    if (comments[i]._id === parentId) {\n      if (isLoadMore) {\n        comments[i].children = [...comments[i].children, ...newData];\n        comments[i].hasMore = hasMore;\n      } else {\n        comments[i].children.push(newData);\n      }\n      return true;\n    }\n    if (comments[i].children && updateCommentTree(comments[i].children, parentId, newData, hasMore, isLoadMore)) {\n      return true;\n    }\n  }\n  return false;\n};\n\nfetchComments();\n</script>"],"names":["useRoute","getCurrentInstance","ref","onMounted","Preferences","$axios","comments"],"mappings":"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"}
+{"version":3,"file":"Comments.vue.cjs","sources":["../../../../../../../src/modules/community/components/sections/Comments.vue"],"sourcesContent":["<template>\n  <div id=\"comments\">\n    <div class=\"mn-b-medium\">\n      \n      <h3 class=\"mn-b-regular\">{{ comments.length }} comments</h3>\n\n      <div class=\"mn-b-small\">\n        <form @submit.prevent=\"handleCommentSubmit\" class=\"bg-white radius-medium pd-medium\">\n          <textarea \n            v-model=\"commentContent\" \n            placeholder=\"Enter your comment\" \n            class=\"p-semi w-100\"\n            style=\"resize: none;\"\n          ></textarea>\n          <button type=\"submit\" class=\"mn-l-auto bg-main pd-r-regular pd-l-regular pd-thin button\">\n            Send\n          </button>\n        </form>\n      </div>\n    </div>\n\n    <Comment\n      v-for=\"comment in comments\"\n      :key=\"comment._id\"\n      :comment=\"comment\"\n      :target=\"target\"\n      :type=\"type\"\n      :owner=\"owner\"\n      @reply=\"handleReply\"\n      @load-more=\"loadMoreChildren\"\n      class=\"comment mn-b-medium\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, getCurrentInstance } from 'vue';\nimport { useRoute } from 'vue-router';\nimport { Preferences } from '@capacitor/preferences';\n\nimport Comment from './Comment.vue';\nimport $axios from '@martyrs/src/modules/globals/views/utils/axios-instance.js';\n\nconst props = defineProps([\n  'target', \n  'owner', \n  'type'\n]);\n\nconst route = useRoute();\nconst { proxy } = getCurrentInstance();\n\nconst comments = ref([]);\nconst commentContent = ref('');\n\nconst DRAFT_KEY = `comment_draft_${props.type}_${props.target}`;\n\n// Загружаем сохраненный черновик при монтировании\nonMounted(async () => {\n  // Проверяем наличие черновика\n  const { value } = await Preferences.get({ key: DRAFT_KEY });\n  \n  if (value) {\n    commentContent.value = value;\n    // Очищаем черновик после загрузки\n    await Preferences.remove({ key: DRAFT_KEY });\n  }\n});\n\nconst fetchComments = async () => {\n  try {\n    const response = await $axios.get('/comments/read', {\n      params: {\n        target: props.target,\n        type: props.type,\n        user: props.owner,\n        format: 'tree',\n        maxDepth: 2\n      }\n    });\n    comments.value = response.data;\n  } catch (error) {\n    console.error('Error fetching comments:', error);\n  }\n};\n\nconst handleCommentSubmit = async () => {\n  if (!commentContent.value) {\n    return;\n  }\n\n  // Проверяем авторизацию\n  if (!props.owner) {\n    // Сохраняем черновик\n    await Preferences.set({\n      key: DRAFT_KEY,\n      value: commentContent.value\n    });\n    \n    // Показываем auth popup\n    await proxy.$showAuth({\n      title: 'Join the discussion',\n      subtitle: 'To comment on this post, please sign in or create an account.',\n      returnUrl: route.fullPath\n    });\n    \n    return;\n  }\n\n  // Отправляем комментарий\n  await submitComment();\n};\n\nconst submitComment = async () => {\n  try {\n    const response = await $axios.post('/comments/create', {\n      target: props.target,\n      user: props.owner,\n      type: props.type,\n      content: commentContent.value,\n      creator: {\n        target: props.owner,\n        type: 'User',\n        hidden: false\n      },\n      owner: {\n        target: props.owner,\n        type: 'User'\n      }\n    });\n\n    response.data.owner = props.owner;\n    comments.value.push(response.data);\n\n    commentContent.value = '';\n  } catch (error) {\n    console.error(error);\n  }\n};\n\nconst handleReply = async (parentId, content) => {\n  // Проверяем авторизацию для ответов\n  if (!props.owner) {\n    // Сохраняем черновик ответа\n    await Preferences.set({\n      key: `${DRAFT_KEY}_reply_${parentId}`,\n      value: content\n    });\n    \n    await proxy.$showAuth({\n      title: 'Join the discussion',\n      subtitle: 'To reply to this comment, please sign in or create an account.',\n      returnUrl: route.fullPath\n    });\n    \n    return;\n  }\n\n  try {\n    const response = await $axios.post('/comments/create', {\n      content,\n      target: props.target,\n      type: props.type,\n      user: props.owner,\n      parent: parentId,\n      format: 'tree',\n      creator: {\n        target: props.owner,\n        type: 'User',\n        hidden: false\n      },\n      owner: {\n        target: props.owner,\n        type: 'User'\n      }\n    });\n\n    const newComment = response.data;\n    updateCommentTree(comments.value, parentId, newComment);\n  } catch (error) {\n    console.error('Error posting reply:', error);\n  }\n};\n\nconst loadMoreChildren = async (commentId, depth) => {\n  try {\n    const response = await $axios.get('/comments/read', {\n      params: {\n        target: props.target,\n        type: props.type,\n        user: props.owner,\n        parentId: commentId,\n        depth: depth,\n        maxDepth: 10\n      }\n    });\n\n    updateCommentTree(comments.value, commentId, response.data, response.data.hasMore, true);\n  } catch (error) {\n    console.error('Error loading more comments:', error);\n  }\n};\n\nconst updateCommentTree = (comments, parentId, newData, hasMore, isLoadMore = false) => {\n  for (let i = 0; i < comments.length; i++) {\n    if (comments[i]._id === parentId) {\n      if (isLoadMore) {\n        comments[i].children = [...comments[i].children, ...newData];\n        comments[i].hasMore = hasMore;\n      } else {\n        comments[i].children.push(newData);\n      }\n      return true;\n    }\n    if (comments[i].children && updateCommentTree(comments[i].children, parentId, newData, hasMore, isLoadMore)) {\n      return true;\n    }\n  }\n  return false;\n};\n\nfetchComments();\n</script>"],"names":["useRoute","getCurrentInstance","ref","onMounted","Preferences","$axios","comments"],"mappings":"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"}

package/dist/martyrs/src/modules/community/components/sections/Comments.vue.js

@@ -170,7 +170,7 @@ const _sfc_main = {
               withDirectives(createElementVNode("textarea", {
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => commentContent.value = $event),
                 placeholder: "Enter your comment",
-                class: "p-big w-100",
+                class: "p-semi w-100",
                 style: { "resize": "none" }
               }, null, 512), [
                 [vModelText, commentContent.value]