{
  "version": 3,
  "sources": ["../../assets/scripts/store/features/alerts/index.tsx", "../../assets/scripts/store/features/alerts/Alert.tsx"],
  "sourcesContent": ["import { emitter, EmitterEvent } from '@app/store/events';\r\nimport type { IAlert } from '@store/types';\r\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\r\n\r\nimport Alert from './Alert';\r\n\r\nexport interface StoreAlertsProps {\r\n  alerts: IAlert[];\r\n}\r\n\r\nexport default function StoreAlerts(props: StoreAlertsProps) {\r\n  const [alerts, setAlerts] = useState(props.alerts ?? []);\r\n\r\n  const hasRun = useRef<boolean>(false);\r\n\r\n  const onClose = useCallback(\r\n    (id: string) => setAlerts(state => state.filter(r => r.id !== id)),\r\n    []\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (hasRun.current) return;\r\n    hasRun.current = true;\r\n\r\n    const add = (alert: IAlert) => {\r\n      if (!alert) return;\r\n      setAlerts(state => [alert, ...state]);\r\n    };\r\n\r\n    emitter.on(EmitterEvent.Alert, add);\r\n\r\n    return () => {\r\n      if (hasRun.current) return;\r\n\r\n      emitter.off(EmitterEvent.Alert, add);\r\n    };\r\n  }, []);\r\n\r\n  if (alerts.length === 0) return <></>;\r\n\r\n  return (\r\n    <div className=\"w-full flex flex-col gap-2 p-2\" role=\"alert\">\r\n      {alerts.map(alert => (\r\n        <Alert key={alert.id} {...alert} onClose={onClose} />\r\n      ))}\r\n    </div>\r\n  );\r\n}\r\n", "import type { IAlert } from '@store/types';\r\nimport { AlertLevel } from '@store/types';\r\nimport React, { useEffect } from 'react';\r\n\r\ninterface IProps extends IAlert {\r\n  onClose: (id: string) => void;\r\n  timeout?: number;\r\n}\r\n\r\nexport default function Alert({ onClose, timeout = 3000, ...alert }: IProps) {\r\n  useEffect(() => {\r\n    let timer: NodeJS.Timeout;\r\n    if (timeout !== undefined && !isNaN(timeout)) {\r\n      timer = setTimeout(() => onClose(alert.id), timeout);\r\n    }\r\n\r\n    return () => {\r\n      if (timer) clearTimeout(timer);\r\n    };\r\n  }, [alert.id, onClose, timeout]);\r\n\r\n  return (\r\n    <div\r\n      className={`w-full flex justify-between gap-x-4 p-1 rounded-md text-xs ${\r\n        alert.level === AlertLevel.Error ? 'text-white bg-red-600' : ''\r\n      } ${alert.level === AlertLevel.Warning ? 'text-white bg-yellow-600' : ''} ${\r\n        alert.level === AlertLevel.Success ? 'text-white bg-green-600' : ''\r\n      } ${alert.level === AlertLevel.Information ? 'text-white bg-blue-600' : ''}`}\r\n      role=\"alert\">\r\n      <div className=\"p-2 font-medium leading-normal\">{alert.message}</div>\r\n      <div className=\"flex items-start justify-center\">\r\n        <button className=\"w-6 h-6 cursor-pointer\" role=\"button\" onClick={() => onClose(alert.id)}>\r\n          <span className=\"icon\">\r\n            <i className=\"fa-solid fa-times fa-lg\" />\r\n          </span>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],
  "mappings": ";;;;;;;;;;;;AAEA,IAAAA,gBAAgE;;;ACAhE,mBAAiC;AAoB7B;AAbW,SAAR,MAAuB,EAAE,SAAS,UAAU,KAAM,GAAG,MAAM,GAAW;AAC3E,8BAAU,MAAM;AACd,QAAI;AACJ,QAAI,YAAY,UAAa,CAAC,MAAM,OAAO,GAAG;AAC5C,cAAQ,WAAW,MAAM,QAAQ,MAAM,EAAE,GAAG,OAAO;AAAA,IACrD;AAEA,WAAO,MAAM;AACX,UAAI,MAAO,cAAa,KAAK;AAAA,IAC/B;AAAA,EACF,GAAG,CAAC,MAAM,IAAI,SAAS,OAAO,CAAC;AAE/B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,8DACT,MAAM,gCAA6B,0BAA0B,EAC/D,IAAI,MAAM,oCAA+B,6BAA6B,EAAE,IACtE,MAAM,oCAA+B,4BAA4B,EACnE,IAAI,MAAM,4CAAmC,2BAA2B,EAAE;AAAA,MAC1E,MAAK;AAAA,MACL;AAAA,oDAAC,SAAI,WAAU,kCAAkC,gBAAM,SAAQ;AAAA,QAC/D,4CAAC,SAAI,WAAU,mCACb,sDAAC,YAAO,WAAU,0BAAyB,MAAK,UAAS,SAAS,MAAM,QAAQ,MAAM,EAAE,GACtF,sDAAC,UAAK,WAAU,QACd,sDAAC,OAAE,WAAU,2BAA0B,GACzC,GACF,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;;;ADDkC,IAAAC,sBAAA;AA5BnB,SAAR,YAA6B,OAAyB;AAC3D,QAAM,CAAC,QAAQ,SAAS,QAAI,wBAAS,MAAM,UAAU,CAAC,CAAC;AAEvD,QAAM,aAAS,sBAAgB,KAAK;AAEpC,QAAM,cAAU;AAAA,IACd,CAAC,OAAe,UAAU,WAAS,MAAM,OAAO,OAAK,EAAE,OAAO,EAAE,CAAC;AAAA,IACjE,CAAC;AAAA,EACH;AAEA,+BAAU,MAAM;AACd,QAAI,OAAO,QAAS;AACpB,WAAO,UAAU;AAEjB,UAAM,MAAM,CAAC,UAAkB;AAC7B,UAAI,CAAC,MAAO;AACZ,gBAAU,WAAS,CAAC,OAAO,GAAG,KAAK,CAAC;AAAA,IACtC;AAEA,YAAQ,wBAAuB,GAAG;AAElC,WAAO,MAAM;AACX,UAAI,OAAO,QAAS;AAEpB,cAAQ,yBAAwB,GAAG;AAAA,IACrC;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,MAAI,OAAO,WAAW,EAAG,QAAO,6EAAE;AAElC,SACE,6CAAC,SAAI,WAAU,kCAAiC,MAAK,SAClD,iBAAO,IAAI,WACV,6CAAC,SAAsB,GAAG,OAAO,WAArB,MAAM,EAAiC,CACpD,GACH;AAEJ;",
  "names": ["import_react", "import_jsx_runtime"]
}