{"version":3,"file":"js/ShowPost.page.1e8cdd657308424f2c1d.js","mappings":"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","sources":["webpack://fider/./public/pages/ShowPost/components/PostSearch.tsx","webpack://fider/./public/pages/ShowPost/components/ResponseForm.tsx","webpack://fider/./public/pages/ShowPost/components/TagListItem.tsx","webpack://fider/./public/pages/ShowPost/components/TagsPanel.tsx","webpack://fider/./public/pages/ShowPost/components/NotificationsPanel.tsx","webpack://fider/./public/pages/ShowPost/components/ModerationPanel.tsx","webpack://fider/./public/pages/ShowPost/components/ShowComment.tsx","webpack://fider/./public/pages/ShowPost/components/CommentInput.tsx","webpack://fider/./public/pages/ShowPost/components/DiscussionPanel.tsx","webpack://fider/./public/pages/ShowPost/components/VotesModal.tsx","webpack://fider/./public/pages/ShowPost/components/VotesPanel.tsx","webpack://fider/./public/pages/ShowPost/ShowPost.page.tsx","webpack://fider/./public/assets/images/heroicons-check.svg","webpack://fider/./public/assets/images/heroicons-dots-horizontal.svg","webpack://fider/./public/assets/images/heroicons-pencil-alt.svg","webpack://fider/./public/assets/images/heroicons-search.svg","webpack://fider/./public/assets/images/heroicons-speakerphone.svg","webpack://fider/./public/assets/images/heroicons-volume-off.svg","webpack://fider/./public/assets/images/heroicons-volume-on.svg","webpack://fider/./public/assets/images/undraw-post.svg"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport IconSearch from \"@fider/assets/images/heroicons-search.svg\"\nimport { Input, ShowPostStatus } from \"@fider/components\"\nimport { actions } from \"@fider/services\"\nimport { Post, PostStatus } from \"@fider/models\"\nimport { HStack, VStack } from \"@fider/components/layout\"\nimport { t, Trans } from \"@lingui/macro\"\n\ninterface PostSearchProps {\n  exclude?: number[]\n  onChanged(postNumber: number): void\n}\n\nexport const PostSearch = (props: PostSearchProps) => {\n  const [query, setQuery] = useState(\"\")\n  const [posts, setPosts] = useState<Post[]>([])\n  const [selectedPost, setSelectedPost] = useState<Post>()\n\n  useEffect(() => {\n    if (!query) {\n      return\n    }\n\n    const timer = setTimeout(() => {\n      actions.searchPosts({ query, limit: 6 }).then((res) => {\n        if (res.ok) {\n          const filteredPosts =\n            props.exclude && props.exclude.length > 0 ? res.data.filter((i) => props.exclude && props.exclude.indexOf(i.number) === -1) : res.data\n          setPosts(filteredPosts)\n        }\n      })\n    }, 500)\n\n    return () => {\n      clearTimeout(timer)\n    }\n  }, [query])\n\n  const selectPost = (post: Post) => () => {\n    props.onChanged(post.number)\n    setSelectedPost(post)\n  }\n\n  return (\n    <>\n      <Input\n        field=\"query\"\n        icon={IconSearch}\n        placeholder={t({ id: \"showpost.postsearch.query.placeholder\", message: \"Search original post...\" })}\n        value={query}\n        onChange={setQuery}\n      />\n      <div className=\"grid gap-2 grid-cols-1 lg:grid-cols-3\">\n        {posts.map((p) => (\n          <VStack onClick={selectPost(p)} className={`bg-gray-50 p-4 clickable border-2 rounded ${selectedPost === p ? \"border-primary-base\" : \"\"}`} key={p.id}>\n            <HStack className=\"text-2xs\">\n              <span>#{p.number}</span> <span>&middot;</span> <ShowPostStatus status={PostStatus.Get(p.status)} /> <span>&middot;</span>{\" \"}\n              <span>\n                <Trans id=\"showpost.postsearch.numofvotes\">{p.votesCount} votes</Trans>\n              </span>\n            </HStack>\n            <span>{p.title}</span>\n          </VStack>\n        ))}\n      </div>\n    </>\n  )\n}\n","import React from \"react\"\n\nimport { Modal, Button, DisplayError, Select, Form, TextArea, Field, SelectOption, Icon } from \"@fider/components\"\nimport { Post, PostStatus } from \"@fider/models\"\n\nimport { actions, Failure } from \"@fider/services\"\nimport { PostSearch } from \"./PostSearch\"\nimport IconSpeakerPhone from \"@fider/assets/images/heroicons-speakerphone.svg\"\nimport { t, Trans } from \"@lingui/macro\"\n\ninterface ResponseFormProps {\n  post: Post\n}\n\ninterface ResponseFormState {\n  showModal: boolean\n  status: string\n  text: string\n  originalNumber: number\n  error?: Failure\n}\n\nexport class ResponseForm extends React.Component<ResponseFormProps, ResponseFormState> {\n  constructor(props: ResponseFormProps) {\n    super(props)\n\n    this.state = {\n      showModal: false,\n      status: this.props.post.status,\n      originalNumber: 0,\n      text: this.props.post.response ? this.props.post.response.text : \"\",\n    }\n  }\n\n  private submit = async () => {\n    const result = await actions.respond(this.props.post.number, this.state)\n    if (result.ok) {\n      location.reload()\n    } else {\n      this.setState({\n        error: result.error,\n      })\n    }\n  }\n\n  private showModal = async () => {\n    this.setState({ showModal: true })\n  }\n\n  private closeModal = async () => {\n    this.setState({ showModal: false })\n  }\n\n  private setStatus = (opt?: SelectOption) => {\n    if (opt) {\n      this.setState({ status: opt.value })\n    }\n  }\n\n  private setOriginalNumber = (originalNumber: number) => {\n    this.setState({ originalNumber })\n  }\n\n  private setText = (text: string) => {\n    this.setState({ text })\n  }\n\n  public render() {\n    const button = (\n      <Button className=\"w-full\" onClick={this.showModal}>\n        <Icon sprite={IconSpeakerPhone} />{\" \"}\n        <span>\n          <Trans id=\"action.respond\">Respond</Trans>\n        </span>\n      </Button>\n    )\n\n    const options = PostStatus.All.map((s) => {\n      const id = `enum.poststatus.${s.value.toString()}`\n      return {\n        value: s.value.toString(),\n        label: t({ id, message: s.title }),\n      }\n    })\n\n    const modal = (\n      <Modal.Window isOpen={this.state.showModal} onClose={this.closeModal} center={false} size=\"large\">\n        <Modal.Content>\n          <Form error={this.state.error} className=\"c-response-form\">\n            <Select field=\"status\" label=\"Status\" defaultValue={this.state.status} options={options} onChange={this.setStatus} />\n            {this.state.status === PostStatus.Duplicate.value ? (\n              <>\n                <Field>\n                  <PostSearch exclude={[this.props.post.number]} onChanged={this.setOriginalNumber} />\n                </Field>\n                <DisplayError fields={[\"originalNumber\"]} error={this.state.error} />\n                <span className=\"text-muted\">\n                  <Trans id=\"showpost.responseform.message.mergedvotes\">Votes from this post will be merged into original post.</Trans>\n                </span>\n              </>\n            ) : (\n              <TextArea\n                field=\"text\"\n                onChange={this.setText}\n                value={this.state.text}\n                minRows={5}\n                placeholder={t({\n                  id: \"showpost.responseform.text.placeholder\",\n                  message: \"What's going on with this post? Let your users know what are your plans...\",\n                })}\n              />\n            )}\n          </Form>\n        </Modal.Content>\n\n        <Modal.Footer>\n          <Button variant=\"primary\" onClick={this.submit}>\n            <Trans id=\"action.submit\">Submit</Trans>\n          </Button>\n          <Button variant=\"tertiary\" onClick={this.closeModal}>\n            <Trans id=\"action.cancel\">Cancel</Trans>\n          </Button>\n        </Modal.Footer>\n      </Modal.Window>\n    )\n\n    return (\n      <>\n        {button}\n        {modal}\n      </>\n    )\n  }\n}\n","import React from \"react\"\nimport { Tag } from \"@fider/models\"\nimport { Icon, ShowTag } from \"@fider/components\"\nimport IconCheck from \"@fider/assets/images/heroicons-check.svg\"\nimport { HStack } from \"@fider/components/layout\"\n\ninterface TagListItemProps {\n  tag: Tag\n  assigned: boolean\n  onClick: (tag: Tag) => void\n}\n\nexport const TagListItem = (props: TagListItemProps) => {\n  const onClick = () => {\n    props.onClick(props.tag)\n  }\n\n  return (\n    <HStack className=\"clickable hover:bg-gray-100 rounded py-1\" onClick={onClick}>\n      <Icon sprite={IconCheck} className={`h-4 text-green-600 ${!props.assigned && \"invisible\"}`} />\n      <ShowTag tag={props.tag} circular />\n      <span>{props.tag.name}</span>\n    </HStack>\n  )\n}\n","import React, { useState } from \"react\"\nimport { Tag, Post } from \"@fider/models\"\nimport { actions } from \"@fider/services\"\nimport { ShowTag, Icon } from \"@fider/components\"\nimport { TagListItem } from \"./TagListItem\"\nimport { useFider } from \"@fider/hooks\"\n\nimport IconPencilAlt from \"@fider/assets/images/heroicons-pencil-alt.svg\"\nimport IconCheckCircle from \"@fider/assets/images/heroicons-check-circle.svg\"\nimport { HStack, VStack } from \"@fider/components/layout\"\nimport { Trans } from \"@lingui/macro\"\n\ninterface TagsPanelProps {\n  post: Post\n  tags: Tag[]\n}\n\nexport const TagsPanel = (props: TagsPanelProps) => {\n  const fider = useFider()\n  const canEdit = fider.session.isAuthenticated && fider.session.user.isCollaborator && props.tags.length > 0\n\n  const [isEditing, setIsEditing] = useState(false)\n  const [assignedTags, setAssignedTags] = useState(props.tags.filter((t) => props.post.tags.indexOf(t.slug) >= 0))\n\n  const assignOrUnassignTag = async (tag: Tag) => {\n    const idx = assignedTags.indexOf(tag)\n    let nextAssignedTags: Tag[] = []\n\n    if (idx >= 0) {\n      const response = await actions.unassignTag(tag.slug, props.post.number)\n      if (response.ok) {\n        nextAssignedTags = [...assignedTags]\n        nextAssignedTags.splice(idx, 1)\n      }\n    } else {\n      const response = await actions.assignTag(tag.slug, props.post.number)\n      if (response.ok) {\n        nextAssignedTags = [...assignedTags, tag]\n      }\n    }\n\n    setAssignedTags(nextAssignedTags)\n  }\n\n  const onSubtitleClick = () => {\n    if (canEdit) {\n      setIsEditing(!isEditing)\n    }\n  }\n\n  if (!canEdit && assignedTags.length === 0) {\n    return null\n  }\n\n  const tagsList =\n    assignedTags.length > 0 ? (\n      <VStack spacing={2} className=\"flex-items-baseline\">\n        {assignedTags.map((tag) => (\n          <ShowTag key={tag.id} tag={tag} link />\n        ))}\n      </VStack>\n    ) : (\n      <span className=\"text-muted\">\n        <Trans id=\"label.none\">None</Trans>\n      </span>\n    )\n\n  const editTagsList = props.tags.length > 0 && (\n    <VStack>\n      {props.tags.map((tag) => (\n        <TagListItem key={tag.id} tag={tag} assigned={assignedTags.indexOf(tag) >= 0} onClick={assignOrUnassignTag} />\n      ))}\n    </VStack>\n  )\n\n  const icon = canEdit && (isEditing ? <Icon sprite={IconCheckCircle} className=\"h-4\" /> : <Icon sprite={IconPencilAlt} className=\"h-4\" />)\n\n  return (\n    <VStack>\n      <HStack spacing={2} className=\"text-category clickable\" onClick={onSubtitleClick}>\n        <span>\n          <Trans id=\"label.tags\">Tags</Trans>\n        </span>\n        {icon}\n      </HStack>\n\n      {!isEditing && tagsList}\n      {isEditing && editTagsList}\n    </VStack>\n  )\n}\n","import React, { useState } from \"react\"\nimport { Post } from \"@fider/models\"\nimport { Button, Icon } from \"@fider/components\"\nimport { actions } from \"@fider/services\"\nimport { useFider } from \"@fider/hooks\"\nimport IconVolumeOn from \"@fider/assets/images/heroicons-volume-on.svg\"\nimport IconVolumeOff from \"@fider/assets/images/heroicons-volume-off.svg\"\nimport { VStack } from \"@fider/components/layout\"\nimport { Trans } from \"@lingui/macro\"\n\ninterface NotificationsPanelProps {\n  post: Post\n  subscribed: boolean\n}\n\nexport const NotificationsPanel = (props: NotificationsPanelProps) => {\n  const fider = useFider()\n  const [subscribed, setSubscribed] = useState(props.subscribed)\n\n  const subscribeOrUnsubscribe = async () => {\n    const action = subscribed ? actions.unsubscribe : actions.subscribe\n\n    const response = await action(props.post.number)\n    if (response.ok) {\n      setSubscribed(!subscribed)\n    }\n  }\n\n  if (!fider.session.isAuthenticated) {\n    return null\n  }\n\n  const button = subscribed ? (\n    <Button className=\"w-full\" onClick={subscribeOrUnsubscribe}>\n      <Icon sprite={IconVolumeOff} />{\" \"}\n      <span>\n        <Trans id=\"label.unsubscribe\">Unsubscribe</Trans>\n      </span>\n    </Button>\n  ) : (\n    <Button className=\"w-full\" onClick={subscribeOrUnsubscribe}>\n      <Icon sprite={IconVolumeOn} />\n      <span>\n        <Trans id=\"label.subscribe\">Subscribe</Trans>\n      </span>\n    </Button>\n  )\n\n  const text = subscribed ? (\n    <span className=\"text-muted\">\n      <Trans id=\"showpost.notificationspanel.message.subscribed\">You’re receiving notifications about activity on this post.</Trans>\n    </span>\n  ) : (\n    <span className=\"text-muted\">\n      <Trans id=\"showpost.notificationspanel.message.unsubscribed\">You&apos;ll not receive any notification about this post.</Trans>\n    </span>\n  )\n\n  return (\n    <VStack>\n      <span className=\"text-category\">\n        <Trans id=\"label.notifications\">Notifications</Trans>\n      </span>\n      {button}\n      {text}\n    </VStack>\n  )\n}\n","import React, { useState } from \"react\"\nimport { PostStatus, Post } from \"@fider/models\"\nimport { actions, navigator, Failure } from \"@fider/services\"\nimport { Form, Modal, Button, TextArea } from \"@fider/components\"\nimport { useFider } from \"@fider/hooks\"\nimport { VStack } from \"@fider/components/layout\"\nimport { t, Trans } from \"@lingui/macro\"\n\ninterface ModerationPanelProps {\n  post: Post\n}\n\nexport const ModerationPanel = (props: ModerationPanelProps) => {\n  const fider = useFider()\n  const [showConfirmation, setShowConfirmation] = useState(false)\n  const [text, setText] = useState(\"\")\n  const [error, setError] = useState<Failure>()\n\n  const hideModal = async () => setShowConfirmation(false)\n  const showModal = async () => setShowConfirmation(true)\n\n  const handleDelete = async () => {\n    const response = await actions.deletePost(props.post.number, text)\n    if (response.ok) {\n      hideModal()\n      navigator.goHome()\n    } else if (response.error) {\n      setError(response.error)\n    }\n  }\n\n  const status = PostStatus.Get(props.post.status)\n  if (!fider.session.isAuthenticated || !fider.session.user.isAdministrator || status.closed) {\n    return null\n  }\n\n  const modal = (\n    <Modal.Window isOpen={showConfirmation} onClose={hideModal} center={false} size=\"large\">\n      <Modal.Content>\n        <Form error={error}>\n          <TextArea\n            field=\"text\"\n            onChange={setText}\n            value={text}\n            placeholder={t({ id: \"showpost.moderationpanel.text.placeholder\", message: \"Why are you deleting this post? (optional)\" })}\n          >\n            <span className=\"text-muted\">\n              <Trans id=\"showpost.moderationpanel.text.help\">\n                This operation <strong>cannot</strong> be undone.\n              </Trans>\n            </span>\n          </TextArea>\n        </Form>\n      </Modal.Content>\n\n      <Modal.Footer>\n        <Button variant=\"danger\" onClick={handleDelete}>\n          <Trans id=\"action.delete\">Delete</Trans>\n        </Button>\n        <Button variant=\"tertiary\" onClick={hideModal}>\n          <Trans id=\"action.cancel\">Cancel</Trans>\n        </Button>\n      </Modal.Footer>\n    </Modal.Window>\n  )\n\n  return (\n    <VStack>\n      {modal}\n      <span className=\"text-category\">\n        <Trans id=\"label.moderation\">Moderation</Trans>\n      </span>\n      <Button variant=\"danger\" size=\"small\" className=\"w-full\" onClick={showModal}>\n        <Trans id=\"action.delete\">Delete</Trans>\n      </Button>\n    </VStack>\n  )\n}\n","import React, { useState } from \"react\"\nimport { Comment, Post, ImageUpload } from \"@fider/models\"\nimport { Avatar, UserName, Moment, Form, TextArea, Button, Markdown, Modal, ImageViewer, MultiImageUploader, Dropdown, Icon } from \"@fider/components\"\nimport { HStack } from \"@fider/components/layout\"\nimport { formatDate, Failure, actions } from \"@fider/services\"\nimport { useFider } from \"@fider/hooks\"\nimport IconDotsHorizontal from \"@fider/assets/images/heroicons-dots-horizontal.svg\"\nimport { Trans } from \"@lingui/macro\"\n\ninterface ShowCommentProps {\n  post: Post\n  comment: Comment\n}\n\nexport const ShowComment = (props: ShowCommentProps) => {\n  const fider = useFider()\n  const [isEditing, setIsEditing] = useState(false)\n  const [newContent, setNewContent] = useState(\"\")\n  const [isDeleteConfirmationModalOpen, setIsDeleteConfirmationModalOpen] = useState(false)\n  const [attachments, setAttachments] = useState<ImageUpload[]>([])\n  const [error, setError] = useState<Failure>()\n\n  const canEditComment = (): boolean => {\n    if (fider.session.isAuthenticated) {\n      return fider.session.user.isCollaborator || props.comment.user.id === fider.session.user.id\n    }\n    return false\n  }\n\n  const clearError = () => setError(undefined)\n\n  const cancelEdit = async () => {\n    setIsEditing(false)\n    setNewContent(\"\")\n    clearError()\n  }\n\n  const saveEdit = async () => {\n    const response = await actions.updateComment(props.post.number, props.comment.id, newContent, attachments)\n    if (response.ok) {\n      location.reload()\n    } else {\n      setError(response.error)\n    }\n  }\n\n  const closeModal = async () => {\n    setIsDeleteConfirmationModalOpen(false)\n  }\n\n  const deleteComment = async () => {\n    const response = await actions.deleteComment(props.post.number, props.comment.id)\n    if (response.ok) {\n      location.reload()\n    }\n  }\n\n  const onActionSelected = (action: string) => () => {\n    if (action === \"edit\") {\n      setIsEditing(true)\n      setNewContent(props.comment.content)\n      clearError()\n    } else if (action === \"delete\") {\n      setIsDeleteConfirmationModalOpen(true)\n    }\n  }\n\n  const modal = () => {\n    return (\n      <Modal.Window isOpen={isDeleteConfirmationModalOpen} onClose={closeModal} center={false} size=\"small\">\n        <Modal.Header>\n          <Trans id=\"modal.deletecomment.header\">Delete Comment</Trans>\n        </Modal.Header>\n        <Modal.Content>\n          <p>\n            <Trans id=\"modal.deletecomment.text\">\n              This process is irreversible. <strong>Are you sure?</strong>\n            </Trans>\n          </p>\n        </Modal.Content>\n\n        <Modal.Footer>\n          <Button variant=\"danger\" onClick={deleteComment}>\n            <Trans id=\"action.delete\">Delete</Trans>\n          </Button>\n          <Button variant=\"tertiary\" onClick={closeModal}>\n            <Trans id=\"action.cancel\">Cancel</Trans>\n          </Button>\n        </Modal.Footer>\n      </Modal.Window>\n    )\n  }\n\n  const comment = props.comment\n\n  const editedMetadata = !!comment.editedAt && !!comment.editedBy && (\n    <span data-tooltip={`This comment has been edited by ${comment.editedBy.name} on ${formatDate(fider.currentLocale, comment.editedAt)}`}>· edited</span>\n  )\n\n  return (\n    <HStack spacing={2} center={false} className=\"c-comment flex-items-baseline\">\n      {modal()}\n      <div className=\"pt-4\">\n        <Avatar user={comment.user} />\n      </div>\n      <div className=\"flex-grow bg-gray-50 rounded-md p-2\">\n        <div className=\"mb-1\">\n          <HStack justify=\"between\">\n            <HStack>\n              <UserName user={comment.user} />{\" \"}\n              <div className=\"text-xs\">\n                · <Moment locale={fider.currentLocale} date={comment.createdAt} /> {editedMetadata}\n              </div>\n            </HStack>\n            {!isEditing && canEditComment() && (\n              <Dropdown position=\"left\" renderHandle={<Icon sprite={IconDotsHorizontal} width=\"16\" height=\"16\" />}>\n                <Dropdown.ListItem onClick={onActionSelected(\"edit\")}>\n                  <Trans id=\"action.edit\">Edit</Trans>\n                </Dropdown.ListItem>\n                <Dropdown.ListItem onClick={onActionSelected(\"delete\")} className=\"text-red-700\">\n                  <Trans id=\"action.delete\">Delete</Trans>\n                </Dropdown.ListItem>\n              </Dropdown>\n            )}\n          </HStack>\n        </div>\n        <div>\n          {isEditing ? (\n            <Form error={error}>\n              <TextArea field=\"content\" minRows={1} value={newContent} placeholder={comment.content} onChange={setNewContent} />\n              <MultiImageUploader field=\"attachments\" bkeys={comment.attachments} maxUploads={2} onChange={setAttachments} />\n              <Button size=\"small\" onClick={saveEdit} variant=\"primary\">\n                <Trans id=\"action.save\">Save</Trans>\n              </Button>\n              <Button variant=\"tertiary\" size=\"small\" onClick={cancelEdit}>\n                <Trans id=\"action.cancel\">Cancel</Trans>\n              </Button>\n            </Form>\n          ) : (\n            <>\n              <Markdown text={comment.content} style=\"full\" />\n              {comment.attachments && comment.attachments.map((x) => <ImageViewer key={x} bkey={x} />)}\n            </>\n          )}\n        </div>\n      </div>\n    </HStack>\n  )\n}\n","import React, { useState, useRef } from \"react\"\n\nimport { Post, ImageUpload } from \"@fider/models\"\nimport { Avatar, UserName, Button, TextArea, Form, MultiImageUploader } from \"@fider/components\"\nimport { SignInModal } from \"@fider/components\"\n\nimport { cache, actions, Failure, Fider } from \"@fider/services\"\nimport { useFider } from \"@fider/hooks\"\nimport { HStack } from \"@fider/components/layout\"\nimport { t, Trans } from \"@lingui/macro\"\n\ninterface CommentInputProps {\n  post: Post\n}\n\nconst CACHE_TITLE_KEY = \"CommentInput-Comment-\"\n\nexport const CommentInput = (props: CommentInputProps) => {\n  const getCacheKey = () => `${CACHE_TITLE_KEY}${props.post.id}`\n\n  const fider = useFider()\n  const inputRef = useRef<HTMLTextAreaElement>()\n  const [content, setContent] = useState((fider.session.isAuthenticated && cache.session.get(getCacheKey())) || \"\")\n  const [isSignInModalOpen, setIsSignInModalOpen] = useState(false)\n  const [attachments, setAttachments] = useState<ImageUpload[]>([])\n  const [error, setError] = useState<Failure | undefined>(undefined)\n\n  const commentChanged = (newContent: string) => {\n    cache.session.set(getCacheKey(), newContent)\n    setContent(newContent)\n  }\n\n  const hideModal = () => setIsSignInModalOpen(false)\n  const clearError = () => setError(undefined)\n\n  const submit = async () => {\n    clearError()\n\n    const result = await actions.createComment(props.post.number, content, attachments)\n    if (result.ok) {\n      cache.session.remove(getCacheKey())\n      location.reload()\n    } else {\n      setError(result.error)\n    }\n  }\n\n  const handleOnFocus = () => {\n    if (!fider.session.isAuthenticated && inputRef.current) {\n      inputRef.current.blur()\n      setIsSignInModalOpen(true)\n    }\n  }\n\n  return (\n    <>\n      <SignInModal isOpen={isSignInModalOpen} onClose={hideModal} />\n      <HStack spacing={2} center={false} className=\"c-comment-input\">\n        {Fider.session.isAuthenticated && <Avatar user={Fider.session.user} />}\n        <div className=\"flex-grow bg-gray-50 rounded-md p-2\">\n          <Form error={error}>\n            {Fider.session.isAuthenticated && (\n              <div className=\"mb-1\">\n                <UserName user={Fider.session.user} />\n              </div>\n            )}\n            <TextArea\n              placeholder={t({ id: \"showpost.commentinput.placeholder\", message: \"Leave a comment\" })}\n              field=\"content\"\n              value={content}\n              minRows={1}\n              onChange={commentChanged}\n              onFocus={handleOnFocus}\n              inputRef={inputRef}\n            />\n            {content && (\n              <>\n                <MultiImageUploader field=\"attachments\" maxUploads={2} onChange={setAttachments} />\n                <Button variant=\"primary\" onClick={submit}>\n                  <Trans id=\"action.submit\">Submit</Trans>\n                </Button>\n              </>\n            )}\n          </Form>\n        </div>\n      </HStack>\n    </>\n  )\n}\n","import React from \"react\"\nimport { CurrentUser, Comment, Post } from \"@fider/models\"\nimport { ShowComment } from \"./ShowComment\"\nimport { CommentInput } from \"./CommentInput\"\nimport PostIllustration from \"@fider/assets/images/undraw-post.svg\"\nimport { Icon } from \"@fider/components\"\nimport { VStack } from \"@fider/components/layout\"\nimport { Trans } from \"@lingui/macro\"\n\ninterface DiscussionPanelProps {\n  user?: CurrentUser\n  post: Post\n  comments: Comment[]\n}\n\nexport const DiscussionPanel = (props: DiscussionPanelProps) => {\n  return (\n    <>\n      <VStack spacing={2} className=\"c-comment-list\">\n        <span className=\"text-category\">\n          <Trans id=\"label.discussion\">Discussion</Trans>\n        </span>\n        <VStack spacing={4} className=\"c-comment-list\">\n          {props.comments.map((c) => (\n            <ShowComment key={c.id} post={props.post} comment={c} />\n          ))}\n          <CommentInput post={props.post} />\n        </VStack>\n        {props.comments.length === 0 && (\n          <div className=\"text-center mt-4\">\n            <Icon sprite={PostIllustration} height=\"120\" />\n            <p className=\"text-xs\">\n              <Trans id=\"showpost.discussionpanel.emptymessage\">No one has commented yet.</Trans>\n            </p>\n          </div>\n        )}\n      </VStack>\n    </>\n  )\n}\n","import React from \"react\"\nimport { Post, Vote } from \"@fider/models\"\nimport { Modal, Button, Loader, Avatar, UserName, Moment, Input } from \"@fider/components\"\nimport { actions, Fider } from \"@fider/services\"\nimport IconSearch from \"@fider/assets/images/heroicons-search.svg\"\nimport IconX from \"@fider/assets/images/heroicons-x.svg\"\nimport { HStack, VStack } from \"@fider/components/layout\"\nimport { t, Trans } from \"@lingui/macro\"\n\ninterface VotesModalProps {\n  isOpen: boolean\n  post: Post\n  onClose?: () => void\n}\n\ninterface VotesModalState {\n  searchText: string\n  allVotes: Vote[]\n  filteredVotes: Vote[]\n  isLoading: boolean\n  query: string\n}\n\nexport class VotesModal extends React.Component<VotesModalProps, VotesModalState> {\n  constructor(props: VotesModalProps) {\n    super(props)\n    this.state = {\n      searchText: \"\",\n      query: \"\",\n      allVotes: [],\n      filteredVotes: [],\n      isLoading: true,\n    }\n  }\n\n  public componentDidUpdate(prevProps: VotesModalProps) {\n    if (this.props.isOpen && !prevProps.isOpen) {\n      actions.listVotes(this.props.post.number).then((response) => {\n        if (response.ok) {\n          this.setState({\n            allVotes: response.data,\n            filteredVotes: response.data,\n            isLoading: false,\n          })\n        }\n      })\n    }\n  }\n\n  private closeModal = async () => {\n    if (this.props.onClose) {\n      this.props.onClose()\n    }\n  }\n\n  private clearSearch = () => {\n    this.handleSearchFilterChanged(\"\")\n  }\n\n  private handleSearchFilterChanged = (query: string) => {\n    const votes = this.state.allVotes.filter((x) => x.user.name.toLowerCase().indexOf(query.toLowerCase()) >= 0)\n    this.setState({ query, filteredVotes: votes })\n  }\n\n  public render() {\n    return (\n      <Modal.Window isOpen={this.props.isOpen} center={false} onClose={this.closeModal}>\n        <Modal.Content>\n          {this.state.isLoading && <Loader />}\n          {!this.state.isLoading && (\n            <>\n              <Input\n                field=\"query\"\n                icon={this.state.query ? IconX : IconSearch}\n                onIconClick={this.state.query ? this.clearSearch : undefined}\n                placeholder={t({ id: \"modal.showvotes.query.placeholder\", message: \"Search for users by name...\" })}\n                value={this.state.query}\n                onChange={this.handleSearchFilterChanged}\n              />\n              <VStack spacing={2} className=\"h-max-5xl overflow-scroll\">\n                {this.state.filteredVotes.map((x) => (\n                  <HStack key={x.user.id} justify=\"between\">\n                    <HStack>\n                      <Avatar user={x.user} />\n                      <VStack spacing={0}>\n                        <UserName user={x.user} />\n                        <span className=\"text-muted\">{x.user.email}</span>\n                      </VStack>\n                    </HStack>\n                    <span className=\"text-muted\">\n                      <Moment locale={Fider.currentLocale} date={x.createdAt} />\n                    </span>\n                  </HStack>\n                ))}\n                {this.state.filteredVotes.length === 0 && (\n                  <p className=\"text-muted\">\n                    <Trans id=\"modal.showvotes.message.zeromatches\">\n                      No users found matching <strong>{this.state.query}</strong>.\n                    </Trans>\n                  </p>\n                )}\n              </VStack>\n            </>\n          )}\n        </Modal.Content>\n\n        <Modal.Footer>\n          <Button variant=\"tertiary\" onClick={this.closeModal}>\n            <Trans id=\"action.close\">Close</Trans>\n          </Button>\n        </Modal.Footer>\n      </Modal.Window>\n    )\n  }\n}\n","import React, { useState } from \"react\"\nimport { Post, Vote } from \"@fider/models\"\nimport { AvatarStack, Button } from \"@fider/components\"\nimport { Fider } from \"@fider/services\"\nimport { useFider } from \"@fider/hooks\"\nimport { VotesModal } from \"./VotesModal\"\nimport { HStack, VStack } from \"@fider/components/layout\"\nimport { Trans } from \"@lingui/macro\"\n\ninterface VotesPanelProps {\n  post: Post\n  votes: Vote[]\n}\n\nexport const VotesPanel = (props: VotesPanelProps) => {\n  const fider = useFider()\n  const [isVotesModalOpen, setIsVotesModalOpen] = useState(false)\n  const canShowAll = fider.session.isAuthenticated && Fider.session.user.isCollaborator\n\n  const openModal = () => {\n    if (canShowAll) {\n      setIsVotesModalOpen(true)\n    }\n  }\n\n  const closeModal = () => setIsVotesModalOpen(false)\n\n  const extraVotesCount = props.post.votesCount - props.votes.length\n\n  return (\n    <VStack>\n      <VotesModal post={props.post} isOpen={isVotesModalOpen} onClose={closeModal} />\n      <span className=\"text-category\">\n        <Trans id=\"label.voters\">Voters</Trans>\n      </span>\n      <HStack>\n        {props.votes.length > 0 && <AvatarStack users={props.votes.map((x) => x.user)} />}\n        {extraVotesCount > 0 && (\n          <Button variant=\"tertiary\" disabled={!canShowAll} size=\"small\" onClick={openModal}>\n            <Trans id=\"showpost.votespanel.more\">+{extraVotesCount} more</Trans>\n          </Button>\n        )}\n        {props.votes.length > 0 && extraVotesCount === 0 && canShowAll && (\n          <Button variant=\"tertiary\" size=\"small\" disabled={!canShowAll} onClick={openModal}>\n            <Trans id=\"showpost.votespanel.seedetails\">see details</Trans>\n          </Button>\n        )}\n        {props.votes.length === 0 && (\n          <span className=\"text-muted\">\n            <Trans id=\"label.none\">None</Trans>\n          </span>\n        )}\n      </HStack>\n    </VStack>\n  )\n}\n","import \"./ShowPost.page.scss\"\n\nimport React from \"react\"\n\nimport { Comment, Post, Tag, Vote, ImageUpload, CurrentUser } from \"@fider/models\"\nimport { actions, Failure, Fider, timeAgo } from \"@fider/services\"\n\nimport {\n  VoteCounter,\n  ShowPostResponse,\n  Button,\n  UserName,\n  Moment,\n  Markdown,\n  Input,\n  Form,\n  TextArea,\n  MultiImageUploader,\n  ImageViewer,\n  Icon,\n} from \"@fider/components\"\nimport { ResponseForm } from \"./components/ResponseForm\"\nimport { TagsPanel } from \"./components/TagsPanel\"\nimport { NotificationsPanel } from \"./components/NotificationsPanel\"\nimport { ModerationPanel } from \"./components/ModerationPanel\"\nimport { DiscussionPanel } from \"./components/DiscussionPanel\"\nimport { VotesPanel } from \"./components/VotesPanel\"\n\nimport IconX from \"@fider/assets/images/heroicons-x.svg\"\nimport IconPencilAlt from \"@fider/assets/images/heroicons-pencil-alt.svg\"\nimport IconCheck from \"@fider/assets/images/heroicons-check.svg\"\nimport { HStack, VStack } from \"@fider/components/layout\"\nimport { Trans } from \"@lingui/macro\"\n\ninterface ShowPostPageProps {\n  post: Post\n  subscribed: boolean\n  comments: Comment[]\n  tags: Tag[]\n  votes: Vote[]\n  attachments: string[]\n}\n\ninterface ShowPostPageState {\n  editMode: boolean\n  newTitle: string\n  attachments: ImageUpload[]\n  newDescription: string\n  error?: Failure\n}\n\nconst oneHour = 3600\nconst canEditPost = (user: CurrentUser, post: Post) => {\n  if (user.isCollaborator) {\n    return true\n  }\n\n  return user.id === post.user.id && timeAgo(post.createdAt) <= oneHour\n}\n\nexport default class ShowPostPage extends React.Component<ShowPostPageProps, ShowPostPageState> {\n  constructor(props: ShowPostPageProps) {\n    super(props)\n\n    this.state = {\n      editMode: false,\n      newTitle: this.props.post.title,\n      newDescription: this.props.post.description,\n      attachments: [],\n    }\n  }\n\n  private saveChanges = async () => {\n    const result = await actions.updatePost(this.props.post.number, this.state.newTitle, this.state.newDescription, this.state.attachments)\n    if (result.ok) {\n      location.reload()\n    } else {\n      this.setState({\n        error: result.error,\n      })\n    }\n  }\n\n  private setNewTitle = (newTitle: string) => {\n    this.setState({ newTitle })\n  }\n\n  private setNewDescription = (newDescription: string) => {\n    this.setState({ newDescription })\n  }\n\n  private setAttachments = (attachments: ImageUpload[]) => {\n    this.setState({ attachments })\n  }\n\n  private cancelEdit = async () => {\n    this.setState({ error: undefined, editMode: false })\n  }\n\n  private startEdit = async () => {\n    this.setState({ editMode: true })\n  }\n\n  public render() {\n    return (\n      <div id=\"p-show-post\" className=\"page container\">\n        <VStack className=\"p-show-post\" spacing={4}>\n          <div className=\"p-show-post__header-col\">\n            <VStack spacing={4}>\n              <HStack>\n                <VoteCounter post={this.props.post} />\n\n                <div className=\"flex-grow\">\n                  {this.state.editMode ? (\n                    <Form error={this.state.error}>\n                      <Input field=\"title\" maxLength={100} value={this.state.newTitle} onChange={this.setNewTitle} />\n                    </Form>\n                  ) : (\n                    <h1 className=\"text-display2\">{this.props.post.title}</h1>\n                  )}\n\n                  <span className=\"text-muted\">\n                    <Trans id=\"showpost.label.author\">\n                      Posted by <UserName user={this.props.post.user} /> &middot; <Moment locale={Fider.currentLocale} date={this.props.post.createdAt} />\n                    </Trans>\n                  </span>\n                </div>\n              </HStack>\n              <VStack>\n                <span className=\"text-category\">\n                  <Trans id=\"label.description\">Description</Trans>\n                </span>\n                {this.state.editMode ? (\n                  <Form error={this.state.error}>\n                    <TextArea field=\"description\" value={this.state.newDescription} onChange={this.setNewDescription} />\n                    <MultiImageUploader field=\"attachments\" bkeys={this.props.attachments} maxUploads={3} onChange={this.setAttachments} />\n                  </Form>\n                ) : (\n                  <>\n                    {this.props.post.description && <Markdown className=\"description\" text={this.props.post.description} style=\"full\" />}\n                    {!this.props.post.description && (\n                      <em className=\"text-muted\">\n                        <Trans id=\"showpost.message.nodescription\">No description provided.</Trans>\n                      </em>\n                    )}\n                    {this.props.attachments.map((x) => (\n                      <ImageViewer key={x} bkey={x} />\n                    ))}\n                  </>\n                )}\n              </VStack>\n              <ShowPostResponse status={this.props.post.status} response={this.props.post.response} />\n            </VStack>\n          </div>\n\n          <VStack spacing={4} className=\"p-show-post__action-col\">\n            <VotesPanel post={this.props.post} votes={this.props.votes} />\n\n            {Fider.session.isAuthenticated && canEditPost(Fider.session.user, this.props.post) && (\n              <VStack>\n                <span key={0} className=\"text-category\">\n                  <Trans id=\"label.actions\">Actions</Trans>\n                </span>\n                {this.state.editMode ? (\n                  <VStack>\n                    <Button variant=\"primary\" onClick={this.saveChanges}>\n                      <Icon sprite={IconCheck} />{\" \"}\n                      <span>\n                        <Trans id=\"action.save\">Save</Trans>\n                      </span>\n                    </Button>\n                    <Button onClick={this.cancelEdit}>\n                      <Icon sprite={IconX} />\n                      <span>\n                        <Trans id=\"action.cancel\">Cancel</Trans>\n                      </span>\n                    </Button>\n                  </VStack>\n                ) : (\n                  <VStack>\n                    <Button onClick={this.startEdit}>\n                      <Icon sprite={IconPencilAlt} />\n                      <span>\n                        <Trans id=\"action.edit\">Edit</Trans>\n                      </span>\n                    </Button>\n                    {Fider.session.user.isCollaborator && <ResponseForm post={this.props.post} />}\n                  </VStack>\n                )}\n              </VStack>\n            )}\n\n            <TagsPanel post={this.props.post} tags={this.props.tags} />\n            <NotificationsPanel post={this.props.post} subscribed={this.props.subscribed} />\n            <ModerationPanel post={this.props.post} />\n          </VStack>\n\n          <div className=\"p-show-post__discussion_col\">\n            <DiscussionPanel post={this.props.post} comments={this.props.comments} />\n          </div>\n        </VStack>\n      </div>\n    )\n  }\n}\n","module.exports = {\n      id: \"heroicons-check-usage\",\n      viewBox: \"0 0 24 24\",\n      url: \"/assets/icons/\" + \"sprite.ecb5ac98d0f5af61574884cef75bbacd.svg#heroicons-check\",\n      toString: function () {\n        return this.url;\n      }\n    }","module.exports = {\n      id: \"heroicons-dots-horizontal-usage\",\n      viewBox: \"0 0 24 24\",\n      url: \"/assets/icons/\" + \"sprite.ecb5ac98d0f5af61574884cef75bbacd.svg#heroicons-dots-horizontal\",\n      toString: function () {\n        return this.url;\n      }\n    }","module.exports = {\n      id: \"heroicons-pencil-alt-usage\",\n      viewBox: \"0 0 24 24\",\n      url: \"/assets/icons/\" + \"sprite.ecb5ac98d0f5af61574884cef75bbacd.svg#heroicons-pencil-alt\",\n      toString: function () {\n        return this.url;\n      }\n    }","module.exports = {\n      id: \"heroicons-search-usage\",\n      viewBox: \"0 0 24 24\",\n      url: \"/assets/icons/\" + \"sprite.ecb5ac98d0f5af61574884cef75bbacd.svg#heroicons-search\",\n      toString: function () {\n        return this.url;\n      }\n    }","module.exports = {\n      id: \"heroicons-speakerphone-usage\",\n      viewBox: \"0 0 24 24\",\n      url: \"/assets/icons/\" + \"sprite.ecb5ac98d0f5af61574884cef75bbacd.svg#heroicons-speakerphone\",\n      toString: function () {\n        return this.url;\n      }\n    }","module.exports = {\n      id: \"heroicons-volume-off-usage\",\n      viewBox: \"0 0 24 24\",\n      url: \"/assets/icons/\" + \"sprite.ecb5ac98d0f5af61574884cef75bbacd.svg#heroicons-volume-off\",\n      toString: function () {\n        return this.url;\n      }\n    }","module.exports = {\n      id: \"heroicons-volume-on-usage\",\n      viewBox: \"0 0 24 24\",\n      url: \"/assets/icons/\" + \"sprite.ecb5ac98d0f5af61574884cef75bbacd.svg#heroicons-volume-on\",\n      toString: function () {\n        return this.url;\n      }\n    }","module.exports = {\n      id: \"undraw-post-usage\",\n      viewBox: \"0 0 843.57946 640.51678\",\n      url: \"/assets/icons/\" + \"sprite.ecb5ac98d0f5af61574884cef75bbacd.svg#undraw-post\",\n      toString: function () {\n        return this.url;\n      }\n    }"],"names":["PostSearch","props","query","setQuery","useState","posts","setPosts","selectedPost","setSelectedPost","useEffect","timer","setTimeout","actions","limit","then","res","ok","filteredPosts","exclude","length","data","filter","i","indexOf","number","clearTimeout","field","icon","IconSearch","placeholder","id","value","onChange","className","map","p","onClick","post","onChanged","key","status","PostStatus","votesCount","title","ResponseForm","React","constructor","super","async","result","this","state","location","reload","setState","error","showModal","opt","originalNumber","text","response","render","button","sprite","IconSpeakerPhone","options","s","toString","label","modal","isOpen","onClose","closeModal","center","size","defaultValue","setStatus","setOriginalNumber","fields","setText","minRows","variant","submit","TagListItem","tag","IconCheck","assigned","circular","name","TagsPanel","fider","useFider","canEdit","session","isAuthenticated","user","isCollaborator","tags","isEditing","setIsEditing","assignedTags","setAssignedTags","t","slug","assignOrUnassignTag","idx","nextAssignedTags","splice","tagsList","spacing","link","editTagsList","IconCheckCircle","IconPencilAlt","NotificationsPanel","subscribed","setSubscribed","subscribeOrUnsubscribe","action","IconVolumeOff","IconVolumeOn","ModerationPanel","showConfirmation","setShowConfirmation","setError","hideModal","isAdministrator","closed","navigator","ShowComment","newContent","setNewContent","isDeleteConfirmationModalOpen","setIsDeleteConfirmationModalOpen","attachments","setAttachments","clearError","undefined","onActionSelected","comment","content","editedMetadata","editedAt","editedBy","data-tooltip","formatDate","currentLocale","justify","locale","date","createdAt","position","renderHandle","IconDotsHorizontal","width","height","bkeys","maxUploads","style","x","bkey","CommentInput","getCacheKey","inputRef","useRef","setContent","cache","isSignInModalOpen","setIsSignInModalOpen","Fider","onFocus","current","blur","DiscussionPanel","comments","c","PostIllustration","VotesModal","handleSearchFilterChanged","votes","allVotes","toLowerCase","filteredVotes","searchText","isLoading","componentDidUpdate","prevProps","IconX","onIconClick","clearSearch","email","VotesPanel","isVotesModalOpen","setIsVotesModalOpen","canShowAll","openModal","extraVotesCount","users","disabled","ShowPostPage","newTitle","newDescription","editMode","description","maxLength","setNewTitle","setNewDescription","timeAgo","saveChanges","cancelEdit","startEdit","module","exports","viewBox","url"],"sourceRoot":""}