{"version":3,"sources":["webpack:///./src/views/auth/ResetPassword.vue","webpack:///./src/views/auth/ResetPassword.vue?3018","webpack:///./src/views/auth/ResetPassword.vue?dabf"],"names":["class","onSubmitChangePassword","id","validation-schema","forgotPassword","type","placeholder","name","autocomplete","disabled","saving","components","Field","Form","ErrorMessage","store","route","loading","token","query","value","getters","currentUser","ApiService","get","then","data","password","confirmPassword","shape","required","label","test","this","parent","values","loader","show","post","res","hide","dispatch","VERIFY_AUTH","fire","icon","title","timer","didClose","location","replace","render"],"mappings":"kJAEOA,MAAM,8D,EASP,gCAUM,OAVDA,MAAM,qBAAmB,CAE5B,gCAAiD,MAA7CA,MAAM,kBAAiB,uB,MAYxBA,MAAM,gB,EACT,gCAAuE,SAAhEA,MAAM,2CAA0C,YAAQ,G,GAQ1DA,MAAM,gC,GACJA,MAAM,iB,GAMVA,MAAM,gB,EACT,gCAA6E,SAAtEA,MAAM,2CAA0C,kBAAc,G,GAQhEA,MAAM,gC,GACJA,MAAM,iB,GAQVA,MAAM,mD,iBAOP,gCAA6C,QAAvCA,MAAM,mBAAkB,YAAQ,G,EACtC,gCAKO,QALDA,MAAM,sBAAoB,C,6BAAC,oBAE/B,gCAEQ,QADNA,MAAM,yD,MAJV,EACA,G,+LAjER,gCAkFM,MAlFN,EAkFM,CAhFJ,yBA8EO,GA7ELA,MAAM,wDACL,SAAQ,EAAAC,uBACTC,GAAG,+BACFC,oBAAmB,EAAAC,gB,8BAGpB,IAUM,CAVN,EAcA,gCAcM,MAdN,EAcM,CAbJ,EACA,yBAME,GALAJ,MAAM,kCACNK,KAAK,WACLC,YAAY,GACZC,KAAK,WACLC,aAAa,QAEf,gCAIM,MAJN,EAIM,CAHJ,gCAEM,MAFN,EAEM,CADJ,yBAAgC,GAAlBD,KAAK,mBAKzB,gCAcM,MAdN,EAcM,CAbJ,EACA,yBAME,GALAP,MAAM,kCACNK,KAAK,WACLC,YAAY,GACZC,KAAK,kBACLC,aAAa,QAEf,gCAIM,MAJN,EAIM,CAHJ,gCAEM,MAFN,EAEM,CADJ,yBAAuC,GAAzBD,KAAK,0BAOzB,gCAqBM,MArBN,EAqBM,CApBJ,gCAaS,UAZNE,SAAU,EAAAC,OACXL,KAAK,SACLH,GAAG,2BACHF,MAAM,yC,mKCrDD,+BAAgB,CAC7BO,KAAM,iBACNI,WAAY,CACVC,MAAA,OACAC,KAAA,OACAC,aAAA,QAEF,QACE,MAAMC,EAAQ,iBAERC,GADS,iBACD,kBACRC,EAAU,0BACVP,EAAS,kBAAI,GAEnB,IAAIQ,EAAS,iBAAIF,EAAMG,MAAMD,QAEzBA,EAAME,OAAWL,EAAMM,QAAQC,aACjCC,EAAA,KAAWC,IAAI,6BACZC,KAAK,EAAEC,WACNR,EAAME,MAAQM,EAAKR,QAKR,sBAAS,CACxBS,SAAU,KACVC,gBAAiB,OAFnB,MAOMxB,EAAiB,SAAayB,MAAM,CACxCF,SAAU,SAAaG,WAAWC,MAAM,YACxCH,gBAAiB,SACIE,WACAC,MAAM,oBACNC,KAAK,kBAAmB,wBAAwB,SAAUZ,GAAS,OAAOa,KAAKC,OAAOP,WAAaP,OAIpHnB,EAA0BkC,IAE9BzB,EAAOU,OAAQ,EACf,MAAMgB,EAASnB,EAAQoB,OACvBd,EAAA,KAAWe,KAAK,sBAAuB,CACrCX,SAAUQ,EAAOR,SACjBT,MAAOA,EAAME,QAEdK,KAAKc,IACJH,EAAOI,OACPzB,EAAM0B,SAAS,OAAQC,aACvBhC,EAAOU,OAAQ,EACf,IAAKuB,KAAK,CACRC,KAAM,UACNC,MAAO,wBACPC,MAAO,KACPC,SAAU,KAERC,SAASC,QAAQ,WA0CzB,MAAO,CACLhD,yBACAG,iBAEAM,aChHN,EAAOwC,OAASA,EAED","file":"js/chunk-2d0aef68.5e618969.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    <Form\n      class=\"form w-100 fv-plugins-bootstrap5 fv-plugins-framework\"\n      @submit=\"onSubmitChangePassword\"\n      id=\"kt_login_password_reset_form\"\n      :validation-schema=\"forgotPassword\"\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\n        <!--begin::Link-->\n        <!-- <div class=\"text-gray-400 fw-bold fs-4\">\n          Enter your new password.\n        </div> -->\n        <!--end::Link-->\n      </div>\n      <!--begin::Heading-->\n\n      <!--begin::Input group-->\n      <div class=\"fv-row mb-10\">\n        <label class=\"form-label fw-bolder text-gray-900 fs-6\">รหัสผ่าน</label>\n        <Field\n          class=\"form-control form-control-solid\"\n          type=\"password\"\n          placeholder=\"\"\n          name=\"password\"\n          autocomplete=\"off\"\n        />\n        <div class=\"fv-plugins-message-container\">\n          <div class=\"fv-help-block\">\n            <ErrorMessage name=\"password\" />\n          </div>\n        </div>\n      </div>\n\n      <div class=\"fv-row mb-10\">\n        <label class=\"form-label fw-bolder text-gray-900 fs-6\">ยืนยันรหัสผ่าน</label>\n        <Field\n          class=\"form-control form-control-solid\"\n          type=\"password\"\n          placeholder=\"\"\n          name=\"confirmPassword\"\n          autocomplete=\"off\"\n        />\n        <div class=\"fv-plugins-message-container\">\n          <div class=\"fv-help-block\">\n            <ErrorMessage name=\"confirmPassword\" />\n          </div>\n        </div>\n      </div>\n      <!--end::Input group-->\n\n      <!--begin::Actions-->\n      <div class=\"d-flex flex-wrap justify-content-center pb-lg-0\">\n        <button\n          :disabled=\"saving\"\n          type=\"submit\"\n          id=\"kt_password_reset_submit\"\n          class=\"btn btn-lg btn-primary fw-bolder me-4\"\n        >\n          <span class=\"indicator-label\"> ยืนยัน </span>\n          <span class=\"indicator-progress\">\n            Please wait...\n            <span\n              class=\"spinner-border spinner-border-sm align-middle ms-2\"\n            ></span>\n          </span>\n        </button>\n\n        <!-- <router-link\n          to=\"/sign-in\"\n          class=\"btn btn-lg btn-light-primary fw-bolder\"\n          >Cancel</router-link\n        > -->\n      </div>\n      <!--end::Actions-->\n    </Form>\n    <!--end::Form-->\n  </div>\n  <!--end::Wrapper-->\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, reactive, ref } from \"vue\";\nimport { ErrorMessage, Field, Form } from \"vee-validate\";\nimport { useStore } from \"vuex\";\nimport { useRouter, useRoute } from \"vue-router\";\nimport { Actions } from \"@/store/enums/StoreEnums\";\nimport {useLoading} from 'vue-loading-overlay'\nimport * as Yup from \"yup\";\nimport Swal from \"sweetalert2/dist/sweetalert2.min.js\";\nimport ApiService from \"@/core/services/ApiService\";\n\nexport default defineComponent({\n  name: \"password-reset\",\n  components: {\n    Field,\n    Form,\n    ErrorMessage,\n  },\n  setup() {\n    const store = useStore();\n    const router = useRouter();\n    const route = useRoute();\n    const loading = useLoading();\n    const saving = ref(false);\n\n    let token  = ref(route.query.token)\n\n    if(!token.value && !!store.getters.currentUser) {\n      ApiService.get(\"auth/reset-password-token\")\n        .then(({data}) => {\n          token.value = data.token\n          //router.push({ name: \"ResetPassword\", query: { token: data.token } });\n        })\n    }\n\n    const formData = reactive({\n      password: null,\n      confirmPassword: null\n    }) \n    \n    \n    //Create form validation object\n    const forgotPassword = Yup.object().shape({\n      password: Yup.string().required().label(\"Password\"),\n      confirmPassword: Yup.string()\n                          .required()\n                          .label(\"Confirm Password\")\n                          .test('passwords-match', 'Passwords must match', function (value) { return this.parent.password === value}),\n    });\n\n    //Form submit function\n    const onSubmitChangePassword = (values) => {\n      // Activate loading indicator\n      saving.value = true;\n      const loader = loading.show()\n      ApiService.post(\"auth/reset-password\", {\n        password: values.password,\n        token: token.value\n      })\n      .then(res => {        \n        loader.hide()\n        store.dispatch(Actions.VERIFY_AUTH)\n        saving.value = false;\n        Swal.fire({\n          icon: \"success\",\n          title: \"เปลี่ยนรหัสผ่านสำเร็จ\",\n          timer: 1500,\n          didClose: () => {            \n            // router.replace(\"/\");\n            location.replace(\"/\")\n          }\n        })\n      });\n\n\n      // dummy delay\n      // setTimeout(() => {\n      //   // Send login request\n      //   store\n      //     .dispatch(Actions.FORGOT_PASSWORD, values)\n      //     .then(() => {\n      //       Swal.fire({\n      //         text: \"All is cool! Now you submit this form\",\n      //         icon: \"success\",\n      //         buttonsStyling: false,\n      //         confirmButtonText: \"Ok, got it!\",\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      //     .catch(() => {\n      //       // Alert then login failed\n      //       Swal.fire({\n      //         text: store.getters.getErrors[0],\n      //         icon: \"error\",\n      //         buttonsStyling: false,\n      //         confirmButtonText: \"Try again!\",\n      //         customClass: {\n      //           confirmButton: \"btn fw-bold btn-light-danger\",\n      //         },\n      //       });\n      //     });\n\n      //   // submitButton.value?.removeAttribute(\"data-kt-indicator\");\n      // }, 2000);\n    };\n\n    return {\n      onSubmitChangePassword,\n      forgotPassword,\n      // submitButton,\n      saving,\n    };\n  },\n});\n</script>\n","\nimport { defineComponent, reactive, ref } from \"vue\";\nimport { ErrorMessage, Field, Form } from \"vee-validate\";\nimport { useStore } from \"vuex\";\nimport { useRouter, useRoute } from \"vue-router\";\nimport { Actions } from \"@/store/enums/StoreEnums\";\nimport {useLoading} from 'vue-loading-overlay'\nimport * as Yup from \"yup\";\nimport Swal from \"sweetalert2/dist/sweetalert2.min.js\";\nimport ApiService from \"@/core/services/ApiService\";\n\nexport default defineComponent({\n  name: \"password-reset\",\n  components: {\n    Field,\n    Form,\n    ErrorMessage,\n  },\n  setup() {\n    const store = useStore();\n    const router = useRouter();\n    const route = useRoute();\n    const loading = useLoading();\n    const saving = ref(false);\n\n    let token  = ref(route.query.token)\n\n    if(!token.value && !!store.getters.currentUser) {\n      ApiService.get(\"auth/reset-password-token\")\n        .then(({data}) => {\n          token.value = data.token\n          //router.push({ name: \"ResetPassword\", query: { token: data.token } });\n        })\n    }\n\n    const formData = reactive({\n      password: null,\n      confirmPassword: null\n    }) \n    \n    \n    //Create form validation object\n    const forgotPassword = Yup.object().shape({\n      password: Yup.string().required().label(\"Password\"),\n      confirmPassword: Yup.string()\n                          .required()\n                          .label(\"Confirm Password\")\n                          .test('passwords-match', 'Passwords must match', function (value) { return this.parent.password === value}),\n    });\n\n    //Form submit function\n    const onSubmitChangePassword = (values) => {\n      // Activate loading indicator\n      saving.value = true;\n      const loader = loading.show()\n      ApiService.post(\"auth/reset-password\", {\n        password: values.password,\n        token: token.value\n      })\n      .then(res => {        \n        loader.hide()\n        store.dispatch(Actions.VERIFY_AUTH)\n        saving.value = false;\n        Swal.fire({\n          icon: \"success\",\n          title: \"เปลี่ยนรหัสผ่านสำเร็จ\",\n          timer: 1500,\n          didClose: () => {            \n            // router.replace(\"/\");\n            location.replace(\"/\")\n          }\n        })\n      });\n\n\n      // dummy delay\n      // setTimeout(() => {\n      //   // Send login request\n      //   store\n      //     .dispatch(Actions.FORGOT_PASSWORD, values)\n      //     .then(() => {\n      //       Swal.fire({\n      //         text: \"All is cool! Now you submit this form\",\n      //         icon: \"success\",\n      //         buttonsStyling: false,\n      //         confirmButtonText: \"Ok, got it!\",\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      //     .catch(() => {\n      //       // Alert then login failed\n      //       Swal.fire({\n      //         text: store.getters.getErrors[0],\n      //         icon: \"error\",\n      //         buttonsStyling: false,\n      //         confirmButtonText: \"Try again!\",\n      //         customClass: {\n      //           confirmButton: \"btn fw-bold btn-light-danger\",\n      //         },\n      //       });\n      //     });\n\n      //   // submitButton.value?.removeAttribute(\"data-kt-indicator\");\n      // }, 2000);\n    };\n\n    return {\n      onSubmitChangePassword,\n      forgotPassword,\n      // submitButton,\n      saving,\n    };\n  },\n});\n","import { render } from \"./ResetPassword.vue?vue&type=template&id=6ec2c4ee\"\nimport script from \"./ResetPassword.vue?vue&type=script&lang=ts\"\nexport * from \"./ResetPassword.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script"],"sourceRoot":""}