{"version":3,"sources":["webpack:///./src/js/react-hooks/use-fetch.js","webpack:///./src/js/react-modules/ms-site-alert-banner/index.tsx"],"names":["useFetch","args","id","useState","response","setResponse","error","setError","isLoading","setIsLoading","fetch","config","axios","then","catch","finally","useEffect","SiteAlertBanner","endpoint","url","responseData","useMemo","data","length","map","notification","kind","className","title","heading","subtitle","lowContrast","actions","link","href","target","label"],"mappings":"8pCAuBeA,IApBE,SAAC,GAAiB,IAAfC,EAAe,EAAfA,KAAMC,EAAS,EAATA,GACxB,IAAgCC,mBAAS,MAAzC,GAAOC,EAAP,KAAiBC,EAAjB,KACA,IAA0BF,mBAAS,MAAnC,GAAOG,EAAP,KAAcC,EAAd,KACA,IAAkCJ,oBAAS,GAA3C,GAAOK,EAAP,KAAkBC,EAAlB,KACMC,EAAQ,SAAAC,GACZF,GAAa,GAEbG,IAAMD,GACHE,MAAK,SAAAT,GAAQ,OAAIC,EAAYD,MAC7BU,OAAM,SAAAR,GAAK,OAAIC,EAASD,MACxBS,SAAQ,kBAAMN,GAAa,OAOhC,OAJAO,qBAAU,WACRN,EAAMT,KACL,CAACC,IAEG,CAAEE,WAAUE,QAAOE,YAAWE,W,yGCgCxBO,UAjCS,SAAC,GAA0C,IAAxCC,EAAwC,EAAxCA,SAClBd,EAAaJ,YAAS,CAC7BC,KAAM,CAAEkB,IAAKD,GACbhB,GAAI,4BAFGE,SAKFgB,EAAeC,mBAAQ,kBAAMjB,aAAN,EAAMA,EAAUkB,OAAM,CAAClB,IAEpD,OACC,qCACEgB,aAAA,EAAAA,EAAcG,QAAS,GACvBH,EAAaI,KAAI,SAACC,GAAD,OAChB,kBAAC,IAAD,CACCC,KAAK,OACLC,UAAU,8CACVC,MAAOH,EAAaI,QACpBC,SAAUL,EAAaK,SACvBC,aAAa,EACbC,QACCP,EAAaQ,MACZ,kBAAC,IAAD,CACCC,KAAMT,EAAaQ,KAAKC,KACxBC,OAAQV,EAAaQ,KAAKE,QAEzBV,EAAaQ,KAAKG","file":"75.bundle.js?v=d195e61c6158e7827564","sourcesContent":["import { useEffect, useState } from 'react';\nimport axios from 'axios';\n\nconst useFetch = ({ args, id }) => {\n  const [response, setResponse] = useState(null);\n  const [error, setError] = useState(null);\n  const [isLoading, setIsLoading] = useState(false);\n  const fetch = config => {\n    setIsLoading(true);\n\n    axios(config)\n      .then(response => setResponse(response))\n      .catch(error => setError(error))\n      .finally(() => setIsLoading(false));\n  };\n\n  useEffect(() => {\n    fetch(args);\n  }, [id]);\n\n  return { response, error, isLoading, fetch };\n};\n\nexport default useFetch;\n","import React, { useMemo } from 'react';\nimport useFetch from '../../react-hooks/use-fetch';\nimport { InlineNotification, Link, PropTypes } from 'carbon-components-react';\n\ntype propTypeSiteAlertBanner = {\n\tendpoint: string;\n};\n\ntype propTypeReponseData = {\n\tsiteState: string;\n\theading: string;\n\tsubtitle: string;\n\tlink: {\n\t\ttarget: string;\n\t\thref: string;\n\t\tlabel: string;\n\t};\n};\n\nconst SiteAlertBanner = ({ endpoint }: propTypeSiteAlertBanner) => {\n\tconst { response } = useFetch({\n\t\targs: { url: endpoint },\n\t\tid: 'site-alert-notification'\n\t});\n\n\tconst responseData = useMemo(() => response?.data, [response]);\n\n\treturn (\n\t\t<>\n\t\t\t{responseData?.length > 0 &&\n\t\t\t\tresponseData.map((notification: propTypeReponseData) => (\n\t\t\t\t\t<InlineNotification\n\t\t\t\t\t\tkind=\"info\"\n\t\t\t\t\t\tclassName=\"bx--grid ms-site-alert-banner__notification\"\n\t\t\t\t\t\ttitle={notification.heading}\n\t\t\t\t\t\tsubtitle={notification.subtitle}\n\t\t\t\t\t\tlowContrast={true}\n\t\t\t\t\t\tactions={\n\t\t\t\t\t\t\tnotification.link && (\n\t\t\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\t\t\thref={notification.link.href}\n\t\t\t\t\t\t\t\t\ttarget={notification.link.target}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{notification.link.label}\n\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\t\t</>\n\t);\n};\nexport default SiteAlertBanner;\n"],"sourceRoot":""}