{"version":3,"file":"show-B3C9eegn.js","sources":["../../../app/javascript/features/books/components/BookOwnerReviewNotice.tsx","../../../app/javascript/pages/clientverse/books/reviews/show.tsx"],"sourcesContent":["import ReferralURL from \"components/account/ReferralURL\";\nimport Callout from \"hardcover-ui/components/Callout\";\nimport Heading from \"hardcover-ui/components/Heading\";\nimport TextLink from \"hardcover-ui/components/TextLink\";\nimport useCurrentUser from \"hooks/fragments/useCurrentUser\";\nimport closeIcon from \"icons/regular/x.svg\";\nimport useMount from \"hooks/useMount\";\nimport { useState } from \"react\";\nimport Icon from \"hardcover-ui/components/Icon\";\nimport useCurrentUserId from \"hooks/user/useCurrentUserId\";\nimport { PageSerializersBooksLayout, UserBookSerializersUserBookReview } from \"types/serializers\";\n\nexport default function BookOwnerReviewNotice({\n  book,\n  userBook,\n}: {\n  book: PageSerializersBooksLayout;\n  userBook: UserBookSerializersUserBookReview;\n}) {\n  const currentUserId = useCurrentUserId();\n  const username = useCurrentUser((user) => user.username);\n  const mounted = useMount();\n  const [showNotice, setShowNotice] = useState(true);\n\n  if (\n    !mounted ||\n    currentUserId !== userBook.userId ||\n    !username ||\n    !showNotice\n  ) {\n    return <></>;\n  }\n\n  const referralLink = `${window.location.origin}/books/${book.slug}/reviews/@${username}?referrer_id=${currentUserId}`;\n\n  return (\n    <Callout className=\"relative\">\n      <Heading level={2} variant=\"title\" size=\"sm\">\n        This is Your Review\n      </Heading>\n      <button\n        type=\"button\"\n        className=\"absolute top-2 right-2 hover:bg-yellow-500 rounded-lg p-1\"\n        onClick={() => setShowNotice(false)}\n      >\n        <span className=\"sr-only\">Close</span>\n        <Icon icon={closeIcon} size=\"lg\" />\n      </button>\n\n      <div className=\"grid lg:grid-cols-2 gap-4\">\n        <div className=\"space-y-4\">\n          <p>\n            Only you will see this part at the top. Below is your review. You\n            can{\" \"}\n            <TextLink href={`/books/${book.slug}/reviews/edit`} variant=\"none\">\n              edit your review\n            </TextLink>{\" \"}\n            at anytime.\n          </p>\n\n          <p>\n            Here's the preview of what others will see when you share your\n            review on social channels (we've added your{\" \"}\n            <TextLink href=\"/account/referrals\" variant=\"none\">\n              referral code\n            </TextLink>{\" \"}\n            to this link too).\n          </p>\n\n          <ReferralURL referralUrl={referralLink} />\n        </div>\n\n        <div>\n          <img\n            alt=\"Review preview\"\n            src={`/books/${book.slug}/reviews/@${username}/ogimage.png`}\n          />\n        </div>\n      </div>\n    </Callout>\n  );\n}\n","import { usePage } from \"@inertiajs/react\";\nimport BookReview from \"components/BookReview/BookReview\";\nimport BookOwnerReviewNotice from \"features/books/components/BookOwnerReviewNotice\";\nimport Container from \"hardcover-ui/components/Container\";\nimport { DefaultLayoutWrapper } from \"layouts/DefaultLayout\";\n\nimport { BookReviewsShowProps } from \"./show.props\";\nimport useCurrentUserId from \"hooks/user/useCurrentUserId\";\nimport BookLayout from \"features/books/layouts/BookLayout/BookLayout\";\n\nfunction ReviewsShow() {\n  const { book, review } = usePage<BookReviewsShowProps>().props;\n  const currentUserId = useCurrentUserId();\n\n  return (\n    <BookLayout>\n      <Container variant=\"layout\" size=\"md\">\n        { review.userId === currentUserId ? (\n          <BookOwnerReviewNotice book={book} userBook={review} />\n        ) : (\n          false\n        )}\n        <BookReview\n          book={book}\n          userBook={review}\n          linkToReview={false}\n          expanded\n          allowCollapse={false}\n        />\n      </Container>\n    </BookLayout>\n  );\n}\n\nReviewsShow.layout = DefaultLayoutWrapper;\nexport default ReviewsShow;"],"names":["BookOwnerReviewNotice","book","userBook","currentUserId","useCurrentUserId","username","useCurrentUser","user","mounted","useMount","showNotice","setShowNotice","useState","jsx","Fragment","referralLink","jsxs","Callout","Heading","Icon","closeIcon","TextLink","ReferralURL","ReviewsShow","review","usePage","BookLayout","Container","BookReview","DefaultLayoutWrapper"],"mappings":"yiBAYA,SAAwBA,EAAsB,CAC5C,KAAAC,EACA,SAAAC,CACF,EAGG,CACD,MAAMC,EAAgBC,IAChBC,EAAWC,EAAgBC,GAASA,EAAK,QAAQ,EACjDC,EAAUC,IACV,CAACC,EAAYC,CAAa,EAAIC,WAAS,EAAI,EAG/C,GAAA,CAACJ,GACDL,IAAkBD,EAAS,QAC3B,CAACG,GACD,CAACK,EAED,OAASG,EAAA,IAAAC,WAAA,CAAA,CAAA,EAGL,MAAAC,EAAe,GAAG,OAAO,SAAS,MAAM,UAAUd,EAAK,IAAI,aAAaI,CAAQ,gBAAgBF,CAAa,GAGjH,OAAAa,EAAA,KAACC,EAAQ,CAAA,UAAU,WACjB,SAAA,CAAAJ,EAAAA,IAACK,GAAQ,MAAO,EAAG,QAAQ,QAAQ,KAAK,KAAK,SAE7C,qBAAA,CAAA,EACAF,EAAA,KAAC,SAAA,CACC,KAAK,SACL,UAAU,4DACV,QAAS,IAAML,EAAc,EAAK,EAElC,SAAA,CAACE,EAAA,IAAA,OAAA,CAAK,UAAU,UAAU,SAAK,QAAA,EAC9BA,EAAA,IAAAM,EAAA,CAAK,KAAMC,EAAW,KAAK,KAAK,CAAA,CAAA,CACnC,EAEAJ,EAAAA,KAAC,MAAI,CAAA,UAAU,4BACb,SAAA,CAACA,EAAAA,KAAA,MAAA,CAAI,UAAU,YACb,SAAA,CAAAA,OAAC,IAAE,CAAA,SAAA,CAAA,wEAEG,IACJH,EAAAA,IAACQ,GAAS,KAAM,UAAUpB,EAAK,IAAI,gBAAiB,QAAQ,OAAO,SAEnE,kBAAA,CAAA,EAAY,IAAI,aAAA,EAElB,SAEC,IAAE,CAAA,SAAA,CAAA,6GAE2C,UAC3CoB,EAAS,CAAA,KAAK,qBAAqB,QAAQ,OAAO,SAEnD,gBAAA,EAAY,IAAI,oBAAA,EAElB,EAEAR,EAAAA,IAACS,EAAY,CAAA,YAAaP,CAAc,CAAA,CAAA,EAC1C,QAEC,MACC,CAAA,SAAAF,EAAA,IAAC,MAAA,CACC,IAAI,iBACJ,IAAK,UAAUZ,EAAK,IAAI,aAAaI,CAAQ,cAAA,CAAA,EAEjD,CAAA,EACF,CACF,CAAA,CAAA,CAEJ,CCvEA,SAASkB,GAAc,CACrB,KAAM,CAAE,KAAAtB,EAAM,OAAAuB,CAAO,EAAIC,IAAgC,MACnDtB,EAAgBC,IAEtB,aACGsB,EACC,CAAA,SAAAV,EAAAA,KAACW,GAAU,QAAQ,SAAS,KAAK,KAC7B,SAAA,CAAAH,EAAO,SAAWrB,EAClBU,MAACb,GAAsB,KAAAC,EAAY,SAAUuB,CAAQ,CAAA,EAErD,GAEFX,EAAA,IAACe,EAAA,CACC,KAAA3B,EACA,SAAUuB,EACV,aAAc,GACd,SAAQ,GACR,cAAe,EAAA,CACjB,CAAA,CACF,CAAA,CACF,CAAA,CAEJ,CAEAD,EAAY,OAASM"}