{"version":3,"file":"static/js/6729.4dda9f44.chunk.js","mappings":"mLAMA,MA+CA,EA/CcA,KACZ,MAAMC,GAAWC,EAAAA,EAAAA,MACXC,GAAeC,EAAAA,EAAAA,QAAY,MAE3BC,GAAeC,EAAAA,EAAAA,KAAaC,GAAeA,EAAMC,YAAYH,gBAC7D,KAAEI,IAASH,EAAAA,EAAAA,KAAaC,GAAeA,EAAMC,cAC7CE,EAAeL,EAAaM,UAAe,OAAJF,QAAI,IAAJA,OAAI,EAAJA,EAAMG,0BAA2BC,OAAOC,QAI/EC,EAAaA,KACjBd,GAASe,EAAAA,EAAAA,IAAmB,CAAEC,OAAQ,GAAIC,QAAS,KAAM,EAe3D,OAZAC,EAAAA,EAAAA,YAAU,KACJhB,EAAaiB,SACfC,aAAalB,EAAaiB,SAE5BjB,EAAaiB,QAAUE,WAAWP,EAAYL,GACvC,KACDP,EAAaiB,SACfC,aAAalB,EAAaiB,QAC5B,IAED,CAACf,EAAcK,KAGhBa,EAAAA,EAAAA,MAAA,OAAKC,UAAU,kBAAiBC,SAAA,CAEJ,YAAxBpB,EAAaY,SACbM,EAAAA,EAAAA,MAAA,OAAKC,UAAU,kDAAkDE,KAAK,QAAOD,SAAA,EAC3EE,EAAAA,EAAAA,KAAA,QAAMC,wBAAyB,CAACC,OAAmB,OAAZxB,QAAY,IAAZA,OAAY,EAAZA,EAAca,YACrDS,EAAAA,EAAAA,KAAA,UAAQG,KAAK,SAASN,UAAU,YAAY,kBAAgB,QAAQ,aAAW,QAAQO,QAAShB,OAI1E,UAAxBV,EAAaY,SACbM,EAAAA,EAAAA,MAAA,OAAKC,UAAU,iDAAiDE,KAAK,QAAOD,SAAA,EAE1EE,EAAAA,EAAAA,KAAA,QAAMC,wBAAyB,CAACC,OAAiC,MAAd,OAAZxB,QAAY,IAAZA,OAAY,EAAZA,EAAca,SAA6B,OAAZb,QAAY,IAAZA,OAAY,EAAZA,EAAca,QAAU,6BAC9FS,EAAAA,EAAAA,KAAA,UAAQG,KAAK,SAASN,UAAU,YAAY,kBAAgB,QAAQ,aAAW,QAAQO,QAAShB,SAGhG,C","sources":["components/common/alert/alert.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\r\nimport { useSelector } from 'react-redux';\r\nimport { useDispatch } from 'react-redux'\r\nimport { updateAlertMessage } from \"../../../api-integration/commonSlice\";\r\n\r\n\r\nconst Alert = () => {\r\n  const dispatch = useDispatch();\r\n  const timeoutIdRef = useRef<any>(null);\r\n\r\n  const alertMessage = useSelector((state: any) => state.commonSlice.alertMessage);\r\n  const { user } = useSelector((state: any) => state.commonSlice);\r\n  const timeoutValue = alertMessage.timeout || user?.usrMessageAlertDuration || Number(process.env.REACT_APP_ALERT_TIMEOUT);\r\n\r\n  //const timeoutValue = alertMessage.timeout || Number(process.env.REACT_APP_ALERT_TIMEOUT);\r\n\r\n  const closeAlert = () => {\r\n    dispatch(updateAlertMessage({ status: '', message: '' }));\r\n  }\r\n\r\n  useEffect(() => {\r\n    if (timeoutIdRef.current) {\r\n      clearTimeout(timeoutIdRef.current);\r\n    }\r\n    timeoutIdRef.current = setTimeout(closeAlert, timeoutValue);\r\n    return () => {\r\n      if (timeoutIdRef.current) {\r\n        clearTimeout(timeoutIdRef.current);\r\n      }\r\n    };\r\n  }, [alertMessage, timeoutValue]);\r\n\r\n  return (\r\n    <div className=\"alert-container\">\r\n      {\r\n        alertMessage.status === 'success' &&\r\n        <div className=\"alert alert-primary alert-dismissible fade show\" role=\"alert\"> \r\n          <span dangerouslySetInnerHTML={{__html:alertMessage?.message}}  />\r\n          <button type=\"button\" className=\"btn-close\" data-bs-dismiss=\"alert\" aria-label=\"Close\" onClick={closeAlert}></button>\r\n        </div>\r\n      }\r\n      {\r\n        alertMessage.status === 'error' &&\r\n        <div className=\"alert alert-danger alert-dismissible fade show\" role=\"alert\">\r\n           {/*pleaseReload.message  */}\r\n          <span dangerouslySetInnerHTML={{__html:alertMessage?.message !== \"\" ? alertMessage?.message : \"Please reload the page\"}}  />\r\n          <button type=\"button\" className=\"btn-close\" data-bs-dismiss=\"alert\" aria-label=\"Close\" onClick={closeAlert}></button>\r\n        </div>\r\n      }\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default Alert;"],"names":["Alert","dispatch","useDispatch","timeoutIdRef","useRef","alertMessage","useSelector","state","commonSlice","user","timeoutValue","timeout","usrMessageAlertDuration","Number","process","closeAlert","updateAlertMessage","status","message","useEffect","current","clearTimeout","setTimeout","_jsxs","className","children","role","_jsx","dangerouslySetInnerHTML","__html","type","onClick"],"sourceRoot":""}