{"version":3,"file":"static/js/7.61adc158.chunk.js","mappings":"6QAKO,MAAMA,EAAmBC,UAC5B,IACI,MAAM,OAACC,EAAM,KAAEC,SAAcC,EAAAA,EAAMC,IAAI,GAAGC,EAAAA,EAAUC,yBAA0B,KACvEC,EAAAA,EAAAA,QAGP,MAAM,CAACN,SAAOC,OAClB,CAAE,MAAOM,GACL,MAAO,CAAEP,OAAQO,EAAMC,KAAMC,QAASF,EAAME,QAChD,GAGSC,EAAkBX,UAC3B,IACI,MAAM,OAACC,EAAM,KAACC,SAAcC,EAAAA,EAAMS,KAAK,GAAGP,EAAAA,EAAUC,yBAA0BO,EAAK,KAC5EN,EAAAA,EAAAA,QAGP,MAAM,CAACN,SAAOC,OAClB,CAAE,MAAOM,GACL,MAAO,CAAEP,OAAQO,EAAMC,KAAMC,QAASF,EAAME,QAChD,GAGSI,EAAoBd,UAC7B,IACI,MAAM,OAACC,EAAM,KAACC,SAAcC,EAAAA,EAAMC,IAAI,GAAGC,EAAAA,EAAUC,yBAAyBS,IAAM,KAC3ER,EAAAA,EAAAA,QAGP,MAAM,CAACN,SAAOC,OAClB,CAAE,MAAOM,GACL,MAAO,CAAEP,OAAQO,EAAMC,KAAMC,QAASF,EAAME,QAChD,GAGSM,EAAehB,MAAOe,EAAIF,KACnC,IACI,MAAM,OAACZ,EAAM,KAACC,SAAcC,EAAAA,EAAMS,KAAK,GAAGP,EAAAA,EAAUC,0BAA0BS,IAAMF,EAAK,KAClFN,EAAAA,EAAAA,QAGP,MAAM,CAACN,SAAOC,OAClB,CAAE,MAAOM,GACL,MAAO,CAAEP,OAAQO,EAAMC,KAAMC,QAASF,EAAME,QAChD,GAGSO,EAAejB,UACxB,IACI,MAAM,OAACC,EAAM,KAACC,SAAcC,EAAAA,EAAMC,IAAI,GAAGC,EAAAA,EAAUC,0BAA0BS,IAAM,KAC5ER,EAAAA,EAAAA,QAGP,MAAM,CAACN,SAAOC,OAClB,CAAE,MAAOM,GACL,MAAO,CAAEP,OAAQO,EAAMC,KAAMC,QAASF,EAAME,QAChD,E,uGCuRJ,UA/UA,WAA0B,IAADQ,EAAAC,EACrB,MAAMC,GAAWC,EAAAA,EAAAA,MACXC,GAAWC,EAAAA,EAAAA,OAEVC,EAAWC,KADHC,EAAAA,EAAAA,OACmBC,EAAAA,EAAAA,WAAS,KACpCC,EAAaC,IAAkBF,EAAAA,EAAAA,UAAS,CAACG,MAAM,GAAIpB,QAAQ,GAAIqB,UAAU,KACzEC,EAASC,IAAcN,EAAAA,EAAAA,WAAS,IAChCO,EAAUC,IAAeR,EAAAA,EAAAA,UAAS,KAClCS,EAAeC,IAAmBV,EAAAA,EAAAA,UAAS,KAC3CW,EAAiBC,IAAsBZ,EAAAA,EAAAA,UAAS,KAChDa,EAAsBC,IAA2Bd,EAAAA,EAAAA,UAAS,KAC1De,EAAWC,IAAgBhB,EAAAA,EAAAA,UAAS,CACvC,WACA,cAEGiB,EAAWC,IAAgBlB,EAAAA,EAAAA,UAAS,CACvC,SACA,YAEGmB,EAAaC,IAAkBpB,EAAAA,EAAAA,WAAS,IACxCqB,EAAMC,IAAWtB,EAAAA,EAAAA,UAAS,KAC1BuB,EAAWC,IAAgBxB,EAAAA,EAAAA,UAAS,KACpCyB,EAAOC,IAAY1B,EAAAA,EAAAA,UAAS,KAC5B2B,EAAYC,IAAiB5B,EAAAA,EAAAA,UAAS,KACtC6B,EAAQC,IAAa9B,EAAAA,EAAAA,UAAS,KAC9B+B,EAAaC,IAAkBhC,EAAAA,EAAAA,UAAS,KACxCiC,EAAgBC,IAAqBlC,EAAAA,EAAAA,WAAS,IAErDmC,EAAAA,EAAAA,YAAU,KAAO,IAADC,EACK,QAAjBA,EAAG3C,EAAS4C,aAAK,IAAAD,GAAdA,EAAgBhD,IACfkD,GACJ,GACD,IAEH,MAWMC,EAAY,6BACZC,EAAeC,IACjB,MAAMC,EAAQD,EAAEE,OAAOD,MACV,KAAVA,GACChB,EAASgB,GACTd,EAAc,uBACNW,EAAUK,KAAKF,IAIvBhB,EAASgB,GACTd,EAAc,MAJdF,EAASgB,GACTd,EAAc,4BAIlB,EAGEiB,EAAgBJ,IAClB,GAAmB,oBAATA,EAAEK,MAAuBL,EAAEK,IAAIC,MAAM,UAA0B,IAAdN,EAAEO,SAA+B,MAAdP,EAAEO,SAAiC,KAAdP,EAAEO,SAAgC,KAAdP,EAAEO,SAAgC,KAAdP,EAAEO,SAAgC,IAAdP,EAAEO,SAA+B,KAAdP,EAAEO,SAAgC,KAAdP,EAAEO,QAGpM,OAFAP,EAAEQ,sBACFjB,EAAe,oCAInB,MAAMU,EAAQD,EAAEE,OAAOD,MACV,KAAVA,GACCZ,EAAUY,GACVV,EAAe,gCAEfF,EAAUY,GACVV,EAAe,IACnB,EAqCEM,EAAiBjE,UAAa,IAAD6E,EAE/B5C,GAAW,GACX,MAAM6C,QAAYhE,EAAAA,EAAAA,IAAgC,QAAf+D,EAACzD,EAAS4C,aAAK,IAAAa,OAAA,EAAdA,EAAgB9D,IACpDkB,GAAW,GACM,KAAd6C,EAAI7E,SAEHgD,EAAQ6B,EAAI5E,KAAK6E,MAAM,GAAGC,aAC1B3B,EAASyB,EAAI5E,KAAK6E,MAAM,GAAGE,cAC3BxB,EAAUqB,EAAI5E,KAAK6E,MAAM,GAAGG,MAC5B/C,EAAY2C,EAAI5E,KAAK6E,MAAM,GAAG7C,UAC9BK,EAAmBuC,EAAI5E,KAAK6E,MAAM,GAAG7C,UACzC,EAwGJ,OACIiD,EAAAA,EAAAA,MAAAC,EAAAA,SAAA,CAAAC,SAAA,EACIC,EAAAA,EAAAA,KAAA,OAAKC,UAAU,iBAAgBF,UAC3BC,EAAAA,EAAAA,KAAA,OAAKC,UAAU,gDAA+CF,UAC1DF,EAAAA,EAAAA,MAAA,MAAII,UAAU,0CAA0CC,MAAO,CAACC,SAAS,QAAQJ,SAAA,EAC7EC,EAAAA,EAAAA,KAACI,EAAAA,GAAI,CAACH,UAAU,yBAAyBI,GAAG,kBAAiBN,UACzDC,EAAAA,EAAAA,KAAA,KAAGC,UAAU,oCAAoCC,MAAO,CAACI,MAAM,gBAEnEN,EAAAA,EAAAA,KAAA,QAAMC,UAAU,aAAaC,MAAO,CAACK,aAAa,qBAAqBR,SAAC,2BAIpFC,EAAAA,EAAAA,KAAA,OAAKC,UAAU,GAAEF,UACbF,EAAAA,EAAAA,MAAA,OAAKI,UAAU,uDAAuDC,MAAO,CAACM,aAAa,QAAQT,SAAA,EAC/FF,EAAAA,EAAAA,MAAA,QAAMY,SAnHP/F,UACXoE,EAAEQ,iBACF,IAAIoB,GAAU,EA8Cd,GA5CY,KAAThD,GACCG,EAAa,qBACb6C,GAAU,GAEV7C,EAAa,IAGJ,KAAVC,GAAiBc,EAAUK,KAAKnB,GAQ/BG,EAAc,KAPVW,EAAUK,KAAKnB,GAGfG,EAAc,sBAFdA,EAAc,4BAIlByC,GAAU,GAKV5C,EAAMsB,MAAM,gCACZnB,EAAc,4BACdyC,GAAU,GAGA,KAAXxC,GACCG,EAAe,8BACfqC,GAAU,GAEVrC,EAAe,IAGH,KAAbzB,GACCG,EAAiB,yBACjB2D,GAAU,GAEV3D,EAAiB,IAGE,KAApBC,GACCG,EAAwB,kCACxBuD,GAAU,GAEVvD,EAAwB,IAGzBP,IAAaI,EAGZ,OAFAb,GAAa,QACbI,EAAe,CAACC,MAAM,GAAIpB,QAAQ,qDAMzB,IAADuF,EAAZ,GAFAlD,EAAeiD,GAEZA,EAEC,GAAiB,QAAjBC,EAAG7E,EAAS4C,aAAK,IAAAiC,GAAdA,EAAgBlF,GAAI,CAAC,IAADmF,EAEI,OADnBC,EAAQ3C,GACH4C,OAAO,KACZD,EAAQ,MAAMA,EAAME,UAAU,MAGlCpE,GAAW,GACX,MAAM6C,QAAY9D,EAAAA,EAAAA,IAA2B,QAAfkF,EAAC9E,EAAS4C,aAAK,IAAAkC,OAAA,EAAdA,EAAgBnF,GAAG,CAACiE,YAAahC,EAAMI,MAAOA,EAAO8B,KAAMiB,IAC1FlE,GAAW,GACM,KAAd6C,EAAI7E,QAAiB6E,EAAI5E,KAAKoG,SAAS,+BACtC7E,GAAa,GACbI,EAAe,CAACC,MAAO,GAAIpB,QAAS,oCAAqCqB,UAAU,MAEnFN,GAAa,GACbI,EAAe,CAACC,MAAO,GAAIpB,QAASoE,EAAI5E,KAAM6B,UAAU,IAEhE,KAAO,CACH,IAAIoE,EACmB,OADnBA,EAAQ3C,GACH4C,OAAO,GACZD,EAAQ,MAAMA,EAAME,UAAU,KAEjB,KAAVF,GAA0B,MAAVA,IACfA,EAAQ,IAAIA,KAIpBlE,GAAW,GACX,MAAM6C,QAAYnE,EAAAA,EAAAA,IAAgB,CAACqE,YAAahC,EAAMiC,aAAc7B,EAAO8B,KAAMiB,EAAOjE,SAAUA,IAClGD,GAAW,GACM,KAAd6C,EAAI7E,QAAiB6E,EAAI5E,KAAKoG,SAAS,gCACtC7E,GAAa,GACbI,EAAe,CAACC,MAAM,GAAIpB,QAAQ,0BAA2BqB,UAAU,MAEvEN,GAAa,GACbI,EAAe,CAACC,MAAM,QAASpB,QAAQoE,EAAI5E,KAAM6B,UAAU,IAEnE,MAGAN,GAAa,GACbI,EAAe,CAACC,MAAO,QAASpB,QAAS,0BAA2BqB,UAAU,GAClF,EAgBmCsD,SAAA,EACnBC,EAAAA,EAAAA,KAAA,OAAKC,UAAU,sCAAqCF,UAChDF,EAAAA,EAAAA,MAAA,OAAKI,UAAU,MAAKF,SAAA,EACZF,EAAAA,EAAAA,MAAA,OAAKI,UAAU,YAAWF,SAAA,EACtBC,EAAAA,EAAAA,KAAA,OAAKC,UAAU,mCAAkCF,UAC7CC,EAAAA,EAAAA,KAAA,SAAOE,MAAO,CAACe,WAAW,QAAQlB,SAAC,YAEvCC,EAAAA,EAAAA,KAAA,SAAOkB,KAAK,OAAOjB,UAAW,0DAAuE,KAAdrC,EAAmB,GAAK,WAAauD,SAtN5IrC,IAChB,MAAMC,EAAQD,EAAEE,OAAOD,MACV,KAAVA,GACCpB,EAAQoB,GACRlB,EAAa,uBAEbF,EAAQoB,GACRlB,EAAa,IACjB,EA8MkLkB,MAAOrB,KACzJsC,EAAAA,EAAAA,KAAA,QAAMC,UAAW,sBAAmC,KAAdrC,EAAmB,SAAW,IAAMsC,MAAO,CAACC,SAAS,QAAQJ,SAAEnC,QAEzGiC,EAAAA,EAAAA,MAAA,OAAKI,UAAU,YAAWF,SAAA,EACtBC,EAAAA,EAAAA,KAAA,OAAKC,UAAU,mCAAkCF,UAC7CC,EAAAA,EAAAA,KAAA,SAAOE,MAAO,CAACe,WAAW,QAAQlB,SAAC,YAExB,QAAdnE,EAAAE,EAAS4C,aAAK,IAAA9C,GAAdA,EAAgBH,IACbuE,EAAAA,EAAAA,KAAA,SAAOkB,KAAK,OAAOjB,UAAW,sEAAoF,KAAfjC,EAAoB,GAAK,WAAavC,GAAG,cAAc0F,SAAUtC,EAAaE,MAAOjB,EAAOsD,SAAU9C,KAEzM0B,EAAAA,EAAAA,KAAA,SAAOkB,KAAK,OAAOjB,UAAW,sEAAoF,KAAfjC,EAAoB,GAAK,WAAavC,GAAG,cAAc0F,SAAUtC,EAAaE,MAAOjB,KAE5LkC,EAAAA,EAAAA,KAAA,QAAMC,UAAW,sBAAoC,KAAfjC,EAAoB,SAAW,IAAMkC,MAAO,CAACC,SAAS,QAAQJ,SAAE/B,QAE1G6B,EAAAA,EAAAA,MAAA,OAAKI,UAAU,YAAWF,SAAA,EACtBC,EAAAA,EAAAA,KAAA,OAAKC,UAAU,mCAAkCF,UAC7CC,EAAAA,EAAAA,KAAA,SAAOE,MAAO,CAACe,WAAW,QAAQlB,SAAC,eAEvCC,EAAAA,EAAAA,KAAA,SAAOkB,KAAK,MAAMG,UAAWnC,EAAce,UAAW,0DAAyE,KAAhB7B,EAAqB,GAAK,WAAa+C,SAAUjC,EAAcH,MAAOb,KACrL8B,EAAAA,EAAAA,KAAA,QAAMC,UAAW,sBAAqC,KAAhB7B,EAAqB,SAAW,IAAM8B,MAAO,CAACC,SAAS,QAAQJ,SAAE3B,SAGxF,QAAfvC,EAACC,EAAS4C,aAAK,IAAA7C,GAAdA,EAAgBJ,MACboE,EAAAA,EAAAA,MAAA,OAAKI,UAAU,MAAKF,SAAA,EAChBF,EAAAA,EAAAA,MAAA,OAAKI,UAAU,YAAWF,SAAA,EACtBC,EAAAA,EAAAA,KAAA,OAAKC,UAAU,mCAAkCF,UAC7CC,EAAAA,EAAAA,KAAA,SAAOE,MAAO,CAACe,WAAW,QAAQlB,SAAC,gBAEvCF,EAAAA,EAAAA,MAAA,OAAKI,UAAU,gBAAeF,SAAA,EAC1BF,EAAAA,EAAAA,MAAA,OAAKI,UAAU,uCAAsCF,SAAA,EACjDC,EAAAA,EAAAA,KAAA,SAAOkB,KAAM9D,EAAU,GAAI6C,UAAW,0DAA2E,KAAlBnD,EAAuB,GAAK,WAAaqE,SAzMxKrC,IACpB,MAAMC,EAAQD,EAAEE,OAAOD,MACV,KAAVA,GACClC,EAAYkC,GACZhC,EAAiB,2BAEjBF,EAAYkC,GACZhC,EAAiB,IACrB,EAiMsNgC,MAAOnC,KACzKoD,EAAAA,EAAAA,KAAA,QAAMC,UAAW,sBAAuC,KAAlBnD,EAAuB,SAAW,IAAMoD,MAAO,CAACC,SAAS,QAAQJ,SAAEjD,QAE7GkD,EAAAA,EAAAA,KAAA,OAAKC,UAAU,0BAA0BC,MAAO,CAACoB,UAAW,UAAUvB,UAClEC,EAAAA,EAAAA,KAAA,KAAGC,UAAW,MAAM3C,EAAU,WAAY4C,MAAO,CAACqB,OAAQ,WAAYC,QAASA,KAC3EnE,EAAa,CACQ,aAAjBD,EAAU,GAAoB,OAAS,WACvCA,EAAU,KAEdG,EAAa,CACQ,aAAjBH,EAAU,GAAoB,eAAiB,SAC/CE,EAAU,IACZ,aAKlBuC,EAAAA,EAAAA,MAAA,OAAKI,UAAU,YAAWF,SAAA,EACtBC,EAAAA,EAAAA,KAAA,OAAKC,UAAU,mCAAkCF,UAC7CC,EAAAA,EAAAA,KAAA,SAAOE,MAAO,CAACe,WAAW,QAAQlB,SAAC,wBAEvCF,EAAAA,EAAAA,MAAA,OAAKI,UAAU,gBAAeF,SAAA,EAC1BF,EAAAA,EAAAA,MAAA,OAAKI,UAAU,6BAA4BF,SAAA,EACvCC,EAAAA,EAAAA,KAAA,SAAOkB,KAAM9D,EAAU,GAAI6C,UAAW,0DAAkF,KAAzB/C,EAA8B,GAAK,WAAaiE,SArNxKrC,IAC3B,MAAMC,EAAQD,EAAEE,OAAOD,MACV,KAAVA,GACC9B,EAAmB8B,GACnB5B,EAAwB,kCAErB4B,IAAUnC,GACTK,EAAmB8B,GACnB5B,EAAwB,mCAExBF,EAAmB8B,GACnB5B,EAAwB,IAEhC,EAwMoO4B,MAAO/B,KACvLgD,EAAAA,EAAAA,KAAA,QAAMC,UAAW,sBAA8C,KAAzB/C,EAA8B,SAAW,IAAMgD,MAAO,CAACC,SAAS,QAAQJ,SAAE7C,QAEpH8C,EAAAA,EAAAA,KAAA,OAAKC,UAAU,0BAA0BC,MAAO,CAACoB,UAAW,UAAUvB,UAClEC,EAAAA,EAAAA,KAAA,KAAGC,UAAW,MAAM3C,EAAU,WAAY4C,MAAO,CAACqB,OAAQ,WAAYC,QAASA,KAC3EnE,EAAa,CACTD,EAAU,GACO,aAAjBA,EAAU,GAAoB,OAAS,aAE3CG,EAAa,CACTD,EAAU,GACO,aAAjBF,EAAU,GAAoB,eAAiB,UACjD,qBAU1C4C,EAAAA,EAAAA,KAAA,OAAKC,UAAU,gEAA+DF,UAC1EC,EAAAA,EAAAA,KAAA,UAAQkB,KAAK,SAASjB,UAAU,0BAA0BC,MAAO,CAACC,SAAS,OAAQsB,SAAS,QAASC,OAAO,QAAQ3B,SAAC,iBAG7HC,EAAAA,EAAAA,KAAC2B,EAAAA,EAAY,CAACC,QAAS1F,EAAW2F,aAAcvF,EAAYE,MAAOpB,QAASkB,EAAYlB,QAAS0G,YAAY,0BAA0BN,QA/NnIO,KAChB5F,GAAa,GACVG,EAAYG,UACXT,EAAS,kBACb,KA4NYgE,EAAAA,EAAAA,KAACgC,EAAAA,EAAY,CAACJ,QAASlF,EAASoF,YAAY,0BAKhE,C","sources":["services/API/mod_member.js","views/daftar-anggota/form.js"],"sourcesContent":["import axios from \"axios\"\r\nimport { appConfig } from \"../../config\";\r\nimport { jsonHeaderAuth, refreshAuthLogic } from \"../fetchTools\";\r\n\r\n\r\nexport const getAllDataMember = async () => {\r\n    try {\r\n        const {status, data} = await axios.get(`${appConfig.BASE_API}/member/getAll`, {\r\n            ...jsonHeaderAuth()\r\n        })\r\n\r\n        return{status,data}\r\n    } catch (error) {\r\n        return { status: error.code, message: error.message }\r\n    }\r\n}\r\n\r\nexport const createNewMember = async (req) => {\r\n    try {\r\n        const {status,data} = await axios.post(`${appConfig.BASE_API}/member/create`, req, {\r\n            ...jsonHeaderAuth()\r\n        })\r\n\r\n        return{status,data}\r\n    } catch (error) {\r\n        return { status: error.code, message: error.message }\r\n    }\r\n}\r\n\r\nexport const getDataMemberById = async (id) => {\r\n    try {\r\n        const {status,data} = await axios.get(`${appConfig.BASE_API}/member/getId/${id}`, {\r\n            ...jsonHeaderAuth()\r\n        })\r\n\r\n        return{status,data}\r\n    } catch (error) {\r\n        return { status: error.code, message: error.message }\r\n    }\r\n}\r\n\r\nexport const updateMember = async (id, req) => {\r\n    try {\r\n        const {status,data} = await axios.post(`${appConfig.BASE_API}/member/update/${id}`, req, {\r\n            ...jsonHeaderAuth()\r\n        })\r\n\r\n        return{status,data}\r\n    } catch (error) {\r\n        return { status: error.code, message: error.message }\r\n    }\r\n}\r\n\r\nexport const deleteMember = async (id) => {\r\n    try {\r\n        const {status,data} = await axios.get(`${appConfig.BASE_API}/member/delete/${id}`, {\r\n            ...jsonHeaderAuth()\r\n        })\r\n\r\n        return{status,data}\r\n    } catch (error) {\r\n        return { status: error.code, message: error.message }\r\n    }\r\n}","import React, { Component, useState, useEffect } from \"react\";\r\nimport { Link, useLocation, useNavigate, useParams } from \"react-router-dom\";\r\nimport LoadingAlert from \"../../component/alert/loadingAlert\";\r\nimport ConfirmAlert from \"../../component/alert/confirmAlert\";\r\nimport { createNewMember, getDataMemberById, updateMember } from \"../../services/API/mod_member\";\r\n\r\nfunction TambahAnggota() {\r\n    const location = useLocation()\r\n    const navigate = useNavigate()\r\n    const params = useParams()\r\n    const [showPopup, setShowPopup] = useState(false)\r\n    const [alertOption, setAlertOption] = useState({title:'', message:'', redirect: false})\r\n    const [loading, setLoading] = useState(false)\r\n    const [password, setPassword] = useState('')\r\n    const [errorPassword, setErrorPassword]= useState('')\r\n    const [confirmPassword, setConfirmPassword] = useState('')\r\n    const [errorConfirmPassword, setErrorConfirmPassword] = useState('')\r\n    const [typeInput, setTypeInput] = useState([\r\n        'password',\r\n        'password'\r\n    ])\r\n    const [iconClass, setIconClass] = useState([\r\n        'fa-eye',\r\n        'fa-eye'\r\n    ])\r\n    const [isFormValid, setIsFormValid] = useState(false)\r\n    const [nama, setNama] = useState('')\r\n    const [errorNama, setErrorNama] = useState('')\r\n    const [email, setEmail] = useState('')\r\n    const [errorEmail, setErrorEmail] = useState('')\r\n    const [noTelp, setNoTelp] = useState('')\r\n    const [errorNoTelp, setErrorNoTelp] = useState('')\r\n    const [isFormDisabled, setIsFormDisabled] = useState(true)\r\n\r\n    useEffect(() => {\r\n        if(location.state?.id) {\r\n            dataMemberById()\r\n        }\r\n    }, []);\r\n\r\n    const handleNama = (e) => {\r\n        const value = e.target.value\r\n        if(value === \"\") {\r\n            setNama(value)\r\n            setErrorNama(\"Silahkan isi nama\")\r\n        } else {\r\n            setNama(value)\r\n            setErrorNama('')\r\n        }\r\n    }\r\n\r\n    const emailText = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/\r\n    const handleEmail = (e) => {\r\n        const value = e.target.value\r\n        if(value === \"\") {\r\n            setEmail(value)\r\n            setErrorEmail(\"Silahkan isi email\")\r\n        } else if (!emailText.test(value)) {\r\n            setEmail(value)\r\n            setErrorEmail('Format email tidak valid')\r\n        } else {\r\n            setEmail(value)\r\n            setErrorEmail('')\r\n        }\r\n    }\r\n    \r\n    const handleNoTelp = (e) => {\r\n        if(typeof e.key != 'undefined' && !e.key.match(/^\\d+$/) && e.keyCode !== 8 && e.keyCode !== 187 && e.keyCode !== 16 && e.keyCode !== 36 && e.keyCode !== 35 && e.keyCode !== 9 && e.keyCode !== 39 && e.keyCode !== 37) {\r\n            e.preventDefault()\r\n            setErrorNoTelp('Nomor telepon harus berupa angka')\r\n            return\r\n        } \r\n\r\n        const value = e.target.value\r\n        if(value === \"\") {\r\n            setNoTelp(value)\r\n            setErrorNoTelp(\"Silahkan isi nomor telepon\")\r\n        } else  {\r\n            setNoTelp(value)\r\n            setErrorNoTelp('')\r\n        }\r\n    }\r\n\r\n    const handlePassword = (e) => {\r\n        const value = e.target.value\r\n        if(value === \"\") {\r\n            setPassword(value)\r\n            setErrorPassword(\"Silahkan isi password\")\r\n        } else {\r\n            setPassword(value)\r\n            setErrorPassword('')\r\n        }\r\n    }\r\n\r\n    const handleConfirmPassword = (e) => {\r\n        const value = e.target.value\r\n        if(value === \"\") {\r\n            setConfirmPassword(value)\r\n            setErrorConfirmPassword(\"Silahkan isi kembali password\")\r\n        } else {\r\n            if(value !== password) {\r\n                setConfirmPassword(value)\r\n                setErrorConfirmPassword('Masukkan sesuai password baru')\r\n            } else {\r\n                setConfirmPassword(value)\r\n                setErrorConfirmPassword('')\r\n            }\r\n        }\r\n    }\r\n\r\n    const handlePopup = () => {\r\n        setShowPopup(false)\r\n        if(alertOption.redirect) {\r\n            navigate('/daftar_anggota')\r\n        }\r\n    }\r\n\r\n    const dataMemberById = async () => {\r\n        // console.log(location.state?.id)\r\n        setLoading(true)\r\n        const res = await getDataMemberById(location.state?.id)\r\n        setLoading(false)\r\n        if(res.status == 200) {\r\n            // console.log(res.data)\r\n            setNama(res.data.Table[0].namalengkap)\r\n            setEmail(res.data.Table[0].emailaddress)\r\n            setNoTelp(res.data.Table[0].telp)\r\n            setPassword(res.data.Table[0].password)\r\n            setConfirmPassword(res.data.Table[0].password)\r\n        }\r\n    }\r\n\r\n    const submit = async (e) => {\r\n        e.preventDefault()\r\n        let isValid = true\r\n\r\n        if(nama === \"\") {\r\n            setErrorNama(\"Silahkan isi nama\")\r\n            isValid = false\r\n        } else {\r\n            setErrorNama('')\r\n        }\r\n\r\n        if(email === \"\" || !emailText.test(email)) {\r\n            if(!emailText.test(email)) {\r\n                setErrorEmail(\"Format email tidak valid\")\r\n            } else {\r\n                setErrorEmail(\"Silahkan isi email\")\r\n            }\r\n            isValid = false\r\n        } else {\r\n            setErrorEmail('')\r\n        }\r\n\r\n        if(!email.match(/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/)) {\r\n            setErrorEmail(\"Format email tidak valid\")\r\n            isValid = false\r\n        }\r\n\r\n        if(noTelp === \"\") {\r\n            setErrorNoTelp(\"Silahkan isi nomor telepon\")\r\n            isValid = false\r\n        } else {\r\n            setErrorNoTelp('')\r\n        }\r\n\r\n        if(password === \"\") {\r\n            setErrorPassword(\"Silahkan isi password\")\r\n            isValid = false\r\n        } else {\r\n            setErrorPassword('')\r\n        }\r\n\r\n        if(confirmPassword === \"\") {\r\n            setErrorConfirmPassword(\"Silahkan isi kembali password \")\r\n            isValid = false\r\n        } else {\r\n            setErrorConfirmPassword('')\r\n        }\r\n\r\n        if(password !== confirmPassword) {\r\n            setShowPopup(true)\r\n            setAlertOption({title:'', message:'Silahkan isi ulang password sesuai password baru'})\r\n            return\r\n        }\r\n\r\n        setIsFormValid(isValid)\r\n\r\n        if(isValid) {\r\n\r\n            if(location.state?.id) {\r\n                var phone = noTelp\r\n                if(phone.charAt(0) === '0') {\r\n                    phone = `+62${phone.substring(1)}`\r\n                }\r\n\r\n                setLoading(true)\r\n                const res = await updateMember(location.state?.id,{namalengkap: nama, email: email, telp: phone})\r\n                setLoading(false)\r\n                if(res.status == 200 && res.data.includes('Succes update nama & email')) {\r\n                    setShowPopup(true)\r\n                    setAlertOption({title: '', message: 'Berhasil memperbarui data anggota', redirect: true})\r\n                } else {\r\n                    setShowPopup(true)\r\n                    setAlertOption({title: '', message: res.data, redirect: false})\r\n                }\r\n            } else {\r\n                var phone = noTelp\r\n                if(phone.charAt(0) === '0') {\r\n                    phone = `+62${phone.substring(1)}`\r\n                } else {\r\n                    if(phone !== '' && phone !== '+') {\r\n                        phone = `+${phone}`\r\n                    }\r\n                }\r\n                \r\n                setLoading(true)\r\n                const res = await createNewMember({namalengkap: nama, emailaddress: email, telp: phone, password: password})\r\n                setLoading(false)\r\n                if(res.status == 200 && res.data.includes('Success insert new register')) {\r\n                    setShowPopup(true)\r\n                    setAlertOption({title:'', message:'Berhasil tambah anggota', redirect: true})\r\n                } else {\r\n                    setShowPopup(true)\r\n                    setAlertOption({title:'Error', message:res.data, redirect: false})\r\n                }\r\n            }\r\n\r\n        } else {\r\n            setShowPopup(true)\r\n            setAlertOption({title: 'Error', message: 'please fill empty field', redirect: false})\r\n        }\r\n    }\r\n    return (\r\n        <>\r\n            <div className=\"responsive-bar\">\r\n                <div className=\"d-flex mx-md-auto my-md-2 my-0 default-height\">\r\n                    <h4 className=\"title-icare title-fitur m-0 p-0 fw-bold\" style={{fontSize:'18px'}}>\r\n                        <Link className=\"nav-link d-inline me-3\" to=\"/daftar_anggota\">\r\n                            <i className=\"fa fa-arrow-left color-arrow-left\" style={{color:'#014C90'}}></i>\r\n                        </Link>\r\n                        <span className=\"title-bold\" style={{borderBottom:'3px solid #014C90'}}>Tambah Anggota</span>\r\n                    </h4>\r\n                </div>\r\n            </div>\r\n            <div className=\"\">\r\n                <div className=\"card border-0 responsive-member mt-lg-4 mt-md-4 mt-0\" style={{borderRadius:'20px'}}>\r\n                    <form onSubmit={submit}>\r\n                        <div className=\"card-body px-lg-4 px-md-2 px-2 pt-0\">\r\n                            <div className=\"row\">\r\n                                    <div className=\"card-body\">\r\n                                        <div className=\"card-label font-size-12px-mobile\">\r\n                                            <label style={{fontWeight:'bold'}}>Nama</label>\r\n                                        </div>\r\n                                        <input type=\"text\" className={`form-control border-only-bottom font-size-11px-mobile ${errorNama === \"\" ? \"\" : \"invalid\"}`} onChange={handleNama} value={nama} />\r\n                                        <span className={`text-danger small ${errorNama === \"\" ? \"d-none\" : \"\"}`} style={{fontSize:'12px'}}>{errorNama}</span>\r\n                                    </div>\r\n                                    <div className=\"card-body\">\r\n                                        <div className=\"card-label font-size-12px-mobile\">\r\n                                            <label style={{fontWeight:'bold'}}>Email</label>\r\n                                        </div>\r\n                                        {location.state?.id ? (\r\n                                            <input type=\"text\" className={`form-control input-email border-only-bottom font-size-11px-mobile ${errorEmail === \"\" ? \"\" : \"invalid\"}`} id=\"input-email\" onChange={handleEmail} value={email} disabled={isFormDisabled} />\r\n                                        ): (\r\n                                            <input type=\"text\" className={`form-control input-email border-only-bottom font-size-11px-mobile ${errorEmail === \"\" ? \"\" : \"invalid\"}`} id=\"input-email\" onChange={handleEmail} value={email}/>\r\n                                        )}\r\n                                        <span className={`text-danger small ${errorEmail === \"\" ? \"d-none\" : \"\"}`} style={{fontSize:'12px'}}>{errorEmail}</span>\r\n                                    </div>\r\n                                    <div className=\"card-body\">\r\n                                        <div className=\"card-label font-size-12px-mobile\">\r\n                                            <label style={{fontWeight:'bold'}}>No.Telp</label>\r\n                                        </div>\r\n                                        <input type=\"tel\" onKeyDown={handleNoTelp} className={`form-control border-only-bottom font-size-11px-mobile ${errorNoTelp === \"\" ? \"\" : \"invalid\"}`} onChange={handleNoTelp} value={noTelp} />\r\n                                        <span className={`text-danger small ${errorNoTelp === \"\" ? \"d-none\" : \"\"}`} style={{fontSize:'12px'}}>{errorNoTelp}</span>\r\n                                    </div>\r\n                                    {\r\n                                        !location.state?.id && (\r\n                                            <div className=\"p-0\">\r\n                                                <div className=\"card-body\">\r\n                                                    <div className=\"card-label font-size-12px-mobile\">\r\n                                                        <label style={{fontWeight:'bold'}}>Password</label>\r\n                                                    </div>\r\n                                                    <div className=\"d-flex col-12\">\r\n                                                        <div className=\"col-lg-11 col-md-11 col-10 col-md-11\">\r\n                                                            <input type={typeInput[0]} className={`form-control border-only-bottom font-size-11px-mobile ${errorPassword === \"\" ? \"\" : \"invalid\"}`} onChange={handlePassword} value={password} />\r\n                                                            <span className={`text-danger small ${errorPassword === \"\" ? \"d-none\" : \"\"}`} style={{fontSize:'12px'}}>{errorPassword}</span>\r\n                                                        </div>\r\n                                                        <div className=\"col-lg-1 col-md-1 col-2\" style={{textAlign: 'center'}}>\r\n                                                            <i className={`fa ${iconClass[0]} fa-lg`} style={{cursor: 'pointer'}} onClick={() => {\r\n                                                                setTypeInput([\r\n                                                                    typeInput[0] === 'password' ? 'text' : 'password',\r\n                                                                    typeInput[1]\r\n                                                                ])\r\n                                                                setIconClass([\r\n                                                                    typeInput[0] === 'password' ? 'fa-eye-slash' : 'fa-eye',\r\n                                                                    iconClass[1]\r\n                                                                ])\r\n                                                            }}></i>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n                                                <div className=\"card-body\">\r\n                                                    <div className=\"card-label font-size-12px-mobile\">\r\n                                                        <label style={{fontWeight:'bold'}}>Confirm Password</label>\r\n                                                    </div>\r\n                                                    <div className=\"d-flex col-12\">\r\n                                                        <div className=\"col-lg-11 col-10 col-md-11\">\r\n                                                            <input type={typeInput[1]} className={`form-control border-only-bottom font-size-11px-mobile ${errorConfirmPassword === \"\" ? \"\" : \"invalid\"}`} onChange={handleConfirmPassword} value={confirmPassword} />\r\n                                                            <span className={`text-danger small ${errorConfirmPassword === \"\" ? \"d-none\" : \"\"}`} style={{fontSize:'12px'}}>{errorConfirmPassword}</span>\r\n                                                        </div>\r\n                                                        <div className=\"col-md-1 col-lg-1 col-2\" style={{textAlign: 'center'}}>\r\n                                                            <i className={`fa ${iconClass[1]} fa-lg`} style={{cursor: 'pointer'}} onClick={() => {\r\n                                                                setTypeInput([\r\n                                                                    typeInput[0],\r\n                                                                    typeInput[1] === 'password' ? 'text' : 'password'\r\n                                                                ])\r\n                                                                setIconClass([\r\n                                                                    iconClass[0],\r\n                                                                    typeInput[1] === 'password' ? 'fa-eye-slash' : 'fa-eye'\r\n                                                                ])\r\n                                                            }}></i>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                        )\r\n                                    }\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"col-md-12 mt-4 mb-4 text-center d-flex justify-content-center\">\r\n                            <button type=\"submit\" className=\"btn btn-login py-2 px-5\" style={{fontSize:'14px', maxWidth:'200px', height:'43px'}}>SIMPAN</button>\r\n                        </div>\r\n                    </form>\r\n                    <ConfirmAlert visible={showPopup} titleMessage={alertOption.title} message={alertOption.message} customClass=\"col-md-3 col-sm-6 col-8\" onClick={handlePopup}/>\r\n                    <LoadingAlert visible={loading} customClass=\"col-md-2 col-8\"/>\r\n                </div>\r\n            </div>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default TambahAnggota"],"names":["getAllDataMember","async","status","data","axios","get","appConfig","BASE_API","jsonHeaderAuth","error","code","message","createNewMember","post","req","getDataMemberById","id","updateMember","deleteMember","_location$state5","_location$state6","location","useLocation","navigate","useNavigate","showPopup","setShowPopup","useParams","useState","alertOption","setAlertOption","title","redirect","loading","setLoading","password","setPassword","errorPassword","setErrorPassword","confirmPassword","setConfirmPassword","errorConfirmPassword","setErrorConfirmPassword","typeInput","setTypeInput","iconClass","setIconClass","isFormValid","setIsFormValid","nama","setNama","errorNama","setErrorNama","email","setEmail","errorEmail","setErrorEmail","noTelp","setNoTelp","errorNoTelp","setErrorNoTelp","isFormDisabled","setIsFormDisabled","useEffect","_location$state","state","dataMemberById","emailText","handleEmail","e","value","target","test","handleNoTelp","key","match","keyCode","preventDefault","_location$state2","res","Table","namalengkap","emailaddress","telp","_jsxs","_Fragment","children","_jsx","className","style","fontSize","Link","to","color","borderBottom","borderRadius","onSubmit","isValid","_location$state3","_location$state4","phone","charAt","substring","includes","fontWeight","type","onChange","disabled","onKeyDown","textAlign","cursor","onClick","maxWidth","height","ConfirmAlert","visible","titleMessage","customClass","handlePopup","LoadingAlert"],"sourceRoot":""}