npm - @ozdao/prometheus-framework - Versions diffs - 0.2.203 → 0.2.205 - Mend

@ozdao/prometheus-framework 0.2.203 → 0.2.205

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (164) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ResetPassword.vue.cjs","sources":["../../../../../../../../src/modules/auth/views/components/pages/ResetPassword.vue"],"sourcesContent":["<template>\n\t<section class=\"t-left pd-medium\">\n\t\t<!-- <img loading=\"lazy\" src=\"@/assets/icons/password.png\" class=\"i-extra mn-b-small\"> -->\n\t\t<!-- Header -->\n\t\t<h3 class=\"mn-b-small\">{{ t('forgotPasswordTitle') }}</h3>\n\t\t<p class=\"mn-b-small t-transp\">{{ t('instructions') }}</p>\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/>\n\t\t</div>\n\n\t\t<!-- Form -->\n\t\t<div class=\"pos-relative\">\n\t\t<!-- Phone -->\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<div v-if=\"tabAuth === 'phone'\" class=\"mn-b-semi radius-small ~~o-hidden~~\">\n\t\t\t\t\t<p class=\"mn-b-small t-transp\">{{ t('smsInfo') }}</p>\n\t\t\t\t\t<FieldPhone\n\t\t\t\t\t\t@change=\"(event) => auth.state.user.phone = event\" \t\n\t\t\t\t\t\t:dropdownOptions=\"{\n\t\t\t\t\t\t\tshowDialCodeInSelection: true,\n\t\t\t\t\t\t\tshowFlags: true,\n\t\t\t\t\t\t\tshowDialCodeInList: true\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\t:validation=\"phoneValidation\" \n\t\t\t\t\t\tmode=\"national\"\n\t\t\t\t\t\t:inputOptions=\"{placeholder: t('phonePlaceholder')}\"\n\t\t\t\t\t\tclass=\"bg-light pd-small radius-small mn-b-thin\" \n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</transition>\n\t\t\t<!-- Email -->\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<div v-if=\"tabAuth === 'email'\" class=\"mn-b-semi radius-small o-hidden\">\n\t\t\t\t\t<p class=\"mn-b-small t-transp\">{{ t('emailInfo') }}</p>\n\t\t\t\t\t<Field \n\t\t\t\t\t\tv-model:field=\"auth.state.user.email\" \t\t\n\t\t\t\t\t\t:placeholder=\"t('emailPlaceholder')\" \t\n\t\t\t\t\t\t:validation=\"emailValidation\" \n\t\t\t\t\t\tclass=\"bg-light pd-medium radius-small\" \n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</transition>\n\t\t</div>\n\t\t<!-- Button -->\n\t\t<Button :submit=\"onSubmit\" :callback=\"redirectTo\" class=\"mn-b-~~big~~\">{{ t('sendCode') }}</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 } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n// Localization\nimport text from '@pf/src/modules/auth/views/localization/ResetPassword.json'\n// Import state\nimport * as auth from '@pf/src/modules/auth/views/store/auth'\nimport * as twofa from '@pf/src/modules/auth/views/store/twofa'\n// Import validation\nimport * as inputsValidation from '@pf/src/modules/auth/views/validations/inputs.validation'\n// Localization\nconst { t } = useI18n({\n\tuseScope: 'global', \n\t...text\n})\n// Validation\nconst phoneValidation = ref(null)\nconst emailValidation = ref(null)\n// Accessing router\nconst route = useRoute()\nconst router = useRouter()\n// Accessing state\nconst tabAuth = ref('phone')\n// Methods\nasync function onSubmit() {\n\ttry {\n\t if (tabAuth.value === 'phone') await inputsValidation.validateInputs(\n\t\t\tphoneValidation, \n\t\t\tinputsValidation.validatePhone, \n\t\t\tauth.state.user.phone, \n\t\t\t'Некорректный телефон'\n\t\t)\n\t\tif (tabAuth.value === 'email') await inputsValidation.validateInputs(\n\t\t\temailValidation, \n\t\t\tinputsValidation.validateEmail, \n\t\t\tauth.state.user.email, \n\t\t\t'Некорректный email'\n\t\t)\n\t} catch (error) {\n\t\tthrow new Error\n\t}\n\ttry {\n \tawait auth.actions.resetPassword(auth.state.user, tabAuth.value, 'reset-password')\n } catch (error) {\n \tconsole.log(error)\n\t\tthrow new Error\n\t}\n}\n\nfunction redirectTo () {\n\trouter.push({ name: 'Enter Code', query: {type: tabAuth.value, method: 'reset-password'} })\n}\n</script>\n\n<style lang=\"scss\">\n\t.slide-fade-enter-active {\n\t transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tposition: absolute;\n\t transform: translateX(20px);\n\t opacity: 0;\n\t left: 0;\n\t top: 0;\n\t}\n\n\t.slide-fade-leave-to {\n\n\t}\n</style>\n"],"names":["useI18n","text","ref","useRoute","useRouter","inputsValidation.validateInputs","inputsValidation.validatePhone","auth.state","inputsValidation.validateEmail","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AA0EA~~,UAAM,EAAE,EAAG,IAAGA,gBAAQ;AAAA,MACrB,UAAU;AAAA,MACV,GAAGC,cAAI;AAAA,IACR,CAAC;AAED,UAAM,kBAAkBC,IAAG,IAAC,IAAI;AAChC,UAAM,kBAAkBA,IAAG,IAAC,IAAI;AAElBC,cAAAA,SAAU;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,KAAAA,QAAa,cAAcF,KAAU,MAAC,MAAM,QAAQ,OAAO,gBAAgB;AAAA,MACjF,SAAQ,OAAO;AACf,gBAAQ,IAAI,KAAK;AAClB,cAAM,IAAI;AAAA,MACV;AAAA,IACF;AAEA,aAAS,aAAc;AACtB,aAAO,KAAK,EAAE,MAAM,cAAc,OAAO,EAAC,MAAM,QAAQ,OAAO,QAAQ,iBAAgB,EAAC,CAAE;AAAA,IAC3F~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"ResetPassword.vue.cjs","sources":["../../../../../../../../src/modules/auth/views/components/pages/ResetPassword.vue"],"sourcesContent":["<template>\n\t<section class=\"t-left pd-medium\">\n\t\t<!-- <img loading=\"lazy\" src=\"@/assets/icons/password.png\" class=\"i-extra mn-b-small\"> -->\n\t\t<!-- Header -->\n\t\t<h3 class=\"mn-b-small\">{{ t('forgotPasswordTitle') }}</h3>\n\t\t<p class=\"mn-b-small t-transp\">{{ t('instructions') }}</p>\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-if=\"tabAuth === 'phone'\" class=\"mn-b-semi radius-small\">\n\t\t\t\t\t<p class=\"mn-b-small t-transp\">{{ t('smsInfo') }}</p>\n\t\t\t\t\t<FieldPhone\n\t\t\t\t\t\t@change=\"(event) => auth.state.user.phone = event\" \t\n\t\t\t\t\t\t:dropdownOptions=\"{\n\t\t\t\t\t\t\tshowDialCodeInSelection: true,\n\t\t\t\t\t\t\tshowFlags: true,\n\t\t\t\t\t\t\tshowDialCodeInList: true\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\t:validation=\"phoneValidation\" \n\t\t\t\t\t\tmode=\"national\"\n\t\t\t\t\t\t:inputOptions=\"{placeholder: t('phonePlaceholder')}\"\n\t\t\t\t\t\tclass=\"bg-light h-4r pd-small radius-small mn-b-thin\" \n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</transition>\n\t\t\t<!-- Email -->\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<div v-if=\"tabAuth === 'email'\" class=\"mn-b-semi radius-small o-hidden\">\n\t\t\t\t\t<p class=\"mn-b-small t-transp\">{{ t('emailInfo') }}</p>\n\t\t\t\t\t<Field \n\t\t\t\t\t\tv-model:field=\"auth.state.user.email\" \t\t\n\t\t\t\t\t\t:placeholder=\"t('emailPlaceholder')\" \t\n\t\t\t\t\t\t:validation=\"emailValidation\" \n\t\t\t\t\t\tclass=\"bg-light h-4r pd-medium radius-small\" \n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</transition>\n\t\t</div>\n\t\t<!-- Button -->\n\t\t<Button :submit=\"onSubmit\" :callback=\"redirectTo\" class=\"w-100 bg-main\">{{ t('sendCode') }}</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 } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n// Localization\nimport text from '@pf/src/modules/auth/views/localization/ResetPassword.json'\n// Import state\nimport * as auth from '@pf/src/modules/auth/views/store/auth'\nimport * as twofa from '@pf/src/modules/auth/views/store/twofa'\n// Import validation\nimport * as inputsValidation from '@pf/src/modules/auth/views/validations/inputs.validation'\n// Localization\nconst { t } = useI18n({\n\tuseScope: 'global', \n\t...text\n})\n// Validation\nconst phoneValidation = ref(null)\nconst emailValidation = ref(null)\n// Accessing router\nconst route = useRoute()\nconst router = useRouter()\n// Accessing state\nconst tabAuth = ref('phone')\n// Methods\nasync function onSubmit() {\n\ttry {\n\t if (tabAuth.value === 'phone') await inputsValidation.validateInputs(\n\t\t\tphoneValidation, \n\t\t\tinputsValidation.validatePhone, \n\t\t\tauth.state.user.phone, \n\t\t\t'Некорректный телефон'\n\t\t)\n\t\tif (tabAuth.value === 'email') await inputsValidation.validateInputs(\n\t\t\temailValidation, \n\t\t\tinputsValidation.validateEmail, \n\t\t\tauth.state.user.email, \n\t\t\t'Некорректный email'\n\t\t)\n\t} catch (error) {\n\t\tthrow new Error\n\t}\n\ttry {\n \tawait auth.actions.resetPassword(auth.state.user, tabAuth.value, 'reset-password')\n } catch (error) {\n \tconsole.log(error)\n\t\tthrow new Error\n\t}\n}\n\nfunction redirectTo () {\n\trouter.push({ name: 'Enter Code', query: {type: tabAuth.value, method: 'reset-password'} })\n}\n</script>\n\n<style lang=\"scss\">\n\t.slide-fade-enter-active {\n\t transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tposition: absolute;\n\t transform: translateX(20px);\n\t opacity: 0;\n\t left: 0;\n\t top: 0;\n\t}\n\n\t.slide-fade-leave-to {\n\n\t}\n</style>\n"],"names":["useI18n","text","ref","useRoute","useRouter","inputsValidation.validateInputs","inputsValidation.validatePhone","auth.state","inputsValidation.validateEmail","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2EA,UAAM,EAAE,EAAG,IAAGA,gBAAQ;AAAA,MACrB,UAAU;AAAA,MACV,GAAGC,cAAI;AAAA,IACR,CAAC;AAED,UAAM,kBAAkBC,IAAG,IAAC,IAAI;AAChC,UAAM,kBAAkBA,IAAG,IAAC,IAAI;AAElBC,cAAAA,SAAU;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,KAAAA,QAAa,cAAcF,KAAU,MAAC,MAAM,QAAQ,OAAO,gBAAgB;AAAA,MACjF,SAAQ,OAAO;AACf,gBAAQ,IAAI,KAAK;AAClB,cAAM,IAAI;AAAA,MACV;AAAA,IACF;AAEA,aAAS,aAAc;AACtB,aAAO,KAAK,EAAE,MAAM,cAAc,OAAO,EAAC,MAAM,QAAQ,OAAO,QAAQ,iBAAgB,EAAC,CAAE;AAAA,IAC3F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/auth/views/components/pages/ResetPassword.vue.js CHANGED Viewed

@@ -17,7 +17,7 @@ const _hoisted_4 = { class: "mn-b-small p-small uppercase t-semi bg-light radius
 const _hoisted_5 = { class: "pos-relative" };
 const _hoisted_6 = {
   key: 0,
-  class: "mn-b-semi radius-small o-hidden"
+  class: "mn-b-semi radius-small"
 };
 const _hoisted_7 = { class: "mn-b-small t-transp" };
 const _hoisted_8 = {
@@ -75,7 +75,8 @@ const _sfc_main = {
             tabs: [
               { name: unref(t)("phone"), value: "phone" },
               { name: unref(t)("email"), value: "email" }
-            ]
+            ],
+            tabClass: "pd-small pd-r-medium pd-l-medium w-100 pd-small radius-small"
           }, null, 8, ["selected", "tabs"])
         ]),
         createElementVNode("div", _hoisted_5, [
@@ -93,7 +94,7 @@ const _sfc_main = {
                   validation: phoneValidation.value,
                   mode: "national",
                   inputOptions: { placeholder: unref(t)("phonePlaceholder") },
-                  class: "bg-light pd-small radius-small mn-b-thin"
+                  class: "bg-light h-4r pd-small radius-small mn-b-thin"
                 }, null, 8, ["validation", "inputOptions"])
               ])) : createCommentVNode("", true)
             ]),
@@ -108,7 +109,7 @@ const _sfc_main = {
                   "onUpdate:field": _cache[2] || (_cache[2] = ($event) => state.user.email = $event),
                   placeholder: unref(t)("emailPlaceholder"),
                   validation: emailValidation.value,
-                  class: "bg-light pd-medium radius-small"
+                  class: "bg-light h-4r pd-medium radius-small"
                 }, null, 8, ["field", "placeholder", "validation"])
               ])) : createCommentVNode("", true)
             ]),
@@ -118,7 +119,7 @@ const _sfc_main = {
         createVNode(_sfc_main$3, {
           submit: onSubmit,
           callback: redirectTo,
-          class: "mn-b-big"
+          class: "w-100 bg-main"
         }, {
           default: withCtx(() => [
             createTextVNode(toDisplayString(unref(t)("sendCode")), 1)

package/dist/prometheus-framework/src/modules/auth/views/components/pages/ResetPassword.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ResetPassword.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/ResetPassword.vue"],"sourcesContent":["<template>\n\t<section class=\"t-left pd-medium\">\n\t\t<!-- <img loading=\"lazy\" src=\"@/assets/icons/password.png\" class=\"i-extra mn-b-small\"> -->\n\t\t<!-- Header -->\n\t\t<h3 class=\"mn-b-small\">{{ t('forgotPasswordTitle') }}</h3>\n\t\t<p class=\"mn-b-small t-transp\">{{ t('instructions') }}</p>\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/>\n\t\t</div>\n\n\t\t<!-- Form -->\n\t\t<div class=\"pos-relative\">\n\t\t<!-- Phone -->\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<div v-if=\"tabAuth === 'phone'\" class=\"mn-b-semi radius-small ~~o-hidden~~\">\n\t\t\t\t\t<p class=\"mn-b-small t-transp\">{{ t('smsInfo') }}</p>\n\t\t\t\t\t<FieldPhone\n\t\t\t\t\t\t@change=\"(event) => auth.state.user.phone = event\" \t\n\t\t\t\t\t\t:dropdownOptions=\"{\n\t\t\t\t\t\t\tshowDialCodeInSelection: true,\n\t\t\t\t\t\t\tshowFlags: true,\n\t\t\t\t\t\t\tshowDialCodeInList: true\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\t:validation=\"phoneValidation\" \n\t\t\t\t\t\tmode=\"national\"\n\t\t\t\t\t\t:inputOptions=\"{placeholder: t('phonePlaceholder')}\"\n\t\t\t\t\t\tclass=\"bg-light pd-small radius-small mn-b-thin\" \n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</transition>\n\t\t\t<!-- Email -->\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<div v-if=\"tabAuth === 'email'\" class=\"mn-b-semi radius-small o-hidden\">\n\t\t\t\t\t<p class=\"mn-b-small t-transp\">{{ t('emailInfo') }}</p>\n\t\t\t\t\t<Field \n\t\t\t\t\t\tv-model:field=\"auth.state.user.email\" \t\t\n\t\t\t\t\t\t:placeholder=\"t('emailPlaceholder')\" \t\n\t\t\t\t\t\t:validation=\"emailValidation\" \n\t\t\t\t\t\tclass=\"bg-light pd-medium radius-small\" \n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</transition>\n\t\t</div>\n\t\t<!-- Button -->\n\t\t<Button :submit=\"onSubmit\" :callback=\"redirectTo\" class=\"mn-b-~~big~~\">{{ t('sendCode') }}</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 } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n// Localization\nimport text from '@pf/src/modules/auth/views/localization/ResetPassword.json'\n// Import state\nimport * as auth from '@pf/src/modules/auth/views/store/auth'\nimport * as twofa from '@pf/src/modules/auth/views/store/twofa'\n// Import validation\nimport * as inputsValidation from '@pf/src/modules/auth/views/validations/inputs.validation'\n// Localization\nconst { t } = useI18n({\n\tuseScope: 'global', \n\t...text\n})\n// Validation\nconst phoneValidation = ref(null)\nconst emailValidation = ref(null)\n// Accessing router\nconst route = useRoute()\nconst router = useRouter()\n// Accessing state\nconst tabAuth = ref('phone')\n// Methods\nasync function onSubmit() {\n\ttry {\n\t if (tabAuth.value === 'phone') await inputsValidation.validateInputs(\n\t\t\tphoneValidation, \n\t\t\tinputsValidation.validatePhone, \n\t\t\tauth.state.user.phone, \n\t\t\t'Некорректный телефон'\n\t\t)\n\t\tif (tabAuth.value === 'email') await inputsValidation.validateInputs(\n\t\t\temailValidation, \n\t\t\tinputsValidation.validateEmail, \n\t\t\tauth.state.user.email, \n\t\t\t'Некорректный email'\n\t\t)\n\t} catch (error) {\n\t\tthrow new Error\n\t}\n\ttry {\n \tawait auth.actions.resetPassword(auth.state.user, tabAuth.value, 'reset-password')\n } catch (error) {\n \tconsole.log(error)\n\t\tthrow new Error\n\t}\n}\n\nfunction redirectTo () {\n\trouter.push({ name: 'Enter Code', query: {type: tabAuth.value, method: 'reset-password'} })\n}\n</script>\n\n<style lang=\"scss\">\n\t.slide-fade-enter-active {\n\t transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tposition: absolute;\n\t transform: translateX(20px);\n\t opacity: 0;\n\t left: 0;\n\t top: 0;\n\t}\n\n\t.slide-fade-leave-to {\n\n\t}\n</style>\n"],"names":["inputsValidation.validateInputs","inputsValidation.validatePhone","auth.state","inputsValidation.validateEmail","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AA0EA~~,UAAM,EAAE,EAAG,IAAG,QAAQ;AAAA,MACrB,UAAU;AAAA,MACV,GAAG;AAAA,IACJ,CAAC;AAED,UAAM,kBAAkB,IAAI,IAAI;AAChC,UAAM,kBAAkB,IAAI,IAAI;AAElB,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,QAAa,cAAcF,MAAW,MAAM,QAAQ,OAAO,gBAAgB;AAAA,MACjF,SAAQ,OAAO;AACf,gBAAQ,IAAI,KAAK;AAClB,cAAM,IAAI;AAAA,MACV;AAAA,IACF;AAEA,aAAS,aAAc;AACtB,aAAO,KAAK,EAAE,MAAM,cAAc,OAAO,EAAC,MAAM,QAAQ,OAAO,QAAQ,iBAAgB,EAAC,CAAE;AAAA,IAC3F~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"ResetPassword.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/ResetPassword.vue"],"sourcesContent":["<template>\n\t<section class=\"t-left pd-medium\">\n\t\t<!-- <img loading=\"lazy\" src=\"@/assets/icons/password.png\" class=\"i-extra mn-b-small\"> -->\n\t\t<!-- Header -->\n\t\t<h3 class=\"mn-b-small\">{{ t('forgotPasswordTitle') }}</h3>\n\t\t<p class=\"mn-b-small t-transp\">{{ t('instructions') }}</p>\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-if=\"tabAuth === 'phone'\" class=\"mn-b-semi radius-small\">\n\t\t\t\t\t<p class=\"mn-b-small t-transp\">{{ t('smsInfo') }}</p>\n\t\t\t\t\t<FieldPhone\n\t\t\t\t\t\t@change=\"(event) => auth.state.user.phone = event\" \t\n\t\t\t\t\t\t:dropdownOptions=\"{\n\t\t\t\t\t\t\tshowDialCodeInSelection: true,\n\t\t\t\t\t\t\tshowFlags: true,\n\t\t\t\t\t\t\tshowDialCodeInList: true\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\t:validation=\"phoneValidation\" \n\t\t\t\t\t\tmode=\"national\"\n\t\t\t\t\t\t:inputOptions=\"{placeholder: t('phonePlaceholder')}\"\n\t\t\t\t\t\tclass=\"bg-light h-4r pd-small radius-small mn-b-thin\" \n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</transition>\n\t\t\t<!-- Email -->\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<div v-if=\"tabAuth === 'email'\" class=\"mn-b-semi radius-small o-hidden\">\n\t\t\t\t\t<p class=\"mn-b-small t-transp\">{{ t('emailInfo') }}</p>\n\t\t\t\t\t<Field \n\t\t\t\t\t\tv-model:field=\"auth.state.user.email\" \t\t\n\t\t\t\t\t\t:placeholder=\"t('emailPlaceholder')\" \t\n\t\t\t\t\t\t:validation=\"emailValidation\" \n\t\t\t\t\t\tclass=\"bg-light h-4r pd-medium radius-small\" \n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</transition>\n\t\t</div>\n\t\t<!-- Button -->\n\t\t<Button :submit=\"onSubmit\" :callback=\"redirectTo\" class=\"w-100 bg-main\">{{ t('sendCode') }}</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 } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n// Localization\nimport text from '@pf/src/modules/auth/views/localization/ResetPassword.json'\n// Import state\nimport * as auth from '@pf/src/modules/auth/views/store/auth'\nimport * as twofa from '@pf/src/modules/auth/views/store/twofa'\n// Import validation\nimport * as inputsValidation from '@pf/src/modules/auth/views/validations/inputs.validation'\n// Localization\nconst { t } = useI18n({\n\tuseScope: 'global', \n\t...text\n})\n// Validation\nconst phoneValidation = ref(null)\nconst emailValidation = ref(null)\n// Accessing router\nconst route = useRoute()\nconst router = useRouter()\n// Accessing state\nconst tabAuth = ref('phone')\n// Methods\nasync function onSubmit() {\n\ttry {\n\t if (tabAuth.value === 'phone') await inputsValidation.validateInputs(\n\t\t\tphoneValidation, \n\t\t\tinputsValidation.validatePhone, \n\t\t\tauth.state.user.phone, \n\t\t\t'Некорректный телефон'\n\t\t)\n\t\tif (tabAuth.value === 'email') await inputsValidation.validateInputs(\n\t\t\temailValidation, \n\t\t\tinputsValidation.validateEmail, \n\t\t\tauth.state.user.email, \n\t\t\t'Некорректный email'\n\t\t)\n\t} catch (error) {\n\t\tthrow new Error\n\t}\n\ttry {\n \tawait auth.actions.resetPassword(auth.state.user, tabAuth.value, 'reset-password')\n } catch (error) {\n \tconsole.log(error)\n\t\tthrow new Error\n\t}\n}\n\nfunction redirectTo () {\n\trouter.push({ name: 'Enter Code', query: {type: tabAuth.value, method: 'reset-password'} })\n}\n</script>\n\n<style lang=\"scss\">\n\t.slide-fade-enter-active {\n\t transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tposition: absolute;\n\t transform: translateX(20px);\n\t opacity: 0;\n\t left: 0;\n\t top: 0;\n\t}\n\n\t.slide-fade-leave-to {\n\n\t}\n</style>\n"],"names":["inputsValidation.validateInputs","inputsValidation.validatePhone","auth.state","inputsValidation.validateEmail","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2EA,UAAM,EAAE,EAAG,IAAG,QAAQ;AAAA,MACrB,UAAU;AAAA,MACV,GAAG;AAAA,IACJ,CAAC;AAED,UAAM,kBAAkB,IAAI,IAAI;AAChC,UAAM,kBAAkB,IAAI,IAAI;AAElB,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,QAAa,cAAcF,MAAW,MAAM,QAAQ,OAAO,gBAAgB;AAAA,MACjF,SAAQ,OAAO;AACf,gBAAQ,IAAI,KAAK;AAClB,cAAM,IAAI;AAAA,MACV;AAAA,IACF;AAEA,aAAS,aAAc;AACtB,aAAO,KAAK,EAAE,MAAM,cAAc,OAAO,EAAC,MAAM,QAAQ,OAAO,QAAQ,iBAAgB,EAAC,CAAE;AAAA,IAC3F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -21,7 +21,7 @@ const _hoisted_3 = { class: "mn-b-medium" };
 const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("br", null, null, -1);
 const _hoisted_5 = { class: "t-semi" };
 const _hoisted_6 = { class: "mn-b-big" };
-const _hoisted_7 = { class: "mn-b-small p-small uppercase t-semi bg-light radius-big o-hidden" };
+const _hoisted_7 = { class: "mn-b-small p-small uppercase t-semi bg-light radius-small o-hidden" };
 const _hoisted_8 = { class: "pos-relative" };
 const _hoisted_9 = { class: "mn-b-thin radius-small" };
 const _hoisted_10 = { class: "mn-b-thin radius-small o-hidden" };
@@ -119,7 +119,8 @@ const _sfc_main = {
             tabs: [
               { name: vue.unref(t)("phone"), value: "phone" },
               { name: vue.unref(t)("email"), value: "email" }
-            ]
+            ],
+            tabClass: "pd-small pd-r-medium pd-l-medium w-100 pd-small radius-small"
           }, null, 8, ["selected", "tabs"])
         ]),
         vue.createElementVNode("div", _hoisted_8, [
@@ -137,7 +138,7 @@ const _sfc_main = {
                   validation: phoneValidation.value,
                   mode: "national",
                   inputOptions: { placeholder: vue.unref(t)("phonePlaceholder"), type: "tel" },
-                  class: "bg-light pd-small radius-small mn-b-thin"
+                  class: "bg-light h-4r pd-small radius-small mn-b-thin"
                 }, null, 8, ["validation", "inputOptions"])
               ], 512), [
                 [vue.vShow, tabAuth.value === "phone"]
@@ -153,7 +154,7 @@ const _sfc_main = {
                   "onUpdate:field": _cache[2] || (_cache[2] = ($event) => auth.state.user.email = $event),
                   placeholder: vue.unref(t)("emailPlaceholder"),
                   validation: emailValidation.value,
-                  class: "bg-light pd-medium radius-small"
+                  class: "bg-light h-4r pd-medium radius-small"
                 }, null, 8, ["field", "placeholder", "validation"])
               ], 512), [
                 [vue.vShow, tabAuth.value === "email"]
@@ -168,7 +169,7 @@ const _sfc_main = {
           type: "password",
           validation: passswordValidation.value,
           placeholder: vue.unref(t)("passwordPlaceholder"),
-          class: "bg-light pd-medium radius-small mn-b-semi"
+          class: "bg-light pd-medium radius-small mn-b-semi h-4r"
         }, null, 8, ["field", "validation", "placeholder"]),
         vue.createElementVNode("div", _hoisted_11, [
           vue.createVNode(_component_router_link, {

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

	@@ -1 +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-~~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/>\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}\"\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 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\tclass=\"bg-light 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 \"\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\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAsHA~~,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,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~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
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}\"\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\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\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwHA,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,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -19,7 +19,7 @@ const _hoisted_3 = { class: "mn-b-medium" };
 const _hoisted_4 = /* @__PURE__ */ createElementVNode("br", null, null, -1);
 const _hoisted_5 = { class: "t-semi" };
 const _hoisted_6 = { class: "mn-b-big" };
-const _hoisted_7 = { class: "mn-b-small p-small uppercase t-semi bg-light radius-big o-hidden" };
+const _hoisted_7 = { class: "mn-b-small p-small uppercase t-semi bg-light radius-small o-hidden" };
 const _hoisted_8 = { class: "pos-relative" };
 const _hoisted_9 = { class: "mn-b-thin radius-small" };
 const _hoisted_10 = { class: "mn-b-thin radius-small o-hidden" };
@@ -117,7 +117,8 @@ const _sfc_main = {
             tabs: [
               { name: unref(t)("phone"), value: "phone" },
               { name: unref(t)("email"), value: "email" }
-            ]
+            ],
+            tabClass: "pd-small pd-r-medium pd-l-medium w-100 pd-small radius-small"
           }, null, 8, ["selected", "tabs"])
         ]),
         createElementVNode("div", _hoisted_8, [
@@ -135,7 +136,7 @@ const _sfc_main = {
                   validation: phoneValidation.value,
                   mode: "national",
                   inputOptions: { placeholder: unref(t)("phonePlaceholder"), type: "tel" },
-                  class: "bg-light pd-small radius-small mn-b-thin"
+                  class: "bg-light h-4r pd-small radius-small mn-b-thin"
                 }, null, 8, ["validation", "inputOptions"])
               ], 512), [
                 [vShow, tabAuth.value === "phone"]
@@ -151,7 +152,7 @@ const _sfc_main = {
                   "onUpdate:field": _cache[2] || (_cache[2] = ($event) => state.user.email = $event),
                   placeholder: unref(t)("emailPlaceholder"),
                   validation: emailValidation.value,
-                  class: "bg-light pd-medium radius-small"
+                  class: "bg-light h-4r pd-medium radius-small"
                 }, null, 8, ["field", "placeholder", "validation"])
               ], 512), [
                 [vShow, tabAuth.value === "email"]
@@ -166,7 +167,7 @@ const _sfc_main = {
           type: "password",
           validation: passswordValidation.value,
           placeholder: unref(t)("passwordPlaceholder"),
-          class: "bg-light pd-medium radius-small mn-b-semi"
+          class: "bg-light pd-medium radius-small mn-b-semi h-4r"
         }, null, 8, ["field", "validation", "placeholder"]),
         createElementVNode("div", _hoisted_11, [
           createVNode(_component_router_link, {

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

	@@ -1 +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-~~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/>\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}\"\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 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\tclass=\"bg-light 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 \"\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\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAsHA~~,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,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~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
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}\"\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\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\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwHA,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,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -70,7 +70,8 @@ const _sfc_main = {
             tabs: [
               { name: vue.unref(t)("phone"), value: "phone" },
               { name: vue.unref(t)("email"), value: "email" }
-            ]
+            ],
+            tabClass: "pd-small pd-r-medium pd-l-medium w-100 pd-small radius-small"
           }, null, 8, ["selected", "tabs"])
         ]),
         vue.createElementVNode("div", _hoisted_4, [
@@ -88,7 +89,7 @@ const _sfc_main = {
                   validation: phoneValidation.value,
                   mode: "national",
                   inputOptions: { placeholder: vue.unref(t)("phonePlaceholder") },
-                  class: "bg-light pd-small radius-small mn-b-thin"
+                  class: "bg-light h-4r pd-small radius-small mn-b-thin"
                 }, null, 8, ["validation", "inputOptions"])
               ], 512), [
                 [vue.vShow, tabAuth.value === "phone"]
@@ -105,7 +106,7 @@ const _sfc_main = {
                   "onUpdate:field": _cache[2] || (_cache[2] = ($event) => auth.state.user.email = $event),
                   placeholder: vue.unref(t)("emailPlaceholder"),
                   validation: emailValidation.value,
-                  class: "bg-light pd-medium radius-small"
+                  class: "bg-light h-4r pd-medium radius-small"
                 }, null, 8, ["field", "placeholder", "validation"])
               ], 512), [
                 [vue.vShow, tabAuth.value === "email"]

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

	@@ -1 +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/>\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 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 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":";;;;;;;;;;;;;;;;;;;;;;;;;;~~AAgFC~~,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~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -68,7 +68,8 @@ const _sfc_main = {
             tabs: [
               { name: unref(t)("phone"), value: "phone" },
               { name: unref(t)("email"), value: "email" }
-            ]
+            ],
+            tabClass: "pd-small pd-r-medium pd-l-medium w-100 pd-small radius-small"
           }, null, 8, ["selected", "tabs"])
         ]),
         createElementVNode("div", _hoisted_4, [
@@ -86,7 +87,7 @@ const _sfc_main = {
                   validation: phoneValidation.value,
                   mode: "national",
                   inputOptions: { placeholder: unref(t)("phonePlaceholder") },
-                  class: "bg-light pd-small radius-small mn-b-thin"
+                  class: "bg-light h-4r pd-small radius-small mn-b-thin"
                 }, null, 8, ["validation", "inputOptions"])
               ], 512), [
                 [vShow, tabAuth.value === "phone"]
@@ -103,7 +104,7 @@ const _sfc_main = {
                   "onUpdate:field": _cache[2] || (_cache[2] = ($event) => state.user.email = $event),
                   placeholder: unref(t)("emailPlaceholder"),
                   validation: emailValidation.value,
-                  class: "bg-light pd-medium radius-small"
+                  class: "bg-light h-4r pd-medium radius-small"
                 }, null, 8, ["field", "placeholder", "validation"])
               ], 512), [
                 [vShow, tabAuth.value === "email"]

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

	@@ -1 +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/>\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 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 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":";;;;;;;;;;;;;;;;;;;;;;;;~~AAgFC~~,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~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/backoffice/components/pages/Dashboard.vue.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-;/* empty css                                     */
+;/* empty css                                      */
 require("../../../../components/Menu/MenuItem.vue.cjs");
 ;/* empty css                                                    */
 const vueRouter = require("vue-router");

package/dist/prometheus-framework/src/modules/backoffice/components/pages/Dashboard.vue.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { ref, onMounted, openBlock, createElementBlock, createElementVNode } from "vue";
-/* empty css                                   */
+/* empty css                                    */
 import "../../../../components/Menu/MenuItem.vue.js";
 /* empty css                                                  */
 import { useRoute, useRouter } from "vue-router";

package/dist/prometheus-framework/src/modules/backoffice/components/partials/Sidebar.vue.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Menu = require("../../../../components/Menu/Menu.vue2.cjs");
+const Menu = require("../../../../components/Menu/Menu.vue.cjs");
 const MenuItem = require("../../../../components/Menu/MenuItem.vue.cjs");
 ;/* empty css                                                    */
 const IconProducts = require("../../../icons/entities/IconProducts.vue.cjs");

package/dist/prometheus-framework/src/modules/backoffice/components/partials/Sidebar.vue.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { ref, onMounted, openBlock, createElementBlock, createVNode, withCtx, unref, createElementVNode } from "vue";
-import _sfc_main$1 from "../../../../components/Menu/Menu.vue2.js";
+import _sfc_main$1 from "../../../../components/Menu/Menu.vue.js";
 import _sfc_main$2 from "../../../../components/Menu/MenuItem.vue.js";
 /* empty css                                                  */
 import _sfc_main$3 from "../../../icons/entities/IconProducts.vue.js";

package/dist/prometheus-framework/src/modules/community/components/blocks/CardBlogpost.vue.cjs CHANGED Viewed

@@ -4,7 +4,7 @@ const vue = require("vue");
 const CardHeader = require("../../../globals/views/components/blocks/CardHeader.vue.cjs");
 const FooterBlogpost = require("./FooterBlogpost.vue.cjs");
 const Text = require("../../../../components/Text/Text.vue.cjs");
-;/* empty css                                        */
+;/* empty css                                       */
 const vueRouter = require("vue-router");
 const _hoisted_1 = { class: "pos-relative bg-light radius-big flex-column flex" };
 const _hoisted_2 = { class: "pd-t-zero pd-b-zero pd-medium" };

package/dist/prometheus-framework/src/modules/community/components/blocks/CardBlogpost.vue.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { computed, openBlock, createElementBlock, createVNode, normalizeClass, c
 import _sfc_main$1 from "../../../globals/views/components/blocks/CardHeader.vue.js";
 import _sfc_main$3 from "./FooterBlogpost.vue.js";
 import _sfc_main$2 from "../../../../components/Text/Text.vue.js";
-/* empty css                                      */
+/* empty css                                     */
 import { useRouter } from "vue-router";
 const _hoisted_1 = { class: "pos-relative bg-light radius-big flex-column flex" };
 const _hoisted_2 = { class: "pd-t-zero pd-b-zero pd-medium" };

package/dist/prometheus-framework/src/modules/community/components/layouts/Community.vue.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const Select = require("../../../../components/Select/Select.vue2.cjs");
+const Select = require("../../../../components/Select/Select.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const CardOrganization = require("../../../organizations/components/blocks/CardOrganization.vue.cjs");
 const IconFeatured = require("../../../icons/entities/IconFeatured.vue.cjs");

package/dist/prometheus-framework/src/modules/community/components/layouts/Community.vue.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, unref, createVNode, createTextVNode, createCommentVNode, withCtx, Transition, createBlock, resolveDynamicComponent, Fragment, renderList } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import Select from "../../../../components/Select/Select.vue2.js";
+import Select from "../../../../components/Select/Select.vue.js";
 import _sfc_main$5 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$6 from "../../../organizations/components/blocks/CardOrganization.vue.js";
 import _sfc_main$1 from "../../../icons/entities/IconFeatured.vue.js";

package/dist/prometheus-framework/src/modules/community/components/pages/Community.vue.cjs CHANGED Viewed

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 ;/* empty css                                       */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
-;/* empty css                                         */
+;/* empty css                                          */
 ;/* empty css                                         */
 ;/* empty css                                         */
 require("axios");

package/dist/prometheus-framework/src/modules/community/components/pages/Community.vue.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { withAsyncContext, ref, computed, openBlock, createElementBlock, createElementVNode, unref, Fragment, renderList, createBlock, withCtx, pushScopeId, popScopeId } from "vue";
 /* empty css                                     */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-/* empty css                                       */
+/* empty css                                        */
 /* empty css                                       */
 /* empty css                                       */
 import "axios";

package/dist/prometheus-framework/src/modules/community/components/pages/CreateBlogPost.vue.cjs CHANGED Viewed

@@ -4,7 +4,7 @@ const vue = require("vue");
 require("isomorphic-dompurify");
 ;/* empty css                                                      */
 const Constructor = require("../../../constructor/components/sections/Constructor.vue.cjs");
-const Popup = require("../../../../components/Popup/Popup.vue2.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 ;/* empty css                                               */
 ;/* empty css                                                     */
 const BlockTags = require("../../../../components/FieldTags/BlockTags.vue.cjs");

package/dist/prometheus-framework/src/modules/community/components/pages/CreateBlogPost.vue.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { ref, onMounted, computed, openBlock, createElementBlock, createElementV
 import "isomorphic-dompurify";
 /* empty css                                                    */
 import _sfc_main$1 from "../../../constructor/components/sections/Constructor.vue.js";
-import _sfc_main$2 from "../../../../components/Popup/Popup.vue2.js";
+import _sfc_main$2 from "../../../../components/Popup/Popup.vue.js";
 /* empty css                                             */
 /* empty css                                                   */
 import _sfc_main$3 from "../../../../components/FieldTags/BlockTags.vue.js";

package/dist/prometheus-framework/src/modules/events/components/blocks/CardEvent.vue.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Chips = require("../../../../components/Chips/Chips.vue.cjs");
+const Chips = require("../../../../components/Chips/Chips.vue2.cjs");
 const IconEdit = require("../../../icons/navigation/IconEdit.vue.cjs");
 const CardHeader = require("../../../globals/views/components/blocks/CardHeader.vue.cjs");
 require("../../../community/store/reactions.cjs");

package/dist/prometheus-framework/src/modules/events/components/blocks/CardEvent.vue.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { ref, computed, openBlock, createElementBlock, normalizeClass, createVNode, createElementVNode, createCommentVNode, createBlock, withModifiers, toDisplayString, renderSlot } from "vue";
-import _sfc_main$3 from "../../../../components/Chips/Chips.vue.js";
+import _sfc_main$3 from "../../../../components/Chips/Chips.vue2.js";
 import _sfc_main$2 from "../../../icons/navigation/IconEdit.vue.js";
 import _sfc_main$1 from "../../../globals/views/components/blocks/CardHeader.vue.js";
 import "../../../community/store/reactions.js";

package/dist/prometheus-framework/src/modules/events/components/elements/ButtonCheck.vue.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueQrcodeReader = require("../../../../../../node_modules/vue-qrcode-reader/dist/vue-qrcode-reader.cjs");
-const Popup = require("../../../../components/Popup/Popup.vue2.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const Button = require("../../../../components/Button/Button.vue2.cjs");
 const tickets = require("../../store/tickets.cjs");
 ;/* empty css                   */