@ozdao/prometheus-framework 0.2.251 → 0.2.253

package/dist/prometheus-framework/src/modules/auth/views/components/blocks/CardUser.vue.js

@@ -0,0 +1,95 @@
+import { openBlock, createElementBlock, withModifiers, createCommentVNode, createBlock, createElementVNode, toDisplayString, resolveDynamicComponent, normalizeProps, mergeProps, Fragment, createTextVNode } from "vue";
+import PlaceholderUserpic from "../../../../icons/placeholders/PlaceholderUserpic.vue.js";
+const _hoisted_1 = { class: "flex-v-center flex-nowrap flex" };
+const _hoisted_2 = ["src"];
+const _hoisted_3 = { class: "h4" };
+const _hoisted_4 = { class: "t-transp mn-r-small" };
+const _hoisted_5 = {
+  key: 2,
+  class: "mn-l-auto flex-stretch flex-v-center flex"
+};
+const _hoisted_6 = {
+  key: 0,
+  class: "flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin bg-main"
+};
+const _sfc_main = {
+  __name: "CardUser",
+  props: {
+    _id: {
+      type: String,
+      default: null
+    },
+    user: {
+      type: Object,
+      required: true
+    },
+    action: {
+      type: Object
+    },
+    photo: {
+      type: String,
+      default: null
+    },
+    name: {
+      type: String,
+      default: "No name"
+    },
+    role: {
+      type: String
+    },
+    phone: {
+      type: String
+    },
+    email: {
+      type: String
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.photo ? (openBlock(), createElementBlock("img", {
+          key: 0,
+          loading: "lazy",
+          src: (_ctx.FILE_SERVER_URL || "") + __props.photo,
+          class: "radius-medium aspect-1x1 bg-white object-fit-cover mn-r-thin h-100 w-auto",
+          onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.$router.push({
+            name: __props.user.type === "user" ? "User Profile" : "Organization",
+            params: {
+              _id: __props.user._id
+            }
+          }), ["stop"]))
+        }, null, 8, _hoisted_2)) : createCommentVNode("", true),
+        !__props.photo ? (openBlock(), createBlock(PlaceholderUserpic, {
+          key: 1,
+          class: "radius-medium aspect-1x1 mn-r-thin h-100 w-auto",
+          onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.$router.push({
+            name: "User Profile",
+            params: {
+              _id: __props.user._id || __props._id
+            }
+          }), ["stop"]))
+        })) : createCommentVNode("", true),
+        createElementVNode("div", null, [
+          createElementVNode("p", _hoisted_3, toDisplayString(__props.name), 1),
+          createElementVNode("span", _hoisted_4, toDisplayString(__props.phone || __props.email), 1)
+        ]),
+        __props.action || __props.role ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          __props.role ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(__props.role), 1)) : createCommentVNode("", true),
+          __props.action ? (openBlock(), createElementBlock("button", {
+            key: 1,
+            onClick: _cache[2] || (_cache[2] = withModifiers((...args) => __props.action.method && __props.action.method(...args), ["stop"])),
+            class: "h-2r w-2r t-white mn-l-thin capitalize t-medium radius-big bg-red"
+          }, [
+            __props.action.label.is ? (openBlock(), createBlock(resolveDynamicComponent(__props.action.label.is), normalizeProps(mergeProps({ key: 0 }, __props.action.label.props)), null, 16)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createTextVNode(toDisplayString(__props.action.label), 1)
+            ], 64))
+          ])) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=CardUser.vue.js.map

package/dist/prometheus-framework/src/modules/auth/views/components/blocks/CardUser.vue.js.map

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

package/dist/prometheus-framework/src/modules/auth/views/components/layouts/Auth.vue.cjs

@@ -3,8 +3,8 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 ;/* empty css                                      */
 ;/* empty css                                          */
-;/* empty css                                             */
-;/* empty css                                             */
+;/* empty css                                            */
+;/* empty css                                            */
 require("vue-i18n");
 ;/* empty css                                */
 const vueRouter = require("vue-router");

package/dist/prometheus-framework/src/modules/auth/views/components/layouts/Auth.vue.js

@@ -1,8 +1,8 @@
 import { ref, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, Transition, createBlock, resolveDynamicComponent, createElementVNode } from "vue";
 /* empty css                                    */
 /* empty css                                        */
-/* empty css                                           */
-/* empty css                                           */
+/* empty css                                          */
+/* empty css                                          */
 import "vue-i18n";
 /* empty css                              */
 import { useRoute, useRouter } from "vue-router";

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

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 ;/* empty css                                      */
 const Field = require("../../../../../components/Field/Field.vue2.cjs");
-const Button = require("../../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../../components/Button/Button.vue2.cjs");
 const vueRouter = require("vue-router");
 const vueI18n = require("vue-i18n");
 const auth = require("../../store/auth.cjs");

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

@@ -1,7 +1,7 @@
 import { ref, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, createVNode, createTextVNode, createCommentVNode, withCtx } from "vue";
 /* empty css                                    */
 import Field from "../../../../../components/Field/Field.vue2.js";
-import _sfc_main$1 from "../../../../../components/Button/Button.vue.js";
+import _sfc_main$1 from "../../../../../components/Button/Button.vue2.js";
 import { useRoute, useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
 import { state, actions } from "../../store/auth.js";

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

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 ;/* empty css                                      */
 const Field = require("../../../../../components/Field/Field.vue2.cjs");
-const Button = require("../../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../../components/Button/Button.vue2.cjs");
 const vueRouter = require("vue-router");
 const auth = require("../../store/auth.cjs");
 const invites = require("../../../../organizations/store/invites.cjs");

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

@@ -1,7 +1,7 @@
 import { ref, onMounted, openBlock, createElementBlock, createElementVNode, createVNode, withCtx } from "vue";
 /* empty css                                    */
 import Field from "../../../../../components/Field/Field.vue2.js";
-import _sfc_main$1 from "../../../../../components/Button/Button.vue.js";
+import _sfc_main$1 from "../../../../../components/Button/Button.vue2.js";
 import { useRoute, useRouter } from "vue-router";
 import { state, actions as actions$1 } from "../../store/auth.js";
 import { actions } from "../../../../organizations/store/invites.js";

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}