@ozdao/martyrs 0.2.546 → 0.2.548

package/dist/martyrs/src/modules/backoffice/components/pages/Dashboard.vue.js

@@ -34,7 +34,7 @@ const _sfc_main = {
             default: withCtx(() => [
               _cache[0] || (_cache[0] = createElementVNode("span", { class: "t-green t-semi pos-absolute pos-t-medium pos-r-medium" }, "+12.5%", -1)),
               createElementVNode("div", _hoisted_3, [
-                createVNode(_sfc_main$2, { class: "i-semi mn-small" })
+                createVNode(_sfc_main$2, { class: "i-medium mn-small" })
               ]),
               _cache[1] || (_cache[1] = createElementVNode("p", { class: "h3 mn-b-thin" }, "2,453", -1)),
               _cache[2] || (_cache[2] = createElementVNode("p", null, "Active Members", -1))
@@ -45,7 +45,7 @@ const _sfc_main = {
             default: withCtx(() => [
               _cache[3] || (_cache[3] = createElementVNode("span", { class: "t-green t-semi pos-absolute pos-t-medium pos-r-medium" }, "+14.8%", -1)),
               createElementVNode("div", _hoisted_4, [
-                createVNode(_sfc_main$3, { class: "i-semi mn-small" })
+                createVNode(_sfc_main$3, { class: "i-medium mn-small" })
               ]),
               _cache[4] || (_cache[4] = createElementVNode("p", { class: "h3 mn-b-thin" }, "432", -1)),
               _cache[5] || (_cache[5] = createElementVNode("p", null, "New Orders", -1))
@@ -56,7 +56,7 @@ const _sfc_main = {
             default: withCtx(() => [
               _cache[6] || (_cache[6] = createElementVNode("span", { class: "t-green t-semi pos-absolute pos-t-medium pos-r-medium" }, "+25.1%", -1)),
               createElementVNode("div", _hoisted_5, [
-                createVNode(_sfc_main$2, { class: "i-semi mn-small" })
+                createVNode(_sfc_main$2, { class: "i-medium mn-small" })
               ]),
               _cache[7] || (_cache[7] = createElementVNode("p", { class: "h3 mn-b-thin" }, "$23,232", -1)),
               _cache[8] || (_cache[8] = createElementVNode("p", null, "Monthly Revenue", -1))

package/dist/martyrs/src/modules/backoffice/components/pages/Dashboard.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dashboard.vue.js","sources":["../../../../../../../src/modules/backoffice/components/pages/Dashboard.vue"],"sourcesContent":["<template>\n\t<div class=\"pd-medium bg-white\">\n\t\t<h2 class=\"mn-b-small\">Overview</h2>\n\t\t<div class=\"mn-b-medium cols-3 mobile:cols-1 gap-thin\">\n\t\t\t<Block class=\"pos-relative\">\n\t\t\t\t<span class=\"t-green t-semi pos-absolute pos-t-medium pos-r-medium\">+12.5%</span>\n\t\t\t\t<div class=\"mn-b-medium radius-small w-max bg-main\"><IconProfile class=\"i-semi mn-small\"/></div>\n\t\t\t\t<p class=\"h3 mn-b-thin\">2,453</p>\n\t\t\t\t<p>Active Members</p>\n\t\t\t</Block>\n\n\t\t\t<Block class=\"pos-relative\">\n\t\t\t\t<span class=\"t-green t-semi pos-absolute pos-t-medium pos-r-medium\">+14.8%</span>\n\t\t\t\t<div class=\"mn-b-medium radius-small w-max bg-main\"><IconOrders class=\"i-semi mn-small\"/></div>\n\t\t\t\t<p class=\"h3 mn-b-thin\">432</p>\n\t\t\t\t<p>New Orders</p>\n\t\t\t</Block>\n\n\t\t\t<Block class=\"pos-relative\">\n\t\t\t\t<span class=\"t-green t-semi pos-absolute pos-t-medium pos-r-medium\">+25.1%</span>\n\t\t\t\t<div class=\"mn-b-medium radius-small w-max bg-main\"><IconProfile class=\"i-semi mn-small\"/></div>\n\t\t\t\t<p class=\"h3 mn-b-thin\">$23,232</p>\n\t\t\t\t<p>Monthly Revenue</p>\n\t\t\t</Block>\n\t\t</div>\n\n\t\t<div class=\"cols-2 gap-thin\">\n\t\t\t<Block \n\t\t\t\ttitle=\"Recent Orders\"\n\t\t\t\tclass=\"pos-relative\"\n\t\t\t>\n\t\t\t\t<Feed\n\t        :showLoadMore=\"false\"\n\t        :LoadMore=\"false\"\n\t        :states=\"{\n\t          empty: {\n\t            title: 'No Events Today',\n\t            description: 'Currently, there are no events available.'\n\t          }\n\t        }\"\n\t        :store=\"{\n\t          read: (options) => orders.actions.read(options),\n\t          state: orders.state\n\t        }\"\n\t        :options=\"{\n\t            user: auth.state.user._id,\n\t            limit: 5,\n\t            page: 1\n\t        }\"\n\t        v-slot=\"{ \n\t          items \n\t        }\"\n\t        class=\"cols-1 gap-thin\"\n\t      >\n\t\t\t\t\t<Table \n\t\t\t\t\t\tclass=\"radius-semi bg-white\"\n\t\t\t\t\t\t:items=\"items\"\n\t\t\t\t\t\t:columns=\"[{ \n\t\t\t\t\t    key: '_id', \n\t\t\t\t\t    label: 'ID',\n\t\t\t\t\t\t\tformatter: (value) => `#${value.slice(0, 4)}...${value.slice(-4)}` \n\t\t\t\t\t  },\n\t\t\t\t\t  { \n\t\t\t\t\t    key: 'customer.target.profile.name', \n\t\t\t\t\t    label: 'Name',\n\t\t\t\t\t    formatter: (value) => `👤 ${value}`\n\t\t\t\t\t  },\n\t\t\t\t\t  { \n\t\t\t\t\t    key: 'positions', \n\t\t\t\t\t    label: 'Name',\n\t\t\t\t\t    formatter: (value) => value?.length || 0\n\t\t\t\t\t  },\n\t\t\t\t\t  {\n\t\t\t\t\t    key: 'status',\n\t\t\t\t\t    label: 'Status',\n\t\t\t\t\t    component: StatusBadge\n\t\t\t\t\t  },\n\t\t\t\t\t  {\n\t\t\t\t\t    key: 'createdAt',\n\t\t\t\t\t    label: 'Metadata',\n\t\t\t\t\t    formatter: (value) => new Date(value).toLocaleDateString()\n\t\t\t\t\t  }]\" \n\t\t\t\t\t/>\n\t      </Feed>\n\n\t\t\t</Block>\n\n\t\t\t<Block \n\t\t\t\ttitle=\"Activity Feed\"\n\t\t\t\tclass=\"pos-relative\"\n\t\t\t\t>\n\t\t\t</Block>\n\t\t</div>\n\n\t</div>\n\n\n</template>\n\n<script setup=\"props\">\n/////////////////////////////\n// COMPONENT DEPENDENCIES\n/////////////////////////////\nimport { ref, onMounted } from 'vue';\n\n// Mobile Module\nimport Block from '@martyrs/src/components/Block/Block.vue'\nimport Feed from '@martyrs/src/components/Feed/Feed.vue'\nimport Table from '@martyrs/src/components/Table/Table.vue'\nimport StatusBadge from '@martyrs/src/components/Table/StatusBadge.vue'\n\n\nimport IconProfile from '@martyrs/src/modules/icons/entities/IconProfile.vue'\n\nimport IconProducts from '@martyrs/src/modules/icons/entities/IconProducts.vue'\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue'\nimport IconGallery from '@martyrs/src/modules/icons/entities/IconGallery.vue'\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue'\nimport IconLeftovers from '@martyrs/src/modules/icons/entities/IconLeftovers.vue'\n/////////////////////////////\n// HELPERS\n/////////////////////////////\nimport { useRoute, useRouter } from 'vue-router'\n\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 orders  from '@martyrs/src/modules/orders/store/orders.js'\n\nconst route = useRoute()\nconst router = useRouter()\n/////////////////////////////\n// CREATED\n/////////////////////////////\nconst props = defineProps({\n  favorites: Array,\n});\n\nconst selectedOrganization = ref(null);\nconst publics = ref([]);\n\n\nconst columns = [\n  \n]\n/////////////////////////////\n// MOUNTED\n/////////////////////////////\nonMounted(async () =>{\n})\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAkIc,aAAQ;AACP,cAAS;AAQK,QAAI,IAAI;AACrB,QAAI,CAAA,CAAE;AAStB,cAAU,YAAW;AAAA,IACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Dashboard.vue.js","sources":["../../../../../../../src/modules/backoffice/components/pages/Dashboard.vue"],"sourcesContent":["<template>\n\t<div class=\"pd-medium bg-white\">\n\t\t<h2 class=\"mn-b-small\">Overview</h2>\n\t\t<div class=\"mn-b-medium cols-3 mobile:cols-1 gap-thin\">\n\t\t\t<Block class=\"pos-relative\">\n\t\t\t\t<span class=\"t-green t-semi pos-absolute pos-t-medium pos-r-medium\">+12.5%</span>\n\t\t\t\t<div class=\"mn-b-medium radius-small w-max bg-main\"><IconProfile class=\"i-medium mn-small\"/></div>\n\t\t\t\t<p class=\"h3 mn-b-thin\">2,453</p>\n\t\t\t\t<p>Active Members</p>\n\t\t\t</Block>\n\n\t\t\t<Block class=\"pos-relative\">\n\t\t\t\t<span class=\"t-green t-semi pos-absolute pos-t-medium pos-r-medium\">+14.8%</span>\n\t\t\t\t<div class=\"mn-b-medium radius-small w-max bg-main\"><IconOrders class=\"i-medium mn-small\"/></div>\n\t\t\t\t<p class=\"h3 mn-b-thin\">432</p>\n\t\t\t\t<p>New Orders</p>\n\t\t\t</Block>\n\n\t\t\t<Block class=\"pos-relative\">\n\t\t\t\t<span class=\"t-green t-semi pos-absolute pos-t-medium pos-r-medium\">+25.1%</span>\n\t\t\t\t<div class=\"mn-b-medium radius-small w-max bg-main\"><IconProfile class=\"i-medium mn-small\"/></div>\n\t\t\t\t<p class=\"h3 mn-b-thin\">$23,232</p>\n\t\t\t\t<p>Monthly Revenue</p>\n\t\t\t</Block>\n\t\t</div>\n\n\t\t<div class=\"cols-2 gap-thin\">\n\t\t\t<Block \n\t\t\t\ttitle=\"Recent Orders\"\n\t\t\t\tclass=\"pos-relative\"\n\t\t\t>\n\t\t\t\t<Feed\n\t        :showLoadMore=\"false\"\n\t        :LoadMore=\"false\"\n\t        :states=\"{\n\t          empty: {\n\t            title: 'No Events Today',\n\t            description: 'Currently, there are no events available.'\n\t          }\n\t        }\"\n\t        :store=\"{\n\t          read: (options) => orders.actions.read(options),\n\t          state: orders.state\n\t        }\"\n\t        :options=\"{\n\t            user: auth.state.user._id,\n\t            limit: 5,\n\t            page: 1\n\t        }\"\n\t        v-slot=\"{ \n\t          items \n\t        }\"\n\t        class=\"cols-1 gap-thin\"\n\t      >\n\t\t\t\t\t<Table \n\t\t\t\t\t\tclass=\"radius-semi bg-white\"\n\t\t\t\t\t\t:items=\"items\"\n\t\t\t\t\t\t:columns=\"[{ \n\t\t\t\t\t    key: '_id', \n\t\t\t\t\t    label: 'ID',\n\t\t\t\t\t\t\tformatter: (value) => `#${value.slice(0, 4)}...${value.slice(-4)}` \n\t\t\t\t\t  },\n\t\t\t\t\t  { \n\t\t\t\t\t    key: 'customer.target.profile.name', \n\t\t\t\t\t    label: 'Name',\n\t\t\t\t\t    formatter: (value) => `👤 ${value}`\n\t\t\t\t\t  },\n\t\t\t\t\t  { \n\t\t\t\t\t    key: 'positions', \n\t\t\t\t\t    label: 'Name',\n\t\t\t\t\t    formatter: (value) => value?.length || 0\n\t\t\t\t\t  },\n\t\t\t\t\t  {\n\t\t\t\t\t    key: 'status',\n\t\t\t\t\t    label: 'Status',\n\t\t\t\t\t    component: StatusBadge\n\t\t\t\t\t  },\n\t\t\t\t\t  {\n\t\t\t\t\t    key: 'createdAt',\n\t\t\t\t\t    label: 'Metadata',\n\t\t\t\t\t    formatter: (value) => new Date(value).toLocaleDateString()\n\t\t\t\t\t  }]\" \n\t\t\t\t\t/>\n\t      </Feed>\n\n\t\t\t</Block>\n\n\t\t\t<Block \n\t\t\t\ttitle=\"Activity Feed\"\n\t\t\t\tclass=\"pos-relative\"\n\t\t\t\t>\n\t\t\t</Block>\n\t\t</div>\n\n\t</div>\n\n\n</template>\n\n<script setup=\"props\">\n/////////////////////////////\n// COMPONENT DEPENDENCIES\n/////////////////////////////\nimport { ref, onMounted } from 'vue';\n\n// Mobile Module\nimport Block from '@martyrs/src/components/Block/Block.vue'\nimport Feed from '@martyrs/src/components/Feed/Feed.vue'\nimport Table from '@martyrs/src/components/Table/Table.vue'\nimport StatusBadge from '@martyrs/src/components/Table/StatusBadge.vue'\n\n\nimport IconProfile from '@martyrs/src/modules/icons/entities/IconProfile.vue'\n\nimport IconProducts from '@martyrs/src/modules/icons/entities/IconProducts.vue'\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue'\nimport IconGallery from '@martyrs/src/modules/icons/entities/IconGallery.vue'\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue'\nimport IconLeftovers from '@martyrs/src/modules/icons/entities/IconLeftovers.vue'\n/////////////////////////////\n// HELPERS\n/////////////////////////////\nimport { useRoute, useRouter } from 'vue-router'\n\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 orders  from '@martyrs/src/modules/orders/store/orders.js'\n\nconst route = useRoute()\nconst router = useRouter()\n/////////////////////////////\n// CREATED\n/////////////////////////////\nconst props = defineProps({\n  favorites: Array,\n});\n\nconst selectedOrganization = ref(null);\nconst publics = ref([]);\n\n\nconst columns = [\n  \n]\n/////////////////////////////\n// MOUNTED\n/////////////////////////////\nonMounted(async () =>{\n})\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAkIc,aAAQ;AACP,cAAS;AAQK,QAAI,IAAI;AACrB,QAAI,CAAA,CAAE;AAStB,cAAU,YAAW;AAAA,IACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/backoffice/components/partials/Sidebar.vue.cjs

@@ -118,7 +118,7 @@ const _sfc_main = {
             }, [
               item.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.icon), {
                 key: 0,
-                class: "i-regular mn-r-thin",
+                class: "i-medium mn-r-thin",
                 icon: true,
                 fill: "rgba(var(--black),0.25)"
               })) : vue.createCommentVNode("", true),
@@ -134,7 +134,7 @@ const _sfc_main = {
             }, [
               item.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.icon), {
                 key: 0,
-                class: "i-regular mn-r-thin",
+                class: "i-medium mn-r-thin",
                 icon: true,
                 fill: "rgba(var(--black),0.25)"
               })) : vue.createCommentVNode("", true),

package/dist/martyrs/src/modules/backoffice/components/partials/Sidebar.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.vue.cjs","sources":["../../../../../../../src/modules/backoffice/components/partials/Sidebar.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative o-y-scroll o-x-hidden h-100\">\n    <div class=\"br-b  h3 h-4r pd-semi br-solid br-black-transp-10\">Backoffice</div>\n    <div class=\"pd-semi\">\n      <span class=\"pd-thin uppercase t-medium t-transp\">Menu</span>\n      <div \n        v-for=\"item in menuItems\" \n        :key=\"item.name\"\n        @click=\"router.push({ name: item.routeName })\" \n        class=\"flex pd-thin flex-v-center cursor-pointer\">\n        <component \n          v-if=\"item.icon\" \n          :is=\"item.icon\" \n          class=\"i-regular mn-r-thin\" \n          :icon=\"true\" \n          :fill=\"'rgba(var(--black),0.25)'\"\n        /> \n        <span class=\"t-medium\">{{ item.title }}</span>\n      </div>\n      \n      <span class=\"pd-thin d-block mn-t-medium uppercase t-medium t-transp\">General</span>\n      <div \n        v-for=\"item in generalItems\" \n        :key=\"item.name\"\n        @click=\"router.push({ name: item.routeName })\" \n        class=\"flex pd-thin flex-v-center cursor-pointer\">\n        <component \n          v-if=\"item.icon\" \n          :is=\"item.icon\" \n          class=\"i-regular mn-r-thin\" \n          :icon=\"true\" \n          :fill=\"'rgba(var(--black),0.25)'\"\n        /> \n        <span class=\"t-medium\">{{ item.title }}</span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup=\"props\">\n/////////////////////////////\n// COMPONENT DEPENDENCIES\n/////////////////////////////\nimport { ref, onMounted } from 'vue';\n\n// Mobile Module\nimport SelectMulti from '@martyrs/src/components/SelectMulti/SelectMulti.vue'\n\nimport IconProducts from '@martyrs/src/modules/icons/entities/IconProducts.vue'\nimport IconPayments from '@martyrs/src/modules/icons/entities/IconPayments.vue'\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue'\nimport IconGallery from '@martyrs/src/modules/icons/entities/IconGallery.vue'\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue'\nimport IconLeftovers from '@martyrs/src/modules/icons/entities/IconLeftovers.vue'\n/////////////////////////////\n// HELPERS\n/////////////////////////////\nimport { useRoute, useRouter } from 'vue-router'\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations.js'\n\nconst route = useRoute()\nconst router = useRouter()\n/////////////////////////////\n// CREATED\n/////////////////////////////\nconst props = defineProps({\n  favorites: Array,\n});\n\nconst selectedOrganization = ref(null);\nconst publics = ref([]);\n\n// Define menu items\nconst menuItems = [\n  {\n    name: 'organizations',\n    title: 'Organizations',\n    routeName: 'Backoffice Organizations',\n    icon: IconGroups\n  },\n  {\n    name: 'community',\n    title: 'Community',\n    routeName: 'Backoffice Community',\n    icon: IconCommunity\n  },\n  {\n    name: 'products',\n    title: 'Products',\n    routeName: 'Products',\n    icon: IconProducts\n  },\n  {\n    name: 'inventory',\n    title: 'Inventory',\n    routeName: 'BackofficeInventoryList',\n    icon: IconLeftovers\n  },\n  {\n    name: 'orders',\n    title: 'Orders',\n    routeName: 'BackofficeOrdersList',\n    icon: IconOrders\n  },\n  {\n    name: 'gallery',\n    title: 'Gallery',\n    routeName: 'Backoffice Gallery',\n    icon: IconGallery\n  },\n  {\n    name: 'applications',\n    title: 'Applications',\n    routeName: 'BackofficeApplications',\n    icon: IconEvents\n  },\n  {\n    name: 'events',\n    title: 'Events',\n    routeName: 'BackofficeEvents Backoffice',\n    icon: IconEvents\n  }\n];\n\n// Define general items\nconst generalItems = [\n  {\n    name: 'payments',\n    title: 'Payments',\n    routeName: 'Payments',\n    icon: IconPayments\n  },\n  {\n    name: 'users',\n    title: 'Users',\n    routeName: 'Users',\n    icon: null\n  },\n  {\n    name: 'pages',\n    title: 'Pages',\n    routeName: 'Backoffice Pages',\n    icon: null\n  },\n  {\n    name: 'reports',\n    title: 'Reports',\n    routeName: 'Backoffice Reports',\n    icon: null\n  }\n];\n\n/////////////////////////////\n// MOUNTED\n/////////////////////////////\nonMounted(async () => {\n});\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["useRoute","useRouter","ref","IconGroups","IconCommunity","IconProducts","IconLeftovers","IconOrders","IconGallery","IconEvents","IconPayments","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAgEcA,cAAAA,SAAQ;AACtB,UAAM,SAASC,UAAAA,UAAS;AAQKC,QAAAA,IAAI,IAAI;AACrBA,QAAAA,IAAI,CAAA,CAAE;AAGtB,UAAM,YAAY;AAAA,MAChB;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC,WAAAA;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC,cAAAA;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC,aAAAA;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC,cAAAA;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC,WAAAA;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC,YAAAA;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC,WAAAA;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMA,WAAAA;AAAAA,MACV;AAAA,IACA;AAGA,UAAM,eAAe;AAAA,MACnB;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC,aAAAA;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAM;AAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAM;AAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAM;AAAA,MACV;AAAA,IACA;AAKAC,QAAAA,UAAU,YAAY;AAAA,IACtB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Sidebar.vue.cjs","sources":["../../../../../../../src/modules/backoffice/components/partials/Sidebar.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative o-y-scroll o-x-hidden h-100\">\n    <div class=\"br-b  h3 h-4r pd-semi br-solid br-black-transp-10\">Backoffice</div>\n    <div class=\"pd-semi\">\n      <span class=\"pd-thin uppercase t-medium t-transp\">Menu</span>\n      <div \n        v-for=\"item in menuItems\" \n        :key=\"item.name\"\n        @click=\"router.push({ name: item.routeName })\" \n        class=\"flex pd-thin flex-v-center cursor-pointer\">\n        <component \n          v-if=\"item.icon\" \n          :is=\"item.icon\" \n          class=\"i-medium mn-r-thin\" \n          :icon=\"true\" \n          :fill=\"'rgba(var(--black),0.25)'\"\n        /> \n        <span class=\"t-medium\">{{ item.title }}</span>\n      </div>\n      \n      <span class=\"pd-thin d-block mn-t-medium uppercase t-medium t-transp\">General</span>\n      <div \n        v-for=\"item in generalItems\" \n        :key=\"item.name\"\n        @click=\"router.push({ name: item.routeName })\" \n        class=\"flex pd-thin flex-v-center cursor-pointer\">\n        <component \n          v-if=\"item.icon\" \n          :is=\"item.icon\" \n          class=\"i-medium mn-r-thin\" \n          :icon=\"true\" \n          :fill=\"'rgba(var(--black),0.25)'\"\n        /> \n        <span class=\"t-medium\">{{ item.title }}</span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup=\"props\">\n/////////////////////////////\n// COMPONENT DEPENDENCIES\n/////////////////////////////\nimport { ref, onMounted } from 'vue';\n\n// Mobile Module\nimport SelectMulti from '@martyrs/src/components/SelectMulti/SelectMulti.vue'\n\nimport IconProducts from '@martyrs/src/modules/icons/entities/IconProducts.vue'\nimport IconPayments from '@martyrs/src/modules/icons/entities/IconPayments.vue'\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue'\nimport IconGallery from '@martyrs/src/modules/icons/entities/IconGallery.vue'\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue'\nimport IconLeftovers from '@martyrs/src/modules/icons/entities/IconLeftovers.vue'\n/////////////////////////////\n// HELPERS\n/////////////////////////////\nimport { useRoute, useRouter } from 'vue-router'\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations.js'\n\nconst route = useRoute()\nconst router = useRouter()\n/////////////////////////////\n// CREATED\n/////////////////////////////\nconst props = defineProps({\n  favorites: Array,\n});\n\nconst selectedOrganization = ref(null);\nconst publics = ref([]);\n\n// Define menu items\nconst menuItems = [\n  {\n    name: 'organizations',\n    title: 'Organizations',\n    routeName: 'Backoffice Organizations',\n    icon: IconGroups\n  },\n  {\n    name: 'community',\n    title: 'Community',\n    routeName: 'Backoffice Community',\n    icon: IconCommunity\n  },\n  {\n    name: 'products',\n    title: 'Products',\n    routeName: 'Products',\n    icon: IconProducts\n  },\n  {\n    name: 'inventory',\n    title: 'Inventory',\n    routeName: 'BackofficeInventoryList',\n    icon: IconLeftovers\n  },\n  {\n    name: 'orders',\n    title: 'Orders',\n    routeName: 'BackofficeOrdersList',\n    icon: IconOrders\n  },\n  {\n    name: 'gallery',\n    title: 'Gallery',\n    routeName: 'Backoffice Gallery',\n    icon: IconGallery\n  },\n  {\n    name: 'applications',\n    title: 'Applications',\n    routeName: 'BackofficeApplications',\n    icon: IconEvents\n  },\n  {\n    name: 'events',\n    title: 'Events',\n    routeName: 'BackofficeEvents Backoffice',\n    icon: IconEvents\n  }\n];\n\n// Define general items\nconst generalItems = [\n  {\n    name: 'payments',\n    title: 'Payments',\n    routeName: 'Payments',\n    icon: IconPayments\n  },\n  {\n    name: 'users',\n    title: 'Users',\n    routeName: 'Users',\n    icon: null\n  },\n  {\n    name: 'pages',\n    title: 'Pages',\n    routeName: 'Backoffice Pages',\n    icon: null\n  },\n  {\n    name: 'reports',\n    title: 'Reports',\n    routeName: 'Backoffice Reports',\n    icon: null\n  }\n];\n\n/////////////////////////////\n// MOUNTED\n/////////////////////////////\nonMounted(async () => {\n});\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["useRoute","useRouter","ref","IconGroups","IconCommunity","IconProducts","IconLeftovers","IconOrders","IconGallery","IconEvents","IconPayments","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAgEcA,cAAAA,SAAQ;AACtB,UAAM,SAASC,UAAAA,UAAS;AAQKC,QAAAA,IAAI,IAAI;AACrBA,QAAAA,IAAI,CAAA,CAAE;AAGtB,UAAM,YAAY;AAAA,MAChB;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC,WAAAA;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC,cAAAA;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC,aAAAA;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC,cAAAA;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC,WAAAA;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC,YAAAA;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC,WAAAA;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMA,WAAAA;AAAAA,MACV;AAAA,IACA;AAGA,UAAM,eAAe;AAAA,MACnB;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC,aAAAA;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAM;AAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAM;AAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAM;AAAA,MACV;AAAA,IACA;AAKAC,QAAAA,UAAU,YAAY;AAAA,IACtB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/backoffice/components/partials/Sidebar.vue.js

@@ -116,7 +116,7 @@ const _sfc_main = {
             }, [
               item.icon ? (openBlock(), createBlock(resolveDynamicComponent(item.icon), {
                 key: 0,
-                class: "i-regular mn-r-thin",
+                class: "i-medium mn-r-thin",
                 icon: true,
                 fill: "rgba(var(--black),0.25)"
               })) : createCommentVNode("", true),
@@ -132,7 +132,7 @@ const _sfc_main = {
             }, [
               item.icon ? (openBlock(), createBlock(resolveDynamicComponent(item.icon), {
                 key: 0,
-                class: "i-regular mn-r-thin",
+                class: "i-medium mn-r-thin",
                 icon: true,
                 fill: "rgba(var(--black),0.25)"
               })) : createCommentVNode("", true),

package/dist/martyrs/src/modules/backoffice/components/partials/Sidebar.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.vue.js","sources":["../../../../../../../src/modules/backoffice/components/partials/Sidebar.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative o-y-scroll o-x-hidden h-100\">\n    <div class=\"br-b  h3 h-4r pd-semi br-solid br-black-transp-10\">Backoffice</div>\n    <div class=\"pd-semi\">\n      <span class=\"pd-thin uppercase t-medium t-transp\">Menu</span>\n      <div \n        v-for=\"item in menuItems\" \n        :key=\"item.name\"\n        @click=\"router.push({ name: item.routeName })\" \n        class=\"flex pd-thin flex-v-center cursor-pointer\">\n        <component \n          v-if=\"item.icon\" \n          :is=\"item.icon\" \n          class=\"i-regular mn-r-thin\" \n          :icon=\"true\" \n          :fill=\"'rgba(var(--black),0.25)'\"\n        /> \n        <span class=\"t-medium\">{{ item.title }}</span>\n      </div>\n      \n      <span class=\"pd-thin d-block mn-t-medium uppercase t-medium t-transp\">General</span>\n      <div \n        v-for=\"item in generalItems\" \n        :key=\"item.name\"\n        @click=\"router.push({ name: item.routeName })\" \n        class=\"flex pd-thin flex-v-center cursor-pointer\">\n        <component \n          v-if=\"item.icon\" \n          :is=\"item.icon\" \n          class=\"i-regular mn-r-thin\" \n          :icon=\"true\" \n          :fill=\"'rgba(var(--black),0.25)'\"\n        /> \n        <span class=\"t-medium\">{{ item.title }}</span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup=\"props\">\n/////////////////////////////\n// COMPONENT DEPENDENCIES\n/////////////////////////////\nimport { ref, onMounted } from 'vue';\n\n// Mobile Module\nimport SelectMulti from '@martyrs/src/components/SelectMulti/SelectMulti.vue'\n\nimport IconProducts from '@martyrs/src/modules/icons/entities/IconProducts.vue'\nimport IconPayments from '@martyrs/src/modules/icons/entities/IconPayments.vue'\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue'\nimport IconGallery from '@martyrs/src/modules/icons/entities/IconGallery.vue'\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue'\nimport IconLeftovers from '@martyrs/src/modules/icons/entities/IconLeftovers.vue'\n/////////////////////////////\n// HELPERS\n/////////////////////////////\nimport { useRoute, useRouter } from 'vue-router'\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations.js'\n\nconst route = useRoute()\nconst router = useRouter()\n/////////////////////////////\n// CREATED\n/////////////////////////////\nconst props = defineProps({\n  favorites: Array,\n});\n\nconst selectedOrganization = ref(null);\nconst publics = ref([]);\n\n// Define menu items\nconst menuItems = [\n  {\n    name: 'organizations',\n    title: 'Organizations',\n    routeName: 'Backoffice Organizations',\n    icon: IconGroups\n  },\n  {\n    name: 'community',\n    title: 'Community',\n    routeName: 'Backoffice Community',\n    icon: IconCommunity\n  },\n  {\n    name: 'products',\n    title: 'Products',\n    routeName: 'Products',\n    icon: IconProducts\n  },\n  {\n    name: 'inventory',\n    title: 'Inventory',\n    routeName: 'BackofficeInventoryList',\n    icon: IconLeftovers\n  },\n  {\n    name: 'orders',\n    title: 'Orders',\n    routeName: 'BackofficeOrdersList',\n    icon: IconOrders\n  },\n  {\n    name: 'gallery',\n    title: 'Gallery',\n    routeName: 'Backoffice Gallery',\n    icon: IconGallery\n  },\n  {\n    name: 'applications',\n    title: 'Applications',\n    routeName: 'BackofficeApplications',\n    icon: IconEvents\n  },\n  {\n    name: 'events',\n    title: 'Events',\n    routeName: 'BackofficeEvents Backoffice',\n    icon: IconEvents\n  }\n];\n\n// Define general items\nconst generalItems = [\n  {\n    name: 'payments',\n    title: 'Payments',\n    routeName: 'Payments',\n    icon: IconPayments\n  },\n  {\n    name: 'users',\n    title: 'Users',\n    routeName: 'Users',\n    icon: null\n  },\n  {\n    name: 'pages',\n    title: 'Pages',\n    routeName: 'Backoffice Pages',\n    icon: null\n  },\n  {\n    name: 'reports',\n    title: 'Reports',\n    routeName: 'Backoffice Reports',\n    icon: null\n  }\n];\n\n/////////////////////////////\n// MOUNTED\n/////////////////////////////\nonMounted(async () => {\n});\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["IconGroups","IconCommunity","IconProducts","IconLeftovers","IconOrders","IconGallery","IconEvents","IconPayments"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgEc,aAAQ;AACtB,UAAM,SAAS,UAAS;AAQK,QAAI,IAAI;AACrB,QAAI,CAAA,CAAE;AAGtB,UAAM,YAAY;AAAA,MAChB;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMA;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMA;AAAAA,MACV;AAAA,IACA;AAGA,UAAM,eAAe;AAAA,MACnB;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAM;AAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAM;AAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAM;AAAA,MACV;AAAA,IACA;AAKA,cAAU,YAAY;AAAA,IACtB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Sidebar.vue.js","sources":["../../../../../../../src/modules/backoffice/components/partials/Sidebar.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative o-y-scroll o-x-hidden h-100\">\n    <div class=\"br-b  h3 h-4r pd-semi br-solid br-black-transp-10\">Backoffice</div>\n    <div class=\"pd-semi\">\n      <span class=\"pd-thin uppercase t-medium t-transp\">Menu</span>\n      <div \n        v-for=\"item in menuItems\" \n        :key=\"item.name\"\n        @click=\"router.push({ name: item.routeName })\" \n        class=\"flex pd-thin flex-v-center cursor-pointer\">\n        <component \n          v-if=\"item.icon\" \n          :is=\"item.icon\" \n          class=\"i-medium mn-r-thin\" \n          :icon=\"true\" \n          :fill=\"'rgba(var(--black),0.25)'\"\n        /> \n        <span class=\"t-medium\">{{ item.title }}</span>\n      </div>\n      \n      <span class=\"pd-thin d-block mn-t-medium uppercase t-medium t-transp\">General</span>\n      <div \n        v-for=\"item in generalItems\" \n        :key=\"item.name\"\n        @click=\"router.push({ name: item.routeName })\" \n        class=\"flex pd-thin flex-v-center cursor-pointer\">\n        <component \n          v-if=\"item.icon\" \n          :is=\"item.icon\" \n          class=\"i-medium mn-r-thin\" \n          :icon=\"true\" \n          :fill=\"'rgba(var(--black),0.25)'\"\n        /> \n        <span class=\"t-medium\">{{ item.title }}</span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup=\"props\">\n/////////////////////////////\n// COMPONENT DEPENDENCIES\n/////////////////////////////\nimport { ref, onMounted } from 'vue';\n\n// Mobile Module\nimport SelectMulti from '@martyrs/src/components/SelectMulti/SelectMulti.vue'\n\nimport IconProducts from '@martyrs/src/modules/icons/entities/IconProducts.vue'\nimport IconPayments from '@martyrs/src/modules/icons/entities/IconPayments.vue'\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue'\nimport IconGallery from '@martyrs/src/modules/icons/entities/IconGallery.vue'\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue'\nimport IconLeftovers from '@martyrs/src/modules/icons/entities/IconLeftovers.vue'\n/////////////////////////////\n// HELPERS\n/////////////////////////////\nimport { useRoute, useRouter } from 'vue-router'\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations.js'\n\nconst route = useRoute()\nconst router = useRouter()\n/////////////////////////////\n// CREATED\n/////////////////////////////\nconst props = defineProps({\n  favorites: Array,\n});\n\nconst selectedOrganization = ref(null);\nconst publics = ref([]);\n\n// Define menu items\nconst menuItems = [\n  {\n    name: 'organizations',\n    title: 'Organizations',\n    routeName: 'Backoffice Organizations',\n    icon: IconGroups\n  },\n  {\n    name: 'community',\n    title: 'Community',\n    routeName: 'Backoffice Community',\n    icon: IconCommunity\n  },\n  {\n    name: 'products',\n    title: 'Products',\n    routeName: 'Products',\n    icon: IconProducts\n  },\n  {\n    name: 'inventory',\n    title: 'Inventory',\n    routeName: 'BackofficeInventoryList',\n    icon: IconLeftovers\n  },\n  {\n    name: 'orders',\n    title: 'Orders',\n    routeName: 'BackofficeOrdersList',\n    icon: IconOrders\n  },\n  {\n    name: 'gallery',\n    title: 'Gallery',\n    routeName: 'Backoffice Gallery',\n    icon: IconGallery\n  },\n  {\n    name: 'applications',\n    title: 'Applications',\n    routeName: 'BackofficeApplications',\n    icon: IconEvents\n  },\n  {\n    name: 'events',\n    title: 'Events',\n    routeName: 'BackofficeEvents Backoffice',\n    icon: IconEvents\n  }\n];\n\n// Define general items\nconst generalItems = [\n  {\n    name: 'payments',\n    title: 'Payments',\n    routeName: 'Payments',\n    icon: IconPayments\n  },\n  {\n    name: 'users',\n    title: 'Users',\n    routeName: 'Users',\n    icon: null\n  },\n  {\n    name: 'pages',\n    title: 'Pages',\n    routeName: 'Backoffice Pages',\n    icon: null\n  },\n  {\n    name: 'reports',\n    title: 'Reports',\n    routeName: 'Backoffice Reports',\n    icon: null\n  }\n];\n\n/////////////////////////////\n// MOUNTED\n/////////////////////////////\nonMounted(async () => {\n});\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["IconGroups","IconCommunity","IconProducts","IconLeftovers","IconOrders","IconGallery","IconEvents","IconPayments"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgEc,aAAQ;AACtB,UAAM,SAAS,UAAS;AAQK,QAAI,IAAI;AACrB,QAAI,CAAA,CAAE;AAGtB,UAAM,YAAY;AAAA,MAChB;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMA;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMA;AAAAA,MACV;AAAA,IACA;AAGA,UAAM,eAAe;AAAA,MACnB;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAM;AAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAM;AAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAM;AAAA,MACV;AAAA,IACA;AAKA,cAAU,YAAY;AAAA,IACtB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/chats/components/sections/ChatWindow.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChatWindow.vue.cjs","sources":["../../../../../../../src/modules/chats/components/sections/ChatWindow.vue"],"sourcesContent":["<template>\n  <div class=\"bg-white radius-semi bg-white o-hidden pos-relative\">\n    <div ref=\"allMessages\" class=\"chat-messages o-scroll h-max-20r\">\n      <div class=\"pos-relative h-min-20r flex-justify-end flex flex-column br-b br-solid br-black-transp-10\">\n        <transition name=\"scaleIn\" mode=\"out-in\">\n          <div v-if=\"messages.length < 1\" class=\"flex-center pd-small t-center w-100 h-100 flex-column flex pos-absolute\">\n            <PlaceholderChat class=\"radius-100 mn-b-thin\"/>\n            <h4 class='mn-b-thin'>Here you can view your chat history</h4>\n            <p>Feel free to ask if you have any questions.</p>\n          </div>\n\n          <TransitionGroup v-else name=\"list\" tag=\"ul\" class=\"w-100 o-hidden\" @after-enter=\"scrollToBottom\">\n            <ChatMessage\n              v-for=\"message in messages\"\n              :key=\"message._id\"\n              :message=\"message\"\n            />\n          </TransitionGroup>\n        </transition>\n      </div>\n    </div>\n\n    <div class=\"flex-nowrap flex-v-center flex bg-white w-100 radius-big pd-small\">\n      <!-- <IconAdd class=\"mn-r-thin t-transp i-regular\" /> -->\n      <input class=\"\" placeholder=\"Enter your message\" type=\"text\" v-model=\"newMessage\" @keyup.enter=\"sendMessage\" />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch, onMounted, onUnmounted, nextTick } from 'vue';\n\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\nimport PlaceholderChat from '@martyrs/src/modules/icons/placeholders/PlaceholderChat.vue'\n\nimport ChatMessage from '../blocks/ChatMessage.vue';\nimport chatStore from '../../store/chat.store.js';\n\nconst newMessage = ref('');\nconst allMessages = ref(null);\nconst visibleMessageIds = ref(new Set());\nlet messageObserver = null;\n\n// Вычисляемые свойства\nconst messages = computed(() => chatStore.state.messages);\n\n// Функция прокрутки вниз\nconst scrollToBottom = () => {\n  if (allMessages.value) {\n    allMessages.value.scrollTop = allMessages.value.scrollHeight;\n  }\n};\n\n// Функция для отправки сообщения\nconst sendMessage = async () => {\n  if (newMessage.value) {\n    const message = {\n      text: newMessage.value,\n      module: 'chat',\n      username: chatStore.state.username,\n      chatId: chatStore.state.currentChatId\n    };\n\n    chatStore.methods.addMessage(message);\n    newMessage.value = '';\n\n    // Ждем, пока все анимации и рендеринг завершатся\n    await nextTick();\n    await new Promise(resolve => setTimeout(resolve, 100)); // Небольшая задержка для анимаций\n    scrollToBottom();\n  }\n};\n\n// Отслеживание видимых сообщений\nconst observeMessages = () => {\n  console.log('[CHAT] Setting up message observer');\n  \n  // Очищаем предыдущий observer если есть\n  if (messageObserver) {\n    messageObserver.disconnect();\n  }\n  \n  messageObserver = new IntersectionObserver((entries) => {\n    console.log('[CHAT] Observer triggered for', entries.length, 'entries');\n    entries.forEach(entry => {\n      const messageId = entry.target.dataset.messageId;\n      if (entry.isIntersecting) {\n        visibleMessageIds.value.add(messageId);\n      } else {\n        visibleMessageIds.value.delete(messageId);\n      }\n    });\n    \n    // Отправляем прочтение видимых сообщений\n    if (visibleMessageIds.value.size > 0) {\n      const unreadVisibleMessages = messages.value\n        .filter(msg => {\n          // Проверяем, что сообщение видимо\n          if (!visibleMessageIds.value.has(msg._id)) return false;\n          \n          // Проверяем, что сообщение не от текущего пользователя\n          console.log('[CHAT] Checking if own message:', {\n            msgUserId: msg.userId,\n            msgAnonymousId: msg.anonymousId,\n            currentUserId: chatStore.state.userId,\n            currentAnonymousId: chatStore.state.anonymousId,\n            isEqual: msg.userId === chatStore.state.userId,\n            msgUserIdType: typeof msg.userId,\n            currentUserIdType: typeof chatStore.state.userId\n          });\n          \n          // Для аутентифицированных пользователей\n          if (msg.userId && chatStore.state.userId && msg.userId === chatStore.state.userId) return false;\n          \n          // Для анонимных пользователей\n          if (!msg.userId && !chatStore.state.userId && msg.anonymousId === chatStore.state.anonymousId) return false;\n          \n          // Проверяем, что сообщение еще не прочитано текущим пользователем\n          // Для анонимных пользователей не отмечаем сообщения как прочитанные\n          if (!chatStore.state.userId) return false;\n          if (msg.readBy?.some(r => r.userId === chatStore.state.userId)) return false;\n          \n          console.log('[CHAT] Message can be marked as read:', {\n            msgId: msg._id,\n            msgUserId: msg.userId,\n            currentUserId: chatStore.state.userId,\n            readBy: msg.readBy\n          });\n          \n          return true;\n        })\n        .map(msg => msg._id);\n      \n      console.log('[CHAT] Unread visible messages to mark:', unreadVisibleMessages);\n      \n      if (unreadVisibleMessages.length > 0) {\n        console.log('[CHAT] Sending markAsRead for messages:', unreadVisibleMessages);\n        chatStore.methods.markMessagesAsRead(unreadVisibleMessages);\n      } else {\n        console.log('[CHAT] No unread messages to mark');\n      }\n    }\n  }, {\n    root: allMessages.value,\n    threshold: 0.5\n  });\n  \n  // Наблюдаем за всеми сообщениями\n  nextTick(() => {\n    const messageElements = allMessages.value?.querySelectorAll('[data-message-id]');\n    console.log('[CHAT] Found message elements to observe:', messageElements?.length);\n    messageElements?.forEach(el => messageObserver.observe(el));\n  });\n};\n\n// Прокрутка вниз при монтировании\nonMounted(() => {\n  nextTick(() => {\n    if (allMessages.value) {\n      allMessages.value.scrollTop = allMessages.value.scrollHeight;\n    }\n    observeMessages();\n  });\n});\n\n// Прокрутка вниз при изменении сообщений\nwatch(messages, () => {\n  nextTick(() => {\n    if (allMessages.value) {\n      allMessages.value.scrollTop = allMessages.value.scrollHeight;\n    }\n    observeMessages();\n  });\n}, { deep: true });\n\n// Очистка observer при размонтировании\nonUnmounted(() => {\n  if (messageObserver) {\n    messageObserver.disconnect();\n  }\n});\n</script>\n\n<style>\n.list-enter-active,\n.list-leave-active {\n  transition: all 0.5s ease;\n}\n.list-enter-from,\n.list-leave-to {\n  opacity: 0;\n  transform: translateX(30px);\n}\n</style>"],"names":["ref","computed","chatStore","nextTick","onMounted","watch","onUnmounted"],"mappings":";;;;;;;;;;;;;;;;;AAsCA,UAAM,aAAaA,IAAAA,IAAI,EAAE;AACzB,UAAM,cAAcA,IAAAA,IAAI,IAAI;AAC5B,UAAM,oBAAoBA,IAAAA,IAAI,oBAAI,KAAK;AACvC,QAAI,kBAAkB;AAGtB,UAAM,WAAWC,IAAAA,SAAS,MAAMC,mBAAU,MAAM,QAAQ;AAGxD,UAAM,iBAAiB,MAAM;AAC3B,UAAI,YAAY,OAAO;AACrB,oBAAY,MAAM,YAAY,YAAY,MAAM;AAAA,MAClD;AAAA,IACF;AAGA,UAAM,cAAc,YAAY;AAC9B,UAAI,WAAW,OAAO;AACpB,cAAM,UAAU;AAAA,UACd,MAAM,WAAW;AAAA,UACjB,QAAQ;AAAA,UACR,UAAUA,WAAAA,QAAU,MAAM;AAAA,UAC1B,QAAQA,WAAAA,QAAU,MAAM;AAAA,QAC9B;AAEIA,2BAAU,QAAQ,WAAW,OAAO;AACpC,mBAAW,QAAQ;AAGnB,cAAMC,aAAQ;AACd,cAAM,IAAI,QAAQ,aAAW,WAAW,SAAS,GAAG,CAAC;AACrD,uBAAc;AAAA,MAChB;AAAA,IACF;AAGA,UAAM,kBAAkB,MAAM;AAC5B,cAAQ,IAAI,oCAAoC;AAGhD,UAAI,iBAAiB;AACnB,wBAAgB,WAAU;AAAA,MAC5B;AAEA,wBAAkB,IAAI,qBAAqB,CAAC,YAAY;AACtD,gBAAQ,IAAI,iCAAiC,QAAQ,QAAQ,SAAS;AACtE,gBAAQ,QAAQ,WAAS;AACvB,gBAAM,YAAY,MAAM,OAAO,QAAQ;AACvC,cAAI,MAAM,gBAAgB;AACxB,8BAAkB,MAAM,IAAI,SAAS;AAAA,UACvC,OAAO;AACL,8BAAkB,MAAM,OAAO,SAAS;AAAA,UAC1C;AAAA,QACF,CAAC;AAGD,YAAI,kBAAkB,MAAM,OAAO,GAAG;AACpC,gBAAM,wBAAwB,SAAS,MACpC,OAAO,SAAO;AAEb,gBAAI,CAAC,kBAAkB,MAAM,IAAI,IAAI,GAAG,EAAG,QAAO;AAGlD,oBAAQ,IAAI,mCAAmC;AAAA,cAC7C,WAAW,IAAI;AAAA,cACf,gBAAgB,IAAI;AAAA,cACpB,eAAeD,WAAAA,QAAU,MAAM;AAAA,cAC/B,oBAAoBA,WAAAA,QAAU,MAAM;AAAA,cACpC,SAAS,IAAI,WAAWA,WAAAA,QAAU,MAAM;AAAA,cACxC,eAAe,OAAO,IAAI;AAAA,cAC1B,mBAAmB,OAAOA,WAAAA,QAAU,MAAM;AAAA,YACtD,CAAW;AAGD,gBAAI,IAAI,UAAUA,WAAAA,QAAU,MAAM,UAAU,IAAI,WAAWA,WAAAA,QAAU,MAAM,OAAQ,QAAO;AAG1F,gBAAI,CAAC,IAAI,UAAU,CAACA,WAAAA,QAAU,MAAM,UAAU,IAAI,gBAAgBA,WAAAA,QAAU,MAAM,YAAa,QAAO;AAItG,gBAAI,CAACA,WAAAA,QAAU,MAAM,OAAQ,QAAO;AACpC,gBAAI,IAAI,QAAQ,KAAK,OAAK,EAAE,WAAWA,mBAAU,MAAM,MAAM,EAAG,QAAO;AAEvE,oBAAQ,IAAI,yCAAyC;AAAA,cACnD,OAAO,IAAI;AAAA,cACX,WAAW,IAAI;AAAA,cACf,eAAeA,WAAAA,QAAU,MAAM;AAAA,cAC/B,QAAQ,IAAI;AAAA,YACxB,CAAW;AAED,mBAAO;AAAA,UACT,CAAC,EACA,IAAI,SAAO,IAAI,GAAG;AAErB,kBAAQ,IAAI,2CAA2C,qBAAqB;AAE5E,cAAI,sBAAsB,SAAS,GAAG;AACpC,oBAAQ,IAAI,2CAA2C,qBAAqB;AAC5EA,+BAAU,QAAQ,mBAAmB,qBAAqB;AAAA,UAC5D,OAAO;AACL,oBAAQ,IAAI,mCAAmC;AAAA,UACjD;AAAA,QACF;AAAA,MACF,GAAG;AAAA,QACD,MAAM,YAAY;AAAA,QAClB,WAAW;AAAA,MACf,CAAG;AAGDC,UAAAA,SAAS,MAAM;AACb,cAAM,kBAAkB,YAAY,OAAO,iBAAiB,mBAAmB;AAC/E,gBAAQ,IAAI,6CAA6C,iBAAiB,MAAM;AAChF,yBAAiB,QAAQ,QAAM,gBAAgB,QAAQ,EAAE,CAAC;AAAA,MAC5D,CAAC;AAAA,IACH;AAGAC,QAAAA,UAAU,MAAM;AACdD,UAAAA,SAAS,MAAM;AACb,YAAI,YAAY,OAAO;AACrB,sBAAY,MAAM,YAAY,YAAY,MAAM;AAAA,QAClD;AACA,wBAAe;AAAA,MACjB,CAAC;AAAA,IACH,CAAC;AAGDE,QAAAA,MAAM,UAAU,MAAM;AACpBF,UAAAA,SAAS,MAAM;AACb,YAAI,YAAY,OAAO;AACrB,sBAAY,MAAM,YAAY,YAAY,MAAM;AAAA,QAClD;AACA,wBAAe;AAAA,MACjB,CAAC;AAAA,IACH,GAAG,EAAE,MAAM,MAAM;AAGjBG,QAAAA,YAAY,MAAM;AAChB,UAAI,iBAAiB;AACnB,wBAAgB,WAAU;AAAA,MAC5B;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ChatWindow.vue.cjs","sources":["../../../../../../../src/modules/chats/components/sections/ChatWindow.vue"],"sourcesContent":["<template>\n  <div class=\"bg-white radius-semi bg-white o-hidden pos-relative\">\n    <div ref=\"allMessages\" class=\"chat-messages o-scroll h-max-20r\">\n      <div class=\"pos-relative h-min-20r flex-justify-end flex flex-column br-b br-solid br-black-transp-10\">\n        <transition name=\"scaleIn\" mode=\"out-in\">\n          <div v-if=\"messages.length < 1\" class=\"flex-center pd-small t-center w-100 h-100 flex-column flex pos-absolute\">\n            <PlaceholderChat class=\"radius-100 mn-b-thin\"/>\n            <h4 class='mn-b-thin'>Here you can view your chat history</h4>\n            <p>Feel free to ask if you have any questions.</p>\n          </div>\n\n          <TransitionGroup v-else name=\"list\" tag=\"ul\" class=\"w-100 o-hidden\" @after-enter=\"scrollToBottom\">\n            <ChatMessage\n              v-for=\"message in messages\"\n              :key=\"message._id\"\n              :message=\"message\"\n            />\n          </TransitionGroup>\n        </transition>\n      </div>\n    </div>\n\n    <div class=\"flex-nowrap flex-v-center flex bg-white w-100 radius-big pd-small\">\n      <!-- <IconAdd class=\"mn-r-thin t-transp i-medium\" /> -->\n      <input class=\"\" placeholder=\"Enter your message\" type=\"text\" v-model=\"newMessage\" @keyup.enter=\"sendMessage\" />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch, onMounted, onUnmounted, nextTick } from 'vue';\n\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\nimport PlaceholderChat from '@martyrs/src/modules/icons/placeholders/PlaceholderChat.vue'\n\nimport ChatMessage from '../blocks/ChatMessage.vue';\nimport chatStore from '../../store/chat.store.js';\n\nconst newMessage = ref('');\nconst allMessages = ref(null);\nconst visibleMessageIds = ref(new Set());\nlet messageObserver = null;\n\n// Вычисляемые свойства\nconst messages = computed(() => chatStore.state.messages);\n\n// Функция прокрутки вниз\nconst scrollToBottom = () => {\n  if (allMessages.value) {\n    allMessages.value.scrollTop = allMessages.value.scrollHeight;\n  }\n};\n\n// Функция для отправки сообщения\nconst sendMessage = async () => {\n  if (newMessage.value) {\n    const message = {\n      text: newMessage.value,\n      module: 'chat',\n      username: chatStore.state.username,\n      chatId: chatStore.state.currentChatId\n    };\n\n    chatStore.methods.addMessage(message);\n    newMessage.value = '';\n\n    // Ждем, пока все анимации и рендеринг завершатся\n    await nextTick();\n    await new Promise(resolve => setTimeout(resolve, 100)); // Небольшая задержка для анимаций\n    scrollToBottom();\n  }\n};\n\n// Отслеживание видимых сообщений\nconst observeMessages = () => {\n  console.log('[CHAT] Setting up message observer');\n  \n  // Очищаем предыдущий observer если есть\n  if (messageObserver) {\n    messageObserver.disconnect();\n  }\n  \n  messageObserver = new IntersectionObserver((entries) => {\n    console.log('[CHAT] Observer triggered for', entries.length, 'entries');\n    entries.forEach(entry => {\n      const messageId = entry.target.dataset.messageId;\n      if (entry.isIntersecting) {\n        visibleMessageIds.value.add(messageId);\n      } else {\n        visibleMessageIds.value.delete(messageId);\n      }\n    });\n    \n    // Отправляем прочтение видимых сообщений\n    if (visibleMessageIds.value.size > 0) {\n      const unreadVisibleMessages = messages.value\n        .filter(msg => {\n          // Проверяем, что сообщение видимо\n          if (!visibleMessageIds.value.has(msg._id)) return false;\n          \n          // Проверяем, что сообщение не от текущего пользователя\n          console.log('[CHAT] Checking if own message:', {\n            msgUserId: msg.userId,\n            msgAnonymousId: msg.anonymousId,\n            currentUserId: chatStore.state.userId,\n            currentAnonymousId: chatStore.state.anonymousId,\n            isEqual: msg.userId === chatStore.state.userId,\n            msgUserIdType: typeof msg.userId,\n            currentUserIdType: typeof chatStore.state.userId\n          });\n          \n          // Для аутентифицированных пользователей\n          if (msg.userId && chatStore.state.userId && msg.userId === chatStore.state.userId) return false;\n          \n          // Для анонимных пользователей\n          if (!msg.userId && !chatStore.state.userId && msg.anonymousId === chatStore.state.anonymousId) return false;\n          \n          // Проверяем, что сообщение еще не прочитано текущим пользователем\n          // Для анонимных пользователей не отмечаем сообщения как прочитанные\n          if (!chatStore.state.userId) return false;\n          if (msg.readBy?.some(r => r.userId === chatStore.state.userId)) return false;\n          \n          console.log('[CHAT] Message can be marked as read:', {\n            msgId: msg._id,\n            msgUserId: msg.userId,\n            currentUserId: chatStore.state.userId,\n            readBy: msg.readBy\n          });\n          \n          return true;\n        })\n        .map(msg => msg._id);\n      \n      console.log('[CHAT] Unread visible messages to mark:', unreadVisibleMessages);\n      \n      if (unreadVisibleMessages.length > 0) {\n        console.log('[CHAT] Sending markAsRead for messages:', unreadVisibleMessages);\n        chatStore.methods.markMessagesAsRead(unreadVisibleMessages);\n      } else {\n        console.log('[CHAT] No unread messages to mark');\n      }\n    }\n  }, {\n    root: allMessages.value,\n    threshold: 0.5\n  });\n  \n  // Наблюдаем за всеми сообщениями\n  nextTick(() => {\n    const messageElements = allMessages.value?.querySelectorAll('[data-message-id]');\n    console.log('[CHAT] Found message elements to observe:', messageElements?.length);\n    messageElements?.forEach(el => messageObserver.observe(el));\n  });\n};\n\n// Прокрутка вниз при монтировании\nonMounted(() => {\n  nextTick(() => {\n    if (allMessages.value) {\n      allMessages.value.scrollTop = allMessages.value.scrollHeight;\n    }\n    observeMessages();\n  });\n});\n\n// Прокрутка вниз при изменении сообщений\nwatch(messages, () => {\n  nextTick(() => {\n    if (allMessages.value) {\n      allMessages.value.scrollTop = allMessages.value.scrollHeight;\n    }\n    observeMessages();\n  });\n}, { deep: true });\n\n// Очистка observer при размонтировании\nonUnmounted(() => {\n  if (messageObserver) {\n    messageObserver.disconnect();\n  }\n});\n</script>\n\n<style>\n.list-enter-active,\n.list-leave-active {\n  transition: all 0.5s ease;\n}\n.list-enter-from,\n.list-leave-to {\n  opacity: 0;\n  transform: translateX(30px);\n}\n</style>"],"names":["ref","computed","chatStore","nextTick","onMounted","watch","onUnmounted"],"mappings":"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"}

package/dist/martyrs/src/modules/chats/components/sections/ChatWindow.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatWindow.vue.js","sources":["../../../../../../../src/modules/chats/components/sections/ChatWindow.vue"],"sourcesContent":["<template>\n  <div class=\"bg-white radius-semi bg-white o-hidden pos-relative\">\n    <div ref=\"allMessages\" class=\"chat-messages o-scroll h-max-20r\">\n      <div class=\"pos-relative h-min-20r flex-justify-end flex flex-column br-b br-solid br-black-transp-10\">\n        <transition name=\"scaleIn\" mode=\"out-in\">\n          <div v-if=\"messages.length < 1\" class=\"flex-center pd-small t-center w-100 h-100 flex-column flex pos-absolute\">\n            <PlaceholderChat class=\"radius-100 mn-b-thin\"/>\n            <h4 class='mn-b-thin'>Here you can view your chat history</h4>\n            <p>Feel free to ask if you have any questions.</p>\n          </div>\n\n          <TransitionGroup v-else name=\"list\" tag=\"ul\" class=\"w-100 o-hidden\" @after-enter=\"scrollToBottom\">\n            <ChatMessage\n              v-for=\"message in messages\"\n              :key=\"message._id\"\n              :message=\"message\"\n            />\n          </TransitionGroup>\n        </transition>\n      </div>\n    </div>\n\n    <div class=\"flex-nowrap flex-v-center flex bg-white w-100 radius-big pd-small\">\n      <!-- <IconAdd class=\"mn-r-thin t-transp i-regular\" /> -->\n      <input class=\"\" placeholder=\"Enter your message\" type=\"text\" v-model=\"newMessage\" @keyup.enter=\"sendMessage\" />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch, onMounted, onUnmounted, nextTick } from 'vue';\n\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\nimport PlaceholderChat from '@martyrs/src/modules/icons/placeholders/PlaceholderChat.vue'\n\nimport ChatMessage from '../blocks/ChatMessage.vue';\nimport chatStore from '../../store/chat.store.js';\n\nconst newMessage = ref('');\nconst allMessages = ref(null);\nconst visibleMessageIds = ref(new Set());\nlet messageObserver = null;\n\n// Вычисляемые свойства\nconst messages = computed(() => chatStore.state.messages);\n\n// Функция прокрутки вниз\nconst scrollToBottom = () => {\n  if (allMessages.value) {\n    allMessages.value.scrollTop = allMessages.value.scrollHeight;\n  }\n};\n\n// Функция для отправки сообщения\nconst sendMessage = async () => {\n  if (newMessage.value) {\n    const message = {\n      text: newMessage.value,\n      module: 'chat',\n      username: chatStore.state.username,\n      chatId: chatStore.state.currentChatId\n    };\n\n    chatStore.methods.addMessage(message);\n    newMessage.value = '';\n\n    // Ждем, пока все анимации и рендеринг завершатся\n    await nextTick();\n    await new Promise(resolve => setTimeout(resolve, 100)); // Небольшая задержка для анимаций\n    scrollToBottom();\n  }\n};\n\n// Отслеживание видимых сообщений\nconst observeMessages = () => {\n  console.log('[CHAT] Setting up message observer');\n  \n  // Очищаем предыдущий observer если есть\n  if (messageObserver) {\n    messageObserver.disconnect();\n  }\n  \n  messageObserver = new IntersectionObserver((entries) => {\n    console.log('[CHAT] Observer triggered for', entries.length, 'entries');\n    entries.forEach(entry => {\n      const messageId = entry.target.dataset.messageId;\n      if (entry.isIntersecting) {\n        visibleMessageIds.value.add(messageId);\n      } else {\n        visibleMessageIds.value.delete(messageId);\n      }\n    });\n    \n    // Отправляем прочтение видимых сообщений\n    if (visibleMessageIds.value.size > 0) {\n      const unreadVisibleMessages = messages.value\n        .filter(msg => {\n          // Проверяем, что сообщение видимо\n          if (!visibleMessageIds.value.has(msg._id)) return false;\n          \n          // Проверяем, что сообщение не от текущего пользователя\n          console.log('[CHAT] Checking if own message:', {\n            msgUserId: msg.userId,\n            msgAnonymousId: msg.anonymousId,\n            currentUserId: chatStore.state.userId,\n            currentAnonymousId: chatStore.state.anonymousId,\n            isEqual: msg.userId === chatStore.state.userId,\n            msgUserIdType: typeof msg.userId,\n            currentUserIdType: typeof chatStore.state.userId\n          });\n          \n          // Для аутентифицированных пользователей\n          if (msg.userId && chatStore.state.userId && msg.userId === chatStore.state.userId) return false;\n          \n          // Для анонимных пользователей\n          if (!msg.userId && !chatStore.state.userId && msg.anonymousId === chatStore.state.anonymousId) return false;\n          \n          // Проверяем, что сообщение еще не прочитано текущим пользователем\n          // Для анонимных пользователей не отмечаем сообщения как прочитанные\n          if (!chatStore.state.userId) return false;\n          if (msg.readBy?.some(r => r.userId === chatStore.state.userId)) return false;\n          \n          console.log('[CHAT] Message can be marked as read:', {\n            msgId: msg._id,\n            msgUserId: msg.userId,\n            currentUserId: chatStore.state.userId,\n            readBy: msg.readBy\n          });\n          \n          return true;\n        })\n        .map(msg => msg._id);\n      \n      console.log('[CHAT] Unread visible messages to mark:', unreadVisibleMessages);\n      \n      if (unreadVisibleMessages.length > 0) {\n        console.log('[CHAT] Sending markAsRead for messages:', unreadVisibleMessages);\n        chatStore.methods.markMessagesAsRead(unreadVisibleMessages);\n      } else {\n        console.log('[CHAT] No unread messages to mark');\n      }\n    }\n  }, {\n    root: allMessages.value,\n    threshold: 0.5\n  });\n  \n  // Наблюдаем за всеми сообщениями\n  nextTick(() => {\n    const messageElements = allMessages.value?.querySelectorAll('[data-message-id]');\n    console.log('[CHAT] Found message elements to observe:', messageElements?.length);\n    messageElements?.forEach(el => messageObserver.observe(el));\n  });\n};\n\n// Прокрутка вниз при монтировании\nonMounted(() => {\n  nextTick(() => {\n    if (allMessages.value) {\n      allMessages.value.scrollTop = allMessages.value.scrollHeight;\n    }\n    observeMessages();\n  });\n});\n\n// Прокрутка вниз при изменении сообщений\nwatch(messages, () => {\n  nextTick(() => {\n    if (allMessages.value) {\n      allMessages.value.scrollTop = allMessages.value.scrollHeight;\n    }\n    observeMessages();\n  });\n}, { deep: true });\n\n// Очистка observer при размонтировании\nonUnmounted(() => {\n  if (messageObserver) {\n    messageObserver.disconnect();\n  }\n});\n</script>\n\n<style>\n.list-enter-active,\n.list-leave-active {\n  transition: all 0.5s ease;\n}\n.list-enter-from,\n.list-leave-to {\n  opacity: 0;\n  transform: translateX(30px);\n}\n</style>"],"names":[],"mappings":"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"}
+{"version":3,"file":"ChatWindow.vue.js","sources":["../../../../../../../src/modules/chats/components/sections/ChatWindow.vue"],"sourcesContent":["<template>\n  <div class=\"bg-white radius-semi bg-white o-hidden pos-relative\">\n    <div ref=\"allMessages\" class=\"chat-messages o-scroll h-max-20r\">\n      <div class=\"pos-relative h-min-20r flex-justify-end flex flex-column br-b br-solid br-black-transp-10\">\n        <transition name=\"scaleIn\" mode=\"out-in\">\n          <div v-if=\"messages.length < 1\" class=\"flex-center pd-small t-center w-100 h-100 flex-column flex pos-absolute\">\n            <PlaceholderChat class=\"radius-100 mn-b-thin\"/>\n            <h4 class='mn-b-thin'>Here you can view your chat history</h4>\n            <p>Feel free to ask if you have any questions.</p>\n          </div>\n\n          <TransitionGroup v-else name=\"list\" tag=\"ul\" class=\"w-100 o-hidden\" @after-enter=\"scrollToBottom\">\n            <ChatMessage\n              v-for=\"message in messages\"\n              :key=\"message._id\"\n              :message=\"message\"\n            />\n          </TransitionGroup>\n        </transition>\n      </div>\n    </div>\n\n    <div class=\"flex-nowrap flex-v-center flex bg-white w-100 radius-big pd-small\">\n      <!-- <IconAdd class=\"mn-r-thin t-transp i-medium\" /> -->\n      <input class=\"\" placeholder=\"Enter your message\" type=\"text\" v-model=\"newMessage\" @keyup.enter=\"sendMessage\" />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch, onMounted, onUnmounted, nextTick } from 'vue';\n\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\nimport PlaceholderChat from '@martyrs/src/modules/icons/placeholders/PlaceholderChat.vue'\n\nimport ChatMessage from '../blocks/ChatMessage.vue';\nimport chatStore from '../../store/chat.store.js';\n\nconst newMessage = ref('');\nconst allMessages = ref(null);\nconst visibleMessageIds = ref(new Set());\nlet messageObserver = null;\n\n// Вычисляемые свойства\nconst messages = computed(() => chatStore.state.messages);\n\n// Функция прокрутки вниз\nconst scrollToBottom = () => {\n  if (allMessages.value) {\n    allMessages.value.scrollTop = allMessages.value.scrollHeight;\n  }\n};\n\n// Функция для отправки сообщения\nconst sendMessage = async () => {\n  if (newMessage.value) {\n    const message = {\n      text: newMessage.value,\n      module: 'chat',\n      username: chatStore.state.username,\n      chatId: chatStore.state.currentChatId\n    };\n\n    chatStore.methods.addMessage(message);\n    newMessage.value = '';\n\n    // Ждем, пока все анимации и рендеринг завершатся\n    await nextTick();\n    await new Promise(resolve => setTimeout(resolve, 100)); // Небольшая задержка для анимаций\n    scrollToBottom();\n  }\n};\n\n// Отслеживание видимых сообщений\nconst observeMessages = () => {\n  console.log('[CHAT] Setting up message observer');\n  \n  // Очищаем предыдущий observer если есть\n  if (messageObserver) {\n    messageObserver.disconnect();\n  }\n  \n  messageObserver = new IntersectionObserver((entries) => {\n    console.log('[CHAT] Observer triggered for', entries.length, 'entries');\n    entries.forEach(entry => {\n      const messageId = entry.target.dataset.messageId;\n      if (entry.isIntersecting) {\n        visibleMessageIds.value.add(messageId);\n      } else {\n        visibleMessageIds.value.delete(messageId);\n      }\n    });\n    \n    // Отправляем прочтение видимых сообщений\n    if (visibleMessageIds.value.size > 0) {\n      const unreadVisibleMessages = messages.value\n        .filter(msg => {\n          // Проверяем, что сообщение видимо\n          if (!visibleMessageIds.value.has(msg._id)) return false;\n          \n          // Проверяем, что сообщение не от текущего пользователя\n          console.log('[CHAT] Checking if own message:', {\n            msgUserId: msg.userId,\n            msgAnonymousId: msg.anonymousId,\n            currentUserId: chatStore.state.userId,\n            currentAnonymousId: chatStore.state.anonymousId,\n            isEqual: msg.userId === chatStore.state.userId,\n            msgUserIdType: typeof msg.userId,\n            currentUserIdType: typeof chatStore.state.userId\n          });\n          \n          // Для аутентифицированных пользователей\n          if (msg.userId && chatStore.state.userId && msg.userId === chatStore.state.userId) return false;\n          \n          // Для анонимных пользователей\n          if (!msg.userId && !chatStore.state.userId && msg.anonymousId === chatStore.state.anonymousId) return false;\n          \n          // Проверяем, что сообщение еще не прочитано текущим пользователем\n          // Для анонимных пользователей не отмечаем сообщения как прочитанные\n          if (!chatStore.state.userId) return false;\n          if (msg.readBy?.some(r => r.userId === chatStore.state.userId)) return false;\n          \n          console.log('[CHAT] Message can be marked as read:', {\n            msgId: msg._id,\n            msgUserId: msg.userId,\n            currentUserId: chatStore.state.userId,\n            readBy: msg.readBy\n          });\n          \n          return true;\n        })\n        .map(msg => msg._id);\n      \n      console.log('[CHAT] Unread visible messages to mark:', unreadVisibleMessages);\n      \n      if (unreadVisibleMessages.length > 0) {\n        console.log('[CHAT] Sending markAsRead for messages:', unreadVisibleMessages);\n        chatStore.methods.markMessagesAsRead(unreadVisibleMessages);\n      } else {\n        console.log('[CHAT] No unread messages to mark');\n      }\n    }\n  }, {\n    root: allMessages.value,\n    threshold: 0.5\n  });\n  \n  // Наблюдаем за всеми сообщениями\n  nextTick(() => {\n    const messageElements = allMessages.value?.querySelectorAll('[data-message-id]');\n    console.log('[CHAT] Found message elements to observe:', messageElements?.length);\n    messageElements?.forEach(el => messageObserver.observe(el));\n  });\n};\n\n// Прокрутка вниз при монтировании\nonMounted(() => {\n  nextTick(() => {\n    if (allMessages.value) {\n      allMessages.value.scrollTop = allMessages.value.scrollHeight;\n    }\n    observeMessages();\n  });\n});\n\n// Прокрутка вниз при изменении сообщений\nwatch(messages, () => {\n  nextTick(() => {\n    if (allMessages.value) {\n      allMessages.value.scrollTop = allMessages.value.scrollHeight;\n    }\n    observeMessages();\n  });\n}, { deep: true });\n\n// Очистка observer при размонтировании\nonUnmounted(() => {\n  if (messageObserver) {\n    messageObserver.disconnect();\n  }\n});\n</script>\n\n<style>\n.list-enter-active,\n.list-leave-active {\n  transition: all 0.5s ease;\n}\n.list-enter-from,\n.list-leave-to {\n  opacity: 0;\n  transform: translateX(30px);\n}\n</style>"],"names":[],"mappings":"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"}

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

@@ -18,7 +18,7 @@ const _hoisted_4 = {
 };
 const _hoisted_5 = {
   key: 1,
-  class: "mn-b-medium t-transp p-semi"
+  class: "mn-b-medium t-transp p-medium"
 };
 const _hoisted_6 = {
   key: 2,

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

@@ -1 +1 @@
-{"version":3,"file":"CardBlogpost.vue.cjs","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: `/community/posts/${blogpost.url}/edit`, 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(`/community/posts/${blogpost.url}`)\"\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":["useRouter","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoHC,UAAM,SAASA,UAAAA,UAAS;AAExB,UAAM,QAAQ;AAoBb,UAAM,aAAaC,IAAAA,SAAS,MAAM;AACjC,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,aAAa;AAAA,IAC1E,CAAC;AAED,UAAM,aAAaA,IAAAA,SAAS,MAAM;AAChC,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,OAAO;AAAA,IACpE,CAAC;AAED,UAAM,YAAYA,IAAAA,SAAS,MAAM;AAC/B,aAAO,MAAM,SAAS,QAAQ;AAAA,QAAK,WACjC,MAAM,SAAS,cAAc,MAAM,UAAU;AAAA,MAClD;AAAA,IACC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardBlogpost.vue.cjs","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: `/community/posts/${blogpost.url}/edit`, 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(`/community/posts/${blogpost.url}`)\"\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-medium'\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":["useRouter","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoHC,UAAM,SAASA,UAAAA,UAAS;AAExB,UAAM,QAAQ;AAoBb,UAAM,aAAaC,IAAAA,SAAS,MAAM;AACjC,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,aAAa;AAAA,IAC1E,CAAC;AAED,UAAM,aAAaA,IAAAA,SAAS,MAAM;AAChC,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,OAAO;AAAA,IACpE,CAAC;AAED,UAAM,YAAYA,IAAAA,SAAS,MAAM;AAC/B,aAAO,MAAM,SAAS,QAAQ;AAAA,QAAK,WACjC,MAAM,SAAS,cAAc,MAAM,UAAU;AAAA,MAClD;AAAA,IACC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -16,7 +16,7 @@ const _hoisted_4 = {
 };
 const _hoisted_5 = {
   key: 1,
-  class: "mn-b-medium t-transp p-semi"
+  class: "mn-b-medium t-transp p-medium"
 };
 const _hoisted_6 = {
   key: 2,

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: `/community/posts/${blogpost.url}/edit`, 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(`/community/posts/${blogpost.url}`)\"\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoHC,UAAM,SAAS,UAAS;AAExB,UAAM,QAAQ;AAoBb,UAAM,aAAa,SAAS,MAAM;AACjC,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,aAAa;AAAA,IAC1E,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,OAAO;AAAA,IACpE,CAAC;AAED,UAAM,YAAY,SAAS,MAAM;AAC/B,aAAO,MAAM,SAAS,QAAQ;AAAA,QAAK,WACjC,MAAM,SAAS,cAAc,MAAM,UAAU;AAAA,MAClD;AAAA,IACC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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: `/community/posts/${blogpost.url}/edit`, 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(`/community/posts/${blogpost.url}`)\"\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-medium'\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoHC,UAAM,SAAS,UAAS;AAExB,UAAM,QAAQ;AAoBb,UAAM,aAAa,SAAS,MAAM;AACjC,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,aAAa;AAAA,IAC1E,CAAC;AAED,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,MAAM,SAAS,QAAQ,KAAK,WAAS,MAAM,SAAS,OAAO;AAAA,IACpE,CAAC;AAED,UAAM,YAAY,SAAS,MAAM;AAC/B,aAAO,MAAM,SAAS,QAAQ;AAAA,QAAK,WACjC,MAAM,SAAS,cAAc,MAAM,UAAU;AAAA,MAClD;AAAA,IACC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -30,7 +30,7 @@ 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_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-regular 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"
@@ -80,7 +80,7 @@ const _sfc_main = {
                   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"
+                  class: "t-semi pos-relative w-max bg-main t-black pd-thin radius-medium h2 t-center flex-column flex gap-regular"
                 }, null, 8, ["select"])
               ])
             ])) : vue.createCommentVNode("", true),

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":["\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 membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.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  membershipsStore.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","membershipsStore","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6LA,UAAM,SAAS,MAAM,OAAO,EAAE,SAAS,QAAQ,IAAI,SAAS;AAC5D,UAAM,WAAWA,IAAAA,IAAI,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,MAC5B,SAAS,OAAO;AACd,gBAAQ,MAAM,4BAA4B,KAAK;AAAA,MACjD;AAAA,IACF;AAEA,kBAAa;AASb,UAAM,QAAQC,UAAAA,SAAQ;AACtB,UAAM,SAASC,UAAAA,UAAS;AAExB,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,OAAM,GAAI,YAAY,iBAAiB;AAC3FC,gCAAiB,uBAAuBC,cAAAA,MAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAC3H;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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-regular \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-regular 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 membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.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  membershipsStore.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","membershipsStore","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6LA,UAAM,SAAS,MAAM,OAAO,EAAE,SAAS,QAAQ,IAAI,SAAS;AAC5D,UAAM,WAAWA,IAAAA,IAAI,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,MAC5B,SAAS,OAAO;AACd,gBAAQ,MAAM,4BAA4B,KAAK;AAAA,MACjD;AAAA,IACF;AAEA,kBAAa;AASb,UAAM,QAAQC,UAAAA,SAAQ;AACtB,UAAM,SAASC,UAAAA,UAAS;AAExB,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,OAAM,GAAI,YAAY,iBAAiB;AAC3FC,gCAAiB,uBAAuBC,cAAAA,MAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAC3H;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -28,7 +28,7 @@ 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_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-regular 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"
@@ -78,7 +78,7 @@ const _sfc_main = {
                   select: state.filter.period,
                   "onUpdate:select": _cache[0] || (_cache[0] = ($event) => 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"
+                  class: "t-semi pos-relative w-max bg-main t-black pd-thin radius-medium h2 t-center flex-column flex gap-regular"
                 }, null, 8, ["select"])
               ])
             ])) : createCommentVNode("", true),

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":["\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 membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.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  membershipsStore.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","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,MAC5B,SAAS,OAAO;AACd,gBAAQ,MAAM,4BAA4B,KAAK;AAAA,MACjD;AAAA,IACF;AAEA,kBAAa;AASb,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,QAAI,MAAM,OAAO,aAAa,UAAWA,OAAW,KAAK,QAAQ;AACjE,QAAI,MAAM,OAAO,aAAa,MAAOA,OAAW,KAAK,QAAQ;AAG7D,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAM,GAAI,YAAY,iBAAiB;AAC3F,uBAAiB,uBAAuBC,QAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAC3H;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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-regular \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-regular 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 membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.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  membershipsStore.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","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,MAC5B,SAAS,OAAO;AACd,gBAAQ,MAAM,4BAA4B,KAAK;AAAA,MACjD;AAAA,IACF;AAEA,kBAAa;AASb,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,QAAI,MAAM,OAAO,aAAa,UAAWA,OAAW,KAAK,QAAQ;AACjE,QAAI,MAAM,OAAO,aAAa,MAAOA,OAAW,KAAK,QAAQ;AAG7D,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAM,GAAI,YAAY,iBAAiB;AAC3F,uBAAiB,uBAAuBC,QAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAC3H;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -7,7 +7,7 @@ const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_
 const _hoisted_1 = { class: "comment-wrapper" };
 const _hoisted_2 = { class: "comment-content" };
 const _hoisted_3 = { class: "pd-t-zero" };
-const _hoisted_4 = { class: "p-medium" };
+const _hoisted_4 = { class: "p-regular" };
 const _hoisted_5 = { class: "mn-t-thin flex-v-center flex-nowrap flex gap-small" };
 const _hoisted_6 = {
   key: 0,
@@ -152,6 +152,6 @@ const _sfc_main = {
     };
   }
 };
-const Comment = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-07523fcd"]]);
+const Comment = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-0966f321"]]);
 exports.default = Comment;
 //# sourceMappingURL=Comment.vue.cjs.map