{"version":3,"mappings":";gNAIA,MAAMA,EAA6BC,EAAA,KACjC,IAAAC,EAAA,IAAM,OAAO,0CAA8B,qDAC7C,EAOA,SAAwBC,EAAoB,CAAE,OAAAC,EAAQ,KAAAC,EAAO,MAAe,CAC1E,MAAMC,EAAgBC,IAGlB,OAFUC,KAEA,CAACF,EACJG,EAAA,IAAAC,WAAA,UAGRC,WACC,UAAAF,EAAA,IAACT,EAAA,CACC,OAAAI,EACA,cAAAE,EACA,KAAAD,CAAA,CAEJ,GAEJ,CCfA,SAASO,EAAO,CAAE,OAAAC,GAAwC,CACxD,GAAI,CAACA,EACI,SAET,MAAMC,EAAU,OAAOD,GAAW,SAAWA,EAAS,KACtD,aACGE,EAAK,WAAU,mBAAmB,QAAQ,YACxC,SACHD,CAAA,EAEJ,CACA,SAAwBE,EAAW,CACjC,KAAAC,EACA,KAAAZ,EAAO,KACP,OAAAQ,EAAS,GACT,MAAAK,EAAQ,GACR,UAAAC,EAAY,EACd,EAAU,OACR,OACGC,EAAA,YAAI,UAAW,GAAGD,CAAS,wCAC1B,UAAAV,MAACY,GAAS,KAAM,KAAKJ,EAAK,QAAQ,GAAI,QAAQ,SAC5C,SAAAR,EAAA,IAACa,EAAA,CACC,MAAOL,EAAK,MACZ,IAAKA,EAAK,SACV,KAAAZ,EACA,QAAQ,aAEZ,EACAe,OAAC,MAAI,WAAU,2DACb,UAAAX,MAACG,GAAO,OAAAC,EAAgB,IACvBU,EAAAN,EAAK,OAAL,YAAAM,EAAW,QAAS,GACnBd,EAAA,IAACY,EAAA,CACC,KAAM,KAAKJ,EAAK,QAAQ,GACxB,UAAU,qBACV,KAAK,KACL,QAAQ,SAEP,SAAKA,EAAA,KACR,EAEDA,EAAK,OAASA,EAAK,MAAM,OAAS,GACjCR,MAAC,OAAK,WAAU,+EACb,SAAAQ,EAAK,KACR,GAEDC,GAAST,EAAA,IAACN,EAAoB,QAAQc,EAAK,GAAI,GAClD,CACF,GAEJ","names":["UserMatchPercentageForUser","lazy","__vitePreload","UserMatchPercentage","userId","size","currentUserId","useCurrentUserId","useMount","jsx","Fragment","Suspense","Byline","byline","message","Text","UserByline","user","match","className","jsxs","TextLink","Avatar","_a"],"ignoreList":[],"sources":["../../../app/javascript/components/match/UserMatchPercentage/UserMatchPercentage.tsx","../../../app/javascript/components/users/UserByline.tsx"],"sourcesContent":["import { Suspense, lazy } from \"react\";\nimport useMount from \"hooks/useMount\";\nimport useCurrentUserId from \"hooks/user/useCurrentUserId\";\n\nconst UserMatchPercentageForUser = lazy(\n  () => import(\"./UserMatchPercentageForUser\")\n);\n\nexport interface Props {\n  userId: number;\n  size?: \"sm\" | \"md\" | \"lg\";\n}\n\nexport default function UserMatchPercentage({ userId, size = \"sm\" }: Props) {\n  const currentUserId = useCurrentUserId();\n  const mount = useMount();\n\n  if (!mount || !currentUserId) {\n    return <></>;\n  }\n  return (\n    <Suspense>\n      <UserMatchPercentageForUser\n        userId={userId}\n        currentUserId={currentUserId}\n        size={size}\n      />\n    </Suspense>\n  );\n}\n","import UserMatchPercentage from \"components/match/UserMatchPercentage/UserMatchPercentage\";\nimport Avatar from \"hardcover-ui/components/Avatar\";\nimport { AvatarThemeProps } from \"hardcover-ui/theme/components/avatar\";\nimport TextLink from \"hardcover-ui/components/TextLink\";\nimport Text from \"hardcover-ui/components/Text\";\n\nexport interface Props {\n  user: any;\n  byline?: boolean | string;\n  size?: AvatarThemeProps[\"size\"];\n  className?: string;\n  match?: boolean;\n}\n\nfunction Byline({ byline }: { byline: boolean | string }) {\n  if (!byline) {\n    return false;\n  }\n  const message = typeof byline === \"string\" ? byline : \"By\";\n  return (\n    <Text className=\"hidden md:inline\" variant=\"secondary\">\n      {message}\n    </Text>\n  );\n}\nexport default function UserByline({\n  user,\n  size = \"md\",\n  byline = false,\n  match = false,\n  className = \"\",\n}: Props) {\n  return (\n    <div className={`${className} flex flex-row space-x-1 items-center`}>\n      <TextLink href={`/@${user.username}`} variant=\"normal\">\n        <Avatar\n          image={user.image}\n          alt={user.username}\n          size={size}\n          variant=\"bordered\"\n        />\n      </TextLink>\n      <div className=\"flex flex-row items-center flex-wrap leading-8 space-x-1\">\n        <Byline byline={byline} />\n        {user.name?.length > 0 && (\n          <TextLink\n            href={`/@${user.username}`}\n            className=\"font-semibold mr-2\"\n            size=\"md\"\n            variant=\"normal\"\n          >\n            {user.name}\n          </TextLink>\n        )}\n        {user.flair && user.flair.length > 0 && (\n          <span className=\"bg-yellow-300 text-yellow-800 font-semibold rounded px-1 py-0.5 text-xs mr-2\">\n            {user.flair}\n          </span>\n        )}\n        {match && <UserMatchPercentage userId={user.id} />}\n      </div>\n    </div>\n  );\n}\n"],"file":"assets/UserByline-qw4NiLxE.js"}