{"version":3,"file":"static/js/952.926b127f.chunk.js","mappings":"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","sources":["views/data-diri/index.js"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\r\nimport { Component } from \"react\";\r\nimport ConfirmAlert from \"../../component/alert/confirmAlert\";\r\nimport { updateDataDiriById, getDataDiri, updateWhatsapp } from \"../../services/API\";\r\nimport LoadingAlert from \"../../component/alert/loadingAlert\";\r\nimport { Link, useNavigate } from \"react-router-dom\";\r\nimport { setUser } from \"../../core/local-storage\";\r\nimport { settoken } from \"../../services/fetchTools\";\r\n\r\n\r\nfunction DataDiri() {\r\n  const [ isEditName, setIsEditName ] = useState(false)\r\n  const [ isEditPhone, setIsEditPhone ] = useState(false)\r\n  const [ isEditEmail, setIsEditEmail ] = useState(false)\r\n  const [ showSuccessPopup, setShowSuccessPopup ] = useState(false)\r\n  const [ showErrorPopup, setShowErrorPopup ] = useState(false)\r\n  const [ loading, setLoading ] = useState(false)\r\n  const [ name, setName ] = useState('')\r\n  const [ email, setEmail ] = useState('')\r\n  const [ phone, setPhone ] = useState('')\r\n  const [ isEmailVerified, setIsEmailVerified ] = useState(false)\r\n  const [ isWhatsappVerified, setIsWhatsappVerified ] = useState(false)\r\n  const [ instansi, setInstansi ] = useState('')\r\n  const [ dataName, setDataName ] = useState('')\r\n  const [ dataPhone, setDataPhone ] = useState('')\r\n  const [ errorDataName, setErrorDataName ] = useState('')\r\n  const [ errorDataPhone, setErrorDataPhone ] = useState('')\r\n  const [ errorDataEmail, setErrorDataEmail ] = useState('')\r\n  const [ dataCollectMeter, setDataCollectMeter ] = useState([])\r\n  const [ dataDiri, setDataDiri ] = useState([])\r\n  const [ errorMessage, setErrorMessage ] = useState('')\r\n\r\n  const navigate = useNavigate()\r\n\r\n  useEffect(() => {\r\n    init()\r\n  }, []);\r\n\r\n  async function init() {\r\n    setLoading(true)\r\n    const res = await getDataDiri();\r\n\r\n    setLoading(false)\r\n    if (res.status === 200) {\r\n        if (res.data.Table != undefined)\r\n        {\r\n          setName(res.data.Table[0].namalengkap)\r\n          setEmail(res.data.Table[0].emailaddress)\r\n          setPhone(res.data.Table[0].telp ?? '')\r\n          setInstansi(res.data.Table[0].namaperusahaan)\r\n          setIsEmailVerified(res.data.Table[0].isEmailVerified)\r\n          setIsWhatsappVerified(res.data.Table[0].isWhatsappVerified)\r\n        } \r\n    }\r\n  }\r\n\r\n  const handlePopup = () => {\r\n    setShowSuccessPopup(false)\r\n    setShowErrorPopup(false)\r\n  }\r\n\r\n  const handleEditName = () => {\r\n    setIsEditName(true)\r\n  }\r\n\r\n  const handleEditPhone = () => {\r\n    setIsEditPhone(true)\r\n  }\r\n\r\n  const handleEditEmail = () => {\r\n    setIsEditEmail(true)\r\n  }\r\n\r\n  const handleChangeName = (event) => {\r\n    const value = event.target.value;\r\n    if(value === \"\") {\r\n      setName(event.target.value)\r\n      setErrorDataName('Silahkan isi nama')\r\n    } else {\r\n      setName(event.target.value)\r\n      setErrorDataName('')\r\n    }\r\n  }\r\n\r\n  const handleChangePhone = (event) => {\r\n  setPhone(event.target.value)\r\n    const value = event.target.value;\r\n    if(value === \"\") {\r\n      setErrorDataPhone('Silahkan isi nomor telepon')\r\n      return\r\n    } else if(!value.match(/^(\\+\\d{1,3})?\\d{8,15}$/) || value.length < 9 || value.length > 16) {\r\n      setErrorDataPhone('No Telepon tidak valid')\r\n      return\r\n    } else {\r\n      setErrorDataPhone('')\r\n      return\r\n    }\r\n  }\r\n\r\n  const handleChangeEmail = (event) => {\r\n    const value = event.target.value;\r\n    if(value === \"\") {\r\n      setEmail(event.target.value)\r\n      setErrorDataEmail('Silahkan isi email')\r\n    } else if (!value.match(/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/)) {\r\n      setEmail(value)\r\n      setErrorDataEmail('Format email tidak valid')\r\n    } else {\r\n      setEmail(event.target.value)\r\n      setErrorDataEmail('')\r\n    }\r\n  }\r\n\r\n  const handleSubmitName = () => {\r\n    setIsEditName(false)\r\n  }\r\n\r\n  const handleSubmitPhone = () => {\r\n    setIsEditPhone(false)\r\n  };\r\n\r\n  const handleSubmitEmail = () => {\r\n    setIsEditEmail(false)\r\n  };\r\n\r\n  async function submit(event) {\r\n    event.preventDefault();\r\n\r\n    let isValid = true;\r\n    setShowSuccessPopup(false)\r\n    setShowErrorPopup(false)\r\n    setErrorMessage(\"\")\r\n\r\n    if (name === \"\") {\r\n      setErrorDataName('Silahkan isi nama')\r\n      isValid = false;\r\n    } else {\r\n      setErrorDataName('')\r\n    }\r\n\r\n    var tlp = phone.toString().replaceAll(\" \",\"\")\r\n    if (tlp === \"\") {\r\n      setErrorDataPhone('Silahkan isi nomor telepon')\r\n      isValid = false;\r\n    } else if(!tlp.match(/^(\\+\\d{1,3})?\\d{8,15}$/) || tlp.length < 9 || tlp.length > 16) {\r\n      setErrorDataPhone('No Telepon tidak valid')\r\n      isValid = false\r\n    } else {\r\n      setErrorDataPhone('')\r\n    }\r\n\r\n    if (email === \"\") {\r\n      setErrorDataEmail('Silahkan isi email')\r\n      isValid = false;\r\n    } else if (!email.match(/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/)) {\r\n      setErrorDataEmail('Format email tidak valid')\r\n      isValid = false;\r\n    } else {\r\n      setErrorDataEmail('')\r\n    }\r\n\r\n    if (isValid) { \r\n      setLoading(true)\r\n      var telp = phone\r\n      if(telp.charAt(0) === '0') {\r\n        telp = `+62${telp.substring(1)}`\r\n      }\r\n      \r\n      // console.log(telp)\r\n      const res = await updateDataDiriById({namalengkap: name, emailaddress: email, telp: telp.toString().trim(), namaperusahaan: instansi})\r\n      setLoading(false)\r\n      if(res.status == 200 && res.data !== null) {\r\n        console.log('change result',res)\r\n        if(!res.data.hasOwnProperty('action')) {\r\n          if(res.data.includes('Nomer telepon  sudah terdaftar') || res.data.includes('Email sudah terdaftar')) {\r\n            setShowErrorPopup(true)\r\n            setErrorMessage(res.data)\r\n            console.log(1);\r\n          } else if(res.data.includes('token:')){\r\n            var newToken = res.data.toString().replaceAll(\"token:\",\"\")\r\n            console.log('newToken',newToken)\r\n            settoken(newToken)\r\n            setShowSuccessPopup(true)\r\n          } else {\r\n            setShowSuccessPopup(true)\r\n            setUser(name)\r\n            console.log(res.data);\r\n          }\r\n        } else {\r\n          console.log(3);\r\n          var data = res.data\r\n          // navigate(`/kode-otp/${window.btoa(JSON.stringify({...data, email: email, telp: phone.toString().trim(), name: name}))}`)\r\n          navigate('/kode-otp', {\r\n            state: {\r\n              firstlogin:false, \r\n              email: email,\r\n              name: name,\r\n              phone: telp.toString().trim(),\r\n              telp: telp.toString().trim(),\r\n              userid: data.userid,\r\n              msg: data,\r\n              jenisOTP:\"whatsapp\",\r\n              userLogin:localStorage.getItem('username')\r\n            }\r\n          })\r\n          \r\n        }\r\n      } else {\r\n        console.log(4);\r\n        setShowErrorPopup(true)\r\n      } \r\n    } else {\r\n      console.log(5);\r\n      setShowErrorPopup(true)\r\n      setErrorMessage(\"Data tidak valid\")\r\n    }\r\n  }\r\n  \r\n  async function verifyWhatsapp(event) {\r\n    event.preventDefault();\r\n\r\n    setShowErrorPopup(false)\r\n\r\n    var telp = phone\r\n    if(telp.charAt(0) === '0') {\r\n      telp = `+62${telp.substring(1)}`\r\n    } \r\n\r\n    setLoading(true)\r\n    const res = await updateWhatsapp({telp: phone, tipe : 'whatsapp' })\r\n    setLoading(false)\r\n    \r\n    if(res.status == 200 && res.data !== null) {\r\n      if (res.data.includes('Sukses')) {\r\n        var message = {action : 'Verify Whatsapp OTP', email: email}\r\n        navigate('/kode-otp', {\r\n          state: {\r\n            firstlogin:false, \r\n            email: email,\r\n            phone: telp.toString().trim(),\r\n            telp: telp.toString().trim(),\r\n            userid: localStorage.getItem('id'),\r\n            msg: message,\r\n            jenisOTP: \"whatsapp\",\r\n            redirectLink:\"/data-diri\",\r\n          }\r\n        })\r\n      } else {\r\n        setErrorDataPhone('Gagal verifikasi. ' + res.data)\r\n      }\r\n    } else {\r\n      setShowErrorPopup(true)\r\n      setErrorMessage(\"Oops! Terjadi kesalahan\")\r\n    } \r\n\r\n  }\r\n\r\n  async function verifyEmail(event) {\r\n    event.preventDefault();\r\n\r\n    setShowErrorPopup(false)\r\n\r\n    setLoading(true)\r\n    const res = await updateWhatsapp({telp: '', tipe : 'email' })\r\n    setLoading(false)\r\n    \r\n    if(res.status == 200 && res.data !== null) {\r\n      if (res.data.includes('Sukses')) {\r\n        var message = {action : 'Verify Email OTP', email: email}\r\n        navigate('/kode-otp', {\r\n            state: {\r\n              firstlogin:false, \r\n              email: email,\r\n              userid: localStorage.getItem('id'),\r\n              msg: message,\r\n              jenisOTP: \"email\",\r\n              redirectLink:\"/data-diri\",\r\n            }\r\n        })\r\n      } else {\r\n        setErrorDataPhone('Gagal verifikasi. ' + res.data)\r\n      }\r\n    } else {\r\n      setShowErrorPopup(true)\r\n      setErrorMessage(\"Oops! Terjadi kesalahan\")\r\n    } \r\n\r\n  }\r\n\r\n  async function cancel(event) {\r\n    event.preventDefault();\r\n    navigate('/dashboard')\r\n  }\r\n\r\n  async function submitTelp(event) {\r\n    event.preventDefault();\r\n\r\n    setIsEditPhone(false)\r\n    \r\n    let isValid = true;\r\n    setShowSuccessPopup(false)\r\n    setShowErrorPopup(false)\r\n    setErrorMessage(\"\")\r\n\r\n    var tlp = phone.toString().replaceAll(\" \",\"\")\r\n    if (tlp === \"\") {\r\n      setErrorDataPhone('Silahkan isi nomor telepon')\r\n      isValid = false;\r\n    } else if(!tlp.match(/^(\\+\\d{1,3})?\\d{8,15}$/) || tlp.length < 9 || tlp.length > 16) {\r\n      setErrorDataPhone('No Telepon tidak valid')\r\n      isValid = false\r\n    } else {\r\n      setErrorDataPhone('')\r\n    }\r\n\r\n    if (isValid) { \r\n      setLoading(true)\r\n      var telp = phone\r\n      if(telp.charAt(0) === '0') {\r\n        telp = `+62${telp.substring(1)}`\r\n      }\r\n      \r\n      var data = {\r\n        field : \"telp\",\r\n        value : telp.toString().trim()\r\n      }\r\n      \r\n      const res = await updateDataDiriById(data)\r\n      setLoading(false)\r\n      if(res.status == 200 && res.data !== null) {\r\n        \r\n        if(res.data.hasOwnProperty('action')) {\r\n          var data = res.data\r\n          navigate('/kode-otp', {\r\n            state: {\r\n              firstlogin:false, \r\n              email: email,\r\n              name: name,\r\n              phone: telp.toString().trim(),\r\n              telp: telp.toString().trim(),\r\n              userid: data.userid,\r\n              msg: data,\r\n              jenisOTP:\"whatsapp\",\r\n              userLogin:localStorage.getItem('username')\r\n            }\r\n          })\r\n        } else {\r\n          setShowSuccessPopup(true)\r\n          setUser(name)\r\n          console.log(res.data);\r\n        }\r\n\r\n      } else {\r\n        console.log(4);\r\n        setShowErrorPopup(true)\r\n      } \r\n\r\n    } else {\r\n      console.log(5);\r\n      setShowErrorPopup(true)\r\n      setErrorMessage(\"Data tidak valid\")\r\n    }\r\n  }\r\n\r\n  async function submitName(event) {\r\n    event.preventDefault();\r\n\r\n    setIsEditName(false)\r\n\r\n    let isValid = true;\r\n    setShowSuccessPopup(false)\r\n    setShowErrorPopup(false)\r\n    setErrorMessage(\"\")\r\n\r\n    if (name === \"\") {\r\n      setErrorDataName('Silahkan isi nama')\r\n      isValid = false;\r\n    } else {\r\n      setErrorDataName('')\r\n    }\r\n\r\n    if (isValid) { \r\n      setLoading(true)\r\n      \r\n      var data = {\r\n        field : \"nama\",\r\n        value : name\r\n      }\r\n\r\n      const res = await updateDataDiriById(data)\r\n      setLoading(false)\r\n      if(res.status == 200 && res.data !== null) {\r\n        setShowSuccessPopup(true)\r\n        setUser(name)\r\n        console.log(res.data);\r\n      } else {\r\n        console.log(4);\r\n        setShowErrorPopup(true)\r\n      } \r\n\r\n    } else {\r\n      console.log(5);\r\n      setShowErrorPopup(true)\r\n      setErrorMessage(\"Data tidak valid\")\r\n    }\r\n  }\r\n\r\n\r\n  return(\r\n    <>\r\n        {dataDiri.map((item) => (\r\n            <h5>{item.username}</h5>\r\n        ))}\r\n\r\n\r\n        <div className=\"input-mobile\">\r\n          <div className=\"responsive-bar\">\r\n            <div className=\"card-title mb-md-4 m-0 p-0\">\r\n              <h4 className=\"title-icare title-fitur m-0 p-0 fw-bold\" style={{fontSize: '18px'}}>\r\n                <Link to=\"/dashboard\" className=\"nav-link d-inline d-md-none me-3\">\r\n                  <i className=\"fa fa-arrow-left\"></i>\r\n                </Link>\r\n                <span className=\"title-bold\" style={{borderBottom: '3px solid #014C90'}}>Data Diri</span>\r\n              </h4>\r\n            </div>\r\n          </div>\r\n          <div className=\"responsive-data-diri\">\r\n            <div className=\"card px-3 mt-2 shadow border-0\" style={{ borderRadius: \"20px\" }} >\r\n              <div className=\"card-body p-2\">\r\n                <div className=\"row\">\r\n                  <div className=\"mb-lg-4 mb-2 p-0\">\r\n                    <div className=\"card\">\r\n                        <div className=\"card-lable p-md-2 form-color\" >\r\n                          <label className=\"font-size-12px-mobile fw-medium px-md-0 px-2\" style={{ fontSize: \"13px\", color: \"white\" }} >\r\n                            Nama\r\n                          </label>\r\n                        </div>\r\n                        <div className=\"border border-dark\">\r\n                          <div className=\"d-flex align-items-center my-lg-1 my-md-1 custom-width\" >\r\n                            {isEditName ? (\r\n                              <div className=\"card-text flex-grow-1\">\r\n                                <input type=\"text\" className={`font-size-11px-mobile form-control w-100 no-hover ${errorDataName !== \"\" ? \"border-danger border\" : \"\" }`} value={name} onChange={handleChangeName} />\r\n                                \r\n                              </div>\r\n                            ) : (\r\n                              <div className=\"card-text flex-grow-1 px-2 w-100\">\r\n                                <h6 className=\"font-size-11px-mobile my-auto\">{name}</h6>\r\n                              </div>\r\n                            )}\r\n                            <div className=\"col-md-auto\">\r\n                              {isEditName ? (\r\n                                <button className=\"font-size-12px-mobile btn data-diri title-icare fw-bold w-100\" onClick={submitName} style={{fontSize: 14}} >\r\n                                  Submit\r\n                                </button>\r\n                              ) : (\r\n                                <button className=\"font-size-12px-mobile btn data-diri title-icare fw-bold w-100\" onClick={handleEditName} style={{fontSize: 14}} >\r\n                                  Ubah\r\n                                </button>\r\n                              )}\r\n                            </div>\r\n                          </div>\r\n                          <div className=\"row\">\r\n                            <div className=\"col-12 mx-2\">\r\n                              <span className={`text-danger small font-size-11px-mobile ${ errorDataName !== \"\" ? \"\" : \"d-none\" }`} style={{ fontSize: \"12px\"}} > {errorDataName} </span>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                  </div>\r\n\r\n                  <div className=\"mb-lg-4 mb-2 p-0\">\r\n                    <div className=\"card\">\r\n                      <div className=\"card-label p-md-2 form-color\">\r\n                        <label className=\"font-size-12px-mobile fw-medium px-md-0 px-2\" style={{ fontSize: \"13px\", color: \"white\" }} >\r\n                          Email\r\n                        </label>\r\n                      </div>\r\n                      <div className=\"border border-dark py-2\">\r\n                        <div className=\"align-items-center my-lg-1 my-md-1 custom-width\">\r\n                          <div className=\"card-text flex-grow-1 px-2 w-100\">\r\n                            <h6 className=\"font-size-11px-mobile my-auto\">{email}</h6>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div className=\"d-flex gap-2 mt-1 align-items-center\">\r\n                      <span style={{ fontSize: \"12px\", color: isEmailVerified ? 'blue' :'red'}} > {isEmailVerified ? 'Email sudah diverifikasi' : 'Email belum diverifikasi '}</span>\r\n                        {!isEmailVerified && <button style={{ color:'white', backgroundColor:'#014C90', border:'none' }} className=\"rounded-4 px-4 py-1 d-flex\" onClick={verifyEmail}>\r\n                          <span style={{ fontSize: \"12px\"}}>Verify</span>\r\n                        </button>}\r\n                    </div>\r\n                  </div>\r\n\r\n                  <div className=\"mb-lg-4 mb-2 p-0\">\r\n                    <div className=\"card\">\r\n                      <div className=\"card-lable p-md-2 border form-color\" >\r\n                        <label className=\"font-size-12px-mobile fw-medium px-md-0 px-2\" style={{ fontSize: \"13px\", color: \"white\" }} >\r\n                          No Telepon\r\n                        </label>\r\n                      </div>\r\n                      <div className=\"border border-dark\">\r\n                        <div className=\"d-flex align-items-center my-lg-1 my-md-1 custom-width\" >\r\n                          {isEditPhone ? (\r\n                            <div className=\"card-text flex-grow-1\">\r\n                              <input type=\"tel\" className={`font-size-11px-mobile form-control input-data py-md-2 py-1 w-100 no-hover ${errorDataPhone !== \"\" ? \"border-danger border\" : \"\"}`} value={phone.toString().trim()} onChange={handleChangePhone} />\r\n                              \r\n                            </div>\r\n                          ) : (\r\n                            <div className=\"card-text flex-grow-1 px-2 mt-lg-1 w-100\">\r\n                              <h6 className=\"font-size-11px-mobile my-auto\">{phone}</h6>\r\n                            </div>\r\n                          )}\r\n                          <div className=\"col-md-auto\">\r\n                            {isEditPhone ? (\r\n                              <button className=\"font-size-12px-mobile btn data-diri title-icare fw-bold w-100\" onClick={submitTelp} style={{fontSize: 14}}>\r\n                                Submit\r\n                              </button>\r\n                            ) : (\r\n                              <button className=\"font-size-12px-mobile btn data-diri title-icare fw-bold w-100\" onClick={handleEditPhone} style={{fontSize: 14}}>\r\n                                Ubah\r\n                              </button>\r\n                            )}\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div className={`d-flex gap-2 mt-1 align-items-center ${errorDataPhone !== \"\" ? \"\" : \"d-none\" }`}>\r\n                      <span className={`text-danger small`} style={{ fontSize: \"12px\"}} > {errorDataPhone} </span>\r\n                    </div>\r\n                    <div className=\"d-flex gap-2 mt-1 align-items-center\">\r\n                      <span style={{ fontSize: \"12px\", color: isWhatsappVerified ? 'blue' :'red'}} > {isWhatsappVerified ? 'No Telepon sudah diverifikasi' : 'No Telepon belum diverifikasi '}</span>\r\n                        {!isWhatsappVerified && <button style={{ color:'white', backgroundColor:'#014C90', border:'none' }} className=\"rounded-4 px-4 py-1 d-flex\" onClick={verifyWhatsapp}>\r\n                          <span style={{ fontSize: \"12px\"}}>Verify</span>\r\n                        </button>}\r\n                    </div>\r\n                  </div>\r\n\r\n                  <div className=\"mb-lg-4 mb-2 p-0\">\r\n                    <div className=\"card\">\r\n                      <div className=\"card-label p-md-2 form-color\">\r\n                        <label className=\"font-size-12px-mobile fw-medium px-md-0 px-2\" style={{ fontSize: \"13px\", color: \"white\" }} >\r\n                          Nama Perusahaan/Instansi\r\n                        </label>\r\n                      </div>\r\n                      <div className=\"border border-dark py-2\">\r\n                        <div className=\"align-items-center my-lg-1 my-md-1 custom-width\">\r\n                          <div className=\"card-text flex-grow-1 px-2 w-100\">\r\n                            <h6 className=\"font-size-11px-mobile my-auto\">{instansi}</h6>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n\r\n                  <div className=\"col-md-12 text-center d-flex justify-content-center\">\r\n                    <button className=\"btn btn-login py-2 px-5\" style={{ fontSize: \"12px\", maxWidth: \"200px\" }} onClick={cancel} >\r\n                      OK\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n                <LoadingAlert visible={loading} customClass=\"col-md-2 col-8\" />\r\n                <ConfirmAlert visible={showSuccessPopup} message=\"Berhasil update data\" customClass=\"col-sm-3\" onClick={handlePopup}></ConfirmAlert>\r\n                <ConfirmAlert visible={showErrorPopup} titleMessage=\"Error\" message={errorMessage} customClass=\"col-sm-2\" onClick={handlePopup}></ConfirmAlert>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </>\r\n  )\r\n}\r\n\r\nexport default DataDiri"],"names":["isEditName","setIsEditName","useState","isEditPhone","setIsEditPhone","isEditEmail","setIsEditEmail","showSuccessPopup","setShowSuccessPopup","showErrorPopup","setShowErrorPopup","loading","setLoading","name","setName","email","setEmail","phone","setPhone","isEmailVerified","setIsEmailVerified","isWhatsappVerified","setIsWhatsappVerified","instansi","setInstansi","dataName","setDataName","dataPhone","setDataPhone","errorDataName","setErrorDataName","errorDataPhone","setErrorDataPhone","errorDataEmail","setErrorDataEmail","dataCollectMeter","setDataCollectMeter","dataDiri","setDataDiri","errorMessage","setErrorMessage","navigate","useNavigate","useEffect","async","res","getDataDiri","status","_res$data$Table$0$tel","undefined","data","Table","namalengkap","emailaddress","telp","namaperusahaan","init","handlePopup","_jsxs","_Fragment","children","map","item","_jsx","username","className","style","fontSize","Link","to","borderBottom","borderRadius","color","type","value","onChange","event","target","onClick","preventDefault","isValid","field","updateDataDiriById","setUser","console","log","handleEditName","backgroundColor","border","updateWhatsapp","tipe","includes","message","action","state","firstlogin","userid","localStorage","getItem","msg","jenisOTP","redirectLink","toString","trim","match","length","tlp","replaceAll","charAt","substring","hasOwnProperty","userLogin","handleEditPhone","maxWidth","LoadingAlert","visible","customClass","ConfirmAlert","titleMessage"],"sourceRoot":""}