{"version":3,"sources":["webpack:///./client/app/mainframe/components/Log/Buttons/LikeLog.tsx","webpack:///./client/app/mainframe/components/Log/LogCard.tsx","webpack:///./client/app/mainframe/components/Content/ContentUsers.tsx","webpack:///./client/app/mainframe/components/Content/ContentInfo.tsx"],"names":["LikeButton","_ref","log","_ref$className","className","_useState2","_slicedToArray","useState","like","liked","setLiked","_useState4","likesCount","setLikesCount","_useLikeLog","useLikeLog","id","mutate","isLoading","React","createElement","RequireAuth","type","clsx","onClick","e","preventDefault","FaHeart","FaRegHeart","Number","count","LogCard","_ref$content","content","_ref$showContent","showContent","containerRef","useRef","expanded","setExpanded","_useIsOverflow2","useIsOverflow","overflowRef","isOverflow","logContent","ContentPreviewBox","Fragment","ContentInfo","size","noteText","Link","to","concat","formSlug","slug","dangerouslySetInnerHTML","__html","description","ref","user","username","Image","curated","src","image","alt","name","displayName","primers","length","Pluralize","singular","title","TimeAgo","date","postedAt","Editor","editable","current","scrollIntoView","behavior","block","VscChevronDown","LikeLog","Share","ContentUsers","UserImages","users","map","key","UserCountText","_ref2","displayUser","usersCount","noun","_ref3","_ref3$content","_ref3$className","_ref3$showNumber","showNumber","_ref3$user","_ref$size","medium","creatorList","ContentMedium","split","creator","index"],"mappings":"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","file":"js/2-149c113abf3c2b458e83.chunk.js","sourcesContent":["import React, { useState } from 'react'\nimport clsx from 'clsx'\n\nimport RequireAuth from 'app/mainframe/components/Auth/RequireAuth'\nimport { useLikeLog } from 'app/mainframe/queries/log'\nimport Number from 'app/mainframe/components/Number'\n\nimport { FaHeart, FaRegHeart } from 'react-icons/fa'\n\nconst LikeButton = ({ log, className = null }) => {\n  const [liked, setLiked] = useState(!!log.like)\n  const [likesCount, setLikesCount] = useState(log.likesCount)\n\n  const { mutate, isLoading } = useLikeLog(log.id)\n\n  const handleClick = e => {\n    e.preventDefault()\n    setLiked(!liked)\n    setLikesCount(liked ? likesCount - 1 : likesCount + 1)\n    mutate(liked)\n  }\n\n  if (log) {\n    return (\n      <div className='flex items-center'>\n        <RequireAuth>\n          <button\n            type='button'\n            className={clsx([\n              'flex h-8 w-8 items-center justify-center rounded-full bg-transparent transition duration-200 hover:bg-gray-666 hover:text-gold-500',\n              className,\n              liked ? 'text-gold-500' : 'text-gray-300',\n              {\n                'pointer-events-none': isLoading\n              }\n            ])}\n            onClick={handleClick}\n          >\n            {liked ? <FaHeart /> : <FaRegHeart />}\n          </button>\n        </RequireAuth>\n        {likesCount > 0 && (\n          <Number\n            count={likesCount}\n            className='select-none text-sm text-gray-100'\n          />\n        )}\n      </div>\n    )\n  }\n  return null\n}\n\nexport default LikeButton\n","import React, { useState, useRef } from 'react'\nimport { Link } from 'react-router-dom'\nimport Pluralize from 'react-pluralize'\nimport { useIsOverflow } from 'app/mainframe/hooks/useIsOverflow'\nimport Editor from 'app/mainframe/components/Editor/Editor'\nimport Image from 'app/mainframe/components/Image'\nimport TimeAgo from 'app/mainframe/components/TimeAgo'\nimport ContentPreviewBox from 'app/mainframe/components/Content/ContentPreviewBox/ContentPreviewBox'\nimport ContentUsers from 'app/mainframe/components/Content/ContentUsers'\nimport ContentInfo from 'app/mainframe/components/Content/ContentInfo'\nimport LikeLog from 'app/mainframe/components/Log/Buttons/LikeLog'\nimport Share from 'app/mainframe/components/Share'\n\nimport clsx from 'clsx'\nimport { VscChevronDown } from 'react-icons/vsc'\nimport './LogPreview/LogPreview.css'\n\nconst LogCard = ({\n  log,\n  content = null,\n  showContent = false,\n  className = ''\n}) => {\n  const containerRef = useRef(null)\n  const [expanded, setExpanded] = useState(false)\n  const [overflowRef, isOverflow] = useIsOverflow()\n\n  const onExpandClick = () => {\n    setExpanded(true)\n    containerRef.current.scrollIntoView({ behavior: 'smooth', block: 'start' })\n  }\n\n  const logContent = content || log.content\n\n  return (\n    <div\n      className={clsx([\n        'flex flex-col space-y-5 border-b pt-8 md:flex-row md:space-y-2 md:space-x-8',\n        showContent ? 'border-gray-700 pb-8' : 'border-transparent pb-3',\n        className\n      ])}\n    >\n      {showContent && (\n        <div className='h-full w-full md:h-[250px] md:w-[250px]'>\n          <ContentPreviewBox content={logContent} />\n        </div>\n      )}\n      <div className='flex-1 flex-col'>\n        {showContent && (\n          <>\n            <ContentInfo content={logContent} size='small' className='mb-6' />\n            {!log.noteText && (\n              <Link\n                className='mb-6 block text-base text-gray-300 line-clamp-3'\n                to={`/${logContent.formSlug}/${logContent.slug}`}\n              >\n                <div\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{ __html: logContent.description }}\n                />\n              </Link>\n            )}\n          </>\n        )}\n\n        <div\n          ref={containerRef}\n          className='flex scroll-mt-20 items-center space-x-1 px-1 '\n        >\n          <Link\n            className='flex items-center space-x-2 text-base text-gray-50 hover:text-gold-500'\n            to={`/@${log.user.username}`}\n          >\n            <Image\n              className={clsx([\n                'h-7 w-7 flex-shrink-0 rounded-full object-cover object-top',\n                { 'border border-gold-500': log.user.curated }\n              ])}\n              src={log.user.image}\n              alt={log.user.name}\n            />\n\n            <span>{log.user.displayName}</span>\n          </Link>\n\n          <div className='flex flex-1 items-baseline space-x-2'>\n            {!showContent && log.primers && log.primers.length > 0 && (\n              <div className='flex flex-1 items-baseline space-x-1'>\n                <p className='single-line hidden flex-shrink-0 text-sm text-gray-300 sm:block'>\n                  in\n                </p>\n                <div className='single-line hidden text-base text-gold-500 sm:block'>\n                  {log.primers.length > 1 ? (\n                    <Pluralize\n                      singular='collection'\n                      count={log.primers.length}\n                    />\n                  ) : (\n                    <Link to={`/collection/${log.primers[0].slug}`}>\n                      {log.primers[0].title}\n                    </Link>\n                  )}\n                </div>\n              </div>\n            )}\n\n            <p className='ml-auto flex-shrink-0 select-none text-sm text-gray-300'>\n              <TimeAgo date={log.postedAt} />\n            </p>\n          </div>\n        </div>\n\n        {log.noteText && (\n          <div className='mt-3 rounded-md bg-gray-750 px-4 pt-4 shadow-sm transition duration-200'>\n            <div\n              ref={overflowRef}\n              className={clsx([{ 'overflow-y-auto line-clamp-3': !expanded }])}\n            >\n              {expanded ? (\n                <Editor editable={false} log={log} content={logContent} />\n              ) : (\n                <div className='text-base text-gray-100'>{log.noteText}</div>\n              )}\n            </div>\n            {isOverflow && (\n              <button\n                type='button'\n                onClick={onExpandClick}\n                className='mt-4 flex items-center space-x-1 pb-1 text-xs uppercase tracking-wider text-gray-300 transition duration-200 hover:text-gray-100'\n              >\n                <span>Show more</span> <VscChevronDown />\n              </button>\n            )}\n            <div className='-mx-1.5 flex items-baseline justify-between py-2 text-base'>\n              <LikeLog log={log} />\n              <Share content={logContent} log={log} />\n            </div>\n          </div>\n        )}\n\n        {showContent && (\n          <Link\n            to={`/${logContent.formSlug}/${logContent.slug}`}\n            className='mt-3 flex rounded-md bg-transparent px-3 py-2 transition duration-200 ease-in-out hover:bg-gray-750 '\n          >\n            <ContentUsers content={logContent} user={log.user} />\n          </Link>\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport default LogCard\n","import React from 'react'\nimport Number from 'app/mainframe/components/Number'\nimport clsx from 'clsx'\n\nconst UserImages = ({ users }) => (\n  <div className='flex items-center -space-x-1'>\n    {users.map(user => (\n      <img\n        key={user.id}\n        className={clsx(\n          'inline-block h-5 w-5 rounded-full border border-gray-800',\n          {\n            'border-gold-500': user.curated\n          }\n        )}\n        src={user.image}\n        alt={user.displayName}\n      />\n    ))}\n  </div>\n)\n\nconst UserCountText = ({ displayUser, usersCount }) => (\n  <p className='text-base text-gray-300'>\n    <span className='hidden sm:inline'>Logged by </span>\n    <span className='text-gray-50'>{displayUser}</span>\n    {usersCount > 1 && (\n      <>\n        {' '}\n        and{' '}\n        <Number className='text-gray-50' count={usersCount - 1} noun='other' />\n      </>\n    )}\n  </p>\n)\n\nconst ContentUsers = ({\n  content: { users, usersCount },\n  className = '',\n  showNumber = false,\n  user = null\n}) => {\n  const getDisplayUser = () => {\n    if (!user) return users[0].displayName\n    return users[0].username === user.username\n      ? users[1].displayName\n      : users[0].displayName\n  }\n  if (usersCount <= 1) return null\n\n  return (\n    <div className={clsx('flex select-none items-center space-x-2', className)}>\n      <UserImages users={users} />\n      {showNumber && usersCount > 3 ? (\n        <p className='text-base text-gray-300'>\n          <Number className='-ml-1 text-gray-50' count={usersCount} />\n        </p>\n      ) : (\n        <UserCountText displayUser={getDisplayUser()} usersCount={usersCount} />\n      )}\n    </div>\n  )\n}\n\nexport default ContentUsers\n","import React from 'react'\nimport { Link } from 'react-router-dom'\nimport ContentMedium from 'app/mainframe/components/Content/ContentMedium'\nimport clsx from 'clsx'\n\nconst ContentInfo = ({ content, className = 'mb-7', size = 'default' }) => {\n  const { title, medium, creatorList } = content\n  return (\n    <div className={className}>\n      <ContentMedium size={size} content={content} />\n      <Link to={`/${content.formSlug}/${content.slug}`}>\n        <h1\n          className={clsx([\n            'mt-1.5 text-gray-900 dark:text-gray-50',\n            {\n              'mb-2 text-2xl': size === 'default',\n              'mb-1 text-xl': size === 'small'\n            }\n          ])}\n        >\n          {medium === 'book' ? title.split(':')[0].split('(')[0] : title}\n        </h1>\n      </Link>\n      {creatorList &&\n        creatorList.length > 0 &&\n        creatorList.map((creator, index) => (\n          <Link\n            key={creator.username}\n            to={`/@${creator.username}`}\n            className={clsx([\n              'flex items-center space-x-2 text-gray-100 hover:text-gold-500',\n              {\n                'text-lg': size === 'default',\n                'text-base': size === 'small'\n              }\n            ])}\n          >\n            {size === 'default' && (\n              <img\n                src={creator.image}\n                alt={creator.displayName}\n                className={clsx([\n                  'h-6 w-6 rounded-full border border-gray-800',\n                  {\n                    'border-gold-500': creator.curated\n                  }\n                ])}\n              />\n            )}\n            <span>\n              {`${creator.displayName}${\n                creatorList.length - index > 1 ? ', ' : ''\n              }`}\n            </span>\n          </Link>\n        ))}\n    </div>\n  )\n}\n\nexport default ContentInfo\n"],"sourceRoot":""}