@ozdao/prometheus-framework 0.2.241 → 0.2.243

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

@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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,10 +1,10 @@
 "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");
+;/* empty css                                    */
+const Field = require("../../../../components/Field/Field.vue.cjs");
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
 const ProfileCompletion = require("../sections/ProfileCompletion.vue.cjs");
 const vueRouter = require("vue-router");
@@ -16,15 +16,8 @@ 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" }, "Settings", -1);
-const _hoisted_10 = /* @__PURE__ */ vue.createElementVNode("h3", { class: "mn-b-small" }, "Account", -1);
+const _hoisted_2 = { class: "mn-b-semi" };
+const _hoisted_3 = { class: "mn-b-thin radius-small w-100 h-10r bg-light flex-center flex-column flex" };
 const _sfc_main = {
   __name: "ProfileEdit",
   setup(__props) {
@@ -60,7 +53,7 @@ const _sfc_main = {
           target: users.state.current,
           cta: false
         }, null, 8, ["user", "target"])) : vue.createCommentVNode("", true),
-        _hoisted_2,
+        _cache[14] || (_cache[14] = vue.createElementVNode("h3", { class: "mn-b-small" }, "Username", -1)),
         vue.createVNode(Field.default, {
           field: users.state.current.username,
           "onUpdate:field": _cache[0] || (_cache[0] = ($event) => users.state.current.username = $event),
@@ -70,16 +63,16 @@ const _sfc_main = {
           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.createElementVNode("p", _hoisted_2, "Your username will be used for URL of profile like " + vue.toDisplayString(_ctx.API_URL) + "/users/username", 1),
+        _cache[15] || (_cache[15] = vue.createElementVNode("h3", { class: "mn-b-small" }, "Profile", -1)),
+        vue.createElementVNode("div", _hoisted_3, [
           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
+          _cache[11] || (_cache[11] = vue.createElementVNode("h4", null, "Upload userpic", -1))
         ]),
         vue.createVNode(Field.default, {
           field: users.state.current.profile.name,
@@ -97,8 +90,8 @@ const _sfc_main = {
           class: "mn-b-semi bg-light pd-medium radius-small",
           validation: _ctx.organizationName
         }, null, 8, ["field", "validation"]),
-        _hoisted_7,
-        _hoisted_8,
+        _cache[16] || (_cache[16] = vue.createElementVNode("h3", { class: "mn-b-small" }, "Socials", -1)),
+        _cache[17] || (_cache[17] = vue.createElementVNode("p", { class: "mn-b-thin" }, "Please provide only the username for social media profiles, without full links.", -1)),
         vue.createVNode(Field.default, {
           field: users.state.current.socials.instagram,
           "onUpdate:field": _cache[4] || (_cache[4] = ($event) => users.state.current.socials.instagram = $event),
@@ -127,14 +120,14 @@ const _sfc_main = {
           placeholder: "",
           class: "mn-b-semi bg-light pd-medium radius-small"
         }, null, 8, ["field"]),
-        _hoisted_9,
+        _cache[18] || (_cache[18] = vue.createElementVNode("h3", { class: "mn-b-small" }, "Settings", -1)),
         vue.createVNode(Checkbox.default, {
           label: "Darkmode",
           radio: globals.state.theme.darkmode,
           "onUpdate:radio": _cache[8] || (_cache[8] = (event) => globals.actions.toggleTheme()),
           class: "mn-b-semi w-100 bg-light t-black pd-medium radius-small"
         }, null, 8, ["radio"]),
-        _hoisted_10,
+        _cache[19] || (_cache[19] = vue.createElementVNode("h3", { class: "mn-b-small" }, "Account", -1)),
         vue.createVNode(Field.default, {
           field: users.state.current.phone,
           "onUpdate:field": _cache[9] || (_cache[9] = ($event) => users.state.current.phone = $event),
@@ -158,9 +151,9 @@ const _sfc_main = {
           callback: redirectTo,
           class: "mn-b-thin bg-main w-100"
         }, {
-          default: vue.withCtx(() => [
+          default: vue.withCtx(() => _cache[12] || (_cache[12] = [
             vue.createTextVNode(" Save ")
-          ]),
+          ])),
           _: 1
         }),
         vue.createVNode(Button.default, {
@@ -170,9 +163,9 @@ const _sfc_main = {
           },
           class: "mn-b-thin w-100 bg-red t-white"
         }, {
-          default: vue.withCtx(() => [
+          default: vue.withCtx(() => _cache[13] || (_cache[13] = [
             vue.createTextVNode(" Delete Account ")
-          ]),
+          ])),
           _: 1
         }, 8, ["callback"])
       ])) : vue.createCommentVNode("", true);

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

@@ -1 +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    <h3 class=\"mn-b-small\">Settings</h3>\n    <Checkbox \n      :label=\"'Darkmode'\"\n      :radio=\"globals.state.theme.darkmode\"\n      @update:radio=\"event => globals.actions.toggleTheme()\"\n      class=\"mn-b-semi w-100 bg-light t-black pd-medium radius-small\"\n    />\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 Checkbox from '@pf/src/components/Checkbox/Checkbox.vue'\n  import Button        from '@pf/src/components/Button/Button.vue'\n  import UploadImage   from '@pf/src/components/UploadImage/UploadImage.vue';\n\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 * as globals from '@pf/src/modules/globals/views/store/globals'\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwJ8BA,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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    <h3 class=\"mn-b-small\">Settings</h3>\n    <Checkbox \n      :label=\"'Darkmode'\"\n      :radio=\"globals.state.theme.darkmode\"\n      @update:radio=\"event => globals.actions.toggleTheme()\"\n      class=\"mn-b-semi w-100 bg-light t-black pd-medium radius-small\"\n    />\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 Checkbox from '@pf/src/components/Checkbox/Checkbox.vue'\n  import Button        from '@pf/src/components/Button/Button.vue'\n  import UploadImage   from '@pf/src/components/UploadImage/UploadImage.vue';\n\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 * as globals from '@pf/src/modules/globals/views/store/globals'\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":";;;;;;;;;;;;;;;;;;;;;;;AAwJ8BA,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,8 +1,8 @@
-import { ref, onMounted, openBlock, createElementBlock, unref, createBlock, createCommentVNode, createVNode, createElementVNode, toDisplayString, withCtx, createTextVNode } from "vue";
-/* empty css                                 */
-import Field from "../../../../components/Field/Field.vue2.js";
+import { ref, onMounted, openBlock, createElementBlock, unref, createBlock, createCommentVNode, createElementVNode, createVNode, toDisplayString, withCtx, createTextVNode } from "vue";
+/* empty css                                  */
+import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$3 from "../../../../components/Checkbox/Checkbox.vue.js";
-import _sfc_main$4 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$4 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$2 from "../../../../components/UploadImage/UploadImage.vue.js";
 import _sfc_main$1 from "../sections/ProfileCompletion.vue.js";
 import { useRoute, useRouter } from "vue-router";
@@ -14,15 +14,8 @@ const _hoisted_1 = {
   key: 0,
   class: "pd-medium for-transition w-100"
 };
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("h3", { class: "mn-b-small" }, "Username", -1);
-const _hoisted_3 = { class: "mn-b-semi" };
-const _hoisted_4 = /* @__PURE__ */ 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__ */ createElementVNode("h4", null, "Upload userpic", -1);
-const _hoisted_7 = /* @__PURE__ */ createElementVNode("h3", { class: "mn-b-small" }, "Socials", -1);
-const _hoisted_8 = /* @__PURE__ */ createElementVNode("p", { class: "mn-b-thin" }, "Please provide only the username for social media profiles, without full links.", -1);
-const _hoisted_9 = /* @__PURE__ */ createElementVNode("h3", { class: "mn-b-small" }, "Settings", -1);
-const _hoisted_10 = /* @__PURE__ */ createElementVNode("h3", { class: "mn-b-small" }, "Account", -1);
+const _hoisted_2 = { class: "mn-b-semi" };
+const _hoisted_3 = { class: "mn-b-thin radius-small w-100 h-10r bg-light flex-center flex-column flex" };
 const _sfc_main = {
   __name: "ProfileEdit",
   setup(__props) {
@@ -58,7 +51,7 @@ const _sfc_main = {
           target: state$1.current,
           cta: false
         }, null, 8, ["user", "target"])) : createCommentVNode("", true),
-        _hoisted_2,
+        _cache[14] || (_cache[14] = createElementVNode("h3", { class: "mn-b-small" }, "Username", -1)),
         createVNode(Field, {
           field: state$1.current.username,
           "onUpdate:field": _cache[0] || (_cache[0] = ($event) => state$1.current.username = $event),
@@ -68,16 +61,16 @@ const _sfc_main = {
           disabled: "true",
           validation: _ctx.organizationName
         }, null, 8, ["field", "validation"]),
-        createElementVNode("p", _hoisted_3, "Your username will be used for URL of profile like " + toDisplayString(_ctx.API_URL) + "/users/username", 1),
-        _hoisted_4,
-        createElementVNode("div", _hoisted_5, [
+        createElementVNode("p", _hoisted_2, "Your username will be used for URL of profile like " + toDisplayString(_ctx.API_URL) + "/users/username", 1),
+        _cache[15] || (_cache[15] = createElementVNode("h3", { class: "mn-b-small" }, "Profile", -1)),
+        createElementVNode("div", _hoisted_3, [
           createVNode(_sfc_main$2, {
             photo: state$1.current.profile.photo,
             "onUpdate:photo": _cache[1] || (_cache[1] = ($event) => state$1.current.profile.photo = $event),
             uploadPath: "users/" + state$1.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
+          _cache[11] || (_cache[11] = createElementVNode("h4", null, "Upload userpic", -1))
         ]),
         createVNode(Field, {
           field: state$1.current.profile.name,
@@ -95,8 +88,8 @@ const _sfc_main = {
           class: "mn-b-semi bg-light pd-medium radius-small",
           validation: _ctx.organizationName
         }, null, 8, ["field", "validation"]),
-        _hoisted_7,
-        _hoisted_8,
+        _cache[16] || (_cache[16] = createElementVNode("h3", { class: "mn-b-small" }, "Socials", -1)),
+        _cache[17] || (_cache[17] = createElementVNode("p", { class: "mn-b-thin" }, "Please provide only the username for social media profiles, without full links.", -1)),
         createVNode(Field, {
           field: state$1.current.socials.instagram,
           "onUpdate:field": _cache[4] || (_cache[4] = ($event) => state$1.current.socials.instagram = $event),
@@ -125,14 +118,14 @@ const _sfc_main = {
           placeholder: "",
           class: "mn-b-semi bg-light pd-medium radius-small"
         }, null, 8, ["field"]),
-        _hoisted_9,
+        _cache[18] || (_cache[18] = createElementVNode("h3", { class: "mn-b-small" }, "Settings", -1)),
         createVNode(_sfc_main$3, {
           label: "Darkmode",
           radio: state$2.theme.darkmode,
           "onUpdate:radio": _cache[8] || (_cache[8] = (event) => actions$1.toggleTheme()),
           class: "mn-b-semi w-100 bg-light t-black pd-medium radius-small"
         }, null, 8, ["radio"]),
-        _hoisted_10,
+        _cache[19] || (_cache[19] = createElementVNode("h3", { class: "mn-b-small" }, "Account", -1)),
         createVNode(Field, {
           field: state$1.current.phone,
           "onUpdate:field": _cache[9] || (_cache[9] = ($event) => state$1.current.phone = $event),
@@ -156,9 +149,9 @@ const _sfc_main = {
           callback: redirectTo,
           class: "mn-b-thin bg-main w-100"
         }, {
-          default: withCtx(() => [
+          default: withCtx(() => _cache[12] || (_cache[12] = [
             createTextVNode(" Save ")
-          ]),
+          ])),
           _: 1
         }),
         createVNode(_sfc_main$4, {
@@ -168,9 +161,9 @@ const _sfc_main = {
           },
           class: "mn-b-thin w-100 bg-red t-white"
         }, {
-          default: withCtx(() => [
+          default: withCtx(() => _cache[13] || (_cache[13] = [
             createTextVNode(" Delete Account ")
-          ]),
+          ])),
           _: 1
         }, 8, ["callback"])
       ])) : createCommentVNode("", true);

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

@@ -1 +1 @@
-{"version":3,"file":"ProfileEdit.vue.js","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    <h3 class=\"mn-b-small\">Settings</h3>\n    <Checkbox \n      :label=\"'Darkmode'\"\n      :radio=\"globals.state.theme.darkmode\"\n      @update:radio=\"event => globals.actions.toggleTheme()\"\n      class=\"mn-b-semi w-100 bg-light t-black pd-medium radius-small\"\n    />\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 Checkbox from '@pf/src/components/Checkbox/Checkbox.vue'\n  import Button        from '@pf/src/components/Button/Button.vue'\n  import UploadImage   from '@pf/src/components/UploadImage/UploadImage.vue';\n\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 * as globals from '@pf/src/modules/globals/views/store/globals'\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":["users.actions","auth.state","users.state","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwJ8B,QAAI,IAAI;AAEpC,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAEb,QAAI,IAAI;AACrB,UAAM,OAAO,IAAI,KAAK;AAGtB,cAAU,YAAY;AACpB,YAAMA,QAAc,KAAK,EAAE,KAAK,MAAM,OAAO,KAAK,MAAMC,MAAW,KAAK,IAAK,CAAA;AAC7E,WAAK,QAAQ;AAAA,IACjB,CAAG;AAED,mBAAe,WAAW;AACxB,YAAMD,QAAc,OAAOE,QAAY,OAAO;AAAA,IAC/C;AAED,mBAAe,iBAAiB;AAC9B,YAAM,eAAe,OAAO,QAAQ,oHAAoH;AAExJ,UAAI,CAAC,cAAc;AACf;AAAA,MACH;AAEDA,cAAY,QAAQ,SAAS;AAC7B,YAAMF,QAAc,OAAOE,QAAY,OAAO;AAC9CC,gBAAa,OAAQ;AAAA,IACtB;AACD,aAAS,aAAc;AACrB,aAAO,QAAQ,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAKD,QAAY,QAAQ,IAAG,EAAE,CAAC;AAAA,IACjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ProfileEdit.vue.js","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    <h3 class=\"mn-b-small\">Settings</h3>\n    <Checkbox \n      :label=\"'Darkmode'\"\n      :radio=\"globals.state.theme.darkmode\"\n      @update:radio=\"event => globals.actions.toggleTheme()\"\n      class=\"mn-b-semi w-100 bg-light t-black pd-medium radius-small\"\n    />\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 Checkbox from '@pf/src/components/Checkbox/Checkbox.vue'\n  import Button        from '@pf/src/components/Button/Button.vue'\n  import UploadImage   from '@pf/src/components/UploadImage/UploadImage.vue';\n\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 * as globals from '@pf/src/modules/globals/views/store/globals'\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":["users.actions","auth.state","users.state","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAwJ8B,QAAI,IAAI;AAEpC,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAEb,QAAI,IAAI;AACrB,UAAM,OAAO,IAAI,KAAK;AAGtB,cAAU,YAAY;AACpB,YAAMA,QAAc,KAAK,EAAE,KAAK,MAAM,OAAO,KAAK,MAAMC,MAAW,KAAK,IAAK,CAAA;AAC7E,WAAK,QAAQ;AAAA,IACjB,CAAG;AAED,mBAAe,WAAW;AACxB,YAAMD,QAAc,OAAOE,QAAY,OAAO;AAAA,IAC/C;AAED,mBAAe,iBAAiB;AAC9B,YAAM,eAAe,OAAO,QAAQ,oHAAoH;AAExJ,UAAI,CAAC,cAAc;AACf;AAAA,MACH;AAEDA,cAAY,QAAQ,SAAS;AAC7B,YAAMF,QAAc,OAAOE,QAAY,OAAO;AAC9CC,gBAAa,OAAQ;AAAA,IACtB;AACD,aAAS,aAAc;AACrB,aAAO,QAAQ,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAKD,QAAY,QAAQ,IAAG,EAAE,CAAC;AAAA,IACjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/users/components/sections/FeaturedUsers.vue.cjs

@@ -6,13 +6,9 @@ const Marquee = require("../../../../components/Marquee/Marquee.vue.cjs");
 const CardUser = require("../blocks/CardUser.vue.cjs");
 ;/* empty css                     */
 const _hoisted_1 = { class: "o-hidden w-100" };
-const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("div", { class: "flex-center flex w-100" }, [
-  /* @__PURE__ */ vue.createElementVNode("h2", { class: "t-center h2 w-max-50 mn-b-big" }, " Ask the hundreds shaping your entertainment for decades ")
-], -1);
+const _hoisted_2 = { class: "flex flex-nowrap" };
 const _hoisted_3 = { class: "flex flex-nowrap" };
 const _hoisted_4 = { class: "flex flex-nowrap" };
-const _hoisted_5 = { class: "flex flex-nowrap" };
-const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("p", { class: "w-m-33r mn-r-auto mn-l-auto t-center mn-b-small p-big" }, " Together, we're shaping the future of the globals music community. ", -1);
 const _sfc_main = {
   __name: "FeaturedUsers",
   setup(__props) {
@@ -25,7 +21,9 @@ const _sfc_main = {
     return (_ctx, _cache) => {
       const _component_router_link = vue.resolveComponent("router-link");
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        _hoisted_2,
+        _cache[1] || (_cache[1] = vue.createElementVNode("div", { class: "flex-center flex w-100" }, [
+          vue.createElementVNode("h2", { class: "t-center h2 w-max-50 mn-b-big" }, " Ask the hundreds shaping your entertainment for decades ")
+        ], -1)),
         vue.createVNode(Marquee.default, {
           class: "mn-b-thin",
           gradient: true,
@@ -36,7 +34,7 @@ const _sfc_main = {
           clone: true
         }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_3, [
+            vue.createElementVNode("div", _hoisted_2, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(usersList.value.slice(0, 6), (user) => {
                 return vue.openBlock(), vue.createBlock(CardUser.default, {
                   class: "mn-r-thin h4 h-8r flex-child-grow-0 flex-child bg-light pd-small radius-medium",
@@ -60,7 +58,7 @@ const _sfc_main = {
           clone: true
         }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_4, [
+            vue.createElementVNode("div", _hoisted_3, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(usersList.value.slice(7, 14), (user) => {
                 return vue.openBlock(), vue.createBlock(CardUser.default, {
                   class: "mn-r-thin h4 h-8r flex-child-grow-0 flex-child bg-light pd-small radius-medium",
@@ -84,7 +82,7 @@ const _sfc_main = {
           clone: true
         }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_5, [
+            vue.createElementVNode("div", _hoisted_4, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(usersList.value.slice(15, 22), (user) => {
                 return vue.openBlock(), vue.createBlock(CardUser.default, {
                   class: "mn-r-thin h4 h-8r flex-child-grow-0 flex-child bg-light pd-small radius-medium",
@@ -98,14 +96,14 @@ const _sfc_main = {
           ]),
           _: 1
         }),
-        _hoisted_6,
+        _cache[2] || (_cache[2] = vue.createElementVNode("p", { class: "w-m-33r mn-r-auto mn-l-auto t-center mn-b-small p-big" }, " Together, we're shaping the future of the globals music community. ", -1)),
         vue.createVNode(_component_router_link, {
           to: { name: "Sign In" },
           class: "bg-black mn-r-auto mn-l-auto t-medium t-white button"
         }, {
-          default: vue.withCtx(() => [
+          default: vue.withCtx(() => _cache[0] || (_cache[0] = [
             vue.createTextVNode(" Join Now ")
-          ]),
+          ])),
           _: 1
         })
       ]);

package/dist/prometheus-framework/src/modules/users/components/sections/FeaturedUsers.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FeaturedUsers.vue.cjs","sources":["../../../../../../../src/modules/users/components/sections/FeaturedUsers.vue"],"sourcesContent":["<template>\n  <div class=\"o-hidden w-100\">\n    <div class=\"flex-center flex w-100\">\n      <h2 class=\"t-center h2 w-max-50 mn-b-big\">\n        Ask the hundreds shaping your entertainment for decades\n      </h2>\n    </div>\n    <Marquee\n      class=\"mn-b-thin\"\n      :gradient=\"true\"\n      :gradientColor=\"'var(--white)'\"\n      :gradientLength=\"'10%'\"\n      :direction=\"'normal'\"\n      :pauseOnHover=\"false\"\n      :clone=\"true\"\n    >\n      <div class=\"flex flex-nowrap\">\n        <CardUser \n          v-for=\"user in usersList.slice(0,6)\" \n          class=\"mn-r-thin h4 h-8r flex-child-grow-0 flex-child bg-light pd-small radius-medium\"\n          :user=\"user\" \n          :photo=\"user.profile.photo\"\n          :name=\"user.profile.name || user.phone || user.username\"\n          :phone=\"'DJ'\"\n        /> \n      </div>\n    </Marquee>\n\n    <Marquee\n      class=\"mn-b-thin\"\n      :gradient=\"true\"\n      :gradientColor=\"'var(--white)'\"\n      :gradientLength=\"'10%'\"\n      :direction=\"'reverse'\"\n      :pauseOnHover=\"false\"\n      :clone=\"true\"\n    >\n      <div class=\"flex flex-nowrap\">\n        <CardUser \n          v-for=\"user in usersList.slice(7,14)\" \n          class=\"mn-r-thin h4 h-8r flex-child-grow-0 flex-child bg-light pd-small radius-medium\"\n          :user=\"user\" \n          :photo=\"user.profile.photo\"\n          :name=\"user.profile.name || user.phone || user.username\"\n          :phone=\"'DJ'\"\n        /> \n      </div>\n    </Marquee>\n\n    <Marquee\n      class=\"mn-b-big\"\n      :gradient=\"true\"\n      :gradientColor=\"'var(--white)'\"\n      :gradientLength=\"'10%'\"\n      :direction=\"'normal'\"\n      :pauseOnHover=\"false\"\n      :clone=\"true\"\n    >\n      <div class=\"flex flex-nowrap\">\n        <CardUser \n          v-for=\"user in usersList.slice(15,22)\" \n          class=\"mn-r-thin h4 h-8r flex-child-grow-0 flex-child bg-light pd-small radius-medium\"\n          :user=\"user\" \n          :photo=\"user.profile.photo\"\n          :name=\"user.profile.name || user.phone || user.username\"\n          :phone=\"'DJ'\"\n        /> \n      </div>\n    </Marquee>\n\n    <p class=\"w-m-33r mn-r-auto mn-l-auto t-center mn-b-small p-big\">\n      Together, we're shaping the future of the globals music community.\n    </p>\n    <router-link :to=\"{ name: 'Sign In' }\" class=\"bg-black mn-r-auto mn-l-auto t-medium t-white button\">\n      Join Now\n    </router-link>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue';\n\nimport * as users from '@pf/src/modules/users/store/users'\n\nimport Marquee from '@pf/src/components/Marquee/Marquee.vue'\n\nimport CardUser from '@pf/src/modules/users/components/blocks/CardUser.vue'\n\nconst usersList = ref([])\n\nonMounted(async() => {\n  usersList.value = await users.actions.read({\n    limit: 25\n  })\n});\n</script>\n\n<style lang=\"scss\">\n  .selector {\n    flex-grow: 1;\n    flex-basis: 0;\n    min-width: 0;\n  }\n</style>\n"],"names":["ref","onMounted","users.actions"],"mappings":";;;;;;;;;;;;;;;;;;AAwFA,UAAM,YAAYA,IAAG,IAAC,EAAE;AAExBC,QAAAA,UAAU,YAAW;AACnB,gBAAU,QAAQ,MAAMC,MAAa,QAAC,KAAK;AAAA,QACzC,OAAO;AAAA,MACX,CAAG;AAAA,IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FeaturedUsers.vue.cjs","sources":["../../../../../../../src/modules/users/components/sections/FeaturedUsers.vue"],"sourcesContent":["<template>\n  <div class=\"o-hidden w-100\">\n    <div class=\"flex-center flex w-100\">\n      <h2 class=\"t-center h2 w-max-50 mn-b-big\">\n        Ask the hundreds shaping your entertainment for decades\n      </h2>\n    </div>\n    <Marquee\n      class=\"mn-b-thin\"\n      :gradient=\"true\"\n      :gradientColor=\"'var(--white)'\"\n      :gradientLength=\"'10%'\"\n      :direction=\"'normal'\"\n      :pauseOnHover=\"false\"\n      :clone=\"true\"\n    >\n      <div class=\"flex flex-nowrap\">\n        <CardUser \n          v-for=\"user in usersList.slice(0,6)\" \n          class=\"mn-r-thin h4 h-8r flex-child-grow-0 flex-child bg-light pd-small radius-medium\"\n          :user=\"user\" \n          :photo=\"user.profile.photo\"\n          :name=\"user.profile.name || user.phone || user.username\"\n          :phone=\"'DJ'\"\n        /> \n      </div>\n    </Marquee>\n\n    <Marquee\n      class=\"mn-b-thin\"\n      :gradient=\"true\"\n      :gradientColor=\"'var(--white)'\"\n      :gradientLength=\"'10%'\"\n      :direction=\"'reverse'\"\n      :pauseOnHover=\"false\"\n      :clone=\"true\"\n    >\n      <div class=\"flex flex-nowrap\">\n        <CardUser \n          v-for=\"user in usersList.slice(7,14)\" \n          class=\"mn-r-thin h4 h-8r flex-child-grow-0 flex-child bg-light pd-small radius-medium\"\n          :user=\"user\" \n          :photo=\"user.profile.photo\"\n          :name=\"user.profile.name || user.phone || user.username\"\n          :phone=\"'DJ'\"\n        /> \n      </div>\n    </Marquee>\n\n    <Marquee\n      class=\"mn-b-big\"\n      :gradient=\"true\"\n      :gradientColor=\"'var(--white)'\"\n      :gradientLength=\"'10%'\"\n      :direction=\"'normal'\"\n      :pauseOnHover=\"false\"\n      :clone=\"true\"\n    >\n      <div class=\"flex flex-nowrap\">\n        <CardUser \n          v-for=\"user in usersList.slice(15,22)\" \n          class=\"mn-r-thin h4 h-8r flex-child-grow-0 flex-child bg-light pd-small radius-medium\"\n          :user=\"user\" \n          :photo=\"user.profile.photo\"\n          :name=\"user.profile.name || user.phone || user.username\"\n          :phone=\"'DJ'\"\n        /> \n      </div>\n    </Marquee>\n\n    <p class=\"w-m-33r mn-r-auto mn-l-auto t-center mn-b-small p-big\">\n      Together, we're shaping the future of the globals music community.\n    </p>\n    <router-link :to=\"{ name: 'Sign In' }\" class=\"bg-black mn-r-auto mn-l-auto t-medium t-white button\">\n      Join Now\n    </router-link>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue';\n\nimport * as users from '@pf/src/modules/users/store/users'\n\nimport Marquee from '@pf/src/components/Marquee/Marquee.vue'\n\nimport CardUser from '@pf/src/modules/users/components/blocks/CardUser.vue'\n\nconst usersList = ref([])\n\nonMounted(async() => {\n  usersList.value = await users.actions.read({\n    limit: 25\n  })\n});\n</script>\n\n<style lang=\"scss\">\n  .selector {\n    flex-grow: 1;\n    flex-basis: 0;\n    min-width: 0;\n  }\n</style>\n"],"names":["ref","onMounted","users.actions"],"mappings":";;;;;;;;;;;;;;AAwFA,UAAM,YAAYA,IAAG,IAAC,EAAE;AAExBC,QAAAA,UAAU,YAAW;AACnB,gBAAU,QAAQ,MAAMC,MAAa,QAAC,KAAK;AAAA,QACzC,OAAO;AAAA,MACX,CAAG;AAAA,IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/users/components/sections/FeaturedUsers.vue.js

@@ -1,16 +1,12 @@
-import { ref, onMounted, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, Fragment, renderList, createBlock, createTextVNode } from "vue";
+import { ref, onMounted, resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, Fragment, renderList, createBlock, createTextVNode } from "vue";
 import { actions } from "../../store/users.js";
 import _sfc_main$1 from "../../../../components/Marquee/Marquee.vue.js";
 import _sfc_main$2 from "../blocks/CardUser.vue.js";
 /* empty css                   */
 const _hoisted_1 = { class: "o-hidden w-100" };
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", { class: "flex-center flex w-100" }, [
-  /* @__PURE__ */ createElementVNode("h2", { class: "t-center h2 w-max-50 mn-b-big" }, " Ask the hundreds shaping your entertainment for decades ")
-], -1);
+const _hoisted_2 = { class: "flex flex-nowrap" };
 const _hoisted_3 = { class: "flex flex-nowrap" };
 const _hoisted_4 = { class: "flex flex-nowrap" };
-const _hoisted_5 = { class: "flex flex-nowrap" };
-const _hoisted_6 = /* @__PURE__ */ createElementVNode("p", { class: "w-m-33r mn-r-auto mn-l-auto t-center mn-b-small p-big" }, " Together, we're shaping the future of the globals music community. ", -1);
 const _sfc_main = {
   __name: "FeaturedUsers",
   setup(__props) {
@@ -23,7 +19,9 @@ const _sfc_main = {
     return (_ctx, _cache) => {
       const _component_router_link = resolveComponent("router-link");
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        _hoisted_2,
+        _cache[1] || (_cache[1] = createElementVNode("div", { class: "flex-center flex w-100" }, [
+          createElementVNode("h2", { class: "t-center h2 w-max-50 mn-b-big" }, " Ask the hundreds shaping your entertainment for decades ")
+        ], -1)),
         createVNode(_sfc_main$1, {
           class: "mn-b-thin",
           gradient: true,
@@ -34,7 +32,7 @@ const _sfc_main = {
           clone: true
         }, {
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_3, [
+            createElementVNode("div", _hoisted_2, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(usersList.value.slice(0, 6), (user) => {
                 return openBlock(), createBlock(_sfc_main$2, {
                   class: "mn-r-thin h4 h-8r flex-child-grow-0 flex-child bg-light pd-small radius-medium",
@@ -58,7 +56,7 @@ const _sfc_main = {
           clone: true
         }, {
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_4, [
+            createElementVNode("div", _hoisted_3, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(usersList.value.slice(7, 14), (user) => {
                 return openBlock(), createBlock(_sfc_main$2, {
                   class: "mn-r-thin h4 h-8r flex-child-grow-0 flex-child bg-light pd-small radius-medium",
@@ -82,7 +80,7 @@ const _sfc_main = {
           clone: true
         }, {
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_5, [
+            createElementVNode("div", _hoisted_4, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(usersList.value.slice(15, 22), (user) => {
                 return openBlock(), createBlock(_sfc_main$2, {
                   class: "mn-r-thin h4 h-8r flex-child-grow-0 flex-child bg-light pd-small radius-medium",
@@ -96,14 +94,14 @@ const _sfc_main = {
           ]),
           _: 1
         }),
-        _hoisted_6,
+        _cache[2] || (_cache[2] = createElementVNode("p", { class: "w-m-33r mn-r-auto mn-l-auto t-center mn-b-small p-big" }, " Together, we're shaping the future of the globals music community. ", -1)),
         createVNode(_component_router_link, {
           to: { name: "Sign In" },
           class: "bg-black mn-r-auto mn-l-auto t-medium t-white button"
         }, {
-          default: withCtx(() => [
+          default: withCtx(() => _cache[0] || (_cache[0] = [
             createTextVNode(" Join Now ")
-          ]),
+          ])),
           _: 1
         })
       ]);

package/dist/prometheus-framework/src/modules/users/components/sections/FeaturedUsers.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeaturedUsers.vue.js","sources":["../../../../../../../src/modules/users/components/sections/FeaturedUsers.vue"],"sourcesContent":["<template>\n  <div class=\"o-hidden w-100\">\n    <div class=\"flex-center flex w-100\">\n      <h2 class=\"t-center h2 w-max-50 mn-b-big\">\n        Ask the hundreds shaping your entertainment for decades\n      </h2>\n    </div>\n    <Marquee\n      class=\"mn-b-thin\"\n      :gradient=\"true\"\n      :gradientColor=\"'var(--white)'\"\n      :gradientLength=\"'10%'\"\n      :direction=\"'normal'\"\n      :pauseOnHover=\"false\"\n      :clone=\"true\"\n    >\n      <div class=\"flex flex-nowrap\">\n        <CardUser \n          v-for=\"user in usersList.slice(0,6)\" \n          class=\"mn-r-thin h4 h-8r flex-child-grow-0 flex-child bg-light pd-small radius-medium\"\n          :user=\"user\" \n          :photo=\"user.profile.photo\"\n          :name=\"user.profile.name || user.phone || user.username\"\n          :phone=\"'DJ'\"\n        /> \n      </div>\n    </Marquee>\n\n    <Marquee\n      class=\"mn-b-thin\"\n      :gradient=\"true\"\n      :gradientColor=\"'var(--white)'\"\n      :gradientLength=\"'10%'\"\n      :direction=\"'reverse'\"\n      :pauseOnHover=\"false\"\n      :clone=\"true\"\n    >\n      <div class=\"flex flex-nowrap\">\n        <CardUser \n          v-for=\"user in usersList.slice(7,14)\" \n          class=\"mn-r-thin h4 h-8r flex-child-grow-0 flex-child bg-light pd-small radius-medium\"\n          :user=\"user\" \n          :photo=\"user.profile.photo\"\n          :name=\"user.profile.name || user.phone || user.username\"\n          :phone=\"'DJ'\"\n        /> \n      </div>\n    </Marquee>\n\n    <Marquee\n      class=\"mn-b-big\"\n      :gradient=\"true\"\n      :gradientColor=\"'var(--white)'\"\n      :gradientLength=\"'10%'\"\n      :direction=\"'normal'\"\n      :pauseOnHover=\"false\"\n      :clone=\"true\"\n    >\n      <div class=\"flex flex-nowrap\">\n        <CardUser \n          v-for=\"user in usersList.slice(15,22)\" \n          class=\"mn-r-thin h4 h-8r flex-child-grow-0 flex-child bg-light pd-small radius-medium\"\n          :user=\"user\" \n          :photo=\"user.profile.photo\"\n          :name=\"user.profile.name || user.phone || user.username\"\n          :phone=\"'DJ'\"\n        /> \n      </div>\n    </Marquee>\n\n    <p class=\"w-m-33r mn-r-auto mn-l-auto t-center mn-b-small p-big\">\n      Together, we're shaping the future of the globals music community.\n    </p>\n    <router-link :to=\"{ name: 'Sign In' }\" class=\"bg-black mn-r-auto mn-l-auto t-medium t-white button\">\n      Join Now\n    </router-link>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue';\n\nimport * as users from '@pf/src/modules/users/store/users'\n\nimport Marquee from '@pf/src/components/Marquee/Marquee.vue'\n\nimport CardUser from '@pf/src/modules/users/components/blocks/CardUser.vue'\n\nconst usersList = ref([])\n\nonMounted(async() => {\n  usersList.value = await users.actions.read({\n    limit: 25\n  })\n});\n</script>\n\n<style lang=\"scss\">\n  .selector {\n    flex-grow: 1;\n    flex-basis: 0;\n    min-width: 0;\n  }\n</style>\n"],"names":["users.actions"],"mappings":";;;;;;;;;;;;;;;;AAwFA,UAAM,YAAY,IAAI,EAAE;AAExB,cAAU,YAAW;AACnB,gBAAU,QAAQ,MAAMA,QAAc,KAAK;AAAA,QACzC,OAAO;AAAA,MACX,CAAG;AAAA,IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FeaturedUsers.vue.js","sources":["../../../../../../../src/modules/users/components/sections/FeaturedUsers.vue"],"sourcesContent":["<template>\n  <div class=\"o-hidden w-100\">\n    <div class=\"flex-center flex w-100\">\n      <h2 class=\"t-center h2 w-max-50 mn-b-big\">\n        Ask the hundreds shaping your entertainment for decades\n      </h2>\n    </div>\n    <Marquee\n      class=\"mn-b-thin\"\n      :gradient=\"true\"\n      :gradientColor=\"'var(--white)'\"\n      :gradientLength=\"'10%'\"\n      :direction=\"'normal'\"\n      :pauseOnHover=\"false\"\n      :clone=\"true\"\n    >\n      <div class=\"flex flex-nowrap\">\n        <CardUser \n          v-for=\"user in usersList.slice(0,6)\" \n          class=\"mn-r-thin h4 h-8r flex-child-grow-0 flex-child bg-light pd-small radius-medium\"\n          :user=\"user\" \n          :photo=\"user.profile.photo\"\n          :name=\"user.profile.name || user.phone || user.username\"\n          :phone=\"'DJ'\"\n        /> \n      </div>\n    </Marquee>\n\n    <Marquee\n      class=\"mn-b-thin\"\n      :gradient=\"true\"\n      :gradientColor=\"'var(--white)'\"\n      :gradientLength=\"'10%'\"\n      :direction=\"'reverse'\"\n      :pauseOnHover=\"false\"\n      :clone=\"true\"\n    >\n      <div class=\"flex flex-nowrap\">\n        <CardUser \n          v-for=\"user in usersList.slice(7,14)\" \n          class=\"mn-r-thin h4 h-8r flex-child-grow-0 flex-child bg-light pd-small radius-medium\"\n          :user=\"user\" \n          :photo=\"user.profile.photo\"\n          :name=\"user.profile.name || user.phone || user.username\"\n          :phone=\"'DJ'\"\n        /> \n      </div>\n    </Marquee>\n\n    <Marquee\n      class=\"mn-b-big\"\n      :gradient=\"true\"\n      :gradientColor=\"'var(--white)'\"\n      :gradientLength=\"'10%'\"\n      :direction=\"'normal'\"\n      :pauseOnHover=\"false\"\n      :clone=\"true\"\n    >\n      <div class=\"flex flex-nowrap\">\n        <CardUser \n          v-for=\"user in usersList.slice(15,22)\" \n          class=\"mn-r-thin h4 h-8r flex-child-grow-0 flex-child bg-light pd-small radius-medium\"\n          :user=\"user\" \n          :photo=\"user.profile.photo\"\n          :name=\"user.profile.name || user.phone || user.username\"\n          :phone=\"'DJ'\"\n        /> \n      </div>\n    </Marquee>\n\n    <p class=\"w-m-33r mn-r-auto mn-l-auto t-center mn-b-small p-big\">\n      Together, we're shaping the future of the globals music community.\n    </p>\n    <router-link :to=\"{ name: 'Sign In' }\" class=\"bg-black mn-r-auto mn-l-auto t-medium t-white button\">\n      Join Now\n    </router-link>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue';\n\nimport * as users from '@pf/src/modules/users/store/users'\n\nimport Marquee from '@pf/src/components/Marquee/Marquee.vue'\n\nimport CardUser from '@pf/src/modules/users/components/blocks/CardUser.vue'\n\nconst usersList = ref([])\n\nonMounted(async() => {\n  usersList.value = await users.actions.read({\n    limit: 25\n  })\n});\n</script>\n\n<style lang=\"scss\">\n  .selector {\n    flex-grow: 1;\n    flex-basis: 0;\n    min-width: 0;\n  }\n</style>\n"],"names":["users.actions"],"mappings":";;;;;;;;;;;;AAwFA,UAAM,YAAY,IAAI,EAAE;AAExB,cAAU,YAAW;AACnB,gBAAU,QAAQ,MAAMA,QAAc,KAAK;AAAA,QACzC,OAAO;AAAA,MACX,CAAG;AAAA,IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/users/components/sections/ProfileCompletion.vue.cjs

@@ -16,7 +16,6 @@ const _sfc_main = {
     text_cta: String
   },
   setup(__props) {
-    const { user, cta, target } = __props;
     const completionPercentage = vue.ref(0);
     const calculateCompletion = (profileObject) => {
       let totalProperties = 0;
@@ -38,7 +37,7 @@ const _sfc_main = {
       recurse(profileObject);
       return totalProperties === 0 ? 0 : Math.round(filledProperties / totalProperties * 100);
     };
-    if (target) completionPercentage.value = calculateCompletion(target);
+    if (__props.target) completionPercentage.value = calculateCompletion(__props.target);
     return (_ctx, _cache) => {
       const _component_router_link = vue.resolveComponent("router-link");
       return vue.openBlock(), vue.createElementBlock("section", _hoisted_1, [

package/dist/prometheus-framework/src/modules/users/components/sections/ProfileCompletion.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileCompletion.vue.cjs","sources":["../../../../../../../src/modules/users/components/sections/ProfileCompletion.vue"],"sourcesContent":["<template>\n  <section class=\"w-100 mn-b-semi radius-medium pd-medium bg-second t-black\">\n    <div class=\"mn-b-thin flex-v-center flex-nowrap flex\">    \n      <h4>\n        {{text}}\n      </h4>\n\n      <h4 class=\"mn-l-thin uppercase radius-big t-semi t-medium t-white bg-black w-max pd-thin\">\n        {{ percentage || completionPercentage }}%\n      </h4>\n\n      <router-link\n        v-if=\"cta\"\n        :to=\"{\n          name: 'User Edit Profile',\n          params: { _id: user }\n        }\"\n        class=\"mn-l-auto uppercase radius-big t-semi t-medium t-white bg-black w-max pd-thin\"\n      >\n        {{text_cta}}\n      </router-link>\n    </div> \n\n    <div class=\" w-100 h-2r pos-relative pd-nano bg-black radius-big\">\n      <div :style=\"`width: ${completionPercentage}%`\"class=\"h-100 bg-second mn-b-thin radius-big\">\n      </div>\n    </div>\n   \n  </section>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue'\n\nconst { user, cta, target} = defineProps({\n  user: Object,\n  target: Object,\n  cta: Boolean,\n  percentage: Number,\n  text: String,\n  text_cta: String,\n})\n\nconst completionPercentage = ref(0)\n\nconst calculateCompletion = (profileObject) => {\n    let totalProperties = 0;\n    let filledProperties = 0;\n\n    function recurse(obj) {\n        for (let key in obj) {\n            if (obj.hasOwnProperty(key)) {\n                if (obj[key] && typeof obj[key] === 'object' && !Array.isArray(obj[key])) {\n                    recurse(obj[key]);  // Recurse into nested objects\n                } else {\n                    totalProperties++;\n                    if (obj[key] != null && obj[key] !== '') {\n                        filledProperties++;\n                    }\n                }\n            }\n        }\n    }\n\n    recurse(profileObject);\n\n  return (totalProperties === 0 ? 0 : Math.round((filledProperties / totalProperties) * 100));\n\n};\n\n\nif (target) completionPercentage.value = calculateCompletion(target)\n</script>\n\n<style scoped>\n</style>"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;AAkCA,UAAM,EAAE,MAAM,KAAK,OAAM,IAAI;AAS7B,UAAM,uBAAuBA,IAAG,IAAC,CAAC;AAElC,UAAM,sBAAsB,CAAC,kBAAkB;AAC3C,UAAI,kBAAkB;AACtB,UAAI,mBAAmB;AAEvB,eAAS,QAAQ,KAAK;AAClB,iBAAS,OAAO,KAAK;AACjB,cAAI,IAAI,eAAe,GAAG,GAAG;AACzB,gBAAI,IAAI,GAAG,KAAK,OAAO,IAAI,GAAG,MAAM,YAAY,CAAC,MAAM,QAAQ,IAAI,GAAG,CAAC,GAAG;AACtE,sBAAQ,IAAI,GAAG,CAAC;AAAA,YACpC,OAAuB;AACH;AACA,kBAAI,IAAI,GAAG,KAAK,QAAQ,IAAI,GAAG,MAAM,IAAI;AACrC;AAAA,cACH;AAAA,YACJ;AAAA,UACJ;AAAA,QACJ;AAAA,MACJ;AAED,cAAQ,aAAa;AAEvB,aAAQ,oBAAoB,IAAI,IAAI,KAAK,MAAO,mBAAmB,kBAAmB,GAAG;AAAA,IAE3F;AAGA,QAAI,OAAQ,sBAAqB,QAAQ,oBAAoB,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ProfileCompletion.vue.cjs","sources":["../../../../../../../src/modules/users/components/sections/ProfileCompletion.vue"],"sourcesContent":["<template>\n  <section class=\"w-100 mn-b-semi radius-medium pd-medium bg-second t-black\">\n    <div class=\"mn-b-thin flex-v-center flex-nowrap flex\">    \n      <h4>\n        {{text}}\n      </h4>\n\n      <h4 class=\"mn-l-thin uppercase radius-big t-semi t-medium t-white bg-black w-max pd-thin\">\n        {{ percentage || completionPercentage }}%\n      </h4>\n\n      <router-link\n        v-if=\"cta\"\n        :to=\"{\n          name: 'User Edit Profile',\n          params: { _id: user }\n        }\"\n        class=\"mn-l-auto uppercase radius-big t-semi t-medium t-white bg-black w-max pd-thin\"\n      >\n        {{text_cta}}\n      </router-link>\n    </div> \n\n    <div class=\" w-100 h-2r pos-relative pd-nano bg-black radius-big\">\n      <div :style=\"`width: ${completionPercentage}%`\"class=\"h-100 bg-second mn-b-thin radius-big\">\n      </div>\n    </div>\n   \n  </section>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue'\n\nconst { user, cta, target} = defineProps({\n  user: Object,\n  target: Object,\n  cta: Boolean,\n  percentage: Number,\n  text: String,\n  text_cta: String,\n})\n\nconst completionPercentage = ref(0)\n\nconst calculateCompletion = (profileObject) => {\n    let totalProperties = 0;\n    let filledProperties = 0;\n\n    function recurse(obj) {\n        for (let key in obj) {\n            if (obj.hasOwnProperty(key)) {\n                if (obj[key] && typeof obj[key] === 'object' && !Array.isArray(obj[key])) {\n                    recurse(obj[key]);  // Recurse into nested objects\n                } else {\n                    totalProperties++;\n                    if (obj[key] != null && obj[key] !== '') {\n                        filledProperties++;\n                    }\n                }\n            }\n        }\n    }\n\n    recurse(profileObject);\n\n  return (totalProperties === 0 ? 0 : Math.round((filledProperties / totalProperties) * 100));\n\n};\n\n\nif (target) completionPercentage.value = calculateCompletion(target)\n</script>\n\n<style scoped>\n</style>"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;AA2CA,UAAM,uBAAuBA,IAAG,IAAC,CAAC;AAElC,UAAM,sBAAsB,CAAC,kBAAkB;AAC3C,UAAI,kBAAkB;AACtB,UAAI,mBAAmB;AAEvB,eAAS,QAAQ,KAAK;AAClB,iBAAS,OAAO,KAAK;AACjB,cAAI,IAAI,eAAe,GAAG,GAAG;AACzB,gBAAI,IAAI,GAAG,KAAK,OAAO,IAAI,GAAG,MAAM,YAAY,CAAC,MAAM,QAAQ,IAAI,GAAG,CAAC,GAAG;AACtE,sBAAQ,IAAI,GAAG,CAAC;AAAA,YACpC,OAAuB;AACH;AACA,kBAAI,IAAI,GAAG,KAAK,QAAQ,IAAI,GAAG,MAAM,IAAI;AACrC;AAAA,cACH;AAAA,YACJ;AAAA,UACJ;AAAA,QACJ;AAAA,MACJ;AAED,cAAQ,aAAa;AAEvB,aAAQ,oBAAoB,IAAI,IAAI,KAAK,MAAO,mBAAmB,kBAAmB,GAAG;AAAA,IAE3F;AAGA,QAAI,QAAM,OAAE,sBAAqB,QAAQ,oBAAoB,QAAA,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/users/components/sections/ProfileCompletion.vue.js

@@ -14,7 +14,6 @@ const _sfc_main = {
     text_cta: String
   },
   setup(__props) {
-    const { user, cta, target } = __props;
     const completionPercentage = ref(0);
     const calculateCompletion = (profileObject) => {
       let totalProperties = 0;
@@ -36,7 +35,7 @@ const _sfc_main = {
       recurse(profileObject);
       return totalProperties === 0 ? 0 : Math.round(filledProperties / totalProperties * 100);
     };
-    if (target) completionPercentage.value = calculateCompletion(target);
+    if (__props.target) completionPercentage.value = calculateCompletion(__props.target);
     return (_ctx, _cache) => {
       const _component_router_link = resolveComponent("router-link");
       return openBlock(), createElementBlock("section", _hoisted_1, [

package/dist/prometheus-framework/src/modules/users/components/sections/ProfileCompletion.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileCompletion.vue.js","sources":["../../../../../../../src/modules/users/components/sections/ProfileCompletion.vue"],"sourcesContent":["<template>\n  <section class=\"w-100 mn-b-semi radius-medium pd-medium bg-second t-black\">\n    <div class=\"mn-b-thin flex-v-center flex-nowrap flex\">    \n      <h4>\n        {{text}}\n      </h4>\n\n      <h4 class=\"mn-l-thin uppercase radius-big t-semi t-medium t-white bg-black w-max pd-thin\">\n        {{ percentage || completionPercentage }}%\n      </h4>\n\n      <router-link\n        v-if=\"cta\"\n        :to=\"{\n          name: 'User Edit Profile',\n          params: { _id: user }\n        }\"\n        class=\"mn-l-auto uppercase radius-big t-semi t-medium t-white bg-black w-max pd-thin\"\n      >\n        {{text_cta}}\n      </router-link>\n    </div> \n\n    <div class=\" w-100 h-2r pos-relative pd-nano bg-black radius-big\">\n      <div :style=\"`width: ${completionPercentage}%`\"class=\"h-100 bg-second mn-b-thin radius-big\">\n      </div>\n    </div>\n   \n  </section>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue'\n\nconst { user, cta, target} = defineProps({\n  user: Object,\n  target: Object,\n  cta: Boolean,\n  percentage: Number,\n  text: String,\n  text_cta: String,\n})\n\nconst completionPercentage = ref(0)\n\nconst calculateCompletion = (profileObject) => {\n    let totalProperties = 0;\n    let filledProperties = 0;\n\n    function recurse(obj) {\n        for (let key in obj) {\n            if (obj.hasOwnProperty(key)) {\n                if (obj[key] && typeof obj[key] === 'object' && !Array.isArray(obj[key])) {\n                    recurse(obj[key]);  // Recurse into nested objects\n                } else {\n                    totalProperties++;\n                    if (obj[key] != null && obj[key] !== '') {\n                        filledProperties++;\n                    }\n                }\n            }\n        }\n    }\n\n    recurse(profileObject);\n\n  return (totalProperties === 0 ? 0 : Math.round((filledProperties / totalProperties) * 100));\n\n};\n\n\nif (target) completionPercentage.value = calculateCompletion(target)\n</script>\n\n<style scoped>\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAkCA,UAAM,EAAE,MAAM,KAAK,OAAM,IAAI;AAS7B,UAAM,uBAAuB,IAAI,CAAC;AAElC,UAAM,sBAAsB,CAAC,kBAAkB;AAC3C,UAAI,kBAAkB;AACtB,UAAI,mBAAmB;AAEvB,eAAS,QAAQ,KAAK;AAClB,iBAAS,OAAO,KAAK;AACjB,cAAI,IAAI,eAAe,GAAG,GAAG;AACzB,gBAAI,IAAI,GAAG,KAAK,OAAO,IAAI,GAAG,MAAM,YAAY,CAAC,MAAM,QAAQ,IAAI,GAAG,CAAC,GAAG;AACtE,sBAAQ,IAAI,GAAG,CAAC;AAAA,YACpC,OAAuB;AACH;AACA,kBAAI,IAAI,GAAG,KAAK,QAAQ,IAAI,GAAG,MAAM,IAAI;AACrC;AAAA,cACH;AAAA,YACJ;AAAA,UACJ;AAAA,QACJ;AAAA,MACJ;AAED,cAAQ,aAAa;AAEvB,aAAQ,oBAAoB,IAAI,IAAI,KAAK,MAAO,mBAAmB,kBAAmB,GAAG;AAAA,IAE3F;AAGA,QAAI,OAAQ,sBAAqB,QAAQ,oBAAoB,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ProfileCompletion.vue.js","sources":["../../../../../../../src/modules/users/components/sections/ProfileCompletion.vue"],"sourcesContent":["<template>\n  <section class=\"w-100 mn-b-semi radius-medium pd-medium bg-second t-black\">\n    <div class=\"mn-b-thin flex-v-center flex-nowrap flex\">    \n      <h4>\n        {{text}}\n      </h4>\n\n      <h4 class=\"mn-l-thin uppercase radius-big t-semi t-medium t-white bg-black w-max pd-thin\">\n        {{ percentage || completionPercentage }}%\n      </h4>\n\n      <router-link\n        v-if=\"cta\"\n        :to=\"{\n          name: 'User Edit Profile',\n          params: { _id: user }\n        }\"\n        class=\"mn-l-auto uppercase radius-big t-semi t-medium t-white bg-black w-max pd-thin\"\n      >\n        {{text_cta}}\n      </router-link>\n    </div> \n\n    <div class=\" w-100 h-2r pos-relative pd-nano bg-black radius-big\">\n      <div :style=\"`width: ${completionPercentage}%`\"class=\"h-100 bg-second mn-b-thin radius-big\">\n      </div>\n    </div>\n   \n  </section>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue'\n\nconst { user, cta, target} = defineProps({\n  user: Object,\n  target: Object,\n  cta: Boolean,\n  percentage: Number,\n  text: String,\n  text_cta: String,\n})\n\nconst completionPercentage = ref(0)\n\nconst calculateCompletion = (profileObject) => {\n    let totalProperties = 0;\n    let filledProperties = 0;\n\n    function recurse(obj) {\n        for (let key in obj) {\n            if (obj.hasOwnProperty(key)) {\n                if (obj[key] && typeof obj[key] === 'object' && !Array.isArray(obj[key])) {\n                    recurse(obj[key]);  // Recurse into nested objects\n                } else {\n                    totalProperties++;\n                    if (obj[key] != null && obj[key] !== '') {\n                        filledProperties++;\n                    }\n                }\n            }\n        }\n    }\n\n    recurse(profileObject);\n\n  return (totalProperties === 0 ? 0 : Math.round((filledProperties / totalProperties) * 100));\n\n};\n\n\nif (target) completionPercentage.value = calculateCompletion(target)\n</script>\n\n<style scoped>\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA2CA,UAAM,uBAAuB,IAAI,CAAC;AAElC,UAAM,sBAAsB,CAAC,kBAAkB;AAC3C,UAAI,kBAAkB;AACtB,UAAI,mBAAmB;AAEvB,eAAS,QAAQ,KAAK;AAClB,iBAAS,OAAO,KAAK;AACjB,cAAI,IAAI,eAAe,GAAG,GAAG;AACzB,gBAAI,IAAI,GAAG,KAAK,OAAO,IAAI,GAAG,MAAM,YAAY,CAAC,MAAM,QAAQ,IAAI,GAAG,CAAC,GAAG;AACtE,sBAAQ,IAAI,GAAG,CAAC;AAAA,YACpC,OAAuB;AACH;AACA,kBAAI,IAAI,GAAG,KAAK,QAAQ,IAAI,GAAG,MAAM,IAAI;AACrC;AAAA,cACH;AAAA,YACJ;AAAA,UACJ;AAAA,QACJ;AAAA,MACJ;AAED,cAAQ,aAAa;AAEvB,aAAQ,oBAAoB,IAAI,IAAI,KAAK,MAAO,mBAAmB,kBAAmB,GAAG;AAAA,IAE3F;AAGA,QAAI,QAAM,OAAE,sBAAqB,QAAQ,oBAAoB,QAAA,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}