@ozdao/prometheus-framework 0.2.308 → 0.2.309

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

@@ -2,11 +2,10 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 ;/* empty css                                      */
-const Field = require("../../../../../components/Field/Field.vue.cjs");
+const Field = require("../../../../../components/Field/Field.vue2.cjs");
 const Checkbox = require("../../../../../components/Checkbox/Checkbox.vue.cjs");
-const Button = require("../../../../../components/Button/Button.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 ProfileEditCredentials = require("../sections/ProfileEditCredentials.vue.cjs");
 const vueRouter = require("vue-router");
 const auth = require("../../store/auth.cjs");
@@ -15,13 +14,16 @@ const globals = require("../../../../globals/views/store/globals.cjs");
 require("./ProfileEdit.vue2.cjs");
 const _hoisted_1 = {
   key: 0,
-  class: "pd-medium for-transition w-100"
+  class: "for-transition w-100"
 };
-const _hoisted_2 = { class: "mn-b-semi" };
+const _hoisted_2 = { class: "bg-white mn-b-thin pd-medium" };
 const _hoisted_3 = { class: "mn-b-thin radius-small w-100 h-10r bg-light flex-center flex-column flex" };
+const _hoisted_4 = { class: "mn-b-semi" };
+const _hoisted_5 = { class: "bg-white mn-b-thin pd-medium" };
+const _hoisted_6 = { class: "bg-white mn-b-thin pd-medium" };
 const _sfc_main = {
   __name: "ProfileEdit",
-  setup(__props) {
+  setup(__props, { expose: __expose }) {
     vue.ref(null);
     const route = vueRouter.useRoute();
     const router = vueRouter.useRouter();
@@ -46,94 +48,97 @@ const _sfc_main = {
     function redirectTo() {
       router.replace({ name: "User Profile", params: { _id: users.state.current._id } });
     }
+    __expose({
+      onSubmit,
+      redirectTo
+    });
     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[12] || (_cache[12] = 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",
-          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),
-        vue.createVNode(ProfileEditCredentials.default),
-        _cache[13] || (_cache[13] = 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[9] || (_cache[9] = vue.createElementVNode("h4", null, "Upload userpic", -1))
+        vue.createElementVNode("div", _hoisted_2, [
+          _cache[10] || (_cache[10] = vue.createElementVNode("h4", { class: "mn-b-small" }, "Profile", -1)),
+          vue.createElementVNode("div", _hoisted_3, [
+            vue.createVNode(UploadImage.default, {
+              photo: users.state.current.profile.photo,
+              "onUpdate:photo": _cache[0] || (_cache[0] = ($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[9] || (_cache[9] = vue.createElementVNode("h4", null, "Upload userpic", -1))
+          ]),
+          vue.createVNode(Field.default, {
+            field: users.state.current.username,
+            "onUpdate:field": _cache[1] || (_cache[1] = ($event) => users.state.current.username = $event),
+            label: "@",
+            placeholder: "Not specified",
+            class: "mn-b-thin w-100 bg-light pd-medium radius-small",
+            validation: _ctx.organizationName
+          }, null, 8, ["field", "validation"]),
+          vue.createElementVNode("p", _hoisted_4, "Your username will be used for URL of profile like " + vue.toDisplayString(_ctx.API_URL) + "/users/username", 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"])
+        ]),
+        vue.createElementVNode("div", _hoisted_5, [
+          _cache[11] || (_cache[11] = vue.createElementVNode("h3", { class: "mn-b-small" }, "Socials", -1)),
+          _cache[12] || (_cache[12] = 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"])
+        ]),
+        vue.createVNode(ProfileEditCredentials.default, { class: "bg-white mn-b-thin pd-medium" }),
+        vue.createElementVNode("div", _hoisted_6, [
+          _cache[13] || (_cache[13] = 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: "w-100 bg-light t-black pd-medium radius-small"
+          }, null, 8, ["radio"])
         ]),
-        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[14] || (_cache[14] = vue.createElementVNode("h3", { class: "mn-b-small" }, "Socials", -1)),
-        _cache[15] || (_cache[15] = 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[16] || (_cache[16] = 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"]),
         vue.createVNode(Button.default, {
           submit: onSubmit,
           callback: redirectTo,
           class: "mn-b-thin bg-main w-100"
         }, {
-          default: vue.withCtx(() => _cache[10] || (_cache[10] = [
+          default: vue.withCtx(() => _cache[14] || (_cache[14] = [
             vue.createTextVNode(" Save ")
           ])),
           _: 1
@@ -145,7 +150,7 @@ const _sfc_main = {
           },
           class: "mn-b-thin w-100 bg-red t-white"
         }, {
-          default: vue.withCtx(() => _cache[11] || (_cache[11] = [
+          default: vue.withCtx(() => _cache[15] || (_cache[15] = [
             vue.createTextVNode(" Delete Account ")
           ])),
           _: 1

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

@@ -1 +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      :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\n    <ProfileEditCredentials/>\n    \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    <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 ProfileEditCredentials from '@pf/src/modules/auth/views/components/sections/ProfileEditCredentials.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":";;;;;;;;;;;;;;;;;;;;;;;;AAwI8BA,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/auth/views/components/pages/ProfileEdit.vue"],"sourcesContent":["<template>\n\t<div  v-if=\"show\" class=\"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    <div class=\"bg-white mn-b-thin pd-medium\">\n      <h4 class=\"mn-b-small\">Profile</h4>\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.username\"     \n        label=\"@\"  \n        placeholder=\"Not specified\" \n        class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \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      <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    </div>\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    <div class=\"bg-white mn-b-thin pd-medium\">\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    </div>\n\n    <ProfileEditCredentials class=\"bg-white mn-b-thin pd-medium\"/>\n\n    <div class=\"bg-white mn-b-thin pd-medium\">\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=\"w-100 bg-light t-black pd-medium radius-small\"\n      />\n    </div>\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 ProfileEditCredentials from '@pf/src/modules/auth/views/components/sections/ProfileEditCredentials.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\n  async function onSubmit() {\n    await users.actions.update(users.state.current)\n  }\n\n  // Добавляем редирект после сохранения\nasync function handleSave() {\n  await onSubmit()\n  router.replace({ name: 'User Profile', params: { _id: users.state.current._id }})\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\n  defineExpose({\n    onSubmit,\n    redirectTo\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":";;;;;;;;;;;;;;;;;;;;;;;;;;AA0I8BA,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;AAGD,mBAAe,WAAW;AACxB,YAAMD,cAAc,OAAOE,MAAW,MAAC,OAAO;AAAA,IAC/C;AAQD,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;AAED,aAAa;AAAA,MACX;AAAA,MACA;AAAA,IACJ,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,10 +1,9 @@
-import { ref, onMounted, openBlock, createElementBlock, unref, createBlock, createCommentVNode, createElementVNode, createVNode, toDisplayString, withCtx, createTextVNode } from "vue";
+import { ref, onMounted, openBlock, createElementBlock, createElementVNode, createVNode, toDisplayString, withCtx, createTextVNode, unref, createCommentVNode } from "vue";
 /* empty css                                    */
-import Field from "../../../../../components/Field/Field.vue.js";
-import _sfc_main$4 from "../../../../../components/Checkbox/Checkbox.vue.js";
-import _sfc_main$5 from "../../../../../components/Button/Button.vue.js";
-import _sfc_main$3 from "../../../../../components/UploadImage/UploadImage.vue.js";
-import _sfc_main$1 from "../sections/ProfileCompletion.vue.js";
+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$1 from "../../../../../components/UploadImage/UploadImage.vue.js";
 import _sfc_main$2 from "../sections/ProfileEditCredentials.vue.js";
 import { useRoute, useRouter } from "vue-router";
 import { state, actions as actions$2 } from "../../store/auth.js";
@@ -13,13 +12,16 @@ import { state as state$2, actions as actions$1 } from "../../../../globals/view
 import "./ProfileEdit.vue2.js";
 const _hoisted_1 = {
   key: 0,
-  class: "pd-medium for-transition w-100"
+  class: "for-transition w-100"
 };
-const _hoisted_2 = { class: "mn-b-semi" };
+const _hoisted_2 = { class: "bg-white mn-b-thin pd-medium" };
 const _hoisted_3 = { class: "mn-b-thin radius-small w-100 h-10r bg-light flex-center flex-column flex" };
+const _hoisted_4 = { class: "mn-b-semi" };
+const _hoisted_5 = { class: "bg-white mn-b-thin pd-medium" };
+const _hoisted_6 = { class: "bg-white mn-b-thin pd-medium" };
 const _sfc_main = {
   __name: "ProfileEdit",
-  setup(__props) {
+  setup(__props, { expose: __expose }) {
     ref(null);
     const route = useRoute();
     const router = useRouter();
@@ -44,106 +46,109 @@ const _sfc_main = {
     function redirectTo() {
       router.replace({ name: "User Profile", params: { _id: state$1.current._id } });
     }
+    __expose({
+      onSubmit,
+      redirectTo
+    });
     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[12] || (_cache[12] = 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",
-          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),
-        createVNode(_sfc_main$2),
-        _cache[13] || (_cache[13] = createElementVNode("h3", { class: "mn-b-small" }, "Profile", -1)),
-        createElementVNode("div", _hoisted_3, [
+        createElementVNode("div", _hoisted_2, [
+          _cache[10] || (_cache[10] = createElementVNode("h4", { class: "mn-b-small" }, "Profile", -1)),
+          createElementVNode("div", _hoisted_3, [
+            createVNode(_sfc_main$1, {
+              photo: state$1.current.profile.photo,
+              "onUpdate:photo": _cache[0] || (_cache[0] = ($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[9] || (_cache[9] = createElementVNode("h4", null, "Upload userpic", -1))
+          ]),
+          createVNode(Field, {
+            field: state$1.current.username,
+            "onUpdate:field": _cache[1] || (_cache[1] = ($event) => state$1.current.username = $event),
+            label: "@",
+            placeholder: "Not specified",
+            class: "mn-b-thin w-100 bg-light pd-medium radius-small",
+            validation: _ctx.organizationName
+          }, null, 8, ["field", "validation"]),
+          createElementVNode("p", _hoisted_4, "Your username will be used for URL of profile like " + toDisplayString(_ctx.API_URL) + "/users/username", 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"])
+        ]),
+        createElementVNode("div", _hoisted_5, [
+          _cache[11] || (_cache[11] = createElementVNode("h3", { class: "mn-b-small" }, "Socials", -1)),
+          _cache[12] || (_cache[12] = 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"])
+        ]),
+        createVNode(_sfc_main$2, { class: "bg-white mn-b-thin pd-medium" }),
+        createElementVNode("div", _hoisted_6, [
+          _cache[13] || (_cache[13] = createElementVNode("h3", { class: "mn-b-small" }, "Settings", -1)),
           createVNode(_sfc_main$3, {
-            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[9] || (_cache[9] = createElementVNode("h4", null, "Upload userpic", -1))
+            label: "Darkmode",
+            radio: state$2.theme.darkmode,
+            "onUpdate:radio": _cache[8] || (_cache[8] = (event) => actions$1.toggleTheme()),
+            class: "w-100 bg-light t-black pd-medium radius-small"
+          }, null, 8, ["radio"])
         ]),
-        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[14] || (_cache[14] = createElementVNode("h3", { class: "mn-b-small" }, "Socials", -1)),
-        _cache[15] || (_cache[15] = 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[16] || (_cache[16] = createElementVNode("h3", { class: "mn-b-small" }, "Settings", -1)),
         createVNode(_sfc_main$4, {
-          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"]),
-        createVNode(_sfc_main$5, {
           submit: onSubmit,
           callback: redirectTo,
           class: "mn-b-thin bg-main w-100"
         }, {
-          default: withCtx(() => _cache[10] || (_cache[10] = [
+          default: withCtx(() => _cache[14] || (_cache[14] = [
             createTextVNode(" Save ")
           ])),
           _: 1
         }),
-        createVNode(_sfc_main$5, {
+        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[11] || (_cache[11] = [
+          default: withCtx(() => _cache[15] || (_cache[15] = [
             createTextVNode(" Delete Account ")
           ])),
           _: 1

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

@@ -1 +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      :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\n    <ProfileEditCredentials/>\n    \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    <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 ProfileEditCredentials from '@pf/src/modules/auth/views/components/sections/ProfileEditCredentials.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":";;;;;;;;;;;;;;;;;;;;;;AAwI8B,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/auth/views/components/pages/ProfileEdit.vue"],"sourcesContent":["<template>\n\t<div  v-if=\"show\" class=\"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    <div class=\"bg-white mn-b-thin pd-medium\">\n      <h4 class=\"mn-b-small\">Profile</h4>\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.username\"     \n        label=\"@\"  \n        placeholder=\"Not specified\" \n        class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \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      <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    </div>\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    <div class=\"bg-white mn-b-thin pd-medium\">\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    </div>\n\n    <ProfileEditCredentials class=\"bg-white mn-b-thin pd-medium\"/>\n\n    <div class=\"bg-white mn-b-thin pd-medium\">\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=\"w-100 bg-light t-black pd-medium radius-small\"\n      />\n    </div>\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 ProfileEditCredentials from '@pf/src/modules/auth/views/components/sections/ProfileEditCredentials.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\n  async function onSubmit() {\n    await users.actions.update(users.state.current)\n  }\n\n  // Добавляем редирект после сохранения\nasync function handleSave() {\n  await onSubmit()\n  router.replace({ name: 'User Profile', params: { _id: users.state.current._id }})\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\n  defineExpose({\n    onSubmit,\n    redirectTo\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":";;;;;;;;;;;;;;;;;;;;;;;;AA0I8B,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;AAGD,mBAAe,WAAW;AACxB,YAAMD,QAAc,OAAOE,QAAY,OAAO;AAAA,IAC/C;AAQD,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;AAED,aAAa;AAAA,MACX;AAAA,MACA;AAAA,IACJ,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -2,9 +2,9 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Tab = require("../../../../../components/Tab/Tab.vue2.cjs");
-const Field = require("../../../../../components/Field/Field.vue.cjs");
+const Field = require("../../../../../components/Field/Field.vue2.cjs");
 const FieldPhone = require("../../../../../components/FieldPhone/FieldPhone.vue.cjs");
-const Button = require("../../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../../components/Button/Button.vue2.cjs");
 const vueRouter = require("vue-router");
 const vueI18n = require("vue-i18n");
 const ResetPassword = require("../../localization/ResetPassword.json.cjs");

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

@@ -1,8 +1,8 @@
 import { ref, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, createVNode, Transition, withCtx, createCommentVNode, createTextVNode } from "vue";
 import _sfc_main$1 from "../../../../../components/Tab/Tab.vue2.js";
-import Field from "../../../../../components/Field/Field.vue.js";
+import Field from "../../../../../components/Field/Field.vue2.js";
 import _sfc_main$2 from "../../../../../components/FieldPhone/FieldPhone.vue.js";
-import _sfc_main$3 from "../../../../../components/Button/Button.vue.js";
+import _sfc_main$3 from "../../../../../components/Button/Button.vue2.js";
 import { useRoute, useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
 import text from "../../localization/ResetPassword.json.js";

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

@@ -2,9 +2,9 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Tab = require("../../../../../components/Tab/Tab.vue2.cjs");
-const Field = require("../../../../../components/Field/Field.vue.cjs");
+const Field = require("../../../../../components/Field/Field.vue2.cjs");
 const FieldPhone = require("../../../../../components/FieldPhone/FieldPhone.vue.cjs");
-const Button = require("../../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../../components/Button/Button.vue2.cjs");
 const vueRouter = require("vue-router");
 const vueI18n = require("vue-i18n");
 const SignIn = require("../../localization/SignIn.json.cjs");

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

@@ -1,8 +1,8 @@
 import { ref, onMounted, resolveComponent, openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, unref, createVNode, withCtx, Transition, withDirectives, vShow } from "vue";
 import _sfc_main$1 from "../../../../../components/Tab/Tab.vue2.js";
-import Field from "../../../../../components/Field/Field.vue.js";
+import Field from "../../../../../components/Field/Field.vue2.js";
 import _sfc_main$2 from "../../../../../components/FieldPhone/FieldPhone.vue.js";
-import _sfc_main$3 from "../../../../../components/Button/Button.vue.js";
+import _sfc_main$3 from "../../../../../components/Button/Button.vue2.js";
 import { useRoute, useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
 import text from "../../localization/SignIn.json.js";

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

@@ -2,9 +2,9 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Tab = require("../../../../../components/Tab/Tab.vue2.cjs");
-const Field = require("../../../../../components/Field/Field.vue.cjs");
+const Field = require("../../../../../components/Field/Field.vue2.cjs");
 const FieldPhone = require("../../../../../components/FieldPhone/FieldPhone.vue.cjs");
-const Button = require("../../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../../components/Button/Button.vue2.cjs");
 const vueRouter = require("vue-router");
 const vueI18n = require("vue-i18n");
 const SignUp = require("../../localization/SignUp.json.cjs");