@ozdao/prometheus-framework 0.2.242 → 0.2.244

package/dist/prometheus-framework/src/modules/users/components/pages/Profile.vue.cjs

@@ -4,9 +4,9 @@ const vue = require("vue");
 ;/* empty css                                        */
 ;/* empty css                                         */
 ;/* empty css                                          */
-const Dropdown = require("../../../../components/Dropdown/Dropdown.vue2.cjs");
+const Dropdown = require("../../../../components/Dropdown/Dropdown.vue.cjs");
 const Completion = require("../../../../components/Completion/Completion.vue.cjs");
-const Menu = require("../../../../components/Menu/Menu.vue.cjs");
+const Menu = require("../../../../components/Menu/Menu.vue2.cjs");
 const MenuItem = require("../../../../components/Menu/MenuItem.vue.cjs");
 const ButtonToggleMembership = require("../../../organizations/components/elements/ButtonToggleMembership.vue.cjs");
 const FormReport = require("../../../reports/components/sections/FormReport.vue.cjs");
@@ -36,27 +36,19 @@ const _hoisted_3 = {
 };
 const _hoisted_4 = { class: "flex-center pos-relative flex flex-column t-center w-100 mn-b-semi radius-medium pd-medium bg-light" };
 const _hoisted_5 = { class: "bg-black pd-thin radius-small" };
-const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("button", { class: "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button" }, " Report ", -1);
-const _hoisted_7 = ["src"];
-const _hoisted_8 = { class: "mn-b-thin" };
-const _hoisted_9 = {
+const _hoisted_6 = ["src"];
+const _hoisted_7 = { class: "mn-b-thin" };
+const _hoisted_8 = {
   key: 4,
   class: "mn-b-thin t-main t-semi"
 };
-const _hoisted_10 = { class: "mn-b-small p-medium" };
-const _hoisted_11 = { class: "mn-b-medium flex-center flex-nowrap flex" };
-const _hoisted_12 = { class: "t-semi mn-b-small" };
-const _hoisted_13 = {
+const _hoisted_9 = { class: "mn-b-small p-medium" };
+const _hoisted_10 = { class: "mn-b-medium flex-center flex-nowrap flex" };
+const _hoisted_11 = { class: "t-semi mn-b-small" };
+const _hoisted_12 = {
   key: 6,
   class: "mn-t-small mn-b-thin"
 };
-const _hoisted_14 = /* @__PURE__ */ vue.createElementVNode("span", null, "Events", -1);
-const _hoisted_15 = /* @__PURE__ */ vue.createElementVNode("span", null, "Groups", -1);
-const _hoisted_16 = /* @__PURE__ */ vue.createElementVNode("span", null, "Posts", -1);
-const _hoisted_17 = /* @__PURE__ */ vue.createElementVNode("span", null, "Wallet", -1);
-const _hoisted_18 = /* @__PURE__ */ vue.createElementVNode("span", null, " Settings ", -1);
-const _hoisted_19 = /* @__PURE__ */ vue.createElementVNode("span", null, " About ", -1);
-const _hoisted_20 = /* @__PURE__ */ vue.createElementVNode("span", { class: "t-red" }, " Logout ", -1);
 const _sfc_main = {
   __name: "Profile",
   setup(__props) {
@@ -102,9 +94,9 @@ const _sfc_main = {
                     text: "Report",
                     class: "w-100"
                   }, {
-                    default: vue.withCtx(() => [
-                      _hoisted_6
-                    ]),
+                    default: vue.withCtx(() => _cache[10] || (_cache[10] = [
+                      vue.createElementVNode("button", { class: "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button" }, " Report ", -1)
+                    ])),
                     _: 1
                   }, 8, ["user", "target"]),
                   auth.state.user._id ? (vue.openBlock(), vue.createBlock(ButtonToggleMembership.default, {
@@ -137,21 +129,21 @@ const _sfc_main = {
               loading: "lazy",
               src: (_ctx.FILE_SERVER_URL || "") + users.state.current.profile.photo,
               class: "radius-extra bg-white mn-b-small object-fit-cover i-extra"
-            }, null, 8, _hoisted_7)) : (vue.openBlock(), vue.createBlock(PlaceholderUserpic.default, {
+            }, null, 8, _hoisted_6)) : (vue.openBlock(), vue.createBlock(PlaceholderUserpic.default, {
               key: 3,
               class: "radius-medium mn-b-small i-extra"
             })),
-            vue.createElementVNode("h3", _hoisted_8, vue.toDisplayString(users.state.current.profile.name ? users.state.current.profile.name : "Anonymous"), 1),
-            users.state.current.username ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_9, " @" + vue.toDisplayString(users.state.current.username ? users.state.current.username : "Not specified"), 1)) : vue.createCommentVNode("", true),
-            vue.createElementVNode("p", _hoisted_10, vue.toDisplayString(users.state.current.profile.description ? users.state.current.profile.description : "Bio not specified"), 1),
-            vue.createElementVNode("div", _hoisted_11, [
+            vue.createElementVNode("h3", _hoisted_7, vue.toDisplayString(users.state.current.profile.name ? users.state.current.profile.name : "Anonymous"), 1),
+            users.state.current.username ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_8, " @" + vue.toDisplayString(users.state.current.username ? users.state.current.username : "Not specified"), 1)) : vue.createCommentVNode("", true),
+            vue.createElementVNode("p", _hoisted_9, vue.toDisplayString(users.state.current.profile.description ? users.state.current.profile.description : "Bio not specified"), 1),
+            vue.createElementVNode("div", _hoisted_10, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(users.state.current.roles, (role, index) => {
                 return vue.openBlock(), vue.createElementBlock("div", {
                   class: vue.normalizeClass(["pd-thin radius-small t-semi bg-white", { "mn-r-thin": index !== users.state.current.roles.length - 1 }])
                 }, vue.toDisplayString(role.icon) + " " + vue.toDisplayString(role.name), 3);
               }), 256))
             ]),
-            vue.createElementVNode("p", _hoisted_12, " 👨‍👨‍👧‍👧 " + vue.toDisplayString(users.state.current.numberOfSubscribers) + " followers ", 1),
+            vue.createElementVNode("p", _hoisted_11, " 👨‍👨‍👧‍👧 " + vue.toDisplayString(users.state.current.numberOfSubscribers) + " followers ", 1),
             auth.state.user._id && vue.unref(route).params._id && vue.unref(route).params._id !== auth.state.user._id ? (vue.openBlock(), vue.createBlock(ButtonToggleMembership.default, {
               key: 5,
               user: auth.state.user._id,
@@ -163,7 +155,7 @@ const _sfc_main = {
               onUpdateMembership: _cache[2] || (_cache[2] = (event) => handleMembershipUpdate(event, "isSubscriber", "numberOfSubscribers")),
               class: "w-min mn-b-medium mn-r-auto mn-l-auto"
             }, null, 8, ["user", "target", "status"])) : vue.createCommentVNode("", true),
-            Object.values(users.state.current.socials).some((value) => value) ? (vue.openBlock(), vue.createElementBlock("h4", _hoisted_13, " Find Me in Socials ")) : vue.createCommentVNode("", true),
+            Object.values(users.state.current.socials).some((value) => value) ? (vue.openBlock(), vue.createElementBlock("h4", _hoisted_12, " Find Me in Socials ")) : vue.createCommentVNode("", true),
             vue.createVNode(Socials.default, {
               telegram: users.state.current.socials.telegram,
               facebook: users.state.current.socials.facebook,
@@ -184,7 +176,7 @@ const _sfc_main = {
                     icon: true,
                     fill: "rgb(var(--white))"
                   }),
-                  _hoisted_14
+                  _cache[11] || (_cache[11] = vue.createElementVNode("span", null, "Events", -1))
                 ]),
                 _: 1
               }),
@@ -197,7 +189,7 @@ const _sfc_main = {
                     class: "i-semi",
                     icon: true
                   }),
-                  _hoisted_15
+                  _cache[12] || (_cache[12] = vue.createElementVNode("span", null, "Groups", -1))
                 ]),
                 _: 1
               }),
@@ -210,7 +202,7 @@ const _sfc_main = {
                     class: "i-semi",
                     icon: true
                   }),
-                  _hoisted_16
+                  _cache[13] || (_cache[13] = vue.createElementVNode("span", null, "Posts", -1))
                 ]),
                 _: 1
               })
@@ -231,7 +223,7 @@ const _sfc_main = {
                     class: "i-semi",
                     icon: true
                   }),
-                  _hoisted_17
+                  _cache[14] || (_cache[14] = vue.createElementVNode("span", null, "Wallet", -1))
                 ]),
                 _: 1
               })
@@ -252,9 +244,9 @@ const _sfc_main = {
                 })),
                 class: "cursor-pointer"
               }, {
-                default: vue.withCtx(() => [
-                  _hoisted_18
-                ]),
+                default: vue.withCtx(() => _cache[15] || (_cache[15] = [
+                  vue.createElementVNode("span", null, " Settings ", -1)
+                ])),
                 _: 1
               }),
               vue.createVNode(MenuItem.default, {
@@ -266,18 +258,18 @@ const _sfc_main = {
                 })),
                 class: "cursor-pointer"
               }, {
-                default: vue.withCtx(() => [
-                  _hoisted_19
-                ]),
+                default: vue.withCtx(() => _cache[16] || (_cache[16] = [
+                  vue.createElementVNode("span", null, " About ", -1)
+                ])),
                 _: 1
               }),
               vue.createVNode(MenuItem.default, {
                 class: "cursor-pointer",
                 onClick: _cache[9] || (_cache[9] = ($event) => logout())
               }, {
-                default: vue.withCtx(() => [
-                  _hoisted_20
-                ]),
+                default: vue.withCtx(() => _cache[17] || (_cache[17] = [
+                  vue.createElementVNode("span", { class: "t-red" }, " Logout ", -1)
+                ])),
                 _: 1
               })
             ]),

package/dist/prometheus-framework/src/modules/users/components/pages/Profile.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Profile.vue.cjs","sources":["../../../../../../../src/modules/users/components/pages/Profile.vue"],"sourcesContent":["<template>\n\t<div \n\t\tv-if=\"show\"\n\t\tclass=\"for-transition w-100\"\n\t>\n\t\t<div \n\t\t\tv-if=\"users.state.current.status === 'removed'\"\n\t\t\tclass=\"flex-center flex pd-medium radius-big bg-light uppercase t-semi w-100 h-100\"\n\t\t>\n\t\t\tSorry, user has been removed.\n\t\t</div>\n\n\t\t<div \n\t\t\tv-else\n\t\t\t_id=\"dash\" \n\t\t\tclass=\"pd-b-extra pd-thin w-100\"\n\t\t>\n\t\t\t<Completion \n\t\t\t\tv-if=\"route.params._id === auth.state.user._id && show\" \n\t\t    :user=\"auth.state.user._id\"\n\t\t    :target=\"users.state.current\"\n\t\t    :cta=\"true\" \n\t\t    text_cta=\"Fill Profile\"\n\t\t    text=\"Profile completed at\"\n\t\t    class=\"mn-b-medium\"\n\t\t\t/>\n\n\t\t\t<section \n\n\t\t\t\tclass=\"flex-center pos-relative flex flex-column t-center w-100 mn-b-semi radius-medium pd-medium bg-light\"\n\t\t\t>\n\n\t\t\t\t<Dropdown \n\t\t\t\t\tv-if=\"route.params._id && route.params._id !== auth.state.user._id\"\n\t\t\t\t\t:label=\"'...'\" \n\t\t\t\t\t:align=\"'right'\"\n\t\t\t\t\tclass=\"cursor-pointer pos-absolute pos-r-0 pos-t-0 pd-thin radius-extra \"\n\t\t\t\t>\n\t\t\t\t\t<section \n\t\t\t\t\t\tclass=\"bg-black pd-thin radius-small\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<FormReport \n\t\t\t\t\t\t\t:user=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:type=\"'user'\" \n\t\t\t\t\t\t\t:target=\"users.state.current._id\" \n\t\t\t\t\t\t\t:text=\"'Report'\" \n\t\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<button \n\t\t\t\t\t\t\t\tclass=\"w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tReport\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</FormReport>\n\n\t\t\t\t\t\t<ButtonToggleMembership\n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t      :user=\"auth.state.user._id\"\n\t\t\t\t      :type=\"'user'\" \n\t\t\t      \t:role=\"'blocked'\" \n\t\t\t\t      :target=\"users.state.current._id\" \n\t\t\t\t      :status=\"users.state.current.isBlocked\" \n\t\t\t\t      :text=\"{create: 'Block', remove: 'Unblock'}\"\n\t\t\t\t      @updateMembership=\"event => handleMembershipUpdate(event, 'isBlocked')\"\n\t\t\t\t      class=\"t-white mn-t-thin bg-red\" \n\t\t\t    \t/>\n\t\t\t\t\t</section>\n\t      </Dropdown>\t\n\n\n\t\t\t\t<IconEdit\n\t\t\t\t\tv-if=\"route.params._id === auth.state.user._id\"\n\t\t\t\t\t@click=\"$router.push({\n\t\t\t\t\t\tname: 'User Edit Profile', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: auth.state.user._id\n\t\t\t\t\t\t}\n\t\t\t\t\t})\" \n\t\t\t\t\tclass=\"cursor-pointer pos-absolute pos-t-regular pos-r-regular i-regular t-transp\"\n\t\t\t\t/>\n\n\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\tv-if=\"users.state.current.profile.photo && users.state.current.profile.photo.length > 0\" \n\t\t\t\t\t:src=\"(FILE_SERVER_URL || '')+ users.state.current.profile.photo\" \n\t\t\t\t\tclass=\"radius-extra bg-white mn-b-small object-fit-cover i-extra\" \n\t\t\t\t/>\n\t\t\t\t\n\t\t\t\t<PlaceholderUserpic \n\t\t\t\t\tv-else \n\t\t\t\t\tclass=\"radius-medium mn-b-small i-extra\"\n\t\t\t\t/>\n\n\t\t\t\t<h3 \n\t\t\t\t\tclass=\"mn-b-thin\"\n\t\t\t\t>\n\t\t\t\t\t{{users.state.current.profile.name ? users.state.current.profile.name : 'Anonymous' }}\n\t\t\t\t</h3>\n\t\t\t\t\n\t\t\t\t<p \n\t\t\t\t\tv-if=\"users.state.current.username\"\n\t\t\t\t\tclass=\"mn-b-thin t-main t-semi\"\n\t\t\t\t>\n\t\t\t\t\t@{{ users.state.current.username ? users.state.current.username : 'Not specified' }}\n\t\t\t\t</p>\n\n\t\t\t\t<p \n\t\t\t\t\tclass=\"mn-b-small p-medium\"\n\t\t\t\t>\n\t\t\t\t {{ users.state.current.profile.description ? users.state.current.profile.description : 'Bio not specified' }}\n\t\t\t\t</p>\n\t\t\t\t\n\t\t\t\t<div class=\"mn-b-medium flex-center flex-nowrap flex\">\n\t\t\t\t\t<div \n\t\t\t\t\t  v-for=\"(role,index) in users.state.current.roles\" \n\t\t\t\t\t  class=\"pd-thin radius-small t-semi bg-white\" \n\t\t\t\t\t  :class=\"{'mn-r-thin': index !== users.state.current.roles.length - 1}\"\n\t\t\t\t\t >\n\t\t\t\t\t\t{{role.icon}}\n\t\t\t\t\t\t{{role.name}}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\t\t\t\n\n\t\t\t\t<p \n\t\t\t\t\tclass=\"t-semi mn-b-small\"\n\t\t\t\t>\n\t\t\t\t\t<!-- 👍 3 212 likes ·  -->\n\t\t\t\t\t<!-- 💬 342 comments ·  -->\n\t\t\t\t\t👨‍👨‍👧‍👧 {{users.state.current.numberOfSubscribers}} followers\n\t\t\t\t</p>\n\t\t\t\t\n\t    \t<ButtonToggleMembership\n\t    \t\tv-if=\"auth.state.user._id && route.params._id && route.params._id !== auth.state.user._id\"\n\t\t      :user=\"auth.state.user._id\"\n\t\t      :type=\"'user'\" \n\t      \t:role=\"'subscriber'\" \n\t\t      :target=\"users.state.current._id\" \n\t\t      :status=\"users.state.current.isSubscriber\" \n\t\t\t\t\t:text=\"{create: 'Follow', remove: 'Unfollow'}\"\n\t\t      @updateMembership=\"event => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')\"\n\t\t      class=\"w-min mn-b-medium\tmn-r-auto mn-l-auto\" \n\t    \t/>\n\n\t    \t<h4 \n\t      \tv-if=\"Object.values(users.state.current.socials).some(value => value)\" \n\t      \tclass=\"mn-t-small mn-b-thin\"\n\t      >\n\t    \t\tFind Me in Socials\n\t    \t</h4>\n\t     \t<Socials \n\t     \t\t:telegram=\"users.state.current.socials.telegram\"\n\t     \t\t:facebook=\"users.state.current.socials.facebook\"\n\t     \t\t:instagram=\"users.state.current.socials.instagram\"\n\t     \t\t:twitter=\"users.state.current.socials.twitter\"\n\t     \t\tclass=\"mn-r-auto mn-l-auto\"\n\t     \t/>\n\n\t\t\t</section>\n\t\t\t\n\t\t\t\n\n\t\t\t<Menu class=\"mn-b-regular bg-light\">\n\n\t\t\t  <MenuItem @click=\"router.push({name: 'User Events', params: {user: route.params._id}})\" class=\"cursor-pointer\">\n\t\t\t    <IconEvents class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t\t    <span>Events</span>\n\t\t\t  </MenuItem> \n\n\t\t\t  <MenuItem @click=\"router.push({name: 'User Organizations', params: {_id: route.params._id}})\" class=\"cursor-pointer\">\n\t\t\t    <IconGroups class=\"i-semi\" :icon=\"true\"/>\n\t\t\t    <span>Groups</span>\n\t\t\t  </MenuItem>\n\n\t\t\t \t<MenuItem @click=\"router.push({name: 'User Blogposts', params: {_id: route.params._id}})\" class=\"cursor-pointer\">\n\t\t\t \t\t<IconCommunity class=\"i-semi\" :icon=\"true\"/>\n\t\t\t    <span>Posts</span>\n\t\t\t  </MenuItem>\n\t\t\t</Menu>\n\n\t\t\t<Menu v-if=\"APP_NAME === 'Weeder'\"class=\"mn-b-regular bg-light\">\n\t\t\t\t<MenuItem @click=\"router.push({name: 'User Wallet', params: {_id: route.params._id}})\" class=\"cursor-pointer\">\n\t\t\t    <IconGroups class=\"i-semi\" :icon=\"true\"/>\n\t\t\t    <span>Wallet</span>\n\t\t\t  </MenuItem>\n\t\t\t</Menu>\n\t\t\t  \n\t\t\t  <!-- <MenuItem @click=\"router.push({name: 'User Comments', params: {_id: route.params._id}})\" class=\"cursor-pointer\">\n\t\t\t    <span>Comments</span>\n\t\t\t  </MenuItem>\n\t\t\t  <MenuItem @click=\"router.push({name: 'User Likes', params: {_id: route.params._id}})\" class=\"cursor-pointer\">\n\t\t\t    <span>Likes</span>\n\t\t\t  </MenuItem> -->\n\t\t\t  \n\t\t\t<Menu \n\t\t\t\tv-if=\"auth.state.user._id === route.params._id\"\n\t\t\t\tclass=\"bg-light\"\n\t\t\t>\n\t\t\t  <MenuItem \n\t\t\t  \t@click=\"router.push({\n\t\t\t  \t\tname: 'User Edit Profile', \n\t\t\t  \t\tparams: {\n\t\t\t  \t\t\t_id: route.params._id\n\t\t\t  \t\t}\n\t\t\t  \t})\" \n\t\t\t  \tclass=\"cursor-pointer\">\n\t\t\t    <span>\n\t\t\t    \tSettings\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\n\t\t\t  <MenuItem \n\t\t\t  \t@click=\"router.push({\n\t\t\t  \t\tname: 'Legal', \n\t\t\t  \t\tparams: {\n\t\t\t  \t\t\t_id: route.params._id\n\t\t\t  \t\t}\n\t\t\t  \t})\" \n\t\t\t  \tclass=\"cursor-pointer\">\n\t\t\t    <span>\n\t\t\t    \tAbout\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\t\t\t  \n\t\t\t  <MenuItem \n\t\t\t  \tclass=\"cursor-pointer\"\n\t\t\t\t\t@click=\"logout()\"\n\t\t\t  >\n\t\t\t    <span \n\t\t\t    \tclass=\"t-red\"\n\t\t\t    >\n\t\t\t    \tLogout\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\t\t\t</Menu>\n\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\n// Import components\nimport Field         from '@pf/src/components/Field/Field.vue'\nimport Button        from '@pf/src/components/Button/Button.vue'\nimport Dropdown from \"@pf/src/components/Dropdown/Dropdown.vue\";\nimport Completion from '@pf/src/components/Completion/Completion.vue'\n// Mobile Module\nimport Menu from '@pf/src/components/Menu/Menu.vue'\nimport MenuItem from '@pf/src/components/Menu/MenuItem.vue'\n// Org Module\nimport ButtonToggleMembership from '@pf/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n// Report Module\nimport FormReport from '@pf/src/modules/reports/components/sections/FormReport.vue'   \n// Community Module \nimport Activity from '@pf/src/modules/community/components/blocks/Activity.vue'; \nimport Socials from '@pf/src/modules/organizations/components/blocks/Socials.vue'\n// Icons Module\nimport IconEvents from '@pf/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@pf/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@pf/src/modules/icons/entities/IconCommunity.vue'\n\nimport IconEdit from '@pf/src/modules/icons/navigation/IconEdit.vue'\n\nimport PlaceholderUserpic from '@pf/src/modules/icons/placeholders/PlaceholderUserpic.vue'\n// Import libs\nimport { computed, watch, onMounted, ref, onBeforeMount } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\n// Import state\nimport * as auth from '@pf/src/modules/auth/views/store/auth'\nimport * as users from '@pf/src/modules/users/store/users'\nimport * as memberships from '@pf/src/modules/organizations/store/memberships'\n// Accessing router\nconst route = useRoute()\nconst router = useRouter()\n// Get organization _id from cookie\nconst show = ref(false)\n\nonMounted(async () => {\n \tawait users.actions.read({ _id: route.params._id, user: auth.state.user._id });\n \tshow.value = true\n})\n\nconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n  memberships.mutations.handleMembershipUpdate(users.state.current, membership, status, target, statusName, statusNumber)\n};\n\nfunction logout () {\n  auth.actions.logout()\n\n  router.push({name: 'Sign In'})\n}\n</script>\n\n<style lang=\"scss\">\n\t#header {\n\t\t// height: 3rem;\n\t}\n</style>\n"],"names":["useRoute","useRouter","ref","onMounted","users.actions","auth.state","memberships.mutations","users.state","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8QA,UAAM,QAAQA,UAAAA,SAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAE1B,UAAM,OAAOC,IAAG,IAAC,KAAK;AAEtBC,QAAAA,UAAU,YAAY;AACpB,YAAMC,cAAc,KAAK,EAAE,KAAK,MAAM,OAAO,KAAK,MAAMC,KAAU,MAAC,KAAK,IAAK,CAAA;AAC7E,WAAK,QAAQ;AAAA,IACf,CAAC;AAED,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAQ,GAAE,YAAY,iBAAiB;AAC3FC,4BAAsB,uBAAuBC,MAAAA,MAAY,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IACxH;AAEA,aAAS,SAAU;AACjBC,WAAAA,QAAa,OAAQ;AAErB,aAAO,KAAK,EAAC,MAAM,UAAS,CAAC;AAAA,IAC/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Profile.vue.cjs","sources":["../../../../../../../src/modules/users/components/pages/Profile.vue"],"sourcesContent":["<template>\n\t<div \n\t\tv-if=\"show\"\n\t\tclass=\"for-transition w-100\"\n\t>\n\t\t<div \n\t\t\tv-if=\"users.state.current.status === 'removed'\"\n\t\t\tclass=\"flex-center flex pd-medium radius-big bg-light uppercase t-semi w-100 h-100\"\n\t\t>\n\t\t\tSorry, user has been removed.\n\t\t</div>\n\n\t\t<div \n\t\t\tv-else\n\t\t\t_id=\"dash\" \n\t\t\tclass=\"pd-b-extra pd-thin w-100\"\n\t\t>\n\t\t\t<Completion \n\t\t\t\tv-if=\"route.params._id === auth.state.user._id && show\" \n\t\t    :user=\"auth.state.user._id\"\n\t\t    :target=\"users.state.current\"\n\t\t    :cta=\"true\" \n\t\t    text_cta=\"Fill Profile\"\n\t\t    text=\"Profile completed at\"\n\t\t    class=\"mn-b-medium\"\n\t\t\t/>\n\n\t\t\t<section \n\n\t\t\t\tclass=\"flex-center pos-relative flex flex-column t-center w-100 mn-b-semi radius-medium pd-medium bg-light\"\n\t\t\t>\n\n\t\t\t\t<Dropdown \n\t\t\t\t\tv-if=\"route.params._id && route.params._id !== auth.state.user._id\"\n\t\t\t\t\t:label=\"'...'\" \n\t\t\t\t\t:align=\"'right'\"\n\t\t\t\t\tclass=\"cursor-pointer pos-absolute pos-r-0 pos-t-0 pd-thin radius-extra \"\n\t\t\t\t>\n\t\t\t\t\t<section \n\t\t\t\t\t\tclass=\"bg-black pd-thin radius-small\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<FormReport \n\t\t\t\t\t\t\t:user=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:type=\"'user'\" \n\t\t\t\t\t\t\t:target=\"users.state.current._id\" \n\t\t\t\t\t\t\t:text=\"'Report'\" \n\t\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<button \n\t\t\t\t\t\t\t\tclass=\"w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tReport\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</FormReport>\n\n\t\t\t\t\t\t<ButtonToggleMembership\n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t      :user=\"auth.state.user._id\"\n\t\t\t\t      :type=\"'user'\" \n\t\t\t      \t:role=\"'blocked'\" \n\t\t\t\t      :target=\"users.state.current._id\" \n\t\t\t\t      :status=\"users.state.current.isBlocked\" \n\t\t\t\t      :text=\"{create: 'Block', remove: 'Unblock'}\"\n\t\t\t\t      @updateMembership=\"event => handleMembershipUpdate(event, 'isBlocked')\"\n\t\t\t\t      class=\"t-white mn-t-thin bg-red\" \n\t\t\t    \t/>\n\t\t\t\t\t</section>\n\t      </Dropdown>\t\n\n\n\t\t\t\t<IconEdit\n\t\t\t\t\tv-if=\"route.params._id === auth.state.user._id\"\n\t\t\t\t\t@click=\"$router.push({\n\t\t\t\t\t\tname: 'User Edit Profile', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: auth.state.user._id\n\t\t\t\t\t\t}\n\t\t\t\t\t})\" \n\t\t\t\t\tclass=\"cursor-pointer pos-absolute pos-t-regular pos-r-regular i-regular t-transp\"\n\t\t\t\t/>\n\n\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\tv-if=\"users.state.current.profile.photo && users.state.current.profile.photo.length > 0\" \n\t\t\t\t\t:src=\"(FILE_SERVER_URL || '')+ users.state.current.profile.photo\" \n\t\t\t\t\tclass=\"radius-extra bg-white mn-b-small object-fit-cover i-extra\" \n\t\t\t\t/>\n\t\t\t\t\n\t\t\t\t<PlaceholderUserpic \n\t\t\t\t\tv-else \n\t\t\t\t\tclass=\"radius-medium mn-b-small i-extra\"\n\t\t\t\t/>\n\n\t\t\t\t<h3 \n\t\t\t\t\tclass=\"mn-b-thin\"\n\t\t\t\t>\n\t\t\t\t\t{{users.state.current.profile.name ? users.state.current.profile.name : 'Anonymous' }}\n\t\t\t\t</h3>\n\t\t\t\t\n\t\t\t\t<p \n\t\t\t\t\tv-if=\"users.state.current.username\"\n\t\t\t\t\tclass=\"mn-b-thin t-main t-semi\"\n\t\t\t\t>\n\t\t\t\t\t@{{ users.state.current.username ? users.state.current.username : 'Not specified' }}\n\t\t\t\t</p>\n\n\t\t\t\t<p \n\t\t\t\t\tclass=\"mn-b-small p-medium\"\n\t\t\t\t>\n\t\t\t\t {{ users.state.current.profile.description ? users.state.current.profile.description : 'Bio not specified' }}\n\t\t\t\t</p>\n\t\t\t\t\n\t\t\t\t<div class=\"mn-b-medium flex-center flex-nowrap flex\">\n\t\t\t\t\t<div \n\t\t\t\t\t  v-for=\"(role,index) in users.state.current.roles\" \n\t\t\t\t\t  class=\"pd-thin radius-small t-semi bg-white\" \n\t\t\t\t\t  :class=\"{'mn-r-thin': index !== users.state.current.roles.length - 1}\"\n\t\t\t\t\t >\n\t\t\t\t\t\t{{role.icon}}\n\t\t\t\t\t\t{{role.name}}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\t\t\t\n\n\t\t\t\t<p \n\t\t\t\t\tclass=\"t-semi mn-b-small\"\n\t\t\t\t>\n\t\t\t\t\t<!-- 👍 3 212 likes ·  -->\n\t\t\t\t\t<!-- 💬 342 comments ·  -->\n\t\t\t\t\t👨‍👨‍👧‍👧 {{users.state.current.numberOfSubscribers}} followers\n\t\t\t\t</p>\n\t\t\t\t\n\t    \t<ButtonToggleMembership\n\t    \t\tv-if=\"auth.state.user._id && route.params._id && route.params._id !== auth.state.user._id\"\n\t\t      :user=\"auth.state.user._id\"\n\t\t      :type=\"'user'\" \n\t      \t:role=\"'subscriber'\" \n\t\t      :target=\"users.state.current._id\" \n\t\t      :status=\"users.state.current.isSubscriber\" \n\t\t\t\t\t:text=\"{create: 'Follow', remove: 'Unfollow'}\"\n\t\t      @updateMembership=\"event => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')\"\n\t\t      class=\"w-min mn-b-medium\tmn-r-auto mn-l-auto\" \n\t    \t/>\n\n\t    \t<h4 \n\t      \tv-if=\"Object.values(users.state.current.socials).some(value => value)\" \n\t      \tclass=\"mn-t-small mn-b-thin\"\n\t      >\n\t    \t\tFind Me in Socials\n\t    \t</h4>\n\t     \t<Socials \n\t     \t\t:telegram=\"users.state.current.socials.telegram\"\n\t     \t\t:facebook=\"users.state.current.socials.facebook\"\n\t     \t\t:instagram=\"users.state.current.socials.instagram\"\n\t     \t\t:twitter=\"users.state.current.socials.twitter\"\n\t     \t\tclass=\"mn-r-auto mn-l-auto\"\n\t     \t/>\n\n\t\t\t</section>\n\t\t\t\n\t\t\t\n\n\t\t\t<Menu class=\"mn-b-regular bg-light\">\n\n\t\t\t  <MenuItem @click=\"router.push({name: 'User Events', params: {user: route.params._id}})\" class=\"cursor-pointer\">\n\t\t\t    <IconEvents class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t\t    <span>Events</span>\n\t\t\t  </MenuItem> \n\n\t\t\t  <MenuItem @click=\"router.push({name: 'User Organizations', params: {_id: route.params._id}})\" class=\"cursor-pointer\">\n\t\t\t    <IconGroups class=\"i-semi\" :icon=\"true\"/>\n\t\t\t    <span>Groups</span>\n\t\t\t  </MenuItem>\n\n\t\t\t \t<MenuItem @click=\"router.push({name: 'User Blogposts', params: {_id: route.params._id}})\" class=\"cursor-pointer\">\n\t\t\t \t\t<IconCommunity class=\"i-semi\" :icon=\"true\"/>\n\t\t\t    <span>Posts</span>\n\t\t\t  </MenuItem>\n\t\t\t</Menu>\n\n\t\t\t<Menu v-if=\"APP_NAME === 'Weeder'\"class=\"mn-b-regular bg-light\">\n\t\t\t\t<MenuItem @click=\"router.push({name: 'User Wallet', params: {_id: route.params._id}})\" class=\"cursor-pointer\">\n\t\t\t    <IconGroups class=\"i-semi\" :icon=\"true\"/>\n\t\t\t    <span>Wallet</span>\n\t\t\t  </MenuItem>\n\t\t\t</Menu>\n\t\t\t  \n\t\t\t  <!-- <MenuItem @click=\"router.push({name: 'User Comments', params: {_id: route.params._id}})\" class=\"cursor-pointer\">\n\t\t\t    <span>Comments</span>\n\t\t\t  </MenuItem>\n\t\t\t  <MenuItem @click=\"router.push({name: 'User Likes', params: {_id: route.params._id}})\" class=\"cursor-pointer\">\n\t\t\t    <span>Likes</span>\n\t\t\t  </MenuItem> -->\n\t\t\t  \n\t\t\t<Menu \n\t\t\t\tv-if=\"auth.state.user._id === route.params._id\"\n\t\t\t\tclass=\"bg-light\"\n\t\t\t>\n\t\t\t  <MenuItem \n\t\t\t  \t@click=\"router.push({\n\t\t\t  \t\tname: 'User Edit Profile', \n\t\t\t  \t\tparams: {\n\t\t\t  \t\t\t_id: route.params._id\n\t\t\t  \t\t}\n\t\t\t  \t})\" \n\t\t\t  \tclass=\"cursor-pointer\">\n\t\t\t    <span>\n\t\t\t    \tSettings\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\n\t\t\t  <MenuItem \n\t\t\t  \t@click=\"router.push({\n\t\t\t  \t\tname: 'Legal', \n\t\t\t  \t\tparams: {\n\t\t\t  \t\t\t_id: route.params._id\n\t\t\t  \t\t}\n\t\t\t  \t})\" \n\t\t\t  \tclass=\"cursor-pointer\">\n\t\t\t    <span>\n\t\t\t    \tAbout\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\t\t\t  \n\t\t\t  <MenuItem \n\t\t\t  \tclass=\"cursor-pointer\"\n\t\t\t\t\t@click=\"logout()\"\n\t\t\t  >\n\t\t\t    <span \n\t\t\t    \tclass=\"t-red\"\n\t\t\t    >\n\t\t\t    \tLogout\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\t\t\t</Menu>\n\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\n// Import components\nimport Field         from '@pf/src/components/Field/Field.vue'\nimport Button        from '@pf/src/components/Button/Button.vue'\nimport Dropdown from \"@pf/src/components/Dropdown/Dropdown.vue\";\nimport Completion from '@pf/src/components/Completion/Completion.vue'\n// Mobile Module\nimport Menu from '@pf/src/components/Menu/Menu.vue'\nimport MenuItem from '@pf/src/components/Menu/MenuItem.vue'\n// Org Module\nimport ButtonToggleMembership from '@pf/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n// Report Module\nimport FormReport from '@pf/src/modules/reports/components/sections/FormReport.vue'   \n// Community Module \nimport Activity from '@pf/src/modules/community/components/blocks/Activity.vue'; \nimport Socials from '@pf/src/modules/organizations/components/blocks/Socials.vue'\n// Icons Module\nimport IconEvents from '@pf/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@pf/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@pf/src/modules/icons/entities/IconCommunity.vue'\n\nimport IconEdit from '@pf/src/modules/icons/navigation/IconEdit.vue'\n\nimport PlaceholderUserpic from '@pf/src/modules/icons/placeholders/PlaceholderUserpic.vue'\n// Import libs\nimport { computed, watch, onMounted, ref, onBeforeMount } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\n// Import state\nimport * as auth from '@pf/src/modules/auth/views/store/auth'\nimport * as users from '@pf/src/modules/users/store/users'\nimport * as memberships from '@pf/src/modules/organizations/store/memberships'\n// Accessing router\nconst route = useRoute()\nconst router = useRouter()\n// Get organization _id from cookie\nconst show = ref(false)\n\nonMounted(async () => {\n \tawait users.actions.read({ _id: route.params._id, user: auth.state.user._id });\n \tshow.value = true\n})\n\nconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n  memberships.mutations.handleMembershipUpdate(users.state.current, membership, status, target, statusName, statusNumber)\n};\n\nfunction logout () {\n  auth.actions.logout()\n\n  router.push({name: 'Sign In'})\n}\n</script>\n\n<style lang=\"scss\">\n\t#header {\n\t\t// height: 3rem;\n\t}\n</style>\n"],"names":["useRoute","useRouter","ref","onMounted","users.actions","auth.state","memberships.mutations","users.state","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8QA,UAAM,QAAQA,UAAAA,SAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAE1B,UAAM,OAAOC,IAAG,IAAC,KAAK;AAEtBC,QAAAA,UAAU,YAAY;AACpB,YAAMC,cAAc,KAAK,EAAE,KAAK,MAAM,OAAO,KAAK,MAAMC,KAAU,MAAC,KAAK,IAAK,CAAA;AAC7E,WAAK,QAAQ;AAAA,IACf,CAAC;AAED,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAQ,GAAE,YAAY,iBAAiB;AAC3FC,4BAAsB,uBAAuBC,MAAAA,MAAY,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IACxH;AAEA,aAAS,SAAU;AACjBC,WAAAA,QAAa,OAAQ;AAErB,aAAO,KAAK,EAAC,MAAM,UAAS,CAAC;AAAA,IAC/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/users/components/pages/Profile.vue.js

@@ -2,9 +2,9 @@ import { ref, onMounted, openBlock, createElementBlock, unref, createBlock, crea
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                                        */
-import _sfc_main$2 from "../../../../components/Dropdown/Dropdown.vue2.js";
+import _sfc_main$2 from "../../../../components/Dropdown/Dropdown.vue.js";
 import _sfc_main$1 from "../../../../components/Completion/Completion.vue.js";
-import _sfc_main$7 from "../../../../components/Menu/Menu.vue.js";
+import _sfc_main$7 from "../../../../components/Menu/Menu.vue2.js";
 import _sfc_main$8 from "../../../../components/Menu/MenuItem.vue.js";
 import _sfc_main$4 from "../../../organizations/components/elements/ButtonToggleMembership.vue.js";
 import _sfc_main$3 from "../../../reports/components/sections/FormReport.vue.js";
@@ -34,27 +34,19 @@ const _hoisted_3 = {
 };
 const _hoisted_4 = { class: "flex-center pos-relative flex flex-column t-center w-100 mn-b-semi radius-medium pd-medium bg-light" };
 const _hoisted_5 = { class: "bg-black pd-thin radius-small" };
-const _hoisted_6 = /* @__PURE__ */ createElementVNode("button", { class: "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button" }, " Report ", -1);
-const _hoisted_7 = ["src"];
-const _hoisted_8 = { class: "mn-b-thin" };
-const _hoisted_9 = {
+const _hoisted_6 = ["src"];
+const _hoisted_7 = { class: "mn-b-thin" };
+const _hoisted_8 = {
   key: 4,
   class: "mn-b-thin t-main t-semi"
 };
-const _hoisted_10 = { class: "mn-b-small p-medium" };
-const _hoisted_11 = { class: "mn-b-medium flex-center flex-nowrap flex" };
-const _hoisted_12 = { class: "t-semi mn-b-small" };
-const _hoisted_13 = {
+const _hoisted_9 = { class: "mn-b-small p-medium" };
+const _hoisted_10 = { class: "mn-b-medium flex-center flex-nowrap flex" };
+const _hoisted_11 = { class: "t-semi mn-b-small" };
+const _hoisted_12 = {
   key: 6,
   class: "mn-t-small mn-b-thin"
 };
-const _hoisted_14 = /* @__PURE__ */ createElementVNode("span", null, "Events", -1);
-const _hoisted_15 = /* @__PURE__ */ createElementVNode("span", null, "Groups", -1);
-const _hoisted_16 = /* @__PURE__ */ createElementVNode("span", null, "Posts", -1);
-const _hoisted_17 = /* @__PURE__ */ createElementVNode("span", null, "Wallet", -1);
-const _hoisted_18 = /* @__PURE__ */ createElementVNode("span", null, " Settings ", -1);
-const _hoisted_19 = /* @__PURE__ */ createElementVNode("span", null, " About ", -1);
-const _hoisted_20 = /* @__PURE__ */ createElementVNode("span", { class: "t-red" }, " Logout ", -1);
 const _sfc_main = {
   __name: "Profile",
   setup(__props) {
@@ -100,9 +92,9 @@ const _sfc_main = {
                     text: "Report",
                     class: "w-100"
                   }, {
-                    default: withCtx(() => [
-                      _hoisted_6
-                    ]),
+                    default: withCtx(() => _cache[10] || (_cache[10] = [
+                      createElementVNode("button", { class: "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button" }, " Report ", -1)
+                    ])),
                     _: 1
                   }, 8, ["user", "target"]),
                   state.user._id ? (openBlock(), createBlock(_sfc_main$4, {
@@ -135,21 +127,21 @@ const _sfc_main = {
               loading: "lazy",
               src: (_ctx.FILE_SERVER_URL || "") + state$1.current.profile.photo,
               class: "radius-extra bg-white mn-b-small object-fit-cover i-extra"
-            }, null, 8, _hoisted_7)) : (openBlock(), createBlock(PlaceholderUserpic, {
+            }, null, 8, _hoisted_6)) : (openBlock(), createBlock(PlaceholderUserpic, {
               key: 3,
               class: "radius-medium mn-b-small i-extra"
             })),
-            createElementVNode("h3", _hoisted_8, toDisplayString(state$1.current.profile.name ? state$1.current.profile.name : "Anonymous"), 1),
-            state$1.current.username ? (openBlock(), createElementBlock("p", _hoisted_9, " @" + toDisplayString(state$1.current.username ? state$1.current.username : "Not specified"), 1)) : createCommentVNode("", true),
-            createElementVNode("p", _hoisted_10, toDisplayString(state$1.current.profile.description ? state$1.current.profile.description : "Bio not specified"), 1),
-            createElementVNode("div", _hoisted_11, [
+            createElementVNode("h3", _hoisted_7, toDisplayString(state$1.current.profile.name ? state$1.current.profile.name : "Anonymous"), 1),
+            state$1.current.username ? (openBlock(), createElementBlock("p", _hoisted_8, " @" + toDisplayString(state$1.current.username ? state$1.current.username : "Not specified"), 1)) : createCommentVNode("", true),
+            createElementVNode("p", _hoisted_9, toDisplayString(state$1.current.profile.description ? state$1.current.profile.description : "Bio not specified"), 1),
+            createElementVNode("div", _hoisted_10, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(state$1.current.roles, (role, index) => {
                 return openBlock(), createElementBlock("div", {
                   class: normalizeClass(["pd-thin radius-small t-semi bg-white", { "mn-r-thin": index !== state$1.current.roles.length - 1 }])
                 }, toDisplayString(role.icon) + " " + toDisplayString(role.name), 3);
               }), 256))
             ]),
-            createElementVNode("p", _hoisted_12, " 👨‍👨‍👧‍👧 " + toDisplayString(state$1.current.numberOfSubscribers) + " followers ", 1),
+            createElementVNode("p", _hoisted_11, " 👨‍👨‍👧‍👧 " + toDisplayString(state$1.current.numberOfSubscribers) + " followers ", 1),
             state.user._id && unref(route).params._id && unref(route).params._id !== state.user._id ? (openBlock(), createBlock(_sfc_main$4, {
               key: 5,
               user: state.user._id,
@@ -161,7 +153,7 @@ const _sfc_main = {
               onUpdateMembership: _cache[2] || (_cache[2] = (event) => handleMembershipUpdate(event, "isSubscriber", "numberOfSubscribers")),
               class: "w-min mn-b-medium mn-r-auto mn-l-auto"
             }, null, 8, ["user", "target", "status"])) : createCommentVNode("", true),
-            Object.values(state$1.current.socials).some((value) => value) ? (openBlock(), createElementBlock("h4", _hoisted_13, " Find Me in Socials ")) : createCommentVNode("", true),
+            Object.values(state$1.current.socials).some((value) => value) ? (openBlock(), createElementBlock("h4", _hoisted_12, " Find Me in Socials ")) : createCommentVNode("", true),
             createVNode(_sfc_main$6, {
               telegram: state$1.current.socials.telegram,
               facebook: state$1.current.socials.facebook,
@@ -182,7 +174,7 @@ const _sfc_main = {
                     icon: true,
                     fill: "rgb(var(--white))"
                   }),
-                  _hoisted_14
+                  _cache[11] || (_cache[11] = createElementVNode("span", null, "Events", -1))
                 ]),
                 _: 1
               }),
@@ -195,7 +187,7 @@ const _sfc_main = {
                     class: "i-semi",
                     icon: true
                   }),
-                  _hoisted_15
+                  _cache[12] || (_cache[12] = createElementVNode("span", null, "Groups", -1))
                 ]),
                 _: 1
               }),
@@ -208,7 +200,7 @@ const _sfc_main = {
                     class: "i-semi",
                     icon: true
                   }),
-                  _hoisted_16
+                  _cache[13] || (_cache[13] = createElementVNode("span", null, "Posts", -1))
                 ]),
                 _: 1
               })
@@ -229,7 +221,7 @@ const _sfc_main = {
                     class: "i-semi",
                     icon: true
                   }),
-                  _hoisted_17
+                  _cache[14] || (_cache[14] = createElementVNode("span", null, "Wallet", -1))
                 ]),
                 _: 1
               })
@@ -250,9 +242,9 @@ const _sfc_main = {
                 })),
                 class: "cursor-pointer"
               }, {
-                default: withCtx(() => [
-                  _hoisted_18
-                ]),
+                default: withCtx(() => _cache[15] || (_cache[15] = [
+                  createElementVNode("span", null, " Settings ", -1)
+                ])),
                 _: 1
               }),
               createVNode(_sfc_main$8, {
@@ -264,18 +256,18 @@ const _sfc_main = {
                 })),
                 class: "cursor-pointer"
               }, {
-                default: withCtx(() => [
-                  _hoisted_19
-                ]),
+                default: withCtx(() => _cache[16] || (_cache[16] = [
+                  createElementVNode("span", null, " About ", -1)
+                ])),
                 _: 1
               }),
               createVNode(_sfc_main$8, {
                 class: "cursor-pointer",
                 onClick: _cache[9] || (_cache[9] = ($event) => logout())
               }, {
-                default: withCtx(() => [
-                  _hoisted_20
-                ]),
+                default: withCtx(() => _cache[17] || (_cache[17] = [
+                  createElementVNode("span", { class: "t-red" }, " Logout ", -1)
+                ])),
                 _: 1
               })
             ]),

package/dist/prometheus-framework/src/modules/users/components/pages/Profile.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Profile.vue.js","sources":["../../../../../../../src/modules/users/components/pages/Profile.vue"],"sourcesContent":["<template>\n\t<div \n\t\tv-if=\"show\"\n\t\tclass=\"for-transition w-100\"\n\t>\n\t\t<div \n\t\t\tv-if=\"users.state.current.status === 'removed'\"\n\t\t\tclass=\"flex-center flex pd-medium radius-big bg-light uppercase t-semi w-100 h-100\"\n\t\t>\n\t\t\tSorry, user has been removed.\n\t\t</div>\n\n\t\t<div \n\t\t\tv-else\n\t\t\t_id=\"dash\" \n\t\t\tclass=\"pd-b-extra pd-thin w-100\"\n\t\t>\n\t\t\t<Completion \n\t\t\t\tv-if=\"route.params._id === auth.state.user._id && show\" \n\t\t    :user=\"auth.state.user._id\"\n\t\t    :target=\"users.state.current\"\n\t\t    :cta=\"true\" \n\t\t    text_cta=\"Fill Profile\"\n\t\t    text=\"Profile completed at\"\n\t\t    class=\"mn-b-medium\"\n\t\t\t/>\n\n\t\t\t<section \n\n\t\t\t\tclass=\"flex-center pos-relative flex flex-column t-center w-100 mn-b-semi radius-medium pd-medium bg-light\"\n\t\t\t>\n\n\t\t\t\t<Dropdown \n\t\t\t\t\tv-if=\"route.params._id && route.params._id !== auth.state.user._id\"\n\t\t\t\t\t:label=\"'...'\" \n\t\t\t\t\t:align=\"'right'\"\n\t\t\t\t\tclass=\"cursor-pointer pos-absolute pos-r-0 pos-t-0 pd-thin radius-extra \"\n\t\t\t\t>\n\t\t\t\t\t<section \n\t\t\t\t\t\tclass=\"bg-black pd-thin radius-small\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<FormReport \n\t\t\t\t\t\t\t:user=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:type=\"'user'\" \n\t\t\t\t\t\t\t:target=\"users.state.current._id\" \n\t\t\t\t\t\t\t:text=\"'Report'\" \n\t\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<button \n\t\t\t\t\t\t\t\tclass=\"w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tReport\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</FormReport>\n\n\t\t\t\t\t\t<ButtonToggleMembership\n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t      :user=\"auth.state.user._id\"\n\t\t\t\t      :type=\"'user'\" \n\t\t\t      \t:role=\"'blocked'\" \n\t\t\t\t      :target=\"users.state.current._id\" \n\t\t\t\t      :status=\"users.state.current.isBlocked\" \n\t\t\t\t      :text=\"{create: 'Block', remove: 'Unblock'}\"\n\t\t\t\t      @updateMembership=\"event => handleMembershipUpdate(event, 'isBlocked')\"\n\t\t\t\t      class=\"t-white mn-t-thin bg-red\" \n\t\t\t    \t/>\n\t\t\t\t\t</section>\n\t      </Dropdown>\t\n\n\n\t\t\t\t<IconEdit\n\t\t\t\t\tv-if=\"route.params._id === auth.state.user._id\"\n\t\t\t\t\t@click=\"$router.push({\n\t\t\t\t\t\tname: 'User Edit Profile', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: auth.state.user._id\n\t\t\t\t\t\t}\n\t\t\t\t\t})\" \n\t\t\t\t\tclass=\"cursor-pointer pos-absolute pos-t-regular pos-r-regular i-regular t-transp\"\n\t\t\t\t/>\n\n\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\tv-if=\"users.state.current.profile.photo && users.state.current.profile.photo.length > 0\" \n\t\t\t\t\t:src=\"(FILE_SERVER_URL || '')+ users.state.current.profile.photo\" \n\t\t\t\t\tclass=\"radius-extra bg-white mn-b-small object-fit-cover i-extra\" \n\t\t\t\t/>\n\t\t\t\t\n\t\t\t\t<PlaceholderUserpic \n\t\t\t\t\tv-else \n\t\t\t\t\tclass=\"radius-medium mn-b-small i-extra\"\n\t\t\t\t/>\n\n\t\t\t\t<h3 \n\t\t\t\t\tclass=\"mn-b-thin\"\n\t\t\t\t>\n\t\t\t\t\t{{users.state.current.profile.name ? users.state.current.profile.name : 'Anonymous' }}\n\t\t\t\t</h3>\n\t\t\t\t\n\t\t\t\t<p \n\t\t\t\t\tv-if=\"users.state.current.username\"\n\t\t\t\t\tclass=\"mn-b-thin t-main t-semi\"\n\t\t\t\t>\n\t\t\t\t\t@{{ users.state.current.username ? users.state.current.username : 'Not specified' }}\n\t\t\t\t</p>\n\n\t\t\t\t<p \n\t\t\t\t\tclass=\"mn-b-small p-medium\"\n\t\t\t\t>\n\t\t\t\t {{ users.state.current.profile.description ? users.state.current.profile.description : 'Bio not specified' }}\n\t\t\t\t</p>\n\t\t\t\t\n\t\t\t\t<div class=\"mn-b-medium flex-center flex-nowrap flex\">\n\t\t\t\t\t<div \n\t\t\t\t\t  v-for=\"(role,index) in users.state.current.roles\" \n\t\t\t\t\t  class=\"pd-thin radius-small t-semi bg-white\" \n\t\t\t\t\t  :class=\"{'mn-r-thin': index !== users.state.current.roles.length - 1}\"\n\t\t\t\t\t >\n\t\t\t\t\t\t{{role.icon}}\n\t\t\t\t\t\t{{role.name}}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\t\t\t\n\n\t\t\t\t<p \n\t\t\t\t\tclass=\"t-semi mn-b-small\"\n\t\t\t\t>\n\t\t\t\t\t<!-- 👍 3 212 likes ·  -->\n\t\t\t\t\t<!-- 💬 342 comments ·  -->\n\t\t\t\t\t👨‍👨‍👧‍👧 {{users.state.current.numberOfSubscribers}} followers\n\t\t\t\t</p>\n\t\t\t\t\n\t    \t<ButtonToggleMembership\n\t    \t\tv-if=\"auth.state.user._id && route.params._id && route.params._id !== auth.state.user._id\"\n\t\t      :user=\"auth.state.user._id\"\n\t\t      :type=\"'user'\" \n\t      \t:role=\"'subscriber'\" \n\t\t      :target=\"users.state.current._id\" \n\t\t      :status=\"users.state.current.isSubscriber\" \n\t\t\t\t\t:text=\"{create: 'Follow', remove: 'Unfollow'}\"\n\t\t      @updateMembership=\"event => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')\"\n\t\t      class=\"w-min mn-b-medium\tmn-r-auto mn-l-auto\" \n\t    \t/>\n\n\t    \t<h4 \n\t      \tv-if=\"Object.values(users.state.current.socials).some(value => value)\" \n\t      \tclass=\"mn-t-small mn-b-thin\"\n\t      >\n\t    \t\tFind Me in Socials\n\t    \t</h4>\n\t     \t<Socials \n\t     \t\t:telegram=\"users.state.current.socials.telegram\"\n\t     \t\t:facebook=\"users.state.current.socials.facebook\"\n\t     \t\t:instagram=\"users.state.current.socials.instagram\"\n\t     \t\t:twitter=\"users.state.current.socials.twitter\"\n\t     \t\tclass=\"mn-r-auto mn-l-auto\"\n\t     \t/>\n\n\t\t\t</section>\n\t\t\t\n\t\t\t\n\n\t\t\t<Menu class=\"mn-b-regular bg-light\">\n\n\t\t\t  <MenuItem @click=\"router.push({name: 'User Events', params: {user: route.params._id}})\" class=\"cursor-pointer\">\n\t\t\t    <IconEvents class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t\t    <span>Events</span>\n\t\t\t  </MenuItem> \n\n\t\t\t  <MenuItem @click=\"router.push({name: 'User Organizations', params: {_id: route.params._id}})\" class=\"cursor-pointer\">\n\t\t\t    <IconGroups class=\"i-semi\" :icon=\"true\"/>\n\t\t\t    <span>Groups</span>\n\t\t\t  </MenuItem>\n\n\t\t\t \t<MenuItem @click=\"router.push({name: 'User Blogposts', params: {_id: route.params._id}})\" class=\"cursor-pointer\">\n\t\t\t \t\t<IconCommunity class=\"i-semi\" :icon=\"true\"/>\n\t\t\t    <span>Posts</span>\n\t\t\t  </MenuItem>\n\t\t\t</Menu>\n\n\t\t\t<Menu v-if=\"APP_NAME === 'Weeder'\"class=\"mn-b-regular bg-light\">\n\t\t\t\t<MenuItem @click=\"router.push({name: 'User Wallet', params: {_id: route.params._id}})\" class=\"cursor-pointer\">\n\t\t\t    <IconGroups class=\"i-semi\" :icon=\"true\"/>\n\t\t\t    <span>Wallet</span>\n\t\t\t  </MenuItem>\n\t\t\t</Menu>\n\t\t\t  \n\t\t\t  <!-- <MenuItem @click=\"router.push({name: 'User Comments', params: {_id: route.params._id}})\" class=\"cursor-pointer\">\n\t\t\t    <span>Comments</span>\n\t\t\t  </MenuItem>\n\t\t\t  <MenuItem @click=\"router.push({name: 'User Likes', params: {_id: route.params._id}})\" class=\"cursor-pointer\">\n\t\t\t    <span>Likes</span>\n\t\t\t  </MenuItem> -->\n\t\t\t  \n\t\t\t<Menu \n\t\t\t\tv-if=\"auth.state.user._id === route.params._id\"\n\t\t\t\tclass=\"bg-light\"\n\t\t\t>\n\t\t\t  <MenuItem \n\t\t\t  \t@click=\"router.push({\n\t\t\t  \t\tname: 'User Edit Profile', \n\t\t\t  \t\tparams: {\n\t\t\t  \t\t\t_id: route.params._id\n\t\t\t  \t\t}\n\t\t\t  \t})\" \n\t\t\t  \tclass=\"cursor-pointer\">\n\t\t\t    <span>\n\t\t\t    \tSettings\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\n\t\t\t  <MenuItem \n\t\t\t  \t@click=\"router.push({\n\t\t\t  \t\tname: 'Legal', \n\t\t\t  \t\tparams: {\n\t\t\t  \t\t\t_id: route.params._id\n\t\t\t  \t\t}\n\t\t\t  \t})\" \n\t\t\t  \tclass=\"cursor-pointer\">\n\t\t\t    <span>\n\t\t\t    \tAbout\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\t\t\t  \n\t\t\t  <MenuItem \n\t\t\t  \tclass=\"cursor-pointer\"\n\t\t\t\t\t@click=\"logout()\"\n\t\t\t  >\n\t\t\t    <span \n\t\t\t    \tclass=\"t-red\"\n\t\t\t    >\n\t\t\t    \tLogout\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\t\t\t</Menu>\n\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\n// Import components\nimport Field         from '@pf/src/components/Field/Field.vue'\nimport Button        from '@pf/src/components/Button/Button.vue'\nimport Dropdown from \"@pf/src/components/Dropdown/Dropdown.vue\";\nimport Completion from '@pf/src/components/Completion/Completion.vue'\n// Mobile Module\nimport Menu from '@pf/src/components/Menu/Menu.vue'\nimport MenuItem from '@pf/src/components/Menu/MenuItem.vue'\n// Org Module\nimport ButtonToggleMembership from '@pf/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n// Report Module\nimport FormReport from '@pf/src/modules/reports/components/sections/FormReport.vue'   \n// Community Module \nimport Activity from '@pf/src/modules/community/components/blocks/Activity.vue'; \nimport Socials from '@pf/src/modules/organizations/components/blocks/Socials.vue'\n// Icons Module\nimport IconEvents from '@pf/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@pf/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@pf/src/modules/icons/entities/IconCommunity.vue'\n\nimport IconEdit from '@pf/src/modules/icons/navigation/IconEdit.vue'\n\nimport PlaceholderUserpic from '@pf/src/modules/icons/placeholders/PlaceholderUserpic.vue'\n// Import libs\nimport { computed, watch, onMounted, ref, onBeforeMount } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\n// Import state\nimport * as auth from '@pf/src/modules/auth/views/store/auth'\nimport * as users from '@pf/src/modules/users/store/users'\nimport * as memberships from '@pf/src/modules/organizations/store/memberships'\n// Accessing router\nconst route = useRoute()\nconst router = useRouter()\n// Get organization _id from cookie\nconst show = ref(false)\n\nonMounted(async () => {\n \tawait users.actions.read({ _id: route.params._id, user: auth.state.user._id });\n \tshow.value = true\n})\n\nconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n  memberships.mutations.handleMembershipUpdate(users.state.current, membership, status, target, statusName, statusNumber)\n};\n\nfunction logout () {\n  auth.actions.logout()\n\n  router.push({name: 'Sign In'})\n}\n</script>\n\n<style lang=\"scss\">\n\t#header {\n\t\t// height: 3rem;\n\t}\n</style>\n"],"names":["users.actions","auth.state","memberships.mutations","users.state","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8QA,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAE1B,UAAM,OAAO,IAAI,KAAK;AAEtB,cAAU,YAAY;AACpB,YAAMA,QAAc,KAAK,EAAE,KAAK,MAAM,OAAO,KAAK,MAAMC,MAAW,KAAK,IAAK,CAAA;AAC7E,WAAK,QAAQ;AAAA,IACf,CAAC;AAED,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAQ,GAAE,YAAY,iBAAiB;AAC3FC,gBAAsB,uBAAuBC,QAAY,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IACxH;AAEA,aAAS,SAAU;AACjBC,gBAAa,OAAQ;AAErB,aAAO,KAAK,EAAC,MAAM,UAAS,CAAC;AAAA,IAC/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Profile.vue.js","sources":["../../../../../../../src/modules/users/components/pages/Profile.vue"],"sourcesContent":["<template>\n\t<div \n\t\tv-if=\"show\"\n\t\tclass=\"for-transition w-100\"\n\t>\n\t\t<div \n\t\t\tv-if=\"users.state.current.status === 'removed'\"\n\t\t\tclass=\"flex-center flex pd-medium radius-big bg-light uppercase t-semi w-100 h-100\"\n\t\t>\n\t\t\tSorry, user has been removed.\n\t\t</div>\n\n\t\t<div \n\t\t\tv-else\n\t\t\t_id=\"dash\" \n\t\t\tclass=\"pd-b-extra pd-thin w-100\"\n\t\t>\n\t\t\t<Completion \n\t\t\t\tv-if=\"route.params._id === auth.state.user._id && show\" \n\t\t    :user=\"auth.state.user._id\"\n\t\t    :target=\"users.state.current\"\n\t\t    :cta=\"true\" \n\t\t    text_cta=\"Fill Profile\"\n\t\t    text=\"Profile completed at\"\n\t\t    class=\"mn-b-medium\"\n\t\t\t/>\n\n\t\t\t<section \n\n\t\t\t\tclass=\"flex-center pos-relative flex flex-column t-center w-100 mn-b-semi radius-medium pd-medium bg-light\"\n\t\t\t>\n\n\t\t\t\t<Dropdown \n\t\t\t\t\tv-if=\"route.params._id && route.params._id !== auth.state.user._id\"\n\t\t\t\t\t:label=\"'...'\" \n\t\t\t\t\t:align=\"'right'\"\n\t\t\t\t\tclass=\"cursor-pointer pos-absolute pos-r-0 pos-t-0 pd-thin radius-extra \"\n\t\t\t\t>\n\t\t\t\t\t<section \n\t\t\t\t\t\tclass=\"bg-black pd-thin radius-small\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<FormReport \n\t\t\t\t\t\t\t:user=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:type=\"'user'\" \n\t\t\t\t\t\t\t:target=\"users.state.current._id\" \n\t\t\t\t\t\t\t:text=\"'Report'\" \n\t\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<button \n\t\t\t\t\t\t\t\tclass=\"w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tReport\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</FormReport>\n\n\t\t\t\t\t\t<ButtonToggleMembership\n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t      :user=\"auth.state.user._id\"\n\t\t\t\t      :type=\"'user'\" \n\t\t\t      \t:role=\"'blocked'\" \n\t\t\t\t      :target=\"users.state.current._id\" \n\t\t\t\t      :status=\"users.state.current.isBlocked\" \n\t\t\t\t      :text=\"{create: 'Block', remove: 'Unblock'}\"\n\t\t\t\t      @updateMembership=\"event => handleMembershipUpdate(event, 'isBlocked')\"\n\t\t\t\t      class=\"t-white mn-t-thin bg-red\" \n\t\t\t    \t/>\n\t\t\t\t\t</section>\n\t      </Dropdown>\t\n\n\n\t\t\t\t<IconEdit\n\t\t\t\t\tv-if=\"route.params._id === auth.state.user._id\"\n\t\t\t\t\t@click=\"$router.push({\n\t\t\t\t\t\tname: 'User Edit Profile', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: auth.state.user._id\n\t\t\t\t\t\t}\n\t\t\t\t\t})\" \n\t\t\t\t\tclass=\"cursor-pointer pos-absolute pos-t-regular pos-r-regular i-regular t-transp\"\n\t\t\t\t/>\n\n\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\tv-if=\"users.state.current.profile.photo && users.state.current.profile.photo.length > 0\" \n\t\t\t\t\t:src=\"(FILE_SERVER_URL || '')+ users.state.current.profile.photo\" \n\t\t\t\t\tclass=\"radius-extra bg-white mn-b-small object-fit-cover i-extra\" \n\t\t\t\t/>\n\t\t\t\t\n\t\t\t\t<PlaceholderUserpic \n\t\t\t\t\tv-else \n\t\t\t\t\tclass=\"radius-medium mn-b-small i-extra\"\n\t\t\t\t/>\n\n\t\t\t\t<h3 \n\t\t\t\t\tclass=\"mn-b-thin\"\n\t\t\t\t>\n\t\t\t\t\t{{users.state.current.profile.name ? users.state.current.profile.name : 'Anonymous' }}\n\t\t\t\t</h3>\n\t\t\t\t\n\t\t\t\t<p \n\t\t\t\t\tv-if=\"users.state.current.username\"\n\t\t\t\t\tclass=\"mn-b-thin t-main t-semi\"\n\t\t\t\t>\n\t\t\t\t\t@{{ users.state.current.username ? users.state.current.username : 'Not specified' }}\n\t\t\t\t</p>\n\n\t\t\t\t<p \n\t\t\t\t\tclass=\"mn-b-small p-medium\"\n\t\t\t\t>\n\t\t\t\t {{ users.state.current.profile.description ? users.state.current.profile.description : 'Bio not specified' }}\n\t\t\t\t</p>\n\t\t\t\t\n\t\t\t\t<div class=\"mn-b-medium flex-center flex-nowrap flex\">\n\t\t\t\t\t<div \n\t\t\t\t\t  v-for=\"(role,index) in users.state.current.roles\" \n\t\t\t\t\t  class=\"pd-thin radius-small t-semi bg-white\" \n\t\t\t\t\t  :class=\"{'mn-r-thin': index !== users.state.current.roles.length - 1}\"\n\t\t\t\t\t >\n\t\t\t\t\t\t{{role.icon}}\n\t\t\t\t\t\t{{role.name}}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\t\t\t\n\n\t\t\t\t<p \n\t\t\t\t\tclass=\"t-semi mn-b-small\"\n\t\t\t\t>\n\t\t\t\t\t<!-- 👍 3 212 likes ·  -->\n\t\t\t\t\t<!-- 💬 342 comments ·  -->\n\t\t\t\t\t👨‍👨‍👧‍👧 {{users.state.current.numberOfSubscribers}} followers\n\t\t\t\t</p>\n\t\t\t\t\n\t    \t<ButtonToggleMembership\n\t    \t\tv-if=\"auth.state.user._id && route.params._id && route.params._id !== auth.state.user._id\"\n\t\t      :user=\"auth.state.user._id\"\n\t\t      :type=\"'user'\" \n\t      \t:role=\"'subscriber'\" \n\t\t      :target=\"users.state.current._id\" \n\t\t      :status=\"users.state.current.isSubscriber\" \n\t\t\t\t\t:text=\"{create: 'Follow', remove: 'Unfollow'}\"\n\t\t      @updateMembership=\"event => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')\"\n\t\t      class=\"w-min mn-b-medium\tmn-r-auto mn-l-auto\" \n\t    \t/>\n\n\t    \t<h4 \n\t      \tv-if=\"Object.values(users.state.current.socials).some(value => value)\" \n\t      \tclass=\"mn-t-small mn-b-thin\"\n\t      >\n\t    \t\tFind Me in Socials\n\t    \t</h4>\n\t     \t<Socials \n\t     \t\t:telegram=\"users.state.current.socials.telegram\"\n\t     \t\t:facebook=\"users.state.current.socials.facebook\"\n\t     \t\t:instagram=\"users.state.current.socials.instagram\"\n\t     \t\t:twitter=\"users.state.current.socials.twitter\"\n\t     \t\tclass=\"mn-r-auto mn-l-auto\"\n\t     \t/>\n\n\t\t\t</section>\n\t\t\t\n\t\t\t\n\n\t\t\t<Menu class=\"mn-b-regular bg-light\">\n\n\t\t\t  <MenuItem @click=\"router.push({name: 'User Events', params: {user: route.params._id}})\" class=\"cursor-pointer\">\n\t\t\t    <IconEvents class=\"i-semi\" :icon=\"true\" :fill=\"'rgb(var(--white))'\"/> \n\t\t\t    <span>Events</span>\n\t\t\t  </MenuItem> \n\n\t\t\t  <MenuItem @click=\"router.push({name: 'User Organizations', params: {_id: route.params._id}})\" class=\"cursor-pointer\">\n\t\t\t    <IconGroups class=\"i-semi\" :icon=\"true\"/>\n\t\t\t    <span>Groups</span>\n\t\t\t  </MenuItem>\n\n\t\t\t \t<MenuItem @click=\"router.push({name: 'User Blogposts', params: {_id: route.params._id}})\" class=\"cursor-pointer\">\n\t\t\t \t\t<IconCommunity class=\"i-semi\" :icon=\"true\"/>\n\t\t\t    <span>Posts</span>\n\t\t\t  </MenuItem>\n\t\t\t</Menu>\n\n\t\t\t<Menu v-if=\"APP_NAME === 'Weeder'\"class=\"mn-b-regular bg-light\">\n\t\t\t\t<MenuItem @click=\"router.push({name: 'User Wallet', params: {_id: route.params._id}})\" class=\"cursor-pointer\">\n\t\t\t    <IconGroups class=\"i-semi\" :icon=\"true\"/>\n\t\t\t    <span>Wallet</span>\n\t\t\t  </MenuItem>\n\t\t\t</Menu>\n\t\t\t  \n\t\t\t  <!-- <MenuItem @click=\"router.push({name: 'User Comments', params: {_id: route.params._id}})\" class=\"cursor-pointer\">\n\t\t\t    <span>Comments</span>\n\t\t\t  </MenuItem>\n\t\t\t  <MenuItem @click=\"router.push({name: 'User Likes', params: {_id: route.params._id}})\" class=\"cursor-pointer\">\n\t\t\t    <span>Likes</span>\n\t\t\t  </MenuItem> -->\n\t\t\t  \n\t\t\t<Menu \n\t\t\t\tv-if=\"auth.state.user._id === route.params._id\"\n\t\t\t\tclass=\"bg-light\"\n\t\t\t>\n\t\t\t  <MenuItem \n\t\t\t  \t@click=\"router.push({\n\t\t\t  \t\tname: 'User Edit Profile', \n\t\t\t  \t\tparams: {\n\t\t\t  \t\t\t_id: route.params._id\n\t\t\t  \t\t}\n\t\t\t  \t})\" \n\t\t\t  \tclass=\"cursor-pointer\">\n\t\t\t    <span>\n\t\t\t    \tSettings\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\n\t\t\t  <MenuItem \n\t\t\t  \t@click=\"router.push({\n\t\t\t  \t\tname: 'Legal', \n\t\t\t  \t\tparams: {\n\t\t\t  \t\t\t_id: route.params._id\n\t\t\t  \t\t}\n\t\t\t  \t})\" \n\t\t\t  \tclass=\"cursor-pointer\">\n\t\t\t    <span>\n\t\t\t    \tAbout\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\t\t\t  \n\t\t\t  <MenuItem \n\t\t\t  \tclass=\"cursor-pointer\"\n\t\t\t\t\t@click=\"logout()\"\n\t\t\t  >\n\t\t\t    <span \n\t\t\t    \tclass=\"t-red\"\n\t\t\t    >\n\t\t\t    \tLogout\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\t\t\t</Menu>\n\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\n// Import components\nimport Field         from '@pf/src/components/Field/Field.vue'\nimport Button        from '@pf/src/components/Button/Button.vue'\nimport Dropdown from \"@pf/src/components/Dropdown/Dropdown.vue\";\nimport Completion from '@pf/src/components/Completion/Completion.vue'\n// Mobile Module\nimport Menu from '@pf/src/components/Menu/Menu.vue'\nimport MenuItem from '@pf/src/components/Menu/MenuItem.vue'\n// Org Module\nimport ButtonToggleMembership from '@pf/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n// Report Module\nimport FormReport from '@pf/src/modules/reports/components/sections/FormReport.vue'   \n// Community Module \nimport Activity from '@pf/src/modules/community/components/blocks/Activity.vue'; \nimport Socials from '@pf/src/modules/organizations/components/blocks/Socials.vue'\n// Icons Module\nimport IconEvents from '@pf/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@pf/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@pf/src/modules/icons/entities/IconCommunity.vue'\n\nimport IconEdit from '@pf/src/modules/icons/navigation/IconEdit.vue'\n\nimport PlaceholderUserpic from '@pf/src/modules/icons/placeholders/PlaceholderUserpic.vue'\n// Import libs\nimport { computed, watch, onMounted, ref, onBeforeMount } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\n// Import state\nimport * as auth from '@pf/src/modules/auth/views/store/auth'\nimport * as users from '@pf/src/modules/users/store/users'\nimport * as memberships from '@pf/src/modules/organizations/store/memberships'\n// Accessing router\nconst route = useRoute()\nconst router = useRouter()\n// Get organization _id from cookie\nconst show = ref(false)\n\nonMounted(async () => {\n \tawait users.actions.read({ _id: route.params._id, user: auth.state.user._id });\n \tshow.value = true\n})\n\nconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n  memberships.mutations.handleMembershipUpdate(users.state.current, membership, status, target, statusName, statusNumber)\n};\n\nfunction logout () {\n  auth.actions.logout()\n\n  router.push({name: 'Sign In'})\n}\n</script>\n\n<style lang=\"scss\">\n\t#header {\n\t\t// height: 3rem;\n\t}\n</style>\n"],"names":["users.actions","auth.state","memberships.mutations","users.state","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8QA,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAE1B,UAAM,OAAO,IAAI,KAAK;AAEtB,cAAU,YAAY;AACpB,YAAMA,QAAc,KAAK,EAAE,KAAK,MAAM,OAAO,KAAK,MAAMC,MAAW,KAAK,IAAK,CAAA;AAC7E,WAAK,QAAQ;AAAA,IACf,CAAC;AAED,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAQ,GAAE,YAAY,iBAAiB;AAC3FC,gBAAsB,uBAAuBC,QAAY,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IACxH;AAEA,aAAS,SAAU;AACjBC,gBAAa,OAAQ;AAErB,aAAO,KAAK,EAAC,MAAM,UAAS,CAAC;AAAA,IAC/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/users/components/pages/ProfileBlogposts.vue.cjs

@@ -2,14 +2,13 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const Tab = require("../../../../components/Tab/Tab.vue2.cjs");
+const Tab = require("../../../../components/Tab/Tab.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const CardBlogpost = require("../../../community/components/blocks/CardBlogpost.vue.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
 const blogposts = require("../../../community/store/blogposts.cjs");
 const _hoisted_1 = { class: "pd-thin" };
 const _hoisted_2 = { class: "mn-b-medium flex-v-center flex-nowrap flex" };
-const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("h2", { class: "mn-r-medium" }, "Posts", -1);
 const _sfc_main = {
   __name: "ProfileBlogposts",
   setup(__props) {
@@ -24,7 +23,7 @@ const _sfc_main = {
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createElementVNode("header", _hoisted_2, [
-          _hoisted_3,
+          _cache[2] || (_cache[2] = vue.createElementVNode("h2", { class: "mn-r-medium" }, "Posts", -1)),
           auth.state.user._id === vue.unref(route).params._id ? (vue.openBlock(), vue.createElementBlock("button", {
             key: 0,
             onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.push({

package/dist/prometheus-framework/src/modules/users/components/pages/ProfileBlogposts.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileBlogposts.vue.cjs","sources":["../../../../../../../src/modules/users/components/pages/ProfileBlogposts.vue"],"sourcesContent":["<template>\n\t<div class=\"pd-thin\">\n\t\t<header class=\"mn-b-medium flex-v-center flex-nowrap flex\">\n    \t<h2 class=\"mn-r-medium\">Posts</h2>\n    \t<button \n    \t\tv-if=\"auth.state.user._id === route.params._id\"\n    \t\t@click=\"$router.push({\n    \t\t\tname: 'Create BlogPost'\n    \t\t})\" \n    \t\tclass=\"radius-100 t-white t-semi i-big hover-scale-1 cursor-pointer t-white bg-second\">\n    \t\t\t+\n    \t</button>\n\t\t</header>\n\n\t\t<Tab \n\t\t\tv-if=\"auth.state.user._id === route.params._id\"\n\t\t\tv-model:selected=\"tabOrganization\"\n\t\t\t:tabs=\"[\n\t\t\t\t{ name: 'My posts', \tvalue: 'posts' },\n\t\t\t\t{ name: 'Drafts', \t\tvalue: 'drafts' },\n\t\t\t\t{ name: 'Following', \tvalue: 'following' },\t\n\t\t\t]\"\n\t\t\tclass=\"mn-b-small o-hidden h5 radius-big bg-light\"\n\t\t/>\n\n\t\t<Feed\n\t\t\t:showLoadMore=\"false\"\n\t\t\t:states=\"{\n\t\t\t\tempty: {\n\t\t\t\t\ttitle: 'No Blog Posts Found',\n\t\t\t\t\tdescription: 'Currently, there are no posts available in this blog. Please check back later.'\n\t\t\t\t},\n\t\t\t}\"\n\t\t\t:store=\"{\n\t\t\t\tread: (options) => blog.read(options)\n\t\t\t}\"\n\t\t\t:options=\"{\n\t\t\t\tlimit: 15,\n\t\t\t\tcategory: route.params.category,\n\t\t\t\tperiod: route.query.period,\n\t\t\t\tstatus: tabOrganization === 'drafts' ? 'draft' : 'published',\n\t\t\t\tuser: auth.state.user._id,\n\t\t\t\tcreator: ['posts', 'drafts'].includes(tabOrganization) ? route.params._id : null,\n\t\t\t\tfollowing: tabOrganization === 'following' ? auth.state.user._id : null,\n\t\t\t}\"\n\t\t\tv-slot=\"{ items }\"\n\t\t\tclass=\"row-1 gap-thin\"\n\t\t>\n\t\t\t<CardBlogpost \n\t\t\t\tv-for=\"item in items\" \n\t\t\t\t:key=\"item._id\" \n\t\t\t\t:blogpost=\"item\" \n\t\t\t\t:user=\"auth.state.user._id\" \n\t\t\t\tclass=\"h-max-40r mn-b-medium\"\n\t\t\t/>\n\t\t</Feed>\n\t</div>\n</template>\n\n<script setup>\n\timport { watch, ref } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Components\n\timport Tab  \t\tfrom '@pf/src/components/Tab/Tab.vue'\n\n\timport Feed from '@pf/src/components/Feed/Feed.vue'\n\n  import CardBlogpost from '@pf/src/modules/community/components/blocks/CardBlogpost.vue';\n\n\timport * as auth from '@pf/src/modules/auth/views/store/auth';\n  import * as blog from '@pf/src/modules/community/store/blogposts.js';\n\t// Accessing router\n\tconst route = useRoute()\n\tconst router = useRouter()\n\t// State\n\tlet tab = route.query.tab ? route.query.tab : 'posts';\n\n\tconst tabOrganization = ref(tab)\n\n\troute.query.tab = tabOrganization.value\n\n\twatch(tabOrganization, (newValue) => {\n\t  router.replace({ query: { ...route.query, tab: newValue } });\n\t});\n</script>"],"names":["useRoute","useRouter","ref","watch"],"mappings":";;;;;;;;;;;;;;;AAwEC,UAAM,QAAQA,UAAAA,SAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAE1B,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,kBAAkBC,IAAG,IAAC,GAAG;AAE/B,UAAM,MAAM,MAAM,gBAAgB;AAElCC,cAAM,iBAAiB,CAAC,aAAa;AACnC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAU,EAAA,CAAE;AAAA,IAC9D,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ProfileBlogposts.vue.cjs","sources":["../../../../../../../src/modules/users/components/pages/ProfileBlogposts.vue"],"sourcesContent":["<template>\n\t<div class=\"pd-thin\">\n\t\t<header class=\"mn-b-medium flex-v-center flex-nowrap flex\">\n    \t<h2 class=\"mn-r-medium\">Posts</h2>\n    \t<button \n    \t\tv-if=\"auth.state.user._id === route.params._id\"\n    \t\t@click=\"$router.push({\n    \t\t\tname: 'Create BlogPost'\n    \t\t})\" \n    \t\tclass=\"radius-100 t-white t-semi i-big hover-scale-1 cursor-pointer t-white bg-second\">\n    \t\t\t+\n    \t</button>\n\t\t</header>\n\n\t\t<Tab \n\t\t\tv-if=\"auth.state.user._id === route.params._id\"\n\t\t\tv-model:selected=\"tabOrganization\"\n\t\t\t:tabs=\"[\n\t\t\t\t{ name: 'My posts', \tvalue: 'posts' },\n\t\t\t\t{ name: 'Drafts', \t\tvalue: 'drafts' },\n\t\t\t\t{ name: 'Following', \tvalue: 'following' },\t\n\t\t\t]\"\n\t\t\tclass=\"mn-b-small o-hidden h5 radius-big bg-light\"\n\t\t/>\n\n\t\t<Feed\n\t\t\t:showLoadMore=\"false\"\n\t\t\t:states=\"{\n\t\t\t\tempty: {\n\t\t\t\t\ttitle: 'No Blog Posts Found',\n\t\t\t\t\tdescription: 'Currently, there are no posts available in this blog. Please check back later.'\n\t\t\t\t},\n\t\t\t}\"\n\t\t\t:store=\"{\n\t\t\t\tread: (options) => blog.read(options)\n\t\t\t}\"\n\t\t\t:options=\"{\n\t\t\t\tlimit: 15,\n\t\t\t\tcategory: route.params.category,\n\t\t\t\tperiod: route.query.period,\n\t\t\t\tstatus: tabOrganization === 'drafts' ? 'draft' : 'published',\n\t\t\t\tuser: auth.state.user._id,\n\t\t\t\tcreator: ['posts', 'drafts'].includes(tabOrganization) ? route.params._id : null,\n\t\t\t\tfollowing: tabOrganization === 'following' ? auth.state.user._id : null,\n\t\t\t}\"\n\t\t\tv-slot=\"{ items }\"\n\t\t\tclass=\"row-1 gap-thin\"\n\t\t>\n\t\t\t<CardBlogpost \n\t\t\t\tv-for=\"item in items\" \n\t\t\t\t:key=\"item._id\" \n\t\t\t\t:blogpost=\"item\" \n\t\t\t\t:user=\"auth.state.user._id\" \n\t\t\t\tclass=\"h-max-40r mn-b-medium\"\n\t\t\t/>\n\t\t</Feed>\n\t</div>\n</template>\n\n<script setup>\n\timport { watch, ref } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Components\n\timport Tab  \t\tfrom '@pf/src/components/Tab/Tab.vue'\n\n\timport Feed from '@pf/src/components/Feed/Feed.vue'\n\n  import CardBlogpost from '@pf/src/modules/community/components/blocks/CardBlogpost.vue';\n\n\timport * as auth from '@pf/src/modules/auth/views/store/auth';\n  import * as blog from '@pf/src/modules/community/store/blogposts.js';\n\t// Accessing router\n\tconst route = useRoute()\n\tconst router = useRouter()\n\t// State\n\tlet tab = route.query.tab ? route.query.tab : 'posts';\n\n\tconst tabOrganization = ref(tab)\n\n\troute.query.tab = tabOrganization.value\n\n\twatch(tabOrganization, (newValue) => {\n\t  router.replace({ query: { ...route.query, tab: newValue } });\n\t});\n</script>"],"names":["useRoute","useRouter","ref","watch"],"mappings":";;;;;;;;;;;;;;AAwEC,UAAM,QAAQA,UAAAA,SAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAE1B,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,kBAAkBC,IAAG,IAAC,GAAG;AAE/B,UAAM,MAAM,MAAM,gBAAgB;AAElCC,cAAM,iBAAiB,CAAC,aAAa;AACnC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAU,EAAA,CAAE;AAAA,IAC9D,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/users/components/pages/ProfileBlogposts.vue.js

@@ -1,13 +1,12 @@
 import { ref, watch, openBlock, createElementBlock, createElementVNode, unref, createCommentVNode, createBlock, createVNode, withCtx, Fragment, renderList } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import _sfc_main$1 from "../../../../components/Tab/Tab.vue2.js";
+import _sfc_main$1 from "../../../../components/Tab/Tab.vue.js";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$3 from "../../../community/components/blocks/CardBlogpost.vue.js";
 import { state } from "../../../auth/views/store/auth.js";
 import { read } from "../../../community/store/blogposts.js";
 const _hoisted_1 = { class: "pd-thin" };
 const _hoisted_2 = { class: "mn-b-medium flex-v-center flex-nowrap flex" };
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("h2", { class: "mn-r-medium" }, "Posts", -1);
 const _sfc_main = {
   __name: "ProfileBlogposts",
   setup(__props) {
@@ -22,7 +21,7 @@ const _sfc_main = {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("header", _hoisted_2, [
-          _hoisted_3,
+          _cache[2] || (_cache[2] = createElementVNode("h2", { class: "mn-r-medium" }, "Posts", -1)),
           state.user._id === unref(route).params._id ? (openBlock(), createElementBlock("button", {
             key: 0,
             onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.push({

package/dist/prometheus-framework/src/modules/users/components/pages/ProfileBlogposts.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileBlogposts.vue.js","sources":["../../../../../../../src/modules/users/components/pages/ProfileBlogposts.vue"],"sourcesContent":["<template>\n\t<div class=\"pd-thin\">\n\t\t<header class=\"mn-b-medium flex-v-center flex-nowrap flex\">\n    \t<h2 class=\"mn-r-medium\">Posts</h2>\n    \t<button \n    \t\tv-if=\"auth.state.user._id === route.params._id\"\n    \t\t@click=\"$router.push({\n    \t\t\tname: 'Create BlogPost'\n    \t\t})\" \n    \t\tclass=\"radius-100 t-white t-semi i-big hover-scale-1 cursor-pointer t-white bg-second\">\n    \t\t\t+\n    \t</button>\n\t\t</header>\n\n\t\t<Tab \n\t\t\tv-if=\"auth.state.user._id === route.params._id\"\n\t\t\tv-model:selected=\"tabOrganization\"\n\t\t\t:tabs=\"[\n\t\t\t\t{ name: 'My posts', \tvalue: 'posts' },\n\t\t\t\t{ name: 'Drafts', \t\tvalue: 'drafts' },\n\t\t\t\t{ name: 'Following', \tvalue: 'following' },\t\n\t\t\t]\"\n\t\t\tclass=\"mn-b-small o-hidden h5 radius-big bg-light\"\n\t\t/>\n\n\t\t<Feed\n\t\t\t:showLoadMore=\"false\"\n\t\t\t:states=\"{\n\t\t\t\tempty: {\n\t\t\t\t\ttitle: 'No Blog Posts Found',\n\t\t\t\t\tdescription: 'Currently, there are no posts available in this blog. Please check back later.'\n\t\t\t\t},\n\t\t\t}\"\n\t\t\t:store=\"{\n\t\t\t\tread: (options) => blog.read(options)\n\t\t\t}\"\n\t\t\t:options=\"{\n\t\t\t\tlimit: 15,\n\t\t\t\tcategory: route.params.category,\n\t\t\t\tperiod: route.query.period,\n\t\t\t\tstatus: tabOrganization === 'drafts' ? 'draft' : 'published',\n\t\t\t\tuser: auth.state.user._id,\n\t\t\t\tcreator: ['posts', 'drafts'].includes(tabOrganization) ? route.params._id : null,\n\t\t\t\tfollowing: tabOrganization === 'following' ? auth.state.user._id : null,\n\t\t\t}\"\n\t\t\tv-slot=\"{ items }\"\n\t\t\tclass=\"row-1 gap-thin\"\n\t\t>\n\t\t\t<CardBlogpost \n\t\t\t\tv-for=\"item in items\" \n\t\t\t\t:key=\"item._id\" \n\t\t\t\t:blogpost=\"item\" \n\t\t\t\t:user=\"auth.state.user._id\" \n\t\t\t\tclass=\"h-max-40r mn-b-medium\"\n\t\t\t/>\n\t\t</Feed>\n\t</div>\n</template>\n\n<script setup>\n\timport { watch, ref } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Components\n\timport Tab  \t\tfrom '@pf/src/components/Tab/Tab.vue'\n\n\timport Feed from '@pf/src/components/Feed/Feed.vue'\n\n  import CardBlogpost from '@pf/src/modules/community/components/blocks/CardBlogpost.vue';\n\n\timport * as auth from '@pf/src/modules/auth/views/store/auth';\n  import * as blog from '@pf/src/modules/community/store/blogposts.js';\n\t// Accessing router\n\tconst route = useRoute()\n\tconst router = useRouter()\n\t// State\n\tlet tab = route.query.tab ? route.query.tab : 'posts';\n\n\tconst tabOrganization = ref(tab)\n\n\troute.query.tab = tabOrganization.value\n\n\twatch(tabOrganization, (newValue) => {\n\t  router.replace({ query: { ...route.query, tab: newValue } });\n\t});\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;AAwEC,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAE1B,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,kBAAkB,IAAI,GAAG;AAE/B,UAAM,MAAM,MAAM,gBAAgB;AAElC,UAAM,iBAAiB,CAAC,aAAa;AACnC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAU,EAAA,CAAE;AAAA,IAC9D,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ProfileBlogposts.vue.js","sources":["../../../../../../../src/modules/users/components/pages/ProfileBlogposts.vue"],"sourcesContent":["<template>\n\t<div class=\"pd-thin\">\n\t\t<header class=\"mn-b-medium flex-v-center flex-nowrap flex\">\n    \t<h2 class=\"mn-r-medium\">Posts</h2>\n    \t<button \n    \t\tv-if=\"auth.state.user._id === route.params._id\"\n    \t\t@click=\"$router.push({\n    \t\t\tname: 'Create BlogPost'\n    \t\t})\" \n    \t\tclass=\"radius-100 t-white t-semi i-big hover-scale-1 cursor-pointer t-white bg-second\">\n    \t\t\t+\n    \t</button>\n\t\t</header>\n\n\t\t<Tab \n\t\t\tv-if=\"auth.state.user._id === route.params._id\"\n\t\t\tv-model:selected=\"tabOrganization\"\n\t\t\t:tabs=\"[\n\t\t\t\t{ name: 'My posts', \tvalue: 'posts' },\n\t\t\t\t{ name: 'Drafts', \t\tvalue: 'drafts' },\n\t\t\t\t{ name: 'Following', \tvalue: 'following' },\t\n\t\t\t]\"\n\t\t\tclass=\"mn-b-small o-hidden h5 radius-big bg-light\"\n\t\t/>\n\n\t\t<Feed\n\t\t\t:showLoadMore=\"false\"\n\t\t\t:states=\"{\n\t\t\t\tempty: {\n\t\t\t\t\ttitle: 'No Blog Posts Found',\n\t\t\t\t\tdescription: 'Currently, there are no posts available in this blog. Please check back later.'\n\t\t\t\t},\n\t\t\t}\"\n\t\t\t:store=\"{\n\t\t\t\tread: (options) => blog.read(options)\n\t\t\t}\"\n\t\t\t:options=\"{\n\t\t\t\tlimit: 15,\n\t\t\t\tcategory: route.params.category,\n\t\t\t\tperiod: route.query.period,\n\t\t\t\tstatus: tabOrganization === 'drafts' ? 'draft' : 'published',\n\t\t\t\tuser: auth.state.user._id,\n\t\t\t\tcreator: ['posts', 'drafts'].includes(tabOrganization) ? route.params._id : null,\n\t\t\t\tfollowing: tabOrganization === 'following' ? auth.state.user._id : null,\n\t\t\t}\"\n\t\t\tv-slot=\"{ items }\"\n\t\t\tclass=\"row-1 gap-thin\"\n\t\t>\n\t\t\t<CardBlogpost \n\t\t\t\tv-for=\"item in items\" \n\t\t\t\t:key=\"item._id\" \n\t\t\t\t:blogpost=\"item\" \n\t\t\t\t:user=\"auth.state.user._id\" \n\t\t\t\tclass=\"h-max-40r mn-b-medium\"\n\t\t\t/>\n\t\t</Feed>\n\t</div>\n</template>\n\n<script setup>\n\timport { watch, ref } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Components\n\timport Tab  \t\tfrom '@pf/src/components/Tab/Tab.vue'\n\n\timport Feed from '@pf/src/components/Feed/Feed.vue'\n\n  import CardBlogpost from '@pf/src/modules/community/components/blocks/CardBlogpost.vue';\n\n\timport * as auth from '@pf/src/modules/auth/views/store/auth';\n  import * as blog from '@pf/src/modules/community/store/blogposts.js';\n\t// Accessing router\n\tconst route = useRoute()\n\tconst router = useRouter()\n\t// State\n\tlet tab = route.query.tab ? route.query.tab : 'posts';\n\n\tconst tabOrganization = ref(tab)\n\n\troute.query.tab = tabOrganization.value\n\n\twatch(tabOrganization, (newValue) => {\n\t  router.replace({ query: { ...route.query, tab: newValue } });\n\t});\n</script>"],"names":[],"mappings":";;;;;;;;;;;;AAwEC,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAE1B,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,kBAAkB,IAAI,GAAG;AAE/B,UAAM,MAAM,MAAM,gBAAgB;AAElC,UAAM,iBAAiB,CAAC,aAAa;AACnC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAU,EAAA,CAAE;AAAA,IAC9D,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}