{"version":3,"mappings":";6UASA,MAAMA,EAAkBC,EAAA,KAAK,IAAMC,EAAA,WAAO,+BAAmB,EAAC,4CAE9D,SAAwBC,EAAY,CAClC,OAAAC,EACA,KAAAC,EACA,WAAAC,CACF,EAIG,CACK,MAAAC,EAAWC,EAAkBJ,CAAM,EACnCK,EAAaC,IAGf,OAFYC,KAEA,CAACF,EACNG,EAAA,IAAAC,WAAA,IAKNC,EAAA,KAAAD,WAAA,WAAAN,IAAaQ,EAAgB,MAC5BH,EAAA,IAACI,EAAA,CACC,KAAMC,EACN,KAAK,KACL,UAAU,sFACZ,EAGDZ,IAAS,MACPO,MAAAM,EAAA,UACC,eAAClB,EAAgB,QAAAI,EAAgB,SAAAG,EAAoB,WAAAD,CAAA,CAAwB,CAC/E,EAEJ,GAEJ","names":["CoverBookButton","lazy","__vitePreload","CoverStatus","bookId","size","referrerId","statusId","useUserBookStatus","isLoggedIn","useIsLoggedIn","useMount","jsx","Fragment","jsxs","slugIdConstants","Icon","faCheckCircle","Suspense"],"ignoreList":[],"sources":["../../../app/javascript/components/Cover/CoverStatus.tsx"],"sourcesContent":["import { Suspense, lazy } from \"react\";\nimport { slugIdConstants } from \"types/UserBookStatusType\";\nimport Icon from \"hardcover-ui/components/Icon\";\nimport faCheckCircle from \"icons/solid/circle-check.svg\";\nimport { CoverProps } from \"hardcover-ui/theme/components/cover\";\nimport useMount from \"hooks/useMount\";\nimport useIsLoggedIn from \"hooks/user/useIsLoggedIn\";\nimport { useUserBookStatus } from \"store/bookButton/bookButtonSelector\";\n\nconst CoverBookButton = lazy(() => import(\"./CoverBookButton\"));\n\nexport default function CoverStatus({\n  bookId,\n  size,\n  referrerId,\n}: {\n  bookId: number;\n  size: CoverProps[\"size\"];\n  referrerId?: number;\n}) {\n  const statusId = useUserBookStatus(bookId);\n  const isLoggedIn = useIsLoggedIn();\n  const mounted = useMount();\n\n  if (!mounted || !isLoggedIn) {\n    return <></>;\n  }\n\n  return (\n    <>\n      {statusId === slugIdConstants.read && (\n        <Icon\n          icon={faCheckCircle}\n          size=\"md\"\n          className=\"fill-green-500 absolute top-1 right-1 z-10 bg-white rounded-full group-hover:hidden\"\n        />\n      )}\n\n      {size !== \"xs\" && (\n        <Suspense>\n          <CoverBookButton bookId={bookId} statusId={statusId} referrerId={referrerId} />\n        </Suspense>\n      )}\n    </>\n  );\n}\n"],"file":"assets/CoverStatus-Cd1PsEUb.js"}