{"version":3,"sources":["webpack:///./src/views/auth/SignIn.vue","webpack:///./src/views/auth/SignIn.vue?bbda","webpack:///./src/views/auth/SignIn.vue?6e96"],"names":["class","type","ref","id","onSubmitLogin","validation-schema","login","name","autocomplete","to","components","Field","Form","ErrorMessage","store","submitButton","shape","email","required","label","password","min","values","dispatch","LOGOUT","value","setAttribute","setTimeout","LOGIN","then","window","location","replace","catch","err","console","log","fire","icon","buttonsStyling","confirmButtonText","customClass","confirmButton","finally","removeAttribute","render"],"mappings":"gJAEOA,MAAM,8D,EAUP,gCAIM,OAJDA,MAAM,qBAAmB,CAE5B,gCAAiD,MAA7CA,MAAM,kBAAiB,uB,MAMxBA,MAAM,gB,EAET,gCAAgE,SAAzDA,MAAM,uCAAsC,SAAK,G,GAWnDA,MAAM,gC,GACJA,MAAM,iB,GAQVA,MAAM,gB,EAET,gCAMM,OANDA,MAAM,0BAAwB,CAEjC,gCAEC,SAFMA,MAAM,4CACV,c,MAcAA,MAAM,gC,GACJA,MAAM,iB,GAQVA,MAAM,e,GAGPC,KAAK,SACLC,IAAI,eACJC,GAAG,oBACHH,MAAM,qC,EAEN,gCAAkD,QAA5CA,MAAM,mBAAkB,iBAAa,G,EAE3C,gCAKO,QALDA,MAAM,sBAAoB,C,6BAAC,wBAE/B,gCAEQ,QADNA,MAAM,yD,MALV,EAEA,G,+BAUqE,mB,8OAxF7E,gCAgGM,MAhGN,EAgGM,CA7FJ,yBA2FO,GA1FLA,MAAM,aACNG,GAAG,uBACF,SAAQ,EAAAC,cACRC,oBAAmB,EAAAC,O,8BAGpB,IAIM,CAJN,EAQA,gCAkBM,MAlBN,EAkBM,CAhBJ,EAIA,yBAKE,GAJAN,MAAM,kDACNC,KAAK,OACLM,KAAK,QACLC,aAAa,QAGf,gCAIM,MAJN,EAIM,CAHJ,gCAEM,MAFN,EAEM,CADJ,yBAA6B,GAAfD,KAAK,gBAOzB,gCAwBM,MAxBN,EAwBM,CAtBJ,EAUA,yBAKE,GAJAP,MAAM,kDACNC,KAAK,WACLM,KAAK,WACLC,aAAa,QAGf,gCAIM,MAJN,EAIM,CAHJ,gCAEM,MAFN,EAEM,CADJ,yBAAgC,GAAlBD,KAAK,mBAOzB,gCAwBM,MAxBN,EAwBM,CAtBJ,gCAcS,SAdT,EAcS,OAIT,yBAEc,GAFDE,GAAG,mBAAmBT,MAAM,+B,8BAA8B,IAEvE,C,8IClFO,+BAAgB,CAC7BO,KAAM,UACNG,WAAY,CACVC,MAAA,OACAC,KAAA,OACAC,aAAA,QAEF,QACE,MAAMC,EAAQ,iBAGRC,GAFS,iBAEM,iBAAwB,OAGvCT,EAAQ,SAAaU,MAAM,CAC/BC,MAAO,SAAaA,QAAQC,WAAWC,MAAM,SAC7CC,SAAU,SAAaC,IAAI,GAAGH,WAAWC,MAAM,cAW3Cf,EAAiBkB,IAErBR,EAAMS,SAAS,OAAQC,QAEnBT,EAAaU,OAEfV,EAAaU,MAAMC,aAAa,oBAAqB,MAIvDC,WAAW,KAETb,EACGS,SAAS,OAAQK,MAAON,GACxBO,KAAK,KAKAC,OAAOC,SAASC,QAAQ,OAoB7BC,MAAOC,IACNC,QAAQC,IAAIF,GACZ,IAAKG,KAAK,CAERC,KAAM,QACNC,gBAAgB,EAChBC,kBACE,kDACFC,YAAa,CACXC,cAAe,oCAIpBC,QAAS,K,MACU,QAAlB,EAAA5B,EAAaU,aAAK,SAAEmB,gBAAgB,wBAGvC,MAGL,MAAO,CACLxC,gBACAE,QACAS,mBChGN,EAAO8B,OAASA,EAED","file":"js/chunk-2d212f18.f69d7268.js","sourcesContent":["<template>\n  <!--begin::Wrapper-->\n  <div class=\"w-lg-500px bg-white rounded shadow-sm p-10 p-lg-15 mx-auto\">\n    <!--begin::Form-->\n    \n    <Form\n      class=\"form w-100\"\n      id=\"kt_login_signin_form\"\n      @submit=\"onSubmitLogin\"\n      :validation-schema=\"login\"\n    >\n      <!--begin::Heading-->\n      <div class=\"text-center mb-10\">\n        <!--begin::Title-->\n        <h1 class=\"text-dark mb-3\">เข้าสู่ระบบใช้งาน</h1>\n        <!--end::Title-->\n      </div>\n      <!--begin::Heading-->\n\n      <!--begin::Input group-->\n      <div class=\"fv-row mb-10\">\n        <!--begin::Label-->\n        <label class=\"form-label fs-6 fw-bolder text-dark\">Email</label>\n        <!--end::Label-->\n\n        <!--begin::Input-->\n        <Field\n          class=\"form-control form-control-lg form-control-solid\"\n          type=\"text\"\n          name=\"email\"\n          autocomplete=\"off\"\n        />\n        <!--end::Input-->\n        <div class=\"fv-plugins-message-container\">\n          <div class=\"fv-help-block\">\n            <ErrorMessage name=\"email\" />\n          </div>\n        </div>\n      </div>\n      <!--end::Input group-->\n\n      <!--begin::Input group-->\n      <div class=\"fv-row mb-10\">\n        <!--begin::Wrapper-->\n        <div class=\"d-flex flex-stack mb-2\">\n          <!--begin::Label-->\n          <label class=\"form-label fw-bolder text-dark fs-6 mb-0\"\n            >Password</label\n          >\n          <!--end::Label-->\n        </div>\n        <!--end::Wrapper-->\n\n        <!--begin::Input-->\n        <Field\n          class=\"form-control form-control-lg form-control-solid\"\n          type=\"password\"\n          name=\"password\"\n          autocomplete=\"off\"\n        />\n        <!--end::Input-->\n        <div class=\"fv-plugins-message-container\">\n          <div class=\"fv-help-block\">\n            <ErrorMessage name=\"password\" />\n          </div>\n        </div>\n      </div>\n      <!--end::Input group-->\n\n      <!--begin::Actions-->\n      <div class=\"text-center\">\n        <!--begin::Submit button-->\n        <button\n          type=\"submit\"\n          ref=\"submitButton\"\n          id=\"kt_sign_in_submit\"\n          class=\"btn btn-lg btn-primary w-100 mb-5\"\n        >\n          <span class=\"indicator-label\"> เข้าสู่ระบบ </span>\n\n          <span class=\"indicator-progress\">\n            กำลังดำเนินการ ...\n            <span\n              class=\"spinner-border spinner-border-sm align-middle ms-2\"\n            ></span>\n          </span>\n        </button>\n        <!--end::Submit button-->\n\n        <!--begin::Link-->\n        <router-link to=\"/forget-password\" class=\"link-primary fs-6 fw-bolder\">\n          ลืมรหัสผ่าน ?\n        </router-link>\n        <!--end::Link-->\n      </div>\n      <!--end::Actions-->\n    </Form>\n    <!--end::Form-->\n  </div>\n  <!--end::Wrapper-->\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref } from \"vue\";\nimport { ErrorMessage, Field, Form } from \"vee-validate\";\nimport { Actions } from \"@/store/enums/StoreEnums\";\nimport { useStore } from \"vuex\";\nimport { useRouter } from \"vue-router\";\nimport Swal from \"sweetalert2/dist/sweetalert2.min.js\";\nimport * as Yup from \"yup\";\nimport ApiService from \"../../core/services/ApiService\";\n\nexport default defineComponent({\n  name: \"sign-in\",\n  components: {\n    Field,\n    Form,\n    ErrorMessage\n  }, \n  setup() {\n    const store = useStore();\n    const router = useRouter();\n\n    const submitButton = ref<HTMLElement | null>(null);\n\n    //Create form validation object\n    const login = Yup.object().shape({\n      email: Yup.string().email().required().label(\"Email\"),\n      password: Yup.string().min(4).required().label(\"Password\"),\n    });\n\n\n    // const firstTimeLoginResetPassword = async () => {\n    //   ApiService.get(\"auth/reset-password-token\")\n    //     .then(({data}) => {\n    //       router.push({ name: \"ResetPassword\", query: { token: data.token } });\n    //     })\n    // }\n    //Form submit function\n    const onSubmitLogin = (values) => {\n      // Clear existing errors\n      store.dispatch(Actions.LOGOUT);\n\n      if (submitButton.value) {\n        // Activate indicator\n        submitButton.value.setAttribute(\"data-kt-indicator\", \"on\");\n      }\n\n      // Dummy delay\n      setTimeout(() => {\n        // Send login request\n        store\n          .dispatch(Actions.LOGIN, values)\n          .then(() => {\n              // if(store.getters.currentUser.updatedDate === null){\n              //   // firstTimeLoginResetPassword()\n              //   router.push({ name: \"ResetPassword\" });\n              // }else{\n                window.location.replace(\"/\");\n                // router.push({ name: \"dashboard\" });\n                // Swal.fire({\n                //   text: \"ยินดีต้อนรับ!\",\n                //   icon: \"success\",\n                //   buttonsStyling: false,\n                //   // confirmButtonText: \"ยินดีต้อนรับ!\",\n                //   showCancelButton: false,\n                //   showConfirmButton: false,                  \n                //   allowOutsideClick: false,\n                //   timer: 1500,\n                //   customClass: {\n                //     confirmButton: \"btn fw-bold btn-light-primary\",\n                //   },\n                // }).then(function () {\n                //   // Go to page after successfully login\n                //   router.push({ name: \"dashboard\" });\n                // });\n              // }\n          })\n          .catch((err) => {\n            console.log(err)\n            Swal.fire({\n              // text: store.getters.getErrors[0],\n              icon: \"error\",\n              buttonsStyling: false,\n              confirmButtonText:\n                \"ชื่อผู้ใช้ หรือ รหัสผ่านไมถูกต้อง กรุณาลองใหม่!\",\n              customClass: {\n                confirmButton: \"btn fw-bold btn-light-danger\",\n              },\n            });\n          })\n          .finally( () => {              \n            submitButton.value?.removeAttribute(\"data-kt-indicator\");\n          })\n        //Deactivate indicator\n      }, 1000);\n    };\n\n    return {\n      onSubmitLogin,\n      login,\n      submitButton,\n    };\n  },  \n});\n\n\n</script>\n","\nimport { defineComponent, ref } from \"vue\";\nimport { ErrorMessage, Field, Form } from \"vee-validate\";\nimport { Actions } from \"@/store/enums/StoreEnums\";\nimport { useStore } from \"vuex\";\nimport { useRouter } from \"vue-router\";\nimport Swal from \"sweetalert2/dist/sweetalert2.min.js\";\nimport * as Yup from \"yup\";\nimport ApiService from \"../../core/services/ApiService\";\n\nexport default defineComponent({\n  name: \"sign-in\",\n  components: {\n    Field,\n    Form,\n    ErrorMessage\n  }, \n  setup() {\n    const store = useStore();\n    const router = useRouter();\n\n    const submitButton = ref<HTMLElement | null>(null);\n\n    //Create form validation object\n    const login = Yup.object().shape({\n      email: Yup.string().email().required().label(\"Email\"),\n      password: Yup.string().min(4).required().label(\"Password\"),\n    });\n\n\n    // const firstTimeLoginResetPassword = async () => {\n    //   ApiService.get(\"auth/reset-password-token\")\n    //     .then(({data}) => {\n    //       router.push({ name: \"ResetPassword\", query: { token: data.token } });\n    //     })\n    // }\n    //Form submit function\n    const onSubmitLogin = (values) => {\n      // Clear existing errors\n      store.dispatch(Actions.LOGOUT);\n\n      if (submitButton.value) {\n        // Activate indicator\n        submitButton.value.setAttribute(\"data-kt-indicator\", \"on\");\n      }\n\n      // Dummy delay\n      setTimeout(() => {\n        // Send login request\n        store\n          .dispatch(Actions.LOGIN, values)\n          .then(() => {\n              // if(store.getters.currentUser.updatedDate === null){\n              //   // firstTimeLoginResetPassword()\n              //   router.push({ name: \"ResetPassword\" });\n              // }else{\n                window.location.replace(\"/\");\n                // router.push({ name: \"dashboard\" });\n                // Swal.fire({\n                //   text: \"ยินดีต้อนรับ!\",\n                //   icon: \"success\",\n                //   buttonsStyling: false,\n                //   // confirmButtonText: \"ยินดีต้อนรับ!\",\n                //   showCancelButton: false,\n                //   showConfirmButton: false,                  \n                //   allowOutsideClick: false,\n                //   timer: 1500,\n                //   customClass: {\n                //     confirmButton: \"btn fw-bold btn-light-primary\",\n                //   },\n                // }).then(function () {\n                //   // Go to page after successfully login\n                //   router.push({ name: \"dashboard\" });\n                // });\n              // }\n          })\n          .catch((err) => {\n            console.log(err)\n            Swal.fire({\n              // text: store.getters.getErrors[0],\n              icon: \"error\",\n              buttonsStyling: false,\n              confirmButtonText:\n                \"ชื่อผู้ใช้ หรือ รหัสผ่านไมถูกต้อง กรุณาลองใหม่!\",\n              customClass: {\n                confirmButton: \"btn fw-bold btn-light-danger\",\n              },\n            });\n          })\n          .finally( () => {              \n            submitButton.value?.removeAttribute(\"data-kt-indicator\");\n          })\n        //Deactivate indicator\n      }, 1000);\n    };\n\n    return {\n      onSubmitLogin,\n      login,\n      submitButton,\n    };\n  },  \n});\n\n\n","import { render } from \"./SignIn.vue?vue&type=template&id=4261df4a\"\nimport script from \"./SignIn.vue?vue&type=script&lang=ts\"\nexport * from \"./SignIn.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script"],"sourceRoot":""}