@ozdao/martyrs 0.2.570 → 0.2.572

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

@@ -1,9 +1,9 @@
 import { ref, inject, 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$1 from "../../../../../components/Dropdown/Dropdown.vue.js";
-import _sfc_main$6 from "../../../../../components/Menu/Menu.vue.js";
+/* empty css                                          */
+import _sfc_main$1 from "../../../../../components/Dropdown/Dropdown.vue2.js";
+import _sfc_main$6 from "../../../../../components/Menu/Menu.vue2.js";
 import _sfc_main$b from "../../../../../components/Menu/MenuItem.vue.js";
 import _sfc_main$3 from "../../../../organizations/components/elements/ButtonToggleMembership.vue.js";
 import _sfc_main$2 from "../../../../reports/components/sections/FormReport.vue.js";
@@ -27,7 +27,7 @@ const _hoisted_1 = {
 };
 const _hoisted_2 = {
   key: 0,
-  class: "flex-center flex pd-medium radius-big bg-light uppercase t-semi w-100 h-100"
+  class: "flex-center flex pd-medium radius-big bg-light uppercase fw-semi w-100 h-100"
 };
 const _hoisted_3 = {
   key: 1,
@@ -40,11 +40,11 @@ const _hoisted_6 = ["src"];
 const _hoisted_7 = { class: "mn-b-thin" };
 const _hoisted_8 = {
   key: 4,
-  class: "mn-b-thin t-main t-semi"
+  class: "mn-b-thin t-main fw-semi"
 };
 const _hoisted_9 = { class: "mn-b-small p-regular" };
 const _hoisted_10 = { class: "mn-b-medium flex-center flex-nowrap flex" };
-const _hoisted_11 = { class: "t-semi mn-b-small" };
+const _hoisted_11 = { class: "fw-semi mn-b-small" };
 const _hoisted_12 = {
   key: 6,
   class: "mn-t-small mn-b-thin"
@@ -115,7 +115,7 @@ const _sfc_main = {
                     class: "w-100"
                   }, {
                     default: withCtx(() => _cache[7] || (_cache[7] = [
-                      createElementVNode("button", { class: "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button" }, " Report ", -1)
+                      createElementVNode("button", { class: "w-100 bg-black br-1px br-white-transp-20 t-white button-small button" }, " Report ", -1)
                     ])),
                     _: 1
                   }, 8, ["user", "target"]),
@@ -159,7 +159,7 @@ const _sfc_main = {
             createElementVNode("div", _hoisted_10, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(state$1.current.roles, (role, index) => {
                 return openBlock(), createElementBlock("div", {
-                  class: normalizeClass(["pd-thin radius-small t-semi bg-white", { "mn-r-thin": index !== state$1.current.roles.length - 1 }])
+                  class: normalizeClass(["pd-thin radius-small fw-semi bg-white", { "mn-r-thin": index !== state$1.current.roles.length - 1 }])
                 }, toDisplayString(role.icon) + " " + toDisplayString(role.name), 3);
               }), 256))
             ]),

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: 'Profile 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-medium 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-regular\"\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 class=\"mn-b-regular bg-light\">\n\t      <template v-for=\"(module, moduleName) in modules\" :key=\"moduleName\">\n\t        <MenuItem \n\t          v-if=\"isModuleInstalled(moduleName) && (!module.visible || module.visible(auth))\"\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-medium\" \n\t            :icon=\"true\"\n\t          />\n\t          <span>{{ module.displayName }}</span>\n\t        </MenuItem>\n\t      </template>\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 membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js'\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.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')\nconst { isModuleInstalled } = useGlobalMixins()\n\nconst modules = {\n  events: {\n    displayName: 'Events',\n    route: 'User Events',\n    icon: IconEvents,\n    visible: () => true\n  },\n  organizations: {\n    displayName: 'Groups',\n    route: 'User Organizations',\n    icon: IconGroups,\n    visible: () => true\n  },\n  blogposts: {\n    displayName: 'Posts',\n    route: 'User Posts',\n    icon: IconCommunity,\n    visible: () => true\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\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  membershipsStore.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","users.state","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoRA,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,UAAM,OAAO,IAAI,KAAK;AAER,WAAO,OAAO;AAC5B,UAAM,EAAE,kBAAiB,IAAK,gBAAe;AAE7C,UAAM,UAAU;AAAA,MACd,QAAQ;AAAA,QACN,aAAa;AAAA,QACb,OAAO;AAAA,QACP,MAAMA;AAAAA,QACN,SAAS,MAAM;AAAA,MACnB;AAAA,MACE,eAAe;AAAA,QACb,aAAa;AAAA,QACb,OAAO;AAAA,QACP,MAAMC;AAAAA,QACN,SAAS,MAAM;AAAA,MACnB;AAAA,MACE,WAAW;AAAA,QACT,aAAa;AAAA,QACb,OAAO;AAAA,QACP,MAAMC;AAAAA,QACN,SAAS,MAAM;AAAA,MACnB;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;AAGA,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;AAC3F,uBAAiB,uBAAuBC,QAAY,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IACnH;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 fw-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-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: 'Profile 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-medium 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 fw-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-regular\"\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 fw-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=\"fw-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 class=\"mn-b-regular bg-light\">\n\t      <template v-for=\"(module, moduleName) in modules\" :key=\"moduleName\">\n\t        <MenuItem \n\t          v-if=\"isModuleInstalled(moduleName) && (!module.visible || module.visible(auth))\"\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-medium\" \n\t            :icon=\"true\"\n\t          />\n\t          <span>{{ module.displayName }}</span>\n\t        </MenuItem>\n\t      </template>\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 membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js'\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.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')\nconst { isModuleInstalled } = useGlobalMixins()\n\nconst modules = {\n  events: {\n    displayName: 'Events',\n    route: 'User Events',\n    icon: IconEvents,\n    visible: () => true\n  },\n  organizations: {\n    displayName: 'Groups',\n    route: 'User Organizations',\n    icon: IconGroups,\n    visible: () => true\n  },\n  blogposts: {\n    displayName: 'Posts',\n    route: 'User Posts',\n    icon: IconCommunity,\n    visible: () => true\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\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  membershipsStore.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","users.state","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoRA,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,UAAM,OAAO,IAAI,KAAK;AAER,WAAO,OAAO;AAC5B,UAAM,EAAE,kBAAiB,IAAK,gBAAe;AAE7C,UAAM,UAAU;AAAA,MACd,QAAQ;AAAA,QACN,aAAa;AAAA,QACb,OAAO;AAAA,QACP,MAAMA;AAAAA,QACN,SAAS,MAAM;AAAA,MACnB;AAAA,MACE,eAAe;AAAA,QACb,aAAa;AAAA,QACb,OAAO;AAAA,QACP,MAAMC;AAAAA,QACN,SAAS,MAAM;AAAA,MACnB;AAAA,MACE,WAAW;AAAA,QACT,aAAa;AAAA,QACb,OAAO;AAAA,QACP,MAAMC;AAAAA,QACN,SAAS,MAAM;AAAA,MACnB;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;AAGA,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;AAC3F,uBAAiB,uBAAuBC,QAAY,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IACnH;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/ProfileBlogposts.vue.js

@@ -27,7 +27,7 @@ const _sfc_main = {
             onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.push({
               name: "Create BlogPost"
             })),
-            class: "radius-100 t-white t-semi i-big hover-scale-1 cursor-pointer t-white bg-second"
+            class: "radius-extra t-white fw-semi i-big hover:scale-[1.05] cursor-pointer t-white bg-second"
           }, " + ")) : createCommentVNode("", true)
         ]),
         state.user._id === unref(route).params._id ? (openBlock(), createBlock(_sfc_main$1, {

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

@@ -1 +1 @@
-{"version":3,"file":"ProfileBlogposts.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/ProfileBlogposts.vue"],"sourcesContent":["<template>\n\t<div class=\"pd-thin\">\n\t\t<header class=\"mn-b-medium flex-v-center flex-nowrap flex\">\n    \t<h2 class=\"mn-r-medium\">Posts</h2>\n    \t<button \n    \t\tv-if=\"auth.state.user._id === route.params._id\"\n    \t\t@click=\"$router.push({\n    \t\t\tname: 'Create BlogPost'\n    \t\t})\" \n    \t\tclass=\"radius-100 t-white t-semi i-big hover-scale-1 cursor-pointer t-white bg-second\">\n    \t\t\t+\n    \t</button>\n\t\t</header>\n\n\t\t<Tab \n\t\t\tv-if=\"auth.state.user._id === route.params._id\"\n\t\t\tv-model:selected=\"tabOrganization\"\n\t\t\t:tabs=\"[\n\t\t\t\t{ name: 'My posts', \tvalue: 'posts' },\n\t\t\t\t{ name: 'Drafts', \t\tvalue: 'drafts' },\n\t\t\t\t{ name: 'Following', \tvalue: 'following' },\t\n\t\t\t]\"\n\t\t\tclass=\"mn-b-small o-hidden h5 radius-big bg-light\"\n\t\t/>\n\n\t\t<Feed\n\t\t\t:showLoadMore=\"false\"\n\t\t\t:states=\"{\n\t\t\t\tempty: {\n\t\t\t\t\ttitle: 'No Blog Posts Found',\n\t\t\t\t\tdescription: 'Currently, there are no posts available in this blog. Please check back later.'\n\t\t\t\t},\n\t\t\t}\"\n\t\t\t:store=\"{\n\t\t\t\tread: (options) => blog.read(options)\n\t\t\t}\"\n\t\t\t:options=\"{\n\t\t\t\tlimit: 15,\n\t\t\t\tcategory: route.params.category,\n\t\t\t\tperiod: route.query.period,\n\t\t\t\tstatus: tabOrganization === 'drafts' ? 'draft' : 'published',\n\t\t\t\tuser: auth.state.user._id,\n\t\t\t\tcreator: ['posts', 'drafts'].includes(tabOrganization) ? route.params._id : null,\n\t\t\t\tfollowing: tabOrganization === 'following' ? auth.state.user._id : null,\n\t\t\t}\"\n\t\t\tv-slot=\"{ items }\"\n\t\t\tclass=\"rows-1 gap-thin\"\n\t\t>\n\t\t\t<CardBlogpost \n\t\t\t\tv-for=\"item in items\" \n\t\t\t\t:key=\"item._id\" \n\t\t\t\t:blogpost=\"item\" \n\t\t\t\t:user=\"auth.state.user._id\" \n\t\t\t\tclass=\"h-max-40r bg-light radius-medium\"\n\t\t\t/>\n\t\t</Feed>\n\t</div>\n</template>\n\n<script setup>\n\timport { watch, ref } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Components\n\timport Tab  \t\tfrom '@martyrs/src/components/Tab/Tab.vue'\n\n\timport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.vue';\n\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  import * as blog from '@martyrs/src/modules/community/store/blogposts.js';\n\t// Accessing router\n\tconst route = useRoute()\n\tconst router = useRouter()\n\t// State\n\tlet tab = route.query.tab ? route.query.tab : 'posts';\n\n\tconst tabOrganization = ref(tab)\n\n\troute.query.tab = tabOrganization.value\n\n\twatch(tabOrganization, (newValue) => {\n\t  router.replace({ query: { ...route.query, tab: newValue } });\n\t});\n</script>"],"names":[],"mappings":";;;;;;;;;;;;AAwEC,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,kBAAkB,IAAI,GAAG;AAE/B,UAAM,MAAM,MAAM,gBAAgB;AAElC,UAAM,iBAAiB,CAAC,aAAa;AACnC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAQ,GAAI;AAAA,IAC7D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ProfileBlogposts.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/ProfileBlogposts.vue"],"sourcesContent":["<template>\n\t<div class=\"pd-thin\">\n\t\t<header class=\"mn-b-medium flex-v-center flex-nowrap flex\">\n    \t<h2 class=\"mn-r-medium\">Posts</h2>\n    \t<button \n    \t\tv-if=\"auth.state.user._id === route.params._id\"\n    \t\t@click=\"$router.push({\n    \t\t\tname: 'Create BlogPost'\n    \t\t})\" \n    \t\tclass=\"radius-extra t-white fw-semi i-big hover:scale-[1.05] cursor-pointer t-white bg-second\">\n    \t\t\t+\n    \t</button>\n\t\t</header>\n\n\t\t<Tab \n\t\t\tv-if=\"auth.state.user._id === route.params._id\"\n\t\t\tv-model:selected=\"tabOrganization\"\n\t\t\t:tabs=\"[\n\t\t\t\t{ name: 'My posts', \tvalue: 'posts' },\n\t\t\t\t{ name: 'Drafts', \t\tvalue: 'drafts' },\n\t\t\t\t{ name: 'Following', \tvalue: 'following' },\t\n\t\t\t]\"\n\t\t\tclass=\"mn-b-small o-hidden h5 radius-big bg-light\"\n\t\t/>\n\n\t\t<Feed\n\t\t\t:showLoadMore=\"false\"\n\t\t\t:states=\"{\n\t\t\t\tempty: {\n\t\t\t\t\ttitle: 'No Blog Posts Found',\n\t\t\t\t\tdescription: 'Currently, there are no posts available in this blog. Please check back later.'\n\t\t\t\t},\n\t\t\t}\"\n\t\t\t:store=\"{\n\t\t\t\tread: (options) => blog.read(options)\n\t\t\t}\"\n\t\t\t:options=\"{\n\t\t\t\tlimit: 15,\n\t\t\t\tcategory: route.params.category,\n\t\t\t\tperiod: route.query.period,\n\t\t\t\tstatus: tabOrganization === 'drafts' ? 'draft' : 'published',\n\t\t\t\tuser: auth.state.user._id,\n\t\t\t\tcreator: ['posts', 'drafts'].includes(tabOrganization) ? route.params._id : null,\n\t\t\t\tfollowing: tabOrganization === 'following' ? auth.state.user._id : null,\n\t\t\t}\"\n\t\t\tv-slot=\"{ items }\"\n\t\t\tclass=\"rows-1 gap-thin\"\n\t\t>\n\t\t\t<CardBlogpost \n\t\t\t\tv-for=\"item in items\" \n\t\t\t\t:key=\"item._id\" \n\t\t\t\t:blogpost=\"item\" \n\t\t\t\t:user=\"auth.state.user._id\" \n\t\t\t\tclass=\"h-max-40r bg-light radius-medium\"\n\t\t\t/>\n\t\t</Feed>\n\t</div>\n</template>\n\n<script setup>\n\timport { watch, ref } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Components\n\timport Tab  \t\tfrom '@martyrs/src/components/Tab/Tab.vue'\n\n\timport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import CardBlogpost from '@martyrs/src/modules/community/components/blocks/CardBlogpost.vue';\n\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  import * as blog from '@martyrs/src/modules/community/store/blogposts.js';\n\t// Accessing router\n\tconst route = useRoute()\n\tconst router = useRouter()\n\t// State\n\tlet tab = route.query.tab ? route.query.tab : 'posts';\n\n\tconst tabOrganization = ref(tab)\n\n\troute.query.tab = tabOrganization.value\n\n\twatch(tabOrganization, (newValue) => {\n\t  router.replace({ query: { ...route.query, tab: newValue } });\n\t});\n</script>"],"names":[],"mappings":";;;;;;;;;;;;AAwEC,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,kBAAkB,IAAI,GAAG;AAE/B,UAAM,MAAM,MAAM,gBAAgB;AAElC,UAAM,iBAAiB,CAAC,aAAa;AACnC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAQ,GAAI;AAAA,IAC7D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,6 +1,6 @@
 import { createElementBlock, openBlock, createVNode, createElementVNode, unref, withCtx, createTextVNode } from "vue";
 import _sfc_main$2 from "../../../../../components/Checkbox/Checkbox.vue.js";
-import _sfc_main$3 from "../../../../../components/Button/Button.vue.js";
+import _sfc_main$3 from "../../../../../components/Button/Button.vue2.js";
 import _sfc_main$1 from "../sections/ProfileEditCredentials.vue.js";
 import { useRouter } from "vue-router";
 import { actions as actions$1 } from "../../store/auth.js";
@@ -40,7 +40,7 @@ const _sfc_main = {
           _cache[1] || (_cache[1] = createElementVNode("h3", { class: "mn-b-small" }, "Settings", -1)),
           createVNode(_sfc_main$2, {
             label: "Darkmode",
-            radio: unref(core).state.theme.darkmode,
+            radio: unref(core).state.theme.mode === "dark",
             "onUpdate:radio": _cache[0] || (_cache[0] = (event) => unref(core).actions.toggleTheme()),
             class: "w-100 bg-light t-black pd-medium radius-small"
           }, null, 8, ["radio"])

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 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=\"core.state.theme.darkmode\"\n        @update:radio=\"event => core.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 { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\n\n  const store = useStore()\n  const core = store.core\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,QAAQ,SAAQ;AACtB,UAAM,OAAO,MAAM;AACnB,UAAM,SAAS,UAAS;AASxB,mBAAe,WAAW;AACxB,YAAMA,QAAc,OAAOC,MAAY,OAAO;AAAA,IAChD;AAEA,mBAAe,iBAAiB;AAC9B,YAAM,eAAe,OAAO,QAAQ,oHAAoH;AAExJ,UAAI,CAAC,aAAc;AAEnBA,YAAY,QAAQ,SAAS;AAC7B,YAAMD,QAAc,OAAOC,MAAY,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=\"core.state.theme.mode === 'dark'\"\n        @update:radio=\"event => core.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 { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\n\n  const store = useStore()\n  const core = store.core\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,QAAQ,SAAQ;AACtB,UAAM,OAAO,MAAM;AACnB,UAAM,SAAS,UAAS;AASxB,mBAAe,WAAW;AACxB,YAAMA,QAAc,OAAOC,MAAY,OAAO;AAAA,IAChD;AAEA,mBAAe,iBAAiB;AAC9B,YAAM,eAAe,OAAO,QAAQ,oHAAoH;AAExJ,UAAI,CAAC,aAAc;AAEnBA,YAAY,QAAQ,SAAS;AAC7B,YAAMD,QAAc,OAAOC,MAAY,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.js

@@ -1,6 +1,6 @@
 import { createElementBlock, openBlock, createElementVNode, createVNode, toDisplayString, withCtx, createTextVNode } from "vue";
-import Field from "../../../../../components/Field/Field.vue2.js";
-import _sfc_main$1 from "../../../../../components/Button/Button.vue.js";
+import Field from "../../../../../components/Field/Field.vue.js";
+import _sfc_main$1 from "../../../../../components/Button/Button.vue2.js";
 import UploadImage from "../../../../../components/UploadImage/UploadImage.vue.js";
 import { useRouter } from "vue-router";
 import { state, actions } from "../../store/users.js";

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

@@ -1,8 +1,8 @@
 import { ref, computed, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, toDisplayString, unref, Transition, withCtx, createTextVNode } from "vue";
 import _sfc_main$1 from "../../../../../components/Tab/Tab.vue2.js";
-import Field from "../../../../../components/Field/Field.vue2.js";
+import Field from "../../../../../components/Field/Field.vue.js";
 import _sfc_main$2 from "../../../../../components/FieldPhone/FieldPhone.vue.js";
-import _sfc_main$3 from "../../../../../components/Button/Button.vue.js";
+import _sfc_main$3 from "../../../../../components/Button/Button.vue2.js";
 import { useRoute, useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
 import { useStore } from "../../../../core/views/store/core.store.js";
@@ -13,7 +13,7 @@ const _hoisted_2 = { class: "mn-b-small" };
 const _hoisted_3 = { class: "mn-b-small t-transp" };
 const _hoisted_4 = {
   key: 0,
-  class: "mn-b-small p-small uppercase t-semi bg-light radius-small o-hidden"
+  class: "mn-b-small p-small uppercase fw-semi bg-light radius-small o-hidden"
 };
 const _hoisted_5 = { class: "pos-relative" };
 const _hoisted_6 = {

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

@@ -1 +1 @@
-{"version":3,"file":"ResetPassword.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/ResetPassword.vue"],"sourcesContent":["<template>\n\t<section class=\"t-left pd-medium\">\n\t\t<!-- <img loading=\"lazy\" src=\"@/assets/icons/password.png\" class=\"i-extra mn-b-small\"> -->\n\t\t<!-- Header -->\n\t\t<h3 class=\"mn-b-small\">{{ t('auth.resetPassword.forgotPasswordTitle') }}</h3>\n\t\t<p class=\"mn-b-small t-transp\">{{ t('auth.resetPassword.instructions') }}</p>\n\t\t\n\t\t<!-- Select -->\n\t\t<div \n\t\t\tv-if=\"availableTabs.length > 1\" \n\t\t\tclass=\"mn-b-small p-small uppercase t-semi bg-light radius-small o-hidden\"\n\t\t>\n\t\t\t<Tab \n\t\t\t\tv-model:selected=\"tabAuth\"\n\t\t\t\t:tabs=\"availableTabs\"\n\t\t\t\tclassTab=\"pd-small pd-r-medium pd-l-medium w-100 pd-small radius-small\"\n\t\t\t/>\n\t\t</div>\n\n\t\t<!-- Form -->\n\t\t<div class=\"pos-relative\">\n\t\t<!-- Phone -->\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<div v-if=\"tabAuth === 'phone'\" class=\"mn-b-semi radius-small\">\n\t\t\t\t\t<p class=\"mn-b-small t-transp\">{{ t('auth.resetPassword.smsInfo') }}</p>\n\t\t\t\t\t<FieldPhone\n\t\t\t\t\t\t@change=\"(event) => auth.state.user.phone = event\" \t\n\t\t\t\t\t\t:dropdownOptions=\"{\n\t\t\t\t\t\t\tshowDialCodeInSelection: true,\n\t\t\t\t\t\t\tshowFlags: true,\n\t\t\t\t\t\t\tshowDialCodeInList: true\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\t:validation=\"phoneValidation\" \n\t\t\t\t\t\tmode=\"national\"\n\t\t\t\t\t\t:inputOptions=\"{placeholder: t('auth.resetPassword.phonePlaceholder')}\"\n\t\t\t\t\t\tclass=\"bg-light h-4r pd-small radius-small mn-b-thin\" \n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</transition>\n\t\t\t<!-- Email -->\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<div v-if=\"tabAuth === 'email'\" class=\"mn-b-semi radius-small o-hidden\">\n\t\t\t\t\t<p class=\"mn-b-small t-transp\">{{ t('auth.resetPassword.emailInfo') }}</p>\n\t\t\t\t\t<Field \n\t\t\t\t\t\tv-model:field=\"auth.state.user.email\" \t\t\n\t\t\t\t\t\t:placeholder=\"t('auth.resetPassword.emailPlaceholder')\" \t\n\t\t\t\t\t\t:validation=\"emailValidation\" \n\t\t\t\t\t\tclass=\"bg-light h-4r pd-medium radius-small\" \n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</transition>\n\t\t</div>\n\t\t<!-- Button -->\n\t\t<Button :submit=\"onSubmit\" :callback=\"redirectTo\" class=\"w-100 bg-main\">{{ t('auth.resetPassword.sendCode') }}</Button>\n\t</section> \n</template>\n\n<script setup>\n// Import components\nimport Tab           from '@martyrs/src/components/Tab/Tab.vue'\nimport Field         from '@martyrs/src/components/Field/Field.vue'\nimport FieldPhone    from '@martyrs/src/components/FieldPhone/FieldPhone.vue'\nimport Button        from '@martyrs/src/components/Button/Button.vue'\n// Import libs\nimport { computed, onMounted, ref } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n// Import store\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\n// Import validation\nimport * as inputsValidation from '@martyrs/src/modules/auth/views/validations/inputs.validation'\n\n// Get store\nconst store = useStore()\nconst auth = store.auth || { state: {}, actions: {} }\nconst twofa = store.twofa || { state: {}, actions: {}, sendCode: () => {} }\nconst core = store.core || { state: {}, actions: {} }\n// Localization\nconst { t } = useI18n({\n\tuseScope: 'global', \n})\n// Validation\nconst phoneValidation = ref(null)\nconst emailValidation = ref(null)\n// Accessing router\nconst route = useRoute()\nconst router = useRouter()\n// Accessing state\nconst availableTabs = computed(() => {\n    const tabs = [\n        { name: t('auth.resetPassword.phone'), value: 'phone' },\n        { name: t('auth.resetPassword.email'), value: 'email' }\n    ];\n    const excludeMethods = core.state?.options?.auth?.authMethodsExclude || [];\n    return tabs.filter(tab => !excludeMethods.includes(tab.value));\n});\n\nconst tabAuth = ref(availableTabs.value.length ? availableTabs.value[0].value : '');\n// Methods\nasync function onSubmit() {\n\ttry {\n\t  if (tabAuth.value === 'phone') await inputsValidation.validateInputs(\n\t\t\tphoneValidation, \n\t\t\tinputsValidation.validatePhone, \n\t\t\tauth.state.user.phone, \n\t\t\t'Некорректный телефон'\n\t\t)\n\t\tif (tabAuth.value === 'email') await inputsValidation.validateInputs(\n\t\t\temailValidation, \n\t\t\tinputsValidation.validateEmail, \n\t\t\tauth.state.user.email, \n\t\t\t'Некорректный email'\n\t\t)\n\t} catch (error) {\n\t\tthrow new Error\n\t}\n\ttry {\n  \tawait auth.actions.resetPassword(auth.state.user, tabAuth.value, 'reset-password')\n  } catch (error) {\n  \tconsole.log(error)\n\t\tthrow new Error\n\t}\n}\n\nfunction redirectTo () {\n\trouter.push({ name: 'Enter Code', query: {type: tabAuth.value, method: 'reset-password'} })\n}\n</script>\n\n<style lang=\"scss\">\n\t.slide-fade-enter-active {\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tposition: absolute;\n\t  transform: translateX(20px);\n\t  opacity: 0;\n\t  left: 0;\n\t  top: 0;\n\t}\n\n\t.slide-fade-leave-to {\n\n\t}\n</style>\n"],"names":["inputsValidation.validateInputs","inputsValidation.validatePhone","inputsValidation.validateEmail"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyEA,UAAM,QAAQ,SAAQ;AACtB,UAAM,OAAO,MAAM,QAAQ,EAAE,OAAO,CAAA,GAAI,SAAS,CAAA,EAAE;AACrC,UAAM,SAAS,CAA6C;AAC1E,UAAM,OAAO,MAAM,QAAQ,EAAE,OAAO,CAAA,EAAgB;AAEpD,UAAM,EAAE,EAAC,IAAK,QAAQ;AAAA,MACrB,UAAU;AAAA,IACX,CAAC;AAED,UAAM,kBAAkB,IAAI,IAAI;AAChC,UAAM,kBAAkB,IAAI,IAAI;AAElB,aAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,UAAM,gBAAgB,SAAS,MAAM;AACjC,YAAM,OAAO;AAAA,QACT,EAAE,MAAM,EAAE,0BAA0B,GAAG,OAAO,QAAO;AAAA,QACrD,EAAE,MAAM,EAAE,0BAA0B,GAAG,OAAO,QAAO;AAAA,MAC7D;AACI,YAAM,iBAAiB,KAAK,OAAO,SAAS,MAAM,sBAAsB,CAAA;AACxE,aAAO,KAAK,OAAO,SAAO,CAAC,eAAe,SAAS,IAAI,KAAK,CAAC;AAAA,IACjE,CAAC;AAED,UAAM,UAAU,IAAI,cAAc,MAAM,SAAS,cAAc,MAAM,CAAC,EAAE,QAAQ,EAAE;AAElF,mBAAe,WAAW;AACzB,UAAI;AACF,YAAI,QAAQ,UAAU,QAAS,OAAMA;AAAAA,UACrC;AAAA,UACAC;AAAAA,UACA,KAAK,MAAM,KAAK;AAAA,UAChB;AAAA,QACH;AACE,YAAI,QAAQ,UAAU,QAAS,OAAMD;AAAAA,UACpC;AAAA,UACAE;AAAAA,UACA,KAAK,MAAM,KAAK;AAAA,UAChB;AAAA,QACH;AAAA,MACC,SAAS,OAAO;AACf,cAAM,IAAI;AAAA,MACX;AACA,UAAI;AACF,cAAM,KAAK,QAAQ,cAAc,KAAK,MAAM,MAAM,QAAQ,OAAO,gBAAgB;AAAA,MAClF,SAAS,OAAO;AACf,gBAAQ,IAAI,KAAK;AAClB,cAAM,IAAI;AAAA,MACX;AAAA,IACD;AAEA,aAAS,aAAc;AACtB,aAAO,KAAK,EAAE,MAAM,cAAc,OAAO,EAAC,MAAM,QAAQ,OAAO,QAAQ,iBAAgB,EAAC,CAAE;AAAA,IAC3F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ResetPassword.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/ResetPassword.vue"],"sourcesContent":["<template>\n\t<section class=\"t-left pd-medium\">\n\t\t<!-- <img loading=\"lazy\" src=\"@/assets/icons/password.png\" class=\"i-extra mn-b-small\"> -->\n\t\t<!-- Header -->\n\t\t<h3 class=\"mn-b-small\">{{ t('auth.resetPassword.forgotPasswordTitle') }}</h3>\n\t\t<p class=\"mn-b-small t-transp\">{{ t('auth.resetPassword.instructions') }}</p>\n\t\t\n\t\t<!-- Select -->\n\t\t<div \n\t\t\tv-if=\"availableTabs.length > 1\" \n\t\t\tclass=\"mn-b-small p-small uppercase fw-semi bg-light radius-small o-hidden\"\n\t\t>\n\t\t\t<Tab \n\t\t\t\tv-model:selected=\"tabAuth\"\n\t\t\t\t:tabs=\"availableTabs\"\n\t\t\t\tclassTab=\"pd-small pd-r-medium pd-l-medium w-100 pd-small radius-small\"\n\t\t\t/>\n\t\t</div>\n\n\t\t<!-- Form -->\n\t\t<div class=\"pos-relative\">\n\t\t<!-- Phone -->\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<div v-if=\"tabAuth === 'phone'\" class=\"mn-b-semi radius-small\">\n\t\t\t\t\t<p class=\"mn-b-small t-transp\">{{ t('auth.resetPassword.smsInfo') }}</p>\n\t\t\t\t\t<FieldPhone\n\t\t\t\t\t\t@change=\"(event) => auth.state.user.phone = event\" \t\n\t\t\t\t\t\t:dropdownOptions=\"{\n\t\t\t\t\t\t\tshowDialCodeInSelection: true,\n\t\t\t\t\t\t\tshowFlags: true,\n\t\t\t\t\t\t\tshowDialCodeInList: true\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\t:validation=\"phoneValidation\" \n\t\t\t\t\t\tmode=\"national\"\n\t\t\t\t\t\t:inputOptions=\"{placeholder: t('auth.resetPassword.phonePlaceholder')}\"\n\t\t\t\t\t\tclass=\"bg-light h-4r pd-small radius-small mn-b-thin\" \n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</transition>\n\t\t\t<!-- Email -->\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<div v-if=\"tabAuth === 'email'\" class=\"mn-b-semi radius-small o-hidden\">\n\t\t\t\t\t<p class=\"mn-b-small t-transp\">{{ t('auth.resetPassword.emailInfo') }}</p>\n\t\t\t\t\t<Field \n\t\t\t\t\t\tv-model:field=\"auth.state.user.email\" \t\t\n\t\t\t\t\t\t:placeholder=\"t('auth.resetPassword.emailPlaceholder')\" \t\n\t\t\t\t\t\t:validation=\"emailValidation\" \n\t\t\t\t\t\tclass=\"bg-light h-4r pd-medium radius-small\" \n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</transition>\n\t\t</div>\n\t\t<!-- Button -->\n\t\t<Button :submit=\"onSubmit\" :callback=\"redirectTo\" class=\"w-100 bg-main\">{{ t('auth.resetPassword.sendCode') }}</Button>\n\t</section> \n</template>\n\n<script setup>\n// Import components\nimport Tab           from '@martyrs/src/components/Tab/Tab.vue'\nimport Field         from '@martyrs/src/components/Field/Field.vue'\nimport FieldPhone    from '@martyrs/src/components/FieldPhone/FieldPhone.vue'\nimport Button        from '@martyrs/src/components/Button/Button.vue'\n// Import libs\nimport { computed, onMounted, ref } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n// Import store\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\n// Import validation\nimport * as inputsValidation from '@martyrs/src/modules/auth/views/validations/inputs.validation'\n\n// Get store\nconst store = useStore()\nconst auth = store.auth || { state: {}, actions: {} }\nconst twofa = store.twofa || { state: {}, actions: {}, sendCode: () => {} }\nconst core = store.core || { state: {}, actions: {} }\n// Localization\nconst { t } = useI18n({\n\tuseScope: 'global', \n})\n// Validation\nconst phoneValidation = ref(null)\nconst emailValidation = ref(null)\n// Accessing router\nconst route = useRoute()\nconst router = useRouter()\n// Accessing state\nconst availableTabs = computed(() => {\n    const tabs = [\n        { name: t('auth.resetPassword.phone'), value: 'phone' },\n        { name: t('auth.resetPassword.email'), value: 'email' }\n    ];\n    const excludeMethods = core.state?.options?.auth?.authMethodsExclude || [];\n    return tabs.filter(tab => !excludeMethods.includes(tab.value));\n});\n\nconst tabAuth = ref(availableTabs.value.length ? availableTabs.value[0].value : '');\n// Methods\nasync function onSubmit() {\n\ttry {\n\t  if (tabAuth.value === 'phone') await inputsValidation.validateInputs(\n\t\t\tphoneValidation, \n\t\t\tinputsValidation.validatePhone, \n\t\t\tauth.state.user.phone, \n\t\t\t'Некорректный телефон'\n\t\t)\n\t\tif (tabAuth.value === 'email') await inputsValidation.validateInputs(\n\t\t\temailValidation, \n\t\t\tinputsValidation.validateEmail, \n\t\t\tauth.state.user.email, \n\t\t\t'Некорректный email'\n\t\t)\n\t} catch (error) {\n\t\tthrow new Error\n\t}\n\ttry {\n  \tawait auth.actions.resetPassword(auth.state.user, tabAuth.value, 'reset-password')\n  } catch (error) {\n  \tconsole.log(error)\n\t\tthrow new Error\n\t}\n}\n\nfunction redirectTo () {\n\trouter.push({ name: 'Enter Code', query: {type: tabAuth.value, method: 'reset-password'} })\n}\n</script>\n\n<style lang=\"scss\">\n\t.slide-fade-enter-active {\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tposition: absolute;\n\t  transform: translateX(20px);\n\t  opacity: 0;\n\t  left: 0;\n\t  top: 0;\n\t}\n\n\t.slide-fade-leave-to {\n\n\t}\n</style>\n"],"names":["inputsValidation.validateInputs","inputsValidation.validatePhone","inputsValidation.validateEmail"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyEA,UAAM,QAAQ,SAAQ;AACtB,UAAM,OAAO,MAAM,QAAQ,EAAE,OAAO,CAAA,GAAI,SAAS,CAAA,EAAE;AACrC,UAAM,SAAS,CAA6C;AAC1E,UAAM,OAAO,MAAM,QAAQ,EAAE,OAAO,CAAA,EAAgB;AAEpD,UAAM,EAAE,EAAC,IAAK,QAAQ;AAAA,MACrB,UAAU;AAAA,IACX,CAAC;AAED,UAAM,kBAAkB,IAAI,IAAI;AAChC,UAAM,kBAAkB,IAAI,IAAI;AAElB,aAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,UAAM,gBAAgB,SAAS,MAAM;AACjC,YAAM,OAAO;AAAA,QACT,EAAE,MAAM,EAAE,0BAA0B,GAAG,OAAO,QAAO;AAAA,QACrD,EAAE,MAAM,EAAE,0BAA0B,GAAG,OAAO,QAAO;AAAA,MAC7D;AACI,YAAM,iBAAiB,KAAK,OAAO,SAAS,MAAM,sBAAsB,CAAA;AACxE,aAAO,KAAK,OAAO,SAAO,CAAC,eAAe,SAAS,IAAI,KAAK,CAAC;AAAA,IACjE,CAAC;AAED,UAAM,UAAU,IAAI,cAAc,MAAM,SAAS,cAAc,MAAM,CAAC,EAAE,QAAQ,EAAE;AAElF,mBAAe,WAAW;AACzB,UAAI;AACF,YAAI,QAAQ,UAAU,QAAS,OAAMA;AAAAA,UACrC;AAAA,UACAC;AAAAA,UACA,KAAK,MAAM,KAAK;AAAA,UAChB;AAAA,QACH;AACE,YAAI,QAAQ,UAAU,QAAS,OAAMD;AAAAA,UACpC;AAAA,UACAE;AAAAA,UACA,KAAK,MAAM,KAAK;AAAA,UAChB;AAAA,QACH;AAAA,MACC,SAAS,OAAO;AACf,cAAM,IAAI;AAAA,MACX;AACA,UAAI;AACF,cAAM,KAAK,QAAQ,cAAc,KAAK,MAAM,MAAM,QAAQ,OAAO,gBAAgB;AAAA,MAClF,SAAS,OAAO;AACf,gBAAQ,IAAI,KAAK;AAClB,cAAM,IAAI;AAAA,MACX;AAAA,IACD;AAEA,aAAS,aAAc;AACtB,aAAO,KAAK,EAAE,MAAM,cAAc,OAAO,EAAC,MAAM,QAAQ,OAAO,QAAQ,iBAAgB,EAAC,CAAE;AAAA,IAC3F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,8 +1,8 @@
 import { ref, computed, onMounted, resolveComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, createTextVNode, toDisplayString, unref, withCtx, Transition, withDirectives, vShow } from "vue";
 import _sfc_main$1 from "../../../../../components/Tab/Tab.vue2.js";
-import Field from "../../../../../components/Field/Field.vue2.js";
+import Field from "../../../../../components/Field/Field.vue.js";
 import _sfc_main$2 from "../../../../../components/FieldPhone/FieldPhone.vue.js";
-import _sfc_main$3 from "../../../../../components/Button/Button.vue.js";
+import _sfc_main$3 from "../../../../../components/Button/Button.vue2.js";
 import { useRoute, useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
 import { useStore } from "../../../../core/views/store/core.store.js";
@@ -11,11 +11,11 @@ import { validateInputs, validatePhone, validateEmail } from "../../validations/
 /* empty css            */
 const _hoisted_1 = { class: "" };
 const _hoisted_2 = { class: "mn-b-medium" };
-const _hoisted_3 = { class: "t-semi" };
+const _hoisted_3 = { class: "fw-semi" };
 const _hoisted_4 = { class: "mn-b-big" };
 const _hoisted_5 = {
   key: 0,
-  class: "mn-b-small p-small uppercase t-semi bg-light radius-small o-hidden"
+  class: "mn-b-small p-small uppercase fw-semi bg-light radius-small o-hidden"
 };
 const _hoisted_6 = { class: "pos-relative" };
 const _hoisted_7 = { class: "mn-b-thin radius-small" };
@@ -113,7 +113,7 @@ const _sfc_main = {
         createElementVNode("p", _hoisted_4, [
           createVNode(_component_router_link, {
             to: { name: "Sign Up", query: { returnUrl: unref(route).query?.returnUrl } },
-            class: "underline t-second"
+            class: "underline t-grey"
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(unref(t)("auth.signIn.signup")), 1)

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

@@ -1 +1 @@
-{"version":3,"file":"SignIn.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/SignIn.vue"],"sourcesContent":["<template>\n\t<section class=\"\">\n\t\t<!-- Header -->\n\t\t<img loading=\"lazy\" :src=\"'/logo/logo.svg'\" class=\"i-extra radius-small mn-b-small\">\n\n\t\t<h3 class=\"mn-b-medium\">\n\t\t\t{{ t('auth.signIn.title') }}\n\t\t\t<br>\n\t\t\t<span class=\"t-semi\">{{ t('auth.signIn.subtitle') }}</span>\n\t\t</h3>\n\n\t\t<p class=\"mn-b-big\">\n\t\t\t<router-link :to=\"{name: 'Sign Up', query: { returnUrl: route.query?.returnUrl}}\" class=\"underline t-second\">{{ t('auth.signIn.signup') }}</router-link>\n\t\t</p>\n\t\t\n\t\t<!-- Select -->\n\t\t<div \n\t\t\tv-if=\"availableTabs.length > 1\" \n\t\t\tclass=\"mn-b-small p-small uppercase t-semi bg-light radius-small o-hidden\"\n\t\t>\n\t\t\t<Tab \n\t\t\t\tv-model:selected=\"tabAuth\"\n\t\t\t\t:tabs=\"availableTabs\"\n\t\t\t\tclassTab=\"pd-small pd-r-medium pd-l-medium w-100 pd-small radius-small\"\n\t\t\t/>\n\t\t</div>\n\t\t<!-- Form -->\n\t\t<div class=\"pos-relative\">\n\t\t<!-- Phone -->\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<div v-show=\"tabAuth === 'phone'\" class=\"mn-b-thin radius-small\">\n\t\t\t\t\t<FieldPhone\n\t\t\t\t\t\t@change=\"(event) => auth.state.user.phone = event\" \t\n\t\t\t\t\t\t:dropdownOptions=\"{\n\t\t\t\t\t\t\tshowDialCodeInSelection: true,\n\t\t\t\t\t\t\tshowFlags: true,\n\t\t\t\t\t\t\tshowDialCodeInList: true,\n\t\t\t\t\t\t\ttabIndex: -1\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\t:validCharactersOnly=\"true\"\n\t\t\t\t\t\t:validation=\"phoneValidation\" \n\t\t\t\t\t\tmode=\"national\"\n\t\t\t\t\t\t:inputOptions=\"{placeholder: t('auth.signIn.phonePlaceholder'), type: 'tel'}\"\n\t\t\t\t\t\tclass=\"bg-light h-4r pd-small radius-small mn-b-thin\" \n\t\t\t\t\t/>\n\t\t\t\t\t\n\t\t\t\t</div>\n\t\t\t</transition>\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<div v-show=\"tabAuth === 'email'\" class=\"mn-b-thin radius-small o-hidden\">\n\t\t\t\t\t<Field \n\t\t\t\t\t\tv-model:field=\"auth.state.user.email\" \t\n\t\t\t\t\t\t:placeholder=\"t('auth.signIn.emailPlaceholder')\" \t\n\t\t\t\t\t\t:validation=\"emailValidation\"\n\t\t\t\t\t\t:tabIndex=\"-1\"\n\t\t\t\t\t\tclass=\"bg-light h-4r pd-medium radius-small\" \n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</transition>\n\t\t</div>\n\n\t\t<!-- Password -->\n\t\t<Field \n\t\t\tv-model:field=\"auth.state.user.password\"\n\t\t\ttype=\"password\" \t\n\t\t\t:validation=\"passswordValidation\" \n\t\t\t:placeholder=\"t('auth.signIn.passwordPlaceholder')\" \n\t\t\tclass=\"\n        bg-light\n        pd-medium\n        radius-small\n        mn-b-semi\n        h-4r \n      \"\n\t\t/>\n\t\t<!-- Links -->\n\t\t<div class=\"w-100 mn-b-big\">\n\t\t\t<router-link\n\t\t\t\t:to=\"{name: 'Reset Password', query: { returnUrl: route.query?.returnUrl}}\"\n\t\t\t\tclass=\"underline d-block t-blue\"\n\t\t\t>\n\t\t\t\t{{ t('auth.signIn.forgotPassword') }}\n\t\t\t</router-link>\n\t\t</div>\n\t\t<!-- Button -->\n\t\t<Button \n\t\t\t:submit=\"onSubmit\" \n\t\t\t:callback=\"redirectTo\" \n\t\t\tclass=\"w-100 bg-main\"\n\t\t>\n\t\t\t{{ t('auth.signIn.signin') }}\n\t\t</Button>\n\t\t\n\t\t<!-- <Button \n\t\t\t:submit=\"onSubmitApple\" \n\t\t\t:callback=\"redirectTo\" \n\t\t\tclass=\"mn-b-thin bg-black t-white\"\n\t\t>\n\t\t\t{{ t('auth.signIn.signin_apple') }}\n\t\t</Button> -->\n\t</section> \n</template>\n\n<script setup>\n// Import components\nimport Tab           from '@martyrs/src/components/Tab/Tab.vue'\nimport Field         from '@martyrs/src/components/Field/Field.vue'\nimport FieldPhone    from '@martyrs/src/components/FieldPhone/FieldPhone.vue'\nimport Button        from '@martyrs/src/components/Button/Button.vue'\n// Import libs\nimport { computed, onMounted, ref, inject } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n// Import store\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n// Import validation\nimport * as inputsValidation from '@martyrs/src/modules/auth/views/validations/inputs.validation'\n\n// Get store\nconst store = useStore()\nconst core = store.core\n\n// Init validation\nconst phoneValidation = ref(null)\nconst passswordValidation = ref(null)\nconst emailValidation = ref(null)\n// Accessing router\nconst route = useRoute()\nconst router = useRouter()\n// Localization\nconst { t } = useI18n({\n\tuseScope: 'global'\n})\n// Accessing state\nconst availableTabs = computed(() => {\n    const tabs = [\n        { name: t('auth.signIn.phone'), value: 'phone' },\n        { name: t('auth.signIn.email'), value: 'email' }\n    ];\n    const excludeMethods = core.state?.options?.auth?.authMethodsExclude || [];\n    return tabs.filter(tab => !excludeMethods.includes(tab.value));\n});\n\nconst tabAuth = ref(availableTabs.value.length ? availableTabs.value[0].value : '');\n\nconst loadExternalScript = (src) => {\n  return new Promise((resolve, reject) => {\n    const script = document.createElement('script');\n    script.type = 'text/javascript';\n    script.src = src;\n    script.onload = resolve;\n    script.onerror = reject;\n    document.head.appendChild(script);\n  });\n}\n\nonMounted(async () => {\n\tawait loadExternalScript('https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js');\n});\n// Methods\nasync function onSubmit() {\n\ttry {\n\t  if (tabAuth.value === 'phone') await inputsValidation.validateInputs(\n\t\t\tphoneValidation, \n\t\t\tinputsValidation.validatePhone, \n\t\t\tauth.state.user.phone, \n\t\t\t'Некорректный телефон'\n\t\t)\n\t\tif (tabAuth.value === 'email') await inputsValidation.validateInputs(\n\t\t\temailValidation, \n\t\t\tinputsValidation.validateEmail, \n\t\t\tauth.state.user.email, \n\t\t\t'Некорректный email'\n\t\t)\n\t} catch (error) {\n\t\tconsole.log(error)\n\t\tthrow new Error\n\t}\n\n\t// COSTIL PLEASE GOD MAKE IT GOOD, FUKEN INPUT COMPONENT RETURN OBJECT NUT NUMBER\n\tconst userCopy = {...auth.state.user};\n\t// COSTIL PLEASE GOD MAKE IT GOOD, FUKEN INPUT COMPONENT RETURN OBJECT NUT NUMBER\n\n \tawait auth.actions.login(userCopy, tabAuth.value)\n}\n\nasync function onSubmitApple() {\n  try {\n    window.AppleID.auth.init({\n      clientId: 'com.thecommune.app.signin',\n      scope: 'email name',\n      redirectURI: 'https://thecommunephuket.com/auth/signin',\n      usePopup: true,\n    });\n\n    let response = await window.AppleID.auth.signIn();\n\n    if (response) {\n      console.log(response);\n      await auth.actions.login(response, 'apple');\n    }\n\n  } catch (error) {\n    console.error(error);\n    throw new Error('Error during Apple authentication');\n  }\n}\n\nfunction redirectTo () {\n\tif (route.query?.returnUrl) {\n\t\trouter.push({ \n\t\t\tpath: route.query?.returnUrl,\n\t\t\tquery: { \n\t\t\t\tafterAuth: 'true' \n\t\t\t}\n\t\t})\n\t} else { \n\t\trouter.push({ \n\t\t\tname: 'User Profile', \n\t\t\tparams: { \n\t\t\t\t_id: auth.state.user._id \n\t\t\t},\n\t\t\tquery: { \n\t\t\t\tafterAuth: 'true' \n\t\t\t}\n\t\t})\n\t}\n}\n</script>\n\n<style lang=\"scss\">\n\n\t.input-error {\n\t  border: 1px solid red;\n\t  box-shadow: 0 0 3px 0 red;\n\t}\n</style>"],"names":["inputsValidation.validateInputs","inputsValidation.validatePhone","auth.state","inputsValidation.validateEmail","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAwHA,UAAM,QAAQ,SAAQ;AACtB,UAAM,OAAO,MAAM;AAGnB,UAAM,kBAAkB,IAAI,IAAI;AAChC,UAAM,sBAAsB,IAAI,IAAI;AACpC,UAAM,kBAAkB,IAAI,IAAI;AAEhC,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,UAAM,EAAE,EAAC,IAAK,QAAQ;AAAA,MACrB,UAAU;AAAA,IACX,CAAC;AAED,UAAM,gBAAgB,SAAS,MAAM;AACjC,YAAM,OAAO;AAAA,QACT,EAAE,MAAM,EAAE,mBAAmB,GAAG,OAAO,QAAO;AAAA,QAC9C,EAAE,MAAM,EAAE,mBAAmB,GAAG,OAAO,QAAO;AAAA,MACtD;AACI,YAAM,iBAAiB,KAAK,OAAO,SAAS,MAAM,sBAAsB,CAAA;AACxE,aAAO,KAAK,OAAO,SAAO,CAAC,eAAe,SAAS,IAAI,KAAK,CAAC;AAAA,IACjE,CAAC;AAED,UAAM,UAAU,IAAI,cAAc,MAAM,SAAS,cAAc,MAAM,CAAC,EAAE,QAAQ,EAAE;AAElF,UAAM,qBAAqB,CAAC,QAAQ;AAClC,aAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AACtC,cAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,eAAO,OAAO;AACd,eAAO,MAAM;AACb,eAAO,SAAS;AAChB,eAAO,UAAU;AACjB,iBAAS,KAAK,YAAY,MAAM;AAAA,MAClC,CAAC;AAAA,IACH;AAEA,cAAU,YAAY;AACrB,YAAM,mBAAmB,sFAAsF;AAAA,IAChH,CAAC;AAED,mBAAe,WAAW;AACzB,UAAI;AACF,YAAI,QAAQ,UAAU,QAAS,OAAMA;AAAAA,UACrC;AAAA,UACAC;AAAAA,UACAC,MAAW,KAAK;AAAA,UAChB;AAAA,QACH;AACE,YAAI,QAAQ,UAAU,QAAS,OAAMF;AAAAA,UACpC;AAAA,UACAG;AAAAA,UACAD,MAAW,KAAK;AAAA,UAChB;AAAA,QACH;AAAA,MACC,SAAS,OAAO;AACf,gBAAQ,IAAI,KAAK;AACjB,cAAM,IAAI;AAAA,MACX;AAGA,YAAM,WAAW,EAAC,GAAGA,MAAW,KAAI;AAGnC,YAAME,QAAa,MAAM,UAAU,QAAQ,KAAK;AAAA,IAClD;AAwBA,aAAS,aAAc;AACtB,UAAI,MAAM,OAAO,WAAW;AAC3B,eAAO,KAAK;AAAA,UACX,MAAM,MAAM,OAAO;AAAA,UACnB,OAAO;AAAA,YACN,WAAW;AAAA,UACf;AAAA,QACA,CAAG;AAAA,MACF,OAAO;AACN,eAAO,KAAK;AAAA,UACX,MAAM;AAAA,UACN,QAAQ;AAAA,YACP,KAAKF,MAAW,KAAK;AAAA,UACzB;AAAA,UACG,OAAO;AAAA,YACN,WAAW;AAAA,UACf;AAAA,QACA,CAAG;AAAA,MACF;AAAA,IACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SignIn.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/SignIn.vue"],"sourcesContent":["<template>\n\t<section class=\"\">\n\t\t<!-- Header -->\n\t\t<img loading=\"lazy\" :src=\"'/logo/logo.svg'\" class=\"i-extra radius-small mn-b-small\">\n\n\t\t<h3 class=\"mn-b-medium\">\n\t\t\t{{ t('auth.signIn.title') }}\n\t\t\t<br>\n\t\t\t<span class=\"fw-semi\">{{ t('auth.signIn.subtitle') }}</span>\n\t\t</h3>\n\n\t\t<p class=\"mn-b-big\">\n\t\t\t<router-link :to=\"{name: 'Sign Up', query: { returnUrl: route.query?.returnUrl}}\" class=\"underline t-grey\">{{ t('auth.signIn.signup') }}</router-link>\n\t\t</p>\n\t\t\n\t\t<!-- Select -->\n\t\t<div \n\t\t\tv-if=\"availableTabs.length > 1\" \n\t\t\tclass=\"mn-b-small p-small uppercase fw-semi bg-light radius-small o-hidden\"\n\t\t>\n\t\t\t<Tab \n\t\t\t\tv-model:selected=\"tabAuth\"\n\t\t\t\t:tabs=\"availableTabs\"\n\t\t\t\tclassTab=\"pd-small pd-r-medium pd-l-medium w-100 pd-small radius-small\"\n\t\t\t/>\n\t\t</div>\n\t\t<!-- Form -->\n\t\t<div class=\"pos-relative\">\n\t\t<!-- Phone -->\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<div v-show=\"tabAuth === 'phone'\" class=\"mn-b-thin radius-small\">\n\t\t\t\t\t<FieldPhone\n\t\t\t\t\t\t@change=\"(event) => auth.state.user.phone = event\" \t\n\t\t\t\t\t\t:dropdownOptions=\"{\n\t\t\t\t\t\t\tshowDialCodeInSelection: true,\n\t\t\t\t\t\t\tshowFlags: true,\n\t\t\t\t\t\t\tshowDialCodeInList: true,\n\t\t\t\t\t\t\ttabIndex: -1\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\t:validCharactersOnly=\"true\"\n\t\t\t\t\t\t:validation=\"phoneValidation\" \n\t\t\t\t\t\tmode=\"national\"\n\t\t\t\t\t\t:inputOptions=\"{placeholder: t('auth.signIn.phonePlaceholder'), type: 'tel'}\"\n\t\t\t\t\t\tclass=\"bg-light h-4r pd-small radius-small mn-b-thin\" \n\t\t\t\t\t/>\n\t\t\t\t\t\n\t\t\t\t</div>\n\t\t\t</transition>\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<div v-show=\"tabAuth === 'email'\" class=\"mn-b-thin radius-small o-hidden\">\n\t\t\t\t\t<Field \n\t\t\t\t\t\tv-model:field=\"auth.state.user.email\" \t\n\t\t\t\t\t\t:placeholder=\"t('auth.signIn.emailPlaceholder')\" \t\n\t\t\t\t\t\t:validation=\"emailValidation\"\n\t\t\t\t\t\t:tabIndex=\"-1\"\n\t\t\t\t\t\tclass=\"bg-light h-4r pd-medium radius-small\" \n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</transition>\n\t\t</div>\n\n\t\t<!-- Password -->\n\t\t<Field \n\t\t\tv-model:field=\"auth.state.user.password\"\n\t\t\ttype=\"password\" \t\n\t\t\t:validation=\"passswordValidation\" \n\t\t\t:placeholder=\"t('auth.signIn.passwordPlaceholder')\" \n\t\t\tclass=\"\n        bg-light\n        pd-medium\n        radius-small\n        mn-b-semi\n        h-4r \n      \"\n\t\t/>\n\t\t<!-- Links -->\n\t\t<div class=\"w-100 mn-b-big\">\n\t\t\t<router-link\n\t\t\t\t:to=\"{name: 'Reset Password', query: { returnUrl: route.query?.returnUrl}}\"\n\t\t\t\tclass=\"underline d-block t-blue\"\n\t\t\t>\n\t\t\t\t{{ t('auth.signIn.forgotPassword') }}\n\t\t\t</router-link>\n\t\t</div>\n\t\t<!-- Button -->\n\t\t<Button \n\t\t\t:submit=\"onSubmit\" \n\t\t\t:callback=\"redirectTo\" \n\t\t\tclass=\"w-100 bg-main\"\n\t\t>\n\t\t\t{{ t('auth.signIn.signin') }}\n\t\t</Button>\n\t\t\n\t\t<!-- <Button \n\t\t\t:submit=\"onSubmitApple\" \n\t\t\t:callback=\"redirectTo\" \n\t\t\tclass=\"mn-b-thin bg-black t-white\"\n\t\t>\n\t\t\t{{ t('auth.signIn.signin_apple') }}\n\t\t</Button> -->\n\t</section> \n</template>\n\n<script setup>\n// Import components\nimport Tab           from '@martyrs/src/components/Tab/Tab.vue'\nimport Field         from '@martyrs/src/components/Field/Field.vue'\nimport FieldPhone    from '@martyrs/src/components/FieldPhone/FieldPhone.vue'\nimport Button        from '@martyrs/src/components/Button/Button.vue'\n// Import libs\nimport { computed, onMounted, ref, inject } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n// Import store\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n// Import validation\nimport * as inputsValidation from '@martyrs/src/modules/auth/views/validations/inputs.validation'\n\n// Get store\nconst store = useStore()\nconst core = store.core\n\n// Init validation\nconst phoneValidation = ref(null)\nconst passswordValidation = ref(null)\nconst emailValidation = ref(null)\n// Accessing router\nconst route = useRoute()\nconst router = useRouter()\n// Localization\nconst { t } = useI18n({\n\tuseScope: 'global'\n})\n// Accessing state\nconst availableTabs = computed(() => {\n    const tabs = [\n        { name: t('auth.signIn.phone'), value: 'phone' },\n        { name: t('auth.signIn.email'), value: 'email' }\n    ];\n    const excludeMethods = core.state?.options?.auth?.authMethodsExclude || [];\n    return tabs.filter(tab => !excludeMethods.includes(tab.value));\n});\n\nconst tabAuth = ref(availableTabs.value.length ? availableTabs.value[0].value : '');\n\nconst loadExternalScript = (src) => {\n  return new Promise((resolve, reject) => {\n    const script = document.createElement('script');\n    script.type = 'text/javascript';\n    script.src = src;\n    script.onload = resolve;\n    script.onerror = reject;\n    document.head.appendChild(script);\n  });\n}\n\nonMounted(async () => {\n\tawait loadExternalScript('https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js');\n});\n// Methods\nasync function onSubmit() {\n\ttry {\n\t  if (tabAuth.value === 'phone') await inputsValidation.validateInputs(\n\t\t\tphoneValidation, \n\t\t\tinputsValidation.validatePhone, \n\t\t\tauth.state.user.phone, \n\t\t\t'Некорректный телефон'\n\t\t)\n\t\tif (tabAuth.value === 'email') await inputsValidation.validateInputs(\n\t\t\temailValidation, \n\t\t\tinputsValidation.validateEmail, \n\t\t\tauth.state.user.email, \n\t\t\t'Некорректный email'\n\t\t)\n\t} catch (error) {\n\t\tconsole.log(error)\n\t\tthrow new Error\n\t}\n\n\t// COSTIL PLEASE GOD MAKE IT GOOD, FUKEN INPUT COMPONENT RETURN OBJECT NUT NUMBER\n\tconst userCopy = {...auth.state.user};\n\t// COSTIL PLEASE GOD MAKE IT GOOD, FUKEN INPUT COMPONENT RETURN OBJECT NUT NUMBER\n\n \tawait auth.actions.login(userCopy, tabAuth.value)\n}\n\nasync function onSubmitApple() {\n  try {\n    window.AppleID.auth.init({\n      clientId: 'com.thecommune.app.signin',\n      scope: 'email name',\n      redirectURI: 'https://thecommunephuket.com/auth/signin',\n      usePopup: true,\n    });\n\n    let response = await window.AppleID.auth.signIn();\n\n    if (response) {\n      console.log(response);\n      await auth.actions.login(response, 'apple');\n    }\n\n  } catch (error) {\n    console.error(error);\n    throw new Error('Error during Apple authentication');\n  }\n}\n\nfunction redirectTo () {\n\tif (route.query?.returnUrl) {\n\t\trouter.push({ \n\t\t\tpath: route.query?.returnUrl,\n\t\t\tquery: { \n\t\t\t\tafterAuth: 'true' \n\t\t\t}\n\t\t})\n\t} else { \n\t\trouter.push({ \n\t\t\tname: 'User Profile', \n\t\t\tparams: { \n\t\t\t\t_id: auth.state.user._id \n\t\t\t},\n\t\t\tquery: { \n\t\t\t\tafterAuth: 'true' \n\t\t\t}\n\t\t})\n\t}\n}\n</script>\n\n<style lang=\"scss\">\n\n\t.input-error {\n\t  border: 1px solid red;\n\t  box-shadow: 0 0 3px 0 red;\n\t}\n</style>"],"names":["inputsValidation.validateInputs","inputsValidation.validatePhone","auth.state","inputsValidation.validateEmail","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAwHA,UAAM,QAAQ,SAAQ;AACtB,UAAM,OAAO,MAAM;AAGnB,UAAM,kBAAkB,IAAI,IAAI;AAChC,UAAM,sBAAsB,IAAI,IAAI;AACpC,UAAM,kBAAkB,IAAI,IAAI;AAEhC,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,UAAM,EAAE,EAAC,IAAK,QAAQ;AAAA,MACrB,UAAU;AAAA,IACX,CAAC;AAED,UAAM,gBAAgB,SAAS,MAAM;AACjC,YAAM,OAAO;AAAA,QACT,EAAE,MAAM,EAAE,mBAAmB,GAAG,OAAO,QAAO;AAAA,QAC9C,EAAE,MAAM,EAAE,mBAAmB,GAAG,OAAO,QAAO;AAAA,MACtD;AACI,YAAM,iBAAiB,KAAK,OAAO,SAAS,MAAM,sBAAsB,CAAA;AACxE,aAAO,KAAK,OAAO,SAAO,CAAC,eAAe,SAAS,IAAI,KAAK,CAAC;AAAA,IACjE,CAAC;AAED,UAAM,UAAU,IAAI,cAAc,MAAM,SAAS,cAAc,MAAM,CAAC,EAAE,QAAQ,EAAE;AAElF,UAAM,qBAAqB,CAAC,QAAQ;AAClC,aAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AACtC,cAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,eAAO,OAAO;AACd,eAAO,MAAM;AACb,eAAO,SAAS;AAChB,eAAO,UAAU;AACjB,iBAAS,KAAK,YAAY,MAAM;AAAA,MAClC,CAAC;AAAA,IACH;AAEA,cAAU,YAAY;AACrB,YAAM,mBAAmB,sFAAsF;AAAA,IAChH,CAAC;AAED,mBAAe,WAAW;AACzB,UAAI;AACF,YAAI,QAAQ,UAAU,QAAS,OAAMA;AAAAA,UACrC;AAAA,UACAC;AAAAA,UACAC,MAAW,KAAK;AAAA,UAChB;AAAA,QACH;AACE,YAAI,QAAQ,UAAU,QAAS,OAAMF;AAAAA,UACpC;AAAA,UACAG;AAAAA,UACAD,MAAW,KAAK;AAAA,UAChB;AAAA,QACH;AAAA,MACC,SAAS,OAAO;AACf,gBAAQ,IAAI,KAAK;AACjB,cAAM,IAAI;AAAA,MACX;AAGA,YAAM,WAAW,EAAC,GAAGA,MAAW,KAAI;AAGnC,YAAME,QAAa,MAAM,UAAU,QAAQ,KAAK;AAAA,IAClD;AAwBA,aAAS,aAAc;AACtB,UAAI,MAAM,OAAO,WAAW;AAC3B,eAAO,KAAK;AAAA,UACX,MAAM,MAAM,OAAO;AAAA,UACnB,OAAO;AAAA,YACN,WAAW;AAAA,UACf;AAAA,QACA,CAAG;AAAA,MACF,OAAO;AACN,eAAO,KAAK;AAAA,UACX,MAAM;AAAA,UACN,QAAQ;AAAA,YACP,KAAKF,MAAW,KAAK;AAAA,UACzB;AAAA,UACG,OAAO;AAAA,YACN,WAAW;AAAA,UACf;AAAA,QACA,CAAG;AAAA,MACF;AAAA,IACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,8 +1,8 @@
 import { ref, computed, resolveComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, toDisplayString, unref, Transition, withCtx, withDirectives, vShow, createTextVNode } from "vue";
 import _sfc_main$1 from "../../../../../components/Tab/Tab.vue2.js";
-import Field from "../../../../../components/Field/Field.vue2.js";
+import Field from "../../../../../components/Field/Field.vue.js";
 import _sfc_main$2 from "../../../../../components/FieldPhone/FieldPhone.vue.js";
-import _sfc_main$3 from "../../../../../components/Button/Button.vue.js";
+import _sfc_main$3 from "../../../../../components/Button/Button.vue2.js";
 import { useRoute, useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
 import { useStore } from "../../../../core/views/store/core.store.js";
@@ -12,7 +12,7 @@ const _hoisted_1 = { class: "t-left pd-medium" };
 const _hoisted_2 = { class: "mn-b-small" };
 const _hoisted_3 = {
   key: 0,
-  class: "mn-b-small p-small uppercase t-semi bg-light radius-small o-hidden"
+  class: "mn-b-small p-small uppercase fw-semi bg-light radius-small o-hidden"
 };
 const _hoisted_4 = { class: "pos-relative" };
 const _hoisted_5 = { class: "mn-b-semi radius-small" };

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

@@ -1 +1 @@
-{"version":3,"file":"SignUp.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/SignUp.vue"],"sourcesContent":["<template>\n\t<section class=\"t-left pd-medium\">\n\t\t<!-- Header -->\n\t\t<!-- <img loading=\"lazy\" src=\"@/assets/images/logo.svg\" class=\"i-extra mn-b-small\"> -->\n\t\t<h3 class=\"mn-b-small\">{{t('auth.signUp.title')}}</h3>\n\t\t\n\t\t<!-- Select -->\n\t\t<div \n\t\t\tv-if=\"availableTabs.length > 1\" \n\t\t\tclass=\"mn-b-small p-small uppercase t-semi bg-light radius-small o-hidden\"\n\t\t>\n\t\t\t<Tab \n\t\t\t\tv-model:selected=\"tabAuth\"\n\t\t\t\t:tabs=\"availableTabs\"\n\t\t\t\tclassTab=\"pd-small pd-r-medium pd-l-medium w-100 pd-small radius-small\"\n\t\t\t/>\n\t\t</div>\n\n\t\t<!-- Form -->\n\t\t<div class=\"pos-relative\">\n\t\t<!-- Phone -->\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<div v-show=\"tabAuth === 'phone'\" class=\"mn-b-semi radius-small\">\n\t\t\t\t\t<p class=\"mn-b-small t-transp\">{{t('auth.signUp.smsNotice')}}</p>\n\t\t\t\t\t<FieldPhone\n\t\t\t\t\t\t@change=\"(event) => auth.state.user.phone = event\" \t\n\t\t\t\t\t\t:dropdownOptions=\"{\n\t\t\t\t\t\t\tshowDialCodeInSelection: true,\n\t\t\t\t\t\t\tshowFlags: true,\n\t\t\t\t\t\t\tshowDialCodeInList: true\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\t:validation=\"phoneValidation\" \n\t\t\t\t\t\tmode=\"national\"\n\t\t\t\t\t\t:inputOptions=\"{placeholder: t('auth.signUp.phonePlaceholder')}\"\n\t\t\t\t\t\tclass=\"bg-light h-4r pd-small radius-small mn-b-thin\" \n\t\t\t\t\t/>\n\t\t\t\t\t\n\t\t\t\t</div>\n\t\t\t</transition>\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<div v-show=\"tabAuth === 'email'\" class=\"mn-b-semi radius-small o-hidden\">\n\t\t\t\t\t<p class=\"mn-b-small t-transp\">{{t('auth.signUp.emailNotice')}}</p>\n\t\t\t\t\t<Field \n\t\t\t\t\t\tv-model:field=\"auth.state.user.email\" \t\n\t\t\t\t\t\t:placeholder=\"t('auth.signUp.emailPlaceholder')\" \t\n\t\t\t\t\t\t:validation=\"emailValidation\"\n\t\t\t\t\t\tclass=\"bg-light h-4r pd-medium radius-small\" \n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</transition>\n\t\t</div>\n\t\t\n\t\t<!-- Button -->\n\t\t<Button :submit=\"onSubmit\" :callback=\"redirectTo\" class=\"w-100 bg-main mn-b-big\">{{t('auth.signUp.sendCode')}}</Button>\n\t\t\t\n\t\t<!-- Links -->\n\t\t<div class=\"w-100\">\n\t\t\t<router-link :to=\"{name: 'Sign In', query: { returnUrl: route.query.returnUrl}}\" class=\"underline mn-b-medium d-block t-blue\">{{t('auth.signUp.haveAccount')}}</router-link>\n\t\t</div>\n\n\t</section> \n</template>\n\n\t<script setup>\n\t// Import components\n\timport Tab           from '@martyrs/src/components/Tab/Tab.vue'\n\timport Field         from '@martyrs/src/components/Field/Field.vue'\n\timport FieldPhone    from '@martyrs/src/components/FieldPhone/FieldPhone.vue'\n\timport Button        from '@martyrs/src/components/Button/Button.vue'\n\t// Import libs\n\timport { computed, onMounted, ref } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t// Import store\n\timport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\n\t// Import validation\n\timport * as inputsValidation from '@martyrs/src/modules/auth/views/validations/inputs.validation'\n\t\n\t// Get store\n\tconst store = useStore()\n\tconst auth = store.auth || { state: {}, actions: {} }\n\tconst twofa = store.twofa || { state: {}, actions: {}, sendCode: () => {} }\n\tconst core = store.core || { state: {}, actions: {} }\n\t// Localization\n\tconst { t } = useI18n({\n\t\tuseScope: 'global', \n\t})\n\t// Validation\n\tconst phoneValidation = ref(null)\n\tconst emailValidation = ref(null)\n\t// Accessing router\n\tconst route = useRoute()\n\tconst router = useRouter()\n\t// Accessing state\n\tconst availableTabs = computed(() => {\n\t    const tabs = [\n\t        { name: t('auth.signUp.phone'), value: 'phone' },\n\t        { name: t('auth.signUp.email'), value: 'email' }\n\t    ];\n\t    const excludeMethods = core.state?.options?.auth?.authMethodsExclude || [];\n\t    return tabs.filter(tab => !excludeMethods.includes(tab.value));\n\t});\n\n\tconst tabAuth = ref(availableTabs.value.length ? availableTabs.value[0].value : '');\n\t// Methods\n\tasync function onSubmit() {\n\t\ttry {\n\t\t  if (tabAuth.value === 'phone') await inputsValidation.validateInputs(\n\t\t\t\tphoneValidation, \n\t\t\t\tinputsValidation.validatePhone, \n\t\t\t\tauth.state.user.phone, \n\t\t\t\t'Некорректный телефон'\n\t\t\t)\n\t\t\tif (tabAuth.value === 'email') await inputsValidation.validateInputs(\n\t\t\t\temailValidation, \n\t\t\t\tinputsValidation.validateEmail, \n\t\t\t\tauth.state.user.email, \n\t\t\t\t'Некорректный email'\n\t\t\t)\n\t\t} catch (error) {\n\t\t\tthrow new Error\n\t\t}\n\t\ttry {\n\t  \tawait twofa.sendCode(auth.state.user, 'signup', tabAuth.value)\n\t  } catch (error) {\n\t\t\tthrow new Error\n\t\t}\n\t}\n\n\tfunction redirectTo () {\n\t\trouter.push({ name: 'Enter Code', query: { returnUrl: route.query.returnUrl}})\n\t}\n</script>\n\n<style lang=\"scss\">\n\t.slide-fade-enter-active {\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tposition: absolute;\n\t  transform: translateX(20px);\n\t  opacity: 0;\n\t  left: 0;\n\t  top: 0;\n\t}\n\n\t.slide-fade-leave-to {\n\n\t}\n</style>\n"],"names":["inputsValidation.validateInputs","inputsValidation.validatePhone","inputsValidation.validateEmail"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA+EC,UAAM,QAAQ,SAAQ;AACtB,UAAM,OAAO,MAAM,QAAQ,EAAE,OAAO,CAAA,GAAI,SAAS,CAAA,EAAE;AACnD,UAAM,QAAQ,MAAM,SAAS,EAAE,OAAO,IAAI,SAAS,CAAA,GAAI,UAAU,MAAM;AAAA,IAAC,EAAC;AACzE,UAAM,OAAO,MAAM,QAAQ,EAAE,OAAO,CAAA,EAAgB;AAEpD,UAAM,EAAE,EAAC,IAAK,QAAQ;AAAA,MACrB,UAAU;AAAA,IACZ,CAAE;AAED,UAAM,kBAAkB,IAAI,IAAI;AAChC,UAAM,kBAAkB,IAAI,IAAI;AAEhC,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,UAAM,gBAAgB,SAAS,MAAM;AACjC,YAAM,OAAO;AAAA,QACT,EAAE,MAAM,EAAE,mBAAmB,GAAG,OAAO,QAAO;AAAA,QAC9C,EAAE,MAAM,EAAE,mBAAmB,GAAG,OAAO,QAAO;AAAA,MACvD;AACK,YAAM,iBAAiB,KAAK,OAAO,SAAS,MAAM,sBAAsB,CAAA;AACxE,aAAO,KAAK,OAAO,SAAO,CAAC,eAAe,SAAS,IAAI,KAAK,CAAC;AAAA,IACjE,CAAC;AAED,UAAM,UAAU,IAAI,cAAc,MAAM,SAAS,cAAc,MAAM,CAAC,EAAE,QAAQ,EAAE;AAElF,mBAAe,WAAW;AACzB,UAAI;AACF,YAAI,QAAQ,UAAU,QAAS,OAAMA;AAAAA,UACrC;AAAA,UACAC;AAAAA,UACA,KAAK,MAAM,KAAK;AAAA,UAChB;AAAA,QACJ;AACG,YAAI,QAAQ,UAAU,QAAS,OAAMD;AAAAA,UACpC;AAAA,UACAE;AAAAA,UACA,KAAK,MAAM,KAAK;AAAA,UAChB;AAAA,QACJ;AAAA,MACE,SAAS,OAAO;AACf,cAAM,IAAI;AAAA,MACX;AACA,UAAI;AACF,cAAM,MAAM,SAAS,KAAK,MAAM,MAAM,UAAU,QAAQ,KAAK;AAAA,MAC9D,SAAS,OAAO;AAChB,cAAM,IAAI;AAAA,MACX;AAAA,IACD;AAEA,aAAS,aAAc;AACtB,aAAO,KAAK,EAAE,MAAM,cAAc,OAAO,EAAE,WAAW,MAAM,MAAM,UAAS,EAAC,CAAC;AAAA,IAC9E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SignUp.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/SignUp.vue"],"sourcesContent":["<template>\n\t<section class=\"t-left pd-medium\">\n\t\t<!-- Header -->\n\t\t<!-- <img loading=\"lazy\" src=\"@/assets/images/logo.svg\" class=\"i-extra mn-b-small\"> -->\n\t\t<h3 class=\"mn-b-small\">{{t('auth.signUp.title')}}</h3>\n\t\t\n\t\t<!-- Select -->\n\t\t<div \n\t\t\tv-if=\"availableTabs.length > 1\" \n\t\t\tclass=\"mn-b-small p-small uppercase fw-semi bg-light radius-small o-hidden\"\n\t\t>\n\t\t\t<Tab \n\t\t\t\tv-model:selected=\"tabAuth\"\n\t\t\t\t:tabs=\"availableTabs\"\n\t\t\t\tclassTab=\"pd-small pd-r-medium pd-l-medium w-100 pd-small radius-small\"\n\t\t\t/>\n\t\t</div>\n\n\t\t<!-- Form -->\n\t\t<div class=\"pos-relative\">\n\t\t<!-- Phone -->\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<div v-show=\"tabAuth === 'phone'\" class=\"mn-b-semi radius-small\">\n\t\t\t\t\t<p class=\"mn-b-small t-transp\">{{t('auth.signUp.smsNotice')}}</p>\n\t\t\t\t\t<FieldPhone\n\t\t\t\t\t\t@change=\"(event) => auth.state.user.phone = event\" \t\n\t\t\t\t\t\t:dropdownOptions=\"{\n\t\t\t\t\t\t\tshowDialCodeInSelection: true,\n\t\t\t\t\t\t\tshowFlags: true,\n\t\t\t\t\t\t\tshowDialCodeInList: true\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\t:validation=\"phoneValidation\" \n\t\t\t\t\t\tmode=\"national\"\n\t\t\t\t\t\t:inputOptions=\"{placeholder: t('auth.signUp.phonePlaceholder')}\"\n\t\t\t\t\t\tclass=\"bg-light h-4r pd-small radius-small mn-b-thin\" \n\t\t\t\t\t/>\n\t\t\t\t\t\n\t\t\t\t</div>\n\t\t\t</transition>\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<div v-show=\"tabAuth === 'email'\" class=\"mn-b-semi radius-small o-hidden\">\n\t\t\t\t\t<p class=\"mn-b-small t-transp\">{{t('auth.signUp.emailNotice')}}</p>\n\t\t\t\t\t<Field \n\t\t\t\t\t\tv-model:field=\"auth.state.user.email\" \t\n\t\t\t\t\t\t:placeholder=\"t('auth.signUp.emailPlaceholder')\" \t\n\t\t\t\t\t\t:validation=\"emailValidation\"\n\t\t\t\t\t\tclass=\"bg-light h-4r pd-medium radius-small\" \n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</transition>\n\t\t</div>\n\t\t\n\t\t<!-- Button -->\n\t\t<Button :submit=\"onSubmit\" :callback=\"redirectTo\" class=\"w-100 bg-main mn-b-big\">{{t('auth.signUp.sendCode')}}</Button>\n\t\t\t\n\t\t<!-- Links -->\n\t\t<div class=\"w-100\">\n\t\t\t<router-link :to=\"{name: 'Sign In', query: { returnUrl: route.query.returnUrl}}\" class=\"underline mn-b-medium d-block t-blue\">{{t('auth.signUp.haveAccount')}}</router-link>\n\t\t</div>\n\n\t</section> \n</template>\n\n\t<script setup>\n\t// Import components\n\timport Tab           from '@martyrs/src/components/Tab/Tab.vue'\n\timport Field         from '@martyrs/src/components/Field/Field.vue'\n\timport FieldPhone    from '@martyrs/src/components/FieldPhone/FieldPhone.vue'\n\timport Button        from '@martyrs/src/components/Button/Button.vue'\n\t// Import libs\n\timport { computed, onMounted, ref } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t// Import store\n\timport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\n\t// Import validation\n\timport * as inputsValidation from '@martyrs/src/modules/auth/views/validations/inputs.validation'\n\t\n\t// Get store\n\tconst store = useStore()\n\tconst auth = store.auth || { state: {}, actions: {} }\n\tconst twofa = store.twofa || { state: {}, actions: {}, sendCode: () => {} }\n\tconst core = store.core || { state: {}, actions: {} }\n\t// Localization\n\tconst { t } = useI18n({\n\t\tuseScope: 'global', \n\t})\n\t// Validation\n\tconst phoneValidation = ref(null)\n\tconst emailValidation = ref(null)\n\t// Accessing router\n\tconst route = useRoute()\n\tconst router = useRouter()\n\t// Accessing state\n\tconst availableTabs = computed(() => {\n\t    const tabs = [\n\t        { name: t('auth.signUp.phone'), value: 'phone' },\n\t        { name: t('auth.signUp.email'), value: 'email' }\n\t    ];\n\t    const excludeMethods = core.state?.options?.auth?.authMethodsExclude || [];\n\t    return tabs.filter(tab => !excludeMethods.includes(tab.value));\n\t});\n\n\tconst tabAuth = ref(availableTabs.value.length ? availableTabs.value[0].value : '');\n\t// Methods\n\tasync function onSubmit() {\n\t\ttry {\n\t\t  if (tabAuth.value === 'phone') await inputsValidation.validateInputs(\n\t\t\t\tphoneValidation, \n\t\t\t\tinputsValidation.validatePhone, \n\t\t\t\tauth.state.user.phone, \n\t\t\t\t'Некорректный телефон'\n\t\t\t)\n\t\t\tif (tabAuth.value === 'email') await inputsValidation.validateInputs(\n\t\t\t\temailValidation, \n\t\t\t\tinputsValidation.validateEmail, \n\t\t\t\tauth.state.user.email, \n\t\t\t\t'Некорректный email'\n\t\t\t)\n\t\t} catch (error) {\n\t\t\tthrow new Error\n\t\t}\n\t\ttry {\n\t  \tawait twofa.sendCode(auth.state.user, 'signup', tabAuth.value)\n\t  } catch (error) {\n\t\t\tthrow new Error\n\t\t}\n\t}\n\n\tfunction redirectTo () {\n\t\trouter.push({ name: 'Enter Code', query: { returnUrl: route.query.returnUrl}})\n\t}\n</script>\n\n<style lang=\"scss\">\n\t.slide-fade-enter-active {\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tposition: absolute;\n\t  transform: translateX(20px);\n\t  opacity: 0;\n\t  left: 0;\n\t  top: 0;\n\t}\n\n\t.slide-fade-leave-to {\n\n\t}\n</style>\n"],"names":["inputsValidation.validateInputs","inputsValidation.validatePhone","inputsValidation.validateEmail"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA+EC,UAAM,QAAQ,SAAQ;AACtB,UAAM,OAAO,MAAM,QAAQ,EAAE,OAAO,CAAA,GAAI,SAAS,CAAA,EAAE;AACnD,UAAM,QAAQ,MAAM,SAAS,EAAE,OAAO,IAAI,SAAS,CAAA,GAAI,UAAU,MAAM;AAAA,IAAC,EAAC;AACzE,UAAM,OAAO,MAAM,QAAQ,EAAE,OAAO,CAAA,EAAgB;AAEpD,UAAM,EAAE,EAAC,IAAK,QAAQ;AAAA,MACrB,UAAU;AAAA,IACZ,CAAE;AAED,UAAM,kBAAkB,IAAI,IAAI;AAChC,UAAM,kBAAkB,IAAI,IAAI;AAEhC,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,UAAM,gBAAgB,SAAS,MAAM;AACjC,YAAM,OAAO;AAAA,QACT,EAAE,MAAM,EAAE,mBAAmB,GAAG,OAAO,QAAO;AAAA,QAC9C,EAAE,MAAM,EAAE,mBAAmB,GAAG,OAAO,QAAO;AAAA,MACvD;AACK,YAAM,iBAAiB,KAAK,OAAO,SAAS,MAAM,sBAAsB,CAAA;AACxE,aAAO,KAAK,OAAO,SAAO,CAAC,eAAe,SAAS,IAAI,KAAK,CAAC;AAAA,IACjE,CAAC;AAED,UAAM,UAAU,IAAI,cAAc,MAAM,SAAS,cAAc,MAAM,CAAC,EAAE,QAAQ,EAAE;AAElF,mBAAe,WAAW;AACzB,UAAI;AACF,YAAI,QAAQ,UAAU,QAAS,OAAMA;AAAAA,UACrC;AAAA,UACAC;AAAAA,UACA,KAAK,MAAM,KAAK;AAAA,UAChB;AAAA,QACJ;AACG,YAAI,QAAQ,UAAU,QAAS,OAAMD;AAAAA,UACpC;AAAA,UACAE;AAAAA,UACA,KAAK,MAAM,KAAK;AAAA,UAChB;AAAA,QACJ;AAAA,MACE,SAAS,OAAO;AACf,cAAM,IAAI;AAAA,MACX;AACA,UAAI;AACF,cAAM,MAAM,SAAS,KAAK,MAAM,MAAM,UAAU,QAAQ,KAAK;AAAA,MAC9D,SAAS,OAAO;AAChB,cAAM,IAAI;AAAA,MACX;AAAA,IACD;AAEA,aAAS,aAAc;AACtB,aAAO,KAAK,EAAE,MAAM,cAAc,OAAO,EAAE,WAAW,MAAM,MAAM,UAAS,EAAC,CAAC;AAAA,IAC9E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -38,7 +38,7 @@ const _sfc_main = {
         createElementVNode("div", _hoisted_2, [
           createVNode(_sfc_main$1, { class: "pos-relative" }, {
             default: withCtx(() => [
-              _cache[0] || (_cache[0] = createElementVNode("span", { class: "t-green t-semi pos-absolute pos-t-medium pos-r-medium" }, "+12.5%", -1)),
+              _cache[0] || (_cache[0] = createElementVNode("span", { class: "t-green fw-semi pos-absolute pos-t-small pos-r-small" }, "+12.5%", -1)),
               createElementVNode("div", _hoisted_3, [
                 createVNode(_sfc_main$2, { class: "i-medium mn-small" })
               ]),
@@ -49,7 +49,7 @@ const _sfc_main = {
           }),
           createVNode(_sfc_main$1, { class: "pos-relative" }, {
             default: withCtx(() => [
-              _cache[2] || (_cache[2] = createElementVNode("span", { class: "t-green t-semi pos-absolute pos-t-medium pos-r-medium" }, "+14.8%", -1)),
+              _cache[2] || (_cache[2] = createElementVNode("span", { class: "t-green fw-semi pos-absolute pos-t-small pos-r-small" }, "+14.8%", -1)),
               createElementVNode("div", _hoisted_5, [
                 createVNode(_sfc_main$3, { class: "i-medium mn-small" })
               ]),
@@ -60,7 +60,7 @@ const _sfc_main = {
           }),
           createVNode(_sfc_main$1, { class: "pos-relative" }, {
             default: withCtx(() => [
-              _cache[4] || (_cache[4] = createElementVNode("span", { class: "t-green t-semi pos-absolute pos-t-medium pos-r-medium" }, "+25.1%", -1)),
+              _cache[4] || (_cache[4] = createElementVNode("span", { class: "t-green fw-semi pos-absolute pos-t-small pos-r-small" }, "+25.1%", -1)),
               createElementVNode("div", _hoisted_7, [
                 createVNode(_sfc_main$4, { class: "i-medium mn-small" })
               ]),

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

@@ -1 +1 @@
-{"version":3,"file":"UserDashboard.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/UserDashboard.vue"],"sourcesContent":["<template>\n\t<div class=\"pd-medium bg-white\">\n\t\t<h2 class=\"mn-b-small\">Overview</h2>\n\t\t<div class=\"mn-b-medium cols-3 mobile:cols-1 gap-thin\">\n\t\t\t<Block class=\"pos-relative\">\n\t\t\t\t<span class=\"t-green t-semi pos-absolute pos-t-medium pos-r-medium\">+12.5%</span>\n\t\t\t\t<div class=\"mn-b-medium radius-small w-max bg-main\"><IconGroups class=\"i-medium mn-small\"/></div>\n\t\t\t\t<p class=\"h3 mn-b-thin\">{{ stats.organizations || 0 }}</p>\n\t\t\t\t<p>My Groups</p>\n\t\t\t</Block>\n\n\t\t\t<Block class=\"pos-relative\">\n\t\t\t\t<span class=\"t-green t-semi pos-absolute pos-t-medium pos-r-medium\">+14.8%</span>\n\t\t\t\t<div class=\"mn-b-medium radius-small w-max bg-main\"><IconOrders class=\"i-medium mn-small\"/></div>\n\t\t\t\t<p class=\"h3 mn-b-thin\">{{ stats.orders || 0 }}</p>\n\t\t\t\t<p>My Orders</p>\n\t\t\t</Block>\n\n\t\t\t<Block class=\"pos-relative\">\n\t\t\t\t<span class=\"t-green t-semi pos-absolute pos-t-medium pos-r-medium\">+25.1%</span>\n\t\t\t\t<div class=\"mn-b-medium radius-small w-max bg-main\"><IconEvents class=\"i-medium mn-small\"/></div>\n\t\t\t\t<p class=\"h3 mn-b-thin\">{{ stats.events || 0 }}</p>\n\t\t\t\t<p>My Events</p>\n\t\t\t</Block>\n\t\t</div>\n\n\t\t<div class=\"cols-2 mobile:cols-1 gap-thin\">\n\t\t\t<Block\n\t\t\t\ttitle=\"Recent Orders\"\n\t\t\t\tclass=\"pos-relative\"\n\t\t\t>\n\t\t\t\t<Feed\n\t        :showLoadMore=\"false\"\n\t        :LoadMore=\"false\"\n\t        :states=\"{\n\t          empty: {\n\t            title: 'No Orders',\n\t            description: 'You have no orders yet.'\n\t          }\n\t        }\"\n\t        :store=\"{\n\t          read: (options) => orders.actions.read(options),\n\t          state: orders.state\n\t        }\"\n\t        :options=\"{\n\t            customer: auth.state.user._id,\n\t            limit: 5,\n\t            page: 1\n\t        }\"\n\t        v-slot=\"{\n\t          items\n\t        }\"\n\t        class=\"cols-1 gap-thin\"\n\t      >\n\t\t\t\t\t<Table\n\t\t\t\t\t\tclass=\"radius-semi bg-white\"\n\t\t\t\t\t\t:items=\"items\"\n\t\t\t\t\t\t:columns=\"[{\n\t\t\t\t\t    key: '_id',\n\t\t\t\t\t    label: 'ID',\n\t\t\t\t\t\t\tformatter: (value) => `#${value.slice(0, 4)}...${value.slice(-4)}`\n\t\t\t\t\t  },\n\t\t\t\t\t  {\n\t\t\t\t\t    key: 'positions',\n\t\t\t\t\t    label: 'Items',\n\t\t\t\t\t    formatter: (value) => value?.length || 0\n\t\t\t\t\t  },\n\t\t\t\t\t  {\n\t\t\t\t\t    key: 'status',\n\t\t\t\t\t    label: 'Status',\n\t\t\t\t\t    component: StatusBadge\n\t\t\t\t\t  },\n\t\t\t\t\t  {\n\t\t\t\t\t    key: 'createdAt',\n\t\t\t\t\t    label: 'Date',\n\t\t\t\t\t    formatter: (value) => new Date(value).toLocaleDateString()\n\t\t\t\t\t  }]\"\n\t\t\t\t\t/>\n\t      </Feed>\n\n\t\t\t</Block>\n\n\t\t\t<Block\n\t\t\t\ttitle=\"Upcoming Events\"\n\t\t\t\tclass=\"pos-relative\"\n\t\t\t>\n\t\t\t\t<Feed\n\t        :showLoadMore=\"false\"\n\t        :LoadMore=\"false\"\n\t        :states=\"{\n\t          empty: {\n\t            title: 'No Events',\n\t            description: 'You have no upcoming events.'\n\t          }\n\t        }\"\n\t        :store=\"{\n\t          read: (options) => events.read(options),\n\t        }\"\n\t        :options=\"{\n\t            creator: auth.state.user._id,\n\t            sortParam: 'date.start',\n\t            sortOrder: 'asc',\n\t            limit: 5,\n\t            page: 1\n\t        }\"\n\t        v-slot=\"{\n\t          items\n\t        }\"\n\t        class=\"cols-1 gap-thin\"\n\t      >\n\t\t\t\t\t<CardEvent\n\t          v-for=\"event in items\"\n\t          :key=\"event._id\"\n\t          :event=\"event\"\n\t          :user=\"auth.state.user._id\"\n\t          :type=\"'compact'\"\n\t          class=\"bg-light radius-medium\"\n\t        />\n\t      </Feed>\n\t\t\t</Block>\n\t\t</div>\n\n\t</div>\n\n\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue';\nimport { useRoute, useRouter } from 'vue-router'\n\nimport Block from '@martyrs/src/components/Block/Block.vue'\nimport Feed from '@martyrs/src/components/Feed/Feed.vue'\nimport Table from '@martyrs/src/components/Table/Table.vue'\nimport StatusBadge from '@martyrs/src/components/Table/StatusBadge.vue'\n\nimport CardEvent from '@martyrs/src/modules/events/components/blocks/CardEvent.vue';\n\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue'\n\nimport * as auth  from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as orders  from '@martyrs/src/modules/orders/store/orders.js'\nimport * as events from '@martyrs/src/modules/events/store/events.js'\n\nconst route = useRoute()\nconst router = useRouter()\n\nconst stats = ref({\n  organizations: 0,\n  orders: 0,\n  events: 0\n})\n\nonMounted(async () => {\n  // Load user stats if needed\n})\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkJc,aAAQ;AACP,cAAS;AAExB,UAAM,QAAQ,IAAI;AAAA,MAChB,eAAe;AAAA,MACf,QAAQ;AAAA,MACR,QAAQ;AAAA,IACV,CAAC;AAED,cAAU,YAAY;AAAA,IAEtB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"UserDashboard.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/UserDashboard.vue"],"sourcesContent":["<template>\n\t<div class=\"pd-medium bg-white\">\n\t\t<h2 class=\"mn-b-small\">Overview</h2>\n\t\t<div class=\"mn-b-medium cols-3 mobile:cols-1 gap-thin\">\n\t\t\t<Block class=\"pos-relative\">\n\t\t\t\t<span class=\"t-green fw-semi pos-absolute pos-t-small pos-r-small\">+12.5%</span>\n\t\t\t\t<div class=\"mn-b-medium radius-small w-max bg-main\"><IconGroups class=\"i-medium mn-small\"/></div>\n\t\t\t\t<p class=\"h3 mn-b-thin\">{{ stats.organizations || 0 }}</p>\n\t\t\t\t<p>My Groups</p>\n\t\t\t</Block>\n\n\t\t\t<Block class=\"pos-relative\">\n\t\t\t\t<span class=\"t-green fw-semi pos-absolute pos-t-small pos-r-small\">+14.8%</span>\n\t\t\t\t<div class=\"mn-b-medium radius-small w-max bg-main\"><IconOrders class=\"i-medium mn-small\"/></div>\n\t\t\t\t<p class=\"h3 mn-b-thin\">{{ stats.orders || 0 }}</p>\n\t\t\t\t<p>My Orders</p>\n\t\t\t</Block>\n\n\t\t\t<Block class=\"pos-relative\">\n\t\t\t\t<span class=\"t-green fw-semi pos-absolute pos-t-small pos-r-small\">+25.1%</span>\n\t\t\t\t<div class=\"mn-b-medium radius-small w-max bg-main\"><IconEvents class=\"i-medium mn-small\"/></div>\n\t\t\t\t<p class=\"h3 mn-b-thin\">{{ stats.events || 0 }}</p>\n\t\t\t\t<p>My Events</p>\n\t\t\t</Block>\n\t\t</div>\n\n\t\t<div class=\"cols-2 mobile:cols-1 gap-thin\">\n\t\t\t<Block\n\t\t\t\ttitle=\"Recent Orders\"\n\t\t\t\tclass=\"pos-relative\"\n\t\t\t>\n\t\t\t\t<Feed\n\t        :showLoadMore=\"false\"\n\t        :LoadMore=\"false\"\n\t        :states=\"{\n\t          empty: {\n\t            title: 'No Orders',\n\t            description: 'You have no orders yet.'\n\t          }\n\t        }\"\n\t        :store=\"{\n\t          read: (options) => orders.actions.read(options),\n\t          state: orders.state\n\t        }\"\n\t        :options=\"{\n\t            customer: auth.state.user._id,\n\t            limit: 5,\n\t            page: 1\n\t        }\"\n\t        v-slot=\"{\n\t          items\n\t        }\"\n\t        class=\"cols-1 gap-thin\"\n\t      >\n\t\t\t\t\t<Table\n\t\t\t\t\t\tclass=\"radius-semi bg-white\"\n\t\t\t\t\t\t:items=\"items\"\n\t\t\t\t\t\t:columns=\"[{\n\t\t\t\t\t    key: '_id',\n\t\t\t\t\t    label: 'ID',\n\t\t\t\t\t\t\tformatter: (value) => `#${value.slice(0, 4)}...${value.slice(-4)}`\n\t\t\t\t\t  },\n\t\t\t\t\t  {\n\t\t\t\t\t    key: 'positions',\n\t\t\t\t\t    label: 'Items',\n\t\t\t\t\t    formatter: (value) => value?.length || 0\n\t\t\t\t\t  },\n\t\t\t\t\t  {\n\t\t\t\t\t    key: 'status',\n\t\t\t\t\t    label: 'Status',\n\t\t\t\t\t    component: StatusBadge\n\t\t\t\t\t  },\n\t\t\t\t\t  {\n\t\t\t\t\t    key: 'createdAt',\n\t\t\t\t\t    label: 'Date',\n\t\t\t\t\t    formatter: (value) => new Date(value).toLocaleDateString()\n\t\t\t\t\t  }]\"\n\t\t\t\t\t/>\n\t      </Feed>\n\n\t\t\t</Block>\n\n\t\t\t<Block\n\t\t\t\ttitle=\"Upcoming Events\"\n\t\t\t\tclass=\"pos-relative\"\n\t\t\t>\n\t\t\t\t<Feed\n\t        :showLoadMore=\"false\"\n\t        :LoadMore=\"false\"\n\t        :states=\"{\n\t          empty: {\n\t            title: 'No Events',\n\t            description: 'You have no upcoming events.'\n\t          }\n\t        }\"\n\t        :store=\"{\n\t          read: (options) => events.read(options),\n\t        }\"\n\t        :options=\"{\n\t            creator: auth.state.user._id,\n\t            sortParam: 'date.start',\n\t            sortOrder: 'asc',\n\t            limit: 5,\n\t            page: 1\n\t        }\"\n\t        v-slot=\"{\n\t          items\n\t        }\"\n\t        class=\"cols-1 gap-thin\"\n\t      >\n\t\t\t\t\t<CardEvent\n\t          v-for=\"event in items\"\n\t          :key=\"event._id\"\n\t          :event=\"event\"\n\t          :user=\"auth.state.user._id\"\n\t          :type=\"'compact'\"\n\t          class=\"bg-light radius-medium\"\n\t        />\n\t      </Feed>\n\t\t\t</Block>\n\t\t</div>\n\n\t</div>\n\n\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue';\nimport { useRoute, useRouter } from 'vue-router'\n\nimport Block from '@martyrs/src/components/Block/Block.vue'\nimport Feed from '@martyrs/src/components/Feed/Feed.vue'\nimport Table from '@martyrs/src/components/Table/Table.vue'\nimport StatusBadge from '@martyrs/src/components/Table/StatusBadge.vue'\n\nimport CardEvent from '@martyrs/src/modules/events/components/blocks/CardEvent.vue';\n\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue'\n\nimport * as auth  from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as orders  from '@martyrs/src/modules/orders/store/orders.js'\nimport * as events from '@martyrs/src/modules/events/store/events.js'\n\nconst route = useRoute()\nconst router = useRouter()\n\nconst stats = ref({\n  organizations: 0,\n  orders: 0,\n  events: 0\n})\n\nonMounted(async () => {\n  // Load user stats if needed\n})\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkJc,aAAQ;AACP,cAAS;AAExB,UAAM,QAAQ,IAAI;AAAA,MAChB,eAAe;AAAA,MACf,QAAQ;AAAA,MACR,QAAQ;AAAA,IACV,CAAC;AAED,cAAU,YAAY;AAAA,IAEtB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/auth/views/components/sections/FeaturedUsers.vue.js

@@ -97,7 +97,7 @@ const _sfc_main = {
         _cache[2] || (_cache[2] = createElementVNode("p", { class: "w-m-33r mn-r-auto mn-l-auto t-center mn-b-small p-medium" }, " Together, we're shaping the future of the globals music community. ", -1)),
         createVNode(_component_router_link, {
           to: { name: "Sign In" },
-          class: "bg-black w-max mn-r-auto mn-l-auto t-medium t-white button"
+          class: "bg-black w-max mn-r-auto mn-l-auto fw-medium t-white button"
         }, {
           default: withCtx(() => _cache[0] || (_cache[0] = [
             createTextVNode(" Join Now ")

package/dist/martyrs/src/modules/auth/views/components/sections/FeaturedUsers.vue.js.map

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

package/dist/martyrs/src/modules/auth/views/components/sections/ProfileEditCredentials.vue.js

@@ -1,6 +1,6 @@
 import { ref, onMounted, createElementBlock, createCommentVNode, openBlock, createElementVNode, createBlock, createVNode, withCtx, createTextVNode } from "vue";
-import Field from "../../../../../components/Field/Field.vue2.js";
-import _sfc_main$1 from "../../../../../components/Button/Button.vue.js";
+import Field from "../../../../../components/Field/Field.vue.js";
+import _sfc_main$1 from "../../../../../components/Button/Button.vue2.js";
 import { useRoute, useRouter } from "vue-router";
 import { actions, state } from "../../store/users.js";
 import { sendCode, state as state$1 } from "../../store/twofa.js";
@@ -156,7 +156,7 @@ const _sfc_main = {
               !isVerificationSent.value ? (openBlock(), createBlock(_sfc_main$1, {
                 key: 0,
                 submit: () => sendVerification("email", "add"),
-                class: "mn-b-thin t-white bg-second flex-1"
+                class: "mn-b-thin t-white bg-second flex-child-1"
               }, {
                 default: withCtx(() => _cache[7] || (_cache[7] = [
                   createTextVNode(" Add Email ")
@@ -166,7 +166,7 @@ const _sfc_main = {
               !isVerificationSent.value ? (openBlock(), createBlock(_sfc_main$1, {
                 key: 1,
                 submit: () => cancelAdding("email"),
-                class: "mn-b-thin bg-red t-white flex-1"
+                class: "mn-b-thin bg-red t-white flex-child-1"
               }, {
                 default: withCtx(() => _cache[8] || (_cache[8] = [
                   createTextVNode(" Cancel ")
@@ -204,7 +204,7 @@ const _sfc_main = {
               !isVerificationSent.value ? (openBlock(), createBlock(_sfc_main$1, {
                 key: 0,
                 submit: () => sendVerification("phone", "add"),
-                class: "mn-b-thin t-white bg-second flex-1"
+                class: "mn-b-thin t-white bg-second flex-child-1"
               }, {
                 default: withCtx(() => _cache[10] || (_cache[10] = [
                   createTextVNode(" Add Phone ")
@@ -214,7 +214,7 @@ const _sfc_main = {
               !isVerificationSent.value ? (openBlock(), createBlock(_sfc_main$1, {
                 key: 1,
                 submit: () => cancelAdding("phone"),
-                class: "mn-b-thin t-white bg-second t-white flex-1"
+                class: "mn-b-thin t-white bg-second t-white flex-child-1"
               }, {
                 default: withCtx(() => _cache[11] || (_cache[11] = [
                   createTextVNode(" Cancel ")
@@ -323,7 +323,7 @@ const _sfc_main = {
           createElementVNode("div", _hoisted_12, [
             createVNode(_sfc_main$1, {
               submit: verifyCode,
-              class: "mn-b-thin bg-main flex-1"
+              class: "mn-b-thin bg-main flex-child-1"
             }, {
               default: withCtx(() => _cache[17] || (_cache[17] = [
                 createTextVNode(" Verify ")
@@ -332,7 +332,7 @@ const _sfc_main = {
             }),
             createVNode(_sfc_main$1, {
               submit: resendCode,
-              class: "mn-b-thin bg-light flex-1"
+              class: "mn-b-thin bg-light flex-child-1"
             }, {
               default: withCtx(() => _cache[18] || (_cache[18] = [
                 createTextVNode(" Resend Code ")
@@ -341,7 +341,7 @@ const _sfc_main = {
             }),
             createVNode(_sfc_main$1, {
               submit: cancelEdit,
-              class: "mn-b-thin bg-red t-white flex-1"
+              class: "mn-b-thin bg-red t-white flex-child-1"
             }, {
               default: withCtx(() => _cache[19] || (_cache[19] = [
                 createTextVNode(" Cancel ")