@ozdao/martyrs 0.2.505 → 0.2.507

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

@@ -1 +1 @@
-{"version":3,"file":"Profile.vue.cjs","sources":["../../../../../../../../src/modules/auth/views/components/pages/Profile.vue"],"sourcesContent":["<template>\n\t<div \n\t\tv-if=\"show\"\n\t\tclass=\"for-transition bg-white w-100\"\n\t>\n\t\t<div \n\t\t\tv-if=\"users.state.current?.status === 'removed'\"\n\t\t\tclass=\"flex-center flex pd-medium radius-big bg-light uppercase t-semi w-100 h-100\"\n\t\t>\n\t\t\tSorry, user has been removed.\n\t\t</div>\n\n\t\t<div \n\t\t\tv-else\n\t\t\t_id=\"dash\" \n\t\t\tclass=\"pd-thin w-100\"\n\t\t>\n\t\t\t<!-- <Completion \n\t\t\t\tv-if=\"route.params._id === auth.state.user._id && show\" \n\t\t    :user=\"auth.state.user._id\"\n\t\t    :target=\"users.state.current\"\n\t\t    :cta=\"false\" \n\t\t    text_cta=\"Fill\"\n\t\t    text=\"Profile completed at\"\n\t\t    class=\"mn-b-medium mn-b-regular pd-medium radius-semi t-white bg-second\"\n\t\t\t/> -->\n\n\t\t\t<section \n\t\t\t\tclass=\"flex-center pos-relative flex flex-column t-center w-100 mn-b-regular radius-medium pd-medium bg-light\"\n\t\t\t>\n\n\t\t\t\t<Dropdown \n\t\t\t\t\tv-if=\"route.params._id && route.params._id !== auth.state.user._id\"\n\t\t\t\t\t:label=\"'...'\" \n\t\t\t\t\t:align=\"'right'\"\n\t\t\t\t\tclass=\"cursor-pointer pos-absolute pos-r-0 pos-t-0 pd-thin radius-extra \"\n\t\t\t\t>\n\t\t\t\t\t<section \n\t\t\t\t\t\tclass=\"bg-black pd-thin radius-small\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<FormReport \n\t\t\t\t\t\t\t:user=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:type=\"'user'\" \n\t\t\t\t\t\t\t:target=\"users.state.current._id\" \n\t\t\t\t\t\t\t:text=\"'Report'\" \n\t\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<button \n\t\t\t\t\t\t\t\tclass=\"w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tReport\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</FormReport>\n\n\t\t\t\t\t\t<ButtonToggleMembership\n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t      :user=\"auth.state.user._id\"\n\t\t\t\t      :type=\"'user'\" \n\t\t\t      \t:role=\"'blocked'\" \n\t\t\t\t      :target=\"users.state.current._id\" \n\t\t\t\t      :status=\"users.state.current.isBlocked\" \n\t\t\t\t      :text=\"{create: 'Block', remove: 'Unblock'}\"\n\t\t\t\t      @updateMembership=\"event => handleMembershipUpdate(event, 'isBlocked')\"\n\t\t\t\t      class=\"t-white mn-t-thin bg-red\" \n\t\t\t    \t/>\n\t\t\t\t\t</section>\n\t      </Dropdown>\t\n\n\n\t\t\t\t<IconEdit\n\t\t\t\t\tv-if=\"route.params._id === auth.state.user._id\"\n\t\t\t\t\t@click=\"$router.push({\n\t\t\t\t\t\tname: 'User Edit Profile', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: auth.state.user._id\n\t\t\t\t\t\t}\n\t\t\t\t\t})\" \n\t\t\t\t\tclass=\"cursor-pointer pos-absolute pos-t-regular pos-r-regular i-regular t-transp\"\n\t\t\t\t/>\n\n\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\tv-if=\"users.state.current.profile.photo && users.state.current.profile.photo.length > 0\" \n\t\t\t\t\t:src=\"(FILE_SERVER_URL || '')+ users.state.current.profile.photo\" \n\t\t\t\t\tclass=\"radius-extra bg-white mn-b-small object-fit-cover i-extra\" \n\t\t\t\t/>\n\t\t\t\t\n\t\t\t\t<PlaceholderUserpic \n\t\t\t\t\tv-else \n\t\t\t\t\tclass=\"radius-medium mn-b-small i-extra\"\n\t\t\t\t/>\n\n\t\t\t\t<h3 \n\t\t\t\t\tclass=\"mn-b-thin\"\n\t\t\t\t>\n\t\t\t\t\t{{users.state.current.profile.name ? users.state.current.profile.name : 'Anonymous' }}\n\t\t\t\t</h3>\n\t\t\t\t\n\t\t\t\t<p \n\t\t\t\t\tv-if=\"users.state.current.username\"\n\t\t\t\t\tclass=\"mn-b-thin t-main t-semi\"\n\t\t\t\t>\n\t\t\t\t\t@{{ users.state.current.username ? users.state.current.username : 'Not specified' }}\n\t\t\t\t</p>\n\n\t\t\t\t<p \n\t\t\t\t\tclass=\"mn-b-small p-medium\"\n\t\t\t\t>\n\t\t\t\t {{ users.state.current.profile.description ? users.state.current.profile.description : 'Bio not specified' }}\n\t\t\t\t</p>\n\t\t\t\t\n\t\t\t\t<div class=\"mn-b-medium flex-center flex-nowrap flex\">\n\t\t\t\t\t<div \n\t\t\t\t\t  v-for=\"(role,index) in users.state.current.roles\" \n\t\t\t\t\t  class=\"pd-thin radius-small t-semi bg-white\" \n\t\t\t\t\t  :class=\"{'mn-r-thin': index !== users.state.current.roles.length - 1}\"\n\t\t\t\t\t >\n\t\t\t\t\t\t{{role.icon}}\n\t\t\t\t\t\t{{role.name}}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\t\t\t\n\n\t\t\t\t<p \n\t\t\t\t\tclass=\"t-semi mn-b-small\"\n\t\t\t\t>\n\t\t\t\t\t<!-- 👍 3 212 likes ·  -->\n\t\t\t\t\t<!-- 💬 342 comments ·  -->\n\t\t\t\t\t👨‍👨‍👧‍👧 {{users.state.current.numberOfSubscribers}} followers\n\t\t\t\t</p>\n\t\t\t\t\n\t    \t<ButtonToggleMembership\n\t    \t\tv-if=\"auth.state.user._id && route.params._id && route.params._id !== auth.state.user._id\"\n\t\t      :user=\"auth.state.user._id\"\n\t\t      :type=\"'user'\" \n\t      \t:role=\"'subscriber'\" \n\t\t      :target=\"users.state.current._id\" \n\t\t      :status=\"users.state.current.isSubscriber\" \n\t\t\t\t\t:text=\"{create: 'Follow', remove: 'Unfollow'}\"\n\t\t      @updateMembership=\"event => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')\"\n\t\t      class=\"w-min mn-b-medium\tmn-r-auto mn-l-auto\" \n\t    \t/>\n\n\t    \t<h4 \n\t      \tv-if=\"Object.values(users.state.current.socials).some(value => value)\" \n\t      \tclass=\"mn-t-small mn-b-thin\"\n\t      >\n\t    \t\tFind Me in Socials\n\t    \t</h4>\n\t     \t<Socials \n\t     \t\t:telegram=\"users.state.current.socials.telegram\"\n\t     \t\t:facebook=\"users.state.current.socials.facebook\"\n\t     \t\t:instagram=\"users.state.current.socials.instagram\"\n\t     \t\t:twitter=\"users.state.current.socials.twitter\"\n\t     \t\tclass=\"mn-r-auto mn-l-auto\"\n\t     \t/>\n\n\t\t\t</section>\n\t\t\t\n\t\t\t<RouterView />\n\n\t\t\t<Menu v-if=\"filteredModules.length > 0\" class=\"mn-b-regular bg-light\">\n\t      <MenuItem \n\t        v-for=\"module in filteredModules\" \n\t        :key=\"module.name\"\n\t        @click=\"router.push({\n\t          name: `${module.route}`, \n\t          params: {\n\t            _id: route.params._id,\n\t            user: route.params._id\n\t          }\n\t        })\" \n\t        class=\"profile-menu-item cursor-pointer\"\n\t      >\n\t        <component \n\t          :is=\"module.icon\" \n\t          v-if=\"module.icon\"\n\t          class=\"i-semi\" \n\t          :icon=\"true\"\n\t        />\n\t        <span>{{ module.displayName }}</span>\n      \t</MenuItem>\n   \t\t</Menu>\n\t\t\t  \n\t\t\t<Menu \n\t\t\t\tv-if=\"auth.state.user._id === route.params._id\"\n\t\t\t\tclass=\"bg-light\"\n\t\t\t>\n\t\t\t\t<MenuItem \n\t\t\t  \t@click=\"router.push({\n\t\t\t  \t\tname: 'Notifications', \n\t\t\t  \t\tparams: {\n\t\t\t  \t\t\t_id: route.params._id\n\t\t\t  \t\t}\n\t\t\t  \t})\" \n\t\t\t  \tclass=\"cursor-pointer\">\n\t\t\t    <span>\n\t\t\t    \tNotifications\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\t\t\t  <MenuItem \n\t\t\t  \t@click=\"router.push({\n\t\t\t  \t\tname: 'User Edit Profile', \n\t\t\t  \t\tparams: {\n\t\t\t  \t\t\t_id: route.params._id\n\t\t\t  \t\t}\n\t\t\t  \t})\" \n\t\t\t  \tclass=\"cursor-pointer\">\n\t\t\t    <span>\n\t\t\t    \tSettings\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\n\t\t\t  <MenuItem \n\t\t\t  \t@click=\"router.push({\n\t\t\t  \t\tname: 'Legal', \n\t\t\t  \t\tparams: {\n\t\t\t  \t\t\t_id: route.params._id\n\t\t\t  \t\t}\n\t\t\t  \t})\" \n\t\t\t  \tclass=\"cursor-pointer\">\n\t\t\t    <span>\n\t\t\t    \tAbout\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\t\t\t  \n\t\t\t  <MenuItem \n\t\t\t  \tclass=\"cursor-pointer\"\n\t\t\t\t\t@click=\"logout()\"\n\t\t\t  >\n\t\t\t    <span \n\t\t\t    \tclass=\"t-red\"\n\t\t\t    >\n\t\t\t    \tLogout\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\t\t\t</Menu>\n\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\n// Import components\nimport Field         from '@martyrs/src/components/Field/Field.vue'\nimport Button        from '@martyrs/src/components/Button/Button.vue'\nimport Dropdown from \"@martyrs/src/components/Dropdown/Dropdown.vue\";\nimport Completion from '@martyrs/src/components/Completion/Completion.vue'\n// Mobile Module\nimport Menu from '@martyrs/src/components/Menu/Menu.vue'\nimport MenuItem from '@martyrs/src/components/Menu/MenuItem.vue'\n// Org Module\nimport ButtonToggleMembership from '@martyrs/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n// Report Module\nimport FormReport from '@martyrs/src/modules/reports/components/sections/FormReport.vue'   \n// Community Module \nimport Activity from '@martyrs/src/modules/community/components/blocks/Activity.vue'; \nimport Socials from '@martyrs/src/modules/organizations/components/blocks/Socials.vue'\n// Icons Module\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue'\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue'\n\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\nimport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue'\n// Import libs\nimport { computed, watch, onMounted, ref, onBeforeMount, inject } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\n\n// Import state\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as users from '@martyrs/src/modules/auth/views/store/users.js'\nimport * as memberships from '@martyrs/src/modules/organizations/store/memberships.js'\n// Accessing router\nconst route = useRoute()\nconst router = useRouter()\n// Get organization _id from cookie\nconst show = ref(false)\n\nconst store = inject('store')\n\nconst moduleMapping = {\n  events: {\n    displayName: 'Events',\n    route: 'User Events',\n    icon: IconEvents\n  },\n  organizations: {\n    displayName: 'Groups',\n    route: 'User Organizations',\n    icon: IconGroups\n  },\n  blogposts: {\n    displayName: 'Posts',\n    route: 'User Posts',\n    icon: IconCommunity\n  },\n  orders: {\n    displayName: 'Orders',\n    route: 'UserOrdersList',\n    icon: IconOrders,\n    visible: (auth) => auth.state.user && (\n      auth.state.user._id === route.params._id || \n      (auth.state.access && auth.state.access.roles && \n        (auth.state.access.roles.includes('ROLE_MODERATOR') || \n         auth.state.access.roles.includes('ROLE_ADMIN'))\n      )\n    )\n  }\n}\n\nconst filteredModules = computed(() => {\n  return store.modules\n    .map(moduleName => {\n      return {\n        name: moduleName,\n        ...moduleMapping[moduleName]\n      }\n    })\n    .filter(module => {\n      // Проверяем существование маппинга для модуля\n      if (!moduleMapping[module.name]) return false;\n      \n      // Проверяем видимость модуля, если есть условие visible\n      if (module.visible && typeof module.visible === 'function') {\n        return module.visible(auth);\n      }\n      \n      // По умолчанию показываем модуль, если есть маппинг\n      return true;\n    })\n})\n\nonMounted(async () => {\n \tawait users.actions.read({ _id: route.params._id, user: auth.state.user._id });\n \tshow.value = true\n})\n\nconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n  memberships.mutations.handleMembershipUpdate(users.state.current, membership, status, target, statusName, statusNumber)\n};\n\nfunction logout () {\n  auth.actions.logout()\n\n  router.push({name: 'Sign In'})\n}\n</script>\n\n<style lang=\"scss\">\n\t#header {\n\t\t// height: 3rem;\n\t}\n</style>\n"],"names":["useRoute","useRouter","ref","inject","IconEvents","IconGroups","IconCommunity","IconOrders","auth","computed","module","onMounted","users.actions","auth.state","memberships.mutations","users.state","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkRA,UAAM,QAAQA,UAAAA,SAAQ;AACtB,UAAM,SAASC,UAAAA,UAAS;AAExB,UAAM,OAAOC,IAAAA,IAAI,KAAK;AAEtB,UAAM,QAAQC,IAAAA,OAAO,OAAO;AAE5B,UAAM,gBAAgB;AAAA,MACpB,QAAQ;AAAA,QACN,aAAa;AAAA,QACb,OAAO;AAAA,QACP,MAAMC,WAAAA;AAAAA,MACV;AAAA,MACE,eAAe;AAAA,QACb,aAAa;AAAA,QACb,OAAO;AAAA,QACP,MAAMC,WAAAA;AAAAA,MACV;AAAA,MACE,WAAW;AAAA,QACT,aAAa;AAAA,QACb,OAAO;AAAA,QACP,MAAMC,cAAAA;AAAAA,MACV;AAAA,MACE,QAAQ;AAAA,QACN,aAAa;AAAA,QACb,OAAO;AAAA,QACP,MAAMC,WAAAA;AAAAA,QACN,SAAS,CAACC,UAASA,MAAK,MAAM,SAC5BA,MAAK,MAAM,KAAK,QAAQ,MAAM,OAAO,OACpCA,MAAK,MAAM,UAAUA,MAAK,MAAM,OAAO,UACrCA,MAAK,MAAM,OAAO,MAAM,SAAS,gBAAgB,KACjDA,MAAK,MAAM,OAAO,MAAM,SAAS,YAAY;AAAA,MAGtD;AAAA,IACA;AAEA,UAAM,kBAAkBC,IAAAA,SAAS,MAAM;AACrC,aAAO,MAAM,QACV,IAAI,gBAAc;AACjB,eAAO;AAAA,UACL,MAAM;AAAA,UACN,GAAG,cAAc,UAAU;AAAA,QACnC;AAAA,MACI,CAAC,EACA,OAAO,CAAAC,YAAU;AAEhB,YAAI,CAAC,cAAcA,QAAO,IAAI,EAAG,QAAO;AAGxC,YAAIA,QAAO,WAAW,OAAOA,QAAO,YAAY,YAAY;AAC1D,iBAAOA,QAAO,QAAQ,IAAI;AAAA,QAC5B;AAGA,eAAO;AAAA,MACT,CAAC;AAAA,IACL,CAAC;AAEDC,QAAAA,UAAU,YAAY;AACpB,YAAMC,cAAc,KAAK,EAAE,KAAK,MAAM,OAAO,KAAK,MAAMC,KAAAA,MAAW,KAAK,IAAG,CAAE;AAC7E,WAAK,QAAQ;AAAA,IACf,CAAC;AAED,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAM,GAAI,YAAY,iBAAiB;AAC3FC,4BAAsB,uBAAuBC,MAAAA,MAAY,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IACxH;AAEA,aAAS,SAAU;AACjBC,WAAAA,QAAa,OAAM;AAEnB,aAAO,KAAK,EAAC,MAAM,UAAS,CAAC;AAAA,IAC/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Profile.vue.cjs","sources":["../../../../../../../../src/modules/auth/views/components/pages/Profile.vue"],"sourcesContent":["<template>\n\t<div \n\t\tv-if=\"show\"\n\t\tclass=\"for-transition bg-white w-100\"\n\t>\n\t\t<div \n\t\t\tv-if=\"users.state.current?.status === 'removed'\"\n\t\t\tclass=\"flex-center flex pd-medium radius-big bg-light uppercase t-semi w-100 h-100\"\n\t\t>\n\t\t\tSorry, user has been removed.\n\t\t</div>\n\n\t\t<div \n\t\t\tv-else\n\t\t\t_id=\"dash\" \n\t\t\tclass=\"pd-thin w-100\"\n\t\t>\n\t\t\t<!-- <Completion \n\t\t\t\tv-if=\"route.params._id === auth.state.user._id && show\" \n\t\t    :user=\"auth.state.user._id\"\n\t\t    :target=\"users.state.current\"\n\t\t    :cta=\"false\" \n\t\t    text_cta=\"Fill\"\n\t\t    text=\"Profile completed at\"\n\t\t    class=\"mn-b-medium mn-b-regular pd-medium radius-semi t-white bg-second\"\n\t\t\t/> -->\n\n\t\t\t<section \n\t\t\t\tclass=\"flex-center pos-relative flex flex-column t-center w-100 mn-b-regular radius-medium pd-medium bg-light\"\n\t\t\t>\n\n\t\t\t\t<Dropdown \n\t\t\t\t\tv-if=\"route.params._id && route.params._id !== auth.state.user._id\"\n\t\t\t\t\t:label=\"'...'\" \n\t\t\t\t\t:align=\"'right'\"\n\t\t\t\t\tclass=\"cursor-pointer pos-absolute pos-r-0 pos-t-0 pd-thin radius-extra \"\n\t\t\t\t>\n\t\t\t\t\t<section \n\t\t\t\t\t\tclass=\"bg-black pd-thin radius-small\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<FormReport \n\t\t\t\t\t\t\t:user=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:type=\"'user'\" \n\t\t\t\t\t\t\t:target=\"users.state.current._id\" \n\t\t\t\t\t\t\t:text=\"'Report'\" \n\t\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<button \n\t\t\t\t\t\t\t\tclass=\"w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tReport\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</FormReport>\n\n\t\t\t\t\t\t<ButtonToggleMembership\n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t      :user=\"auth.state.user._id\"\n\t\t\t\t      :type=\"'user'\" \n\t\t\t      \t:role=\"'blocked'\" \n\t\t\t\t      :target=\"users.state.current._id\" \n\t\t\t\t      :status=\"users.state.current.isBlocked\" \n\t\t\t\t      :text=\"{create: 'Block', remove: 'Unblock'}\"\n\t\t\t\t      @updateMembership=\"event => handleMembershipUpdate(event, 'isBlocked')\"\n\t\t\t\t      class=\"t-white mn-t-thin bg-red\" \n\t\t\t    \t/>\n\t\t\t\t\t</section>\n\t      </Dropdown>\t\n\n\n\t\t\t\t<IconEdit\n\t\t\t\t\tv-if=\"route.params._id === auth.state.user._id\"\n\t\t\t\t\t@click=\"$router.push({\n\t\t\t\t\t\tname: 'User Edit Profile', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: auth.state.user._id\n\t\t\t\t\t\t}\n\t\t\t\t\t})\" \n\t\t\t\t\tclass=\"cursor-pointer pos-absolute pos-t-regular pos-r-regular i-regular t-transp\"\n\t\t\t\t/>\n\n\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\tv-if=\"users.state.current.profile.photo && users.state.current.profile.photo.length > 0\" \n\t\t\t\t\t:src=\"(FILE_SERVER_URL || '')+ users.state.current.profile.photo\" \n\t\t\t\t\tclass=\"radius-extra bg-white mn-b-small object-fit-cover i-extra\" \n\t\t\t\t/>\n\t\t\t\t\n\t\t\t\t<PlaceholderUserpic \n\t\t\t\t\tv-else \n\t\t\t\t\tclass=\"radius-medium mn-b-small i-extra\"\n\t\t\t\t/>\n\n\t\t\t\t<h3 \n\t\t\t\t\tclass=\"mn-b-thin\"\n\t\t\t\t>\n\t\t\t\t\t{{users.state.current.profile.name ? users.state.current.profile.name : 'Anonymous' }}\n\t\t\t\t</h3>\n\t\t\t\t\n\t\t\t\t<p \n\t\t\t\t\tv-if=\"users.state.current.username\"\n\t\t\t\t\tclass=\"mn-b-thin t-main t-semi\"\n\t\t\t\t>\n\t\t\t\t\t@{{ users.state.current.username ? users.state.current.username : 'Not specified' }}\n\t\t\t\t</p>\n\n\t\t\t\t<p \n\t\t\t\t\tclass=\"mn-b-small p-medium\"\n\t\t\t\t>\n\t\t\t\t {{ users.state.current.profile.description ? users.state.current.profile.description : 'Bio not specified' }}\n\t\t\t\t</p>\n\t\t\t\t\n\t\t\t\t<div class=\"mn-b-medium flex-center flex-nowrap flex\">\n\t\t\t\t\t<div \n\t\t\t\t\t  v-for=\"(role,index) in users.state.current.roles\" \n\t\t\t\t\t  class=\"pd-thin radius-small t-semi bg-white\" \n\t\t\t\t\t  :class=\"{'mn-r-thin': index !== users.state.current.roles.length - 1}\"\n\t\t\t\t\t >\n\t\t\t\t\t\t{{role.icon}}\n\t\t\t\t\t\t{{role.name}}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\t\t\t\n\n\t\t\t\t<p \n\t\t\t\t\tclass=\"t-semi mn-b-small\"\n\t\t\t\t>\n\t\t\t\t\t<!-- 👍 3 212 likes ·  -->\n\t\t\t\t\t<!-- 💬 342 comments ·  -->\n\t\t\t\t\t👨‍👨‍👧‍👧 {{users.state.current.numberOfSubscribers}} followers\n\t\t\t\t</p>\n\t\t\t\t\n\t    \t<ButtonToggleMembership\n\t    \t\tv-if=\"auth.state.user._id && route.params._id && route.params._id !== auth.state.user._id\"\n\t\t      :user=\"auth.state.user._id\"\n\t\t      :type=\"'user'\" \n\t      \t:role=\"'subscriber'\" \n\t\t      :target=\"users.state.current._id\" \n\t\t      :status=\"users.state.current.isSubscriber\" \n\t\t\t\t\t:text=\"{create: 'Follow', remove: 'Unfollow'}\"\n\t\t      @updateMembership=\"event => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')\"\n\t\t      class=\"w-min mn-b-medium\tmn-r-auto mn-l-auto\" \n\t    \t/>\n\n\t    \t<h4 \n\t      \tv-if=\"Object.values(users.state.current.socials).some(value => value)\" \n\t      \tclass=\"mn-t-small mn-b-thin\"\n\t      >\n\t    \t\tFind Me in Socials\n\t    \t</h4>\n\t     \t<Socials \n\t     \t\t:telegram=\"users.state.current.socials.telegram\"\n\t     \t\t:facebook=\"users.state.current.socials.facebook\"\n\t     \t\t:instagram=\"users.state.current.socials.instagram\"\n\t     \t\t:twitter=\"users.state.current.socials.twitter\"\n\t     \t\tclass=\"mn-r-auto mn-l-auto\"\n\t     \t/>\n\n\t\t\t</section>\n\t\t\t\n\t\t\t<RouterView />\n\n\t\t\t<Menu v-if=\"filteredModules.length > 0\" class=\"mn-b-regular bg-light\">\n\t      <MenuItem \n\t        v-for=\"module in filteredModules\" \n\t        :key=\"module.name\"\n\t        @click=\"router.push({\n\t          name: `${module.route}`, \n\t          params: {\n\t            _id: route.params._id,\n\t            user: route.params._id\n\t          }\n\t        })\" \n\t        class=\"profile-menu-item cursor-pointer\"\n\t      >\n\t        <component \n\t          :is=\"module.icon\" \n\t          v-if=\"module.icon\"\n\t          class=\"i-semi\" \n\t          :icon=\"true\"\n\t        />\n\t        <span>{{ module.displayName }}</span>\n      \t</MenuItem>\n   \t\t</Menu>\n\t\t\t  \n\t\t\t<Menu \n\t\t\t\tv-if=\"auth.state.user._id === route.params._id\"\n\t\t\t\tclass=\"bg-light\"\n\t\t\t>\n\t\t\t\t<MenuItem \n\t\t\t  \t@click=\"router.push({\n\t\t\t  \t\tname: 'Notifications', \n\t\t\t  \t\tparams: {\n\t\t\t  \t\t\t_id: route.params._id\n\t\t\t  \t\t}\n\t\t\t  \t})\" \n\t\t\t  \tclass=\"cursor-pointer\">\n\t\t\t    <span>\n\t\t\t    \tNotifications\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\t\t\t  <MenuItem \n\t\t\t  \t@click=\"router.push({\n\t\t\t  \t\tname: 'Profile Edit Profile', \n\t\t\t  \t\tparams: {\n\t\t\t  \t\t\t_id: route.params._id\n\t\t\t  \t\t}\n\t\t\t  \t})\" \n\t\t\t  \tclass=\"cursor-pointer\">\n\t\t\t    <span>\n\t\t\t    \tSettings\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\n\t\t\t  <MenuItem \n\t\t\t  \t@click=\"router.push({\n\t\t\t  \t\tname: 'Legal', \n\t\t\t  \t\tparams: {\n\t\t\t  \t\t\t_id: route.params._id\n\t\t\t  \t\t}\n\t\t\t  \t})\" \n\t\t\t  \tclass=\"cursor-pointer\">\n\t\t\t    <span>\n\t\t\t    \tAbout\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\t\t\t  \n\t\t\t  <MenuItem \n\t\t\t  \tclass=\"cursor-pointer\"\n\t\t\t\t\t@click=\"logout()\"\n\t\t\t  >\n\t\t\t    <span \n\t\t\t    \tclass=\"t-red\"\n\t\t\t    >\n\t\t\t    \tLogout\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\t\t\t</Menu>\n\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\n// Import components\nimport Field         from '@martyrs/src/components/Field/Field.vue'\nimport Button        from '@martyrs/src/components/Button/Button.vue'\nimport Dropdown from \"@martyrs/src/components/Dropdown/Dropdown.vue\";\nimport Completion from '@martyrs/src/components/Completion/Completion.vue'\n// Mobile Module\nimport Menu from '@martyrs/src/components/Menu/Menu.vue'\nimport MenuItem from '@martyrs/src/components/Menu/MenuItem.vue'\n// Org Module\nimport ButtonToggleMembership from '@martyrs/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n// Report Module\nimport FormReport from '@martyrs/src/modules/reports/components/sections/FormReport.vue'   \n// Community Module \nimport Activity from '@martyrs/src/modules/community/components/blocks/Activity.vue'; \nimport Socials from '@martyrs/src/modules/organizations/components/blocks/Socials.vue'\n// Icons Module\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue'\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue'\n\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\nimport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue'\n// Import libs\nimport { computed, watch, onMounted, ref, onBeforeMount, inject } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\n\n// Import state\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as users from '@martyrs/src/modules/auth/views/store/users.js'\nimport * as memberships from '@martyrs/src/modules/organizations/store/memberships.js'\n// Accessing router\nconst route = useRoute()\nconst router = useRouter()\n// Get organization _id from cookie\nconst show = ref(false)\n\nconst store = inject('store')\n\nconst moduleMapping = {\n  events: {\n    displayName: 'Events',\n    route: 'User Events',\n    icon: IconEvents\n  },\n  organizations: {\n    displayName: 'Groups',\n    route: 'User Organizations',\n    icon: IconGroups\n  },\n  blogposts: {\n    displayName: 'Posts',\n    route: 'User Posts',\n    icon: IconCommunity\n  },\n  orders: {\n    displayName: 'Orders',\n    route: 'UserOrdersList',\n    icon: IconOrders,\n    visible: (auth) => auth.state.user && (\n      auth.state.user._id === route.params._id || \n      (auth.state.access && auth.state.access.roles && \n        (auth.state.access.roles.includes('ROLE_MODERATOR') || \n         auth.state.access.roles.includes('ROLE_ADMIN'))\n      )\n    )\n  }\n}\n\nconst filteredModules = computed(() => {\n  return store.modules\n    .map(moduleName => {\n      return {\n        name: moduleName,\n        ...moduleMapping[moduleName]\n      }\n    })\n    .filter(module => {\n      // Проверяем существование маппинга для модуля\n      if (!moduleMapping[module.name]) return false;\n      \n      // Проверяем видимость модуля, если есть условие visible\n      if (module.visible && typeof module.visible === 'function') {\n        return module.visible(auth);\n      }\n      \n      // По умолчанию показываем модуль, если есть маппинг\n      return true;\n    })\n})\n\nonMounted(async () => {\n \tawait users.actions.read({ _id: route.params._id, user: auth.state.user._id });\n \tshow.value = true\n})\n\nconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n  memberships.mutations.handleMembershipUpdate(users.state.current, membership, status, target, statusName, statusNumber)\n};\n\nfunction logout () {\n  auth.actions.logout()\n\n  router.push({name: 'Sign In'})\n}\n</script>\n\n<style lang=\"scss\">\n\t#header {\n\t\t// height: 3rem;\n\t}\n</style>\n"],"names":["useRoute","useRouter","ref","inject","IconEvents","IconGroups","IconCommunity","IconOrders","auth","computed","module","onMounted","users.actions","auth.state","memberships.mutations","users.state","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkRA,UAAM,QAAQA,UAAAA,SAAQ;AACtB,UAAM,SAASC,UAAAA,UAAS;AAExB,UAAM,OAAOC,IAAAA,IAAI,KAAK;AAEtB,UAAM,QAAQC,IAAAA,OAAO,OAAO;AAE5B,UAAM,gBAAgB;AAAA,MACpB,QAAQ;AAAA,QACN,aAAa;AAAA,QACb,OAAO;AAAA,QACP,MAAMC,WAAAA;AAAAA,MACV;AAAA,MACE,eAAe;AAAA,QACb,aAAa;AAAA,QACb,OAAO;AAAA,QACP,MAAMC,WAAAA;AAAAA,MACV;AAAA,MACE,WAAW;AAAA,QACT,aAAa;AAAA,QACb,OAAO;AAAA,QACP,MAAMC,cAAAA;AAAAA,MACV;AAAA,MACE,QAAQ;AAAA,QACN,aAAa;AAAA,QACb,OAAO;AAAA,QACP,MAAMC,WAAAA;AAAAA,QACN,SAAS,CAACC,UAASA,MAAK,MAAM,SAC5BA,MAAK,MAAM,KAAK,QAAQ,MAAM,OAAO,OACpCA,MAAK,MAAM,UAAUA,MAAK,MAAM,OAAO,UACrCA,MAAK,MAAM,OAAO,MAAM,SAAS,gBAAgB,KACjDA,MAAK,MAAM,OAAO,MAAM,SAAS,YAAY;AAAA,MAGtD;AAAA,IACA;AAEA,UAAM,kBAAkBC,IAAAA,SAAS,MAAM;AACrC,aAAO,MAAM,QACV,IAAI,gBAAc;AACjB,eAAO;AAAA,UACL,MAAM;AAAA,UACN,GAAG,cAAc,UAAU;AAAA,QACnC;AAAA,MACI,CAAC,EACA,OAAO,CAAAC,YAAU;AAEhB,YAAI,CAAC,cAAcA,QAAO,IAAI,EAAG,QAAO;AAGxC,YAAIA,QAAO,WAAW,OAAOA,QAAO,YAAY,YAAY;AAC1D,iBAAOA,QAAO,QAAQ,IAAI;AAAA,QAC5B;AAGA,eAAO;AAAA,MACT,CAAC;AAAA,IACL,CAAC;AAEDC,QAAAA,UAAU,YAAY;AACpB,YAAMC,cAAc,KAAK,EAAE,KAAK,MAAM,OAAO,KAAK,MAAMC,KAAAA,MAAW,KAAK,IAAG,CAAE;AAC7E,WAAK,QAAQ;AAAA,IACf,CAAC;AAED,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAM,GAAI,YAAY,iBAAiB;AAC3FC,4BAAsB,uBAAuBC,MAAAA,MAAY,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IACxH;AAEA,aAAS,SAAU;AACjBC,WAAAA,QAAa,OAAM;AAEnB,aAAO,KAAK,EAAC,MAAM,UAAS,CAAC;AAAA,IAC/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,9 +1,9 @@
 import { ref, inject, computed, onMounted, resolveComponent, createElementBlock, createCommentVNode, openBlock, createElementVNode, createVNode, createBlock, unref, withCtx, toDisplayString, Fragment, renderList, normalizeClass, resolveDynamicComponent } from "vue";
 /* empty css                                         */
-/* empty css                                          */
+/* empty css                                           */
 /* empty css                                          */
 import _sfc_main$5 from "../../../../../components/Dropdown/Dropdown.vue2.js";
-import _sfc_main$a from "../../../../../components/Menu/Menu.vue2.js";
+import _sfc_main$a from "../../../../../components/Menu/Menu.vue.js";
 import _sfc_main$b from "../../../../../components/Menu/MenuItem.vue.js";
 import _sfc_main$7 from "../../../../organizations/components/elements/ButtonToggleMembership.vue.js";
 import _sfc_main$6 from "../../../../reports/components/sections/FormReport.vue.js";
@@ -246,7 +246,7 @@ const _sfc_main = {
               }),
               createVNode(_sfc_main$b, {
                 onClick: _cache[4] || (_cache[4] = ($event) => unref(router).push({
-                  name: "User Edit Profile",
+                  name: "Profile Edit Profile",
                   params: {
                     _id: unref(route).params._id
                   }

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

@@ -1 +1 @@
-{"version":3,"file":"Profile.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/Profile.vue"],"sourcesContent":["<template>\n\t<div \n\t\tv-if=\"show\"\n\t\tclass=\"for-transition bg-white w-100\"\n\t>\n\t\t<div \n\t\t\tv-if=\"users.state.current?.status === 'removed'\"\n\t\t\tclass=\"flex-center flex pd-medium radius-big bg-light uppercase t-semi w-100 h-100\"\n\t\t>\n\t\t\tSorry, user has been removed.\n\t\t</div>\n\n\t\t<div \n\t\t\tv-else\n\t\t\t_id=\"dash\" \n\t\t\tclass=\"pd-thin w-100\"\n\t\t>\n\t\t\t<!-- <Completion \n\t\t\t\tv-if=\"route.params._id === auth.state.user._id && show\" \n\t\t    :user=\"auth.state.user._id\"\n\t\t    :target=\"users.state.current\"\n\t\t    :cta=\"false\" \n\t\t    text_cta=\"Fill\"\n\t\t    text=\"Profile completed at\"\n\t\t    class=\"mn-b-medium mn-b-regular pd-medium radius-semi t-white bg-second\"\n\t\t\t/> -->\n\n\t\t\t<section \n\t\t\t\tclass=\"flex-center pos-relative flex flex-column t-center w-100 mn-b-regular radius-medium pd-medium bg-light\"\n\t\t\t>\n\n\t\t\t\t<Dropdown \n\t\t\t\t\tv-if=\"route.params._id && route.params._id !== auth.state.user._id\"\n\t\t\t\t\t:label=\"'...'\" \n\t\t\t\t\t:align=\"'right'\"\n\t\t\t\t\tclass=\"cursor-pointer pos-absolute pos-r-0 pos-t-0 pd-thin radius-extra \"\n\t\t\t\t>\n\t\t\t\t\t<section \n\t\t\t\t\t\tclass=\"bg-black pd-thin radius-small\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<FormReport \n\t\t\t\t\t\t\t:user=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:type=\"'user'\" \n\t\t\t\t\t\t\t:target=\"users.state.current._id\" \n\t\t\t\t\t\t\t:text=\"'Report'\" \n\t\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<button \n\t\t\t\t\t\t\t\tclass=\"w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tReport\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</FormReport>\n\n\t\t\t\t\t\t<ButtonToggleMembership\n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t      :user=\"auth.state.user._id\"\n\t\t\t\t      :type=\"'user'\" \n\t\t\t      \t:role=\"'blocked'\" \n\t\t\t\t      :target=\"users.state.current._id\" \n\t\t\t\t      :status=\"users.state.current.isBlocked\" \n\t\t\t\t      :text=\"{create: 'Block', remove: 'Unblock'}\"\n\t\t\t\t      @updateMembership=\"event => handleMembershipUpdate(event, 'isBlocked')\"\n\t\t\t\t      class=\"t-white mn-t-thin bg-red\" \n\t\t\t    \t/>\n\t\t\t\t\t</section>\n\t      </Dropdown>\t\n\n\n\t\t\t\t<IconEdit\n\t\t\t\t\tv-if=\"route.params._id === auth.state.user._id\"\n\t\t\t\t\t@click=\"$router.push({\n\t\t\t\t\t\tname: 'User Edit Profile', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: auth.state.user._id\n\t\t\t\t\t\t}\n\t\t\t\t\t})\" \n\t\t\t\t\tclass=\"cursor-pointer pos-absolute pos-t-regular pos-r-regular i-regular t-transp\"\n\t\t\t\t/>\n\n\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\tv-if=\"users.state.current.profile.photo && users.state.current.profile.photo.length > 0\" \n\t\t\t\t\t:src=\"(FILE_SERVER_URL || '')+ users.state.current.profile.photo\" \n\t\t\t\t\tclass=\"radius-extra bg-white mn-b-small object-fit-cover i-extra\" \n\t\t\t\t/>\n\t\t\t\t\n\t\t\t\t<PlaceholderUserpic \n\t\t\t\t\tv-else \n\t\t\t\t\tclass=\"radius-medium mn-b-small i-extra\"\n\t\t\t\t/>\n\n\t\t\t\t<h3 \n\t\t\t\t\tclass=\"mn-b-thin\"\n\t\t\t\t>\n\t\t\t\t\t{{users.state.current.profile.name ? users.state.current.profile.name : 'Anonymous' }}\n\t\t\t\t</h3>\n\t\t\t\t\n\t\t\t\t<p \n\t\t\t\t\tv-if=\"users.state.current.username\"\n\t\t\t\t\tclass=\"mn-b-thin t-main t-semi\"\n\t\t\t\t>\n\t\t\t\t\t@{{ users.state.current.username ? users.state.current.username : 'Not specified' }}\n\t\t\t\t</p>\n\n\t\t\t\t<p \n\t\t\t\t\tclass=\"mn-b-small p-medium\"\n\t\t\t\t>\n\t\t\t\t {{ users.state.current.profile.description ? users.state.current.profile.description : 'Bio not specified' }}\n\t\t\t\t</p>\n\t\t\t\t\n\t\t\t\t<div class=\"mn-b-medium flex-center flex-nowrap flex\">\n\t\t\t\t\t<div \n\t\t\t\t\t  v-for=\"(role,index) in users.state.current.roles\" \n\t\t\t\t\t  class=\"pd-thin radius-small t-semi bg-white\" \n\t\t\t\t\t  :class=\"{'mn-r-thin': index !== users.state.current.roles.length - 1}\"\n\t\t\t\t\t >\n\t\t\t\t\t\t{{role.icon}}\n\t\t\t\t\t\t{{role.name}}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\t\t\t\n\n\t\t\t\t<p \n\t\t\t\t\tclass=\"t-semi mn-b-small\"\n\t\t\t\t>\n\t\t\t\t\t<!-- 👍 3 212 likes ·  -->\n\t\t\t\t\t<!-- 💬 342 comments ·  -->\n\t\t\t\t\t👨‍👨‍👧‍👧 {{users.state.current.numberOfSubscribers}} followers\n\t\t\t\t</p>\n\t\t\t\t\n\t    \t<ButtonToggleMembership\n\t    \t\tv-if=\"auth.state.user._id && route.params._id && route.params._id !== auth.state.user._id\"\n\t\t      :user=\"auth.state.user._id\"\n\t\t      :type=\"'user'\" \n\t      \t:role=\"'subscriber'\" \n\t\t      :target=\"users.state.current._id\" \n\t\t      :status=\"users.state.current.isSubscriber\" \n\t\t\t\t\t:text=\"{create: 'Follow', remove: 'Unfollow'}\"\n\t\t      @updateMembership=\"event => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')\"\n\t\t      class=\"w-min mn-b-medium\tmn-r-auto mn-l-auto\" \n\t    \t/>\n\n\t    \t<h4 \n\t      \tv-if=\"Object.values(users.state.current.socials).some(value => value)\" \n\t      \tclass=\"mn-t-small mn-b-thin\"\n\t      >\n\t    \t\tFind Me in Socials\n\t    \t</h4>\n\t     \t<Socials \n\t     \t\t:telegram=\"users.state.current.socials.telegram\"\n\t     \t\t:facebook=\"users.state.current.socials.facebook\"\n\t     \t\t:instagram=\"users.state.current.socials.instagram\"\n\t     \t\t:twitter=\"users.state.current.socials.twitter\"\n\t     \t\tclass=\"mn-r-auto mn-l-auto\"\n\t     \t/>\n\n\t\t\t</section>\n\t\t\t\n\t\t\t<RouterView />\n\n\t\t\t<Menu v-if=\"filteredModules.length > 0\" class=\"mn-b-regular bg-light\">\n\t      <MenuItem \n\t        v-for=\"module in filteredModules\" \n\t        :key=\"module.name\"\n\t        @click=\"router.push({\n\t          name: `${module.route}`, \n\t          params: {\n\t            _id: route.params._id,\n\t            user: route.params._id\n\t          }\n\t        })\" \n\t        class=\"profile-menu-item cursor-pointer\"\n\t      >\n\t        <component \n\t          :is=\"module.icon\" \n\t          v-if=\"module.icon\"\n\t          class=\"i-semi\" \n\t          :icon=\"true\"\n\t        />\n\t        <span>{{ module.displayName }}</span>\n      \t</MenuItem>\n   \t\t</Menu>\n\t\t\t  \n\t\t\t<Menu \n\t\t\t\tv-if=\"auth.state.user._id === route.params._id\"\n\t\t\t\tclass=\"bg-light\"\n\t\t\t>\n\t\t\t\t<MenuItem \n\t\t\t  \t@click=\"router.push({\n\t\t\t  \t\tname: 'Notifications', \n\t\t\t  \t\tparams: {\n\t\t\t  \t\t\t_id: route.params._id\n\t\t\t  \t\t}\n\t\t\t  \t})\" \n\t\t\t  \tclass=\"cursor-pointer\">\n\t\t\t    <span>\n\t\t\t    \tNotifications\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\t\t\t  <MenuItem \n\t\t\t  \t@click=\"router.push({\n\t\t\t  \t\tname: 'User Edit Profile', \n\t\t\t  \t\tparams: {\n\t\t\t  \t\t\t_id: route.params._id\n\t\t\t  \t\t}\n\t\t\t  \t})\" \n\t\t\t  \tclass=\"cursor-pointer\">\n\t\t\t    <span>\n\t\t\t    \tSettings\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\n\t\t\t  <MenuItem \n\t\t\t  \t@click=\"router.push({\n\t\t\t  \t\tname: 'Legal', \n\t\t\t  \t\tparams: {\n\t\t\t  \t\t\t_id: route.params._id\n\t\t\t  \t\t}\n\t\t\t  \t})\" \n\t\t\t  \tclass=\"cursor-pointer\">\n\t\t\t    <span>\n\t\t\t    \tAbout\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\t\t\t  \n\t\t\t  <MenuItem \n\t\t\t  \tclass=\"cursor-pointer\"\n\t\t\t\t\t@click=\"logout()\"\n\t\t\t  >\n\t\t\t    <span \n\t\t\t    \tclass=\"t-red\"\n\t\t\t    >\n\t\t\t    \tLogout\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\t\t\t</Menu>\n\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\n// Import components\nimport Field         from '@martyrs/src/components/Field/Field.vue'\nimport Button        from '@martyrs/src/components/Button/Button.vue'\nimport Dropdown from \"@martyrs/src/components/Dropdown/Dropdown.vue\";\nimport Completion from '@martyrs/src/components/Completion/Completion.vue'\n// Mobile Module\nimport Menu from '@martyrs/src/components/Menu/Menu.vue'\nimport MenuItem from '@martyrs/src/components/Menu/MenuItem.vue'\n// Org Module\nimport ButtonToggleMembership from '@martyrs/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n// Report Module\nimport FormReport from '@martyrs/src/modules/reports/components/sections/FormReport.vue'   \n// Community Module \nimport Activity from '@martyrs/src/modules/community/components/blocks/Activity.vue'; \nimport Socials from '@martyrs/src/modules/organizations/components/blocks/Socials.vue'\n// Icons Module\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue'\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue'\n\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\nimport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue'\n// Import libs\nimport { computed, watch, onMounted, ref, onBeforeMount, inject } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\n\n// Import state\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as users from '@martyrs/src/modules/auth/views/store/users.js'\nimport * as memberships from '@martyrs/src/modules/organizations/store/memberships.js'\n// Accessing router\nconst route = useRoute()\nconst router = useRouter()\n// Get organization _id from cookie\nconst show = ref(false)\n\nconst store = inject('store')\n\nconst moduleMapping = {\n  events: {\n    displayName: 'Events',\n    route: 'User Events',\n    icon: IconEvents\n  },\n  organizations: {\n    displayName: 'Groups',\n    route: 'User Organizations',\n    icon: IconGroups\n  },\n  blogposts: {\n    displayName: 'Posts',\n    route: 'User Posts',\n    icon: IconCommunity\n  },\n  orders: {\n    displayName: 'Orders',\n    route: 'UserOrdersList',\n    icon: IconOrders,\n    visible: (auth) => auth.state.user && (\n      auth.state.user._id === route.params._id || \n      (auth.state.access && auth.state.access.roles && \n        (auth.state.access.roles.includes('ROLE_MODERATOR') || \n         auth.state.access.roles.includes('ROLE_ADMIN'))\n      )\n    )\n  }\n}\n\nconst filteredModules = computed(() => {\n  return store.modules\n    .map(moduleName => {\n      return {\n        name: moduleName,\n        ...moduleMapping[moduleName]\n      }\n    })\n    .filter(module => {\n      // Проверяем существование маппинга для модуля\n      if (!moduleMapping[module.name]) return false;\n      \n      // Проверяем видимость модуля, если есть условие visible\n      if (module.visible && typeof module.visible === 'function') {\n        return module.visible(auth);\n      }\n      \n      // По умолчанию показываем модуль, если есть маппинг\n      return true;\n    })\n})\n\nonMounted(async () => {\n \tawait users.actions.read({ _id: route.params._id, user: auth.state.user._id });\n \tshow.value = true\n})\n\nconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n  memberships.mutations.handleMembershipUpdate(users.state.current, membership, status, target, statusName, statusNumber)\n};\n\nfunction logout () {\n  auth.actions.logout()\n\n  router.push({name: 'Sign In'})\n}\n</script>\n\n<style lang=\"scss\">\n\t#header {\n\t\t// height: 3rem;\n\t}\n</style>\n"],"names":["IconEvents","IconGroups","IconCommunity","IconOrders","auth","users.actions","auth.state","memberships.mutations","users.state","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkRA,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,UAAM,OAAO,IAAI,KAAK;AAEtB,UAAM,QAAQ,OAAO,OAAO;AAE5B,UAAM,gBAAgB;AAAA,MACpB,QAAQ;AAAA,QACN,aAAa;AAAA,QACb,OAAO;AAAA,QACP,MAAMA;AAAAA,MACV;AAAA,MACE,eAAe;AAAA,QACb,aAAa;AAAA,QACb,OAAO;AAAA,QACP,MAAMC;AAAAA,MACV;AAAA,MACE,WAAW;AAAA,QACT,aAAa;AAAA,QACb,OAAO;AAAA,QACP,MAAMC;AAAAA,MACV;AAAA,MACE,QAAQ;AAAA,QACN,aAAa;AAAA,QACb,OAAO;AAAA,QACP,MAAMC;AAAAA,QACN,SAAS,CAACC,UAASA,MAAK,MAAM,SAC5BA,MAAK,MAAM,KAAK,QAAQ,MAAM,OAAO,OACpCA,MAAK,MAAM,UAAUA,MAAK,MAAM,OAAO,UACrCA,MAAK,MAAM,OAAO,MAAM,SAAS,gBAAgB,KACjDA,MAAK,MAAM,OAAO,MAAM,SAAS,YAAY;AAAA,MAGtD;AAAA,IACA;AAEA,UAAM,kBAAkB,SAAS,MAAM;AACrC,aAAO,MAAM,QACV,IAAI,gBAAc;AACjB,eAAO;AAAA,UACL,MAAM;AAAA,UACN,GAAG,cAAc,UAAU;AAAA,QACnC;AAAA,MACI,CAAC,EACA,OAAO,YAAU;AAEhB,YAAI,CAAC,cAAc,OAAO,IAAI,EAAG,QAAO;AAGxC,YAAI,OAAO,WAAW,OAAO,OAAO,YAAY,YAAY;AAC1D,iBAAO,OAAO,QAAQ,IAAI;AAAA,QAC5B;AAGA,eAAO;AAAA,MACT,CAAC;AAAA,IACL,CAAC;AAED,cAAU,YAAY;AACpB,YAAMC,QAAc,KAAK,EAAE,KAAK,MAAM,OAAO,KAAK,MAAMC,MAAW,KAAK,IAAG,CAAE;AAC7E,WAAK,QAAQ;AAAA,IACf,CAAC;AAED,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAM,GAAI,YAAY,iBAAiB;AAC3FC,gBAAsB,uBAAuBC,QAAY,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IACxH;AAEA,aAAS,SAAU;AACjBC,gBAAa,OAAM;AAEnB,aAAO,KAAK,EAAC,MAAM,UAAS,CAAC;AAAA,IAC/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Profile.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/Profile.vue"],"sourcesContent":["<template>\n\t<div \n\t\tv-if=\"show\"\n\t\tclass=\"for-transition bg-white w-100\"\n\t>\n\t\t<div \n\t\t\tv-if=\"users.state.current?.status === 'removed'\"\n\t\t\tclass=\"flex-center flex pd-medium radius-big bg-light uppercase t-semi w-100 h-100\"\n\t\t>\n\t\t\tSorry, user has been removed.\n\t\t</div>\n\n\t\t<div \n\t\t\tv-else\n\t\t\t_id=\"dash\" \n\t\t\tclass=\"pd-thin w-100\"\n\t\t>\n\t\t\t<!-- <Completion \n\t\t\t\tv-if=\"route.params._id === auth.state.user._id && show\" \n\t\t    :user=\"auth.state.user._id\"\n\t\t    :target=\"users.state.current\"\n\t\t    :cta=\"false\" \n\t\t    text_cta=\"Fill\"\n\t\t    text=\"Profile completed at\"\n\t\t    class=\"mn-b-medium mn-b-regular pd-medium radius-semi t-white bg-second\"\n\t\t\t/> -->\n\n\t\t\t<section \n\t\t\t\tclass=\"flex-center pos-relative flex flex-column t-center w-100 mn-b-regular radius-medium pd-medium bg-light\"\n\t\t\t>\n\n\t\t\t\t<Dropdown \n\t\t\t\t\tv-if=\"route.params._id && route.params._id !== auth.state.user._id\"\n\t\t\t\t\t:label=\"'...'\" \n\t\t\t\t\t:align=\"'right'\"\n\t\t\t\t\tclass=\"cursor-pointer pos-absolute pos-r-0 pos-t-0 pd-thin radius-extra \"\n\t\t\t\t>\n\t\t\t\t\t<section \n\t\t\t\t\t\tclass=\"bg-black pd-thin radius-small\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<FormReport \n\t\t\t\t\t\t\t:user=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:type=\"'user'\" \n\t\t\t\t\t\t\t:target=\"users.state.current._id\" \n\t\t\t\t\t\t\t:text=\"'Report'\" \n\t\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<button \n\t\t\t\t\t\t\t\tclass=\"w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tReport\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</FormReport>\n\n\t\t\t\t\t\t<ButtonToggleMembership\n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t      :user=\"auth.state.user._id\"\n\t\t\t\t      :type=\"'user'\" \n\t\t\t      \t:role=\"'blocked'\" \n\t\t\t\t      :target=\"users.state.current._id\" \n\t\t\t\t      :status=\"users.state.current.isBlocked\" \n\t\t\t\t      :text=\"{create: 'Block', remove: 'Unblock'}\"\n\t\t\t\t      @updateMembership=\"event => handleMembershipUpdate(event, 'isBlocked')\"\n\t\t\t\t      class=\"t-white mn-t-thin bg-red\" \n\t\t\t    \t/>\n\t\t\t\t\t</section>\n\t      </Dropdown>\t\n\n\n\t\t\t\t<IconEdit\n\t\t\t\t\tv-if=\"route.params._id === auth.state.user._id\"\n\t\t\t\t\t@click=\"$router.push({\n\t\t\t\t\t\tname: 'User Edit Profile', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: auth.state.user._id\n\t\t\t\t\t\t}\n\t\t\t\t\t})\" \n\t\t\t\t\tclass=\"cursor-pointer pos-absolute pos-t-regular pos-r-regular i-regular t-transp\"\n\t\t\t\t/>\n\n\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\tv-if=\"users.state.current.profile.photo && users.state.current.profile.photo.length > 0\" \n\t\t\t\t\t:src=\"(FILE_SERVER_URL || '')+ users.state.current.profile.photo\" \n\t\t\t\t\tclass=\"radius-extra bg-white mn-b-small object-fit-cover i-extra\" \n\t\t\t\t/>\n\t\t\t\t\n\t\t\t\t<PlaceholderUserpic \n\t\t\t\t\tv-else \n\t\t\t\t\tclass=\"radius-medium mn-b-small i-extra\"\n\t\t\t\t/>\n\n\t\t\t\t<h3 \n\t\t\t\t\tclass=\"mn-b-thin\"\n\t\t\t\t>\n\t\t\t\t\t{{users.state.current.profile.name ? users.state.current.profile.name : 'Anonymous' }}\n\t\t\t\t</h3>\n\t\t\t\t\n\t\t\t\t<p \n\t\t\t\t\tv-if=\"users.state.current.username\"\n\t\t\t\t\tclass=\"mn-b-thin t-main t-semi\"\n\t\t\t\t>\n\t\t\t\t\t@{{ users.state.current.username ? users.state.current.username : 'Not specified' }}\n\t\t\t\t</p>\n\n\t\t\t\t<p \n\t\t\t\t\tclass=\"mn-b-small p-medium\"\n\t\t\t\t>\n\t\t\t\t {{ users.state.current.profile.description ? users.state.current.profile.description : 'Bio not specified' }}\n\t\t\t\t</p>\n\t\t\t\t\n\t\t\t\t<div class=\"mn-b-medium flex-center flex-nowrap flex\">\n\t\t\t\t\t<div \n\t\t\t\t\t  v-for=\"(role,index) in users.state.current.roles\" \n\t\t\t\t\t  class=\"pd-thin radius-small t-semi bg-white\" \n\t\t\t\t\t  :class=\"{'mn-r-thin': index !== users.state.current.roles.length - 1}\"\n\t\t\t\t\t >\n\t\t\t\t\t\t{{role.icon}}\n\t\t\t\t\t\t{{role.name}}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\t\t\t\n\n\t\t\t\t<p \n\t\t\t\t\tclass=\"t-semi mn-b-small\"\n\t\t\t\t>\n\t\t\t\t\t<!-- 👍 3 212 likes ·  -->\n\t\t\t\t\t<!-- 💬 342 comments ·  -->\n\t\t\t\t\t👨‍👨‍👧‍👧 {{users.state.current.numberOfSubscribers}} followers\n\t\t\t\t</p>\n\t\t\t\t\n\t    \t<ButtonToggleMembership\n\t    \t\tv-if=\"auth.state.user._id && route.params._id && route.params._id !== auth.state.user._id\"\n\t\t      :user=\"auth.state.user._id\"\n\t\t      :type=\"'user'\" \n\t      \t:role=\"'subscriber'\" \n\t\t      :target=\"users.state.current._id\" \n\t\t      :status=\"users.state.current.isSubscriber\" \n\t\t\t\t\t:text=\"{create: 'Follow', remove: 'Unfollow'}\"\n\t\t      @updateMembership=\"event => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')\"\n\t\t      class=\"w-min mn-b-medium\tmn-r-auto mn-l-auto\" \n\t    \t/>\n\n\t    \t<h4 \n\t      \tv-if=\"Object.values(users.state.current.socials).some(value => value)\" \n\t      \tclass=\"mn-t-small mn-b-thin\"\n\t      >\n\t    \t\tFind Me in Socials\n\t    \t</h4>\n\t     \t<Socials \n\t     \t\t:telegram=\"users.state.current.socials.telegram\"\n\t     \t\t:facebook=\"users.state.current.socials.facebook\"\n\t     \t\t:instagram=\"users.state.current.socials.instagram\"\n\t     \t\t:twitter=\"users.state.current.socials.twitter\"\n\t     \t\tclass=\"mn-r-auto mn-l-auto\"\n\t     \t/>\n\n\t\t\t</section>\n\t\t\t\n\t\t\t<RouterView />\n\n\t\t\t<Menu v-if=\"filteredModules.length > 0\" class=\"mn-b-regular bg-light\">\n\t      <MenuItem \n\t        v-for=\"module in filteredModules\" \n\t        :key=\"module.name\"\n\t        @click=\"router.push({\n\t          name: `${module.route}`, \n\t          params: {\n\t            _id: route.params._id,\n\t            user: route.params._id\n\t          }\n\t        })\" \n\t        class=\"profile-menu-item cursor-pointer\"\n\t      >\n\t        <component \n\t          :is=\"module.icon\" \n\t          v-if=\"module.icon\"\n\t          class=\"i-semi\" \n\t          :icon=\"true\"\n\t        />\n\t        <span>{{ module.displayName }}</span>\n      \t</MenuItem>\n   \t\t</Menu>\n\t\t\t  \n\t\t\t<Menu \n\t\t\t\tv-if=\"auth.state.user._id === route.params._id\"\n\t\t\t\tclass=\"bg-light\"\n\t\t\t>\n\t\t\t\t<MenuItem \n\t\t\t  \t@click=\"router.push({\n\t\t\t  \t\tname: 'Notifications', \n\t\t\t  \t\tparams: {\n\t\t\t  \t\t\t_id: route.params._id\n\t\t\t  \t\t}\n\t\t\t  \t})\" \n\t\t\t  \tclass=\"cursor-pointer\">\n\t\t\t    <span>\n\t\t\t    \tNotifications\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\t\t\t  <MenuItem \n\t\t\t  \t@click=\"router.push({\n\t\t\t  \t\tname: 'Profile Edit Profile', \n\t\t\t  \t\tparams: {\n\t\t\t  \t\t\t_id: route.params._id\n\t\t\t  \t\t}\n\t\t\t  \t})\" \n\t\t\t  \tclass=\"cursor-pointer\">\n\t\t\t    <span>\n\t\t\t    \tSettings\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\n\t\t\t  <MenuItem \n\t\t\t  \t@click=\"router.push({\n\t\t\t  \t\tname: 'Legal', \n\t\t\t  \t\tparams: {\n\t\t\t  \t\t\t_id: route.params._id\n\t\t\t  \t\t}\n\t\t\t  \t})\" \n\t\t\t  \tclass=\"cursor-pointer\">\n\t\t\t    <span>\n\t\t\t    \tAbout\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\t\t\t  \n\t\t\t  <MenuItem \n\t\t\t  \tclass=\"cursor-pointer\"\n\t\t\t\t\t@click=\"logout()\"\n\t\t\t  >\n\t\t\t    <span \n\t\t\t    \tclass=\"t-red\"\n\t\t\t    >\n\t\t\t    \tLogout\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\t\t\t</Menu>\n\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\n// Import components\nimport Field         from '@martyrs/src/components/Field/Field.vue'\nimport Button        from '@martyrs/src/components/Button/Button.vue'\nimport Dropdown from \"@martyrs/src/components/Dropdown/Dropdown.vue\";\nimport Completion from '@martyrs/src/components/Completion/Completion.vue'\n// Mobile Module\nimport Menu from '@martyrs/src/components/Menu/Menu.vue'\nimport MenuItem from '@martyrs/src/components/Menu/MenuItem.vue'\n// Org Module\nimport ButtonToggleMembership from '@martyrs/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n// Report Module\nimport FormReport from '@martyrs/src/modules/reports/components/sections/FormReport.vue'   \n// Community Module \nimport Activity from '@martyrs/src/modules/community/components/blocks/Activity.vue'; \nimport Socials from '@martyrs/src/modules/organizations/components/blocks/Socials.vue'\n// Icons Module\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue'\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue'\n\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\nimport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue'\n// Import libs\nimport { computed, watch, onMounted, ref, onBeforeMount, inject } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\n\n// Import state\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as users from '@martyrs/src/modules/auth/views/store/users.js'\nimport * as memberships from '@martyrs/src/modules/organizations/store/memberships.js'\n// Accessing router\nconst route = useRoute()\nconst router = useRouter()\n// Get organization _id from cookie\nconst show = ref(false)\n\nconst store = inject('store')\n\nconst moduleMapping = {\n  events: {\n    displayName: 'Events',\n    route: 'User Events',\n    icon: IconEvents\n  },\n  organizations: {\n    displayName: 'Groups',\n    route: 'User Organizations',\n    icon: IconGroups\n  },\n  blogposts: {\n    displayName: 'Posts',\n    route: 'User Posts',\n    icon: IconCommunity\n  },\n  orders: {\n    displayName: 'Orders',\n    route: 'UserOrdersList',\n    icon: IconOrders,\n    visible: (auth) => auth.state.user && (\n      auth.state.user._id === route.params._id || \n      (auth.state.access && auth.state.access.roles && \n        (auth.state.access.roles.includes('ROLE_MODERATOR') || \n         auth.state.access.roles.includes('ROLE_ADMIN'))\n      )\n    )\n  }\n}\n\nconst filteredModules = computed(() => {\n  return store.modules\n    .map(moduleName => {\n      return {\n        name: moduleName,\n        ...moduleMapping[moduleName]\n      }\n    })\n    .filter(module => {\n      // Проверяем существование маппинга для модуля\n      if (!moduleMapping[module.name]) return false;\n      \n      // Проверяем видимость модуля, если есть условие visible\n      if (module.visible && typeof module.visible === 'function') {\n        return module.visible(auth);\n      }\n      \n      // По умолчанию показываем модуль, если есть маппинг\n      return true;\n    })\n})\n\nonMounted(async () => {\n \tawait users.actions.read({ _id: route.params._id, user: auth.state.user._id });\n \tshow.value = true\n})\n\nconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n  memberships.mutations.handleMembershipUpdate(users.state.current, membership, status, target, statusName, statusNumber)\n};\n\nfunction logout () {\n  auth.actions.logout()\n\n  router.push({name: 'Sign In'})\n}\n</script>\n\n<style lang=\"scss\">\n\t#header {\n\t\t// height: 3rem;\n\t}\n</style>\n"],"names":["IconEvents","IconGroups","IconCommunity","IconOrders","auth","users.actions","auth.state","memberships.mutations","users.state","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkRA,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,UAAM,OAAO,IAAI,KAAK;AAEtB,UAAM,QAAQ,OAAO,OAAO;AAE5B,UAAM,gBAAgB;AAAA,MACpB,QAAQ;AAAA,QACN,aAAa;AAAA,QACb,OAAO;AAAA,QACP,MAAMA;AAAAA,MACV;AAAA,MACE,eAAe;AAAA,QACb,aAAa;AAAA,QACb,OAAO;AAAA,QACP,MAAMC;AAAAA,MACV;AAAA,MACE,WAAW;AAAA,QACT,aAAa;AAAA,QACb,OAAO;AAAA,QACP,MAAMC;AAAAA,MACV;AAAA,MACE,QAAQ;AAAA,QACN,aAAa;AAAA,QACb,OAAO;AAAA,QACP,MAAMC;AAAAA,QACN,SAAS,CAACC,UAASA,MAAK,MAAM,SAC5BA,MAAK,MAAM,KAAK,QAAQ,MAAM,OAAO,OACpCA,MAAK,MAAM,UAAUA,MAAK,MAAM,OAAO,UACrCA,MAAK,MAAM,OAAO,MAAM,SAAS,gBAAgB,KACjDA,MAAK,MAAM,OAAO,MAAM,SAAS,YAAY;AAAA,MAGtD;AAAA,IACA;AAEA,UAAM,kBAAkB,SAAS,MAAM;AACrC,aAAO,MAAM,QACV,IAAI,gBAAc;AACjB,eAAO;AAAA,UACL,MAAM;AAAA,UACN,GAAG,cAAc,UAAU;AAAA,QACnC;AAAA,MACI,CAAC,EACA,OAAO,YAAU;AAEhB,YAAI,CAAC,cAAc,OAAO,IAAI,EAAG,QAAO;AAGxC,YAAI,OAAO,WAAW,OAAO,OAAO,YAAY,YAAY;AAC1D,iBAAO,OAAO,QAAQ,IAAI;AAAA,QAC5B;AAGA,eAAO;AAAA,MACT,CAAC;AAAA,IACL,CAAC;AAED,cAAU,YAAY;AACpB,YAAMC,QAAc,KAAK,EAAE,KAAK,MAAM,OAAO,KAAK,MAAMC,MAAW,KAAK,IAAG,CAAE;AAC7E,WAAK,QAAQ;AAAA,IACf,CAAC;AAED,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAM,GAAI,YAAY,iBAAiB;AAC3FC,gBAAsB,uBAAuBC,QAAY,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IACxH;AAEA,aAAS,SAAU;AACjBC,gBAAa,OAAM;AAEnB,aAAO,KAAK,EAAC,MAAM,UAAS,CAAC;AAAA,IAC/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -2,30 +2,62 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Popup = require("../../../../../components/Popup/Popup.vue.cjs");
+const Loader = require("../../../../../components/Loader/Loader.vue.cjs");
 const ProfileEditSidebar = require("./ProfileEditSidebar.vue.cjs");
 const vueRouter = require("vue-router");
-const _hoisted_1 = { class: "flex gap-medium" };
-const _hoisted_2 = { class: "flex-grow" };
+const auth = require("../../store/auth.cjs");
+const users = require("../../store/users.cjs");
+const _hoisted_1 = {
+  key: 0,
+  class: "flex-center h-100"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "flex h-min-100 flex-row mobile:flex-column gap-medium"
+};
 const _sfc_main = {
   __name: "ProfileEdit",
   setup(__props) {
+    const route = vueRouter.useRoute();
     const router = vueRouter.useRouter();
+    const loading = vue.ref(true);
+    const userData = vue.ref(null);
+    vue.onMounted(async () => {
+      try {
+        const userId = route.params._id || auth.state.user._id;
+        await users.actions.read({ _id: userId, user: auth.state.user._id });
+        userData.value = users.state.current;
+      } catch (error) {
+        console.error("Error loading user data:", error);
+      } finally {
+        loading.value = false;
+      }
+    });
+    vue.provide("userData", userData);
     return (_ctx, _cache) => {
       const _component_RouterView = vue.resolveComponent("RouterView");
       return vue.openBlock(), vue.createBlock(Popup.default, {
         isPopupOpen: true,
-        onClosePopup: _cache[0] || (_cache[0] = ($event) => vue.unref(router).back()),
+        onClosePopup: _cache[0] || (_cache[0] = ($event) => vue.unref(router).push({
+          name: "User Profile",
+          params: {
+            _id: auth.state.user._id
+          },
+          query: {
+            afterAuth: "true"
+          }
+        })),
         title: "Edit Profile",
         align: "center center",
-        class: "w-100 max-w-40r bg-white radius-medium pd-medium"
+        class: "w-m-33r h-40r mobile:h-100 h-m-40r bg-white radius-medium pd-medium"
       }, {
         default: vue.withCtx(() => [
-          vue.createElementVNode("div", _hoisted_1, [
-            vue.createVNode(ProfileEditSidebar.default, { class: "w-12r flex-shrink-0" }),
-            vue.createElementVNode("div", _hoisted_2, [
-              vue.createVNode(_component_RouterView)
-            ])
-          ])
+          loading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+            vue.createVNode(Loader.default)
+          ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+            vue.createVNode(ProfileEditSidebar.default, { class: "w-10r mobile:w-100 flex-shrink-0" }),
+            vue.createVNode(_component_RouterView, { userData: userData.value }, null, 8, ["userData"])
+          ]))
         ]),
         _: 1
       });

package/dist/martyrs/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  <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":["useRouter"],"mappings":";;;;;;;;;;;AAwBE,UAAM,SAASA,UAAAA,UAAS;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ProfileEdit.vue.cjs","sources":["../../../../../../../../src/modules/auth/views/components/pages/ProfileEdit.vue"],"sourcesContent":["<template>\n  <Popup \n    :isPopupOpen=\"true\" \n    @close-popup=\"router.push({ \n      name: 'User Profile', \n      params: { \n        _id: auth.state.user._id \n      },\n      query: { \n        afterAuth: 'true' \n      }\n    })\"\n    title=\"Edit Profile\"\n    align=\"center center\"\n    class=\"w-m-33r h-40r mobile:h-100 h-m-40r bg-white radius-medium pd-medium\"\n  >\n    <div v-if=\"loading\" class=\"flex-center h-100\">\n      <Loader />\n    </div>\n    \n    <div v-else class=\"flex h-min-100 flex-row mobile:flex-column gap-medium\">\n      <ProfileEditSidebar class=\"w-10r mobile:w-100 flex-shrink-0\" />\n      \n      <RouterView :userData=\"userData\" />\n    </div>\n  </Popup>\n</template>\n\n<script setup>\n  import Popup from '@martyrs/src/components/Popup/Popup.vue'\n  import Loader from '@martyrs/src/components/Loader/Loader.vue'\n  import ProfileEditSidebar from './ProfileEditSidebar.vue'\n  \n  import { ref, onMounted, provide } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n  \n  const route = useRoute()\n  const router = useRouter()\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 loading = ref(true)\n  const userData = ref(null)\n  \n  onMounted(async () => {\n    try {\n      const userId = route.params._id || auth.state.user._id\n      await users.actions.read({ _id: userId, user: auth.state.user._id })\n      userData.value = users.state.current\n    } catch (error) {\n      console.error('Error loading user data:', error)\n    } finally {\n      loading.value = false\n    }\n  })\n  \n  // Provide user data to nested routes\n  provide('userData', userData)\n</script>"],"names":["useRoute","useRouter","ref","onMounted","auth.state","users.actions","users.state","provide"],"mappings":";;;;;;;;;;;;;;;;;;;;AAoCE,UAAM,QAAQA,UAAAA,SAAQ;AACtB,UAAM,SAASC,UAAAA,UAAS;AAKxB,UAAM,UAAUC,IAAAA,IAAI,IAAI;AACxB,UAAM,WAAWA,IAAAA,IAAI,IAAI;AAEzBC,QAAAA,UAAU,YAAY;AACpB,UAAI;AACF,cAAM,SAAS,MAAM,OAAO,OAAOC,KAAAA,MAAW,KAAK;AACnD,cAAMC,MAAAA,QAAc,KAAK,EAAE,KAAK,QAAQ,MAAMD,KAAAA,MAAW,KAAK,IAAG,CAAE;AACnE,iBAAS,QAAQE,YAAY;AAAA,MAC/B,SAAS,OAAO;AACd,gBAAQ,MAAM,4BAA4B,KAAK;AAAA,MACjD,UAAC;AACC,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IACF,CAAC;AAGDC,QAAAA,QAAQ,YAAY,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,29 +1,61 @@
-import { resolveComponent, createBlock, openBlock, unref, withCtx, createElementVNode, createVNode } from "vue";
+import { ref, onMounted, provide, resolveComponent, createBlock, openBlock, unref, withCtx, createElementBlock, createVNode } from "vue";
 import _sfc_main$1 from "../../../../../components/Popup/Popup.vue.js";
+import Loader from "../../../../../components/Loader/Loader.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" };
+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: "flex-center h-100"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "flex h-min-100 flex-row mobile:flex-column gap-medium"
+};
 const _sfc_main = {
   __name: "ProfileEdit",
   setup(__props) {
+    const route = useRoute();
     const router = useRouter();
+    const loading = ref(true);
+    const userData = ref(null);
+    onMounted(async () => {
+      try {
+        const userId = route.params._id || state.user._id;
+        await actions.read({ _id: userId, user: state.user._id });
+        userData.value = state$1.current;
+      } catch (error) {
+        console.error("Error loading user data:", error);
+      } finally {
+        loading.value = false;
+      }
+    });
+    provide("userData", userData);
     return (_ctx, _cache) => {
       const _component_RouterView = resolveComponent("RouterView");
       return openBlock(), createBlock(_sfc_main$1, {
         isPopupOpen: true,
-        onClosePopup: _cache[0] || (_cache[0] = ($event) => unref(router).back()),
+        onClosePopup: _cache[0] || (_cache[0] = ($event) => unref(router).push({
+          name: "User Profile",
+          params: {
+            _id: state.user._id
+          },
+          query: {
+            afterAuth: "true"
+          }
+        })),
         title: "Edit Profile",
         align: "center center",
-        class: "w-100 max-w-40r bg-white radius-medium pd-medium"
+        class: "w-m-33r h-40r mobile:h-100 h-m-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)
-            ])
-          ])
+          loading.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+            createVNode(Loader)
+          ])) : (openBlock(), createElementBlock("div", _hoisted_2, [
+            createVNode(_sfc_main$2, { class: "w-10r mobile:w-100 flex-shrink-0" }),
+            createVNode(_component_RouterView, { userData: userData.value }, null, 8, ["userData"])
+          ]))
         ]),
         _: 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  <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;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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.push({ \n      name: 'User Profile', \n      params: { \n        _id: auth.state.user._id \n      },\n      query: { \n        afterAuth: 'true' \n      }\n    })\"\n    title=\"Edit Profile\"\n    align=\"center center\"\n    class=\"w-m-33r h-40r mobile:h-100 h-m-40r bg-white radius-medium pd-medium\"\n  >\n    <div v-if=\"loading\" class=\"flex-center h-100\">\n      <Loader />\n    </div>\n    \n    <div v-else class=\"flex h-min-100 flex-row mobile:flex-column gap-medium\">\n      <ProfileEditSidebar class=\"w-10r mobile:w-100 flex-shrink-0\" />\n      \n      <RouterView :userData=\"userData\" />\n    </div>\n  </Popup>\n</template>\n\n<script setup>\n  import Popup from '@martyrs/src/components/Popup/Popup.vue'\n  import Loader from '@martyrs/src/components/Loader/Loader.vue'\n  import ProfileEditSidebar from './ProfileEditSidebar.vue'\n  \n  import { ref, onMounted, provide } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n  \n  const route = useRoute()\n  const router = useRouter()\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 loading = ref(true)\n  const userData = ref(null)\n  \n  onMounted(async () => {\n    try {\n      const userId = route.params._id || auth.state.user._id\n      await users.actions.read({ _id: userId, user: auth.state.user._id })\n      userData.value = users.state.current\n    } catch (error) {\n      console.error('Error loading user data:', error)\n    } finally {\n      loading.value = false\n    }\n  })\n  \n  // Provide user data to nested routes\n  provide('userData', userData)\n</script>"],"names":["auth.state","users.actions","users.state"],"mappings":";;;;;;;;;;;;;;;;;;AAoCE,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAKxB,UAAM,UAAU,IAAI,IAAI;AACxB,UAAM,WAAW,IAAI,IAAI;AAEzB,cAAU,YAAY;AACpB,UAAI;AACF,cAAM,SAAS,MAAM,OAAO,OAAOA,MAAW,KAAK;AACnD,cAAMC,QAAc,KAAK,EAAE,KAAK,QAAQ,MAAMD,MAAW,KAAK,IAAG,CAAE;AACnE,iBAAS,QAAQE,QAAY;AAAA,MAC/B,SAAS,OAAO;AACd,gBAAQ,MAAM,4BAA4B,KAAK;AAAA,MACjD,UAAC;AACC,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IACF,CAAC;AAGD,YAAQ,YAAY,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -8,22 +8,18 @@ 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 _hoisted_1 = { class: "for-transition w-100" };
+const _hoisted_2 = { class: "bg-white mn-b-thin" };
 const _sfc_main = {
   __name: "ProfileEditAccount",
+  props: {
+    userData: {
+      type: Object,
+      required: true
+    }
+  },
   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);
     }
@@ -38,8 +34,8 @@ const _sfc_main = {
       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" }),
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(ProfileEditCredentials.default, { class: "bg-white mn-b-thin" }),
         vue.createElementVNode("div", _hoisted_2, [
           _cache[1] || (_cache[1] = vue.createElementVNode("h3", { class: "mn-b-small" }, "Settings", -1)),
           vue.createVNode(Checkbox.default, {
@@ -69,7 +65,7 @@ const _sfc_main = {
           ])),
           _: 1
         }, 8, ["callback"])
-      ])) : vue.createCommentVNode("", true);
+      ]);
     };
   }
 };

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

@@ -1 +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,UAAAA,SAAQ;AACtB,UAAM,SAASC,UAAAA,UAAS;AACxB,UAAM,OAAOC,IAAAA,IAAI,KAAK;AAEtBC,QAAAA,UAAU,YAAY;AACpB,YAAM,SAAS,MAAM,OAAO,OAAOC,KAAAA,MAAW,KAAK;AACnD,YAAMC,MAAAA,QAAc,KAAK,EAAE,KAAK,QAAQ,MAAMD,KAAAA,MAAW,KAAK,IAAG,CAAE;AACnE,WAAK,QAAQ;AAAA,IACf,CAAC;AAED,mBAAe,WAAW;AACxB,YAAMC,MAAAA,QAAc,OAAOC,MAAAA,MAAY,OAAO;AAAA,IAChD;AAEA,mBAAe,iBAAiB;AAC9B,YAAM,eAAe,OAAO,QAAQ,oHAAoH;AAExJ,UAAI,CAAC,aAAc;AAEnBA,YAAAA,MAAY,QAAQ,SAAS;AAC7B,YAAMD,MAAAA,QAAc,OAAOC,MAAAA,MAAY,OAAO;AAC9CC,WAAAA,QAAa,OAAM;AAAA,IACrB;AAEA,aAAS,aAAa;AACpB,aAAO,KAAI;AAAA,IACb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ProfileEditAccount.vue.cjs","sources":["../../../../../../../../src/modules/auth/views/components/pages/ProfileEditAccount.vue"],"sourcesContent":["<template>\n  <div class=\"for-transition w-100\">\n    <ProfileEditCredentials class=\"bg-white mn-b-thin\"/>\n\n    <div class=\"bg-white mn-b-thin \">\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 { 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 router = useRouter()\n  \n  defineProps({\n    userData: {\n      type: Object,\n      required: true\n    }\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":["useRouter","users.actions","users.state","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA2CE,UAAM,SAASA,UAAAA,UAAS;AASxB,mBAAe,WAAW;AACxB,YAAMC,MAAAA,QAAc,OAAOC,MAAAA,MAAY,OAAO;AAAA,IAChD;AAEA,mBAAe,iBAAiB;AAC9B,YAAM,eAAe,OAAO,QAAQ,oHAAoH;AAExJ,UAAI,CAAC,aAAc;AAEnBA,YAAAA,MAAY,QAAQ,SAAS;AAC7B,YAAMD,MAAAA,QAAc,OAAOC,MAAAA,MAAY,OAAO;AAC9CC,WAAAA,QAAa,OAAM;AAAA,IACrB;AAEA,aAAS,aAAa;AACpB,aAAO,KAAI;AAAA,IACb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,49 +1,45 @@
-import { ref, onMounted, createElementBlock, createCommentVNode, openBlock, createVNode, createElementVNode, withCtx, createTextVNode, unref } from "vue";
+import { createElementBlock, 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.vue2.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" };
+import { useRouter } from "vue-router";
+import { actions as actions$2 } from "../../store/auth.js";
+import { actions as actions$1, state as state$1 } from "../../store/users.js";
+import { actions, state } from "../../../../globals/views/store/globals.js";
+const _hoisted_1 = { class: "for-transition w-100" };
+const _hoisted_2 = { class: "bg-white mn-b-thin" };
 const _sfc_main = {
   __name: "ProfileEditAccount",
+  props: {
+    userData: {
+      type: Object,
+      required: true
+    }
+  },
   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);
+      await actions$1.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$2.current.status = "removed";
-      await actions.update(state$2.current);
+      state$1.current.status = "removed";
+      await actions$1.update(state$1.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" }),
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_sfc_main$1, { class: "bg-white mn-b-thin" }),
         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()),
+            radio: state.theme.darkmode,
+            "onUpdate:radio": _cache[0] || (_cache[0] = (event) => actions.toggleTheme()),
             class: "w-100 bg-light t-black pd-medium radius-small"
           }, null, 8, ["radio"])
         ]),
@@ -67,7 +63,7 @@ const _sfc_main = {
           ])),
           _: 1
         }, 8, ["callback"])
-      ])) : createCommentVNode("", true);
+      ]);
     };
   }
 };

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

@@ -1 +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,IAAG,CAAE;AACnE,WAAK,QAAQ;AAAA,IACf,CAAC;AAED,mBAAe,WAAW;AACxB,YAAMC,QAAc,OAAOC,QAAY,OAAO;AAAA,IAChD;AAEA,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,IACrB;AAEA,aAAS,aAAa;AACpB,aAAO,KAAI;AAAA,IACb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ProfileEditAccount.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/ProfileEditAccount.vue"],"sourcesContent":["<template>\n  <div class=\"for-transition w-100\">\n    <ProfileEditCredentials class=\"bg-white mn-b-thin\"/>\n\n    <div class=\"bg-white mn-b-thin \">\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 { 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 router = useRouter()\n  \n  defineProps({\n    userData: {\n      type: Object,\n      required: true\n    }\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":["users.actions","users.state","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;AA2CE,UAAM,SAAS,UAAS;AASxB,mBAAe,WAAW;AACxB,YAAMA,UAAc,OAAOC,QAAY,OAAO;AAAA,IAChD;AAEA,mBAAe,iBAAiB;AAC9B,YAAM,eAAe,OAAO,QAAQ,oHAAoH;AAExJ,UAAI,CAAC,aAAc;AAEnBA,cAAY,QAAQ,SAAS;AAC7B,YAAMD,UAAc,OAAOC,QAAY,OAAO;AAC9CC,gBAAa,OAAM;AAAA,IACrB;AAEA,aAAS,aAAa;AACpB,aAAO,KAAI;AAAA,IACb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -5,27 +5,23 @@ const Field = require("../../../../../components/Field/Field.vue.cjs");
 const Button = require("../../../../../components/Button/Button.vue2.cjs");
 const UploadImage = require("../../../../../components/UploadImage/UploadImage.vue.cjs");
 const vueRouter = require("vue-router");
-const auth = require("../../store/auth.cjs");
+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_1 = { class: "for-transition w-100" };
+const _hoisted_2 = { class: "bg-white mn-b-thin" };
 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_5 = { class: "bg-white mn-b-thin" };
 const _sfc_main = {
   __name: "ProfileEditProfile",
+  props: {
+    userData: {
+      type: Object,
+      required: true
+    }
+  },
   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);
     }
@@ -33,7 +29,7 @@ const _sfc_main = {
       router.back();
     }
     return (_ctx, _cache) => {
-      return show.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+      return 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, [
@@ -113,7 +109,7 @@ const _sfc_main = {
           ])),
           _: 1
         })
-      ])) : vue.createCommentVNode("", true);
+      ]);
     };
   }
 };

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

@@ -1 +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,UAAAA,SAAQ;AACtB,UAAM,SAASC,UAAAA,UAAS;AACxB,UAAM,OAAOC,IAAAA,IAAI,KAAK;AAEtBC,QAAAA,UAAU,YAAY;AACpB,YAAM,SAAS,MAAM,OAAO,OAAOC,KAAAA,MAAW,KAAK;AACnD,YAAMC,MAAAA,QAAc,KAAK,EAAE,KAAK,QAAQ,MAAMD,KAAAA,MAAW,KAAK,IAAG,CAAE;AACnE,WAAK,QAAQ;AAAA,IACf,CAAC;AAED,mBAAe,WAAW;AACxB,YAAMC,MAAAA,QAAc,OAAOC,MAAAA,MAAY,OAAO;AAAA,IAChD;AAEA,aAAS,aAAa;AACpB,aAAO,KAAI;AAAA,IACb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ProfileEditProfile.vue.cjs","sources":["../../../../../../../../src/modules/auth/views/components/pages/ProfileEditProfile.vue"],"sourcesContent":["<template>\n  <div class=\"for-transition w-100\">\n    <div class=\"bg-white mn-b-thin\">\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\">\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 { 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 router = useRouter()\n  \n  defineProps({\n    userData: {\n      type: Object,\n      required: true\n    }\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":["useRouter","users.actions","users.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA2FE,UAAM,SAASA,UAAAA,UAAS;AASxB,mBAAe,WAAW;AACxB,YAAMC,MAAAA,QAAc,OAAOC,MAAAA,MAAY,OAAO;AAAA,IAChD;AAEA,aAAS,aAAa;AACpB,aAAO,KAAI;AAAA,IACb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}