@ozdao/martyrs 0.2.481 → 0.2.483

package/dist/martyrs/src/modules/auth/views/components/pages/ProfileEdit.vue.js

@@ -1,159 +1,32 @@
-import { ref, onMounted, createElementBlock, createCommentVNode, openBlock, createElementVNode, createVNode, toDisplayString, withCtx, createTextVNode, unref } from "vue";
-/* empty css                                    */
-import Field from "../../../../../components/Field/Field.vue.js";
-import _sfc_main$3 from "../../../../../components/Checkbox/Checkbox.vue.js";
-import _sfc_main$4 from "../../../../../components/Button/Button.vue2.js";
-import _sfc_main$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";
-import { actions, state as state$1 } from "../../store/users.js";
-import { actions as actions$1, state as state$2 } from "../../../../globals/views/store/globals.js";
-import "./ProfileEdit.vue2.js";
-const _hoisted_1 = {
-  key: 0,
-  class: "for-transition w-100"
-};
-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" };
+import { resolveComponent, createBlock, openBlock, unref, withCtx, createElementVNode, createVNode } from "vue";
+import _sfc_main$1 from "../../../../../components/Popup/Popup.vue.js";
+import _sfc_main$2 from "./ProfileEditSidebar.vue.js";
+import { useRouter } from "vue-router";
+const _hoisted_1 = { class: "flex gap-medium" };
+const _hoisted_2 = { class: "flex-grow" };
 const _sfc_main = {
   __name: "ProfileEdit",
-  setup(__props, { expose: __expose }) {
-    ref(null);
-    const route = useRoute();
+  setup(__props) {
     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 } });
-    }
-    __expose({
-      onSubmit,
-      redirectTo
-    });
     return (_ctx, _cache) => {
-      return show.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
-        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, {
-            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"])
+      const _component_RouterView = resolveComponent("RouterView");
+      return openBlock(), createBlock(_sfc_main$1, {
+        isPopupOpen: true,
+        onClosePopup: _cache[0] || (_cache[0] = ($event) => unref(router).back()),
+        title: "Edit Profile",
+        align: "center center",
+        class: "w-100 max-w-40r bg-white radius-medium pd-medium"
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createVNode(_sfc_main$2, { class: "w-12r flex-shrink-0" }),
+            createElementVNode("div", _hoisted_2, [
+              createVNode(_component_RouterView)
+            ])
+          ])
         ]),
-        createVNode(_sfc_main$4, {
-          submit: onSubmit,
-          callback: redirectTo,
-          class: "mn-b-thin bg-main w-100"
-        }, {
-          default: withCtx(() => _cache[14] || (_cache[14] = [
-            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[15] || (_cache[15] = [
-            createTextVNode(" Delete Account ")
-          ])),
-          _: 1
-        }, 8, ["callback"])
-      ])) : createCommentVNode("", true);
+        _: 1
+      });
     };
   }
 };

package/dist/martyrs/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=\"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 '@martyrs/src/components/Tab/Tab.vue'\n  import Field         from '@martyrs/src/components/Field/Field.vue'\n  import Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue'\n  import Button        from '@martyrs/src/components/Button/Button.vue'\n  import UploadImage   from '@martyrs/src/components/UploadImage/UploadImage.vue';\n\n  import ProfileCompletion from '@martyrs/src/modules/auth/views/components/sections/ProfileCompletion.vue'\n  import ProfileEditCredentials from '@martyrs/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 '@martyrs/src/modules/auth/views/store/auth.js'\n  import * as users from '@martyrs/src/modules/auth/views/store/users.js'\n  import * as globals from '@martyrs/src/modules/globals/views/store/globals.js'\n  // Import validation\n  import * as inputsValidation from '@martyrs/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,SAAQ;AACtB,UAAM,SAAS,UAAS;AAEX,QAAI,IAAI;AACrB,UAAM,OAAO,IAAI,KAAK;AAGtB,cAAU,YAAY;AACpB,YAAMA,QAAc,KAAK,EAAE,KAAK,MAAM,OAAO,KAAK,MAAMC,MAAW,KAAK,IAAG,CAAE;AAC7E,WAAK,QAAQ;AAAA,IACd,CAAA;AAGD,mBAAe,WAAW;AACxB,YAAMD,QAAc,OAAOE,QAAY,OAAO;AAAA,IAClD;AAQE,mBAAe,iBAAiB;AAC9B,YAAM,eAAe,OAAO,QAAQ,oHAAoH;AAExJ,UAAI,CAAC,cAAc;AACf;AAAA,MACR;AAEIA,cAAY,QAAQ,SAAS;AAC7B,YAAMF,QAAc,OAAOE,QAAY,OAAO;AAC9CC,gBAAa,OAAM;AAAA,IACvB;AACE,aAAS,aAAc;AACrB,aAAO,QAAQ,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAKD,QAAY,QAAQ,IAAK,EAAA,CAAC;AAAA,IACpF;AAEE,aAAa;AAAA,MACX;AAAA,MACA;AAAA,IACD,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ProfileEdit.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/ProfileEdit.vue"],"sourcesContent":["<template>\n  <Popup \n    :isPopupOpen=\"true\" \n    @close-popup=\"router.back()\"\n    title=\"Edit Profile\"\n    align=\"center center\"\n    class=\"w-100 max-w-40r bg-white radius-medium pd-medium\"\n  >\n    <div class=\"flex gap-medium\">\n      <ProfileEditSidebar class=\"w-12r flex-shrink-0\" />\n      \n      <div class=\"flex-grow\">\n        <RouterView />\n      </div>\n    </div>\n  </Popup>\n</template>\n\n<script setup>\n  import Popup from '@martyrs/src/components/Popup/Popup.vue'\n  import ProfileEditSidebar from './ProfileEditSidebar.vue'\n  \n  import { useRouter } from 'vue-router'\n  \n  const router = useRouter()\n</script>"],"names":[],"mappings":";;;;;;;;;AAwBE,UAAM,SAAS,UAAS;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/auth/views/components/pages/ProfileEditAccount.vue.cjs

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const Checkbox = require("../../../../../components/Checkbox/Checkbox.vue.cjs");
+const Button = require("../../../../../components/Button/Button.vue.cjs");
+const ProfileEditCredentials = require("../sections/ProfileEditCredentials.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");
+const _hoisted_1 = {
+  key: 0,
+  class: "for-transition w-100"
+};
+const _hoisted_2 = { class: "bg-white mn-b-thin pd-medium" };
+const _sfc_main = {
+  __name: "ProfileEditAccount",
+  setup(__props) {
+    const route = vueRouter.useRoute();
+    const router = vueRouter.useRouter();
+    const show = vue.ref(false);
+    vue.onMounted(async () => {
+      const userId = route.params._id || auth.state.user._id;
+      await users.actions.read({ _id: userId, 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.back();
+    }
+    return (_ctx, _cache) => {
+      return show.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(ProfileEditCredentials.default, { class: "bg-white mn-b-thin pd-medium" }),
+        vue.createElementVNode("div", _hoisted_2, [
+          _cache[1] || (_cache[1] = vue.createElementVNode("h3", { class: "mn-b-small" }, "Settings", -1)),
+          vue.createVNode(Checkbox.default, {
+            label: "Darkmode",
+            radio: globals.state.theme.darkmode,
+            "onUpdate:radio": _cache[0] || (_cache[0] = (event) => globals.actions.toggleTheme()),
+            class: "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[2] || (_cache[2] = [
+            vue.createTextVNode(" Save ")
+          ])),
+          _: 1
+        }),
+        vue.createVNode(Button.default, {
+          submit: onSubmitDelete,
+          callback: () => vue.unref(router).push({ name: "Sign In" }),
+          class: "mn-b-thin w-100 bg-red t-white"
+        }, {
+          default: vue.withCtx(() => _cache[3] || (_cache[3] = [
+            vue.createTextVNode(" Delete Account ")
+          ])),
+          _: 1
+        }, 8, ["callback"])
+      ])) : vue.createCommentVNode("", true);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=ProfileEditAccount.vue.cjs.map

package/dist/martyrs/src/modules/auth/views/components/pages/ProfileEditAccount.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileEditAccount.vue.cjs","sources":["../../../../../../../../src/modules/auth/views/components/pages/ProfileEditAccount.vue"],"sourcesContent":["<template>\n  <div v-if=\"show\" class=\"for-transition w-100\">\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    <Button\n      :submit=\"onSubmitDelete\" \n      :callback=\"() => router.push({name: 'Sign In'})\" \n      class=\"mn-b-thin w-100 bg-red t-white\"\n    >\n      Delete Account\n    </Button>\n  </div>\n</template>\n\n<script setup>\n  import Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue'\n  import Button from '@martyrs/src/components/Button/Button.vue'\n  import ProfileEditCredentials from '@martyrs/src/modules/auth/views/components/sections/ProfileEditCredentials.vue'\n  \n  import { ref, onMounted } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n  \n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n  import * as users from '@martyrs/src/modules/auth/views/store/users.js'\n  import * as globals from '@martyrs/src/modules/globals/views/store/globals.js'\n  \n  const route = useRoute()\n  const router = useRouter()\n  const show = ref(false)\n  \n  onMounted(async () => {\n    const userId = route.params._id || auth.state.user._id\n    await users.actions.read({ _id: userId, user: auth.state.user._id })\n    show.value = true\n  })\n  \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) return\n    \n    users.state.current.status = 'removed'\n    await users.actions.update(users.state.current)\n    auth.actions.logout()\n  }\n  \n  function redirectTo() {\n    router.back()\n  }\n</script>"],"names":["useRoute","useRouter","ref","onMounted","auth.state","users.actions","users.state","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;AA4CE,UAAM,QAAQA,UAAQ,SAAA;AACtB,UAAM,SAASC,UAAS,UAAA;AACxB,UAAM,OAAOC,IAAAA,IAAI,KAAK;AAEtBC,QAAAA,UAAU,YAAY;AACpB,YAAM,SAAS,MAAM,OAAO,OAAOC,KAAAA,MAAW,KAAK;AACnD,YAAMC,MAAa,QAAC,KAAK,EAAE,KAAK,QAAQ,MAAMD,KAAAA,MAAW,KAAK,IAAK,CAAA;AACnE,WAAK,QAAQ;AAAA,IACd,CAAA;AAED,mBAAe,WAAW;AACxB,YAAMC,MAAa,QAAC,OAAOC,MAAAA,MAAY,OAAO;AAAA,IAClD;AAEE,mBAAe,iBAAiB;AAC9B,YAAM,eAAe,OAAO,QAAQ,oHAAoH;AAExJ,UAAI,CAAC,aAAc;AAEnBA,YAAW,MAAC,QAAQ,SAAS;AAC7B,YAAMD,MAAa,QAAC,OAAOC,MAAAA,MAAY,OAAO;AAC9CC,WAAAA,QAAa,OAAM;AAAA,IACvB;AAEE,aAAS,aAAa;AACpB,aAAO,KAAI;AAAA,IACf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/auth/views/components/pages/ProfileEditAccount.vue.js

@@ -0,0 +1,77 @@
+import { ref, onMounted, createElementBlock, createCommentVNode, openBlock, createVNode, createElementVNode, withCtx, createTextVNode, unref } from "vue";
+import _sfc_main$2 from "../../../../../components/Checkbox/Checkbox.vue.js";
+import _sfc_main$3 from "../../../../../components/Button/Button.vue.js";
+import _sfc_main$1 from "../sections/ProfileEditCredentials.vue.js";
+import { useRoute, useRouter } from "vue-router";
+import { state, actions as actions$2 } from "../../store/auth.js";
+import { actions, state as state$2 } from "../../store/users.js";
+import { actions as actions$1, state as state$1 } from "../../../../globals/views/store/globals.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "for-transition w-100"
+};
+const _hoisted_2 = { class: "bg-white mn-b-thin pd-medium" };
+const _sfc_main = {
+  __name: "ProfileEditAccount",
+  setup(__props) {
+    const route = useRoute();
+    const router = useRouter();
+    const show = ref(false);
+    onMounted(async () => {
+      const userId = route.params._id || state.user._id;
+      await actions.read({ _id: userId, user: state.user._id });
+      show.value = true;
+    });
+    async function onSubmit() {
+      await actions.update(state$2.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$2.current.status = "removed";
+      await actions.update(state$2.current);
+      actions$2.logout();
+    }
+    function redirectTo() {
+      router.back();
+    }
+    return (_ctx, _cache) => {
+      return show.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_sfc_main$1, { class: "bg-white mn-b-thin pd-medium" }),
+        createElementVNode("div", _hoisted_2, [
+          _cache[1] || (_cache[1] = createElementVNode("h3", { class: "mn-b-small" }, "Settings", -1)),
+          createVNode(_sfc_main$2, {
+            label: "Darkmode",
+            radio: state$1.theme.darkmode,
+            "onUpdate:radio": _cache[0] || (_cache[0] = (event) => actions$1.toggleTheme()),
+            class: "w-100 bg-light t-black pd-medium radius-small"
+          }, null, 8, ["radio"])
+        ]),
+        createVNode(_sfc_main$3, {
+          submit: onSubmit,
+          callback: redirectTo,
+          class: "mn-b-thin bg-main w-100"
+        }, {
+          default: withCtx(() => _cache[2] || (_cache[2] = [
+            createTextVNode(" Save ")
+          ])),
+          _: 1
+        }),
+        createVNode(_sfc_main$3, {
+          submit: onSubmitDelete,
+          callback: () => unref(router).push({ name: "Sign In" }),
+          class: "mn-b-thin w-100 bg-red t-white"
+        }, {
+          default: withCtx(() => _cache[3] || (_cache[3] = [
+            createTextVNode(" Delete Account ")
+          ])),
+          _: 1
+        }, 8, ["callback"])
+      ])) : createCommentVNode("", true);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ProfileEditAccount.vue.js.map

package/dist/martyrs/src/modules/auth/views/components/pages/ProfileEditAccount.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileEditAccount.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/ProfileEditAccount.vue"],"sourcesContent":["<template>\n  <div v-if=\"show\" class=\"for-transition w-100\">\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    <Button\n      :submit=\"onSubmitDelete\" \n      :callback=\"() => router.push({name: 'Sign In'})\" \n      class=\"mn-b-thin w-100 bg-red t-white\"\n    >\n      Delete Account\n    </Button>\n  </div>\n</template>\n\n<script setup>\n  import Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue'\n  import Button from '@martyrs/src/components/Button/Button.vue'\n  import ProfileEditCredentials from '@martyrs/src/modules/auth/views/components/sections/ProfileEditCredentials.vue'\n  \n  import { ref, onMounted } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n  \n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n  import * as users from '@martyrs/src/modules/auth/views/store/users.js'\n  import * as globals from '@martyrs/src/modules/globals/views/store/globals.js'\n  \n  const route = useRoute()\n  const router = useRouter()\n  const show = ref(false)\n  \n  onMounted(async () => {\n    const userId = route.params._id || auth.state.user._id\n    await users.actions.read({ _id: userId, user: auth.state.user._id })\n    show.value = true\n  })\n  \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) return\n    \n    users.state.current.status = 'removed'\n    await users.actions.update(users.state.current)\n    auth.actions.logout()\n  }\n  \n  function redirectTo() {\n    router.back()\n  }\n</script>"],"names":["auth.state","users.actions","users.state","auth.actions"],"mappings":";;;;;;;;;;;;;;;;AA4CE,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AACxB,UAAM,OAAO,IAAI,KAAK;AAEtB,cAAU,YAAY;AACpB,YAAM,SAAS,MAAM,OAAO,OAAOA,MAAW,KAAK;AACnD,YAAMC,QAAc,KAAK,EAAE,KAAK,QAAQ,MAAMD,MAAW,KAAK,IAAK,CAAA;AACnE,WAAK,QAAQ;AAAA,IACd,CAAA;AAED,mBAAe,WAAW;AACxB,YAAMC,QAAc,OAAOC,QAAY,OAAO;AAAA,IAClD;AAEE,mBAAe,iBAAiB;AAC9B,YAAM,eAAe,OAAO,QAAQ,oHAAoH;AAExJ,UAAI,CAAC,aAAc;AAEnBA,cAAY,QAAQ,SAAS;AAC7B,YAAMD,QAAc,OAAOC,QAAY,OAAO;AAC9CC,gBAAa,OAAM;AAAA,IACvB;AAEE,aAAS,aAAa;AACpB,aAAO,KAAI;AAAA,IACf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/auth/views/components/pages/ProfileEditProfile.vue.cjs

@@ -0,0 +1,121 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const Field = require("../../../../../components/Field/Field.vue.cjs");
+const Button = require("../../../../../components/Button/Button.vue.cjs");
+const UploadImage = require("../../../../../components/UploadImage/UploadImage.vue.cjs");
+const vueRouter = require("vue-router");
+const auth = require("../../store/auth.cjs");
+const users = require("../../store/users.cjs");
+const _hoisted_1 = {
+  key: 0,
+  class: "for-transition w-100"
+};
+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 _sfc_main = {
+  __name: "ProfileEditProfile",
+  setup(__props) {
+    const route = vueRouter.useRoute();
+    const router = vueRouter.useRouter();
+    const show = vue.ref(false);
+    vue.onMounted(async () => {
+      const userId = route.params._id || auth.state.user._id;
+      await users.actions.read({ _id: userId, user: auth.state.user._id });
+      show.value = true;
+    });
+    async function onSubmit() {
+      await users.actions.update(users.state.current);
+    }
+    function redirectTo() {
+      router.back();
+    }
+    return (_ctx, _cache) => {
+      return show.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          _cache[9] || (_cache[9] = 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[8] || (_cache[8] = 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[10] || (_cache[10] = vue.createElementVNode("h3", { class: "mn-b-small" }, "Socials", -1)),
+          _cache[11] || (_cache[11] = 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(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.createCommentVNode("", true);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=ProfileEditProfile.vue.cjs.map

package/dist/martyrs/src/modules/auth/views/components/pages/ProfileEditProfile.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileEditProfile.vue.cjs","sources":["../../../../../../../../src/modules/auth/views/components/pages/ProfileEditProfile.vue"],"sourcesContent":["<template>\n  <div v-if=\"show\" class=\"for-transition w-100\">\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    <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    <Button \n      :submit=\"onSubmit\" \n      :callback=\"redirectTo\" \n      class=\"mn-b-thin bg-main w-100\"\n    > \n      Save\n    </Button>\n  </div>\n</template>\n\n<script setup>\n  import Field from '@martyrs/src/components/Field/Field.vue'\n  import Button from '@martyrs/src/components/Button/Button.vue'\n  import UploadImage from '@martyrs/src/components/UploadImage/UploadImage.vue'\n  \n  import { ref, onMounted } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n  \n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n  import * as users from '@martyrs/src/modules/auth/views/store/users.js'\n  \n  const route = useRoute()\n  const router = useRouter()\n  const show = ref(false)\n  \n  onMounted(async () => {\n    const userId = route.params._id || auth.state.user._id\n    await users.actions.read({ _id: userId, user: auth.state.user._id })\n    show.value = true\n  })\n  \n  async function onSubmit() {\n    await users.actions.update(users.state.current)\n  }\n  \n  function redirectTo() {\n    router.back()\n  }\n</script>"],"names":["useRoute","useRouter","ref","onMounted","auth.state","users.actions","users.state"],"mappings":";;;;;;;;;;;;;;;;;;;;AA4FE,UAAM,QAAQA,UAAQ,SAAA;AACtB,UAAM,SAASC,UAAS,UAAA;AACxB,UAAM,OAAOC,IAAAA,IAAI,KAAK;AAEtBC,QAAAA,UAAU,YAAY;AACpB,YAAM,SAAS,MAAM,OAAO,OAAOC,KAAAA,MAAW,KAAK;AACnD,YAAMC,MAAa,QAAC,KAAK,EAAE,KAAK,QAAQ,MAAMD,KAAAA,MAAW,KAAK,IAAK,CAAA;AACnE,WAAK,QAAQ;AAAA,IACd,CAAA;AAED,mBAAe,WAAW;AACxB,YAAMC,MAAa,QAAC,OAAOC,MAAAA,MAAY,OAAO;AAAA,IAClD;AAEE,aAAS,aAAa;AACpB,aAAO,KAAI;AAAA,IACf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/auth/views/components/pages/ProfileEditProfile.vue.js

@@ -0,0 +1,121 @@
+import { ref, onMounted, createElementBlock, createCommentVNode, openBlock, createElementVNode, createVNode, toDisplayString, withCtx, createTextVNode } from "vue";
+import Field from "../../../../../components/Field/Field.vue.js";
+import _sfc_main$2 from "../../../../../components/Button/Button.vue.js";
+import _sfc_main$1 from "../../../../../components/UploadImage/UploadImage.vue.js";
+import { useRoute, useRouter } from "vue-router";
+import { state } from "../../store/auth.js";
+import { actions, state as state$1 } from "../../store/users.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "for-transition w-100"
+};
+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 _sfc_main = {
+  __name: "ProfileEditProfile",
+  setup(__props) {
+    const route = useRoute();
+    const router = useRouter();
+    const show = ref(false);
+    onMounted(async () => {
+      const userId = route.params._id || state.user._id;
+      await actions.read({ _id: userId, user: state.user._id });
+      show.value = true;
+    });
+    async function onSubmit() {
+      await actions.update(state$1.current);
+    }
+    function redirectTo() {
+      router.back();
+    }
+    return (_ctx, _cache) => {
+      return show.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          _cache[9] || (_cache[9] = 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[8] || (_cache[8] = 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[10] || (_cache[10] = createElementVNode("h3", { class: "mn-b-small" }, "Socials", -1)),
+          _cache[11] || (_cache[11] = 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, {
+          submit: onSubmit,
+          callback: redirectTo,
+          class: "mn-b-thin bg-main w-100"
+        }, {
+          default: withCtx(() => _cache[12] || (_cache[12] = [
+            createTextVNode(" Save ")
+          ])),
+          _: 1
+        })
+      ])) : createCommentVNode("", true);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ProfileEditProfile.vue.js.map