@ozdao/martyrs 0.2.571 → 0.2.572

package/dist/martyrs/src/modules/auth/views/components/pages/ProfileEditAccount.vue.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/ResetPassword.vue.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

@@ -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

@@ -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

@@ -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 ")

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

@@ -1 +1 @@
-{"version":3,"file":"ProfileEditCredentials.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/sections/ProfileEditCredentials.vue"],"sourcesContent":["<template>\n  <div v-if=\"show\" class=\"\">\n    <h3 class=\"mn-b-small\">Phone and Email</h3>\n\n    <!-- Email section -->\n    <div v-if=\"!users.state.current.email\" class=\"mn-b-semi\">\n      <div v-if=\"isAddingEmail\">\n        <Field \n          v-model:field=\"newEmail\"     \n          label=\"Email\"  \n          placeholder=\"Enter your email\" \n          class=\"mn-b-thin bg-light pd-medium radius-small\"\n          :disabled=\"isVerificationSent\"\n        />\n        <div class=\"flex gap-2\">\n          <Button \n            v-if=\"!isVerificationSent\"\n            :submit=\"() => sendVerification('email', 'add')\" \n            class=\"mn-b-thin t-white bg-second  flex-1\"\n          >\n            Add Email\n          </Button>\n          <Button \n            v-if=\"!isVerificationSent\"\n            :submit=\"() => cancelAdding('email')\" \n            class=\"mn-b-thin bg-red t-white flex-1\"\n          >\n            Cancel\n          </Button>\n        </div>\n      </div>\n      <Button \n        v-if=\"!isAddingEmail\"\n        :submit=\"() => startAdding('email')\" \n        class=\"mn-b-thin t-white bg-second w-100\"\n      >\n        Add Email\n      </Button>\n    </div>\n\n    <!-- Phone section -->\n    <div v-if=\"!users.state.current.phone\" class=\"mn-b-semi\">\n      <div v-if=\"isAddingPhone\">\n        <FieldPhone\n          @change=\"(event) => newPhone = event\"  \n          :dropdownOptions=\"{\n            showDialCodeInSelection: true,\n            showFlags: true,\n            showDialCodeInList: true\n          }\"\n          :validCharactersOnly=\"true\"\n          mode=\"national\"\n          :inputOptions=\"{placeholder: 'Enter your phone number', type: 'tel'}\"\n          class=\"bg-light h-4r pd-small radius-small mn-b-thin\" \n        />\n\n        <div class=\"flex gap-2\">\n          <Button \n            v-if=\"!isVerificationSent\"\n            :submit=\"() => sendVerification('phone', 'add')\" \n            class=\"mn-b-thin t-white bg-second flex-1\"\n          >\n            Add Phone\n          </Button>\n          <Button \n            v-if=\"!isVerificationSent\"\n            :submit=\"() => cancelAdding('phone')\" \n            class=\"mn-b-thin  t-white bg-second t-white flex-1\"\n          >\n            Cancel\n          </Button>\n        </div>\n      </div>\n      <Button \n        v-if=\"!isAddingPhone\"\n        :submit=\"() => startAdding('phone')\" \n        class=\"mn-b-thin bg-main w-100\"\n      >\n        Add Phone\n      </Button>\n    </div>\n\n    <!-- Current contact info with edit options -->\n    <div class=\"mn-b-semi\">\n      <!-- Current/Edit Phone -->\n      <div v-if=\"users.state.current.phone\" class=\"mn-b-thin\">\n        <Field \n          v-if=\"!isEditingPhone\"\n          v-model:field=\"users.state.current.phone\"     \n          label=\"Phone\"  \n          class=\"mn-b-thin bg-light pd-medium radius-small\" \n          disabled=\"true\"\n        />\n        <Field \n          v-else\n          v-model:field=\"newPhone\"     \n          label=\"New Phone\"  \n          placeholder=\"Enter new phone number\" \n          class=\"mn-b-thin t-black  bg-light pd-medium radius-small\"\n          :disabled=\"isVerificationSent\"\n        />\n        <Button \n          v-if=\"!isEditingPhone && !isVerificationSent\"\n          :submit=\"() => startEditing('phone')\" \n          class=\"mn-b-thin t-black bg-light w-100\"\n        >\n          Change Phone\n        </Button>\n        <Button \n          v-if=\"isEditingPhone && !isVerificationSent\"\n          :submit=\"() => sendVerification('phone', 'edit')\" \n          class=\"mn-b-thin bg-main w-100\"\n        >\n          Verify New Phone\n        </Button>\n      </div>\n\n      <!-- Current/Edit Email -->\n      <div v-if=\"users.state.current.email\">\n        <Field \n          v-if=\"!isEditingEmail\"\n          v-model:field=\"users.state.current.email\"     \n          label=\"Email\"  \n          class=\"mn-b-thin bg-light pd-medium radius-small\" \n          disabled=\"true\"\n        />\n        <Field \n          v-else\n          v-model:field=\"newEmail\"     \n          label=\"New Email\"  \n          placeholder=\"Enter new email\" \n          class=\"mn-b-thin bg-light pd-medium radius-small\"\n          :disabled=\"isVerificationSent\"\n        />\n        <Button \n          v-if=\"!isEditingEmail && !isVerificationSent\"\n          :submit=\"() => startEditing('email')\" \n          class=\"mn-b-thin t-black bg-light w-100\"\n        >\n          Change Email\n        </Button>\n        <Button \n          v-if=\"isEditingEmail && !isVerificationSent\"\n          :submit=\"() => sendVerification('email', 'edit')\" \n          class=\"mn-b-thin bg-main w-100\"\n        >\n          Verify New Email\n        </Button>\n      </div>\n    </div>\n\n    <!-- Verification code section -->\n    <div v-if=\"isVerificationSent\" class=\"mn-b-semi\">\n      <Field \n        v-model:field=\"verificationCode\"     \n        label=\"Verification Code\"  \n        placeholder=\"Enter the code\" \n        class=\"mn-b-thin bg-light pd-medium radius-small\"\n      />\n      <div class=\"flex gap-2\">\n        <Button \n          :submit=\"verifyCode\" \n          class=\"mn-b-thin bg-main flex-1\"\n        >\n          Verify\n        </Button>\n        <Button \n          :submit=\"resendCode\" \n          class=\"mn-b-thin bg-light flex-1\"\n        >\n          Resend Code\n        </Button>\n        <Button \n          :submit=\"cancelEdit\" \n          class=\"mn-b-thin bg-red t-white flex-1\"\n        >\n          Cancel\n        </Button>\n      </div>\n    </div>\n  </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'\n\n// Import libs\nimport { ref, onMounted } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\n\n// Import state\nimport * as users from '@martyrs/src/modules/auth/views/store/users.js'\nimport * as twofa from '@martyrs/src/modules/auth/views/store/twofa.js'\n\n// Component state\nconst show = ref(false)\nconst newEmail = ref('')\nconst newPhone = ref('')\nconst verificationCode = ref('')\nconst isVerificationSent = ref(false)\nconst currentVerificationType = ref(null)\nconst currentAction = ref(null) // 'add' or 'edit'\nconst isEditingEmail = ref(false)\nconst isEditingPhone = ref(false)\nconst isAddingEmail = ref(false)\nconst isAddingPhone = ref(false)\n\n// Router\nconst route = useRoute()\nconst router = useRouter()\n\nimport FieldPhone from '@martyrs/src/components/FieldPhone/FieldPhone.vue'\n\n// Lifecycle hooks\nonMounted(async () => {\n  await users.actions.read({ _id: route.params._id })\n  show.value = true\n})\n\n// Methods\nfunction startEditing(type) {\n  if (type === 'email') {\n    isEditingEmail.value = true\n    newEmail.value = ''\n  } else {\n    isEditingPhone.value = true\n    newPhone.value = ''\n  }\n}\n\n// Methods for adding new contact info\nfunction startAdding(type) {\n  if (type === 'email') {\n    isAddingEmail.value = true\n    newEmail.value = ''\n  } else {\n    isAddingPhone.value = true\n    newPhone.value = ''\n  }\n}\n\nfunction cancelAdding(type) {\n  if (type === 'email') {\n    isAddingEmail.value = false\n    newEmail.value = ''\n  } else {\n    isAddingPhone.value = false\n    newPhone.value = ''\n  }\n}\n\nfunction cancelEdit() {\n  isEditingEmail.value = false\n  isEditingPhone.value = false\n  isAddingEmail.value = false\n  isAddingPhone.value = false\n  isVerificationSent.value = false\n  verificationCode.value = ''\n  newEmail.value = ''\n  newPhone.value = ''\n  currentVerificationType.value = null\n  currentAction.value = null\n}\n\nasync function sendVerification(type, action) {\n  try {\n    // Validate input before sending verification\n    if (action === 'edit') {\n      if (type === 'email' && (!newEmail.value || newEmail.value === users.state.current.email)) {\n        throw new Error('Please enter a different email address')\n      }\n      if (type === 'phone' && (!newPhone.value || newPhone.value === users.state.current.phone)) {\n        throw new Error('Please enter a different phone number')\n      }\n    }\n\n    const userData = {\n      phone: type === 'phone' ? newPhone.value : users.state.current.phone,\n      email: type === 'email' ? newEmail.value : users.state.current.email\n    }\n\n    await twofa.sendCode(userData, 'update', type)\n    isVerificationSent.value = true\n    currentVerificationType.value = type\n    currentAction.value = action\n  } catch (error) {\n    console.error('Failed to send verification code:', error)\n  }\n}\n\nasync function verifyCode() {\n  try {\n    // Проверяем, что код существует в state\n    if (!twofa.state.code || !twofa.state.code.code) {\n      throw new Error('Verification code not found')\n    }\n\n    // Сравниваем введенный код с кодом из state\n    if (String(twofa.state.code.code) === String(verificationCode.value)) {\n      const updateData = { ...users.state.current }\n      \n      if (currentVerificationType.value === 'email') {\n        updateData.email = newEmail.value\n      } else {\n        updateData.phone = newPhone.value\n      }\n\n      await users.actions.update(updateData)\n      \n      // Reset state\n      cancelEdit()\n      \n      // Refresh user data\n      await users.actions.read({ _id: route.params._id })\n    } else {\n      throw new Error('Invalid verification code')\n    }\n  } catch (error) {\n    console.error('Verification failed:', error)\n  }\n}\n\nasync function resendCode() {\n  verificationCode.value = ''\n  await sendVerification(currentVerificationType.value, currentAction.value)\n}\n</script>"],"names":["users.actions","users.state","twofa.sendCode","twofa.state"],"mappings":"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"}
+{"version":3,"file":"ProfileEditCredentials.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/sections/ProfileEditCredentials.vue"],"sourcesContent":["<template>\n  <div v-if=\"show\" class=\"\">\n    <h3 class=\"mn-b-small\">Phone and Email</h3>\n\n    <!-- Email section -->\n    <div v-if=\"!users.state.current.email\" class=\"mn-b-semi\">\n      <div v-if=\"isAddingEmail\">\n        <Field \n          v-model:field=\"newEmail\"     \n          label=\"Email\"  \n          placeholder=\"Enter your email\" \n          class=\"mn-b-thin bg-light pd-medium radius-small\"\n          :disabled=\"isVerificationSent\"\n        />\n        <div class=\"flex gap-2\">\n          <Button \n            v-if=\"!isVerificationSent\"\n            :submit=\"() => sendVerification('email', 'add')\" \n            class=\"mn-b-thin t-white bg-second  flex-child-1\"\n          >\n            Add Email\n          </Button>\n          <Button \n            v-if=\"!isVerificationSent\"\n            :submit=\"() => cancelAdding('email')\" \n            class=\"mn-b-thin bg-red t-white flex-child-1\"\n          >\n            Cancel\n          </Button>\n        </div>\n      </div>\n      <Button \n        v-if=\"!isAddingEmail\"\n        :submit=\"() => startAdding('email')\" \n        class=\"mn-b-thin t-white bg-second w-100\"\n      >\n        Add Email\n      </Button>\n    </div>\n\n    <!-- Phone section -->\n    <div v-if=\"!users.state.current.phone\" class=\"mn-b-semi\">\n      <div v-if=\"isAddingPhone\">\n        <FieldPhone\n          @change=\"(event) => newPhone = event\"  \n          :dropdownOptions=\"{\n            showDialCodeInSelection: true,\n            showFlags: true,\n            showDialCodeInList: true\n          }\"\n          :validCharactersOnly=\"true\"\n          mode=\"national\"\n          :inputOptions=\"{placeholder: 'Enter your phone number', type: 'tel'}\"\n          class=\"bg-light h-4r pd-small radius-small mn-b-thin\" \n        />\n\n        <div class=\"flex gap-2\">\n          <Button \n            v-if=\"!isVerificationSent\"\n            :submit=\"() => sendVerification('phone', 'add')\" \n            class=\"mn-b-thin t-white bg-second flex-child-1\"\n          >\n            Add Phone\n          </Button>\n          <Button \n            v-if=\"!isVerificationSent\"\n            :submit=\"() => cancelAdding('phone')\" \n            class=\"mn-b-thin  t-white bg-second t-white flex-child-1\"\n          >\n            Cancel\n          </Button>\n        </div>\n      </div>\n      <Button \n        v-if=\"!isAddingPhone\"\n        :submit=\"() => startAdding('phone')\" \n        class=\"mn-b-thin bg-main w-100\"\n      >\n        Add Phone\n      </Button>\n    </div>\n\n    <!-- Current contact info with edit options -->\n    <div class=\"mn-b-semi\">\n      <!-- Current/Edit Phone -->\n      <div v-if=\"users.state.current.phone\" class=\"mn-b-thin\">\n        <Field \n          v-if=\"!isEditingPhone\"\n          v-model:field=\"users.state.current.phone\"     \n          label=\"Phone\"  \n          class=\"mn-b-thin bg-light pd-medium radius-small\" \n          disabled=\"true\"\n        />\n        <Field \n          v-else\n          v-model:field=\"newPhone\"     \n          label=\"New Phone\"  \n          placeholder=\"Enter new phone number\" \n          class=\"mn-b-thin t-black  bg-light pd-medium radius-small\"\n          :disabled=\"isVerificationSent\"\n        />\n        <Button \n          v-if=\"!isEditingPhone && !isVerificationSent\"\n          :submit=\"() => startEditing('phone')\" \n          class=\"mn-b-thin t-black bg-light w-100\"\n        >\n          Change Phone\n        </Button>\n        <Button \n          v-if=\"isEditingPhone && !isVerificationSent\"\n          :submit=\"() => sendVerification('phone', 'edit')\" \n          class=\"mn-b-thin bg-main w-100\"\n        >\n          Verify New Phone\n        </Button>\n      </div>\n\n      <!-- Current/Edit Email -->\n      <div v-if=\"users.state.current.email\">\n        <Field \n          v-if=\"!isEditingEmail\"\n          v-model:field=\"users.state.current.email\"     \n          label=\"Email\"  \n          class=\"mn-b-thin bg-light pd-medium radius-small\" \n          disabled=\"true\"\n        />\n        <Field \n          v-else\n          v-model:field=\"newEmail\"     \n          label=\"New Email\"  \n          placeholder=\"Enter new email\" \n          class=\"mn-b-thin bg-light pd-medium radius-small\"\n          :disabled=\"isVerificationSent\"\n        />\n        <Button \n          v-if=\"!isEditingEmail && !isVerificationSent\"\n          :submit=\"() => startEditing('email')\" \n          class=\"mn-b-thin t-black bg-light w-100\"\n        >\n          Change Email\n        </Button>\n        <Button \n          v-if=\"isEditingEmail && !isVerificationSent\"\n          :submit=\"() => sendVerification('email', 'edit')\" \n          class=\"mn-b-thin bg-main w-100\"\n        >\n          Verify New Email\n        </Button>\n      </div>\n    </div>\n\n    <!-- Verification code section -->\n    <div v-if=\"isVerificationSent\" class=\"mn-b-semi\">\n      <Field \n        v-model:field=\"verificationCode\"     \n        label=\"Verification Code\"  \n        placeholder=\"Enter the code\" \n        class=\"mn-b-thin bg-light pd-medium radius-small\"\n      />\n      <div class=\"flex gap-2\">\n        <Button \n          :submit=\"verifyCode\" \n          class=\"mn-b-thin bg-main flex-child-1\"\n        >\n          Verify\n        </Button>\n        <Button \n          :submit=\"resendCode\" \n          class=\"mn-b-thin bg-light flex-child-1\"\n        >\n          Resend Code\n        </Button>\n        <Button \n          :submit=\"cancelEdit\" \n          class=\"mn-b-thin bg-red t-white flex-child-1\"\n        >\n          Cancel\n        </Button>\n      </div>\n    </div>\n  </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'\n\n// Import libs\nimport { ref, onMounted } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\n\n// Import state\nimport * as users from '@martyrs/src/modules/auth/views/store/users.js'\nimport * as twofa from '@martyrs/src/modules/auth/views/store/twofa.js'\n\n// Component state\nconst show = ref(false)\nconst newEmail = ref('')\nconst newPhone = ref('')\nconst verificationCode = ref('')\nconst isVerificationSent = ref(false)\nconst currentVerificationType = ref(null)\nconst currentAction = ref(null) // 'add' or 'edit'\nconst isEditingEmail = ref(false)\nconst isEditingPhone = ref(false)\nconst isAddingEmail = ref(false)\nconst isAddingPhone = ref(false)\n\n// Router\nconst route = useRoute()\nconst router = useRouter()\n\nimport FieldPhone from '@martyrs/src/components/FieldPhone/FieldPhone.vue'\n\n// Lifecycle hooks\nonMounted(async () => {\n  await users.actions.read({ _id: route.params._id })\n  show.value = true\n})\n\n// Methods\nfunction startEditing(type) {\n  if (type === 'email') {\n    isEditingEmail.value = true\n    newEmail.value = ''\n  } else {\n    isEditingPhone.value = true\n    newPhone.value = ''\n  }\n}\n\n// Methods for adding new contact info\nfunction startAdding(type) {\n  if (type === 'email') {\n    isAddingEmail.value = true\n    newEmail.value = ''\n  } else {\n    isAddingPhone.value = true\n    newPhone.value = ''\n  }\n}\n\nfunction cancelAdding(type) {\n  if (type === 'email') {\n    isAddingEmail.value = false\n    newEmail.value = ''\n  } else {\n    isAddingPhone.value = false\n    newPhone.value = ''\n  }\n}\n\nfunction cancelEdit() {\n  isEditingEmail.value = false\n  isEditingPhone.value = false\n  isAddingEmail.value = false\n  isAddingPhone.value = false\n  isVerificationSent.value = false\n  verificationCode.value = ''\n  newEmail.value = ''\n  newPhone.value = ''\n  currentVerificationType.value = null\n  currentAction.value = null\n}\n\nasync function sendVerification(type, action) {\n  try {\n    // Validate input before sending verification\n    if (action === 'edit') {\n      if (type === 'email' && (!newEmail.value || newEmail.value === users.state.current.email)) {\n        throw new Error('Please enter a different email address')\n      }\n      if (type === 'phone' && (!newPhone.value || newPhone.value === users.state.current.phone)) {\n        throw new Error('Please enter a different phone number')\n      }\n    }\n\n    const userData = {\n      phone: type === 'phone' ? newPhone.value : users.state.current.phone,\n      email: type === 'email' ? newEmail.value : users.state.current.email\n    }\n\n    await twofa.sendCode(userData, 'update', type)\n    isVerificationSent.value = true\n    currentVerificationType.value = type\n    currentAction.value = action\n  } catch (error) {\n    console.error('Failed to send verification code:', error)\n  }\n}\n\nasync function verifyCode() {\n  try {\n    // Проверяем, что код существует в state\n    if (!twofa.state.code || !twofa.state.code.code) {\n      throw new Error('Verification code not found')\n    }\n\n    // Сравниваем введенный код с кодом из state\n    if (String(twofa.state.code.code) === String(verificationCode.value)) {\n      const updateData = { ...users.state.current }\n      \n      if (currentVerificationType.value === 'email') {\n        updateData.email = newEmail.value\n      } else {\n        updateData.phone = newPhone.value\n      }\n\n      await users.actions.update(updateData)\n      \n      // Reset state\n      cancelEdit()\n      \n      // Refresh user data\n      await users.actions.read({ _id: route.params._id })\n    } else {\n      throw new Error('Invalid verification code')\n    }\n  } catch (error) {\n    console.error('Verification failed:', error)\n  }\n}\n\nasync function resendCode() {\n  verificationCode.value = ''\n  await sendVerification(currentVerificationType.value, currentAction.value)\n}\n</script>"],"names":["users.actions","users.state","twofa.sendCode","twofa.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqMA,UAAM,OAAO,IAAI,KAAK;AACtB,UAAM,WAAW,IAAI,EAAE;AACvB,UAAM,WAAW,IAAI,EAAE;AACvB,UAAM,mBAAmB,IAAI,EAAE;AAC/B,UAAM,qBAAqB,IAAI,KAAK;AACpC,UAAM,0BAA0B,IAAI,IAAI;AACxC,UAAM,gBAAgB,IAAI,IAAI;AAC9B,UAAM,iBAAiB,IAAI,KAAK;AAChC,UAAM,iBAAiB,IAAI,KAAK;AAChC,UAAM,gBAAgB,IAAI,KAAK;AAC/B,UAAM,gBAAgB,IAAI,KAAK;AAG/B,UAAM,QAAQ,SAAQ;AACP,cAAS;AAKxB,cAAU,YAAY;AACpB,YAAMA,QAAc,KAAK,EAAE,KAAK,MAAM,OAAO,IAAG,CAAE;AAClD,WAAK,QAAQ;AAAA,IACf,CAAC;AAGD,aAAS,aAAa,MAAM;AAC1B,UAAI,SAAS,SAAS;AACpB,uBAAe,QAAQ;AACvB,iBAAS,QAAQ;AAAA,MACnB,OAAO;AACL,uBAAe,QAAQ;AACvB,iBAAS,QAAQ;AAAA,MACnB;AAAA,IACF;AAGA,aAAS,YAAY,MAAM;AACzB,UAAI,SAAS,SAAS;AACpB,sBAAc,QAAQ;AACtB,iBAAS,QAAQ;AAAA,MACnB,OAAO;AACL,sBAAc,QAAQ;AACtB,iBAAS,QAAQ;AAAA,MACnB;AAAA,IACF;AAEA,aAAS,aAAa,MAAM;AAC1B,UAAI,SAAS,SAAS;AACpB,sBAAc,QAAQ;AACtB,iBAAS,QAAQ;AAAA,MACnB,OAAO;AACL,sBAAc,QAAQ;AACtB,iBAAS,QAAQ;AAAA,MACnB;AAAA,IACF;AAEA,aAAS,aAAa;AACpB,qBAAe,QAAQ;AACvB,qBAAe,QAAQ;AACvB,oBAAc,QAAQ;AACtB,oBAAc,QAAQ;AACtB,yBAAmB,QAAQ;AAC3B,uBAAiB,QAAQ;AACzB,eAAS,QAAQ;AACjB,eAAS,QAAQ;AACjB,8BAAwB,QAAQ;AAChC,oBAAc,QAAQ;AAAA,IACxB;AAEA,mBAAe,iBAAiB,MAAM,QAAQ;AAC5C,UAAI;AAEF,YAAI,WAAW,QAAQ;AACrB,cAAI,SAAS,YAAY,CAAC,SAAS,SAAS,SAAS,UAAUC,MAAY,QAAQ,QAAQ;AACzF,kBAAM,IAAI,MAAM,wCAAwC;AAAA,UAC1D;AACA,cAAI,SAAS,YAAY,CAAC,SAAS,SAAS,SAAS,UAAUA,MAAY,QAAQ,QAAQ;AACzF,kBAAM,IAAI,MAAM,uCAAuC;AAAA,UACzD;AAAA,QACF;AAEA,cAAM,WAAW;AAAA,UACf,OAAO,SAAS,UAAU,SAAS,QAAQA,MAAY,QAAQ;AAAA,UAC/D,OAAO,SAAS,UAAU,SAAS,QAAQA,MAAY,QAAQ;AAAA,QACrE;AAEI,cAAMC,SAAe,UAAU,UAAU,IAAI;AAC7C,2BAAmB,QAAQ;AAC3B,gCAAwB,QAAQ;AAChC,sBAAc,QAAQ;AAAA,MACxB,SAAS,OAAO;AACd,gBAAQ,MAAM,qCAAqC,KAAK;AAAA,MAC1D;AAAA,IACF;AAEA,mBAAe,aAAa;AAC1B,UAAI;AAEF,YAAI,CAACC,QAAY,QAAQ,CAACA,QAAY,KAAK,MAAM;AAC/C,gBAAM,IAAI,MAAM,6BAA6B;AAAA,QAC/C;AAGA,YAAI,OAAOA,QAAY,KAAK,IAAI,MAAM,OAAO,iBAAiB,KAAK,GAAG;AACpE,gBAAM,aAAa,EAAE,GAAGF,MAAY,QAAO;AAE3C,cAAI,wBAAwB,UAAU,SAAS;AAC7C,uBAAW,QAAQ,SAAS;AAAA,UAC9B,OAAO;AACL,uBAAW,QAAQ,SAAS;AAAA,UAC9B;AAEA,gBAAMD,QAAc,OAAO,UAAU;AAGrC,qBAAU;AAGV,gBAAMA,QAAc,KAAK,EAAE,KAAK,MAAM,OAAO,IAAG,CAAE;AAAA,QACpD,OAAO;AACL,gBAAM,IAAI,MAAM,2BAA2B;AAAA,QAC7C;AAAA,MACF,SAAS,OAAO;AACd,gBAAQ,MAAM,wBAAwB,KAAK;AAAA,MAC7C;AAAA,IACF;AAEA,mBAAe,aAAa;AAC1B,uBAAiB,QAAQ;AACzB,YAAM,iBAAiB,wBAAwB,OAAO,cAAc,KAAK;AAAA,IAC3E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -21,7 +21,7 @@ const _sfc_main = {
         default: withCtx(() => [
           (openBlock(true), createElementBlock(Fragment, null, renderList(features.value, (feature, index) => {
             return openBlock(), createElementBlock("div", {
-              class: "grid o-hidden h-100 carousel__slide",
+              class: "d-grid o-hidden h-100 carousel__slide",
               style: { "grid-template-rows": "1fr auto" },
               key: index
             }, [

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

@@ -1 +1 @@
-{"version":3,"file":"SliderFeatures.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/sections/SliderFeatures.vue"],"sourcesContent":["<script setup>\nimport { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\n\nimport Slider from '@martyrs/src/components/Slider/Slider.vue'\n\nconst { tm } = useI18n({\n  useScope: 'global'\n})\nconst features = computed(() => tm('auth.features'))\n</script>\n\n<template>\n  <Slider :showDots=\"true\" :slideCount=\"features.length\" class=\"auth_slider h-100\">\n    <div class=\"grid o-hidden h-100 carousel__slide\" style=\"  grid-template-rows: 1fr auto;\" v-for=\"(feature, index) in features\" :key=\"index\">\n      <div class=\"h-100 background-div\" :style=\"`background-image: url(/features/${index}.png);`\"></div>\n      <div class=\"h-100 pd-big\">\n        <h5 class=\"t-center w-100 mn-b-regular\">{{ feature.title }}</h5>\n        <p class='t-center t-transp w-100'>{{ feature.description }}</p>\n      </div>\n    </div>\n  </Slider>\n</template>\n\n<style lang=\"scss\">\n.auth_slider .carousel {\n  height: 100%;\n}\n\n.auth_slider .carousel__container {\n  height: 100%;\n}\n\n.parent-div {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  object-fit: contain;\n}\n\n.background-div {\n  background-size:cover; \n  background-position: center center; \n  background-repeat: no-repeat;\n}\n\n.background-div {\n  flex-grow: 1; // Занимает все оставшееся пространство\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;AAMA,UAAM,EAAE,GAAE,IAAK,QAAQ;AAAA,MACrB,UAAU;AAAA,IACZ,CAAC;AACD,UAAM,WAAW,SAAS,MAAM,GAAG,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SliderFeatures.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/sections/SliderFeatures.vue"],"sourcesContent":["<script setup>\nimport { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\n\nimport Slider from '@martyrs/src/components/Slider/Slider.vue'\n\nconst { tm } = useI18n({\n  useScope: 'global'\n})\nconst features = computed(() => tm('auth.features'))\n</script>\n\n<template>\n  <Slider :showDots=\"true\" :slideCount=\"features.length\" class=\"auth_slider h-100\">\n    <div class=\"d-grid o-hidden h-100 carousel__slide\" style=\"  grid-template-rows: 1fr auto;\" v-for=\"(feature, index) in features\" :key=\"index\">\n      <div class=\"h-100 background-div\" :style=\"`background-image: url(/features/${index}.png);`\"></div>\n      <div class=\"h-100 pd-big\">\n        <h5 class=\"t-center w-100 mn-b-regular\">{{ feature.title }}</h5>\n        <p class='t-center t-transp w-100'>{{ feature.description }}</p>\n      </div>\n    </div>\n  </Slider>\n</template>\n\n<style lang=\"scss\">\n.auth_slider .carousel {\n  height: 100%;\n}\n\n.auth_slider .carousel__container {\n  height: 100%;\n}\n\n.parent-div {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  object-fit: contain;\n}\n\n.background-div {\n  background-size:cover; \n  background-position: center center; \n  background-repeat: no-repeat;\n}\n\n.background-div {\n  flex-grow: 1; // Занимает все оставшееся пространство\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;AAMA,UAAM,EAAE,GAAE,IAAK,QAAQ;AAAA,MACrB,UAAU;AAAA,IACZ,CAAC;AACD,UAAM,WAAW,SAAS,MAAM,GAAG,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/auth/views/store/auth.js

@@ -1,6 +1,6 @@
 import $axios, { setAuthToken } from "../../../core/views/utils/axios-instance.js";
 import api from "../../../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.js";
-import { Preferences } from "../../../../../node_modules/.pnpm/@capacitor_preferences@7.0.0_@capacitor_core@7.0.1/node_modules/@capacitor/preferences/dist/esm/index.js";
+import { Preferences } from "../../../../../node_modules/.pnpm/@capacitor_preferences@7.0.2_@capacitor_core@7.4.4/node_modules/@capacitor/preferences/dist/esm/index.js";
 import { reactive, watch } from "vue";
 import { setError, useSession } from "../../../core/views/store/core.store.js";
 import { wsManager } from "../../../core/views/classes/ws.manager.js";

package/dist/martyrs/src/modules/backoffice/components/pages/Dashboard.vue.js

@@ -13,7 +13,7 @@ const _hoisted_2 = { class: "mn-b-medium cols-3 mobile:cols-1 gap-thin" };
 const _hoisted_3 = { class: "mn-b-medium radius-small w-max bg-main" };
 const _hoisted_4 = { class: "mn-b-medium radius-small w-max bg-main" };
 const _hoisted_5 = { class: "mn-b-medium radius-small w-max bg-main" };
-const _hoisted_6 = { class: "cols-2 gap-thin" };
+const _hoisted_6 = { class: "cols-2 mobile:cols-1 gap-thin" };
 const _sfc_main = {
   __name: "Dashboard",
   props: {
@@ -32,7 +32,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" })
               ]),
@@ -43,7 +43,7 @@ const _sfc_main = {
           }),
           createVNode(_sfc_main$1, { class: "pos-relative" }, {
             default: withCtx(() => [
-              _cache[3] || (_cache[3] = createElementVNode("span", { class: "t-green t-semi pos-absolute pos-t-medium pos-r-medium" }, "+14.8%", -1)),
+              _cache[3] || (_cache[3] = createElementVNode("span", { class: "t-green fw-semi pos-absolute pos-t-small pos-r-small" }, "+14.8%", -1)),
               createElementVNode("div", _hoisted_4, [
                 createVNode(_sfc_main$3, { class: "i-medium mn-small" })
               ]),
@@ -54,7 +54,7 @@ const _sfc_main = {
           }),
           createVNode(_sfc_main$1, { class: "pos-relative" }, {
             default: withCtx(() => [
-              _cache[6] || (_cache[6] = createElementVNode("span", { class: "t-green t-semi pos-absolute pos-t-medium pos-r-medium" }, "+25.1%", -1)),
+              _cache[6] || (_cache[6] = createElementVNode("span", { class: "t-green fw-semi pos-absolute pos-t-small pos-r-small" }, "+25.1%", -1)),
               createElementVNode("div", _hoisted_5, [
                 createVNode(_sfc_main$2, { class: "i-medium mn-small" })
               ]),

package/dist/martyrs/src/modules/backoffice/components/pages/Dashboard.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dashboard.vue.js","sources":["../../../../../../../src/modules/backoffice/components/pages/Dashboard.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\"><IconProfile class=\"i-medium mn-small\"/></div>\n\t\t\t\t<p class=\"h3 mn-b-thin\">2,453</p>\n\t\t\t\t<p>Active Members</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\">432</p>\n\t\t\t\t<p>New 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\"><IconProfile class=\"i-medium mn-small\"/></div>\n\t\t\t\t<p class=\"h3 mn-b-thin\">$23,232</p>\n\t\t\t\t<p>Monthly Revenue</p>\n\t\t\t</Block>\n\t\t</div>\n\n\t\t<div class=\"cols-2 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 Events Today',\n\t            description: 'Currently, there are no events available.'\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            user: 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: 'customer.target.profile.name', \n\t\t\t\t\t    label: 'Name',\n\t\t\t\t\t    formatter: (value) => `👤 ${value}`\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: 'Name',\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: 'Metadata',\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=\"Activity Feed\"\n\t\t\t\tclass=\"pos-relative\"\n\t\t\t\t>\n\t\t\t</Block>\n\t\t</div>\n\n\t</div>\n\n\n</template>\n\n<script setup=\"props\">\n/////////////////////////////\n// COMPONENT DEPENDENCIES\n/////////////////////////////\nimport { ref, onMounted } from 'vue';\n\n// Mobile Module\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\n\nimport IconProfile from '@martyrs/src/modules/icons/entities/IconProfile.vue'\n\nimport IconProducts from '@martyrs/src/modules/icons/entities/IconProducts.vue'\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 IconGallery from '@martyrs/src/modules/icons/entities/IconGallery.vue'\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue'\nimport IconLeftovers from '@martyrs/src/modules/icons/entities/IconLeftovers.vue'\n/////////////////////////////\n// HELPERS\n/////////////////////////////\nimport { useRoute, useRouter } from 'vue-router'\n\nimport * as auth  from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as organizations  from '@martyrs/src/modules/organizations/store/organizations.js'\nimport * as orders  from '@martyrs/src/modules/orders/store/orders.js'\n\nconst route = useRoute()\nconst router = useRouter()\n/////////////////////////////\n// CREATED\n/////////////////////////////\nconst props = defineProps({\n  favorites: Array,\n});\n\nconst selectedOrganization = ref(null);\nconst publics = ref([]);\n\n\nconst columns = [\n  \n]\n/////////////////////////////\n// MOUNTED\n/////////////////////////////\nonMounted(async () =>{\n})\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAkIc,aAAQ;AACP,cAAS;AAQK,QAAI,IAAI;AACrB,QAAI,CAAA,CAAE;AAStB,cAAU,YAAW;AAAA,IACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Dashboard.vue.js","sources":["../../../../../../../src/modules/backoffice/components/pages/Dashboard.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\"><IconProfile class=\"i-medium mn-small\"/></div>\n\t\t\t\t<p class=\"h3 mn-b-thin\">2,453</p>\n\t\t\t\t<p>Active Members</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\">432</p>\n\t\t\t\t<p>New 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\"><IconProfile class=\"i-medium mn-small\"/></div>\n\t\t\t\t<p class=\"h3 mn-b-thin\">$23,232</p>\n\t\t\t\t<p>Monthly Revenue</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 Events Today',\n\t            description: 'Currently, there are no events available.'\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            user: 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: 'customer.target.profile.name', \n\t\t\t\t\t    label: 'Name',\n\t\t\t\t\t    formatter: (value) => `👤 ${value}`\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: 'Name',\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: 'Metadata',\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=\"Activity Feed\"\n\t\t\t\tclass=\"pos-relative\"\n\t\t\t\t>\n\t\t\t</Block>\n\t\t</div>\n\n\t</div>\n\n\n</template>\n\n<script setup=\"props\">\n/////////////////////////////\n// COMPONENT DEPENDENCIES\n/////////////////////////////\nimport { ref, onMounted } from 'vue';\n\n// Mobile Module\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\n\nimport IconProfile from '@martyrs/src/modules/icons/entities/IconProfile.vue'\n\nimport IconProducts from '@martyrs/src/modules/icons/entities/IconProducts.vue'\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 IconGallery from '@martyrs/src/modules/icons/entities/IconGallery.vue'\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue'\nimport IconLeftovers from '@martyrs/src/modules/icons/entities/IconLeftovers.vue'\n/////////////////////////////\n// HELPERS\n/////////////////////////////\nimport { useRoute, useRouter } from 'vue-router'\n\nimport * as auth  from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as organizations  from '@martyrs/src/modules/organizations/store/organizations.js'\nimport * as orders  from '@martyrs/src/modules/orders/store/orders.js'\n\nconst route = useRoute()\nconst router = useRouter()\n/////////////////////////////\n// CREATED\n/////////////////////////////\nconst props = defineProps({\n  favorites: Array,\n});\n\nconst selectedOrganization = ref(null);\nconst publics = ref([]);\n\n\nconst columns = [\n  \n]\n/////////////////////////////\n// MOUNTED\n/////////////////////////////\nonMounted(async () =>{\n})\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAkIc,aAAQ;AACP,cAAS;AAQK,QAAI,IAAI;AACrB,QAAI,CAAA,CAAE;AAStB,cAAU,YAAW;AAAA,IACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/backoffice/components/partials/Sidebar.vue.js

@@ -12,9 +12,9 @@ import { useRoute, useRouter } from "vue-router";
 const _hoisted_1 = { class: "pos-relative o-y-scroll o-x-hidden h-100" };
 const _hoisted_2 = { class: "pd-semi" };
 const _hoisted_3 = ["onClick"];
-const _hoisted_4 = { class: "t-medium" };
+const _hoisted_4 = { class: "fw-medium" };
 const _hoisted_5 = ["onClick"];
-const _hoisted_6 = { class: "t-medium" };
+const _hoisted_6 = { class: "fw-medium" };
 const _sfc_main = {
   __name: "Sidebar",
   props: {
@@ -105,9 +105,9 @@ const _sfc_main = {
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        _cache[2] || (_cache[2] = createElementVNode("div", { class: "br-b h3 h-4r pd-semi br-solid br-black-transp-10" }, "Backoffice", -1)),
+        _cache[2] || (_cache[2] = createElementVNode("div", { class: "br-b-1px h3 h-4r pd-semi br-black-transp-10" }, "Backoffice", -1)),
         createElementVNode("div", _hoisted_2, [
-          _cache[0] || (_cache[0] = createElementVNode("span", { class: "pd-thin uppercase t-medium t-transp" }, "Menu", -1)),
+          _cache[0] || (_cache[0] = createElementVNode("span", { class: "pd-thin uppercase fw-medium t-transp" }, "Menu", -1)),
           (openBlock(), createElementBlock(Fragment, null, renderList(menuItems, (item) => {
             return createElementVNode("div", {
               key: item.name,
@@ -123,7 +123,7 @@ const _sfc_main = {
               createElementVNode("span", _hoisted_4, toDisplayString(item.title), 1)
             ], 8, _hoisted_3);
           }), 64)),
-          _cache[1] || (_cache[1] = createElementVNode("span", { class: "pd-thin d-block mn-t-medium uppercase t-medium t-transp" }, "General", -1)),
+          _cache[1] || (_cache[1] = createElementVNode("span", { class: "pd-thin d-block mn-t-medium uppercase fw-medium t-transp" }, "General", -1)),
           (openBlock(), createElementBlock(Fragment, null, renderList(generalItems, (item) => {
             return createElementVNode("div", {
               key: item.name,