@ozdao/martyrs 0.2.488 → 0.2.491

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

@@ -0,0 +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-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/blocks/FooterBlogpost.vue.cjs

@@ -0,0 +1,103 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+require("vue-router");
+const reactions = require("../../store/reactions.cjs");
+const _hoisted_1 = { class: "t-semi br-top-dark flex-nowrap flex-nojustify flex" };
+const _hoisted_2 = { class: "hover-bg-white pd-l-thin pd-r-thin radius-big cursor-pointer" };
+const _sfc_main = {
+  __name: "FooterBlogpost",
+  props: ["blogpost", "owner", "user"],
+  setup(__props) {
+    const props = __props;
+    const reactionsCount = vue.ref(props.blogpost.numberOfReactions);
+    const isReacted = vue.ref(props.blogpost.isReacted);
+    const reactionId = vue.ref(props.blogpost.reactionId);
+    async function addReaction(type) {
+      if (!props.user) {
+        alert("Please login to add a reaction");
+        return;
+      }
+      try {
+        const reaction = {
+          target: props.blogpost._id,
+          type: "blogpost",
+          user: props.user,
+          class: "like"
+        };
+        const res = await reactions.actions.create(reaction);
+        if (res.reaction.class === "like") {
+          reactionsCount.value += 1;
+          isReacted.value = true;
+          reactionId.value = res.reaction._id;
+        }
+      } catch (err) {
+        console.error(err);
+        alert("Error adding reaction. Please try again later.");
+      }
+    }
+    async function deleteReaction(type) {
+      if (!props.user) {
+        alert("Please login to add a reaction");
+        return;
+      }
+      try {
+        const reaction = { _id: reactionId.value };
+        await reactions.actions.delete(reaction);
+        reactionsCount.value -= 1;
+        isReacted.value = false;
+        reactionId.value = null;
+      } catch (err) {
+        alert("Error adding reaction. Please try again later.");
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_router_link = vue.resolveComponent("router-link");
+      return vue.openBlock(), vue.createElementBlock("footer", _hoisted_1, [
+        vue.createVNode(_component_router_link, {
+          to: {
+            name: "BlogPost",
+            params: {
+              url: __props.blogpost.url
+            }
+          },
+          class: "font-second cursor-pointer hover-bg-white pd-l-thin pd-r-thin radius-big"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createTextVNode(" 👁️ " + vue.toDisplayString(__props.blogpost.views), 1)
+          ]),
+          _: 1
+        }, 8, ["to"]),
+        vue.createElementVNode("div", _hoisted_2, [
+          !isReacted.value ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: "cursor-pointer",
+            onClick: _cache[0] || (_cache[0] = ($event) => addReaction())
+          }, " 👍 " + vue.toDisplayString(reactionsCount.value), 1)) : vue.createCommentVNode("", true),
+          isReacted.value ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 1,
+            class: "cursor-pointer",
+            onClick: _cache[1] || (_cache[1] = ($event) => deleteReaction())
+          }, " 👍 " + vue.toDisplayString(reactionsCount.value), 1)) : vue.createCommentVNode("", true)
+        ]),
+        vue.createVNode(_component_router_link, {
+          to: {
+            name: "BlogPost",
+            hash: "#comments",
+            params: {
+              url: __props.blogpost.url
+            }
+          },
+          class: "font-second cursor-pointer hover-bg-white pd-l-thin pd-r-thin radius-big"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createTextVNode(" 💬 " + vue.toDisplayString(__props.blogpost.numberOfComments), 1)
+          ]),
+          _: 1
+        }, 8, ["to"])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=FooterBlogpost.vue.cjs.map

package/dist/martyrs/src/modules/community/components/blocks/FooterBlogpost.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterBlogpost.vue.cjs","sources":["../../../../../../../src/modules/community/components/blocks/FooterBlogpost.vue"],"sourcesContent":["<template>\n  <footer class=\"t-semi br-top-dark flex-nowrap flex-nojustify flex\">\n    <router-link :to=\"{\n      name: 'BlogPost', \n      params: { \n        url: blogpost.url \n      }\n    }\" \n    class=\"font-second cursor-pointer hover-bg-white pd-l-thin pd-r-thin radius-big\">\n      👁️ {{blogpost.views}}\n    </router-link>\n    \n    <div class=\"hover-bg-white pd-l-thin pd-r-thin radius-big cursor-pointer\">\n      <div class=\"cursor-pointer\" @click=\"addReaction('like')\" v-if=\"!isReacted\">\n        👍 {{reactionsCount }}\n      </div>\n      <div class=\"cursor-pointer\" @click=\"deleteReaction('like')\" v-if=\"isReacted\">\n        👍 {{reactionsCount }}\n      </div>\n    </div>\n    <router-link :to=\"{\n      name: 'BlogPost', \n      hash: '#comments',\n      params: { \n        url: blogpost.url \n      }\n    }\" \n    class=\"font-second cursor-pointer hover-bg-white pd-l-thin pd-r-thin radius-big\">\n      💬 {{ blogpost.numberOfComments }}\n    </router-link>\n  </footer>\n</template>\n\n<script setup=\"props\">\nimport { computed, ref } from 'vue';\nimport { useRouter } from 'vue-router';\n\nimport * as reactions from '@martyrs/src/modules/community/store/reactions.js';\n\nconst props = defineProps(['blogpost', 'owner', 'user']);\n\nconst reactionsCount = ref(props.blogpost.numberOfReactions);\nconst isReacted = ref(props.blogpost.isReacted);\nconst reactionId = ref(props.blogpost.reactionId);\n\nasync function addReaction(type) {\n  if (!props.user) {\n    alert('Please login to add a reaction');\n    return;\n  }\n\n  try {\n    const reaction = {\n      target: props.blogpost._id,\n      type: 'blogpost',\n      user: props.user,\n      class: 'like'\n    };\n    const res = await reactions.actions.create(reaction);\n\n    if (res.reaction.class === 'like') {\n      reactionsCount.value += 1;\n      isReacted.value = true;\n      reactionId.value = res.reaction._id;\n    }\n  } catch (err) {\n    console.error(err);\n    alert('Error adding reaction. Please try again later.');\n  }\n}\n\nasync function deleteReaction(type) {\n  if (!props.user) {\n    alert('Please login to add a reaction');\n    return;\n  }\n\n  try {\n    const reaction = { _id: reactionId.value };\n\n    await reactions.actions.delete(reaction);\n\n    reactionsCount.value -= 1;\n    isReacted.value = false;\n    reactionId.value = null;\n  } catch (err) {\n    alert('Error adding reaction. Please try again later.');\n  }\n}\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["ref","reactions.actions"],"mappings":";;;;;;;;;;;AAuCA,UAAM,QAAQ;AAEd,UAAM,iBAAiBA,IAAG,IAAC,MAAM,SAAS,iBAAiB;AAC3D,UAAM,YAAYA,IAAG,IAAC,MAAM,SAAS,SAAS;AAC9C,UAAM,aAAaA,IAAG,IAAC,MAAM,SAAS,UAAU;AAEhD,mBAAe,YAAY,MAAM;AAC/B,UAAI,CAAC,MAAM,MAAM;AACf,cAAM,gCAAgC;AACtC;AAAA,MACJ;AAEE,UAAI;AACF,cAAM,WAAW;AAAA,UACf,QAAQ,MAAM,SAAS;AAAA,UACvB,MAAM;AAAA,UACN,MAAM,MAAM;AAAA,UACZ,OAAO;AAAA,QACR;AACD,cAAM,MAAM,MAAMC,kBAAkB,OAAO,QAAQ;AAEnD,YAAI,IAAI,SAAS,UAAU,QAAQ;AACjC,yBAAe,SAAS;AACxB,oBAAU,QAAQ;AAClB,qBAAW,QAAQ,IAAI,SAAS;AAAA,QACtC;AAAA,MACG,SAAQ,KAAK;AACZ,gBAAQ,MAAM,GAAG;AACjB,cAAM,gDAAgD;AAAA,MAC1D;AAAA,IACA;AAEA,mBAAe,eAAe,MAAM;AAClC,UAAI,CAAC,MAAM,MAAM;AACf,cAAM,gCAAgC;AACtC;AAAA,MACJ;AAEE,UAAI;AACF,cAAM,WAAW,EAAE,KAAK,WAAW,MAAO;AAE1C,cAAMA,UAAiB,QAAC,OAAO,QAAQ;AAEvC,uBAAe,SAAS;AACxB,kBAAU,QAAQ;AAClB,mBAAW,QAAQ;AAAA,MACpB,SAAQ,KAAK;AACZ,cAAM,gDAAgD;AAAA,MAC1D;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,103 @@
+import { ref, resolveComponent, createElementBlock, openBlock, createVNode, createElementVNode, withCtx, createTextVNode, toDisplayString, createCommentVNode } from "vue";
+import "vue-router";
+import { actions } from "../../store/reactions.js";
+const _hoisted_1 = { class: "t-semi br-top-dark flex-nowrap flex-nojustify flex" };
+const _hoisted_2 = { class: "hover-bg-white pd-l-thin pd-r-thin radius-big cursor-pointer" };
+const _sfc_main = {
+  __name: "FooterBlogpost",
+  props: ["blogpost", "owner", "user"],
+  setup(__props) {
+    const props = __props;
+    const reactionsCount = ref(props.blogpost.numberOfReactions);
+    const isReacted = ref(props.blogpost.isReacted);
+    const reactionId = ref(props.blogpost.reactionId);
+    async function addReaction(type) {
+      if (!props.user) {
+        alert("Please login to add a reaction");
+        return;
+      }
+      try {
+        const reaction = {
+          target: props.blogpost._id,
+          type: "blogpost",
+          user: props.user,
+          class: "like"
+        };
+        const res = await actions.create(reaction);
+        if (res.reaction.class === "like") {
+          reactionsCount.value += 1;
+          isReacted.value = true;
+          reactionId.value = res.reaction._id;
+        }
+      } catch (err) {
+        console.error(err);
+        alert("Error adding reaction. Please try again later.");
+      }
+    }
+    async function deleteReaction(type) {
+      if (!props.user) {
+        alert("Please login to add a reaction");
+        return;
+      }
+      try {
+        const reaction = { _id: reactionId.value };
+        await actions.delete(reaction);
+        reactionsCount.value -= 1;
+        isReacted.value = false;
+        reactionId.value = null;
+      } catch (err) {
+        alert("Error adding reaction. Please try again later.");
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_router_link = resolveComponent("router-link");
+      return openBlock(), createElementBlock("footer", _hoisted_1, [
+        createVNode(_component_router_link, {
+          to: {
+            name: "BlogPost",
+            params: {
+              url: __props.blogpost.url
+            }
+          },
+          class: "font-second cursor-pointer hover-bg-white pd-l-thin pd-r-thin radius-big"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(" 👁️ " + toDisplayString(__props.blogpost.views), 1)
+          ]),
+          _: 1
+        }, 8, ["to"]),
+        createElementVNode("div", _hoisted_2, [
+          !isReacted.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "cursor-pointer",
+            onClick: _cache[0] || (_cache[0] = ($event) => addReaction())
+          }, " 👍 " + toDisplayString(reactionsCount.value), 1)) : createCommentVNode("", true),
+          isReacted.value ? (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: "cursor-pointer",
+            onClick: _cache[1] || (_cache[1] = ($event) => deleteReaction())
+          }, " 👍 " + toDisplayString(reactionsCount.value), 1)) : createCommentVNode("", true)
+        ]),
+        createVNode(_component_router_link, {
+          to: {
+            name: "BlogPost",
+            hash: "#comments",
+            params: {
+              url: __props.blogpost.url
+            }
+          },
+          class: "font-second cursor-pointer hover-bg-white pd-l-thin pd-r-thin radius-big"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(" 💬 " + toDisplayString(__props.blogpost.numberOfComments), 1)
+          ]),
+          _: 1
+        }, 8, ["to"])
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=FooterBlogpost.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FooterBlogpost.vue.js","sources":["../../../../../../../src/modules/community/components/blocks/FooterBlogpost.vue"],"sourcesContent":["<template>\n  <footer class=\"t-semi br-top-dark flex-nowrap flex-nojustify flex\">\n    <router-link :to=\"{\n      name: 'BlogPost', \n      params: { \n        url: blogpost.url \n      }\n    }\" \n    class=\"font-second cursor-pointer hover-bg-white pd-l-thin pd-r-thin radius-big\">\n      👁️ {{blogpost.views}}\n    </router-link>\n    \n    <div class=\"hover-bg-white pd-l-thin pd-r-thin radius-big cursor-pointer\">\n      <div class=\"cursor-pointer\" @click=\"addReaction('like')\" v-if=\"!isReacted\">\n        👍 {{reactionsCount }}\n      </div>\n      <div class=\"cursor-pointer\" @click=\"deleteReaction('like')\" v-if=\"isReacted\">\n        👍 {{reactionsCount }}\n      </div>\n    </div>\n    <router-link :to=\"{\n      name: 'BlogPost', \n      hash: '#comments',\n      params: { \n        url: blogpost.url \n      }\n    }\" \n    class=\"font-second cursor-pointer hover-bg-white pd-l-thin pd-r-thin radius-big\">\n      💬 {{ blogpost.numberOfComments }}\n    </router-link>\n  </footer>\n</template>\n\n<script setup=\"props\">\nimport { computed, ref } from 'vue';\nimport { useRouter } from 'vue-router';\n\nimport * as reactions from '@martyrs/src/modules/community/store/reactions.js';\n\nconst props = defineProps(['blogpost', 'owner', 'user']);\n\nconst reactionsCount = ref(props.blogpost.numberOfReactions);\nconst isReacted = ref(props.blogpost.isReacted);\nconst reactionId = ref(props.blogpost.reactionId);\n\nasync function addReaction(type) {\n  if (!props.user) {\n    alert('Please login to add a reaction');\n    return;\n  }\n\n  try {\n    const reaction = {\n      target: props.blogpost._id,\n      type: 'blogpost',\n      user: props.user,\n      class: 'like'\n    };\n    const res = await reactions.actions.create(reaction);\n\n    if (res.reaction.class === 'like') {\n      reactionsCount.value += 1;\n      isReacted.value = true;\n      reactionId.value = res.reaction._id;\n    }\n  } catch (err) {\n    console.error(err);\n    alert('Error adding reaction. Please try again later.');\n  }\n}\n\nasync function deleteReaction(type) {\n  if (!props.user) {\n    alert('Please login to add a reaction');\n    return;\n  }\n\n  try {\n    const reaction = { _id: reactionId.value };\n\n    await reactions.actions.delete(reaction);\n\n    reactionsCount.value -= 1;\n    isReacted.value = false;\n    reactionId.value = null;\n  } catch (err) {\n    alert('Error adding reaction. Please try again later.');\n  }\n}\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["reactions.actions"],"mappings":";;;;;;;;;AAuCA,UAAM,QAAQ;AAEd,UAAM,iBAAiB,IAAI,MAAM,SAAS,iBAAiB;AAC3D,UAAM,YAAY,IAAI,MAAM,SAAS,SAAS;AAC9C,UAAM,aAAa,IAAI,MAAM,SAAS,UAAU;AAEhD,mBAAe,YAAY,MAAM;AAC/B,UAAI,CAAC,MAAM,MAAM;AACf,cAAM,gCAAgC;AACtC;AAAA,MACJ;AAEE,UAAI;AACF,cAAM,WAAW;AAAA,UACf,QAAQ,MAAM,SAAS;AAAA,UACvB,MAAM;AAAA,UACN,MAAM,MAAM;AAAA,UACZ,OAAO;AAAA,QACR;AACD,cAAM,MAAM,MAAMA,QAAkB,OAAO,QAAQ;AAEnD,YAAI,IAAI,SAAS,UAAU,QAAQ;AACjC,yBAAe,SAAS;AACxB,oBAAU,QAAQ;AAClB,qBAAW,QAAQ,IAAI,SAAS;AAAA,QACtC;AAAA,MACG,SAAQ,KAAK;AACZ,gBAAQ,MAAM,GAAG;AACjB,cAAM,gDAAgD;AAAA,MAC1D;AAAA,IACA;AAEA,mBAAe,eAAe,MAAM;AAClC,UAAI,CAAC,MAAM,MAAM;AACf,cAAM,gCAAgC;AACtC;AAAA,MACJ;AAEE,UAAI;AACF,cAAM,WAAW,EAAE,KAAK,WAAW,MAAO;AAE1C,cAAMA,QAAkB,OAAO,QAAQ;AAEvC,uBAAe,SAAS;AACxB,kBAAU,QAAQ;AAClB,mBAAW,QAAQ;AAAA,MACpB,SAAQ,KAAK;AACZ,cAAM,gDAAgD;AAAA,MAC1D;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,252 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+const Select = require("../../../../components/Select/Select.vue.cjs");
+const Feed = require("../../../../components/Feed/Feed.vue.cjs");
+const CardOrganization = require("../../../organizations/components/blocks/CardOrganization.vue.cjs");
+const IconFeatured = require("../../../icons/entities/IconFeatured.vue.cjs");
+const IconPopular = require("../../../icons/entities/IconPopular.vue.cjs");
+const IconRecent = require("../../../icons/entities/IconRecent.vue.cjs");
+const IconFollowing = require("../../../icons/entities/IconFollowing.vue.cjs");
+const axios = require("axios");
+const Comment = require("../sections/Comment.vue.cjs");
+const blogposts = require("../../store/blogposts.cjs");
+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 flex-nowrap flex gap-thin mobile:pd-zero pd-thin pos-relative" };
+const _hoisted_3 = {
+  style: { "flex": "1 1 auto" },
+  class: "w-100 h-100 pos-relative"
+};
+const _hoisted_4 = {
+  key: 0,
+  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"
+};
+const _hoisted_5 = { class: "pos-relative t-nowrap flex-v-center flex-nowrap flex" };
+const _hoisted_6 = {
+  key: 1,
+  class: "w-100 pos-relative"
+};
+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 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-v-center flex-nowrap flex mn-b-small" };
+const _sfc_main = {
+  __name: "Community",
+  setup(__props) {
+    const $axios = axios.create({ baseURL: process.env.API_URL });
+    const comments = vue.ref([]);
+    vue.ref("");
+    const fetchComments = async () => {
+      try {
+        const response = await $axios.get("/comments/read", {
+          params: {
+            maxDepth: 1,
+            format: "plain"
+          }
+        });
+        comments.value = response.data;
+      } catch (error) {
+        console.error("Error fetching comments:", error);
+      }
+    };
+    fetchComments();
+    const route = vueRouter.useRoute();
+    const router = vueRouter.useRouter();
+    if (route.params.category === "popular") blogposts.state.sort.param = "views";
+    if (route.params.category === "new") blogposts.state.sort.param = "createdAt";
+    const handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {
+      memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber);
+    };
+    return (_ctx, _cache) => {
+      const _component_router_link = vue.resolveComponent("router-link");
+      const _component_router_view = vue.resolveComponent("router-view");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("section", _hoisted_2, [
+          vue.createElementVNode("div", _hoisted_3, [
+            !vue.unref(route).params.url && vue.unref(route).name !== "Create BlogPost" ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_4, [
+              vue.createElementVNode("h2", _hoisted_5, [
+                _cache[5] || (_cache[5] = vue.createElementVNode("span", { class: "mn-r-thin" }, "Posts for ", -1)),
+                vue.createVNode(Select.default, {
+                  options: ["today", "week", "month", "year", "all time"],
+                  select: blogposts.state.filter.period,
+                  "onUpdate:select": _cache[0] || (_cache[0] = ($event) => blogposts.state.filter.period = $event),
+                  placeholder: "all time",
+                  class: "t-semi pos-relative w-max bg-main t-black pd-thin radius-medium h2 t-center flex-column flex gap-medium"
+                }, null, 8, ["select"])
+              ])
+            ])) : vue.createCommentVNode("", true),
+            !vue.unref(route).params.url && vue.unref(route).name !== "Create BlogPost" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
+              vue.createElementVNode("ul", _hoisted_7, [
+                vue.createElementVNode("li", {
+                  class: vue.normalizeClass([{ "t-black bg-white": vue.unref(route).params.category === "featured" }, "cursor-pointer flex-v-center flex t-medium pd-thin radius-small"]),
+                  onClick: _cache[1] || (_cache[1] = () => {
+                    blogposts.state.sort.param = "createdAt";
+                    vue.unref(router).push({ name: "Blog", params: { category: "featured" } });
+                  })
+                }, [
+                  vue.createVNode(IconFeatured.default, { class: "i-medium mn-r-thin t-transp" }),
+                  _cache[6] || (_cache[6] = vue.createTextVNode(" Featured "))
+                ], 2),
+                vue.createElementVNode("li", {
+                  class: vue.normalizeClass([{ "t-black bg-white": vue.unref(route).params.category === "popular" }, "cursor-pointer t-medium flex-v-center flex pd-thin radius-small"]),
+                  onClick: _cache[2] || (_cache[2] = () => {
+                    blogposts.state.sort.param = "views";
+                    vue.unref(router).push({ name: "Blog", params: { category: "popular" } });
+                  })
+                }, [
+                  vue.createVNode(IconPopular.default, { class: "i-medium mn-r-thin t-transp" }),
+                  _cache[7] || (_cache[7] = vue.createTextVNode(" Popular "))
+                ], 2),
+                vue.createElementVNode("li", {
+                  class: vue.normalizeClass([{ "t-black bg-white": vue.unref(route).params.category === "new" }, "cursor-pointer t-medium flex-v-center flex pd-thin radius-small"]),
+                  onClick: _cache[3] || (_cache[3] = () => {
+                    blogposts.state.sort.param = "createdAt";
+                    vue.unref(router).push({ name: "Blog", params: { category: "new" } });
+                  })
+                }, [
+                  vue.createVNode(IconRecent.default, { class: "i-medium mn-r-thin t-transp" }),
+                  _cache[8] || (_cache[8] = vue.createTextVNode(" Recent "))
+                ], 2),
+                auth.state.user._id ? (vue.openBlock(), vue.createElementBlock("li", {
+                  key: 0,
+                  class: vue.normalizeClass([{ "t-black bg-white": vue.unref(route).params.category === "following" }, "cursor-pointer t-medium flex-v-center flex pd-thin radius-small"]),
+                  onClick: _cache[4] || (_cache[4] = () => {
+                    blogposts.state.sort.param = "createdAt";
+                    vue.unref(router).push({ name: "Blog", params: { category: "following" } });
+                  })
+                }, [
+                  vue.createVNode(IconFollowing.default, { class: "i-medium mn-r-thin t-transp" }),
+                  _cache[9] || (_cache[9] = vue.createTextVNode(" Following "))
+                ], 2)) : vue.createCommentVNode("", true),
+                auth.state.user._id ? (vue.openBlock(), vue.createBlock(_component_router_link, {
+                  key: 1,
+                  to: {
+                    name: "Create BlogPost"
+                  },
+                  class: "button t-medium bg-main w-max mn-l-auto"
+                }, {
+                  default: vue.withCtx(() => _cache[10] || (_cache[10] = [
+                    vue.createTextVNode(" Create Post ")
+                  ])),
+                  _: 1
+                })) : vue.createCommentVNode("", true)
+              ])
+            ])) : vue.createCommentVNode("", true),
+            vue.createVNode(_component_router_view, null, {
+              default: vue.withCtx(({ Component, route: route2 }) => [
+                vue.createVNode(vue.Transition, {
+                  name: "scaleIn",
+                  mode: "out-in"
+                }, {
+                  default: vue.withCtx(() => [
+                    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(Component), {
+                      ref: "page",
+                      key: route2.query
+                    }))
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              _: 1
+            })
+          ]),
+          vue.createElementVNode("div", _hoisted_8, [
+            vue.createElementVNode("div", _hoisted_9, [
+              _cache[11] || (_cache[11] = vue.createElementVNode("div", { class: "gap-thin flex-nowrap flex" }, [
+                vue.createElementVNode("p", { class: "t-medium mn-b-small" }, "Latest Comments")
+              ], -1)),
+              vue.createElementVNode("div", _hoisted_10, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(comments.value.slice(0, 5), (comment) => {
+                  return vue.openBlock(), vue.createBlock(Comment.default, {
+                    key: comment._id,
+                    comment,
+                    target: _ctx.target,
+                    type: _ctx.type,
+                    owner: _ctx.owner,
+                    onReply: _ctx.handleReply,
+                    onLoadMore: _ctx.loadMoreChildren,
+                    class: "comment bg-white pd-small radius-regular"
+                  }, null, 8, ["comment", "target", "type", "owner", "onReply", "onLoadMore"]);
+                }), 128))
+              ])
+            ]),
+            vue.createElementVNode("div", _hoisted_11, [
+              vue.createElementVNode("div", _hoisted_12, [
+                _cache[13] || (_cache[13] = vue.createElementVNode("p", { class: "text-box-trim-end t-medium" }, "Popular Communities", -1)),
+                auth.state.user._id ? (vue.openBlock(), vue.createBlock(_component_router_link, {
+                  key: 0,
+                  to: {
+                    name: "Create Organization"
+                  },
+                  class: "t-medium cursor-pointer hover-scale-1 radius-extra flex-center flex i-medium bg-main"
+                }, {
+                  default: vue.withCtx(() => _cache[12] || (_cache[12] = [
+                    vue.createTextVNode(" + ")
+                  ])),
+                  _: 1
+                })) : vue.createCommentVNode("", true)
+              ]),
+              vue.createVNode(vue.Transition, { name: "slide-fade" }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(Feed.default, {
+                    showLoadMore: false,
+                    LoadMore: false,
+                    states: {
+                      empty: {
+                        title: "No Organization Found",
+                        description: "Currently, there are no organization available."
+                      }
+                    },
+                    store: {
+                      read: (options) => organizations.actions.read(options),
+                      state: organizations.state
+                    },
+                    options: {
+                      user: auth.state.user._id,
+                      sort: "numberOfMemberships",
+                      contain: ["blogposts"],
+                      lookup: ["blogposts"],
+                      limit: 10
+                    },
+                    class: "flex flex-column gap-thin"
+                  }, {
+                    default: vue.withCtx(({
+                      items
+                    }) => [
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (organization) => {
+                        return vue.openBlock(), vue.createBlock(CardOrganization.default, {
+                          key: organization._id,
+                          organization,
+                          user: auth.state.user,
+                          showProducts: false,
+                          showRating: false,
+                          showFeatured: false,
+                          showFollowers: false,
+                          onUpdateMembership: handleMembershipUpdate,
+                          class: "pd-small w-100 pd-0 bg-white radius-regular o-hidden"
+                        }, null, 8, ["organization", "user"]);
+                      }), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["store", "options"])
+                ]),
+                _: 1
+              })
+            ])
+          ])
+        ])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Community.vue.cjs.map

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

@@ -0,0 +1 @@
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}