{
  "version": 3,
  "sources": ["../../../../../../owl-nest/ulule/features/project/src/public/views/detail/tabs/news/NewsPermalink.tsx"],
  "sourcesContent": ["import { Link as RouterLink, useLocation } from 'react-router-dom'\nimport * as React from 'react'\nimport * as Redux from 'react-redux'\nimport styled from 'styled-components'\n\nimport { QueryStatus, useQuery } from '@owl-nest/hooks'\nimport { Either } from '@owl-nest/monad'\nimport * as ds from '@ulule/owl-kit-components/next'\nimport { t } from '@owl-nest/localize'\nimport * as api from '@owl-nest/api-client/latest'\nimport { useAuth } from '@owl-nest/redux-wrapper/hooks'\n\nimport { Project } from '../../../../models/project'\nimport { PATHS } from '../../../../paths'\nimport { RootState } from '../../../../../reducers'\nimport { State as CommentState } from '../../../../../reducers/comments'\nimport * as commentAction from '../../../../../actions/comments'\nimport * as Styles from '../../style'\nimport { Comments } from '../../components/Comments'\nimport { News } from './News'\nimport { useNavigation } from '../../../../hooks/useNavigation'\nimport { useDisplayMode } from '../../../../hooks/useDisplayMode'\n\ntype NewsPermalinkProps = {\n  news: api.News<true, true>\n  id: number\n}\n\nexport function NewsPermalink({ news, id }: NewsPermalinkProps): React.ReactElement<NewsPermalinkProps> {\n  const project = Redux.useSelector<RootState, Project>((state) => state.application.project.data)\n  const auth = useAuth()\n  const navigation = useNavigation()\n  const location = useLocation()\n  const displayMode = useDisplayMode(project)\n  const isPreview = displayMode === 'preview'\n\n  const children = Redux.useSelector<RootState, CommentState['list']['root']>(\n    (state) => state.application.comments.list.root,\n  )\n  const dispatch = Redux.useDispatch()\n\n  const isLoggedIn = auth.type === 'loggedin'\n  const [query, response] = useQuery(async () => {\n    if (news?.id !== id || news === undefined) {\n      const result = await api.api.get.news({\n        urlParams: { newsId: String(id) },\n        withToken: isLoggedIn,\n      })\n      return result.next((success) => success.body)\n    }\n\n    return Either.right(news)\n  })\n\n  React.useEffect(() => {\n    if (response.status === QueryStatus.SUCCESS) {\n      dispatch(\n        commentAction.loadRoot(\n          { type: 'news', news: news || response.data },\n          { pagination: `?limit=${20}&since=${Math.floor(Date.now() / 1000)}`, forceClean: true },\n        ),\n      )\n    }\n  }, [response.status])\n\n  React.useEffect(() => {\n    if (news?.id !== id) {\n      query()\n    }\n  }, [id])\n\n  if (response.status === QueryStatus.PRISTINE) {\n    query()\n  }\n\n  if (response.status !== QueryStatus.SUCCESS) {\n    return (\n      <Styles.Main>\n        <Styles.Wrapper>\n          <Styles.Content>\n            <ds.Spinner />\n          </Styles.Content>\n        </Styles.Wrapper>\n      </Styles.Main>\n    )\n  }\n\n  news = response.data || news\n\n  const isUserStaff = auth.type === 'loggedin' && auth.user.is_staff\n  const isUserAllowed = Boolean(news.permissions.self?.includes('read'))\n  const projectTeamRoles = [api.UserRole.Owner, api.UserRole.Editor, api.UserRole.Moderator]\n  const isProjectTeam = project.user_role && projectTeamRoles.includes(project.user_role)\n  const isNewsMasked = !isUserAllowed\n  const isWaiting = news.status === api.NewsStatus.WAITING\n\n  let hideComments = false\n  if (isNewsMasked || isWaiting) {\n    // Comments are hidden for masked news and draft ones\n    hideComments = true\n  } else if (project.comments_enabled === api.ProjectCommentsPermission.NOONE && !isProjectTeam && !isUserStaff) {\n    // Also, only staff and project team can access comments when they are disabled\n    hideComments = true\n  }\n\n  return (\n    <Styles.Main>\n      <Anchor id=\"anchor\" isPreview={isPreview} />\n      <Styles.Wrapper>\n        <Styles.Content>\n          <BackToNewsStyled forwardedAs={RouterLink} to={navigation.pathTo(PATHS.NEWS)}>\n            <ds.glyphs.stroke.ArrowLeft size={15} />\n            {t('See all posts')}\n          </BackToNewsStyled>\n\n          <News news={news} full />\n\n          {!hideComments && (\n            <Comments\n              autoFocus={location.hash === '#root-comment-form'}\n              rootList={children}\n              onLoadMore={(next) => dispatch(commentAction.loadRoot({ type: 'news', news }, { pagination: next }))}\n              onRootSubmit={async (values) => {\n                await dispatch(commentAction.createRoot({ type: 'news', news }, values.comment))\n              }}\n            />\n          )}\n        </Styles.Content>\n      </Styles.Wrapper>\n    </Styles.Main>\n  )\n}\n\nconst BackToNewsStyled = styled(ds.Link).attrs((props) => ({ ...props, kind: 'secondary' }))`\n  display: block;\n  margin-bottom: 31px;\n\n  ${ds.glyphs.stroke.ArrowLeft} {\n    margin-right: 8px;\n  }\n`\n\nconst Anchor = styled.div<{ isPreview: boolean }>`\n  position: absolute;\n  top: ${({ isPreview }) => (isPreview ? '-108px' : '-60px')};\n`\n"],
  "mappings": "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",
  "names": ["init_define_process_env", "init_sentry_release_injection_stub", "React", "NewsPermalink", "news", "id", "_a", "project", "useSelector", "state", "auth", "useAuth", "navigation", "useNavigation", "location", "useLocation", "isPreview", "useDisplayMode", "children", "dispatch", "useDispatch", "isLoggedIn", "query", "response", "useQuery", "api", "success", "Either", "loadRoot", "Main", "Wrapper", "Content", "Spinner", "isUserStaff", "isUserAllowed", "projectTeamRoles", "isProjectTeam", "isNewsMasked", "isWaiting", "hideComments", "Anchor", "BackToNewsStyled", "Link", "PATHS", "glyphs_exports", "News", "Comments", "next", "values", "createRoot", "src_default", "props", "__spreadProps", "__spreadValues", "__template", "_b"]
}