{"version":3,"file":"index--RZModqr.js","sources":["../../../app/javascript/components/PbKitFetch/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\n\nimport { Title, LoadingInline } from 'playbook-ui'\n\nconst PbKitFetch = ({ kit }) => {\n  const [serverData, setServerData] = useState(null)\n  const [loading, setLoading] = useState(true)\n  const [error, setError] = useState(null)\n\n  useEffect(() => {\n    fetch('/kits/avatar/rails_raw')\n      .then((response) => response.text())\n      .then((data) => {\n        setLoading(false)\n        setServerData(data)\n      })\n      .catch((err) => {\n        console.log(err)\n        setLoading(false)\n        setError(err)\n      })\n  }, [])\n\n  const unescapeHtml = function (value) {\n    var div = document.createElement('div')\n    div.innerHTML = value\n    return div.textContent\n  }\n\n  return (\n    <>\n      <Title\n          size={4}\n          tag=\"h1\"\n          text={kit}\n      />\n      { loading && <LoadingInline align=\"center\" /> }\n      <span dangerouslySetInnerHTML={{__html: serverData}} />\n    </>\n  )\n}\n\nexport default PbKitFetch\n"],"names":["PbKitFetch","kit","serverData","setServerData","useState","loading","setLoading","error","setError","useEffect","response","data","err","jsxs","Fragment","jsx","Title","LoadingInline"],"mappings":"8KAIA,MAAMA,EAAa,CAAC,CAAE,IAAAC,KAAU,CAC9B,KAAM,CAACC,EAAYC,CAAa,EAAIC,WAAS,IAAI,EAC3C,CAACC,EAASC,CAAU,EAAIF,WAAS,EAAI,EACrC,CAACG,EAAOC,CAAQ,EAAIJ,WAAS,IAAI,EAEvCK,OAAAA,EAAAA,UAAU,IAAM,CACR,MAAA,wBAAwB,EAC3B,KAAMC,GAAaA,EAAS,MAAM,EAClC,KAAMC,GAAS,CACdL,EAAW,EAAK,EAChBH,EAAcQ,CAAI,CAAA,CACnB,EACA,MAAOC,GAAQ,CACd,QAAQ,IAAIA,CAAG,EACfN,EAAW,EAAK,EAChBE,EAASI,CAAG,CAAA,CACb,CACL,EAAG,CAAE,CAAA,EAUDC,EAAA,KAAAC,WAAA,CAAA,SAAA,CAAAC,EAAA,IAACC,EAAA,CACG,KAAM,EACN,IAAI,KACJ,KAAMf,CAAA,CACV,EACEI,GAAWU,EAAAA,IAACE,EAAc,CAAA,MAAM,QAAS,CAAA,QAC1C,OAAK,CAAA,wBAAyB,CAAC,OAAQf,GAAa,CACvD,CAAA,CAAA,CAEJ"}