@ozdao/prometheus-framework 0.2.241 → 0.2.243

package/dist/prometheus-framework/src/modules/spots/components/pages/SpotEdit.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpotEdit.vue.js","sources":["../../../../../../../src/modules/spots/components/pages/SpotEdit.vue"],"sourcesContent":["<template>\n  <div class=\"for-transition w-100 cols-1 pd-thin gap-thin\">\n\n\n    <Block class=\"flex-nowrap flex-v-center flex\">\n      \n      <h1 class=\"mn-r-auto\">\n        {{ route.params.spot ? spots.state.spot.profile.name : 'Create Spot' }}\n      </h1>\n\n      <Button \n        :submit=\"onSubmit\" \n        :callback=\"redirectTo\"\n        class=\"bg-main\"\n      >\n        Save Spot\n      </Button>\n    </Block>\n    \n\n    <div class=\"cols-2 gap-thin\">\n    \n      <Block\n        title=\"Profile\"\n        class=\"mn-b-semi\"\n      >\n\n\n\n        <div class=\"gap-small mn-b-small cols-2-fit-content\">\n          <UploadImage \n             v-model:photo=\"spots.state.spot.profile.photo\"\n            :uploadPath=\"'organizations/' + spots.state.spot.name + '/avatars'\"\n            class=\"aspect-1x1 w-8r o-hidden radius-extra\" \n          />\n\n          <div class=\"w-100\">\n            <Field \n              v-model:field=\"spots.state.spot.profile.name\"     \n              label=\"Name\"  \n              placeholder=\"Spot Name\" \n              class=\"mn-b-small bg-white radius-small pd-medium\"\n              :validation=\"organizationName\" \n            />\n            <Field \n              v-model:field=\"spots.state.spot.profile.description\"     \n              label=\"Description\"  \n              placeholder=\"Spot description (max 120 symbols)\" \n              class=\"bg-white radius-small pd-medium\"\n              :validation=\"organizationName\" \n            />  \n          </div>\n        </div>\n\n        <Select \n          v-model:select=\"spots.state.spot.status\"\n          label=\"Status\"\n          :options=\"[\n            'unpublished', \n            'published',\n            'archivied'\n          ]\"\n          placeholder=\"Display product\"\n          class=\"pos-relative w-100 mn-b-small bg-white radius-small pd-medium\"\n        />\n          \n        <p class=\"p-medium mn-b-small\">Please the available delivery options:</p>\n\n        <Checkbox \n          v-for=\"option in ['pickup','courier','post']\"\n          :label=\"option\"\n          name=\"Delivery\"\n          :value=\"option\"\n          class=\"w-100 mn-b-small bg-white radius-small pd-small\"\n          :radio=\"spots.state.spot.delivery\"\n          @update:radio=\"event => spots.state.spot.delivery = event\"\n        />\n\n        <p class=\"p-medium mn-b-small\">Please select the available payment methods:</p>\n     \n        <Checkbox \n          v-for=\"option in ['cash','bank transfer','crypto']\"\n          :label=\"option\"\n          name=\"Payment\"\n          :value=\"option\"\n          class=\"w-100 mn-b-small bg-white radius-small pd-small\"\n          :radio=\"spots.state.spot.payment\"\n          @update:radio=\"event => spots.state.spot.payment = event\"\n        />\n      </Block>\n\n      <Block\n        title=\"Location\"\n        class=\"pos-relative\"\n      >\n        <Address\n          :apiKey=\"GOOGLE_MAPS_API_KEY\" \n          :address=\"spots.state.spot.address\" \n          :location=\"spots.state.spot.location\"  \n          :locale=\"$i18n.locale\"   \n          label=\"Address\"    \n          placeholder=\"Enter delivery address\"  \n          class=\"\n            bg-white pd-small radius-tl-medium radius-tr-medium \n          \"\n          @update:location=\"newLocation => {\n            spots.state.spot.location = newLocation;\n          }\"\n          @update:address=\"newAddress => {\n            spots.state.spot.address = newAddress;\n          }\"\n        />\n        <LocationMarker \n         :apiKey=\"GOOGLE_MAPS_API_KEY\" \n\n          :address=\"spots.state.spot.address\" \n          :location=\"spots.state.spot.location\" \n          :locale=\"$i18n.locale\"\n          \n          class=\"h-20r mn-b-small radius-bl-medium radius-br-medium  o-hidden\"\n          @update:location=\"newLocation => {\n            spots.state.spot.location = newLocation;\n          }\"\n          @update:address=\"newAddress => {\n            spots.state.spot.address = newAddress;\n          }\"\n        />\n        <p class=\"mn-b-small p-medium\">Options:</p>\n        <Checkbox \n          :label=\"'Hide address'\"\n          name=\"address\"\n          class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n          :radio=\"spots.state.spot.position?.hide\"\n          @update:radio=\"event => spots.state.spot.position.hide = event\"\n\n        />\n\n        <Field \n          v-model:field=\"spots.state.spot.minorder\"     \n          label=\"Min.order\"  \n          placeholder=\"Enter minimum order value\" \n          class=\"bg-white radius-small pd-medium\"\n          :validation=\"organizationName\" \n        />  \n\n      </Block>\n    </div>\n\n    <Button :submit=\"onDelete\" :callback=\"redirectDash\" class=\"w-100 bg-light\">Delete Spot</Button>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from \"vue\";\nimport { useRoute, useRouter } from \"vue-router\";\n\nimport Block from '@pf/src/components/Block/Block.vue';\nimport UploadImage from '@pf/src/components/UploadImage/UploadImage.vue';\n\nimport Tab from \"@pf/src/components/Tab/Tab.vue\";\nimport Field from \"@pf/src/components/Field/Field.vue\";\nimport Select from \"@pf/src/components/Select/Select.vue\";\nimport Checkbox from \"@pf/src/components/Checkbox/Checkbox.vue\";\nimport Address from \"@pf/src/components/Address/Address.vue\";\nimport LocationMarker from \"@pf/src/components/LocationMarker/LocationMarker.vue\";\nimport Button from \"@pf/src/components/Button/Button.vue\";\nimport Popup from \"@pf/src/components/Popup/Popup.vue\";\n\nimport * as spots from \"@pf/src/modules/spots/store/spots\";\n\nconst router = useRouter();\nconst route = useRoute();\nconst tabOrganization = ref(\"details\");\nconst showAddNew = ref(false);\n\nonMounted(async () => {\n  await fetchData();\n})\n\nasync function fetchData() {\n\n  if (route.params.spot) await spots.actions.readOne(route.params.spot);\n\n  const lng = spots.state.spot.location?.coordinates[0]\n  const lat = spots.state.spot.location?.coordinates[1]\n\n  spots.state.spot.location = {\n    lat: lat || 1,\n    lng: lng || 1\n  }\n}\n\nasync function onSubmit() {\n\n  spots.state.spot.location = {\n    type: 'Point',\n    coordinates: [spots.state.spot.location.lng, spots.state.spot.location.lat]\n  }\n\n\n  if (route.params.spot) {\n    await spots.actions.update(\n      route.params._id,\n      spots.state.spot\n    );\n  }\n  if (!route.params.spot) {\n    await spots.actions.create(\n      route.params._id,\n      spots.state.spot\n    );\n  }\n}\n\nfunction redirectTo() {\n  // router.replace({ name: \"Spot\", params: { _id: route.params._id, spot: spots.state.spot._id } });\n   router.push({ name: \"Organization\", params: { _id: route.params._id }});\n}\n\nasync function onDelete() {\n  await spots.actions.delete(\n    route.params._id,\n    spots.state.spot\n  );\n}\n\nfunction redirectDash() {\n  router.push({ name: \"Organization\", params: { _id: route.params._id }});\n}\n</script>\n\n<style scoped>\n</style>"],"names":["spots.actions","spots.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA0KA,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,SAAQ;AACE,QAAI,SAAS;AAClB,QAAI,KAAK;AAE5B,cAAU,YAAY;AACpB,YAAM,UAAS;AAAA,IACjB,CAAC;AAED,mBAAe,YAAY;;AAEzB,UAAI,MAAM,OAAO,KAAM,OAAMA,QAAc,QAAQ,MAAM,OAAO,IAAI;AAEpE,YAAM,OAAMC,WAAY,KAAK,aAAjBA,mBAA2B,YAAY;AACnD,YAAM,OAAMA,WAAY,KAAK,aAAjBA,mBAA2B,YAAY;AAEnDA,YAAY,KAAK,WAAW;AAAA,QAC1B,KAAK,OAAO;AAAA,QACZ,KAAK,OAAO;AAAA,MACb;AAAA,IACH;AAEA,mBAAe,WAAW;AAExBA,YAAY,KAAK,WAAW;AAAA,QAC1B,MAAM;AAAA,QACN,aAAa,CAACA,MAAY,KAAK,SAAS,KAAKA,MAAY,KAAK,SAAS,GAAG;AAAA,MAC3E;AAGD,UAAI,MAAM,OAAO,MAAM;AACrB,cAAMD,QAAc;AAAA,UAClB,MAAM,OAAO;AAAA,UACbC,MAAY;AAAA,QAClB;AAAA,MACG;AACD,UAAI,CAAC,MAAM,OAAO,MAAM;AACtB,cAAMD,QAAc;AAAA,UAClB,MAAM,OAAO;AAAA,UACbC,MAAY;AAAA,QAClB;AAAA,MACG;AAAA,IACH;AAEA,aAAS,aAAa;AAEnB,aAAO,KAAK,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAE,CAAC;AAAA,IACzE;AAEA,mBAAe,WAAW;AACxB,YAAMD,QAAc;AAAA,QAClB,MAAM,OAAO;AAAA,QACbC,MAAY;AAAA,MAChB;AAAA,IACA;AAEA,aAAS,eAAe;AACtB,aAAO,KAAK,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAE,CAAC;AAAA,IACxE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SpotEdit.vue.js","sources":["../../../../../../../src/modules/spots/components/pages/SpotEdit.vue"],"sourcesContent":["<template>\n  <div class=\"for-transition w-100 cols-1 pd-thin gap-thin\">\n\n\n    <Block class=\"flex-nowrap flex-v-center flex\">\n      \n      <h1 class=\"mn-r-auto\">\n        {{ route.params.spot ? spots.state.spot.profile.name : 'Create Spot' }}\n      </h1>\n\n      <Button \n        :submit=\"onSubmit\" \n        :callback=\"redirectTo\"\n        class=\"bg-main\"\n      >\n        Save Spot\n      </Button>\n    </Block>\n    \n\n    <div class=\"cols-2 gap-thin\">\n    \n      <Block\n        title=\"Profile\"\n        class=\"mn-b-semi\"\n      >\n\n\n\n        <div class=\"gap-small mn-b-small cols-2-fit-content\">\n          <UploadImage \n             v-model:photo=\"spots.state.spot.profile.photo\"\n            :uploadPath=\"'organizations/' + spots.state.spot.name + '/avatars'\"\n            class=\"aspect-1x1 w-8r o-hidden radius-extra\" \n          />\n\n          <div class=\"w-100\">\n            <Field \n              v-model:field=\"spots.state.spot.profile.name\"     \n              label=\"Name\"  \n              placeholder=\"Spot Name\" \n              class=\"mn-b-small bg-white radius-small pd-medium\"\n              :validation=\"organizationName\" \n            />\n            <Field \n              v-model:field=\"spots.state.spot.profile.description\"     \n              label=\"Description\"  \n              placeholder=\"Spot description (max 120 symbols)\" \n              class=\"bg-white radius-small pd-medium\"\n              :validation=\"organizationName\" \n            />  \n          </div>\n        </div>\n\n        <Select \n          v-model:select=\"spots.state.spot.status\"\n          label=\"Status\"\n          :options=\"[\n            'unpublished', \n            'published',\n            'archivied'\n          ]\"\n          placeholder=\"Display product\"\n          class=\"pos-relative w-100 mn-b-small bg-white radius-small pd-medium\"\n        />\n          \n        <p class=\"p-medium mn-b-small\">Please the available delivery options:</p>\n\n        <Checkbox \n          v-for=\"option in ['pickup','courier','post']\"\n          :label=\"option\"\n          name=\"Delivery\"\n          :value=\"option\"\n          class=\"w-100 mn-b-small bg-white radius-small pd-small\"\n          :radio=\"spots.state.spot.delivery\"\n          @update:radio=\"event => spots.state.spot.delivery = event\"\n        />\n\n        <p class=\"p-medium mn-b-small\">Please select the available payment methods:</p>\n     \n        <Checkbox \n          v-for=\"option in ['cash','bank transfer','crypto']\"\n          :label=\"option\"\n          name=\"Payment\"\n          :value=\"option\"\n          class=\"w-100 mn-b-small bg-white radius-small pd-small\"\n          :radio=\"spots.state.spot.payment\"\n          @update:radio=\"event => spots.state.spot.payment = event\"\n        />\n      </Block>\n\n      <Block\n        title=\"Location\"\n        class=\"pos-relative\"\n      >\n        <Address\n          :apiKey=\"GOOGLE_MAPS_API_KEY\" \n          :address=\"spots.state.spot.address\" \n          :location=\"spots.state.spot.location\"  \n          :locale=\"$i18n.locale\"   \n          label=\"Address\"    \n          placeholder=\"Enter delivery address\"  \n          class=\"\n            bg-white pd-small radius-tl-medium radius-tr-medium \n          \"\n          @update:location=\"newLocation => {\n            spots.state.spot.location = newLocation;\n          }\"\n          @update:address=\"newAddress => {\n            spots.state.spot.address = newAddress;\n          }\"\n        />\n        <LocationMarker \n         :apiKey=\"GOOGLE_MAPS_API_KEY\" \n\n          :address=\"spots.state.spot.address\" \n          :location=\"spots.state.spot.location\" \n          :locale=\"$i18n.locale\"\n          \n          class=\"h-20r mn-b-small radius-bl-medium radius-br-medium  o-hidden\"\n          @update:location=\"newLocation => {\n            spots.state.spot.location = newLocation;\n          }\"\n          @update:address=\"newAddress => {\n            spots.state.spot.address = newAddress;\n          }\"\n        />\n        <p class=\"mn-b-small p-medium\">Options:</p>\n        <Checkbox \n          :label=\"'Hide address'\"\n          name=\"address\"\n          class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n          :radio=\"spots.state.spot.position?.hide\"\n          @update:radio=\"event => spots.state.spot.position.hide = event\"\n\n        />\n\n        <Field \n          v-model:field=\"spots.state.spot.minorder\"     \n          label=\"Min.order\"  \n          placeholder=\"Enter minimum order value\" \n          class=\"bg-white radius-small pd-medium\"\n          :validation=\"organizationName\" \n        />  \n\n      </Block>\n    </div>\n\n    <Button :submit=\"onDelete\" :callback=\"redirectDash\" class=\"w-100 bg-light\">Delete Spot</Button>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from \"vue\";\nimport { useRoute, useRouter } from \"vue-router\";\n\nimport Block from '@pf/src/components/Block/Block.vue';\nimport UploadImage from '@pf/src/components/UploadImage/UploadImage.vue';\n\nimport Tab from \"@pf/src/components/Tab/Tab.vue\";\nimport Field from \"@pf/src/components/Field/Field.vue\";\nimport Select from \"@pf/src/components/Select/Select.vue\";\nimport Checkbox from \"@pf/src/components/Checkbox/Checkbox.vue\";\nimport Address from \"@pf/src/components/Address/Address.vue\";\nimport LocationMarker from \"@pf/src/components/LocationMarker/LocationMarker.vue\";\nimport Button from \"@pf/src/components/Button/Button.vue\";\nimport Popup from \"@pf/src/components/Popup/Popup.vue\";\n\nimport * as spots from \"@pf/src/modules/spots/store/spots\";\n\nconst router = useRouter();\nconst route = useRoute();\nconst tabOrganization = ref(\"details\");\nconst showAddNew = ref(false);\n\nonMounted(async () => {\n  await fetchData();\n})\n\nasync function fetchData() {\n\n  if (route.params.spot) await spots.actions.readOne(route.params.spot);\n\n  const lng = spots.state.spot.location?.coordinates[0]\n  const lat = spots.state.spot.location?.coordinates[1]\n\n  spots.state.spot.location = {\n    lat: lat || 1,\n    lng: lng || 1\n  }\n}\n\nasync function onSubmit() {\n\n  spots.state.spot.location = {\n    type: 'Point',\n    coordinates: [spots.state.spot.location.lng, spots.state.spot.location.lat]\n  }\n\n\n  if (route.params.spot) {\n    await spots.actions.update(\n      route.params._id,\n      spots.state.spot\n    );\n  }\n  if (!route.params.spot) {\n    await spots.actions.create(\n      route.params._id,\n      spots.state.spot\n    );\n  }\n}\n\nfunction redirectTo() {\n  // router.replace({ name: \"Spot\", params: { _id: route.params._id, spot: spots.state.spot._id } });\n   router.push({ name: \"Organization\", params: { _id: route.params._id }});\n}\n\nasync function onDelete() {\n  await spots.actions.delete(\n    route.params._id,\n    spots.state.spot\n  );\n}\n\nfunction redirectDash() {\n  router.push({ name: \"Organization\", params: { _id: route.params._id }});\n}\n</script>\n\n<style scoped>\n</style>"],"names":["spots.actions","spots.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA0KA,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,SAAQ;AACE,QAAI,SAAS;AAClB,QAAI,KAAK;AAE5B,cAAU,YAAY;AACpB,YAAM,UAAS;AAAA,IACjB,CAAC;AAED,mBAAe,YAAY;;AAEzB,UAAI,MAAM,OAAO,KAAM,OAAMA,QAAc,QAAQ,MAAM,OAAO,IAAI;AAEpE,YAAM,OAAMC,WAAY,KAAK,aAAjBA,mBAA2B,YAAY;AACnD,YAAM,OAAMA,WAAY,KAAK,aAAjBA,mBAA2B,YAAY;AAEnDA,YAAY,KAAK,WAAW;AAAA,QAC1B,KAAK,OAAO;AAAA,QACZ,KAAK,OAAO;AAAA,MACb;AAAA,IACH;AAEA,mBAAe,WAAW;AAExBA,YAAY,KAAK,WAAW;AAAA,QAC1B,MAAM;AAAA,QACN,aAAa,CAACA,MAAY,KAAK,SAAS,KAAKA,MAAY,KAAK,SAAS,GAAG;AAAA,MAC3E;AAGD,UAAI,MAAM,OAAO,MAAM;AACrB,cAAMD,QAAc;AAAA,UAClB,MAAM,OAAO;AAAA,UACbC,MAAY;AAAA,QAClB;AAAA,MACG;AACD,UAAI,CAAC,MAAM,OAAO,MAAM;AACtB,cAAMD,QAAc;AAAA,UAClB,MAAM,OAAO;AAAA,UACbC,MAAY;AAAA,QAClB;AAAA,MACG;AAAA,IACH;AAEA,aAAS,aAAa;AAEnB,aAAO,KAAK,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAE,CAAC;AAAA,IACzE;AAEA,mBAAe,WAAW;AACxB,YAAMD,QAAc;AAAA,QAClB,MAAM,OAAO;AAAA,QACbC,MAAY;AAAA,MAChB;AAAA,IACA;AAEA,aAAS,eAAe;AACtB,aAAO,KAAK,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAE,CAAC;AAAA,IACxE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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