@ozdao/prometheus-framework 0.2.198 → 0.2.200

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

@@ -1 +1,292 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                                       */;/* empty css                                         */;/* empty css                                         */const h=require("../../../../components/Dropdown/Dropdown.vue.cjs"),g=require("../../../../components/Completion/Completion.vue.cjs"),d=require("../../../../components/Menu/Menu.vue.cjs"),l=require("../../../../components/Menu/MenuItem.vue.cjs"),p=require("../../../organizations/components/elements/ButtonToggleMembership.vue.cjs"),N=require("../../../reports/components/sections/FormReport.vue.cjs"),V=require("../../../organizations/components/blocks/Socials.vue.cjs"),B=require("../../../icons/entities/IconEvents.vue.cjs"),f=require("../../../icons/entities/IconGroups.vue.cjs"),w=require("../../../icons/entities/IconCommunity.vue.cjs"),C=require("../../../icons/navigation/IconEdit.vue.cjs"),E=require("../../../icons/placeholders/PlaceholderUserpic.vue.cjs"),_=require("vue-router"),o=require("../../../auth/views/store/auth.cjs"),t=require("../../store/users.cjs"),v=require("../../../organizations/store/memberships.cjs");require("./Profile.vue2.cjs");const x={key:0,class:"for-transition w-100"},y={key:0,class:"flex-center flex pd-medium radius-big bg-light uppercase t-semi w-100 h-100"},q={key:1,_id:"dash",class:"pd-b-extra pd-thin w-100"},S={class:"flex-center pos-relative flex flex-column t-center w-100 mn-b-semi radius-medium pd-medium bg-light"},U={class:"bg-black pd-thin radius-small"},M=e.createElementVNode("button",{class:"w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button"}," Report ",-1),P=["src"],R={class:"mn-b-thin"},$={key:4,class:"mn-b-thin t-main t-semi"},D={class:"mn-b-small p-medium"},I={class:"mn-b-medium flex-center flex-nowrap flex"},F={class:"t-semi mn-b-small"},L={key:6,class:"mn-t-small mn-b-thin"},O=e.createElementVNode("span",null,"Events",-1),A=e.createElementVNode("span",null,"Groups",-1),j=e.createElementVNode("span",null,"Posts",-1),W=e.createElementVNode("span",null,"Wallet",-1),z=e.createElementVNode("span",null," Settings ",-1),G=e.createElementVNode("span",null," About ",-1),T=e.createElementVNode("span",{class:"t-red"}," Logout ",-1),H={__name:"Profile",setup(J){const a=_.useRoute(),n=_.useRouter(),u=e.ref(!1);e.onMounted(async()=>{await t.actions.read({_id:a.params._id,user:o.state.user._id}),u.value=!0});const m=({membership:i,status:r,target:s},c,k)=>{v.mutations.handleMembershipUpdate(t.state.current,i,r,s,c,k)};function b(){o.actions.logout(),n.push({name:"Sign In"})}return(i,r)=>u.value?(e.openBlock(),e.createElementBlock("div",x,[t.state.current.status==="removed"?(e.openBlock(),e.createElementBlock("div",y," Sorry, user has been removed. ")):(e.openBlock(),e.createElementBlock("div",q,[e.unref(a).params._id===o.state.user._id&&u.value?(e.openBlock(),e.createBlock(g.default,{key:0,user:o.state.user._id,target:t.state.current,cta:!0,text_cta:"Fill Profile",text:"Profile completed at",class:"mn-b-medium"},null,8,["user","target"])):e.createCommentVNode("",!0),e.createElementVNode("section",S,[e.unref(a).params._id&&e.unref(a).params._id!==o.state.user._id?(e.openBlock(),e.createBlock(h.default,{key:0,label:"...",align:"right",class:"cursor-pointer pos-absolute pos-r-0 pos-t-0 pd-thin radius-extra"},{default:e.withCtx(()=>[e.createElementVNode("section",U,[e.createVNode(N.default,{user:o.state.user._id,type:"user",target:t.state.current._id,text:"Report",class:"w-100"},{default:e.withCtx(()=>[M]),_:1},8,["user","target"]),o.state.user._id?(e.openBlock(),e.createBlock(p.default,{key:0,user:o.state.user._id,type:"user",role:"blocked",target:t.state.current._id,status:t.state.current.isBlocked,text:{create:"Block",remove:"Unblock"},onUpdateMembership:r[0]||(r[0]=s=>m(s,"isBlocked")),class:"t-white mn-t-thin bg-red"},null,8,["user","target","status"])):e.createCommentVNode("",!0)])]),_:1})):e.createCommentVNode("",!0),e.unref(a).params._id===o.state.user._id?(e.openBlock(),e.createBlock(C.default,{key:1,onClick:r[1]||(r[1]=s=>i.$router.push({name:"User Edit Profile",params:{_id:o.state.user._id}})),class:"cursor-pointer pos-absolute pos-t-regular pos-r-regular i-regular t-transp"})):e.createCommentVNode("",!0),t.state.current.profile.photo&&t.state.current.profile.photo.length>0?(e.openBlock(),e.createElementBlock("img",{key:2,src:(i.FILE_SERVER_URL||"")+t.state.current.profile.photo,class:"radius-extra bg-white mn-b-small object-fit-cover i-extra"},null,8,P)):(e.openBlock(),e.createBlock(E.default,{key:3,class:"radius-medium mn-b-small i-extra"})),e.createElementVNode("h3",R,e.toDisplayString(t.state.current.profile.name?t.state.current.profile.name:"Anonymous"),1),t.state.current.username?(e.openBlock(),e.createElementBlock("p",$," @"+e.toDisplayString(t.state.current.username?t.state.current.username:"Not specified"),1)):e.createCommentVNode("",!0),e.createElementVNode("p",D,e.toDisplayString(t.state.current.profile.description?t.state.current.profile.description:"Bio not specified"),1),e.createElementVNode("div",I,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.state.current.roles,(s,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["pd-thin radius-small t-semi bg-white",{"mn-r-thin":c!==t.state.current.roles.length-1}])},e.toDisplayString(s.icon)+" "+e.toDisplayString(s.name),3))),256))]),e.createElementVNode("p",F," 👨‍👨‍👧‍👧 "+e.toDisplayString(t.state.current.numberOfSubscribers)+" followers ",1),o.state.user._id&&e.unref(a).params._id&&e.unref(a).params._id!==o.state.user._id?(e.openBlock(),e.createBlock(p.default,{key:5,user:o.state.user._id,type:"user",role:"subscriber",target:t.state.current._id,status:t.state.current.isSubscriber,text:{create:"Follow",remove:"Unfollow"},onUpdateMembership:r[2]||(r[2]=s=>m(s,"isSubscriber","numberOfSubscribers")),class:"w-min mn-b-medium mn-r-auto mn-l-auto"},null,8,["user","target","status"])):e.createCommentVNode("",!0),Object.values(t.state.current.socials).some(s=>s)?(e.openBlock(),e.createElementBlock("h4",L," Find Me in Socials ")):e.createCommentVNode("",!0),e.createVNode(V.default,{telegram:t.state.current.socials.telegram,facebook:t.state.current.socials.facebook,instagram:t.state.current.socials.instagram,twitter:t.state.current.socials.twitter,class:"mn-r-auto mn-l-auto"},null,8,["telegram","facebook","instagram","twitter"])]),e.createVNode(d.default,{class:"mn-b-regular bg-light"},{default:e.withCtx(()=>[e.createVNode(l.default,{onClick:r[3]||(r[3]=s=>e.unref(n).push({name:"User Events",params:{_id:e.unref(a).params._id}})),class:"cursor-pointer"},{default:e.withCtx(()=>[e.createVNode(B.default,{class:"i-semi",icon:!0,fill:"rgb(var(--white))"}),O]),_:1}),e.createVNode(l.default,{onClick:r[4]||(r[4]=s=>e.unref(n).push({name:"User Organizations",params:{_id:e.unref(a).params._id}})),class:"cursor-pointer"},{default:e.withCtx(()=>[e.createVNode(f.default,{class:"i-semi",icon:!0}),A]),_:1}),e.createVNode(l.default,{onClick:r[5]||(r[5]=s=>e.unref(n).push({name:"User Blogposts",params:{_id:e.unref(a).params._id}})),class:"cursor-pointer"},{default:e.withCtx(()=>[e.createVNode(w.default,{class:"i-semi",icon:!0}),j]),_:1})]),_:1}),i.APP_NAME==="Weeder"?(e.openBlock(),e.createBlock(d.default,{key:1,class:"mn-b-regular bg-light"},{default:e.withCtx(()=>[e.createVNode(l.default,{onClick:r[6]||(r[6]=s=>e.unref(n).push({name:"User Wallet",params:{_id:e.unref(a).params._id}})),class:"cursor-pointer"},{default:e.withCtx(()=>[e.createVNode(f.default,{class:"i-semi",icon:!0}),W]),_:1})]),_:1})):e.createCommentVNode("",!0),o.state.user._id===e.unref(a).params._id?(e.openBlock(),e.createBlock(d.default,{key:2,class:"bg-light"},{default:e.withCtx(()=>[e.createVNode(l.default,{onClick:r[7]||(r[7]=s=>e.unref(n).push({name:"User Edit Profile",params:{_id:e.unref(a).params._id}})),class:"cursor-pointer"},{default:e.withCtx(()=>[z]),_:1}),e.createVNode(l.default,{onClick:r[8]||(r[8]=s=>e.unref(n).push({name:"Legal",params:{_id:e.unref(a).params._id}})),class:"cursor-pointer"},{default:e.withCtx(()=>[G]),_:1}),e.createVNode(l.default,{class:"cursor-pointer",onClick:r[9]||(r[9]=s=>b())},{default:e.withCtx(()=>[T]),_:1})]),_:1})):e.createCommentVNode("",!0)]))])):e.createCommentVNode("",!0)}};exports.default=H;
+"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.vue2.cjs");
+const Completion = require("../../../../components/Completion/Completion.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");
+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("../../../auth/views/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 = /* @__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 = {
+  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 = {
+  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) {
+    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(() => [
+                      _hoisted_6
+                    ]),
+                    _: 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_7)) : (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.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),
+            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_13, " 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: { _id: vue.unref(route).params._id } })),
+                class: "cursor-pointer"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(IconEvents.default, {
+                    class: "i-semi",
+                    icon: true,
+                    fill: "rgb(var(--white))"
+                  }),
+                  _hoisted_14
+                ]),
+                _: 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
+                  }),
+                  _hoisted_15
+                ]),
+                _: 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
+                  }),
+                  _hoisted_16
+                ]),
+                _: 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
+                  }),
+                  _hoisted_17
+                ]),
+                _: 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(() => [
+                  _hoisted_18
+                ]),
+                _: 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(() => [
+                  _hoisted_19
+                ]),
+                _: 1
+              }),
+              vue.createVNode(MenuItem.default, {
+                class: "cursor-pointer",
+                onClick: _cache[9] || (_cache[9] = ($event) => logout())
+              }, {
+                default: vue.withCtx(() => [
+                  _hoisted_20
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("", true)
+        ]))
+      ])) : vue.createCommentVNode("", true);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Profile.vue.cjs.map

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

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