{"version":3,"sources":["webpack://fider/./public/pages/Home/components/ListPosts.tsx","webpack://fider/./public/pages/Home/components/SimilarPosts.tsx","webpack://fider/./public/pages/Home/components/PostInput.tsx","webpack://fider/./public/pages/Home/components/PostFilter.tsx","webpack://fider/./public/pages/Home/components/TagsFilter.tsx","webpack://fider/./public/pages/Home/components/PostsContainer.tsx","webpack://fider/./public/pages/Home/Home.page.tsx"],"names":["ListPostItem","props","post","className","commentsCount","href","number","slug","title","text","description","style","showUser","status","response","tags","map","tag","key","id","size","ListPosts","posts","length","emptyText","divided","filter","indexOf","SimilarPosts","super","loadSimilarPosts","this","state","loading","query","then","x","ok","setState","data","nextProps","prevState","window","clearTimeout","timer","setTimeout","subtitle","icon","dividing","CACHE_TITLE_KEY","CACHE_DESCRIPTION_KEY","PostInput","getCachedValue","fider","session","isAuthenticated","titleRef","useRef","setTitle","useState","setDescription","isSignInModalOpen","setIsSignInModalOpen","attachments","setAttachments","error","setError","undefined","useEffect","onTitleChanged","isOpen","onClose","field","noTabFocus","inputRef","onFocus","current","blur","maxLength","value","onChange","placeholder","minRows","maxUploads","previewMaxWidth","type","color","onClick","event","result","location","preventEnable","PostFilter","options","label","push","s","filterable","countPerStatus","forEach","render","activeView","header","inline","items","defaultValue","item","viewChanged","TagsFilter","selected","idx","splice","concat","selectionChanged","renderText","defaultSelection","t","name","ShowTag","circular","highlightSelected","PostsContainer","handleViewChanged","view","changeFilterCriteria","handleTagsFilterChanged","handleSearchFilterChanged","clearSearch","showMore","preventDefault","limit","getShowMoreLink","obj","reset","trim","toLowerCase","searchPosts","showMoreLink","onIconClick","onTouchEnd","Lonely","permanentCloseKey","condition","user","isAdministrator","tenant","welcomeMessage","invitation","len","Object","keys","isLonely"],"mappings":"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","file":"js/Home.page.18a54ccf54cc6a54c8d1.js","sourcesContent":["import \"./ListPosts.scss\"\n\nimport React from \"react\"\nimport { Post, Tag, CurrentUser } from \"@fider/models\"\nimport { ShowTag, ShowPostResponse, VoteCounter, MultiLineText, ListItem, List } from \"@fider/components\"\nimport { FaRegComments } from \"react-icons/fa\"\n\ninterface ListPostsProps {\n  posts?: Post[]\n  tags: Tag[]\n  emptyText: string\n}\n\nconst ListPostItem = (props: { post: Post; user?: CurrentUser; tags: Tag[] }) => {\n  return (\n    <ListItem>\n      <VoteCounter post={props.post} />\n      <div className=\"c-list-item-content\">\n        {props.post.commentsCount > 0 && (\n          <div className=\"info right\">\n            {props.post.commentsCount} <FaRegComments />\n          </div>\n        )}\n        <a className=\"c-list-item-title\" href={`/posts/${props.post.number}/${props.post.slug}`}>\n          {props.post.title}\n        </a>\n        <MultiLineText className=\"c-list-item-description\" text={props.post.description} style=\"simple\" />\n        <ShowPostResponse showUser={false} status={props.post.status} response={props.post.response} />\n        {props.tags.map((tag) => (\n          <ShowTag key={tag.id} size=\"tiny\" tag={tag} />\n        ))}\n      </div>\n    </ListItem>\n  )\n}\n\nexport const ListPosts = (props: ListPostsProps) => {\n  if (!props.posts) {\n    return null\n  }\n\n  if (props.posts.length === 0) {\n    return <p className=\"center\">{props.emptyText}</p>\n  }\n\n  return (\n    <List className=\"c-post-list\" divided={true}>\n      {props.posts.map((post) => (\n        <ListPostItem key={post.id} post={post} tags={props.tags.filter((tag) => post.tags.indexOf(tag.slug) >= 0)} />\n      ))}\n    </List>\n  )\n}\n","import React from \"react\"\nimport { Post, Tag, CurrentUser } from \"@fider/models\"\nimport { Heading, Loader } from \"@fider/components\"\nimport { ListPosts } from \"./ListPosts\"\nimport { actions } from \"@fider/services\"\nimport { FaRegLightbulb } from \"react-icons/fa\"\n\ninterface SimilarPostsProps {\n  title: string\n  tags: Tag[]\n  user?: CurrentUser\n}\n\ninterface SimilarPostsState {\n  title: string\n  posts: Post[]\n  loading: boolean\n}\n\nexport class SimilarPosts extends React.Component<SimilarPostsProps, SimilarPostsState> {\n  constructor(props: SimilarPostsProps) {\n    super(props)\n    this.state = {\n      title: props.title,\n      loading: !!props.title,\n      posts: [],\n    }\n  }\n\n  public static getDerivedStateFromProps(nextProps: SimilarPostsProps, prevState: SimilarPostsState) {\n    if (nextProps.title !== prevState.title) {\n      return {\n        loading: true,\n        title: nextProps.title,\n      }\n    }\n    return null\n  }\n  public componentDidMount() {\n    this.loadSimilarPosts()\n  }\n\n  private timer?: number\n  public componentDidUpdate() {\n    window.clearTimeout(this.timer)\n    this.timer = window.setTimeout(this.loadSimilarPosts, 500)\n  }\n\n  private loadSimilarPosts = () => {\n    if (this.state.loading) {\n      actions.searchPosts({ query: this.state.title }).then((x) => {\n        if (x.ok) {\n          this.setState({ loading: false, posts: x.data })\n        }\n      })\n    }\n  }\n\n  public render() {\n    return (\n      <>\n        <Heading title=\"Similar posts\" subtitle=\"Consider voting on existing posts instead.\" icon={FaRegLightbulb} size=\"small\" dividing={true} />\n        {this.state.loading ? (\n          <Loader />\n        ) : (\n          <ListPosts posts={this.state.posts} tags={this.props.tags} emptyText={`No similar posts matched '${this.props.title}'.`} />\n        )}\n      </>\n    )\n  }\n}\n","import React, { useState, useEffect, useRef } from \"react\"\nimport { Button, ButtonClickEvent, Input, Form, TextArea, MultiImageUploader } from \"@fider/components\"\nimport { SignInModal } from \"@fider/components\"\nimport { cache, actions, Failure } from \"@fider/services\"\nimport { ImageUpload } from \"@fider/models\"\nimport { useFider } from \"@fider/hooks\"\n\ninterface PostInputProps {\n  placeholder: string\n  onTitleChanged: (title: string) => void\n}\n\nconst CACHE_TITLE_KEY = \"PostInput-Title\"\nconst CACHE_DESCRIPTION_KEY = \"PostInput-Description\"\n\nexport const PostInput = (props: PostInputProps) => {\n  const getCachedValue = (key: string): string => {\n    if (fider.session.isAuthenticated) {\n      return cache.session.get(key) || \"\"\n    }\n    return \"\"\n  }\n\n  const fider = useFider()\n  const titleRef = useRef<HTMLInputElement>()\n  const [title, setTitle] = useState(getCachedValue(CACHE_TITLE_KEY))\n  const [description, setDescription] = useState(getCachedValue(CACHE_DESCRIPTION_KEY))\n  const [isSignInModalOpen, setIsSignInModalOpen] = useState(false)\n  const [attachments, setAttachments] = useState<ImageUpload[]>([])\n  const [error, setError] = useState<Failure | undefined>(undefined)\n\n  useEffect(() => {\n    props.onTitleChanged(title)\n  }, [title])\n\n  const handleTitleFocus = () => {\n    if (!fider.session.isAuthenticated && titleRef.current) {\n      titleRef.current.blur()\n      setIsSignInModalOpen(true)\n    }\n  }\n\n  const handleTitleChange = (value: string) => {\n    cache.session.set(CACHE_TITLE_KEY, value)\n    setTitle(value)\n    props.onTitleChanged(value)\n  }\n\n  const hideModal = () => setIsSignInModalOpen(false)\n  const clearError = () => setError(undefined)\n\n  const handleDescriptionChange = (value: string) => {\n    cache.session.set(CACHE_DESCRIPTION_KEY, value)\n    setDescription(value)\n  }\n\n  const submit = async (event: ButtonClickEvent) => {\n    if (title) {\n      const result = await actions.createPost(title, description, attachments)\n      if (result.ok) {\n        clearError()\n        cache.session.remove(CACHE_TITLE_KEY, CACHE_DESCRIPTION_KEY)\n        location.href = `/posts/${result.data.number}/${result.data.slug}`\n        event.preventEnable()\n      } else if (result.error) {\n        setError(result.error)\n      }\n    }\n  }\n\n  const details = () => (\n    <>\n      <TextArea field=\"description\" onChange={handleDescriptionChange} value={description} minRows={5} placeholder=\"Describe your suggestion (optional)\" />\n      <MultiImageUploader field=\"attachments\" maxUploads={3} previewMaxWidth={100} onChange={setAttachments} />\n      <Button type=\"submit\" color=\"positive\" onClick={submit}>\n        Submit\n      </Button>\n    </>\n  )\n\n  return (\n    <>\n      <SignInModal isOpen={isSignInModalOpen} onClose={hideModal} />\n      <Form error={error}>\n        <Input\n          field=\"title\"\n          noTabFocus={!fider.session.isAuthenticated}\n          inputRef={titleRef}\n          onFocus={handleTitleFocus}\n          maxLength={100}\n          value={title}\n          onChange={handleTitleChange}\n          placeholder={props.placeholder}\n        />\n        {title && details()}\n      </Form>\n    </>\n  )\n}\n","import \"./PostFilter.scss\"\n\nimport React from \"react\"\nimport { PostStatus } from \"@fider/models\"\nimport { DropDown, DropDownItem } from \"@fider/components\"\nimport { useFider } from \"@fider/hooks\"\n\ninterface PostFilterProps {\n  activeView: string\n  countPerStatus: { [key: string]: number }\n  viewChanged: (name: string) => void\n}\n\nexport const PostFilter = (props: PostFilterProps) => {\n  const fider = useFider()\n\n  const handleChangeView = (item: DropDownItem) => {\n    props.viewChanged(item.value as string)\n  }\n\n  const options: DropDownItem[] = [\n    { value: \"trending\", label: \"Trending\" },\n    { value: \"recent\", label: \"Recent\" },\n    { value: \"most-wanted\", label: \"Most Wanted\" },\n    { value: \"most-discussed\", label: \"Most Discussed\" },\n  ]\n\n  if (fider.session.isAuthenticated) {\n    options.push({ value: \"my-votes\", label: \"My Votes\" })\n  }\n\n  PostStatus.All.filter((s) => s.filterable && props.countPerStatus[s.value]).forEach((s) => {\n    options.push({\n      label: s.title,\n      value: s.value,\n      render: (\n        <span>\n          {s.title} <a className=\"counter\">{props.countPerStatus[s.value]}</a>\n        </span>\n      ),\n    })\n  })\n\n  const viewExists = options.filter((x) => x.value === props.activeView).length > 0\n  const activeView = viewExists ? props.activeView : \"trending\"\n\n  return (\n    <div>\n      <span className=\"subtitle\">View</span>\n      <DropDown\n        header=\"What do you want to see?\"\n        className=\"l-post-filter\"\n        inline={true}\n        style=\"simple\"\n        items={options}\n        defaultValue={activeView}\n        onChange={handleChangeView}\n      />\n    </div>\n  )\n}\n","import \"./TagsFilter.scss\"\n\nimport React from \"react\"\nimport { Tag } from \"@fider/models\"\nimport { ShowTag } from \"@fider/components/ShowTag\"\nimport { DropDown, DropDownItem } from \"@fider/components\"\nimport { FaCheck } from \"react-icons/fa\"\n\ninterface TagsFilterProps {\n  tags: Tag[]\n  defaultSelection: string[]\n  selectionChanged: (selected: string[]) => void\n}\n\ninterface TagsFilterState {\n  selected: string[]\n}\n\nexport class TagsFilter extends React.Component<TagsFilterProps, TagsFilterState> {\n  constructor(props: TagsFilterProps) {\n    super(props)\n    this.state = {\n      selected: props.defaultSelection,\n    }\n  }\n\n  private onChange = (item: DropDownItem) => {\n    let selected = []\n    const idx = this.state.selected.indexOf(item.value as string)\n    if (idx >= 0) {\n      selected = this.state.selected.splice(idx, 1) && this.state.selected\n    } else {\n      selected = this.state.selected.concat(item.value as string)\n    }\n    this.setState({ selected })\n    this.props.selectionChanged(selected)\n  }\n\n  private renderText = () => {\n    const text = this.state.selected.length === 0 ? \"any tag\" : this.state.selected.length === 1 ? \"1 tag\" : `${this.state.selected.length} tags`\n    return <>{text}</>\n  }\n\n  public render() {\n    if (this.props.tags.length === 0) {\n      return null\n    }\n\n    const items = this.props.tags.map((t) => {\n      return {\n        value: t.slug,\n        label: t.name,\n        render: (\n          <div className={this.state.selected.indexOf(t.slug) >= 0 ? \"selected-tag\" : \"\"}>\n            <FaCheck />\n            <ShowTag tag={t} size=\"mini\" circular={true} />\n            {t.name}\n          </div>\n        ),\n      }\n    })\n\n    return (\n      <div>\n        <span className=\"subtitle\">with</span>\n        <DropDown\n          className=\"l-tags-filter\"\n          inline={true}\n          style=\"simple\"\n          highlightSelected={false}\n          items={items}\n          onChange={this.onChange}\n          renderText={this.renderText}\n        />\n      </div>\n    )\n  }\n}\n","import React from \"react\"\n\nimport { Post, Tag, CurrentUser } from \"@fider/models\"\nimport { Loader, Field, Input } from \"@fider/components\"\nimport { actions, navigator, querystring } from \"@fider/services\"\nimport { FaTimes, FaSearch } from \"react-icons/fa\"\nimport { PostFilter } from \"./PostFilter\"\nimport { ListPosts } from \"./ListPosts\"\nimport { TagsFilter } from \"./TagsFilter\"\n\ninterface PostsContainerProps {\n  user?: CurrentUser\n  posts: Post[]\n  tags: Tag[]\n  countPerStatus: { [key: string]: number }\n}\n\ninterface PostsContainerState {\n  loading: boolean\n  posts?: Post[]\n  view: string\n  tags: string[]\n  query: string\n  limit?: number\n}\n\nexport class PostsContainer extends React.Component<PostsContainerProps, PostsContainerState> {\n  constructor(props: PostsContainerProps) {\n    super(props)\n\n    this.state = {\n      posts: this.props.posts,\n      loading: false,\n      view: querystring.get(\"view\"),\n      query: querystring.get(\"query\"),\n      tags: querystring.getArray(\"tags\"),\n      limit: querystring.getNumber(\"limit\"),\n    }\n  }\n\n  private changeFilterCriteria<K extends keyof PostsContainerState>(obj: Pick<PostsContainerState, K>, reset: boolean): void {\n    this.setState(obj, () => {\n      const query = this.state.query.trim().toLowerCase()\n      navigator.replaceState(\n        querystring.stringify({\n          tags: this.state.tags,\n          query,\n          view: this.state.view,\n          limit: this.state.limit,\n        })\n      )\n\n      this.searchPosts(query, this.state.view, this.state.limit, this.state.tags, reset)\n    })\n  }\n\n  private timer?: number\n  private async searchPosts(query: string, view: string, limit: number | undefined, tags: string[], reset: boolean) {\n    window.clearTimeout(this.timer)\n    this.setState({ posts: reset ? undefined : this.state.posts, loading: true })\n    this.timer = window.setTimeout(() => {\n      actions.searchPosts({ query, view, limit, tags }).then((response) => {\n        if (response.ok && this.state.loading) {\n          this.setState({ loading: false, posts: response.data })\n        }\n      })\n    }, 500)\n  }\n\n  private handleViewChanged = (view: string) => {\n    this.changeFilterCriteria({ view }, true)\n  }\n\n  private handleTagsFilterChanged = (tags: string[]) => {\n    this.changeFilterCriteria({ tags }, true)\n  }\n\n  private handleSearchFilterChanged = (query: string) => {\n    this.changeFilterCriteria({ query }, true)\n  }\n\n  private clearSearch = () => {\n    this.changeFilterCriteria({ query: \"\" }, true)\n  }\n\n  private showMore = (event: React.MouseEvent<HTMLElement> | React.TouchEvent<HTMLElement>): void => {\n    event.preventDefault()\n    this.changeFilterCriteria({ limit: (this.state.limit || 30) + 10 }, false)\n  }\n\n  private getShowMoreLink = (): string | undefined => {\n    if (this.state.posts && this.state.posts.length >= (this.state.limit || 30)) {\n      return querystring.set(\"limit\", (this.state.limit || 30) + 10)\n    }\n  }\n\n  public render() {\n    const showMoreLink = this.getShowMoreLink()\n    return (\n      <>\n        <div className=\"row\">\n          {!this.state.query && (\n            <div className=\"l-filter-col col-7 col-md-8 col-lg-9 mb-2\">\n              <Field>\n                <PostFilter activeView={this.state.view} viewChanged={this.handleViewChanged} countPerStatus={this.props.countPerStatus} />\n                <TagsFilter tags={this.props.tags} selectionChanged={this.handleTagsFilterChanged} defaultSelection={this.state.tags} />\n              </Field>\n            </div>\n          )}\n          <div className={!this.state.query ? `l-search-col col-5 col-md-4 col-lg-3 mb-2` : \"col-sm-12 mb-2\"}>\n            <Input\n              field=\"query\"\n              icon={this.state.query ? FaTimes : FaSearch}\n              onIconClick={this.state.query ? this.clearSearch : undefined}\n              placeholder=\"Search...\"\n              value={this.state.query}\n              onChange={this.handleSearchFilterChanged}\n            />\n          </div>\n        </div>\n        <ListPosts posts={this.state.posts} tags={this.props.tags} emptyText={\"No results matched your search, try something different.\"} />\n        {this.state.loading && <Loader />}\n        {showMoreLink && (\n          <a href={showMoreLink} className=\"c-post-list-show-more\" onTouchEnd={this.showMore} onClick={this.showMore}>\n            View more posts\n          </a>\n        )}\n      </>\n    )\n  }\n}\n","import \"./Home.page.scss\"\n\nimport React, { useState } from \"react\"\nimport { Post, Tag, PostStatus } from \"@fider/models\"\nimport { MultiLineText, Hint } from \"@fider/components\"\nimport { SimilarPosts } from \"./components/SimilarPosts\"\nimport { FaRegLightbulb } from \"react-icons/fa\"\nimport { PostInput } from \"./components/PostInput\"\nimport { PostsContainer } from \"./components/PostsContainer\"\nimport { useFider } from \"@fider/hooks\"\n\nexport interface HomePageProps {\n  posts: Post[]\n  tags: Tag[]\n  countPerStatus: { [key: string]: number }\n}\n\nexport interface HomePageState {\n  title: string\n}\n\nconst Lonely = () => {\n  const fider = useFider()\n\n  return (\n    <div className=\"l-lonely center\">\n      <Hint permanentCloseKey=\"at-least-3-posts\" condition={fider.session.isAuthenticated && fider.session.user.isAdministrator}>\n        It&apos;s recommended that you post <strong>at least 3</strong> suggestions here before sharing this site. The initial content is key to start the\n        interactions with your audience.\n      </Hint>\n      <p>\n        <FaRegLightbulb />\n      </p>\n      <p>It&apos;s lonely out here. Start by sharing a suggestion!</p>\n    </div>\n  )\n}\n\nconst defaultWelcomeMessage = `We'd love to hear what you're thinking about. \n\nWhat can we do better? This is the place for you to vote, discuss and share ideas.`\n\nconst HomePage = (props: HomePageProps) => {\n  const fider = useFider()\n  const [title, setTitle] = useState(\"\")\n\n  const isLonely = () => {\n    const len = Object.keys(props.countPerStatus).length\n    if (len === 0) {\n      return true\n    }\n\n    if (len === 1 && PostStatus.Deleted.value in props.countPerStatus) {\n      return true\n    }\n\n    return false\n  }\n\n  return (\n    <div id=\"p-home\" className=\"page container\">\n      <div className=\"row\">\n        <div className=\"l-welcome-col col-md-4\">\n          <MultiLineText className=\"welcome-message\" text={fider.session.tenant.welcomeMessage || defaultWelcomeMessage} style=\"full\" />\n          <PostInput placeholder={fider.session.tenant.invitation || \"Enter your suggestion here...\"} onTitleChanged={setTitle} />\n        </div>\n        <div className=\"l-posts-col col-md-8\">\n          {isLonely() ? (\n            <Lonely />\n          ) : title ? (\n            <SimilarPosts title={title} tags={props.tags} />\n          ) : (\n            <PostsContainer posts={props.posts} tags={props.tags} countPerStatus={props.countPerStatus} />\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default HomePage\n"],"sourceRoot":""}