@ozdao/prometheus-framework 0.2.252 → 0.2.254

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

@@ -0,0 +1,176 @@
+"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 Checkbox = require("../../../../../components/Checkbox/Checkbox.vue.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("../../store/auth.cjs");
+const users = require("../../store/users.cjs");
+const globals = require("../../../../globals/views/store/globals.cjs");
+require("./ProfileEdit.vue2.cjs");
+const _hoisted_1 = {
+  key: 0,
+  class: "pd-medium for-transition w-100"
+};
+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) {
+    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),
+        _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),
+          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_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"]),
+          _cache[11] || (_cache[11] = vue.createElementVNode("h4", null, "Upload userpic", -1))
+        ]),
+        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"]),
+        _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),
+          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"]),
+        _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"]),
+        _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),
+          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[10] || (_cache[10] = ($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(() => _cache[12] || (_cache[12] = [
+            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(() => _cache[13] || (_cache[13] = [
+            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/auth/views/components/pages/ProfileEdit.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileEdit.vue.cjs","sources":["../../../../../../../../src/modules/auth/views/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/auth/views/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/auth/views/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/auth/views/components/pages/ProfileEdit.vue.js

@@ -0,0 +1,176 @@
+import { ref, onMounted, openBlock, createElementBlock, unref, createBlock, createCommentVNode, createElementVNode, createVNode, toDisplayString, withCtx, createTextVNode } from "vue";
+/* empty css                                    */
+import Field from "../../../../../components/Field/Field.vue2.js";
+import _sfc_main$3 from "../../../../../components/Checkbox/Checkbox.vue.js";
+import _sfc_main$4 from "../../../../../components/Button/Button.vue2.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";
+import { state, actions as actions$2 } from "../../store/auth.js";
+import { actions, state as state$1 } from "../../store/users.js";
+import { state as state$2, actions as actions$1 } from "../../../../globals/views/store/globals.js";
+import "./ProfileEdit.vue2.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "pd-medium for-transition w-100"
+};
+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) {
+    ref(null);
+    const route = useRoute();
+    const router = useRouter();
+    ref(null);
+    const show = ref(false);
+    onMounted(async () => {
+      await actions.read({ _id: route.params._id, user: state.user._id });
+      show.value = true;
+    });
+    async function onSubmit() {
+      await actions.update(state$1.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;
+      }
+      state$1.current.status = "removed";
+      await actions.update(state$1.current);
+      actions$2.logout();
+    }
+    function redirectTo() {
+      router.replace({ name: "User Profile", params: { _id: state$1.current._id } });
+    }
+    return (_ctx, _cache) => {
+      return show.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        unref(route).params._id === state.user._id ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 0,
+          user: state.user._id,
+          target: state$1.current,
+          cta: false
+        }, null, 8, ["user", "target"])) : createCommentVNode("", true),
+        _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),
+          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"]),
+        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"]),
+          _cache[11] || (_cache[11] = createElementVNode("h4", null, "Upload userpic", -1))
+        ]),
+        createVNode(Field, {
+          field: state$1.current.profile.name,
+          "onUpdate:field": _cache[2] || (_cache[2] = ($event) => state$1.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"]),
+        createVNode(Field, {
+          field: state$1.current.profile.description,
+          "onUpdate:field": _cache[3] || (_cache[3] = ($event) => state$1.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"]),
+        _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),
+          label: "Instagram",
+          placeholder: "",
+          class: "mn-b-thin bg-light pd-medium radius-small"
+        }, null, 8, ["field"]),
+        createVNode(Field, {
+          field: state$1.current.socials.twitter,
+          "onUpdate:field": _cache[5] || (_cache[5] = ($event) => state$1.current.socials.twitter = $event),
+          label: "Twitter",
+          placeholder: "",
+          class: "mn-b-thin bg-light pd-medium radius-small"
+        }, null, 8, ["field"]),
+        createVNode(Field, {
+          field: state$1.current.socials.facebook,
+          "onUpdate:field": _cache[6] || (_cache[6] = ($event) => state$1.current.socials.facebook = $event),
+          label: "Facebook",
+          placeholder: "",
+          class: "mn-b-thin bg-light pd-medium radius-small"
+        }, null, 8, ["field"]),
+        createVNode(Field, {
+          field: state$1.current.socials.telegram,
+          "onUpdate:field": _cache[7] || (_cache[7] = ($event) => state$1.current.socials.telegram = $event),
+          label: "Telegram",
+          placeholder: "",
+          class: "mn-b-semi bg-light pd-medium radius-small"
+        }, null, 8, ["field"]),
+        _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"]),
+        _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),
+          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"]),
+        createVNode(Field, {
+          field: state$1.current.email,
+          "onUpdate:field": _cache[10] || (_cache[10] = ($event) => state$1.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"]),
+        createVNode(_sfc_main$4, {
+          submit: onSubmit,
+          callback: redirectTo,
+          class: "mn-b-thin bg-main w-100"
+        }, {
+          default: withCtx(() => _cache[12] || (_cache[12] = [
+            createTextVNode(" Save ")
+          ])),
+          _: 1
+        }),
+        createVNode(_sfc_main$4, {
+          submit: onSubmitDelete,
+          callback: _ctx.a = () => {
+            unref(router).push({ name: "Sign In" });
+          },
+          class: "mn-b-thin w-100 bg-red t-white"
+        }, {
+          default: withCtx(() => _cache[13] || (_cache[13] = [
+            createTextVNode(" Delete Account ")
+          ])),
+          _: 1
+        }, 8, ["callback"])
+      ])) : createCommentVNode("", true);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ProfileEdit.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileEdit.vue.js","sources":["../../../../../../../../src/modules/auth/views/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/auth/views/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/auth/views/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/auth/views/components/pages/ProfileEdit.vue2.cjs

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=ProfileEdit.vue2.cjs.map

package/dist/prometheus-framework/src/modules/auth/views/components/pages/ProfileEdit.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileEdit.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/prometheus-framework/src/modules/auth/views/components/pages/ProfileEdit.vue2.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=ProfileEdit.vue2.js.map

package/dist/prometheus-framework/src/modules/auth/views/components/pages/ProfileEdit.vue2.js.map

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

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

@@ -0,0 +1,114 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const users = require("../../store/users.cjs");
+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 = { class: "flex flex-nowrap" };
+const _hoisted_3 = { class: "flex flex-nowrap" };
+const _hoisted_4 = { class: "flex flex-nowrap" };
+const _sfc_main = {
+  __name: "FeaturedUsers",
+  setup(__props) {
+    const usersList = vue.ref([]);
+    vue.onMounted(async () => {
+      usersList.value = await users.actions.read({
+        limit: 25
+      });
+    });
+    return (_ctx, _cache) => {
+      const _component_router_link = vue.resolveComponent("router-link");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        _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,
+          gradientColor: "var(--white)",
+          gradientLength: "10%",
+          direction: "normal",
+          pauseOnHover: false,
+          clone: true
+        }, {
+          default: vue.withCtx(() => [
+            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",
+                  user,
+                  photo: user.profile.photo,
+                  name: user.profile.name || user.phone || user.username,
+                  phone: "DJ"
+                }, null, 8, ["user", "photo", "name"]);
+              }), 256))
+            ])
+          ]),
+          _: 1
+        }),
+        vue.createVNode(Marquee.default, {
+          class: "mn-b-thin",
+          gradient: true,
+          gradientColor: "var(--white)",
+          gradientLength: "10%",
+          direction: "reverse",
+          pauseOnHover: false,
+          clone: true
+        }, {
+          default: vue.withCtx(() => [
+            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",
+                  user,
+                  photo: user.profile.photo,
+                  name: user.profile.name || user.phone || user.username,
+                  phone: "DJ"
+                }, null, 8, ["user", "photo", "name"]);
+              }), 256))
+            ])
+          ]),
+          _: 1
+        }),
+        vue.createVNode(Marquee.default, {
+          class: "mn-b-big",
+          gradient: true,
+          gradientColor: "var(--white)",
+          gradientLength: "10%",
+          direction: "normal",
+          pauseOnHover: false,
+          clone: true
+        }, {
+          default: vue.withCtx(() => [
+            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",
+                  user,
+                  photo: user.profile.photo,
+                  name: user.profile.name || user.phone || user.username,
+                  phone: "DJ"
+                }, null, 8, ["user", "photo", "name"]);
+              }), 256))
+            ])
+          ]),
+          _: 1
+        }),
+        _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(() => _cache[0] || (_cache[0] = [
+            vue.createTextVNode(" Join Now ")
+          ])),
+          _: 1
+        })
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=FeaturedUsers.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeaturedUsers.vue.cjs","sources":["../../../../../../../../src/modules/auth/views/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/auth/views/store/users'\n\nimport Marquee from '@pf/src/components/Marquee/Marquee.vue'\n\nimport CardUser from '@pf/src/modules/auth/views/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/auth/views/components/sections/FeaturedUsers.vue.js

@@ -0,0 +1,114 @@
+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 = { class: "flex flex-nowrap" };
+const _hoisted_3 = { class: "flex flex-nowrap" };
+const _hoisted_4 = { class: "flex flex-nowrap" };
+const _sfc_main = {
+  __name: "FeaturedUsers",
+  setup(__props) {
+    const usersList = ref([]);
+    onMounted(async () => {
+      usersList.value = await actions.read({
+        limit: 25
+      });
+    });
+    return (_ctx, _cache) => {
+      const _component_router_link = resolveComponent("router-link");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _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,
+          gradientColor: "var(--white)",
+          gradientLength: "10%",
+          direction: "normal",
+          pauseOnHover: false,
+          clone: true
+        }, {
+          default: withCtx(() => [
+            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",
+                  user,
+                  photo: user.profile.photo,
+                  name: user.profile.name || user.phone || user.username,
+                  phone: "DJ"
+                }, null, 8, ["user", "photo", "name"]);
+              }), 256))
+            ])
+          ]),
+          _: 1
+        }),
+        createVNode(_sfc_main$1, {
+          class: "mn-b-thin",
+          gradient: true,
+          gradientColor: "var(--white)",
+          gradientLength: "10%",
+          direction: "reverse",
+          pauseOnHover: false,
+          clone: true
+        }, {
+          default: withCtx(() => [
+            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",
+                  user,
+                  photo: user.profile.photo,
+                  name: user.profile.name || user.phone || user.username,
+                  phone: "DJ"
+                }, null, 8, ["user", "photo", "name"]);
+              }), 256))
+            ])
+          ]),
+          _: 1
+        }),
+        createVNode(_sfc_main$1, {
+          class: "mn-b-big",
+          gradient: true,
+          gradientColor: "var(--white)",
+          gradientLength: "10%",
+          direction: "normal",
+          pauseOnHover: false,
+          clone: true
+        }, {
+          default: withCtx(() => [
+            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",
+                  user,
+                  photo: user.profile.photo,
+                  name: user.profile.name || user.phone || user.username,
+                  phone: "DJ"
+                }, null, 8, ["user", "photo", "name"]);
+              }), 256))
+            ])
+          ]),
+          _: 1
+        }),
+        _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(() => _cache[0] || (_cache[0] = [
+            createTextVNode(" Join Now ")
+          ])),
+          _: 1
+        })
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=FeaturedUsers.vue.js.map