@ozdao/prometheus-framework 0.2.199 → 0.2.201

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

@@ -1 +1,86 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("vue-router"),d=require("../../../../components/Tab/Tab.vue2.cjs"),p=require("../../../../components/Feed/Feed.vue.cjs"),m=require("../../../community/components/blocks/CardBlogpost.vue.cjs"),o=require("../../../auth/views/store/auth.cjs"),f=require("../../../community/store/blogposts.cjs"),b={class:"pd-thin"},g={class:"mn-b-medium flex-v-center flex-nowrap flex"},_=e.createElementVNode("h2",{class:"mn-r-medium"},"Posts",-1),h={__name:"ProfileBlogposts",setup(v){const t=n.useRoute(),i=n.useRouter();let c=t.query.tab?t.query.tab:"posts";const r=e.ref(c);return t.query.tab=r.value,e.watch(r,l=>{i.replace({query:{...t.query,tab:l}})}),(l,a)=>(e.openBlock(),e.createElementBlock("div",b,[e.createElementVNode("header",g,[_,o.state.user._id===e.unref(t).params._id?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:a[0]||(a[0]=s=>l.$router.push({name:"Create BlogPost"})),class:"radius-100 t-white t-semi i-big hover-scale-1 cursor-pointer t-white bg-second"}," + ")):e.createCommentVNode("",!0)]),o.state.user._id===e.unref(t).params._id?(e.openBlock(),e.createBlock(d.default,{key:0,selected:r.value,"onUpdate:selected":a[1]||(a[1]=s=>r.value=s),tabs:[{name:"My posts",value:"posts"},{name:"Drafts",value:"drafts"},{name:"Following",value:"following"}],class:"mn-b-small o-hidden h5 radius-big bg-light"},null,8,["selected"])):e.createCommentVNode("",!0),e.createVNode(p.default,{showLoadMore:!1,states:{empty:{title:"No Blog Posts Found",description:"Currently, there are no posts available in this blog. Please check back later."}},store:{read:s=>f.read(s)},options:{limit:15,category:e.unref(t).params.category,period:e.unref(t).query.period,status:r.value==="drafts"?"draft":"published",user:o.state.user._id,creator:["posts","drafts"].includes(r.value)?e.unref(t).params._id:null,following:r.value==="following"?o.state.user._id:null},class:"row-1 gap-thin"},{default:e.withCtx(({items:s})=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s,u=>(e.openBlock(),e.createBlock(m.default,{key:u._id,blogpost:u,user:o.state.user._id,class:"h-max-40r mn-b-medium"},null,8,["blogpost","user"]))),128))]),_:1},8,["store","options"])]))}};exports.default=h;
+"use strict";
+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 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) {
+    const route = vueRouter.useRoute();
+    const router = vueRouter.useRouter();
+    let tab = route.query.tab ? route.query.tab : "posts";
+    const tabOrganization = vue.ref(tab);
+    route.query.tab = tabOrganization.value;
+    vue.watch(tabOrganization, (newValue) => {
+      router.replace({ query: { ...route.query, tab: newValue } });
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("header", _hoisted_2, [
+          _hoisted_3,
+          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({
+              name: "Create BlogPost"
+            })),
+            class: "radius-100 t-white t-semi i-big hover-scale-1 cursor-pointer t-white bg-second"
+          }, " + ")) : vue.createCommentVNode("", true)
+        ]),
+        auth.state.user._id === vue.unref(route).params._id ? (vue.openBlock(), vue.createBlock(Tab.default, {
+          key: 0,
+          selected: tabOrganization.value,
+          "onUpdate:selected": _cache[1] || (_cache[1] = ($event) => tabOrganization.value = $event),
+          tabs: [
+            { name: "My posts", value: "posts" },
+            { name: "Drafts", value: "drafts" },
+            { name: "Following", value: "following" }
+          ],
+          class: "mn-b-small o-hidden h5 radius-big bg-light"
+        }, null, 8, ["selected"])) : vue.createCommentVNode("", true),
+        vue.createVNode(Feed.default, {
+          showLoadMore: false,
+          states: {
+            empty: {
+              title: "No Blog Posts Found",
+              description: "Currently, there are no posts available in this blog. Please check back later."
+            }
+          },
+          store: {
+            read: (options) => blogposts.read(options)
+          },
+          options: {
+            limit: 15,
+            category: vue.unref(route).params.category,
+            period: vue.unref(route).query.period,
+            status: tabOrganization.value === "drafts" ? "draft" : "published",
+            user: auth.state.user._id,
+            creator: ["posts", "drafts"].includes(tabOrganization.value) ? vue.unref(route).params._id : null,
+            following: tabOrganization.value === "following" ? auth.state.user._id : null
+          },
+          class: "row-1 gap-thin"
+        }, {
+          default: vue.withCtx(({ items }) => [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (item) => {
+              return vue.openBlock(), vue.createBlock(CardBlogpost.default, {
+                key: item._id,
+                blogpost: item,
+                user: auth.state.user._id,
+                class: "h-max-40r mn-b-medium"
+              }, null, 8, ["blogpost", "user"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["store", "options"])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=ProfileBlogposts.vue.cjs.map

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

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

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

@@ -1,75 +1,86 @@
-import { ref as _, watch as b, openBlock as s, createElementBlock as n, createElementVNode as c, unref as o, createCommentVNode as d, createBlock as m, createVNode as g, withCtx as h, Fragment as v, renderList as y } from "vue";
-import { useRoute as w, useRouter as k } from "vue-router";
-import q from "../../../../components/Tab/Tab.vue2.js";
-import x from "../../../../components/Feed/Feed.vue.js";
-import B from "../../../community/components/blocks/CardBlogpost.vue.js";
-import { state as a } from "../../../auth/views/store/auth.js";
-import { read as C } from "../../../community/store/blogposts.js";
-const P = { class: "pd-thin" }, $ = { class: "mn-b-medium flex-v-center flex-nowrap flex" }, N = /* @__PURE__ */ c("h2", { class: "mn-r-medium" }, "Posts", -1), O = {
+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$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(F) {
-    const e = w(), p = k();
-    let f = e.query.tab ? e.query.tab : "posts";
-    const t = _(f);
-    return e.query.tab = t.value, b(t, (i) => {
-      p.replace({ query: { ...e.query, tab: i } });
-    }), (i, l) => (s(), n("div", P, [
-      c("header", $, [
-        N,
-        a.user._id === o(e).params._id ? (s(), n("button", {
-          key: 0,
-          onClick: l[0] || (l[0] = (r) => i.$router.push({
-            name: "Create BlogPost"
-          })),
-          class: "radius-100 t-white t-semi i-big hover-scale-1 cursor-pointer t-white bg-second"
-        }, " + ")) : d("", !0)
-      ]),
-      a.user._id === o(e).params._id ? (s(), m(q, {
-        key: 0,
-        selected: t.value,
-        "onUpdate:selected": l[1] || (l[1] = (r) => t.value = r),
-        tabs: [
-          { name: "My posts", value: "posts" },
-          { name: "Drafts", value: "drafts" },
-          { name: "Following", value: "following" }
-        ],
-        class: "mn-b-small o-hidden h5 radius-big bg-light"
-      }, null, 8, ["selected"])) : d("", !0),
-      g(x, {
-        showLoadMore: !1,
-        states: {
-          empty: {
-            title: "No Blog Posts Found",
-            description: "Currently, there are no posts available in this blog. Please check back later."
-          }
-        },
-        store: {
-          read: (r) => C(r)
-        },
-        options: {
-          limit: 15,
-          category: o(e).params.category,
-          period: o(e).query.period,
-          status: t.value === "drafts" ? "draft" : "published",
-          user: a.user._id,
-          creator: ["posts", "drafts"].includes(t.value) ? o(e).params._id : null,
-          following: t.value === "following" ? a.user._id : null
-        },
-        class: "row-1 gap-thin"
-      }, {
-        default: h(({ items: r }) => [
-          (s(!0), n(v, null, y(r, (u) => (s(), m(B, {
-            key: u._id,
-            blogpost: u,
-            user: a.user._id,
-            class: "h-max-40r mn-b-medium"
-          }, null, 8, ["blogpost", "user"]))), 128))
+  setup(__props) {
+    const route = useRoute();
+    const router = useRouter();
+    let tab = route.query.tab ? route.query.tab : "posts";
+    const tabOrganization = ref(tab);
+    route.query.tab = tabOrganization.value;
+    watch(tabOrganization, (newValue) => {
+      router.replace({ query: { ...route.query, tab: newValue } });
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("header", _hoisted_2, [
+          _hoisted_3,
+          state.user._id === unref(route).params._id ? (openBlock(), createElementBlock("button", {
+            key: 0,
+            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.push({
+              name: "Create BlogPost"
+            })),
+            class: "radius-100 t-white t-semi i-big hover-scale-1 cursor-pointer t-white bg-second"
+          }, " + ")) : createCommentVNode("", true)
         ]),
-        _: 1
-      }, 8, ["store", "options"])
-    ]));
+        state.user._id === unref(route).params._id ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 0,
+          selected: tabOrganization.value,
+          "onUpdate:selected": _cache[1] || (_cache[1] = ($event) => tabOrganization.value = $event),
+          tabs: [
+            { name: "My posts", value: "posts" },
+            { name: "Drafts", value: "drafts" },
+            { name: "Following", value: "following" }
+          ],
+          class: "mn-b-small o-hidden h5 radius-big bg-light"
+        }, null, 8, ["selected"])) : createCommentVNode("", true),
+        createVNode(_sfc_main$2, {
+          showLoadMore: false,
+          states: {
+            empty: {
+              title: "No Blog Posts Found",
+              description: "Currently, there are no posts available in this blog. Please check back later."
+            }
+          },
+          store: {
+            read: (options) => read(options)
+          },
+          options: {
+            limit: 15,
+            category: unref(route).params.category,
+            period: unref(route).query.period,
+            status: tabOrganization.value === "drafts" ? "draft" : "published",
+            user: state.user._id,
+            creator: ["posts", "drafts"].includes(tabOrganization.value) ? unref(route).params._id : null,
+            following: tabOrganization.value === "following" ? state.user._id : null
+          },
+          class: "row-1 gap-thin"
+        }, {
+          default: withCtx(({ items }) => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(items, (item) => {
+              return openBlock(), createBlock(_sfc_main$3, {
+                key: item._id,
+                blogpost: item,
+                user: state.user._id,
+                class: "h-max-40r mn-b-medium"
+              }, null, 8, ["blogpost", "user"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["store", "options"])
+      ]);
+    };
   }
 };
 export {
-  O as default
+  _sfc_main as default
 };
+//# sourceMappingURL=ProfileBlogposts.vue.js.map

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

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

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

@@ -1 +1,173 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                                   */const i=require("../../../../components/Field/Field.vue2.cjs"),u=require("../../../../components/Button/Button.vue2.cjs"),b=require("../../../../components/UploadImage/UploadImage.vue.cjs"),h=require("../sections/ProfileCompletion.vue.cjs"),c=require("vue-router"),s=require("../../../auth/views/store/auth.cjs"),t=require("../../store/users.cjs");require("./ProfileEdit.vue2.cjs");const g={key:0,class:"pd-medium for-transition w-100"},N=e.createElementVNode("h3",{class:"mn-b-small"},"Username",-1),w={class:"mn-b-semi"},V=e.createElementVNode("h3",{class:"mn-b-small"},"Profile",-1),v={class:"mn-b-thin radius-small w-100 h-10r bg-light flex-center flex-column flex"},U=e.createElementVNode("h4",null,"Upload userpic",-1),k=e.createElementVNode("h3",{class:"mn-b-small"},"Socials",-1),_=e.createElementVNode("p",{class:"mn-b-thin"},"Please provide only the username for social media profiles, without full links.",-1),y=e.createElementVNode("h3",{class:"mn-b-small"},"Account",-1),E={__name:"ProfileEdit",setup(q){e.ref(null);const o=c.useRoute(),n=c.useRouter();e.ref(null);const d=e.ref(!1);e.onMounted(async()=>{await t.actions.read({_id:o.params._id,user:s.state.user._id}),d.value=!0});async function m(){await t.actions.update(t.state.current)}async function f(){window.confirm("Are you sure you want to delete your account? Restoration will be possible only with the help of an administrator.")&&(t.state.current.status="removed",await t.actions.update(t.state.current),s.actions.logout())}function p(){n.replace({name:"User Profile",params:{_id:t.state.current._id}})}return(r,a)=>d.value?(e.openBlock(),e.createElementBlock("div",g,[e.unref(o).params._id===s.state.user._id?(e.openBlock(),e.createBlock(h.default,{key:0,user:s.state.user._id,target:t.state.current,cta:!1},null,8,["user","target"])):e.createCommentVNode("",!0),N,e.createVNode(i.default,{field:t.state.current.username,"onUpdate:field":a[0]||(a[0]=l=>t.state.current.username=l),label:"@",placeholder:"Not specified",class:"mn-b-thin w-100 bg-light pd-medium radius-small",disabled:"true",validation:r.organizationName},null,8,["field","validation"]),e.createElementVNode("p",w,"Your username will be used for URL of profile like "+e.toDisplayString(r.API_URL)+"/users/username",1),V,e.createElementVNode("div",v,[e.createVNode(b.default,{photo:t.state.current.profile.photo,"onUpdate:photo":a[1]||(a[1]=l=>t.state.current.profile.photo=l),uploadPath:"users/"+t.state.current._id+"/avatars",class:"h-4r w-4r aspect-1x1 o-hidden bg-white mn-b-thin radius-extra"},null,8,["photo","uploadPath"]),U]),e.createVNode(i.default,{field:t.state.current.profile.name,"onUpdate:field":a[2]||(a[2]=l=>t.state.current.profile.name=l),label:"Name",placeholder:"Not specified",class:"mn-b-thin bg-light pd-medium radius-small",validation:r.organizationName},null,8,["field","validation"]),e.createVNode(i.default,{field:t.state.current.profile.description,"onUpdate:field":a[3]||(a[3]=l=>t.state.current.profile.description=l),label:"Description",placeholder:"Not specified",class:"mn-b-semi bg-light pd-medium radius-small",validation:r.organizationName},null,8,["field","validation"]),k,_,e.createVNode(i.default,{field:t.state.current.socials.instagram,"onUpdate:field":a[4]||(a[4]=l=>t.state.current.socials.instagram=l),label:"Instagram",placeholder:"",class:"mn-b-thin bg-light pd-medium radius-small"},null,8,["field"]),e.createVNode(i.default,{field:t.state.current.socials.twitter,"onUpdate:field":a[5]||(a[5]=l=>t.state.current.socials.twitter=l),label:"Twitter",placeholder:"",class:"mn-b-thin bg-light pd-medium radius-small"},null,8,["field"]),e.createVNode(i.default,{field:t.state.current.socials.facebook,"onUpdate:field":a[6]||(a[6]=l=>t.state.current.socials.facebook=l),label:"Facebook",placeholder:"",class:"mn-b-thin bg-light pd-medium radius-small"},null,8,["field"]),e.createVNode(i.default,{field:t.state.current.socials.telegram,"onUpdate:field":a[7]||(a[7]=l=>t.state.current.socials.telegram=l),label:"Telegram",placeholder:"",class:"mn-b-semi bg-light pd-medium radius-small"},null,8,["field"]),y,e.createVNode(i.default,{field:t.state.current.phone,"onUpdate:field":a[8]||(a[8]=l=>t.state.current.phone=l),label:"Phone",placeholder:"Not specified",class:"mn-b-thin bg-light pd-medium mn-b-thin radius-small",disabled:"true",validation:r.organizationName},null,8,["field","validation"]),e.createVNode(i.default,{field:t.state.current.email,"onUpdate:field":a[9]||(a[9]=l=>t.state.current.email=l),label:"Email",placeholder:"Not specified",class:"mn-b-semi bg-light pd-medium radius-small",disabled:!0,validation:r.organizationName},null,8,["field","validation"]),e.createVNode(u.default,{submit:m,callback:p,class:"mn-b-thin bg-main w-100"},{default:e.withCtx(()=>[e.createTextVNode(" Save ")]),_:1}),e.createVNode(u.default,{submit:f,callback:r.a=()=>{e.unref(n).push({name:"Sign In"})},class:"mn-b-thin w-100 bg-red t-white"},{default:e.withCtx(()=>[e.createTextVNode(" Delete Account ")]),_:1},8,["callback"])])):e.createCommentVNode("",!0)}};exports.default=E;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css                                   */
+const Field = require("../../../../components/Field/Field.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
+const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
+const ProfileCompletion = require("../sections/ProfileCompletion.vue.cjs");
+const vueRouter = require("vue-router");
+const auth = require("../../../auth/views/store/auth.cjs");
+const users = require("../../store/users.cjs");
+require("./ProfileEdit.vue2.cjs");
+const _hoisted_1 = {
+  key: 0,
+  class: "pd-medium for-transition w-100"
+};
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("h3", { class: "mn-b-small" }, "Username", -1);
+const _hoisted_3 = { class: "mn-b-semi" };
+const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("h3", { class: "mn-b-small" }, "Profile", -1);
+const _hoisted_5 = { class: "mn-b-thin radius-small w-100 h-10r bg-light flex-center flex-column flex" };
+const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("h4", null, "Upload userpic", -1);
+const _hoisted_7 = /* @__PURE__ */ vue.createElementVNode("h3", { class: "mn-b-small" }, "Socials", -1);
+const _hoisted_8 = /* @__PURE__ */ vue.createElementVNode("p", { class: "mn-b-thin" }, "Please provide only the username for social media profiles, without full links.", -1);
+const _hoisted_9 = /* @__PURE__ */ vue.createElementVNode("h3", { class: "mn-b-small" }, "Account", -1);
+const _sfc_main = {
+  __name: "ProfileEdit",
+  setup(__props) {
+    vue.ref(null);
+    const route = vueRouter.useRoute();
+    const router = vueRouter.useRouter();
+    vue.ref(null);
+    const show = vue.ref(false);
+    vue.onMounted(async () => {
+      await users.actions.read({ _id: route.params._id, user: auth.state.user._id });
+      show.value = true;
+    });
+    async function onSubmit() {
+      await users.actions.update(users.state.current);
+    }
+    async function onSubmitDelete() {
+      const confirmation = window.confirm("Are you sure you want to delete your account? Restoration will be possible only with the help of an administrator.");
+      if (!confirmation) {
+        return;
+      }
+      users.state.current.status = "removed";
+      await users.actions.update(users.state.current);
+      auth.actions.logout();
+    }
+    function redirectTo() {
+      router.replace({ name: "User Profile", params: { _id: users.state.current._id } });
+    }
+    return (_ctx, _cache) => {
+      return show.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.unref(route).params._id === auth.state.user._id ? (vue.openBlock(), vue.createBlock(ProfileCompletion.default, {
+          key: 0,
+          user: auth.state.user._id,
+          target: users.state.current,
+          cta: false
+        }, null, 8, ["user", "target"])) : vue.createCommentVNode("", true),
+        _hoisted_2,
+        vue.createVNode(Field.default, {
+          field: users.state.current.username,
+          "onUpdate:field": _cache[0] || (_cache[0] = ($event) => users.state.current.username = $event),
+          label: "@",
+          placeholder: "Not specified",
+          class: "mn-b-thin w-100 bg-light pd-medium radius-small",
+          disabled: "true",
+          validation: _ctx.organizationName
+        }, null, 8, ["field", "validation"]),
+        vue.createElementVNode("p", _hoisted_3, "Your username will be used for URL of profile like " + vue.toDisplayString(_ctx.API_URL) + "/users/username", 1),
+        _hoisted_4,
+        vue.createElementVNode("div", _hoisted_5, [
+          vue.createVNode(UploadImage.default, {
+            photo: users.state.current.profile.photo,
+            "onUpdate:photo": _cache[1] || (_cache[1] = ($event) => users.state.current.profile.photo = $event),
+            uploadPath: "users/" + users.state.current._id + "/avatars",
+            class: "h-4r w-4r aspect-1x1 o-hidden bg-white mn-b-thin radius-extra"
+          }, null, 8, ["photo", "uploadPath"]),
+          _hoisted_6
+        ]),
+        vue.createVNode(Field.default, {
+          field: users.state.current.profile.name,
+          "onUpdate:field": _cache[2] || (_cache[2] = ($event) => users.state.current.profile.name = $event),
+          label: "Name",
+          placeholder: "Not specified",
+          class: "mn-b-thin bg-light pd-medium radius-small",
+          validation: _ctx.organizationName
+        }, null, 8, ["field", "validation"]),
+        vue.createVNode(Field.default, {
+          field: users.state.current.profile.description,
+          "onUpdate:field": _cache[3] || (_cache[3] = ($event) => users.state.current.profile.description = $event),
+          label: "Description",
+          placeholder: "Not specified",
+          class: "mn-b-semi bg-light pd-medium radius-small",
+          validation: _ctx.organizationName
+        }, null, 8, ["field", "validation"]),
+        _hoisted_7,
+        _hoisted_8,
+        vue.createVNode(Field.default, {
+          field: users.state.current.socials.instagram,
+          "onUpdate:field": _cache[4] || (_cache[4] = ($event) => users.state.current.socials.instagram = $event),
+          label: "Instagram",
+          placeholder: "",
+          class: "mn-b-thin bg-light pd-medium radius-small"
+        }, null, 8, ["field"]),
+        vue.createVNode(Field.default, {
+          field: users.state.current.socials.twitter,
+          "onUpdate:field": _cache[5] || (_cache[5] = ($event) => users.state.current.socials.twitter = $event),
+          label: "Twitter",
+          placeholder: "",
+          class: "mn-b-thin bg-light pd-medium radius-small"
+        }, null, 8, ["field"]),
+        vue.createVNode(Field.default, {
+          field: users.state.current.socials.facebook,
+          "onUpdate:field": _cache[6] || (_cache[6] = ($event) => users.state.current.socials.facebook = $event),
+          label: "Facebook",
+          placeholder: "",
+          class: "mn-b-thin bg-light pd-medium radius-small"
+        }, null, 8, ["field"]),
+        vue.createVNode(Field.default, {
+          field: users.state.current.socials.telegram,
+          "onUpdate:field": _cache[7] || (_cache[7] = ($event) => users.state.current.socials.telegram = $event),
+          label: "Telegram",
+          placeholder: "",
+          class: "mn-b-semi bg-light pd-medium radius-small"
+        }, null, 8, ["field"]),
+        _hoisted_9,
+        vue.createVNode(Field.default, {
+          field: users.state.current.phone,
+          "onUpdate:field": _cache[8] || (_cache[8] = ($event) => users.state.current.phone = $event),
+          label: "Phone",
+          placeholder: "Not specified",
+          class: "mn-b-thin bg-light pd-medium mn-b-thin radius-small",
+          disabled: "true",
+          validation: _ctx.organizationName
+        }, null, 8, ["field", "validation"]),
+        vue.createVNode(Field.default, {
+          field: users.state.current.email,
+          "onUpdate:field": _cache[9] || (_cache[9] = ($event) => users.state.current.email = $event),
+          label: "Email",
+          placeholder: "Not specified",
+          class: "mn-b-semi bg-light pd-medium radius-small",
+          disabled: true,
+          validation: _ctx.organizationName
+        }, null, 8, ["field", "validation"]),
+        vue.createVNode(Button.default, {
+          submit: onSubmit,
+          callback: redirectTo,
+          class: "mn-b-thin bg-main w-100"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createTextVNode(" Save ")
+          ]),
+          _: 1
+        }),
+        vue.createVNode(Button.default, {
+          submit: onSubmitDelete,
+          callback: _ctx.a = () => {
+            vue.unref(router).push({ name: "Sign In" });
+          },
+          class: "mn-b-thin w-100 bg-red t-white"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createTextVNode(" Delete Account ")
+          ]),
+          _: 1
+        }, 8, ["callback"])
+      ])) : vue.createCommentVNode("", true);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=ProfileEdit.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileEdit.vue.cjs","sources":["../../../../../../../src/modules/users/components/pages/ProfileEdit.vue"],"sourcesContent":["<template>\n\t<div  v-if=\"show\" class=\"pd-medium for-transition w-100\">\n   \n    <ProfileCompletion \n      v-if=\"route.params._id === auth.state.user._id\" \n      :user=\"auth.state.user._id\"\n      :target=\"users.state.current\"\n      :cta=\"false\"\n    />\n    <!--  -->\n    <h3 class=\"mn-b-small\">Username</h3>\n\n    <Field \n      v-model:field=\"users.state.current.username\"     \n      label=\"@\"  \n      placeholder=\"Not specified\" \n      class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n      disabled=\"true\"\n      :validation=\"organizationName\" \n    />\n\n    <p class=\"mn-b-semi\">Your username will be used for URL of profile like {{API_URL}}/users/username</p>\n    <!--  -->\n    <h3 class=\"mn-b-small\">Profile</h3>\n\n    <div class=\"mn-b-thin radius-small w-100 h-10r bg-light flex-center flex-column flex\">\n       <UploadImage \n          v-model:photo=\"users.state.current.profile.photo\"\n          :uploadPath=\"'users/' + users.state.current._id + '/avatars'\"\n          class=\"h-4r w-4r aspect-1x1 o-hidden bg-white mn-b-thin radius-extra\" \n        />\n        <h4>Upload userpic</h4>\n    </div>\n\n    <Field \n      v-model:field=\"users.state.current.profile.name\"     \n      label=\"Name\"  \n      placeholder=\"Not specified\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n      :validation=\"organizationName\" \n    />\n\n    <Field \n      v-model:field=\"users.state.current.profile.description\"     \n      label=\"Description\"  \n      placeholder=\"Not specified\" \n      class=\"mn-b-semi bg-light pd-medium radius-small\" \n      :validation=\"organizationName\" \n    />\n\n    <!-- <p class=\"mn-b-thin\">Select your birthday if you want to receive your birthday gift.</p>\n    \n    <Field \n      v-model:field=\"users.state.current.birthday\"     \n      label=\"Birthday\"  \n      type=\"date\"\n      placeholder=\"Not specified\" \n      class=\"mn-b-semi bg-light pd-medium radius-small\" \n      :validation=\"organizationName\" \n    /> -->\n    <h3 class=\"mn-b-small\">Socials</h3>\n    <p class=\"mn-b-thin\">Please provide only the username for social media profiles, without full links.</p>\n\n    <Field \n      v-model:field=\"users.state.current.socials.instagram\"\n      label=\"Instagram\"   \n      placeholder=\"\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n    <Field \n      v-model:field=\"users.state.current.socials.twitter\"\n      label=\"Twitter\"   \n      placeholder=\"\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n    <Field \n      v-model:field=\"users.state.current.socials.facebook\"\n      label=\"Facebook\"   \n      placeholder=\"\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n    <Field \n      v-model:field=\"users.state.current.socials.telegram\"\n      label=\"Telegram\"   \n      placeholder=\"\" \n      class=\"mn-b-semi bg-light pd-medium radius-small\" \n    />\n    <!--  -->\n    <h3 class=\"mn-b-small\">Account</h3>\n      \n    <Field \n      v-model:field=\"users.state.current.phone\"     \n      label=\"Phone\"  \n      placeholder=\"Not specified\" \n      class=\"mn-b-thin bg-light pd-medium mn-b-thin radius-small\" \n      disabled=\"true\"\n      :validation=\"organizationName\" \n    />\n\n    <Field \n      v-model:field=\"users.state.current.email\"     \n      label=\"Email\"  \n      placeholder=\"Not specified\" \n      class=\"mn-b-semi bg-light pd-medium radius-small\" \n      :disabled=\"true\"\n      :validation=\"organizationName\" \n    />\n\n    <Button \n      :submit=\"onSubmit\" \n      :callback=\"redirectTo\" \n      class=\"mn-b-thin bg-main w-100\"\n    > \n      Save\n    </Button>\n\n\t\t<Button\n      :submit=\"onSubmitDelete\" \n      :callback=\"a = () => {router.push({name: 'Sign In'})}\" \n      class=\"mn-b-thin w-100 bg-red t-white\"\n    >\n      Delete Account\n    </Button>\n\t</div>\n</template>\n\n<script setup>\n  // Import components\n  import Tab           from '@pf/src/components/Tab/Tab.vue'\n  import Field         from '@pf/src/components/Field/Field.vue'\n  import Button        from '@pf/src/components/Button/Button.vue'\n  import UploadImage   from '@pf/src/components/UploadImage/UploadImage.vue';\n  import ProfileCompletion from '@pf/src/modules/users/components/sections/ProfileCompletion.vue'\n  // Import libs\n  import { computed, onMounted, ref, onBeforeMount } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n  // Import state\n  import * as auth from '@pf/src/modules/auth/views/store/auth'\n  import * as users from '@pf/src/modules/users/store/users'\n  // Import validation\n  import * as inputsValidation from '@pf/src/modules/auth/views/validations/inputs.validation'\n  const passswordValidation = ref(null)\n  // Accessing router\n  const route = useRoute()\n  const router = useRouter()\n\n  const user = ref(null)\n  const show = ref(false)\n\n\n  onMounted(async () => {\n    await users.actions.read({ _id: route.params._id, user: auth.state.user._id });\n    show.value = true\n  })\n  // Methods\n  async function onSubmit() {\n    await users.actions.update(users.state.current)\n  }\n\n  async function onSubmitDelete() {\n    const confirmation = window.confirm(\"Are you sure you want to delete your account? Restoration will be possible only with the help of an administrator.\");\n    \n    if (!confirmation) {\n        return;\n    }\n\n    users.state.current.status = 'removed'\n    await users.actions.update(users.state.current)\n    auth.actions.logout()\n  }\n  function redirectTo () {\n    router.replace({ name: 'User Profile', params: { _id: users.state.current._id }});\n  }\n</script>\n\n<style lang=\"scss\">\n\t#header {\n\t\t// height: 3rem;\n\t}\n</style>\n"],"names":["ref","useRoute","useRouter","onMounted","users.actions","auth.state","users.state","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA6I8BA,QAAAA,IAAI,IAAI;AAEpC,UAAM,QAAQC,UAAAA,SAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAEbF,QAAAA,IAAI,IAAI;AACrB,UAAM,OAAOA,IAAG,IAAC,KAAK;AAGtBG,QAAAA,UAAU,YAAY;AACpB,YAAMC,cAAc,KAAK,EAAE,KAAK,MAAM,OAAO,KAAK,MAAMC,KAAU,MAAC,KAAK,IAAK,CAAA;AAC7E,WAAK,QAAQ;AAAA,IACjB,CAAG;AAED,mBAAe,WAAW;AACxB,YAAMD,cAAc,OAAOE,MAAW,MAAC,OAAO;AAAA,IAC/C;AAED,mBAAe,iBAAiB;AAC9B,YAAM,eAAe,OAAO,QAAQ,oHAAoH;AAExJ,UAAI,CAAC,cAAc;AACf;AAAA,MACH;AAEDA,kBAAY,QAAQ,SAAS;AAC7B,YAAMF,cAAc,OAAOE,MAAW,MAAC,OAAO;AAC9CC,WAAAA,QAAa,OAAQ;AAAA,IACtB;AACD,aAAS,aAAc;AACrB,aAAO,QAAQ,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAKD,YAAY,QAAQ,IAAG,EAAE,CAAC;AAAA,IACjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}