@ozdao/prometheus-framework 0.2.252 → 0.2.253

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

@@ -0,0 +1,284 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css                                          */
+;/* empty css                                            */
+;/* empty css                                            */
+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 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");
+const Socials = require("../../../../organizations/components/blocks/Socials.vue.cjs");
+const IconEvents = require("../../../../icons/entities/IconEvents.vue.cjs");
+const IconGroups = require("../../../../icons/entities/IconGroups.vue.cjs");
+const IconCommunity = require("../../../../icons/entities/IconCommunity.vue.cjs");
+const IconEdit = require("../../../../icons/navigation/IconEdit.vue.cjs");
+const PlaceholderUserpic = require("../../../../icons/placeholders/PlaceholderUserpic.vue.cjs");
+const vueRouter = require("vue-router");
+const auth = require("../../store/auth.cjs");
+const users = require("../../store/users.cjs");
+const memberships = require("../../../../organizations/store/memberships.cjs");
+require("./Profile.vue2.cjs");
+const _hoisted_1 = {
+  key: 0,
+  class: "for-transition w-100"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "flex-center flex pd-medium radius-big bg-light uppercase t-semi w-100 h-100"
+};
+const _hoisted_3 = {
+  key: 1,
+  _id: "dash",
+  class: "pd-b-extra pd-thin w-100"
+};
+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 = ["src"];
+const _hoisted_7 = { class: "mn-b-thin" };
+const _hoisted_8 = {
+  key: 4,
+  class: "mn-b-thin t-main t-semi"
+};
+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 _sfc_main = {
+  __name: "Profile",
+  setup(__props) {
+    const route = vueRouter.useRoute();
+    const router = vueRouter.useRouter();
+    const show = vue.ref(false);
+    vue.onMounted(async () => {
+      await users.actions.read({ _id: route.params._id, user: auth.state.user._id });
+      show.value = true;
+    });
+    const handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {
+      memberships.mutations.handleMembershipUpdate(users.state.current, membership, status, target, statusName, statusNumber);
+    };
+    function logout() {
+      auth.actions.logout();
+      router.push({ name: "Sign In" });
+    }
+    return (_ctx, _cache) => {
+      return show.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        users.state.current.status === "removed" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, " Sorry, user has been removed. ")) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+          vue.unref(route).params._id === auth.state.user._id && show.value ? (vue.openBlock(), vue.createBlock(Completion.default, {
+            key: 0,
+            user: auth.state.user._id,
+            target: users.state.current,
+            cta: true,
+            text_cta: "Fill Profile",
+            text: "Profile completed at",
+            class: "mn-b-medium"
+          }, null, 8, ["user", "target"])) : vue.createCommentVNode("", true),
+          vue.createElementVNode("section", _hoisted_4, [
+            vue.unref(route).params._id && vue.unref(route).params._id !== auth.state.user._id ? (vue.openBlock(), vue.createBlock(Dropdown.default, {
+              key: 0,
+              label: "...",
+              align: "right",
+              class: "cursor-pointer pos-absolute pos-r-0 pos-t-0 pd-thin radius-extra"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createElementVNode("section", _hoisted_5, [
+                  vue.createVNode(FormReport.default, {
+                    user: auth.state.user._id,
+                    type: "user",
+                    target: users.state.current._id,
+                    text: "Report",
+                    class: "w-100"
+                  }, {
+                    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, {
+                    key: 0,
+                    user: auth.state.user._id,
+                    type: "user",
+                    role: "blocked",
+                    target: users.state.current._id,
+                    status: users.state.current.isBlocked,
+                    text: { create: "Block", remove: "Unblock" },
+                    onUpdateMembership: _cache[0] || (_cache[0] = (event) => handleMembershipUpdate(event, "isBlocked")),
+                    class: "t-white mn-t-thin bg-red"
+                  }, null, 8, ["user", "target", "status"])) : vue.createCommentVNode("", true)
+                ])
+              ]),
+              _: 1
+            })) : vue.createCommentVNode("", true),
+            vue.unref(route).params._id === auth.state.user._id ? (vue.openBlock(), vue.createBlock(IconEdit.default, {
+              key: 1,
+              onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$router.push({
+                name: "User Edit Profile",
+                params: {
+                  _id: auth.state.user._id
+                }
+              })),
+              class: "cursor-pointer pos-absolute pos-t-regular pos-r-regular i-regular t-transp"
+            })) : vue.createCommentVNode("", true),
+            users.state.current.profile.photo && users.state.current.profile.photo.length > 0 ? (vue.openBlock(), vue.createElementBlock("img", {
+              key: 2,
+              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_6)) : (vue.openBlock(), vue.createBlock(PlaceholderUserpic.default, {
+              key: 3,
+              class: "radius-medium mn-b-small i-extra"
+            })),
+            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_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,
+              type: "user",
+              role: "subscriber",
+              target: users.state.current._id,
+              status: users.state.current.isSubscriber,
+              text: { create: "Follow", remove: "Unfollow" },
+              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_12, " Find Me in Socials ")) : vue.createCommentVNode("", true),
+            vue.createVNode(Socials.default, {
+              telegram: users.state.current.socials.telegram,
+              facebook: users.state.current.socials.facebook,
+              instagram: users.state.current.socials.instagram,
+              twitter: users.state.current.socials.twitter,
+              class: "mn-r-auto mn-l-auto"
+            }, null, 8, ["telegram", "facebook", "instagram", "twitter"])
+          ]),
+          vue.createVNode(Menu.default, { class: "mn-b-regular bg-light" }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(MenuItem.default, {
+                onClick: _cache[3] || (_cache[3] = ($event) => vue.unref(router).push({ name: "User Events", params: { user: vue.unref(route).params._id } })),
+                class: "cursor-pointer"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(IconEvents.default, {
+                    class: "i-semi",
+                    icon: true,
+                    fill: "rgb(var(--white))"
+                  }),
+                  _cache[11] || (_cache[11] = vue.createElementVNode("span", null, "Events", -1))
+                ]),
+                _: 1
+              }),
+              vue.createVNode(MenuItem.default, {
+                onClick: _cache[4] || (_cache[4] = ($event) => vue.unref(router).push({ name: "User Organizations", params: { _id: vue.unref(route).params._id } })),
+                class: "cursor-pointer"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(IconGroups.default, {
+                    class: "i-semi",
+                    icon: true
+                  }),
+                  _cache[12] || (_cache[12] = vue.createElementVNode("span", null, "Groups", -1))
+                ]),
+                _: 1
+              }),
+              vue.createVNode(MenuItem.default, {
+                onClick: _cache[5] || (_cache[5] = ($event) => vue.unref(router).push({ name: "User Blogposts", params: { _id: vue.unref(route).params._id } })),
+                class: "cursor-pointer"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(IconCommunity.default, {
+                    class: "i-semi",
+                    icon: true
+                  }),
+                  _cache[13] || (_cache[13] = vue.createElementVNode("span", null, "Posts", -1))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          _ctx.APP_NAME === "Weeder" ? (vue.openBlock(), vue.createBlock(Menu.default, {
+            key: 1,
+            class: "mn-b-regular bg-light"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(MenuItem.default, {
+                onClick: _cache[6] || (_cache[6] = ($event) => vue.unref(router).push({ name: "User Wallet", params: { _id: vue.unref(route).params._id } })),
+                class: "cursor-pointer"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(IconGroups.default, {
+                    class: "i-semi",
+                    icon: true
+                  }),
+                  _cache[14] || (_cache[14] = vue.createElementVNode("span", null, "Wallet", -1))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("", true),
+          auth.state.user._id === vue.unref(route).params._id ? (vue.openBlock(), vue.createBlock(Menu.default, {
+            key: 2,
+            class: "bg-light"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(MenuItem.default, {
+                onClick: _cache[7] || (_cache[7] = ($event) => vue.unref(router).push({
+                  name: "User Edit Profile",
+                  params: {
+                    _id: vue.unref(route).params._id
+                  }
+                })),
+                class: "cursor-pointer"
+              }, {
+                default: vue.withCtx(() => _cache[15] || (_cache[15] = [
+                  vue.createElementVNode("span", null, " Settings ", -1)
+                ])),
+                _: 1
+              }),
+              vue.createVNode(MenuItem.default, {
+                onClick: _cache[8] || (_cache[8] = ($event) => vue.unref(router).push({
+                  name: "Legal",
+                  params: {
+                    _id: vue.unref(route).params._id
+                  }
+                })),
+                class: "cursor-pointer"
+              }, {
+                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(() => _cache[17] || (_cache[17] = [
+                  vue.createElementVNode("span", { class: "t-red" }, " Logout ", -1)
+                ])),
+                _: 1
+              })
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("", true)
+        ]))
+      ])) : vue.createCommentVNode("", true);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Profile.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Profile.vue.cjs","sources":["../../../../../../../../src/modules/auth/views/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/auth/views/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/auth/views/components/pages/Profile.vue.js

@@ -0,0 +1,284 @@
+import { ref, onMounted, openBlock, createElementBlock, unref, createBlock, createCommentVNode, createElementVNode, withCtx, createVNode, toDisplayString, Fragment, renderList, normalizeClass } from "vue";
+/* empty css                                        */
+/* empty css                                          */
+/* empty css                                          */
+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$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";
+import _sfc_main$6 from "../../../../organizations/components/blocks/Socials.vue.js";
+import _sfc_main$9 from "../../../../icons/entities/IconEvents.vue.js";
+import IconGroups from "../../../../icons/entities/IconGroups.vue.js";
+import IconCommunity from "../../../../icons/entities/IconCommunity.vue.js";
+import _sfc_main$5 from "../../../../icons/navigation/IconEdit.vue.js";
+import PlaceholderUserpic from "../../../../icons/placeholders/PlaceholderUserpic.vue.js";
+import { useRoute, useRouter } from "vue-router";
+import { state, actions as actions$1 } from "../../store/auth.js";
+import { actions, state as state$1 } from "../../store/users.js";
+import { mutations } from "../../../../organizations/store/memberships.js";
+import "./Profile.vue2.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "for-transition w-100"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "flex-center flex pd-medium radius-big bg-light uppercase t-semi w-100 h-100"
+};
+const _hoisted_3 = {
+  key: 1,
+  _id: "dash",
+  class: "pd-b-extra pd-thin w-100"
+};
+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 = ["src"];
+const _hoisted_7 = { class: "mn-b-thin" };
+const _hoisted_8 = {
+  key: 4,
+  class: "mn-b-thin t-main t-semi"
+};
+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 _sfc_main = {
+  __name: "Profile",
+  setup(__props) {
+    const route = useRoute();
+    const router = useRouter();
+    const show = ref(false);
+    onMounted(async () => {
+      await actions.read({ _id: route.params._id, user: state.user._id });
+      show.value = true;
+    });
+    const handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {
+      mutations.handleMembershipUpdate(state$1.current, membership, status, target, statusName, statusNumber);
+    };
+    function logout() {
+      actions$1.logout();
+      router.push({ name: "Sign In" });
+    }
+    return (_ctx, _cache) => {
+      return show.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        state$1.current.status === "removed" ? (openBlock(), createElementBlock("div", _hoisted_2, " Sorry, user has been removed. ")) : (openBlock(), createElementBlock("div", _hoisted_3, [
+          unref(route).params._id === state.user._id && show.value ? (openBlock(), createBlock(_sfc_main$1, {
+            key: 0,
+            user: state.user._id,
+            target: state$1.current,
+            cta: true,
+            text_cta: "Fill Profile",
+            text: "Profile completed at",
+            class: "mn-b-medium"
+          }, null, 8, ["user", "target"])) : createCommentVNode("", true),
+          createElementVNode("section", _hoisted_4, [
+            unref(route).params._id && unref(route).params._id !== state.user._id ? (openBlock(), createBlock(_sfc_main$2, {
+              key: 0,
+              label: "...",
+              align: "right",
+              class: "cursor-pointer pos-absolute pos-r-0 pos-t-0 pd-thin radius-extra"
+            }, {
+              default: withCtx(() => [
+                createElementVNode("section", _hoisted_5, [
+                  createVNode(_sfc_main$3, {
+                    user: state.user._id,
+                    type: "user",
+                    target: state$1.current._id,
+                    text: "Report",
+                    class: "w-100"
+                  }, {
+                    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, {
+                    key: 0,
+                    user: state.user._id,
+                    type: "user",
+                    role: "blocked",
+                    target: state$1.current._id,
+                    status: state$1.current.isBlocked,
+                    text: { create: "Block", remove: "Unblock" },
+                    onUpdateMembership: _cache[0] || (_cache[0] = (event) => handleMembershipUpdate(event, "isBlocked")),
+                    class: "t-white mn-t-thin bg-red"
+                  }, null, 8, ["user", "target", "status"])) : createCommentVNode("", true)
+                ])
+              ]),
+              _: 1
+            })) : createCommentVNode("", true),
+            unref(route).params._id === state.user._id ? (openBlock(), createBlock(_sfc_main$5, {
+              key: 1,
+              onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$router.push({
+                name: "User Edit Profile",
+                params: {
+                  _id: state.user._id
+                }
+              })),
+              class: "cursor-pointer pos-absolute pos-t-regular pos-r-regular i-regular t-transp"
+            })) : createCommentVNode("", true),
+            state$1.current.profile.photo && state$1.current.profile.photo.length > 0 ? (openBlock(), createElementBlock("img", {
+              key: 2,
+              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_6)) : (openBlock(), createBlock(PlaceholderUserpic, {
+              key: 3,
+              class: "radius-medium mn-b-small i-extra"
+            })),
+            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_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,
+              type: "user",
+              role: "subscriber",
+              target: state$1.current._id,
+              status: state$1.current.isSubscriber,
+              text: { create: "Follow", remove: "Unfollow" },
+              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_12, " Find Me in Socials ")) : createCommentVNode("", true),
+            createVNode(_sfc_main$6, {
+              telegram: state$1.current.socials.telegram,
+              facebook: state$1.current.socials.facebook,
+              instagram: state$1.current.socials.instagram,
+              twitter: state$1.current.socials.twitter,
+              class: "mn-r-auto mn-l-auto"
+            }, null, 8, ["telegram", "facebook", "instagram", "twitter"])
+          ]),
+          createVNode(_sfc_main$7, { class: "mn-b-regular bg-light" }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$8, {
+                onClick: _cache[3] || (_cache[3] = ($event) => unref(router).push({ name: "User Events", params: { user: unref(route).params._id } })),
+                class: "cursor-pointer"
+              }, {
+                default: withCtx(() => [
+                  createVNode(_sfc_main$9, {
+                    class: "i-semi",
+                    icon: true,
+                    fill: "rgb(var(--white))"
+                  }),
+                  _cache[11] || (_cache[11] = createElementVNode("span", null, "Events", -1))
+                ]),
+                _: 1
+              }),
+              createVNode(_sfc_main$8, {
+                onClick: _cache[4] || (_cache[4] = ($event) => unref(router).push({ name: "User Organizations", params: { _id: unref(route).params._id } })),
+                class: "cursor-pointer"
+              }, {
+                default: withCtx(() => [
+                  createVNode(IconGroups, {
+                    class: "i-semi",
+                    icon: true
+                  }),
+                  _cache[12] || (_cache[12] = createElementVNode("span", null, "Groups", -1))
+                ]),
+                _: 1
+              }),
+              createVNode(_sfc_main$8, {
+                onClick: _cache[5] || (_cache[5] = ($event) => unref(router).push({ name: "User Blogposts", params: { _id: unref(route).params._id } })),
+                class: "cursor-pointer"
+              }, {
+                default: withCtx(() => [
+                  createVNode(IconCommunity, {
+                    class: "i-semi",
+                    icon: true
+                  }),
+                  _cache[13] || (_cache[13] = createElementVNode("span", null, "Posts", -1))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          _ctx.APP_NAME === "Weeder" ? (openBlock(), createBlock(_sfc_main$7, {
+            key: 1,
+            class: "mn-b-regular bg-light"
+          }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$8, {
+                onClick: _cache[6] || (_cache[6] = ($event) => unref(router).push({ name: "User Wallet", params: { _id: unref(route).params._id } })),
+                class: "cursor-pointer"
+              }, {
+                default: withCtx(() => [
+                  createVNode(IconGroups, {
+                    class: "i-semi",
+                    icon: true
+                  }),
+                  _cache[14] || (_cache[14] = createElementVNode("span", null, "Wallet", -1))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          state.user._id === unref(route).params._id ? (openBlock(), createBlock(_sfc_main$7, {
+            key: 2,
+            class: "bg-light"
+          }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$8, {
+                onClick: _cache[7] || (_cache[7] = ($event) => unref(router).push({
+                  name: "User Edit Profile",
+                  params: {
+                    _id: unref(route).params._id
+                  }
+                })),
+                class: "cursor-pointer"
+              }, {
+                default: withCtx(() => _cache[15] || (_cache[15] = [
+                  createElementVNode("span", null, " Settings ", -1)
+                ])),
+                _: 1
+              }),
+              createVNode(_sfc_main$8, {
+                onClick: _cache[8] || (_cache[8] = ($event) => unref(router).push({
+                  name: "Legal",
+                  params: {
+                    _id: unref(route).params._id
+                  }
+                })),
+                class: "cursor-pointer"
+              }, {
+                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(() => _cache[17] || (_cache[17] = [
+                  createElementVNode("span", { class: "t-red" }, " Logout ", -1)
+                ])),
+                _: 1
+              })
+            ]),
+            _: 1
+          })) : createCommentVNode("", true)
+        ]))
+      ])) : createCommentVNode("", true);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Profile.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Profile.vue.js","sources":["../../../../../../../../src/modules/auth/views/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/auth/views/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/auth/views/components/pages/Profile.vue2.cjs

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=Profile.vue2.cjs.map

package/dist/prometheus-framework/src/modules/auth/views/components/pages/Profile.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Profile.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/prometheus-framework/src/modules/auth/views/components/pages/Profile.vue2.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=Profile.vue2.js.map

package/dist/prometheus-framework/src/modules/auth/views/components/pages/Profile.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Profile.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}