{"version":3,"sources":["webpack:///./src/views/forgotPassword/ForgotPassword.vue?d917","webpack:///./src/views/forgotPassword/ForgotPassword.vue?2d54","webpack:///./src/views/forgotPassword/ConfirmCodeModal.vue?26b6","webpack:///src/views/forgotPassword/ConfirmCodeModal.vue","webpack:///./src/views/forgotPassword/ConfirmCodeModal.vue?3e70","webpack:///./src/views/forgotPassword/ConfirmCodeModal.vue","webpack:///src/views/forgotPassword/ForgotPassword.vue","webpack:///./src/views/forgotPassword/ForgotPassword.vue?901b","webpack:///./src/views/forgotPassword/ForgotPassword.vue","webpack:///./src/views/forgotPassword/ConfirmCodeModal.vue?6b1c"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_m","_v","directives","name","rawName","value","expression","ref","class","submitting","validEmail","domProps","on","clearStatus","$event","target","composing","email","error","_s","message","nextStep","showConfirmCodeModal","_e","staticRenderFns","staticStyle","$emit","code","isResend","resend","confirm","timeValue","props","String","timerCount","$refs","first","focus","watch","setTimeout","immediate","methods","icon","text","err","component","components","ConfirmCodeModal","computed","test"],"mappings":"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","file":"js/chunk-2debf9f4.6ae5bf04.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../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!./ForgotPassword.vue?vue&type=style&index=0&id=0c7fb9d8&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"c-app flex-row align-items-center\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"row justify-content-center\"},[_c('div',{staticClass:\"col-md-4\"},[_c('div',{staticClass:\"p-4 text-center\"},[_c('img',{staticClass:\"mb-4 rounded-circle\",attrs:{\"src\":\"/img/logo.jpg\",\"alt\":\"\",\"height\":\"72\"}}),_vm._m(0),_c('h4',[_vm._v(\"Forgot Password\")]),_c('div',{staticClass:\"box-body\"},[_c('label',{attrs:{\"for\":\"resetEmail\"}},[_vm._v(\"Account Email:\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.email),expression:\"email\"}],ref:\"first\",class:{\n                'has-error': _vm.submitting && !_vm.validEmail,\n                'form-control mt-2': true,\n              },attrs:{\"id\":\"resetEmail\",\"placeholder\":\"Enter your Email\",\"type\":\"email\"},domProps:{\"value\":(_vm.email)},on:{\"focus\":_vm.clearStatus,\"input\":function($event){if($event.target.composing){ return; }_vm.email=$event.target.value}}}),(_vm.error && _vm.submitting)?_c('p',{staticClass:\"error-message\"},[_vm._v(\" \"+_vm._s(_vm.message)+\" \")]):_c('p',{staticClass:\"text-muted small\"},[_vm._v(\" Enter your email to get reset code. \")])]),_c('div',{staticClass:\"box-footer\"},[_c('router-link',{staticClass:\"returnLogin\",attrs:{\"to\":{ name: 'Login' }}},[_vm._v(\"Login page \")]),(_vm.submitting)?_c('div',{staticClass:\"text-center\"},[_vm._m(1)]):_c('button',{staticClass:\"modal-default-button btn btn-sm btn-primary\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.nextStep}},[_vm._v(\" Get code \")])],1)])])])]),(_vm.showConfirmCodeModal)?_c('ConfirmCodeModal',{attrs:{\"email\":_vm.email},on:{\"close\":function($event){_vm.showConfirmCodeModal = false}}}):_vm._e()],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',{staticClass:\"text-muted small\"},[_c('b',[_vm._v(\"ScanCom Portal\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"spinner-border text-info\",attrs:{\"role\":\"status\"}},[_c('span',{staticClass:\"sr-only\"},[_vm._v(\"Loading...\")])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{\"name\":\"modal\"}},[_c('div',{staticClass:\"modal-mask\"},[_c('div',{staticClass:\"modal-wrapper\"},[_c('div',{staticClass:\"modal-container\"},[_c('div',{staticClass:\"modal-header\"},[_c('h4',{staticStyle:{\"margin-top\":\"10px\"}},[_vm._v(\"Confirm\")]),_c('button',{staticClass:\"btn btn-danger btn-sm\",staticStyle:{\"margin\":\"0\"},attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.$emit('close')}}},[_vm._v(\" X \")])]),_c('div',{staticClass:\"modal-body\"},[_c('p',[_vm._v(\" Confirm code sent to your email \"+_vm._s(_vm.email)+\". Please get and fill it to below: \")]),_c('label',{attrs:{\"for\":\"confirmCode\"}},[_c('strong',[_vm._v(\"Confirm code\")])]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.code),expression:\"code\"}],ref:\"first\",staticClass:\"form-control mt-2\",attrs:{\"id\":\"confirmCode\",\"placeholder\":\"Enter confirm code\",\"type\":\"text\"},domProps:{\"value\":(_vm.code)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.code=$event.target.value}}}),_c('p',{staticClass:\"small\"},[_vm._v(\" If you can not received confirm code. Please wait for a while and press \"),_c('strong',[_vm._v(\"Resend code\")]),_vm._v(\" button. \")])]),_c('div',{staticClass:\"modal-footer\"},[_c('button',{staticClass:\"btn btn-sm btn-warning\",staticStyle:{\"margin-right\":\"10px\"},attrs:{\"disabled\":!_vm.isResend,\"type\":\"button\"},on:{\"click\":_vm.resend}},[_vm._v(\" \"+_vm._s(_vm.message)+\" \")]),_c('button',{staticClass:\"modal-default-button btn btn-sm btn-primary\",staticStyle:{\"margin-right\":\"10px\"},attrs:{\"type\":\"button\"},on:{\"click\":_vm.confirm}},[_vm._v(\" Confirm \")])])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <transition name=\"modal\">\r\n    <div class=\"modal-mask\">\r\n      <div class=\"modal-wrapper\">\r\n        <div class=\"modal-container\">\r\n          <div class=\"modal-header\">\r\n            <h4 style=\"margin-top: 10px\">Confirm</h4>\r\n            <button\r\n              type=\"button\"\r\n              class=\"btn btn-danger btn-sm\"\r\n              style=\"margin: 0\"\r\n              @click=\"$emit('close')\"\r\n            >\r\n              X\r\n            </button>\r\n          </div>\r\n\r\n          <div class=\"modal-body\">\r\n            <p>\r\n              Confirm code sent to your email {{ email }}. Please get and fill\r\n              it to below:\r\n            </p>\r\n            <label for=\"confirmCode\"><strong>Confirm code</strong></label>\r\n            <input\r\n              id=\"confirmCode\"\r\n              ref=\"first\"\r\n              placeholder=\"Enter confirm code\"\r\n              type=\"text\"\r\n              v-model=\"code\"\r\n              class=\"form-control mt-2\"\r\n            />\r\n            <p class=\"small\">\r\n              If you can not received confirm code. Please wait for a while and\r\n              press <strong>Resend code</strong> button.\r\n            </p>\r\n          </div>\r\n\r\n          <div class=\"modal-footer\">\r\n            <button\r\n              style=\"margin-right: 10px\"\r\n              :disabled=\"!isResend\"\r\n              type=\"button\"\r\n              class=\"btn btn-sm btn-warning\"\r\n              @click=\"resend\"\r\n            >\r\n              {{ message }}\r\n            </button>\r\n            <button\r\n              style=\"margin-right: 10px\"\r\n              type=\"button\"\r\n              class=\"modal-default-button btn btn-sm btn-primary\"\r\n              @click=\"confirm\"\r\n            >\r\n              Confirm\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </transition>\r\n</template>\r\n\r\n<script>\r\nvar timeValue = 5 * 60;\r\nexport default {\r\n  name: \"ConfirmCodeModal\",\r\n  props: {\r\n    email: String,\r\n  },\r\n  data() {\r\n    return {\r\n      code: \"\",\r\n      timerCount: timeValue,\r\n      isResend: false,\r\n      message: \"\",\r\n    };\r\n  },\r\n  mounted() {\r\n    this.message = `Resend code (${timeValue})`;\r\n    this.$refs.first.focus();\r\n  },\r\n  watch: {\r\n    timerCount: {\r\n      handler(value) {\r\n        if (value > 0) {\r\n          setTimeout(() => {\r\n            this.timerCount--;\r\n            this.message = `Resend code (${this.timerCount})`;\r\n          }, 1000);\r\n        } else {\r\n          this.isResend = true;\r\n          this.message = `Resend code`;\r\n        }\r\n      },\r\n      immediate: true, // This ensures the watcher is triggered upon creation\r\n    },\r\n  },\r\n  methods: {\r\n    async resend() {\r\n      this.timerCount = timeValue;\r\n      this.isResend = false;\r\n      this.$refs.first.focus();\r\n      if (this.code !== \"\") {\r\n        const resp = await this.$http\r\n          .post(\"/api/auth/resend\", {\r\n            email: this.email,\r\n            code: this.code,\r\n          })\r\n          .catch((err) => {\r\n            this.$swal({\r\n              icon: \"error\",\r\n              text: err,\r\n            });\r\n          });\r\n\r\n        if (resp.data.status === \"Error\") {\r\n          this.$emit(\"close\");\r\n          this.$swal({\r\n            icon: \"error\",\r\n            text: \"Resend Fail\",\r\n          });\r\n        } else {\r\n          localStorage.userAccount = JSON.stringify({\r\n            email: this.email,\r\n            code: this.code,\r\n          });\r\n        }\r\n      }\r\n    },\r\n    async confirm() {\r\n      if (this.code !== \"\") {\r\n        const resp = await this.$http\r\n          .post(\"/api/auth/confirm\", {\r\n            email: this.email,\r\n            code: this.code,\r\n          })\r\n          .catch((err) => {\r\n            this.$swal({\r\n              icon: \"error\",\r\n              text: err,\r\n            });\r\n          });\r\n\r\n        if (\r\n          resp.data.status === \"Error\" &&\r\n          resp.data.message == \"ConfirmCodeExpiried\"\r\n        ) {\r\n          this.$emit(\"close\");\r\n          this.$swal({\r\n            icon: \"error\",\r\n            text: \"Confirm code expired\",\r\n          });\r\n        } else {\r\n          localStorage.userAccount = JSON.stringify({\r\n            email: this.email,\r\n            code: this.code,\r\n          });\r\n          // window.location = \"/reset-password\";\r\n          this.$router.push({ name: \"ResetPassword\" });\r\n        }\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.modal-header {\r\n  padding-top: 10px !important;\r\n  padding-bottom: 7px;\r\n}\r\n.modal-header h3 {\r\n  margin-top: 0;\r\n  padding: 0;\r\n}\r\n\r\n.modal-mask {\r\n  position: fixed;\r\n  z-index: 9998;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n  display: table;\r\n  transition: opacity 0.3s ease;\r\n}\r\n\r\n.modal-wrapper {\r\n  display: table-cell;\r\n  vertical-align: middle;\r\n}\r\n\r\n.modal-container {\r\n  width: 400px;\r\n  margin: 0px auto;\r\n  background-color: #fff;\r\n  border-radius: 2px;\r\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.modal-body {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.modal-default-button {\r\n  float: right;\r\n}\r\n\r\n.modal-enter {\r\n  opacity: 0;\r\n}\r\n\r\n.modal-leave-active {\r\n  opacity: 0;\r\n}\r\n\r\n.modal-enter .modal-container,\r\n.modal-leave-active .modal-container {\r\n  -webkit-transform: scale(1.1);\r\n  transform: scale(1.1);\r\n}\r\n</style>","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!./ConfirmCodeModal.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!./ConfirmCodeModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ConfirmCodeModal.vue?vue&type=template&id=e4b9e87e&scoped=true&\"\nimport script from \"./ConfirmCodeModal.vue?vue&type=script&lang=js&\"\nexport * from \"./ConfirmCodeModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ConfirmCodeModal.vue?vue&type=style&index=0&id=e4b9e87e&scoped=true&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  \"e4b9e87e\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"c-app flex-row align-items-center\">\r\n    <div class=\"container\">\r\n      <div class=\"row justify-content-center\">\r\n        <div class=\"col-md-4\">\r\n          <div class=\"p-4 text-center\">\r\n            <img\r\n              class=\"mb-4 rounded-circle\"\r\n              src=\"/img/logo.jpg\"\r\n              alt=\"\"\r\n              height=\"72\"\r\n            />\r\n            <p class=\"text-muted small\">\r\n              <b>ScanCom Portal</b>\r\n            </p>\r\n            <h4>Forgot Password</h4>\r\n            <div class=\"box-body\">\r\n              <label for=\"resetEmail\">Account Email:</label>\r\n              <input\r\n                id=\"resetEmail\"\r\n                ref=\"first\"\r\n                placeholder=\"Enter your Email\"\r\n                type=\"email\"\r\n                v-model=\"email\"\r\n                @focus=\"clearStatus\"\r\n                :class=\"{\r\n                  'has-error': submitting && !validEmail,\r\n                  'form-control mt-2': true,\r\n                }\"\r\n              />\r\n              <p v-if=\"error && submitting\" class=\"error-message\">\r\n                {{ message }}\r\n              </p>\r\n              <p v-else class=\"text-muted small\">\r\n                Enter your email to get reset code.\r\n              </p>\r\n            </div>\r\n\r\n            <div class=\"box-footer\">\r\n              <router-link class=\"returnLogin\" :to=\"{ name: 'Login' }\"\r\n                >Login page\r\n              </router-link>\r\n              <div class=\"text-center\" v-if=\"submitting\">\r\n                <div class=\"spinner-border text-info\" role=\"status\">\r\n                  <span class=\"sr-only\">Loading...</span>\r\n                </div>\r\n              </div>\r\n              <button\r\n                type=\"button\"\r\n                class=\"modal-default-button btn btn-sm btn-primary\"\r\n                v-else\r\n                @click=\"nextStep\"\r\n              >\r\n                Get code\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <ConfirmCodeModal\r\n      :email=\"email\"\r\n      v-if=\"showConfirmCodeModal\"\r\n      @close=\"showConfirmCodeModal = false\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport ConfirmCodeModal from \"@/views/forgotPassword/ConfirmCodeModal.vue\";\r\n\r\nexport default {\r\n  name: \"ForgotPassword\",\r\n  components: {\r\n    ConfirmCodeModal,\r\n  },\r\n  data() {\r\n    return {\r\n      showConfirmCodeModal: false,\r\n      submitting: false,\r\n      error: false,\r\n      message: \"\",\r\n      email: \"\",\r\n    };\r\n  },\r\n  computed: {\r\n    validEmail() {\r\n      if (/^\\w+([\\\\.-]?\\w+)*@\\w+([\\\\.-]?\\w+)*(\\.\\w{2,3})+$/.test(this.email)) {\r\n        return true;\r\n      }\r\n      return false;\r\n    },\r\n  },\r\n  methods: {\r\n    async nextStep() {\r\n      this.submitting = true;\r\n      if (this.email === \"\") {\r\n        (this.message = \"❗ Email is required\"), (this.error = true);\r\n        return;\r\n      }\r\n      if (!this.validEmail) {\r\n        (this.message = \"❗ Email is not valid\"), (this.error = true);\r\n        return;\r\n      }\r\n\r\n      const resp = await this.$http\r\n        .post(\"/api/auth/getcode\", {\r\n          email: this.email,\r\n          code: \"\",\r\n        })\r\n        .catch((err) => {\r\n          this.$swal({\r\n            icon: \"error\",\r\n            text: err,\r\n          });\r\n          this.submitting = false;\r\n        });\r\n\r\n      if (resp.data.status == this.$const.RESPONSE_TYPES.Success) {\r\n        this.showConfirmCodeModal = true;\r\n        localStorage.userAccount = JSON.stringify({\r\n          email: this.email,\r\n          code: \"\",\r\n        });\r\n      } else {\r\n        this.$swal({ text: \"Can not send request\" });\r\n      }\r\n\r\n      this.message = \"\";\r\n      this.clearStatus();\r\n    },\r\n    clearStatus() {\r\n      this.error = false;\r\n      this.submitting = false;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n\r\n<style scoped>\r\n.has-error {\r\n  border: 1px solid #d33c40;\r\n}\r\n.error-message {\r\n  color: #d33c40;\r\n}\r\n.returnLogin {\r\n  margin-right: 20px;\r\n}\r\n.box-footer {\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -ms-flex-wrap: wrap;\r\n  flex-wrap: wrap;\r\n  -ms-flex-negative: 0;\r\n  flex-shrink: 0;\r\n  -webkit-box-align: center;\r\n  -ms-flex-align: center;\r\n  align-items: center;\r\n  -webkit-box-pack: end;\r\n  -ms-flex-pack: end;\r\n  justify-content: flex-end;\r\n  padding: 0;\r\n}\r\n.box-body {\r\n  margin: 10px 0;\r\n  text-align: left;\r\n}\r\n.modal-default-button {\r\n  float: right;\r\n}\r\n</style>\r\n\r\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!./ForgotPassword.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!./ForgotPassword.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ForgotPassword.vue?vue&type=template&id=0c7fb9d8&scoped=true&\"\nimport script from \"./ForgotPassword.vue?vue&type=script&lang=js&\"\nexport * from \"./ForgotPassword.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ForgotPassword.vue?vue&type=style&index=0&id=0c7fb9d8&scoped=true&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  \"0c7fb9d8\",\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/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!./ConfirmCodeModal.vue?vue&type=style&index=0&id=e4b9e87e&scoped=true&lang=css&\""],"sourceRoot":""}