{"version":3,"file":"static/js/586.8255f6ca.chunk.js","mappings":"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","sources":["views/ubah-password/index.js"],"sourcesContent":["import { useState } from \"react\";\r\nimport ConfirmAlert from \"../../component/alert/confirmAlert\";\r\nimport LoadingAlert from \"../../component/alert/loadingAlert\";\r\nimport { Link, useNavigate } from \"react-router-dom\";\r\nimport { updatePasswordById } from \"../../services/API\";\r\n\r\nfunction UpdatePassword() {\r\n  const navigate = useNavigate();\r\n  const [oldPassword, setOldPassword] = useState(\"\");\r\n  const [newPassword, setNewPassword] = useState(\"\");\r\n  const [repeatPassword, setRepeatPassword] = useState(\"\");\r\n  const [errorNewPassword, setErrorNewPassword] = useState(\"\");\r\n  const [errorOldPassword, setErrorOldPassword] = useState(\"\");\r\n  const [errorRepeatPassword, setErrorRepeatPassword] = useState(\"\");\r\n  const [showPopup, setShowPopup] = useState(false);\r\n  const [alertOption, setAlertOption] = useState({\r\n    title: \"\",\r\n    message: \"\",\r\n    redirect: \"\",\r\n    url: \"\",\r\n  });\r\n  const [loading, setLoading] = useState(false);\r\n  const [typeInput, setTypeInput] = useState([\r\n    \"password\",\r\n    \"password\",\r\n    \"password\",\r\n  ]);\r\n  const [iconClass, setIconClass] = useState([\"fa-eye\", \"fa-eye\", \"fa-eye\"]);\r\n\r\n  const handlePopup = () => {\r\n    if (alertOption.redirect) {\r\n      setShowPopup(false);\r\n      navigate(alertOption.url);\r\n    } else {\r\n      setShowPopup(false);\r\n    }\r\n  };\r\n\r\n  async function submit(e) {\r\n    e.preventDefault();\r\n    if (newPassword === \"\") setErrorNewPassword(\"Silahkan isi kata sandi baru\");\r\n    if (oldPassword === \"\") setErrorOldPassword(\"Silahkan isi kata sandi lama\");\r\n    if (repeatPassword === \"\")\r\n      setErrorRepeatPassword(\"Silahkan ulangi isi kata sandi\");\r\n    if (newPassword !== repeatPassword) {\r\n      setShowPopup(true);\r\n      setAlertOption({\r\n        title: \"\",\r\n        message: \"Inputkan konfirmasi password sesuai password baru\",\r\n        redirect: false,\r\n      });\r\n      return;\r\n    }\r\n    if (\r\n      oldPassword === newPassword &&\r\n      oldPassword !== \"\" &&\r\n      newPassword !== \"\" &&\r\n      repeatPassword\r\n    ) {\r\n      setShowPopup(true);\r\n      setAlertOption({\r\n        title: \"\",\r\n        message: \"Password baru sama dengan password lama\",\r\n        redirect: false,\r\n        url: \"\",\r\n      });\r\n      return;\r\n    }\r\n    if (oldPassword !== \"\" && newPassword !== \"\" && repeatPassword !== \"\") {\r\n      setLoading(true);\r\n      const res = await updatePasswordById({\r\n        userid: localStorage.getItem(\"id\"),\r\n        oldPassword: oldPassword,\r\n        newPassword: newPassword,\r\n      });\r\n      setLoading(false);\r\n      if (res.status === 200 && res.data !== null) {\r\n        if (res.data === \"Old password not match\") {\r\n          setShowPopup(true);\r\n          // setAlertOption({title: '', message: res.data, redirect: false, url: ''})\r\n          setAlertOption({\r\n            title: \"\",\r\n            message: \"Password lama tidak cocok. Silakan coba lagi\",\r\n            redirect: false,\r\n            url: \"\",\r\n          });\r\n        } else if (res.data === \"Userid not found\") {\r\n          setShowPopup(true);\r\n          setAlertOption({\r\n            title: \"\",\r\n            message: \"Gagal ubah password. Silakan coba lagi\",\r\n            redirect: false,\r\n            url: \"\",\r\n          });\r\n        } else if (res.data.includes(\"Succes\")) {\r\n          setShowPopup(true);\r\n          setAlertOption({\r\n            title: \"\",\r\n            message: \"Sukses ubah password\",\r\n            redirect: true,\r\n            url: \"/dashboard\",\r\n          });\r\n        } else if (res.data.includes(\"Password must be\")) {\r\n          setShowPopup(true);\r\n          setAlertOption({\r\n            title: \"\",\r\n            message: res.data,\r\n            redirect: false,\r\n            url: \"\",\r\n          });\r\n        } else {\r\n          setShowPopup(true);\r\n          setAlertOption({\r\n            title: \"\",\r\n            message: \"Gagal ubah password. \" + res.data,\r\n            redirect: false,\r\n            url: \"\",\r\n          });\r\n        }\r\n        // console.log(res.data)\r\n      }\r\n    } else {\r\n      setShowPopup(true);\r\n      setAlertOption({\r\n        title: \"error\",\r\n        message: \"Harap isi seluruh data\",\r\n        redirect: false,\r\n        url: \"\",\r\n      });\r\n    }\r\n  }\r\n\r\n  const validationNewPassword = (e) => {\r\n    e.preventDefault();\r\n    setNewPassword(e.target.value);\r\n    if (e.target.value === \"\") {\r\n      setErrorNewPassword(\"Silahkan isi kata sandi baru\");\r\n      return;\r\n    }\r\n\r\n    if (e.target.value.length < 12) {\r\n      setErrorNewPassword(\"Kata sandi harus terdiri dari minimal 12 karakter. Kombinasi huruf besar, huruf kecil, angka, dan simbol\");\r\n      return;\r\n    }\r\n\r\n    if (\r\n      !e.target.value.match(\r\n        /^(?=.*[0-9])(?=.*[!@#$%^&*])[a-zA-Z0-9!@#$%^&*]{12,}$/\r\n      )\r\n    ) {\r\n      setErrorNewPassword(\r\n        \"Kata sandi harus terdiri dari minimal 12 karakter. Kombinasi huruf besar, huruf kecil, angka, dan simbol\"\r\n      );\r\n      return;\r\n    }\r\n\r\n    setErrorNewPassword(\"\");\r\n  };\r\n\r\n  const validationOldPassword = (e) => {\r\n    e.preventDefault();\r\n    setOldPassword(e.target.value);\r\n    if (e.target.value === \"\") {\r\n      setErrorOldPassword(\"Silahkan isi kata sandi lama\");\r\n      return;\r\n    }\r\n\r\n    setErrorOldPassword(\"\");\r\n  };\r\n\r\n  const validationRepeatPassword = (e) => {\r\n    e.preventDefault();\r\n    setRepeatPassword(e.target.value);\r\n    if (e.target.value === \"\") {\r\n      setErrorRepeatPassword(\"Silahkan isi ulang kata sandi baru\");\r\n      return;\r\n    }\r\n    if (e.target.value !== newPassword) {\r\n      setErrorRepeatPassword(\"Masukkan sesuai kata sandi baru\");\r\n      return;\r\n    }\r\n\r\n    if (e.target.value.length < 12) {\r\n      setErrorRepeatPassword(\r\n        \"Kata sandi harus terdiri dari minimal 12 karakter. Kombinasi huruf besar, huruf kecil, angka, dan simbol\"\r\n      );\r\n      return;\r\n    }\r\n\r\n    if (\r\n      !e.target.value.match(\r\n        /^(?=.*[0-9])(?=.*[!@#$%^&*])[a-zA-Z0-9!@#$%^&*]{12,}$/\r\n      )\r\n    ) {\r\n      setErrorRepeatPassword(\r\n        \"Kata sandi harus terdiri dari minimal 12 karakter. Kombinasi huruf besar, huruf kecil, angka, dan simbol\"\r\n      );\r\n      return;\r\n    }\r\n\r\n    setErrorRepeatPassword(\"\");\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <div className=\"responsive-bar\">\r\n        <div\r\n          className=\"card-title mx-md-auto my-md-3 my-0\"\r\n          style={{ borderBottom: \"3px solid #014C90\", width: \"134px\" }}\r\n        >\r\n          <h4\r\n            className=\"title-icare title-fitur m-0 p-0 fw-bold\"\r\n            style={{ fontSize: \"18px\" }}\r\n          >\r\n            <Link to=\"/dashboard\" className=\"nav-link d-md-none d-inline me-3\">\r\n              <i className=\"fa fa-arrow-left\"></i>\r\n            </Link>\r\n            <span className=\"title-bold\">Ubah Kata Sandi</span>\r\n          </h4>\r\n        </div>\r\n      </div>\r\n      <div className=\"col-md-7 col-12 mx-auto responsive-ubah-pass\">\r\n        <div className=\"card mb-5 px-2 px-md-4\">\r\n          <div className=\"card-body p-lg-5 px-0 input-mobile\">\r\n            <form onSubmit={submit} className=\"col-12\">\r\n              <div className=\"mb-3\">\r\n                <label\r\n                  className=\"fw-medium form-control border border-dark size-13px\"\r\n                  style={{\r\n                    backgroundColor: \"#014C90\",\r\n                    borderRadius: \"0px\",\r\n                    color: \"white\",\r\n                  }}\r\n                >\r\n                  Masukkan Kata Sandi Lama\r\n                </label>\r\n                <div className=\"border border-dark\">\r\n                  <div className=\"d-flex\">\r\n                    <div className=\"col-11\">\r\n                      <input\r\n                        type={typeInput[0]}\r\n                        className={`form-control border-0 ${\r\n                          errorOldPassword === \"\" ? \"\" : \"is-invalid\"\r\n                        }`}\r\n                        style={{ boxShadow: \"none\", textDecoration: \"none\" }}\r\n                        onChange={validationOldPassword}\r\n                      />\r\n                    </div>\r\n                    <div\r\n                      className=\"col-1 my-auto text-center\"\r\n                      style={{ paddingLeft: 0 }}\r\n                    >\r\n                      <i\r\n                        className={`fa ${iconClass[0]} fa-lg`}\r\n                        onClick={() => {\r\n                          setTypeInput([\r\n                            typeInput[0] === \"password\" ? \"text\" : \"password\",\r\n                            typeInput[1],\r\n                            typeInput[2],\r\n                          ]);\r\n                          setIconClass([\r\n                            typeInput[0] === \"password\"\r\n                              ? \"fa-eye-slash\"\r\n                              : \"fa-eye\",\r\n                            iconClass[1],\r\n                            iconClass[2],\r\n                          ]);\r\n                        }}\r\n                      ></i>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"row\">\r\n                    <div className=\"col-12\">\r\n                      <span\r\n                        className={`text-danger small mx-2 ${\r\n                          errorOldPassword === \"\" ? \"d-none\" : \"\"\r\n                        }`}\r\n                        style={{ fontSize: 12 }}\r\n                      >\r\n                        {errorOldPassword}\r\n                      </span>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div className=\"mb-3\">\r\n                <label\r\n                  className=\"fw-medium form-control border border-dark size-13px\"\r\n                  style={{\r\n                    backgroundColor: \"#014C90\",\r\n                    borderRadius: \"0px\",\r\n                    color: \"white\",\r\n                  }}\r\n                >\r\n                  Masukkan Kata Sandi Baru\r\n                </label>\r\n                <div className=\"border border-dark\">\r\n                  <div className=\"d-flex\">\r\n                    <div className=\"col-11\">\r\n                      <input\r\n                        type={typeInput[1]}\r\n                        className={`form-control border-0 ${\r\n                          errorNewPassword === \"\" ? \"\" : \"is-invalid\"\r\n                        }`}\r\n                        style={{ boxShadow: \"none\", textDecoration: \"none\" }}\r\n                        onChange={validationNewPassword}\r\n                      />\r\n                    </div>\r\n                    <div\r\n                      className=\"col-1 my-auto text-center\"\r\n                      style={{ paddingLeft: 0 }}\r\n                    >\r\n                      <i\r\n                        className={`fa ${iconClass[1]} fa-lg`}\r\n                        onClick={() => {\r\n                          setTypeInput([\r\n                            typeInput[0],\r\n                            typeInput[1] === \"password\" ? \"text\" : \"password\",\r\n                            typeInput[2],\r\n                          ]);\r\n                          setIconClass([\r\n                            iconClass[0],\r\n                            typeInput[1] === \"password\"\r\n                              ? \"fa-eye-slash\"\r\n                              : \"fa-eye\",\r\n                            iconClass[2],\r\n                          ]);\r\n                        }}\r\n                      ></i>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"row\">\r\n                    <div className=\"col-12\">\r\n                      <span\r\n                        className={`text-danger small mx-2 ${\r\n                          errorNewPassword === \"\" ? \"d-none\" : \"\"\r\n                        }`}\r\n                        style={{ fontSize: 12 }}\r\n                      >\r\n                        {errorNewPassword}\r\n                      </span>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div className=\"mb-4\">\r\n                <label\r\n                  className=\"fw-medium form-control border border-dark size-13px\"\r\n                  style={{\r\n                    backgroundColor: \"#014C90\",\r\n                    borderRadius: \"0px\",\r\n                    color: \"white\",\r\n                  }}\r\n                >\r\n                  Ulangi Kata Sandi Baru\r\n                </label>\r\n                <div className=\"border border-dark\">\r\n                  <div className=\"d-flex\">\r\n                    <div className=\"col-11\">\r\n                      <input\r\n                        type={typeInput[2]}\r\n                        className={`form-control border-0 ${\r\n                          errorRepeatPassword === \"\" ? \"\" : \"is-invalid\"\r\n                        }`}\r\n                        style={{ boxShadow: \"none\", textDecoration: \"none\" }}\r\n                        onChange={validationRepeatPassword}\r\n                      />\r\n                    </div>\r\n                    <div\r\n                      className=\"col-1 my-auto text-center\"\r\n                      style={{ paddingLeft: 0 }}\r\n                    >\r\n                      <i\r\n                        className={`fa ${iconClass[2]} fa-lg`}\r\n                        onClick={() => {\r\n                          setTypeInput([\r\n                            typeInput[0],\r\n                            typeInput[1],\r\n                            typeInput[2] === \"password\" ? \"text\" : \"password\",\r\n                          ]);\r\n                          setIconClass([\r\n                            iconClass[0],\r\n                            iconClass[1],\r\n                            typeInput[2] === \"password\"\r\n                              ? \"fa-eye-slash\"\r\n                              : \"fa-eye\",\r\n                          ]);\r\n                        }}\r\n                      ></i>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"row\">\r\n                    <div className=\"col-12\">\r\n                      <span\r\n                        className={`text-danger small mx-2 ${\r\n                          errorRepeatPassword === \"\" ? \"d-none\" : \"\"\r\n                        }`}\r\n                        style={{ fontSize: \"12px\" }}\r\n                      >\r\n                        {\" \"}\r\n                        {errorRepeatPassword}{\" \"}\r\n                      </span>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div className=\"text-center\">\r\n                <button\r\n                  className=\"btn btn-login px-5 py-2 fw-medium\"\r\n                  type=\"submit\"\r\n                >\r\n                  Submit\r\n                </button>\r\n              </div>\r\n            </form>\r\n            <ConfirmAlert\r\n              visible={showPopup}\r\n              message={alertOption.message}\r\n              onClick={handlePopup}\r\n              customClass=\"col-md-3 col-sm-6 col-9\"\r\n            />\r\n            <LoadingAlert visible={loading} customClass=\"col-md-2 col-9\" />\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </>\r\n  );\r\n}\r\n\r\nexport default UpdatePassword;"],"names":["navigate","useNavigate","oldPassword","setOldPassword","useState","newPassword","setNewPassword","repeatPassword","setRepeatPassword","errorNewPassword","setErrorNewPassword","errorOldPassword","setErrorOldPassword","errorRepeatPassword","setErrorRepeatPassword","showPopup","setShowPopup","alertOption","setAlertOption","title","message","redirect","url","loading","setLoading","typeInput","setTypeInput","iconClass","setIconClass","_jsxs","_Fragment","children","_jsx","className","style","borderBottom","width","fontSize","Link","to","onSubmit","async","e","preventDefault","res","updatePasswordById","userid","localStorage","getItem","status","data","includes","backgroundColor","borderRadius","color","type","boxShadow","textDecoration","onChange","target","value","paddingLeft","onClick","length","match","ConfirmAlert","visible","handlePopup","customClass","LoadingAlert"],"sourceRoot":""}