{"version":3,"sources":["webpack:///./src/views/VerifyAccountForgot.vue?0b35","webpack:///src/views/VerifyAccountForgot.vue","webpack:///./src/views/VerifyAccountForgot.vue?1449","webpack:///./src/views/VerifyAccountForgot.vue","webpack:///./src/views/VerifyAccountForgot.vue?ea08","webpack:///./src/assets/img/icon/VectorLeft.svg"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","_v","_s","email","directives","name","rawName","value","expression","attrs","domProps","on","$event","target","composing","otpCode","SubmitCode","GoBack","staticRenderFns","e1","data","$route","query","methods","formData","append","$API","withCredentials","response","status","GotoVerify","component","module","exports"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,qCAAqC,CAACF,EAAG,aAAa,CAACA,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,QAAQ,CAACE,YAAY,oBAAoBC,YAAY,CAAC,aAAa,OAAO,KAAO,MAAM,CAACP,EAAIQ,GAAG,uCAAuCR,EAAIS,GAAGT,EAAIU,UAAUN,EAAG,MAAMA,EAAG,QAAQ,CAACE,YAAY,oBAAoBC,YAAY,CAAC,aAAa,OAAO,KAAO,MAAM,CAACP,EAAIQ,GAAG,gBAAgBJ,EAAG,QAAQ,CAACO,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOd,EAAW,QAAEe,WAAW,YAAYC,MAAM,CAAC,KAAO,SAAS,UAAY,KAAKC,SAAS,CAAC,MAASjB,EAAW,SAAGkB,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOC,OAAOC,YAAqBrB,EAAIsB,QAAQH,EAAOC,OAAON,WAAUV,EAAG,UAAUA,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,QAAQ,CAACJ,EAAIQ,GAAG,0BAA0BJ,EAAG,MAAMA,EAAG,UAAU,CAACE,YAAY,+BAA+BU,MAAM,CAAC,MAAQ,SAAS,CAAChB,EAAIQ,GAAG,wBAAwBJ,EAAG,UAAU,CAACE,YAAY,+BAA+BU,MAAM,CAAC,MAAQ,QAAQE,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOnB,EAAIuB,WAAWvB,EAAIsB,YAAY,CAACtB,EAAIQ,GAAG,YAAY,GAAGJ,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIQ,GAAG,yBAAyBJ,EAAG,MAAM,CAACE,YAAY,cAAcY,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOnB,EAAIwB,YAAY,CAACpB,EAAG,MAAM,CAACY,MAAM,CAAC,IAAM,EAAQ,aAA0CZ,EAAG,MAAM,CAACG,YAAY,CAAC,MAAQ,WAAW,IACp5CkB,EAAkB,G,4TC2GtB,OACEb,KAAM,QACNc,GAAI,OACJC,KAAM,WACJ,MAAO,CACLjB,MAAOT,KAAK2B,OAAOC,MAAMnB,MACzBY,QAAS,KAGb,QATF,WASA,uKACEQ,QAAS,CACPN,OADJ,WAEA,qBAGID,WALJ,SAKA,cACA,eAIM,OAHAQ,EAASC,OAAO,YAAa/B,KAAKS,OAClCqB,EAASC,OAAO,OAAQV,GAEjBrB,KAAKgC,KAClB,yCACQC,iBAAiB,IAEzB,kBAC+B,KAAnBC,EAASC,QACX,EAAV,QAEU,EAAV,uBAEU,EAAV,WAIA,mBACQ,EAAR,QACQ,EAAR,WACQ,EAAR,SACQ,EAAR,oCAIIC,WAhCJ,SAgCA,KACA,kBACA,uBACA,EACA,SACA,MC3J6V,I,wBCQzVC,EAAY,eACd,EACAvC,EACA0B,GACA,EACA,KACA,WACA,MAIa,aAAAa,E,6CCnBf,yBAAghB,EAAG,G,uBCAnhBC,EAAOC,QAAU,IAA0B,+B","file":"js/chunk-be339a48.366afc4a.js","sourcesContent":["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('CContainer',[_c('div',{staticClass:\"container-box\"},[_c('label',{staticClass:\"custom-label-note\",staticStyle:{\"text-align\":\"left\",\"left\":\"0\"}},[_vm._v(\"We’ve sent the verification code to \"+_vm._s(_vm.email))]),_c('br'),_c('label',{staticClass:\"custom-label-note\",staticStyle:{\"text-align\":\"left\",\"left\":\"0\"}},[_vm._v(\"My Code is\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.otpCode),expression:\"otpCode\"}],attrs:{\"type\":\"number\",\"maxlength\":\"6\"},domProps:{\"value\":(_vm.otpCode)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.otpCode=$event.target.value}}}),_c('br')])]),_c('div',{staticClass:\"bottom-center\"},[_c('label',[_vm._v(\"Didn’t get the code?\")]),_c('br'),_c('CButton',{staticClass:\"custom-btn-login-active mt-2\",attrs:{\"color\":\"info\"}},[_vm._v(\" Resend Code (59s)\")]),_c('CButton',{staticClass:\"custom-btn-login-active mt-2\",attrs:{\"color\":\"info\"},on:{\"click\":function($event){return _vm.SubmitCode(_vm.otpCode)}}},[_vm._v(\" Next\")])],1),_c('div',{staticClass:\"header-top\"},[_vm._v(\"Account Information\")]),_c('div',{staticClass:\"header-left\",on:{\"click\":function($event){return _vm.GoBack()}}},[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/VectorLeft.svg\")}})]),_c('div',{staticStyle:{\"clear\":\"both\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"c-app flex-row align-items-center\">\n    <CContainer>\n      <div class=\"container-box\">\n        <label style=\"text-align: left; left: 0\" class=\"custom-label-note\"\n          >We’ve sent the verification code to {{ email }}</label\n        >\n        <br />\n        <label style=\"text-align: left; left: 0\" class=\"custom-label-note\"\n          >My Code is</label\n        >\n        <!-- <CRow class=\"justify-content-center mb-2\">\n          <CCol\n            style=\"display: content; align-items: center; justify-content: center\"\n          >\n            <CCol sm=\"12\" lg=\"12\" class=\"p-0\">\n                <CCol\n                  sm=\"12\"\n                  lg=\"12\"\n                  class=\"p-0\"\n                  style=\"\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                  \"\n                >\n                  <CCol sm=\"2\" lg=\"2\" class=\"p-0 m-0\" style=\"flex: 1\">\n                    <CCol>\n                      <input\n                        type=\"text\"\n                        class=\"custom-input-user input-responsive\"\n                      />\n                    </CCol>\n                  </CCol>\n\n                  <CCol sm=\"2\" lg=\"2\" class=\"p-0 m-0\" style=\"flex: 1\">\n                    <CCol>\n                      <input\n                        type=\"text\"\n                        class=\"custom-input-user input-responsive\"\n                      />\n                    </CCol>\n                  </CCol>\n                  <CCol sm=\"2\" lg=\"2\" class=\"p-0 m-0\" style=\"flex: 1\">\n                    <CCol>\n                      <input\n                        type=\"text\"\n                        class=\"custom-input-user input-responsive\"\n                      />\n                    </CCol>\n                  </CCol>\n\n                  <CCol sm=\"2\" lg=\"2\" class=\"p-0 m-0\" style=\"flex: 1\">\n                    <CCol>\n                      <input\n                        type=\"text\"\n                        class=\"custom-input-user input-responsive\"\n                      />\n                    </CCol>\n                  </CCol>\n                    <CCol sm=\"2\" lg=\"2\" class=\"p-0 m-0\" style=\"flex: 1\">\n                    <CCol>\n                      <input\n                        type=\"text\"\n                        class=\"custom-input-user input-responsive\"\n                      />\n                    </CCol>\n                  </CCol>\n                    <CCol sm=\"2\" lg=\"2\" class=\"p-0 m-0\" style=\"flex: 1\">\n                    <CCol>\n                      <input\n                        type=\"text\"\n                        class=\"custom-input-user input-responsive\"\n                      />\n                    </CCol>\n                  </CCol>\n                </CCol>\n            </CCol>\n          </CCol>\n        </CRow> -->\n\n        <input type=\"number\" v-model=\"otpCode\" maxlength=\"6\" />\n\n        <br />\n      </div>\n    </CContainer>\n    <div class=\"bottom-center\">\n    <label>Didn’t get the code?</label> \n    <br />\n    \n      <CButton color=\"info\" class=\"custom-btn-login-active mt-2\">\n        Resend Code (59s)</CButton\n      >\n\n      <CButton color=\"info\" class=\"custom-btn-login-active mt-2\" @click=\"SubmitCode(otpCode)\">\n        Next</CButton\n      >\n    </div>\n    <div class=\"header-top\">Account Information</div>\n    <div class=\"header-left\" @click=\"GoBack()\">\n      <img src=\"../assets/img/icon/VectorLeft.svg\" />\n    </div>\n    <div style=\"clear: both\"></div>\n  </div>\n</template>\n\n\n<script>\nexport default {\n  name: \"Login\",\n  e1: \"#app\",\n  data: function () {\n    return {\n      email: this.$route.query.email,\n      otpCode: \"\",\n    };\n  },\n  async mounted() {},\n  methods: {\n    GoBack() {\n     this.$router.back();\n    },\n\n    SubmitCode(otpCode) {\n      const formData = new FormData();\n      formData.append(\"userEmail\", this.email);\n      formData.append(\"code\", otpCode);\n\n      return this.$API\n      .post(this.$ValidateForgotPasswordCode, formData, {\n        withCredentials: true,\n      })\n      .then((response) => {\n        if (response.status == 200) {\n          this.Busy = false;\n          // this.$dialog.alert(\"Successfully Update\").then(function () {});\n          this.GotoVerify(this.email, otpCode);\n        } else {\n          this.Busy = false;\n          // this.$dialog.alert(\"Error to save\").then(function () {});\n        }\n      })\n      .catch((error) => {\n        this.Busy = false;\n        this.Loading = false;\n        this.Error = true;\n        this.Message = error.response.data.message;\n      });\n    },\n\n    GotoVerify(email, code) {\n    this.$router.push(\n      \"ResetPassword?email=\" +\n      email +\n      \"&code=\" +\n      code\n    );\n    },\n  },\n};\n</script>\n\n\n<style scoped>\n@import url(\"https://fonts.googleapis.com/css2?family=Montserrat&family=Poppins&display=swap\");\n.c-app {\n  background: linear-gradient(286.01deg, #5bc4ff 7.93%, #0085ff 96.74%);\n}\nbody {\n  font-family: \"Montserrat\", sans-serif;\n}\n.container-box {\n  max-width: 335px;\n  margin: 0 auto;\n}\n\ninput {\n  border-bottom: 2px solid #fff;\n  background: none;\n  border-top: none;\n  border-left: none;\n  border-right: none;\n  width: inherit;\n  color:#fff;\n}\ninput .custom-user-input-select {\n  border-bottom: 2px solid #fff;\n  background: none;\n  border-top: none;\n  border-left: none;\n  border-right: none;\n}\n.custom-width-listphone {\n  width: 24px;\n  height: 24px;\n\n  flex: none;\n  order: 0;\n  flex-grow: 0;\n}\n\nselect {\n  border-bottom: 2px solid #fff;\n  background: none;\n  border-top: none;\n  border-left: none;\n  border-right: none;\n  color: #e0e0e0;\n}\n\ninput ::placeholder {\n  color: #fff;\n}\n\n::placeholder {\n  /* Chrome, Firefox, Opera, Safari 10.1+ */\n  color: #e0e0e0;\n}\n.custom-user-input {\n  /* Body/1/Semibold */\n\n  display: flex;\n  justify-content: center;\n  flex-flow: row nowrap;\n}\n.custom-user-input-select {\n  /* Body/1/Semibold */\n\n  display: flex;\n  justify-content: center;\n  flex-flow: row nowrap;\n}\n.custom-user-inputs {\n  display: flex;\n  display: -ms-flexbox;\n  /* display: -webkit-box; */\n  /* -webkit-box-pack: center; */\n  -ms-flex-pack: center;\n  justify-content: center;\n  /* -webkit-box-orient: horizontal; */\n  /* -webkit-box-direction: normal; */\n  -ms-flex-flow: row nowrap;\n  /* flex-flow: row nowrap; */\n  width: -webkit-fill-available;\n}\n\n.custom-code {\n  display: flex;\n}\n.custom-label-note{\n    font-family: 'Montserrat';\nfont-style: normal;\nfont-weight: 500;\nfont-size: 16px;\nline-height: 150%;\n/* or 24px */\n\ndisplay: flex;\nalign-items: center;\n\n/* Pure/White */\n\ncolor: #FFFFFF;\n}\n\n\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VerifyAccountForgot.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VerifyAccountForgot.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VerifyAccountForgot.vue?vue&type=template&id=729b1bfe&scoped=true&\"\nimport script from \"./VerifyAccountForgot.vue?vue&type=script&lang=js&\"\nexport * from \"./VerifyAccountForgot.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VerifyAccountForgot.vue?vue&type=style&index=0&id=729b1bfe&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  \"729b1bfe\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VerifyAccountForgot.vue?vue&type=style&index=0&id=729b1bfe&scoped=true&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VerifyAccountForgot.vue?vue&type=style&index=0&id=729b1bfe&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/VectorLeft.3808b713.svg\";"],"sourceRoot":""}