{"version":3,"sources":["webpack:///./src/views/pages/account/login.vue","webpack:///src/views/pages/account/login.vue","webpack:///./src/views/pages/account/login.vue?6157","webpack:///./src/views/pages/account/login.vue?893e","webpack:///./src/views/pages/account/login.vue?829e"],"names":["render","_vm","this","_c","_self","staticClass","_v","isShowError","attrs","_s","errorMessage","name","params","email","username","_e","on","closeError","scopedSlots","_u","key","fn","handleSubmit","reset","ref","$event","preventDefault","login","apply","arguments","validationContext","getValidationState","model","value","callback","$$v","expression","errors","class","click","isShowPassword","proxy","password","isLoginLoading","staticRenderFns","data","showToast","components","Layout","methods","authMethods","dirty","validated","valid","logIn","then","user","challengeName","Auth","completeNewPassword","phone_number","catch","err","message","mounted","changePassword","$route","query","parseInt","$toast","$router","replace","component"],"mappings":"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","file":"js/chunk-61ef7b61.85f430e9.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('Layout',[_c('div',{staticClass:\"d-flex login-container justify-content-center align-items-center\"},[_c('b-card',{staticClass:\"login-box\"},[_c('div',{staticClass:\"box-title mb-4\"},[_vm._v(\"Log in your account\")]),(_vm.isShowError)?_c('div',{staticClass:\"alert alert-danger alert-outline alert-dismissible fade show fw-600\",attrs:{\"role\":\"alert\"}},[_c('i',{staticClass:\"uil uil-exclamation-octagon font-size-16 text-danger me-2\"}),_vm._v(\" \"+_vm._s(_vm.errorMessage)+\" \"),(_vm.errorMessage == 'User does not exist.')?[_c('router-link',{staticClass:\"green-link\",attrs:{\"to\":{ name: 'register', params: { email: _vm.username } }}},[_vm._v(\"Create your account\")])]:_vm._e(),_c('button',{staticClass:\"btn-close\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.closeError}})],2):_vm._e(),_c('ValidationObserver',{scopedSlots:_vm._u([{key:\"default\",fn:function({ handleSubmit, reset }){return [_c('b-form',{ref:\"loginForm\",on:{\"submit\":function($event){$event.preventDefault();return handleSubmit(_vm.login)},\"reset\":function($event){$event.preventDefault();return reset.apply(null, arguments)}}},[_c('b-form-group',{staticClass:\"mb-4\",attrs:{\"label\":\"Email Address\"}},[_c('validation-provider',{attrs:{\"name\":\"email address\",\"rules\":\"required|email\"},scopedSlots:_vm._u([{key:\"default\",fn:function(validationContext){return [_c('b-form-input',{attrs:{\"state\":_vm.getValidationState(validationContext),\"placeholder\":\"Enter Email Address\",\"trim\":\"\"},model:{value:(_vm.username),callback:function ($$v) {_vm.username=$$v},expression:\"username\"}}),_c('b-form-invalid-feedback',[_vm._v(\" \"+_vm._s(validationContext.errors[0])+\" \")])]}}],null,true)})],1),_c('b-form-group',{staticClass:\"mb-2\",attrs:{\"label\":\"Password\"}},[_c('validation-provider',{attrs:{\"name\":\"password\",\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function(validationContext){return [_c('b-input-group',{scopedSlots:_vm._u([{key:\"append\",fn:function(){return [_c('b-input-group-text',{staticClass:\"toggle-password\",class:{\n                        'input-text-red':\n                          _vm.getValidationState(validationContext) === false,\n                        'input-text-green':\n                          _vm.getValidationState(validationContext) === true,\n                      },on:{\"click\":() => (_vm.isShowPassword = !_vm.isShowPassword)}},[_vm._v(\" \"),_c('i',{staticClass:\"far\",class:{\n                          'fa-eye': _vm.isShowPassword,\n                          'fa-eye-slash': !_vm.isShowPassword,\n                        }})])]},proxy:true}],null,true)},[_c('b-form-input',{staticClass:\"no-border-right\",attrs:{\"type\":_vm.isShowPassword ? 'text' : 'password',\"state\":_vm.getValidationState(validationContext),\"placeholder\":\"Enter Password\",\"trim\":\"\"},model:{value:(_vm.password),callback:function ($$v) {_vm.password=$$v},expression:\"password\"}})],1),_c('b-form-invalid-feedback',[_vm._v(\" \"+_vm._s(validationContext.errors[0])+\" \")])]}}],null,true)})],1),_c('div',{staticClass:\"mb-4\"},[_c('router-link',{attrs:{\"to\":{ name: 'forgot-password', params: { email: _vm.username } }}},[_vm._v(\"Forgot Password?\")])],1),_c('b-button',{staticClass:\"w-100 mb-3\",attrs:{\"type\":\"submit\",\"variant\":\"primary\",\"disabled\":_vm.isLoginLoading}},[(_vm.isLoginLoading)?_c('span',{staticClass:\"spinner-grow spinner-grow-sm\",attrs:{\"role\":\"status\",\"aria-hidden\":\"true\"}}):_vm._e(),_vm._v(\" Login \")]),_c('div',{staticClass:\"mb-4\"},[_vm._v(\" Don't have an account yet? \"),_c('router-link',{attrs:{\"to\":{ name: 'register', params: { email: _vm.username } }}},[_vm._v(\"Create your account\")])],1),_c('chat-support')],1)]}}])})],1)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <Layout>\n    <div\n      class=\"d-flex login-container justify-content-center align-items-center\"\n    >\n      <b-card class=\"login-box\">\n        <div class=\"box-title mb-4\">Log in your account</div>\n\n        <div\n          v-if=\"isShowError\"\n          class=\"alert alert-danger alert-outline alert-dismissible fade show fw-600\"\n          role=\"alert\"\n        >\n          <i\n            class=\"uil uil-exclamation-octagon font-size-16 text-danger me-2\"\n          ></i>\n          {{ errorMessage }}\n\n          <template v-if=\"errorMessage == 'User does not exist.'\">\n            <router-link class=\"green-link\" :to=\"{ name: 'register', params: { email: username } }\"\n              >Create your account</router-link\n            >\n          </template>\n          <button\n            type=\"button\"\n            class=\"btn-close\"\n            @click=\"closeError\"\n          ></button>\n        </div>\n\n        \n\n        <ValidationObserver v-slot=\"{ handleSubmit, reset }\">\n          <b-form\n            ref=\"loginForm\"\n            @submit.prevent=\"handleSubmit(login)\"\n            @reset.prevent=\"reset\"\n          >\n            <b-form-group class=\"mb-4\" label=\"Email Address\">\n              <validation-provider\n                name=\"email address\"\n                rules=\"required|email\"\n                v-slot=\"validationContext\"\n              >\n                <b-form-input\n                  :state=\"getValidationState(validationContext)\"\n                  placeholder=\"Enter Email Address\"\n                  v-model=\"username\"\n                  trim\n                ></b-form-input>\n                <b-form-invalid-feedback>\n                  {{ validationContext.errors[0] }}\n                </b-form-invalid-feedback>\n              </validation-provider>\n            </b-form-group>\n\n            <b-form-group class=\"mb-2\" label=\"Password\">\n              <validation-provider\n                name=\"password\"\n                rules=\"required\"\n                v-slot=\"validationContext\"\n              >\n                <b-input-group>\n                  <template #append>\n                    <b-input-group-text\n                      class=\"toggle-password\"\n                      :class=\"{\n                        'input-text-red':\n                          getValidationState(validationContext) === false,\n                        'input-text-green':\n                          getValidationState(validationContext) === true,\n                      }\"\n                      @click=\"\n                        () => (isShowPassword = !isShowPassword)\n                      \"\n                      >&nbsp;<i\n                        class=\"far\"\n                        :class=\"{\n                          'fa-eye': isShowPassword,\n                          'fa-eye-slash': !isShowPassword,\n                        }\"\n                      ></i\n                    ></b-input-group-text>\n                  </template>\n                  <b-form-input\n                    class=\"no-border-right\"\n                    :type=\"isShowPassword ? 'text' : 'password'\"\n                    :state=\"getValidationState(validationContext)\"\n                    placeholder=\"Enter Password\"\n                    v-model=\"password\"\n                    trim\n                  ></b-form-input>\n                </b-input-group>\n                <b-form-invalid-feedback>\n                  {{ validationContext.errors[0] }}\n                </b-form-invalid-feedback>\n              </validation-provider>\n            </b-form-group>\n            <div class=\"mb-4\">\n              <router-link :to=\"{ name: 'forgot-password', params: { email: username } }\"\n                >Forgot Password?</router-link\n              >\n            </div>\n            <b-button\n              class=\"w-100 mb-3\"\n              type=\"submit\"\n              variant=\"primary\"\n              :disabled=\"isLoginLoading\"\n            >\n              <span\n                v-if=\"isLoginLoading\"\n                class=\"spinner-grow spinner-grow-sm\"\n                role=\"status\"\n                aria-hidden=\"true\"\n              ></span>\n              Login\n            </b-button>\n\n            <div class=\"mb-4\">\n              Don't have an account yet?\n              <router-link :to=\"{ name: 'register', params: { email: username } }\"\n                >Create your account</router-link\n              >\n            </div>\n            <chat-support />\n          </b-form>\n        </ValidationObserver>\n      </b-card>\n    </div>\n    <!-- <toast type=\"success\" v-if=\"showToast\" @close=\"() => showToast = false\" title=\"Password Changed\" message=\"Your password has been changed successfully.<br/>\nYou can now log in with your new password.\" /> -->\n  </Layout>\n</template>\n\n<script>\nimport Layout from \"../../layouts/main.vue\";\nimport { authMethods } from \"@/state/helpers\";\nimport { Auth } from \"aws-amplify\";\n\nexport default {\n  data() {\n    return {\n      showToast: false,\n      isShowPassword: false,\n      isLoginLoading: false,\n      isShowError: false,\n      errorMessage: \"\",\n      username: null,\n      password: null,\n    };\n  },\n  components: {\n    Layout,\n  },\n  methods: {\n    ...authMethods,\n    getValidationState({ dirty, validated, valid = null }) {\n      return dirty || validated ? valid : null;\n    },\n    closeError() {\n      this.isShowError = false;\n    },\n    login() {\n      this.isLoginLoading = true;\n      this.isShowError = false;\n      this.errorMessage = null;\n\n      this.logIn({\n        username: this.username,\n        password: this.password,\n      })\n        .then(async (user) => {\n          this.isLoginLoading = false;\n          this.isShowError = false;\n          this.errorMessage = null;\n\n          if (user.challengeName === \"NEW_PASSWORD_REQUIRED\") {\n            await Auth.completeNewPassword(\n              user, // the Cognito User Object\n              this.password, // the new password\n              {\n                phone_number: '+639190000000'\n              }\n            );\n          }\n        })\n        .catch((err) => {\n          this.isLoginLoading = false;\n          this.isShowError = true;\n          this.errorMessage = err.message;\n        });\n    },\n  },\n  mounted() {\n    var changePassword = this.$route.query.changePassword;\n\n    if (parseInt(changePassword) === 1) {\n      this.$toast.showToast('info', 'Password Changed', 'Your password has been changed successfully.<br/>You can now log in with your new password.');\n      // this.showToast = true;\n      this.$router.replace({ query: null });\n    }\n  },\n};\n</script>\n\n<style>\n.login-box {\n  width: 493px;\n  border-radius: 8px;\n}\n\n.login-box .card-body {\n  padding: 24px;\n}\n\n.login-box legend {\n  font-weight: 500;\n  font-family: \"Poppins\";\n}\n\n.login-container {\n  height: 80vh;\n}\n\n.login-container h3 {\n  font-family: \"Poppins\";\n}\n\n.swal2-close {\n  color: #000;\n}\n\n.swal2-title,\n.swal2-html-container {\n  color: #000 !important;\n}\n\n.no-border-right {\n  border-right: none;\n}\n\n.input-text-green {\n  border-color: #51d28c;\n}\n\n.input-text-red {\n  border-color: #f34e4e;\n}\n\n.toggle-password {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n  cursor: pointer;\n  background: none;\n  color: #e1e1e1;\n}\n\n.green-link {\n  color: #79A861 !important;\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./login.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./login.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./login.vue?vue&type=template&id=474096e8&\"\nimport script from \"./login.vue?vue&type=script&lang=js&\"\nexport * from \"./login.vue?vue&type=script&lang=js&\"\nimport style0 from \"./login.vue?vue&type=style&index=0&id=474096e8&prod&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./login.vue?vue&type=style&index=0&id=474096e8&prod&lang=css&\""],"sourceRoot":""}