@ozdao/prometheus-framework 0.2.330 → 0.2.332

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

@@ -1 +1 @@
-{"version":3,"file":"SignIn.vue.cjs","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('title') }}\n\t\t\t<br>\n\t\t\t<span class=\"t-semi\">{{ t('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'}\" class=\"underline t-second\">{{ t('signup') }}</router-link>\n\t\t</p>\n\t\t\n\t\t\t<!-- Select -->\n\t\t<div class=\"mn-b-small p-small uppercase t-semi bg-light radius-small o-hidden\">\n\t\t\t<Tab \n\t\t\t\tv-model:selected=\"tabAuth\"\n\t\t\t\t:tabs=\"[\n\t\t\t\t\t{name: t('phone'), value: 'phone'},\n\t\t\t\t\t{name: t('email'), value: 'email'}\n\t\t\t\t]\"\n\t\t\t\ttabClass=\"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-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('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('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('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\tto=\"/auth/reset-password\" \n\t\t\t\tclass=\"underline d-block t-blue\"\n\t\t\t>\n\t\t\t\t{{ t('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 mn-b-thin\"\n\t\t>\n\t\t\t{{ t('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('signin_apple') }}\n\t\t</Button> -->\n\t</section> \n</template>\n\n<script setup>\n// Import components\nimport Tab           from '@pf/src/components/Tab/Tab.vue'\nimport Field         from '@pf/src/components/Field/Field.vue'\nimport FieldPhone    from '@pf/src/components/FieldPhone/FieldPhone.vue'\nimport Button        from '@pf/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 localization\nimport text from '@pf/src/modules/auth/views/localization/SignIn.json'\n// Import state\nimport * as auth from '@pf/src/modules/auth/views/store/auth'\n// Import validation\nimport * as inputsValidation from '@pf/src/modules/auth/views/validations/inputs.validation'\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\t...text\n})\n\n// Accessing state\nconst tabAuth = ref('phone')\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\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\t.soon-label {\n\t\tposition: absolute;\n\t\tright: -0.25em;\n\t\ttop: -0.25rem;\n\t\tpadding-left: 1rem;\n\t\tpadding-right: 1rem;\n\t\tline-height: 1.5rem;\n\t}\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\n\t.input-error {\n  border: 1px solid red;\n  box-shadow: 0 0 3px 0 red;\n}\n</style>"],"names":["ref","useRoute","useRouter","useI18n","text","onMounted","inputsValidation.validateInputs","inputsValidation.validatePhone","auth.state","inputsValidation.validateEmail","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA0HA,UAAM,kBAAkBA,IAAG,IAAC,IAAI;AAChC,UAAM,sBAAsBA,IAAG,IAAC,IAAI;AACpC,UAAM,kBAAkBA,IAAG,IAAC,IAAI;AAEhC,UAAM,QAAQC,UAAAA,SAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAE1B,UAAM,EAAE,EAAG,IAAGC,gBAAQ;AAAA,MACrB,UAAU;AAAA,MACV,GAAGC,OAAI;AAAA,IACR,CAAC;AAGD,UAAM,UAAUJ,IAAG,IAAC,OAAO;AAE3B,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,MACpC,CAAG;AAAA,IACH;AAEAK,QAAAA,UAAU,YAAY;AACrB,YAAM,mBAAmB,sFAAsF;AAAA,IAChH,CAAC;AAED,mBAAe,WAAW;AACzB,UAAI;AACF,YAAI,QAAQ,UAAU,QAAS,OAAMC,kBAA+B;AAAA,UACpE;AAAA,UACAC,kBAA8B;AAAA,UAC9BC,KAAU,MAAC,KAAK;AAAA,UAChB;AAAA,QACA;AACD,YAAI,QAAQ,UAAU,QAAS,OAAMF,kBAA+B;AAAA,UACnE;AAAA,UACAG,kBAA8B;AAAA,UAC9BD,KAAU,MAAC,KAAK;AAAA,UAChB;AAAA,QACA;AAAA,MACD,SAAQ,OAAO;AACf,gBAAQ,IAAI,KAAK;AACjB,cAAM,IAAI;AAAA,MACV;AAGD,YAAM,WAAW,EAAC,GAAGA,KAAU,MAAC,KAAI;AAGnC,YAAME,KAAY,QAAC,MAAM,UAAU,QAAQ,KAAK;AAAA,IAClD;AAyBA,aAAS,aAAc;AACtB,UAAI,MAAM,MAAM,WAAW;AAC1B,eAAO,KAAK;AAAA,UACX,MAAM,MAAM,MAAM;AAAA,UAClB,OAAO;AAAA,YACN,WAAW;AAAA,UACX;AAAA,QACJ,CAAG;AAAA,MACH,OAAQ;AACN,eAAO,KAAK;AAAA,UACX,MAAM;AAAA,UACN,QAAQ;AAAA,YACP,KAAKF,KAAAA,MAAW,KAAK;AAAA,UACrB;AAAA,UACD,OAAO;AAAA,YACN,WAAW;AAAA,UACX;AAAA,QACJ,CAAG;AAAA,MACD;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SignIn.vue.cjs","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('title') }}\n\t\t\t<br>\n\t\t\t<span class=\"t-semi\">{{ t('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'}\" class=\"underline t-second\">{{ t('signup') }}</router-link>\n\t\t</p>\n\t\t\n\t\t\t<!-- Select -->\n\t\t<div class=\"mn-b-small p-small uppercase t-semi bg-light radius-small o-hidden\">\n\t\t\t<Tab \n\t\t\t\tv-model:selected=\"tabAuth\"\n\t\t\t\t:tabs=\"[\n\t\t\t\t\t{name: t('phone'), value: 'phone'},\n\t\t\t\t\t{name: t('email'), value: 'email'}\n\t\t\t\t]\"\n\t\t\t\ttabClass=\"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-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('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('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('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\tto=\"/auth/reset-password\" \n\t\t\t\tclass=\"underline d-block t-blue\"\n\t\t\t>\n\t\t\t\t{{ t('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 mn-b-thin\"\n\t\t>\n\t\t\t{{ t('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('signin_apple') }}\n\t\t</Button> -->\n\t</section> \n</template>\n\n<script setup>\n// Import components\nimport Tab           from '@pf/src/components/Tab/Tab.vue'\nimport Field         from '@pf/src/components/Field/Field.vue'\nimport FieldPhone    from '@pf/src/components/FieldPhone/FieldPhone.vue'\nimport Button        from '@pf/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 localization\nimport text from '@pf/src/modules/auth/views/localization/SignIn.json'\n// Import state\nimport * as auth from '@pf/src/modules/auth/views/store/auth'\n// Import validation\nimport * as inputsValidation from '@pf/src/modules/auth/views/validations/inputs.validation'\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\t...text\n})\n\n// Accessing state\nconst tabAuth = ref('phone')\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\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\t.soon-label {\n\t\tposition: absolute;\n\t\tright: -0.25em;\n\t\ttop: -0.25rem;\n\t\tpadding-left: 1rem;\n\t\tpadding-right: 1rem;\n\t\tline-height: 1.5rem;\n\t}\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\n\t.input-error {\n  border: 1px solid red;\n  box-shadow: 0 0 3px 0 red;\n}\n</style>"],"names":["ref","useRoute","useRouter","useI18n","text","onMounted","inputsValidation.validateInputs","inputsValidation.validatePhone","auth.state","inputsValidation.validateEmail","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA0HA,UAAM,kBAAkBA,IAAG,IAAC,IAAI;AAChC,UAAM,sBAAsBA,IAAG,IAAC,IAAI;AACpC,UAAM,kBAAkBA,IAAG,IAAC,IAAI;AAEhC,UAAM,QAAQC,UAAQ,SAAA;AACtB,UAAM,SAASC,UAAS,UAAA;AAExB,UAAM,EAAE,EAAG,IAAGC,gBAAQ;AAAA,MACrB,UAAU;AAAA,MACV,GAAGC,OAAAA;AAAAA,IACJ,CAAC;AAGD,UAAM,UAAUJ,IAAG,IAAC,OAAO;AAE3B,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,MACpC,CAAG;AAAA,IACH;AAEAK,QAAAA,UAAU,YAAY;AACrB,YAAM,mBAAmB,sFAAsF;AAAA,IAChH,CAAC;AAED,mBAAe,WAAW;AACzB,UAAI;AACF,YAAI,QAAQ,UAAU,QAAS,OAAMC,kBAA+B;AAAA,UACpE;AAAA,UACAC,kBAA8B;AAAA,UAC9BC,KAAU,MAAC,KAAK;AAAA,UAChB;AAAA,QACH;AACE,YAAI,QAAQ,UAAU,QAAS,OAAMF,kBAA+B;AAAA,UACnE;AAAA,UACAG,kBAA8B;AAAA,UAC9BD,KAAU,MAAC,KAAK;AAAA,UAChB;AAAA,QACH;AAAA,MACE,SAAQ,OAAO;AACf,gBAAQ,IAAI,KAAK;AACjB,cAAM,IAAI;AAAA,MACZ;AAGC,YAAM,WAAW,EAAC,GAAGA,KAAU,MAAC,KAAI;AAGnC,YAAME,aAAa,MAAM,UAAU,QAAQ,KAAK;AAAA,IAClD;AAyBA,aAAS,aAAc;AACtB,UAAI,MAAM,MAAM,WAAW;AAC1B,eAAO,KAAK;AAAA,UACX,MAAM,MAAM,MAAM;AAAA,UAClB,OAAO;AAAA,YACN,WAAW;AAAA,UACf;AAAA,QACG,CAAA;AAAA,MACH,OAAQ;AACN,eAAO,KAAK;AAAA,UACX,MAAM;AAAA,UACN,QAAQ;AAAA,YACP,KAAKF,KAAAA,MAAW,KAAK;AAAA,UACrB;AAAA,UACD,OAAO;AAAA,YACN,WAAW;AAAA,UACf;AAAA,QACG,CAAA;AAAA,MACH;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

package/dist/prometheus-framework/src/modules/auth/views/components/pages/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('title') }}\n\t\t\t<br>\n\t\t\t<span class=\"t-semi\">{{ t('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'}\" class=\"underline t-second\">{{ t('signup') }}</router-link>\n\t\t</p>\n\t\t\n\t\t\t<!-- Select -->\n\t\t<div class=\"mn-b-small p-small uppercase t-semi bg-light radius-small o-hidden\">\n\t\t\t<Tab \n\t\t\t\tv-model:selected=\"tabAuth\"\n\t\t\t\t:tabs=\"[\n\t\t\t\t\t{name: t('phone'), value: 'phone'},\n\t\t\t\t\t{name: t('email'), value: 'email'}\n\t\t\t\t]\"\n\t\t\t\ttabClass=\"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-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('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('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('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\tto=\"/auth/reset-password\" \n\t\t\t\tclass=\"underline d-block t-blue\"\n\t\t\t>\n\t\t\t\t{{ t('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 mn-b-thin\"\n\t\t>\n\t\t\t{{ t('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('signin_apple') }}\n\t\t</Button> -->\n\t</section> \n</template>\n\n<script setup>\n// Import components\nimport Tab           from '@pf/src/components/Tab/Tab.vue'\nimport Field         from '@pf/src/components/Field/Field.vue'\nimport FieldPhone    from '@pf/src/components/FieldPhone/FieldPhone.vue'\nimport Button        from '@pf/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 localization\nimport text from '@pf/src/modules/auth/views/localization/SignIn.json'\n// Import state\nimport * as auth from '@pf/src/modules/auth/views/store/auth'\n// Import validation\nimport * as inputsValidation from '@pf/src/modules/auth/views/validations/inputs.validation'\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\t...text\n})\n\n// Accessing state\nconst tabAuth = ref('phone')\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\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\t.soon-label {\n\t\tposition: absolute;\n\t\tright: -0.25em;\n\t\ttop: -0.25rem;\n\t\tpadding-left: 1rem;\n\t\tpadding-right: 1rem;\n\t\tline-height: 1.5rem;\n\t}\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\n\t.input-error {\n  border: 1px solid red;\n  box-shadow: 0 0 3px 0 red;\n}\n</style>"],"names":["inputsValidation.validateInputs","inputsValidation.validatePhone","auth.state","inputsValidation.validateEmail","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA0HA,UAAM,kBAAkB,IAAI,IAAI;AAChC,UAAM,sBAAsB,IAAI,IAAI;AACpC,UAAM,kBAAkB,IAAI,IAAI;AAEhC,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAE1B,UAAM,EAAE,EAAG,IAAG,QAAQ;AAAA,MACrB,UAAU;AAAA,MACV,GAAG;AAAA,IACJ,CAAC;AAGD,UAAM,UAAU,IAAI,OAAO;AAE3B,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,MACpC,CAAG;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,QACA;AACD,YAAI,QAAQ,UAAU,QAAS,OAAMF;AAAAA,UACpC;AAAA,UACAG;AAAAA,UACAD,MAAW,KAAK;AAAA,UAChB;AAAA,QACA;AAAA,MACD,SAAQ,OAAO;AACf,gBAAQ,IAAI,KAAK;AACjB,cAAM,IAAI;AAAA,MACV;AAGD,YAAM,WAAW,EAAC,GAAGA,MAAW,KAAI;AAGnC,YAAME,QAAa,MAAM,UAAU,QAAQ,KAAK;AAAA,IAClD;AAyBA,aAAS,aAAc;AACtB,UAAI,MAAM,MAAM,WAAW;AAC1B,eAAO,KAAK;AAAA,UACX,MAAM,MAAM,MAAM;AAAA,UAClB,OAAO;AAAA,YACN,WAAW;AAAA,UACX;AAAA,QACJ,CAAG;AAAA,MACH,OAAQ;AACN,eAAO,KAAK;AAAA,UACX,MAAM;AAAA,UACN,QAAQ;AAAA,YACP,KAAKF,MAAW,KAAK;AAAA,UACrB;AAAA,UACD,OAAO;AAAA,YACN,WAAW;AAAA,UACX;AAAA,QACJ,CAAG;AAAA,MACD;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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('title') }}\n\t\t\t<br>\n\t\t\t<span class=\"t-semi\">{{ t('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'}\" class=\"underline t-second\">{{ t('signup') }}</router-link>\n\t\t</p>\n\t\t\n\t\t\t<!-- Select -->\n\t\t<div class=\"mn-b-small p-small uppercase t-semi bg-light radius-small o-hidden\">\n\t\t\t<Tab \n\t\t\t\tv-model:selected=\"tabAuth\"\n\t\t\t\t:tabs=\"[\n\t\t\t\t\t{name: t('phone'), value: 'phone'},\n\t\t\t\t\t{name: t('email'), value: 'email'}\n\t\t\t\t]\"\n\t\t\t\ttabClass=\"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-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('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('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('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\tto=\"/auth/reset-password\" \n\t\t\t\tclass=\"underline d-block t-blue\"\n\t\t\t>\n\t\t\t\t{{ t('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 mn-b-thin\"\n\t\t>\n\t\t\t{{ t('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('signin_apple') }}\n\t\t</Button> -->\n\t</section> \n</template>\n\n<script setup>\n// Import components\nimport Tab           from '@pf/src/components/Tab/Tab.vue'\nimport Field         from '@pf/src/components/Field/Field.vue'\nimport FieldPhone    from '@pf/src/components/FieldPhone/FieldPhone.vue'\nimport Button        from '@pf/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 localization\nimport text from '@pf/src/modules/auth/views/localization/SignIn.json'\n// Import state\nimport * as auth from '@pf/src/modules/auth/views/store/auth'\n// Import validation\nimport * as inputsValidation from '@pf/src/modules/auth/views/validations/inputs.validation'\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\t...text\n})\n\n// Accessing state\nconst tabAuth = ref('phone')\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\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\t.soon-label {\n\t\tposition: absolute;\n\t\tright: -0.25em;\n\t\ttop: -0.25rem;\n\t\tpadding-left: 1rem;\n\t\tpadding-right: 1rem;\n\t\tline-height: 1.5rem;\n\t}\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\n\t.input-error {\n  border: 1px solid red;\n  box-shadow: 0 0 3px 0 red;\n}\n</style>"],"names":["inputsValidation.validateInputs","inputsValidation.validatePhone","auth.state","inputsValidation.validateEmail","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA0HA,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,EAAG,IAAG,QAAQ;AAAA,MACrB,UAAU;AAAA,MACV,GAAG;AAAA,IACJ,CAAC;AAGD,UAAM,UAAU,IAAI,OAAO;AAE3B,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,MACpC,CAAG;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,MACE,SAAQ,OAAO;AACf,gBAAQ,IAAI,KAAK;AACjB,cAAM,IAAI;AAAA,MACZ;AAGC,YAAM,WAAW,EAAC,GAAGA,MAAW,KAAI;AAGnC,YAAME,QAAa,MAAM,UAAU,QAAQ,KAAK;AAAA,IAClD;AAyBA,aAAS,aAAc;AACtB,UAAI,MAAM,MAAM,WAAW;AAC1B,eAAO,KAAK;AAAA,UACX,MAAM,MAAM,MAAM;AAAA,UAClB,OAAO;AAAA,YACN,WAAW;AAAA,UACf;AAAA,QACG,CAAA;AAAA,MACH,OAAQ;AACN,eAAO,KAAK;AAAA,UACX,MAAM;AAAA,UACN,QAAQ;AAAA,YACP,KAAKF,MAAW,KAAK;AAAA,UACrB;AAAA,UACD,OAAO;AAAA,YACN,WAAW;AAAA,UACf;AAAA,QACG,CAAA;AAAA,MACH;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"SignUp.vue.cjs","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('title')}}</h3>\n\t\t\n\t\t<!-- Select -->\n\t\t<div class=\"mn-b-small p-small uppercase t-semi bg-light radius-big o-hidden\">\n\t\t\t<Tab \n\t\t\t\tv-model:selected=\"tabAuth\"\n\t\t\t\t:tabs=\"[\n\t\t\t\t\t{name: t('phone'), value: 'phone'},\n\t\t\t\t\t{name: t('email'), value: 'email'}\n\t\t\t\t]\"\n\t\t\t\ttabClass=\"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('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('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('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('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('sendCode')}}</Button>\n\t\t\t\n\t\t<!-- Links -->\n\t\t<div class=\"w-100\">\n\t\t\t<router-link to=\"/auth/signin\" class=\"underline mn-b-medium d-block t-blue\">{{t('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 '@pf/src/components/Tab/Tab.vue'\n\timport Field         from '@pf/src/components/Field/Field.vue'\n\timport FieldPhone    from '@pf/src/components/FieldPhone/FieldPhone.vue'\n\timport Button        from '@pf/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 localization\n\timport text from '@pf/src/modules/auth/views/localization/SignUp.json'\n\t// Import state\n\timport * as auth from '@pf/src/modules/auth/views/store/auth'\n\timport * as twofa from '@pf/src/modules/auth/views/store/twofa'\n\t// Import validation\n\timport * as inputsValidation from '@pf/src/modules/auth/views/validations/inputs.validation'\n\t// Localization\n\tconst { t } = useI18n({\n\t\tuseScope: 'global', \n\t\t...text\n\t})\n\t// Validation\n\tconst phoneValidation = ref(null)\n\tconst emailValidation = ref(null)\n\t// Accessing router\n\t// const store = useStore()\n\tconst route = useRoute()\n\tconst router = useRouter()\n\t// Accessing state\n\tconst tabAuth = ref('phone')\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'})\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":["useI18n","text","ref","useRoute","useRouter","inputsValidation.validateInputs","inputsValidation.validatePhone","auth.state","inputsValidation.validateEmail","twofa.sendCode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAiFC,UAAM,EAAE,EAAG,IAAGA,gBAAQ;AAAA,MACrB,UAAU;AAAA,MACV,GAAGC,OAAI;AAAA,IACT,CAAE;AAED,UAAM,kBAAkBC,IAAG,IAAC,IAAI;AAChC,UAAM,kBAAkBA,IAAG,IAAC,IAAI;AAGlBC,uBAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAE1B,UAAM,UAAUF,IAAG,IAAC,OAAO;AAE3B,mBAAe,WAAW;AACzB,UAAI;AACF,YAAI,QAAQ,UAAU,QAAS,OAAMG,kBAA+B;AAAA,UACpE;AAAA,UACAC,kBAA8B;AAAA,UAC9BC,KAAU,MAAC,KAAK;AAAA,UAChB;AAAA,QACA;AACD,YAAI,QAAQ,UAAU,QAAS,OAAMF,kBAA+B;AAAA,UACnE;AAAA,UACAG,kBAA8B;AAAA,UAC9BD,KAAU,MAAC,KAAK;AAAA,UAChB;AAAA,QACA;AAAA,MACD,SAAQ,OAAO;AACf,cAAM,IAAI;AAAA,MACV;AACD,UAAI;AACF,cAAME,MAAAA,SAAeF,KAAAA,MAAW,MAAM,UAAU,QAAQ,KAAK;AAAA,MAC7D,SAAQ,OAAO;AAChB,cAAM,IAAI;AAAA,MACV;AAAA,IACD;AAED,aAAS,aAAc;AACtB,aAAO,KAAK,EAAE,MAAM,aAAY,CAAC;AAAA,IACjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SignUp.vue.cjs","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('title')}}</h3>\n\t\t\n\t\t<!-- Select -->\n\t\t<div class=\"mn-b-small p-small uppercase t-semi bg-light radius-big o-hidden\">\n\t\t\t<Tab \n\t\t\t\tv-model:selected=\"tabAuth\"\n\t\t\t\t:tabs=\"[\n\t\t\t\t\t{name: t('phone'), value: 'phone'},\n\t\t\t\t\t{name: t('email'), value: 'email'}\n\t\t\t\t]\"\n\t\t\t\ttabClass=\"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('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('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('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('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('sendCode')}}</Button>\n\t\t\t\n\t\t<!-- Links -->\n\t\t<div class=\"w-100\">\n\t\t\t<router-link to=\"/auth/signin\" class=\"underline mn-b-medium d-block t-blue\">{{t('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 '@pf/src/components/Tab/Tab.vue'\n\timport Field         from '@pf/src/components/Field/Field.vue'\n\timport FieldPhone    from '@pf/src/components/FieldPhone/FieldPhone.vue'\n\timport Button        from '@pf/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 localization\n\timport text from '@pf/src/modules/auth/views/localization/SignUp.json'\n\t// Import state\n\timport * as auth from '@pf/src/modules/auth/views/store/auth'\n\timport * as twofa from '@pf/src/modules/auth/views/store/twofa'\n\t// Import validation\n\timport * as inputsValidation from '@pf/src/modules/auth/views/validations/inputs.validation'\n\t// Localization\n\tconst { t } = useI18n({\n\t\tuseScope: 'global', \n\t\t...text\n\t})\n\t// Validation\n\tconst phoneValidation = ref(null)\n\tconst emailValidation = ref(null)\n\t// Accessing router\n\t// const store = useStore()\n\tconst route = useRoute()\n\tconst router = useRouter()\n\t// Accessing state\n\tconst tabAuth = ref('phone')\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'})\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":["useI18n","text","ref","useRoute","useRouter","inputsValidation.validateInputs","inputsValidation.validatePhone","auth.state","inputsValidation.validateEmail","twofa.sendCode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAiFC,UAAM,EAAE,EAAG,IAAGA,gBAAQ;AAAA,MACrB,UAAU;AAAA,MACV,GAAGC,OAAAA;AAAAA,IACH,CAAA;AAED,UAAM,kBAAkBC,IAAAA,IAAI,IAAI;AAChC,UAAM,kBAAkBA,IAAAA,IAAI,IAAI;AAGlBC,cAAQ,SAAA;AACtB,UAAM,SAASC,UAAS,UAAA;AAExB,UAAM,UAAUF,IAAAA,IAAI,OAAO;AAE3B,mBAAe,WAAW;AACzB,UAAI;AACF,YAAI,QAAQ,UAAU,QAAS,OAAMG,kBAA+B;AAAA,UACpE;AAAA,UACAC,kBAA8B;AAAA,UAC9BC,KAAU,MAAC,KAAK;AAAA,UAChB;AAAA,QACJ;AACG,YAAI,QAAQ,UAAU,QAAS,OAAMF,kBAA+B;AAAA,UACnE;AAAA,UACAG,kBAA8B;AAAA,UAC9BD,KAAU,MAAC,KAAK;AAAA,UAChB;AAAA,QACJ;AAAA,MACG,SAAQ,OAAO;AACf,cAAM,IAAI;AAAA,MACb;AACE,UAAI;AACF,cAAME,MAAc,SAACF,KAAU,MAAC,MAAM,UAAU,QAAQ,KAAK;AAAA,MAC7D,SAAQ,OAAO;AAChB,cAAM,IAAI;AAAA,MACb;AAAA,IACA;AAEC,aAAS,aAAc;AACtB,aAAO,KAAK,EAAE,MAAM,aAAY,CAAC;AAAA,IACnC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

package/dist/prometheus-framework/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('title')}}</h3>\n\t\t\n\t\t<!-- Select -->\n\t\t<div class=\"mn-b-small p-small uppercase t-semi bg-light radius-big o-hidden\">\n\t\t\t<Tab \n\t\t\t\tv-model:selected=\"tabAuth\"\n\t\t\t\t:tabs=\"[\n\t\t\t\t\t{name: t('phone'), value: 'phone'},\n\t\t\t\t\t{name: t('email'), value: 'email'}\n\t\t\t\t]\"\n\t\t\t\ttabClass=\"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('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('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('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('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('sendCode')}}</Button>\n\t\t\t\n\t\t<!-- Links -->\n\t\t<div class=\"w-100\">\n\t\t\t<router-link to=\"/auth/signin\" class=\"underline mn-b-medium d-block t-blue\">{{t('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 '@pf/src/components/Tab/Tab.vue'\n\timport Field         from '@pf/src/components/Field/Field.vue'\n\timport FieldPhone    from '@pf/src/components/FieldPhone/FieldPhone.vue'\n\timport Button        from '@pf/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 localization\n\timport text from '@pf/src/modules/auth/views/localization/SignUp.json'\n\t// Import state\n\timport * as auth from '@pf/src/modules/auth/views/store/auth'\n\timport * as twofa from '@pf/src/modules/auth/views/store/twofa'\n\t// Import validation\n\timport * as inputsValidation from '@pf/src/modules/auth/views/validations/inputs.validation'\n\t// Localization\n\tconst { t } = useI18n({\n\t\tuseScope: 'global', \n\t\t...text\n\t})\n\t// Validation\n\tconst phoneValidation = ref(null)\n\tconst emailValidation = ref(null)\n\t// Accessing router\n\t// const store = useStore()\n\tconst route = useRoute()\n\tconst router = useRouter()\n\t// Accessing state\n\tconst tabAuth = ref('phone')\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'})\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","auth.state","inputsValidation.validateEmail","twofa.sendCode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiFC,UAAM,EAAE,EAAG,IAAG,QAAQ;AAAA,MACrB,UAAU;AAAA,MACV,GAAG;AAAA,IACL,CAAE;AAED,UAAM,kBAAkB,IAAI,IAAI;AAChC,UAAM,kBAAkB,IAAI,IAAI;AAGlB,aAAU;AACxB,UAAM,SAAS,UAAW;AAE1B,UAAM,UAAU,IAAI,OAAO;AAE3B,mBAAe,WAAW;AACzB,UAAI;AACF,YAAI,QAAQ,UAAU,QAAS,OAAMA;AAAAA,UACrC;AAAA,UACAC;AAAAA,UACAC,MAAW,KAAK;AAAA,UAChB;AAAA,QACA;AACD,YAAI,QAAQ,UAAU,QAAS,OAAMF;AAAAA,UACpC;AAAA,UACAG;AAAAA,UACAD,MAAW,KAAK;AAAA,UAChB;AAAA,QACA;AAAA,MACD,SAAQ,OAAO;AACf,cAAM,IAAI;AAAA,MACV;AACD,UAAI;AACF,cAAME,SAAeF,MAAW,MAAM,UAAU,QAAQ,KAAK;AAAA,MAC7D,SAAQ,OAAO;AAChB,cAAM,IAAI;AAAA,MACV;AAAA,IACD;AAED,aAAS,aAAc;AACtB,aAAO,KAAK,EAAE,MAAM,aAAY,CAAC;AAAA,IACjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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('title')}}</h3>\n\t\t\n\t\t<!-- Select -->\n\t\t<div class=\"mn-b-small p-small uppercase t-semi bg-light radius-big o-hidden\">\n\t\t\t<Tab \n\t\t\t\tv-model:selected=\"tabAuth\"\n\t\t\t\t:tabs=\"[\n\t\t\t\t\t{name: t('phone'), value: 'phone'},\n\t\t\t\t\t{name: t('email'), value: 'email'}\n\t\t\t\t]\"\n\t\t\t\ttabClass=\"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('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('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('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('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('sendCode')}}</Button>\n\t\t\t\n\t\t<!-- Links -->\n\t\t<div class=\"w-100\">\n\t\t\t<router-link to=\"/auth/signin\" class=\"underline mn-b-medium d-block t-blue\">{{t('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 '@pf/src/components/Tab/Tab.vue'\n\timport Field         from '@pf/src/components/Field/Field.vue'\n\timport FieldPhone    from '@pf/src/components/FieldPhone/FieldPhone.vue'\n\timport Button        from '@pf/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 localization\n\timport text from '@pf/src/modules/auth/views/localization/SignUp.json'\n\t// Import state\n\timport * as auth from '@pf/src/modules/auth/views/store/auth'\n\timport * as twofa from '@pf/src/modules/auth/views/store/twofa'\n\t// Import validation\n\timport * as inputsValidation from '@pf/src/modules/auth/views/validations/inputs.validation'\n\t// Localization\n\tconst { t } = useI18n({\n\t\tuseScope: 'global', \n\t\t...text\n\t})\n\t// Validation\n\tconst phoneValidation = ref(null)\n\tconst emailValidation = ref(null)\n\t// Accessing router\n\t// const store = useStore()\n\tconst route = useRoute()\n\tconst router = useRouter()\n\t// Accessing state\n\tconst tabAuth = ref('phone')\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'})\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","auth.state","inputsValidation.validateEmail","twofa.sendCode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiFC,UAAM,EAAE,EAAG,IAAG,QAAQ;AAAA,MACrB,UAAU;AAAA,MACV,GAAG;AAAA,IACH,CAAA;AAED,UAAM,kBAAkB,IAAI,IAAI;AAChC,UAAM,kBAAkB,IAAI,IAAI;AAGlB,aAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,UAAM,UAAU,IAAI,OAAO;AAE3B,mBAAe,WAAW;AACzB,UAAI;AACF,YAAI,QAAQ,UAAU,QAAS,OAAMA;AAAAA,UACrC;AAAA,UACAC;AAAAA,UACAC,MAAW,KAAK;AAAA,UAChB;AAAA,QACJ;AACG,YAAI,QAAQ,UAAU,QAAS,OAAMF;AAAAA,UACpC;AAAA,UACAG;AAAAA,UACAD,MAAW,KAAK;AAAA,UAChB;AAAA,QACJ;AAAA,MACG,SAAQ,OAAO;AACf,cAAM,IAAI;AAAA,MACb;AACE,UAAI;AACF,cAAME,SAAeF,MAAW,MAAM,UAAU,QAAQ,KAAK;AAAA,MAC7D,SAAQ,OAAO;AAChB,cAAM,IAAI;AAAA,MACb;AAAA,IACA;AAEC,aAAS,aAAc;AACtB,aAAO,KAAK,EAAE,MAAM,aAAY,CAAC;AAAA,IACnC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/auth/views/components/sections/FeaturedUsers.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FeaturedUsers.vue.cjs","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-50 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-big\">\n      Together, we're shaping the future of the globals music community.\n    </p>\n    <router-link :to=\"{ name: 'Sign In' }\" class=\"bg-black 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 '@pf/src/modules/auth/views/store/users'\n\nimport Marquee from '@pf/src/components/Marquee/Marquee.vue'\n\nimport CardUser from '@pf/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":["ref","onMounted","users.actions"],"mappings":";;;;;;;;;;;;;;AAwFA,UAAM,YAAYA,IAAG,IAAC,EAAE;AAExBC,QAAAA,UAAU,YAAW;AACnB,gBAAU,QAAQ,MAAMC,MAAa,QAAC,KAAK;AAAA,QACzC,OAAO;AAAA,MACX,CAAG;AAAA,IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FeaturedUsers.vue.cjs","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-50 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-big\">\n      Together, we're shaping the future of the globals music community.\n    </p>\n    <router-link :to=\"{ name: 'Sign In' }\" class=\"bg-black 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 '@pf/src/modules/auth/views/store/users'\n\nimport Marquee from '@pf/src/components/Marquee/Marquee.vue'\n\nimport CardUser from '@pf/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":["ref","onMounted","users.actions"],"mappings":";;;;;;;;;;;;;;AAwFA,UAAM,YAAYA,IAAG,IAAC,CAAE,CAAA;AAExBC,QAAAA,UAAU,YAAW;AACnB,gBAAU,QAAQ,MAAMC,MAAa,QAAC,KAAK;AAAA,QACzC,OAAO;AAAA,MACR,CAAA;AAAA,IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/auth/views/components/sections/FeaturedUsers.vue.js

@@ -1,4 +1,4 @@
-import { ref, onMounted, resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, Fragment, renderList, createBlock, createTextVNode } from "vue";
+import { ref, onMounted, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, withCtx, Fragment, renderList, createBlock, createTextVNode } from "vue";
 import { actions } from "../../store/users.js";
 import _sfc_main$1 from "../../../../../components/Marquee/Marquee.vue.js";
 import _sfc_main$2 from "../blocks/CardUser.vue.js";

package/dist/prometheus-framework/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-50 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-big\">\n      Together, we're shaping the future of the globals music community.\n    </p>\n    <router-link :to=\"{ name: 'Sign In' }\" class=\"bg-black 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 '@pf/src/modules/auth/views/store/users'\n\nimport Marquee from '@pf/src/components/Marquee/Marquee.vue'\n\nimport CardUser from '@pf/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,EAAE;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-50 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-big\">\n      Together, we're shaping the future of the globals music community.\n    </p>\n    <router-link :to=\"{ name: 'Sign In' }\" class=\"bg-black 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 '@pf/src/modules/auth/views/store/users'\n\nimport Marquee from '@pf/src/components/Marquee/Marquee.vue'\n\nimport CardUser from '@pf/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,CAAE,CAAA;AAExB,cAAU,YAAW;AACnB,gBAAU,QAAQ,MAAMA,QAAc,KAAK;AAAA,QACzC,OAAO;AAAA,MACR,CAAA;AAAA,IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/auth/views/components/sections/ProfileEditCredentials.vue.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Field = require("../../../../../components/Field/Field.vue.cjs");
-const Button = require("../../../../../components/Button/Button.vue.cjs");
+const Field = require("../../../../../components/Field/Field.vue2.cjs");
+const Button = require("../../../../../components/Button/Button.vue2.cjs");
 const vueRouter = require("vue-router");
 const users = require("../../store/users.cjs");
 const twofa = require("../../store/twofa.cjs");

package/dist/prometheus-framework/src/modules/auth/views/components/sections/ProfileEditCredentials.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileEditCredentials.vue.cjs","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 bg-main 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 bg-main 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 bg-main flex-1\"\n          >\n            Add Phone\n          </Button>\n          <Button \n            v-if=\"!isVerificationSent\"\n            :submit=\"() => cancelAdding('phone')\" \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=\"!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 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 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 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 '@pf/src/components/Field/Field.vue'\nimport Button from '@pf/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 '@pf/src/modules/auth/views/store/users'\nimport * as twofa from '@pf/src/modules/auth/views/store/twofa'\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 '@pf/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":["ref","useRoute","useRouter","onMounted","users.actions","users.state","twofa.sendCode","twofa.state"],"mappings":"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"}
+{"version":3,"file":"ProfileEditCredentials.vue.cjs","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 bg-main 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 bg-main 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 bg-main flex-1\"\n          >\n            Add Phone\n          </Button>\n          <Button \n            v-if=\"!isVerificationSent\"\n            :submit=\"() => cancelAdding('phone')\" \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=\"!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 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 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 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 '@pf/src/components/Field/Field.vue'\nimport Button from '@pf/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 '@pf/src/modules/auth/views/store/users'\nimport * as twofa from '@pf/src/modules/auth/views/store/twofa'\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 '@pf/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":["ref","useRoute","useRouter","onMounted","users.actions","users.state","twofa.sendCode","twofa.state"],"mappings":"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"}

package/dist/prometheus-framework/src/modules/auth/views/components/sections/ProfileEditCredentials.vue.js

@@ -1,6 +1,6 @@
-import { ref, onMounted, openBlock, createElementBlock, createElementVNode, createVNode, createBlock, withCtx, createTextVNode, createCommentVNode } from "vue";
-import Field from "../../../../../components/Field/Field.vue.js";
-import _sfc_main$1 from "../../../../../components/Button/Button.vue.js";
+import { ref, onMounted, createElementBlock, createCommentVNode, openBlock, createElementVNode, createBlock, createVNode, withCtx, createTextVNode } from "vue";
+import Field from "../../../../../components/Field/Field.vue2.js";
+import _sfc_main$1 from "../../../../../components/Button/Button.vue2.js";
 import { useRoute, useRouter } from "vue-router";
 import { actions, state } from "../../store/users.js";
 import { sendCode, state as state$1 } from "../../store/twofa.js";

package/dist/prometheus-framework/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 bg-main 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 bg-main 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 bg-main flex-1\"\n          >\n            Add Phone\n          </Button>\n          <Button \n            v-if=\"!isVerificationSent\"\n            :submit=\"() => cancelAdding('phone')\" \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=\"!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 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 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 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 '@pf/src/components/Field/Field.vue'\nimport Button from '@pf/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 '@pf/src/modules/auth/views/store/users'\nimport * as twofa from '@pf/src/modules/auth/views/store/twofa'\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 '@pf/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 bg-main 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 bg-main 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 bg-main flex-1\"\n          >\n            Add Phone\n          </Button>\n          <Button \n            v-if=\"!isVerificationSent\"\n            :submit=\"() => cancelAdding('phone')\" \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=\"!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 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 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 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 '@pf/src/components/Field/Field.vue'\nimport Button from '@pf/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 '@pf/src/modules/auth/views/store/users'\nimport * as twofa from '@pf/src/modules/auth/views/store/twofa'\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 '@pf/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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"}

package/dist/prometheus-framework/src/modules/auth/views/components/sections/SliderFeatures.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SliderFeatures.vue.cjs","sources":["../../../../../../../../src/modules/auth/views/components/sections/SliderFeatures.vue"],"sourcesContent":["<script setup>\nimport { ref, onMounted } from 'vue'\nimport { useI18n } from 'vue-i18n'\n\nimport emblaCarouselVue from 'embla-carousel-vue';\nimport Autoplay from 'embla-carousel-autoplay'\n\nconst text = {\n  messages: {\n    en: {\n      features: [\n        {\n          title: \"What's the Weeder Token, Dude?\",\n          description: \"WDT is like, the backbone of our rad community. It's cash, it's power, it's an investment. Groovy, right?\", \n        },\n        {\n          title: \"Light Up and Level Up\",\n          description: \"Order up, light up, and earn Weeder tokens. More tokes, more cash in your pocket, man.\", \n        },\n        {\n          title: \"Hang Ten with Our Community\",\n          description: \"Find the dopest strains and start floating on cloud 9 with us!\", \n        },\n        {\n          title: \"Shop 'Til You Drop... Into Your Couch\",\n          description: \"Score primo bud and gear with just a few clicks. Delivered right to your pad!\", \n        },\n      ]\n    },\n    ru: {\n      features: [\n        {\n          title: \"Что такое токен Weeder, Бро?\",\n          description: \"WDT - это как основа нашего крутого сообщества. Это деньги, это власть, это инвестиции. Круто, а?\", \n        },\n        {\n          title: \"Зажигай и Развивайся\",\n          description: \"Закажи шмали, курни и зарабатывай токены Weeder. Чем больше курнешь, тем больше кэша у тебя в кармане, чувак.\", \n        },\n        \n        {\n          title: \"Веселись с Нашим Сообществом\",\n          description: \"Найди самые крутые сорта и начни шмалить на девятом облаке вместе с нами.\", \n        },\n        {\n          title: \"Покупайте, Когда Накурились\",\n          description: \"Закажи премиумную бошку и крутые аксессуары за пару кликов, чувак. Прямо к твоей двери!\",\n        },\n      ]\n    }\n  }\n}\n\nconst { tm,rt } = useI18n(text)\n\n\n\n\nconst selectedIndex = ref(0);\nconst scrollSnaps = ref([]);\n\nconst autoplayOptions = {\n  delay: 2000,\n  jump: false,\n  stopOnInteraction: false,\n  stopOnMouseEnter: false,\n  stopOnFocusIn: true,\n  stopOnLastSnap: false,\n  rootNode: (emblaRoot) => emblaRoot.parentElement\n}\n\nconst [emblaNode, emblaApi] = emblaCarouselVue({ loop: true }, [Autoplay(autoplayOptions)])\n\nconst scrollTo = (index) => emblaApi.value && emblaApi.value.scrollTo(index);\nconst onInit = (embla) =>  scrollSnaps.value = emblaApi.value.scrollSnapList();\nconst onSelect = (embla) => selectedIndex.value = emblaApi.value.selectedScrollSnap();\n\nonMounted(async() => {\n  onInit(emblaApi);\n  onSelect(emblaApi);\n\n  emblaApi.value.on('reInit', onInit);\n  emblaApi.value.on('reInit', onSelect);\n  emblaApi.value.on('select', onSelect);\n});\n</script>\n\n<template>\n  <div class=\"embla\" ref=\"emblaNode\">\n    <div class=\"embla__container\">\n      <div class=\"embla__slide pd-nano\" v-for=\"(feature, index) in tm('features')\" :key=\"index\">\n        <div class=\"parent-div\" :style=\"`background-image: url(/assets/images/features/${index}.png); background-size:cover; background-position: center center;`\">\n          <div class=\"background-div\"></div>\n          <h4 class=\"mn-b-small\">{{ feature.title }}</h4>\n          <p class='mn-b-big mn-r-small mn-l-small'>{{ feature.description }}</p>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\">\n.carousel__track {\n    height: 100%;\n  }\n.carousel-controls {\n  position: absolute;\n  top: 0;\n  right: 0;\n}\n\n.carousel-indicators {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  justify-content: center;\n}\n\n.carousel-indicators li {\n  list-style: none;\n  margin: 0 5px;\n  width: 10px;\n  height: 10px;\n  background: gray;\n  border-radius: 50%;\n}\n\n.carousel-indicators li.active {\n  background: white;\n}\n\n.parent-div {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n}\n\n.background-div {\n  flex-grow: 1 // Занимает все оставшееся пространство\n}\n</style>\n"],"names":["useI18n","ref","emblaCarouselVue","Autoplay","onMounted"],"mappings":";;;;;;;;;;;;;AAOA,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACF,UAAU;AAAA,YACR;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACD;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACD;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACD;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,UACF;AAAA,QACF;AAAA,QACD,IAAI;AAAA,UACF,UAAU;AAAA,YACR;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACD;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YAED;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACD;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACH;AAEA,UAAM,EAAE,IAAG,OAAOA,QAAAA,QAAQ,IAAI;AAK9B,UAAM,gBAAgBC,IAAAA,IAAI,CAAC;AAC3B,UAAM,cAAcA,IAAAA,IAAI,CAAA,CAAE;AAE1B,UAAM,kBAAkB;AAAA,MACtB,OAAO;AAAA,MACP,MAAM;AAAA,MACN,mBAAmB;AAAA,MACnB,kBAAkB;AAAA,MAClB,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,UAAU,CAAC,cAAc,UAAU;AAAA,IACrC;AAEA,UAAM,CAAC,WAAW,QAAQ,IAAIC,qBAAAA,QAAiB,EAAE,MAAM,KAAI,GAAI,CAACC,0BAAAA,QAAS,eAAe,CAAC,CAAC;AAG1F,UAAM,SAAS,CAAC,UAAW,YAAY,QAAQ,SAAS,MAAM;AAC9D,UAAM,WAAW,CAAC,UAAU,cAAc,QAAQ,SAAS,MAAM;AAEjEC,QAAAA,UAAU,YAAW;AACnB,aAAe;AACf,eAAiB;AAEjB,eAAS,MAAM,GAAG,UAAU,MAAM;AAClC,eAAS,MAAM,GAAG,UAAU,QAAQ;AACpC,eAAS,MAAM,GAAG,UAAU,QAAQ;AAAA,IACtC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SliderFeatures.vue.cjs","sources":["../../../../../../../../src/modules/auth/views/components/sections/SliderFeatures.vue"],"sourcesContent":["<script setup>\nimport { ref, onMounted } from 'vue'\nimport { useI18n } from 'vue-i18n'\n\nimport emblaCarouselVue from 'embla-carousel-vue';\nimport Autoplay from 'embla-carousel-autoplay'\n\nconst text = {\n  messages: {\n    en: {\n      features: [\n        {\n          title: \"What's the Weeder Token, Dude?\",\n          description: \"WDT is like, the backbone of our rad community. It's cash, it's power, it's an investment. Groovy, right?\", \n        },\n        {\n          title: \"Light Up and Level Up\",\n          description: \"Order up, light up, and earn Weeder tokens. More tokes, more cash in your pocket, man.\", \n        },\n        {\n          title: \"Hang Ten with Our Community\",\n          description: \"Find the dopest strains and start floating on cloud 9 with us!\", \n        },\n        {\n          title: \"Shop 'Til You Drop... Into Your Couch\",\n          description: \"Score primo bud and gear with just a few clicks. Delivered right to your pad!\", \n        },\n      ]\n    },\n    ru: {\n      features: [\n        {\n          title: \"Что такое токен Weeder, Бро?\",\n          description: \"WDT - это как основа нашего крутого сообщества. Это деньги, это власть, это инвестиции. Круто, а?\", \n        },\n        {\n          title: \"Зажигай и Развивайся\",\n          description: \"Закажи шмали, курни и зарабатывай токены Weeder. Чем больше курнешь, тем больше кэша у тебя в кармане, чувак.\", \n        },\n        \n        {\n          title: \"Веселись с Нашим Сообществом\",\n          description: \"Найди самые крутые сорта и начни шмалить на девятом облаке вместе с нами.\", \n        },\n        {\n          title: \"Покупайте, Когда Накурились\",\n          description: \"Закажи премиумную бошку и крутые аксессуары за пару кликов, чувак. Прямо к твоей двери!\",\n        },\n      ]\n    }\n  }\n}\n\nconst { tm,rt } = useI18n(text)\n\n\n\n\nconst selectedIndex = ref(0);\nconst scrollSnaps = ref([]);\n\nconst autoplayOptions = {\n  delay: 2000,\n  jump: false,\n  stopOnInteraction: false,\n  stopOnMouseEnter: false,\n  stopOnFocusIn: true,\n  stopOnLastSnap: false,\n  rootNode: (emblaRoot) => emblaRoot.parentElement\n}\n\nconst [emblaNode, emblaApi] = emblaCarouselVue({ loop: true }, [Autoplay(autoplayOptions)])\n\nconst scrollTo = (index) => emblaApi.value && emblaApi.value.scrollTo(index);\nconst onInit = (embla) =>  scrollSnaps.value = emblaApi.value.scrollSnapList();\nconst onSelect = (embla) => selectedIndex.value = emblaApi.value.selectedScrollSnap();\n\nonMounted(async() => {\n  onInit(emblaApi);\n  onSelect(emblaApi);\n\n  emblaApi.value.on('reInit', onInit);\n  emblaApi.value.on('reInit', onSelect);\n  emblaApi.value.on('select', onSelect);\n});\n</script>\n\n<template>\n  <div class=\"embla\" ref=\"emblaNode\">\n    <div class=\"embla__container\">\n      <div class=\"embla__slide pd-nano\" v-for=\"(feature, index) in tm('features')\" :key=\"index\">\n        <div class=\"parent-div\" :style=\"`background-image: url(/assets/images/features/${index}.png); background-size:cover; background-position: center center;`\">\n          <div class=\"background-div\"></div>\n          <h4 class=\"mn-b-small\">{{ feature.title }}</h4>\n          <p class='mn-b-big mn-r-small mn-l-small'>{{ feature.description }}</p>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\">\n.carousel__track {\n    height: 100%;\n  }\n.carousel-controls {\n  position: absolute;\n  top: 0;\n  right: 0;\n}\n\n.carousel-indicators {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  justify-content: center;\n}\n\n.carousel-indicators li {\n  list-style: none;\n  margin: 0 5px;\n  width: 10px;\n  height: 10px;\n  background: gray;\n  border-radius: 50%;\n}\n\n.carousel-indicators li.active {\n  background: white;\n}\n\n.parent-div {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n}\n\n.background-div {\n  flex-grow: 1 // Занимает все оставшееся пространство\n}\n</style>\n"],"names":["useI18n","ref","emblaCarouselVue","Autoplay","onMounted"],"mappings":";;;;;;;;;;;;;AAOA,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACF,UAAU;AAAA,YACR;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACD;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACD;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACD;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,UACT;AAAA,QACK;AAAA,QACD,IAAI;AAAA,UACF,UAAU;AAAA,YACR;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACD;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YAED;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACD;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,UACT;AAAA,QACA;AAAA,MACA;AAAA,IACA;AAEA,UAAM,EAAE,IAAG,OAAOA,QAAAA,QAAQ,IAAI;AAK9B,UAAM,gBAAgBC,IAAG,IAAC,CAAC;AAC3B,UAAM,cAAcA,IAAG,IAAC,EAAE;AAE1B,UAAM,kBAAkB;AAAA,MACtB,OAAO;AAAA,MACP,MAAM;AAAA,MACN,mBAAmB;AAAA,MACnB,kBAAkB;AAAA,MAClB,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,UAAU,CAAC,cAAc,UAAU;AAAA,IACrC;AAEA,UAAM,CAAC,WAAW,QAAQ,IAAIC,6BAAiB,EAAE,MAAM,QAAQ,CAACC,kCAAS,eAAe,CAAC,CAAC;AAG1F,UAAM,SAAS,CAAC,UAAW,YAAY,QAAQ,SAAS,MAAM,eAAgB;AAC9E,UAAM,WAAW,CAAC,UAAU,cAAc,QAAQ,SAAS,MAAM,mBAAoB;AAErFC,QAAAA,UAAU,YAAW;AACnB,aAAe;AACf,eAAiB;AAEjB,eAAS,MAAM,GAAG,UAAU,MAAM;AAClC,eAAS,MAAM,GAAG,UAAU,QAAQ;AACpC,eAAS,MAAM,GAAG,UAAU,QAAQ;AAAA,IACtC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/auth/views/components/sections/SliderFeatures.vue.js

@@ -1,4 +1,4 @@
-import { ref, onMounted, openBlock, createElementBlock, createElementVNode, Fragment, renderList, unref, normalizeStyle, toDisplayString } from "vue";
+import { ref, onMounted, createElementBlock, openBlock, createElementVNode, Fragment, renderList, unref, normalizeStyle, toDisplayString } from "vue";
 import { useI18n } from "vue-i18n";
 import emblaCarouselVue from "../../../../../../../node_modules/embla-carousel-vue/esm/embla-carousel-vue.esm.js";
 import Autoplay from "../../../../../../../node_modules/embla-carousel-autoplay/esm/embla-carousel-autoplay.esm.js";

package/dist/prometheus-framework/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 { ref, onMounted } from 'vue'\nimport { useI18n } from 'vue-i18n'\n\nimport emblaCarouselVue from 'embla-carousel-vue';\nimport Autoplay from 'embla-carousel-autoplay'\n\nconst text = {\n  messages: {\n    en: {\n      features: [\n        {\n          title: \"What's the Weeder Token, Dude?\",\n          description: \"WDT is like, the backbone of our rad community. It's cash, it's power, it's an investment. Groovy, right?\", \n        },\n        {\n          title: \"Light Up and Level Up\",\n          description: \"Order up, light up, and earn Weeder tokens. More tokes, more cash in your pocket, man.\", \n        },\n        {\n          title: \"Hang Ten with Our Community\",\n          description: \"Find the dopest strains and start floating on cloud 9 with us!\", \n        },\n        {\n          title: \"Shop 'Til You Drop... Into Your Couch\",\n          description: \"Score primo bud and gear with just a few clicks. Delivered right to your pad!\", \n        },\n      ]\n    },\n    ru: {\n      features: [\n        {\n          title: \"Что такое токен Weeder, Бро?\",\n          description: \"WDT - это как основа нашего крутого сообщества. Это деньги, это власть, это инвестиции. Круто, а?\", \n        },\n        {\n          title: \"Зажигай и Развивайся\",\n          description: \"Закажи шмали, курни и зарабатывай токены Weeder. Чем больше курнешь, тем больше кэша у тебя в кармане, чувак.\", \n        },\n        \n        {\n          title: \"Веселись с Нашим Сообществом\",\n          description: \"Найди самые крутые сорта и начни шмалить на девятом облаке вместе с нами.\", \n        },\n        {\n          title: \"Покупайте, Когда Накурились\",\n          description: \"Закажи премиумную бошку и крутые аксессуары за пару кликов, чувак. Прямо к твоей двери!\",\n        },\n      ]\n    }\n  }\n}\n\nconst { tm,rt } = useI18n(text)\n\n\n\n\nconst selectedIndex = ref(0);\nconst scrollSnaps = ref([]);\n\nconst autoplayOptions = {\n  delay: 2000,\n  jump: false,\n  stopOnInteraction: false,\n  stopOnMouseEnter: false,\n  stopOnFocusIn: true,\n  stopOnLastSnap: false,\n  rootNode: (emblaRoot) => emblaRoot.parentElement\n}\n\nconst [emblaNode, emblaApi] = emblaCarouselVue({ loop: true }, [Autoplay(autoplayOptions)])\n\nconst scrollTo = (index) => emblaApi.value && emblaApi.value.scrollTo(index);\nconst onInit = (embla) =>  scrollSnaps.value = emblaApi.value.scrollSnapList();\nconst onSelect = (embla) => selectedIndex.value = emblaApi.value.selectedScrollSnap();\n\nonMounted(async() => {\n  onInit(emblaApi);\n  onSelect(emblaApi);\n\n  emblaApi.value.on('reInit', onInit);\n  emblaApi.value.on('reInit', onSelect);\n  emblaApi.value.on('select', onSelect);\n});\n</script>\n\n<template>\n  <div class=\"embla\" ref=\"emblaNode\">\n    <div class=\"embla__container\">\n      <div class=\"embla__slide pd-nano\" v-for=\"(feature, index) in tm('features')\" :key=\"index\">\n        <div class=\"parent-div\" :style=\"`background-image: url(/assets/images/features/${index}.png); background-size:cover; background-position: center center;`\">\n          <div class=\"background-div\"></div>\n          <h4 class=\"mn-b-small\">{{ feature.title }}</h4>\n          <p class='mn-b-big mn-r-small mn-l-small'>{{ feature.description }}</p>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\">\n.carousel__track {\n    height: 100%;\n  }\n.carousel-controls {\n  position: absolute;\n  top: 0;\n  right: 0;\n}\n\n.carousel-indicators {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  justify-content: center;\n}\n\n.carousel-indicators li {\n  list-style: none;\n  margin: 0 5px;\n  width: 10px;\n  height: 10px;\n  background: gray;\n  border-radius: 50%;\n}\n\n.carousel-indicators li.active {\n  background: white;\n}\n\n.parent-div {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n}\n\n.background-div {\n  flex-grow: 1 // Занимает все оставшееся пространство\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;AAOA,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACF,UAAU;AAAA,YACR;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACD;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACD;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACD;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,UACF;AAAA,QACF;AAAA,QACD,IAAI;AAAA,UACF,UAAU;AAAA,YACR;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACD;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YAED;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACD;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACH;AAEA,UAAM,EAAE,IAAG,OAAO,QAAQ,IAAI;AAK9B,UAAM,gBAAgB,IAAI,CAAC;AAC3B,UAAM,cAAc,IAAI,CAAA,CAAE;AAE1B,UAAM,kBAAkB;AAAA,MACtB,OAAO;AAAA,MACP,MAAM;AAAA,MACN,mBAAmB;AAAA,MACnB,kBAAkB;AAAA,MAClB,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,UAAU,CAAC,cAAc,UAAU;AAAA,IACrC;AAEA,UAAM,CAAC,WAAW,QAAQ,IAAI,iBAAiB,EAAE,MAAM,KAAI,GAAI,CAAC,SAAS,eAAe,CAAC,CAAC;AAG1F,UAAM,SAAS,CAAC,UAAW,YAAY,QAAQ,SAAS,MAAM;AAC9D,UAAM,WAAW,CAAC,UAAU,cAAc,QAAQ,SAAS,MAAM;AAEjE,cAAU,YAAW;AACnB,aAAe;AACf,eAAiB;AAEjB,eAAS,MAAM,GAAG,UAAU,MAAM;AAClC,eAAS,MAAM,GAAG,UAAU,QAAQ;AACpC,eAAS,MAAM,GAAG,UAAU,QAAQ;AAAA,IACtC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SliderFeatures.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/sections/SliderFeatures.vue"],"sourcesContent":["<script setup>\nimport { ref, onMounted } from 'vue'\nimport { useI18n } from 'vue-i18n'\n\nimport emblaCarouselVue from 'embla-carousel-vue';\nimport Autoplay from 'embla-carousel-autoplay'\n\nconst text = {\n  messages: {\n    en: {\n      features: [\n        {\n          title: \"What's the Weeder Token, Dude?\",\n          description: \"WDT is like, the backbone of our rad community. It's cash, it's power, it's an investment. Groovy, right?\", \n        },\n        {\n          title: \"Light Up and Level Up\",\n          description: \"Order up, light up, and earn Weeder tokens. More tokes, more cash in your pocket, man.\", \n        },\n        {\n          title: \"Hang Ten with Our Community\",\n          description: \"Find the dopest strains and start floating on cloud 9 with us!\", \n        },\n        {\n          title: \"Shop 'Til You Drop... Into Your Couch\",\n          description: \"Score primo bud and gear with just a few clicks. Delivered right to your pad!\", \n        },\n      ]\n    },\n    ru: {\n      features: [\n        {\n          title: \"Что такое токен Weeder, Бро?\",\n          description: \"WDT - это как основа нашего крутого сообщества. Это деньги, это власть, это инвестиции. Круто, а?\", \n        },\n        {\n          title: \"Зажигай и Развивайся\",\n          description: \"Закажи шмали, курни и зарабатывай токены Weeder. Чем больше курнешь, тем больше кэша у тебя в кармане, чувак.\", \n        },\n        \n        {\n          title: \"Веселись с Нашим Сообществом\",\n          description: \"Найди самые крутые сорта и начни шмалить на девятом облаке вместе с нами.\", \n        },\n        {\n          title: \"Покупайте, Когда Накурились\",\n          description: \"Закажи премиумную бошку и крутые аксессуары за пару кликов, чувак. Прямо к твоей двери!\",\n        },\n      ]\n    }\n  }\n}\n\nconst { tm,rt } = useI18n(text)\n\n\n\n\nconst selectedIndex = ref(0);\nconst scrollSnaps = ref([]);\n\nconst autoplayOptions = {\n  delay: 2000,\n  jump: false,\n  stopOnInteraction: false,\n  stopOnMouseEnter: false,\n  stopOnFocusIn: true,\n  stopOnLastSnap: false,\n  rootNode: (emblaRoot) => emblaRoot.parentElement\n}\n\nconst [emblaNode, emblaApi] = emblaCarouselVue({ loop: true }, [Autoplay(autoplayOptions)])\n\nconst scrollTo = (index) => emblaApi.value && emblaApi.value.scrollTo(index);\nconst onInit = (embla) =>  scrollSnaps.value = emblaApi.value.scrollSnapList();\nconst onSelect = (embla) => selectedIndex.value = emblaApi.value.selectedScrollSnap();\n\nonMounted(async() => {\n  onInit(emblaApi);\n  onSelect(emblaApi);\n\n  emblaApi.value.on('reInit', onInit);\n  emblaApi.value.on('reInit', onSelect);\n  emblaApi.value.on('select', onSelect);\n});\n</script>\n\n<template>\n  <div class=\"embla\" ref=\"emblaNode\">\n    <div class=\"embla__container\">\n      <div class=\"embla__slide pd-nano\" v-for=\"(feature, index) in tm('features')\" :key=\"index\">\n        <div class=\"parent-div\" :style=\"`background-image: url(/assets/images/features/${index}.png); background-size:cover; background-position: center center;`\">\n          <div class=\"background-div\"></div>\n          <h4 class=\"mn-b-small\">{{ feature.title }}</h4>\n          <p class='mn-b-big mn-r-small mn-l-small'>{{ feature.description }}</p>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\">\n.carousel__track {\n    height: 100%;\n  }\n.carousel-controls {\n  position: absolute;\n  top: 0;\n  right: 0;\n}\n\n.carousel-indicators {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  justify-content: center;\n}\n\n.carousel-indicators li {\n  list-style: none;\n  margin: 0 5px;\n  width: 10px;\n  height: 10px;\n  background: gray;\n  border-radius: 50%;\n}\n\n.carousel-indicators li.active {\n  background: white;\n}\n\n.parent-div {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n}\n\n.background-div {\n  flex-grow: 1 // Занимает все оставшееся пространство\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;AAOA,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACF,UAAU;AAAA,YACR;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACD;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACD;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACD;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,UACT;AAAA,QACK;AAAA,QACD,IAAI;AAAA,UACF,UAAU;AAAA,YACR;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACD;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YAED;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,YACD;AAAA,cACE,OAAO;AAAA,cACP,aAAa;AAAA,YACd;AAAA,UACT;AAAA,QACA;AAAA,MACA;AAAA,IACA;AAEA,UAAM,EAAE,IAAG,OAAO,QAAQ,IAAI;AAK9B,UAAM,gBAAgB,IAAI,CAAC;AAC3B,UAAM,cAAc,IAAI,EAAE;AAE1B,UAAM,kBAAkB;AAAA,MACtB,OAAO;AAAA,MACP,MAAM;AAAA,MACN,mBAAmB;AAAA,MACnB,kBAAkB;AAAA,MAClB,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,UAAU,CAAC,cAAc,UAAU;AAAA,IACrC;AAEA,UAAM,CAAC,WAAW,QAAQ,IAAI,iBAAiB,EAAE,MAAM,QAAQ,CAAC,SAAS,eAAe,CAAC,CAAC;AAG1F,UAAM,SAAS,CAAC,UAAW,YAAY,QAAQ,SAAS,MAAM,eAAgB;AAC9E,UAAM,WAAW,CAAC,UAAU,cAAc,QAAQ,SAAS,MAAM,mBAAoB;AAErF,cAAU,YAAW;AACnB,aAAe;AACf,eAAiB;AAEjB,eAAS,MAAM,GAAG,UAAU,MAAM;AAClC,eAAS,MAAM,GAAG,UAAU,QAAQ;AACpC,eAAS,MAAM,GAAG,UAAU,QAAQ;AAAA,IACtC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/auth/views/localization/EnterCode.json.cjs

@@ -1,19 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const messages = {
-  "en-default": {
-    verifyNumberTitle: "Verify Number",
-    instructions: "We have sent a registration code to your phone number. Please enter it in the field below:",
-    resendCode: "Send the code again",
-    secondsResend: "seconds to the possibility of sending the code again."
-  },
-  "ru-default": {
-    verifyNumberTitle: "Подтвердите номер",
-    instructions: "Мы отправили код регистрации на ваш номер телефона. Введите его в поле ниже:",
-    resendCode: "Отправить код еще раз",
-    secondsResend: "секунд до возможности отправить код еще раз."
-  }
-};
+const messages = { "en-default": { "verifyNumberTitle": "Verify Number", "instructions": "We have sent a registration code to your phone number. Please enter it in the field below:", "resendCode": "Send the code again", "secondsResend": "seconds to the possibility of sending the code again." }, "ru-default": { "verifyNumberTitle": "Подтвердите номер", "instructions": "Мы отправили код регистрации на ваш номер телефона. Введите его в поле ниже:", "resendCode": "Отправить код еще раз", "secondsResend": "секунд до возможности отправить код еще раз." } };
 const text = {
   messages
 };

package/dist/prometheus-framework/src/modules/auth/views/localization/EnterCode.json.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EnterCode.json.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"EnterCode.json.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/prometheus-framework/src/modules/auth/views/localization/EnterCode.json.js

@@ -1,17 +1,4 @@
-const messages = {
-  "en-default": {
-    verifyNumberTitle: "Verify Number",
-    instructions: "We have sent a registration code to your phone number. Please enter it in the field below:",
-    resendCode: "Send the code again",
-    secondsResend: "seconds to the possibility of sending the code again."
-  },
-  "ru-default": {
-    verifyNumberTitle: "Подтвердите номер",
-    instructions: "Мы отправили код регистрации на ваш номер телефона. Введите его в поле ниже:",
-    resendCode: "Отправить код еще раз",
-    secondsResend: "секунд до возможности отправить код еще раз."
-  }
-};
+const messages = { "en-default": { "verifyNumberTitle": "Verify Number", "instructions": "We have sent a registration code to your phone number. Please enter it in the field below:", "resendCode": "Send the code again", "secondsResend": "seconds to the possibility of sending the code again." }, "ru-default": { "verifyNumberTitle": "Подтвердите номер", "instructions": "Мы отправили код регистрации на ваш номер телефона. Введите его в поле ниже:", "resendCode": "Отправить код еще раз", "secondsResend": "секунд до возможности отправить код еще раз." } };
 const text = {
   messages
 };

package/dist/prometheus-framework/src/modules/auth/views/localization/EnterCode.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"EnterCode.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"EnterCode.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}