{"version":3,"file":"js/ShowPost-ShowPost-page.50c5ff6605b5fd111ef1.js","mappings":"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","sources":["webpack://fider/./public/pages/ShowPost/components/PostSearch.tsx","webpack://fider/./public/assets/images/heroicons-speakerphone.svg","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/assets/images/heroicons-volume-on.svg","webpack://fider/./public/assets/images/heroicons-volume-off.svg","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/assets/images/undraw-post.svg","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"],"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 SpriteSymbol from \"../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n  \"id\": \"heroicons-speakerphone\",\n  \"use\": \"heroicons-speakerphone-usage\",\n  \"viewBox\": \"0 0 24 24\",\n  \"content\": \"<symbol xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"none\\\" viewBox=\\\"0 0 24 24\\\" stroke=\\\"currentColor\\\" id=\\\"heroicons-speakerphone\\\"><path stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" stroke-width=\\\"2\\\" d=\\\"M11 5.882V19.24a1.76 1.76 0 0 1-3.417.592l-2.147-6.15M18 13a3 3 0 1 0 0-6M5.436 13.683A4.001 4.001 0 0 1 7 6h1.832c4.1 0 7.625-1.234 9.168-3v14c-1.543-1.766-5.067-3-9.168-3H7a3.988 3.988 0 0 1-1.564-.317z\\\" /></symbol>\"\n});\nvar result = sprite.add(symbol);\nexport default symbol","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, Fider } 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} disabled={Fider.isReadOnly}>\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  if (fider.isReadOnly) {\n    return (\n      <VStack>\n        <HStack spacing={2} className=\"text-category\">\n          <Trans id=\"label.tags\">Tags</Trans>\n        </HStack>\n        {tagsList}\n      </VStack>\n    )\n  }\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 SpriteSymbol from \"../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n  \"id\": \"heroicons-volume-on\",\n  \"use\": \"heroicons-volume-on-usage\",\n  \"viewBox\": \"0 0 24 24\",\n  \"content\": \"<symbol xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"none\\\" viewBox=\\\"0 0 24 24\\\" stroke=\\\"currentColor\\\" id=\\\"heroicons-volume-on\\\"><path stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" stroke-width=\\\"2\\\" d=\\\"M15.536 8.464a5 5 0 0 1 0 7.072m2.828-9.9a9 9 0 0 1 0 12.728M5.586 15H4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h1.586l4.707-4.707C10.923 3.663 12 4.109 12 5v14c0 .891-1.077 1.337-1.707.707L5.586 15z\\\" /></symbol>\"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n  \"id\": \"heroicons-volume-off\",\n  \"use\": \"heroicons-volume-off-usage\",\n  \"viewBox\": \"0 0 24 24\",\n  \"content\": \"<symbol xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"none\\\" viewBox=\\\"0 0 24 24\\\" stroke=\\\"currentColor\\\" id=\\\"heroicons-volume-off\\\"><path stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" stroke-width=\\\"2\\\" d=\\\"M5.586 15H4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h1.586l4.707-4.707C10.923 3.663 12 4.109 12 5v14c0 .891-1.077 1.337-1.707.707L5.586 15z\\\" clip-rule=\\\"evenodd\\\" /><path stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" stroke-width=\\\"2\\\" d=\\\"m17 14 2-2m0 0 2-2m-2 2-2-2m2 2 2 2\\\" /></symbol>\"\n});\nvar result = sprite.add(symbol);\nexport default symbol","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} disabled={fider.isReadOnly}>\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} disabled={fider.isReadOnly}>\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 disabled={fider.isReadOnly} 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              disabled={fider.isReadOnly}\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 SpriteSymbol from \"../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n  \"id\": \"undraw-post\",\n  \"use\": \"undraw-post-usage\",\n  \"viewBox\": \"0 0 843.579 640.517\",\n  \"content\": \"<symbol xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 843.579 640.517\\\" id=\\\"undraw-post\\\"><path d=\\\"M424.443 0H48.125A48.18 48.18 0 0 0 0 48.125v441.876a48.18 48.18 0 0 0 48.125 48.125h376.318a48.18 48.18 0 0 0 48.125-48.125V48.125A48.18 48.18 0 0 0 424.443 0Z\\\" fill=\\\"#f2f2f2\\\" /><path d=\\\"M424.444 13.854H48.125a34.31 34.31 0 0 0-34.271 34.271v441.876a34.31 34.31 0 0 0 34.271 34.27h376.319a34.31 34.31 0 0 0 34.27-34.27V48.125a34.31 34.31 0 0 0-34.27-34.27Z\\\" fill=\\\"#fff\\\" /><path d=\\\"M367.808 142.34H177.506a8.014 8.014 0 0 1 0-16.028h190.302a8.014 8.014 0 1 1 0 16.028ZM400.866 169.387h-223.36a8.014 8.014 0 0 1 0-16.028h223.36a8.014 8.014 0 0 1 0 16.028ZM367.808 263.553H177.506a8.014 8.014 0 0 1 0-16.028h190.302a8.014 8.014 0 1 1 0 16.028ZM400.866 290.6h-223.36a8.014 8.014 0 0 1 0-16.027h223.36a8.014 8.014 0 0 1 0 16.028ZM367.808 384.767H177.506a8.014 8.014 0 0 1 0-16.028h190.302a8.014 8.014 0 1 1 0 16.028ZM400.866 411.814h-223.36a8.014 8.014 0 0 1 0-16.028h223.36a8.014 8.014 0 0 1 0 16.028Z\\\" fill=\\\"#f2f2f2\\\" /><path d=\\\"M134.877 181.666H67.531a3.847 3.847 0 0 1-3.843-3.843v-59.947a3.847 3.847 0 0 1 3.843-3.843h67.346a3.847 3.847 0 0 1 3.843 3.843v59.947a3.847 3.847 0 0 1-3.843 3.843ZM134.877 302.88H67.531a3.847 3.847 0 0 1-3.843-3.843v-59.948a3.847 3.847 0 0 1 3.843-3.842h67.346a3.847 3.847 0 0 1 3.843 3.842v59.948a3.847 3.847 0 0 1-3.843 3.842ZM134.877 424.093H67.531a3.847 3.847 0 0 1-3.843-3.843v-59.947a3.847 3.847 0 0 1 3.843-3.843h67.346a3.847 3.847 0 0 1 3.843 3.843v59.947a3.847 3.847 0 0 1-3.843 3.843ZM755.955 417.91l2.985-26.108 14.97-130.908 2.985-26.109a48.18 48.18 0 0 0-42.346-53.28l-339.663-38.84a48.18 48.18 0 0 0-53.28 42.346l-.008.067-20.925 182.99-.007.068a48.18 48.18 0 0 0 42.346 53.28l339.662 38.84a48.18 48.18 0 0 0 53.28-42.346Z\\\" fill=\\\"#e6e6e6\\\" /><path d=\\\"m742.19 416.337 3.536-30.924 13.868-121.278 3.536-30.924a34.31 34.31 0 0 0-30.155-37.942l-339.663-38.84a34.31 34.31 0 0 0-37.942 30.156l-.008.067-20.924 182.99-.008.068a34.31 34.31 0 0 0 30.156 37.942l339.662 38.84a34.31 34.31 0 0 0 37.942-30.155Z\\\" fill=\\\"#fff\\\" /><path d=\\\"m686.593 250.416-189.07-21.62a8.014 8.014 0 1 1 1.822-15.924l189.07 21.62a8.014 8.014 0 0 1-1.822 15.924ZM716.365 281.045 494.45 255.669a8.014 8.014 0 1 1 1.82-15.924l221.915 25.375a8.014 8.014 0 0 1-1.821 15.925ZM710.177 334.641l-327.17-37.411a8.014 8.014 0 0 1 1.822-15.925l327.17 37.412a8.014 8.014 0 1 1-1.822 15.924ZM708.156 361.634l-328.221-37.532a8.014 8.014 0 0 1 1.82-15.924l328.222 37.531a8.014 8.014 0 0 1-1.821 15.925ZM704.156 387.298l-327.17-37.411a8.014 8.014 0 1 1 1.821-15.925l327.17 37.411a8.014 8.014 0 0 1-1.82 15.925ZM702.135 414.29l-328.221-37.53a8.014 8.014 0 0 1 1.82-15.925l328.222 37.531a8.014 8.014 0 1 1-1.821 15.925Z\\\" fill=\\\"#e6e6e6\\\" /><path d=\\\"m450.703 263.025-66.91-7.65a3.847 3.847 0 0 1-3.381-4.255l6.81-59.56a3.847 3.847 0 0 1 4.255-3.38l66.91 7.65a3.847 3.847 0 0 1 3.381 4.255l-6.81 59.559a3.847 3.847 0 0 1-4.255 3.381Z\\\" fill=\\\"#4338ca\\\" /><path d=\\\"M842.58 640.358h-219a1 1 0 0 1 0-2h219a1 1 0 0 1 0 2Z\\\" fill=\\\"#3f3d56\\\" /><path d=\\\"M760.346 258.32a9.377 9.377 0 0 0 8.42 11.656l6.774 20.329 13.358-1.104-9.97-28.574a9.428 9.428 0 0 0-18.582-2.307Z\\\" fill=\\\"#ffb8b8\\\" /><path d=\\\"M770.576 391.445a12.084 12.084 0 0 0 19.98-6.323l10.58-48.473a47.876 47.876 0 0 0-1.235-24.98l-12.382-38.175a4 4 0 0 0-5.596-2.343l-8.08 4.046a4 4 0 0 0-2.051 4.694l.815 2.802a134.703 134.703 0 0 1 1.028 71.484l-6.58 25.33a12.084 12.084 0 0 0 3.521 11.938Z\\\" fill=\\\"#4338ca\\\" /><path fill=\\\"#ffb8b8\\\" d=\\\"m728.243 629.901-11.432-.001-5.437-44.096 16.873.001-.004 44.096z\\\" /><path d=\\\"M708.644 626.633h22.048v13.882h-35.93a13.882 13.882 0 0 1 13.882-13.882Z\\\" fill=\\\"#2f2e41\\\" /><path fill=\\\"#ffb8b8\\\" d=\\\"m789.864 629.901-11.432-.001-5.437-44.096 16.873.001-.004 44.096z\\\" /><path d=\\\"M770.266 626.633h22.047v13.882h-35.93a13.882 13.882 0 0 1 13.883-13.882Z\\\" fill=\\\"#2f2e41\\\" /><circle cx=\\\"756.383\\\" cy=\\\"291.865\\\" r=\\\"24.561\\\" fill=\\\"#ffb8b8\\\" /><path d=\\\"M672.4 452.043a9.377 9.377 0 0 1 12.093-7.78l13.726-16.454 12.034 5.903-19.71 22.964a9.428 9.428 0 0 1-18.142-4.633Z\\\" fill=\\\"#ffb8b8\\\" /><path d=\\\"M762.363 316.425a26.205 26.205 0 1 0-4.91-51.826c-5.401-3.28-11.68-5.486-17.975-4.925s-12.518 4.298-14.872 10.162.175 13.595 6.027 15.978c3.752 1.528 7.99.787 11.993.17s8.372-1.018 11.856 1.048 5.051 7.606 1.93 10.189a10.738 10.738 0 0 0-3.084 11.82c1.569 4.056 5.85 7.315 9.035 7.384ZM792.836 451.072l4.357 165.34a4 4 0 0 1-4.202 4.1l-14.353-.733a4 4 0 0 1-3.746-3.367L757.82 509.023a2 2 0 0 0-3.927-.122l-23.108 103.397a4 4 0 0 1-5.244 2.896l-14.243-.87a4 4 0 0 1-2.65-4.053l12.434-160.764Z\\\" fill=\\\"#2f2e41\\\" /><path d=\\\"M799.828 372.54c2.403-25.054-16.02-47.717-41.126-49.5-10.818-.768-27.612-1.042-33.149 13.137-16.677 42.713 12.518 41.676 2.46 78.683s-18.944 39.128-5.142 41.8 75.867 18.447 73.318-7.6c-1.566-16.01 1.242-51.526 3.64-76.52Z\\\" fill=\\\"#4338ca\\\" /><path d=\\\"M730.507 331.832A12.084 12.084 0 0 1 746.8 345.01l-7.84 48.991a47.876 47.876 0 0 1-10.265 22.807l-25.46 31.024a4 4 0 0 1-6.064.14l-6.047-6.717a4 4 0 0 1-.196-5.118l1.78-2.311a134.703 134.703 0 0 0 27.045-66.18l3.117-25.984a12.084 12.084 0 0 1 7.636-9.83Z\\\" fill=\\\"#4338ca\\\" /></symbol>\"\n});\nvar result = sprite.add(symbol);\nexport default symbol","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, { useEffect, useState } from \"react\"\nimport { Post, Vote } from \"@fider/models\"\nimport { Modal, Button, Loader, Avatar, UserName, Moment, Input } from \"@fider/components\"\nimport { actions } from \"@fider/services\"\nimport { useFider } from \"@fider/hooks\"\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\nexport const VotesModal: React.FC<VotesModalProps> = (props) => {\n  const [isLoading, setIsLoading] = useState(false)\n  const [query, setQuery] = useState(\"\")\n  const [allVotes, setAllVotes] = useState<Vote[]>([])\n  const [filteredVotes, setFilteredVotes] = useState<Vote[]>([])\n\n  const fider = useFider()\n\n  useEffect(() => {\n    if (props.isOpen) {\n      actions.listVotes(props.post.number).then((response) => {\n        if (response.ok) {\n          setAllVotes(response.data)\n          setFilteredVotes(response.data)\n          setIsLoading(false)\n        }\n      })\n    }\n  }, [props.isOpen])\n\n  const closeModal = async () => {\n    if (props.onClose) {\n      props.onClose()\n    }\n  }\n\n  const clearSearch = () => {\n    handleSearchFilterChanged(\"\")\n  }\n\n  const handleSearchFilterChanged = (query: string) => {\n    const votes = allVotes.filter((x) => x.user.name.toLowerCase().indexOf(query.toLowerCase()) >= 0)\n    setQuery(query)\n    setFilteredVotes(votes)\n  }\n\n  return (\n    <Modal.Window isOpen={props.isOpen} center={false} onClose={closeModal}>\n      <Modal.Content>\n        {isLoading && <Loader />}\n        {!isLoading && (\n          <>\n            <Input\n              field=\"query\"\n              icon={query ? IconX : IconSearch}\n              onIconClick={query ? clearSearch : undefined}\n              placeholder={t({ id: \"modal.showvotes.query.placeholder\", message: \"Search for users by name...\" })}\n              value={query}\n              onChange={handleSearchFilterChanged}\n            />\n            <VStack spacing={2} className=\"h-max-5xl overflow-scroll\">\n              {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              {filteredVotes.length === 0 && (\n                <p className=\"text-muted\">\n                  <Trans id=\"modal.showvotes.message.zeromatches\">\n                    No users found matching <strong>{query}</strong>.\n                  </Trans>\n                </p>\n              )}\n            </VStack>\n          </>\n        )}\n      </Modal.Content>\n\n      <Modal.Footer>\n        <Button variant=\"tertiary\" onClick={closeModal}>\n          <Trans id=\"action.close\">Close</Trans>\n        </Button>\n      </Modal.Footer>\n    </Modal.Window>\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  Header,\n  PoweredByFider,\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      <>\n        <Header />\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} disabled={Fider.isReadOnly}>\n                        <Icon sprite={IconCheck} />{\" \"}\n                        <span>\n                          <Trans id=\"action.save\">Save</Trans>\n                        </span>\n                      </Button>\n                      <Button onClick={this.cancelEdit} disabled={Fider.isReadOnly}>\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} disabled={Fider.isReadOnly}>\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              <PoweredByFider slot=\"show-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}\n","import SpriteSymbol from \"../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n  \"id\": \"heroicons-check\",\n  \"use\": \"heroicons-check-usage\",\n  \"viewBox\": \"0 0 24 24\",\n  \"content\": \"<symbol xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"none\\\" viewBox=\\\"0 0 24 24\\\" stroke=\\\"currentColor\\\" id=\\\"heroicons-check\\\"><path stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" stroke-width=\\\"2\\\" d=\\\"m5 13 4 4L19 7\\\" /></symbol>\"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n  \"id\": \"heroicons-dots-horizontal\",\n  \"use\": \"heroicons-dots-horizontal-usage\",\n  \"viewBox\": \"0 0 24 24\",\n  \"content\": \"<symbol xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"none\\\" viewBox=\\\"0 0 24 24\\\" stroke=\\\"currentColor\\\" id=\\\"heroicons-dots-horizontal\\\"><path stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" stroke-width=\\\"2\\\" d=\\\"M5 12h.01M12 12h.01M19 12h.01M6 12a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm7 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm7 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z\\\" /></symbol>\"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n  \"id\": \"heroicons-pencil-alt\",\n  \"use\": \"heroicons-pencil-alt-usage\",\n  \"viewBox\": \"0 0 24 24\",\n  \"content\": \"<symbol xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"none\\\" viewBox=\\\"0 0 24 24\\\" stroke=\\\"currentColor\\\" id=\\\"heroicons-pencil-alt\\\"><path stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" stroke-width=\\\"2\\\" d=\\\"M11 5H6a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2v-5m-1.414-9.414a2 2 0 1 1 2.828 2.828L11.828 15H9v-2.828l8.586-8.586z\\\" /></symbol>\"\n});\nvar result = sprite.add(symbol);\nexport default symbol","import SpriteSymbol from \"../../../node_modules/svg-baker-runtime/browser-symbol.js\";\nimport sprite from \"../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js\";\nvar symbol = new SpriteSymbol({\n  \"id\": \"heroicons-search\",\n  \"use\": \"heroicons-search-usage\",\n  \"viewBox\": \"0 0 24 24\",\n  \"content\": \"<symbol xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"none\\\" viewBox=\\\"0 0 24 24\\\" stroke=\\\"currentColor\\\" id=\\\"heroicons-search\\\"><path stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" stroke-width=\\\"2\\\" d=\\\"m21 21-6-6m2-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0z\\\" /></symbol>\"\n});\nvar result = sprite.add(symbol);\nexport default symbol"],"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","symbol","ResponseForm","React","constructor","super","async","result","this","state","location","reload","setState","error","showModal","opt","originalNumber","text","response","render","button","disabled","Fider","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","isReadOnly","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","formatDate","currentLocale","justify","locale","date","createdAt","position","renderHandle","IconDotsHorizontal","width","height","bkeys","maxUploads","style","x","bkey","CommentInput","getCacheKey","inputRef","useRef","setContent","cache","isSignInModalOpen","setIsSignInModalOpen","onFocus","current","blur","DiscussionPanel","comments","c","PostIllustration","VotesModal","isLoading","setIsLoading","allVotes","setAllVotes","filteredVotes","setFilteredVotes","handleSearchFilterChanged","votes","toLowerCase","IconX","onIconClick","email","VotesPanel","isVotesModalOpen","setIsVotesModalOpen","canShowAll","openModal","extraVotesCount","users","ShowPostPage","newTitle","newDescription","editMode","description","maxLength","setNewTitle","setNewDescription","timeAgo","saveChanges","cancelEdit","startEdit","slot"],"sourceRoot":""}