{"version":3,"file":"js/768.7629a9eaa784817f12d8.js","mappings":"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","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","webpack://fider/./public/assets/images/heroicons-chat-alt-2.svg","webpack://fider/./public/assets/images/heroicons-check.svg","webpack://fider/./public/assets/images/heroicons-search.svg","webpack://fider/./public/assets/images/undraw-no-data.svg"],"sourcesContent":["import React from \"react\"\nimport { Post, Tag, CurrentUser } from \"@fider/models\"\nimport { ShowTag, ShowPostResponse, VoteCounter, Markdown, Icon } from \"@fider/components\"\nimport IconChatAlt2 from \"@fider/assets/images/heroicons-chat-alt-2.svg\"\nimport { HStack, VStack } from \"@fider/components/layout\"\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    <HStack center={true}>\n      <div className=\"align-self-start\">\n        <VoteCounter post={props.post} />\n      </div>\n      <VStack className=\"w-full\" spacing={2}>\n        <HStack justify=\"between\">\n          <a className=\"text-title hover:text-primary-base\" href={`/posts/${props.post.number}/${props.post.slug}`}>\n            {props.post.title}\n          </a>\n          {props.post.commentsCount > 0 && (\n            <HStack className=\"text-muted\">\n              {props.post.commentsCount} <Icon sprite={IconChatAlt2} className=\"h-4 ml-1\" />\n            </HStack>\n          )}\n        </HStack>\n        <Markdown className=\"text-gray-600\" maxLength={300} text={props.post.description} style=\"plainText\" />\n        <ShowPostResponse status={props.post.status} response={props.post.response} />\n        {props.tags.length >= 1 && (\n          <HStack className=\"flex-wrap\">\n            {props.tags.map((tag) => (\n              <ShowTag key={tag.id} tag={tag} link />\n            ))}\n          </HStack>\n        )}\n      </VStack>\n    </HStack>\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=\"text-center\">{props.emptyText}</p>\n  }\n\n  return (\n    <VStack spacing={4} divide={true} center={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    </VStack>\n  )\n}\n","import React from \"react\"\nimport { Post, Tag, CurrentUser } from \"@fider/models\"\nimport { PageTitle, Loader } from \"@fider/components\"\nimport { ListPosts } from \"./ListPosts\"\nimport { actions } from \"@fider/services\"\n\nimport { t } from \"@lingui/macro\"\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    const title = t({ id: \"home.similar.title\", message: \"Similar posts\" })\n    const subtitle = t({ id: \"home.similar.subtitle\", message: \"Consider voting on existing posts instead.\" })\n\n    return (\n      <>\n        <PageTitle title={title} subtitle={subtitle} />\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\"\nimport { t } from \"@lingui/macro\"\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\n        field=\"description\"\n        onChange={handleDescriptionChange}\n        value={description}\n        minRows={5}\n        placeholder={t({ id: \"home.postinput.description.placeholder\", message: \"Describe your suggestion (optional)\" })}\n      />\n      <MultiImageUploader field=\"attachments\" maxUploads={3} onChange={setAttachments} />\n      <Button type=\"submit\" variant=\"primary\" 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 React, { useState } from \"react\"\nimport { PostStatus } from \"@fider/models\"\nimport { Dropdown } from \"@fider/components\"\nimport { HStack } from \"@fider/components/layout\"\nimport { useFider } from \"@fider/hooks\"\nimport { t, Trans } from \"@lingui/macro\"\n\ninterface PostFilterProps {\n  activeView: string\n  countPerStatus: { [key: string]: number }\n  viewChanged: (name: string) => void\n}\n\ninterface OptionItem {\n  value: string\n  label: string\n  count?: number\n}\n\nexport const PostFilter = (props: PostFilterProps) => {\n  const fider = useFider()\n  const [view, setView] = useState<string>(props.activeView)\n\n  const handleChangeView = (item: OptionItem) => () => {\n    setView(item.value)\n    props.viewChanged(item.value)\n  }\n\n  const options: OptionItem[] = [\n    { value: \"trending\", label: t({ id: \"home.postfilter.option.trending\", message: \"Trending\" }) },\n    { value: \"recent\", label: t({ id: \"home.postfilter.option.recent\", message: \"Recent\" }) },\n    { value: \"most-wanted\", label: t({ id: \"home.postfilter.option.mostwanted\", message: \"Most Wanted\" }) },\n    { value: \"most-discussed\", label: t({ id: \"home.postfilter.option.mostdiscussed\", message: \"Most Discussed\" }) },\n  ]\n\n  if (fider.session.isAuthenticated) {\n    options.push({ value: \"my-votes\", label: t({ id: \"home.postfilter.option.myvotes\", message: \"My Votes\" }) })\n  }\n\n  PostStatus.All.filter((s) => s.filterable && props.countPerStatus[s.value]).forEach((s) => {\n    const id = `enum.poststatus.${s.value.toString()}`\n    options.push({\n      label: t({ id, message: s.title }),\n      value: s.value,\n      count: props.countPerStatus[s.value],\n    })\n  })\n\n  const selectedItem = options.filter((x) => x.value === view)\n  const label = selectedItem.length > 0 ? selectedItem[0].label : options[0].label\n\n  return (\n    <HStack>\n      <span className=\"text-category\">\n        <Trans id=\"home.postfilter.label.view\">View</Trans>\n      </span>\n      <Dropdown renderHandle={<div className=\"text-medium text-xs uppercase rounded-md uppercase bg-gray-100 px-2 py-1\">{label}</div>}>\n        {options.map((o) => (\n          <Dropdown.ListItem onClick={handleChangeView(o)} key={o.value}>\n            <HStack spacing={2}>\n              <span className={view === o.value ? \"text-semibold\" : \"\"}>{o.label}</span>\n              <div>{o.count && o.count > 0 && <span className=\"bg-gray-200 inline-block rounded-full px-1 w-min-4 text-2xs text-center\">{o.count}</span>}</div>\n            </HStack>\n          </Dropdown.ListItem>\n        ))}\n      </Dropdown>\n    </HStack>\n  )\n}\n","import React, { useState } from \"react\"\nimport { Tag } from \"@fider/models\"\nimport { Dropdown, Icon, ShowTag } from \"@fider/components\"\nimport IconCheck from \"@fider/assets/images/heroicons-check.svg\"\nimport { HStack } from \"@fider/components/layout\"\nimport { plural, t, Trans } from \"@lingui/macro\"\n\ninterface TagsFilterProps {\n  tags: Tag[]\n  selected: string[]\n  selectionChanged: (selected: string[]) => void\n}\n\nexport const TagsFilter = (props: TagsFilterProps) => {\n  const [selected, setSelected] = useState<string[]>(props.selected)\n\n  const toggle = (item: Tag) => () => {\n    const idx = selected.indexOf(item.slug)\n    const next = idx >= 0 ? selected.splice(idx, 1) && selected : selected.concat(item.slug)\n    setSelected(next)\n    props.selectionChanged(next)\n  }\n\n  const count = selected.length\n  const label =\n    count >= 1\n      ? plural(count, {\n          one: `# tag`,\n          other: `# tags`,\n        })\n      : t({ id: \"home.tagsfilter.selected.none\", message: \"Any tag\" })\n\n  return (\n    <HStack>\n      <Trans id=\"home.tagsfilter.label.with\">with</Trans>\n      <Dropdown renderHandle={<div className=\"text-medium text-xs uppercase rounded-md uppercase bg-gray-100 px-2 py-1\">{label}</div>}>\n        {props.tags.map((t) => (\n          <Dropdown.ListItem onClick={toggle(t)} key={t.id}>\n            <HStack spacing={2}>\n              <Icon sprite={IconCheck} className={`h-4 text-green-600 ${!selected.includes(t.slug) && \"invisible\"}`} />\n              <ShowTag tag={t} circular />\n              <span>{t.name}</span>\n            </HStack>\n          </Dropdown.ListItem>\n        ))}\n      </Dropdown>\n    </HStack>\n  )\n}\n","import \"./PostsContainer.scss\"\n\nimport React from \"react\"\n\nimport { Post, Tag, CurrentUser } from \"@fider/models\"\nimport { Loader, Input } from \"@fider/components\"\nimport { actions, navigator, querystring } from \"@fider/services\"\nimport IconSearch from \"@fider/assets/images/heroicons-search.svg\"\nimport IconX from \"@fider/assets/images/heroicons-x.svg\"\nimport { PostFilter } from \"./PostFilter\"\nimport { ListPosts } from \"./ListPosts\"\nimport { TagsFilter } from \"./TagsFilter\"\nimport { t, Trans } from \"@lingui/macro\"\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\n    return (\n      <div className=\"c-posts-container\">\n        <div className=\"c-posts-container__header mb-4\">\n          {!this.state.query && (\n            <div className=\"c-posts-container__filter-col\">\n              <PostFilter activeView={this.state.view} viewChanged={this.handleViewChanged} countPerStatus={this.props.countPerStatus} />\n              {this.props.tags.length > 0 && <TagsFilter tags={this.props.tags} selectionChanged={this.handleTagsFilterChanged} selected={this.state.tags} />}\n            </div>\n          )}\n          <div className=\"c-posts-container__search-col\">\n            <Input\n              field=\"query\"\n              icon={this.state.query ? IconX : IconSearch}\n              onIconClick={this.state.query ? this.clearSearch : undefined}\n              placeholder={t({ id: \"home.postscontainer.query.placeholder\", message: \"Search\" })}\n              value={this.state.query}\n              onChange={this.handleSearchFilterChanged}\n            />\n          </div>\n        </div>\n        <ListPosts\n          posts={this.state.posts}\n          tags={this.props.tags}\n          emptyText={t({ id: \"home.postscontainer.label.noresults\", message: \"No results matched your search, try something different.\" })}\n        />\n        {this.state.loading && <Loader />}\n        {showMoreLink && (\n          <div className=\"my-4 ml-4\">\n            <a href={showMoreLink} className=\"text-primary-base text-medium hover:underline\" onClick={this.showMore}>\n              <Trans id=\"home.postscontainer.label.viewmore\">View more posts</Trans>\n            </a>\n          </div>\n        )}\n      </div>\n    )\n  }\n}\n","import \"./Home.page.scss\"\nimport NoDataIllustration from \"@fider/assets/images/undraw-no-data.svg\"\n\nimport React, { useState } from \"react\"\nimport { Post, Tag, PostStatus } from \"@fider/models\"\nimport { Markdown, Hint, PoweredByFider, Icon } from \"@fider/components\"\nimport { SimilarPosts } from \"./components/SimilarPosts\"\nimport { PostInput } from \"./components/PostInput\"\nimport { PostsContainer } from \"./components/PostsContainer\"\nimport { useFider } from \"@fider/hooks\"\nimport { VStack } from \"@fider/components/layout\"\n\nimport { t, Trans } from \"@lingui/macro\"\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=\"text-center\">\n      <Hint permanentCloseKey=\"at-least-3-posts\" condition={fider.session.isAuthenticated && fider.session.user.isAdministrator}>\n        <p>\n          <Trans id=\"home.lonely.suggestion\">\n            It&apos;s recommended that you create <strong>at least 3</strong> suggestions here before sharing this site. The initial content is important to\n            start engaging your audience.\n          </Trans>\n        </p>\n      </Hint>\n      <Icon sprite={NoDataIllustration} height=\"120\" className=\"mt-6 mb-2\" />\n      <p className=\"text-muted\">\n        <Trans id=\"home.lonely.text\">No posts have been created yet.</Trans>\n      </p>\n    </div>\n  )\n}\n\nconst HomePage = (props: HomePageProps) => {\n  const fider = useFider()\n  const [title, setTitle] = useState(\"\")\n\n  const defaultWelcomeMessage = t({\n    id: \"home.form.defaultwelcomemessage\",\n    message: `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  })\n\n  const defaultInvitation = t({\n    id: \"home.form.defaultinvitation\",\n    message: \"Enter your suggestion here...\",\n  })\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=\"p-home__welcome-col\">\n        <VStack spacing={2}>\n          <Markdown text={fider.session.tenant.welcomeMessage || defaultWelcomeMessage} style=\"full\" />\n          <PostInput placeholder={fider.session.tenant.invitation || defaultInvitation} onTitleChanged={setTitle} />\n          <PoweredByFider className=\"sm:hidden md:hidden lg:block\" />\n        </VStack>\n      </div>\n      <div className=\"p-home__posts-col\">\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        <PoweredByFider className=\"lg:hidden xl:hidden mt-8\" />\n      </div>\n    </div>\n  )\n}\n\nexport default HomePage\n","module.exports = {\n      id: \"heroicons-chat-alt-2-usage\",\n      viewBox: \"0 0 24 24\",\n      url: \"/assets/icons/\" + \"sprite.ecb5ac98d0f5af61574884cef75bbacd.svg#heroicons-chat-alt-2\",\n      toString: function () {\n        return this.url;\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-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: \"undraw-no-data-usage\",\n      viewBox: \"0 0 647.63626 632.17383\",\n      url: \"/assets/icons/\" + \"sprite.ecb5ac98d0f5af61574884cef75bbacd.svg#undraw-no-data\",\n      toString: function () {\n        return this.url;\n      }\n    }"],"names":["ListPostItem","props","center","className","post","spacing","justify","href","number","slug","title","commentsCount","sprite","IconChatAlt2","maxLength","text","description","style","status","response","tags","length","map","tag","key","id","link","ListPosts","posts","emptyText","divide","filter","indexOf","SimilarPosts","React","constructor","super","this","state","loading","actions","query","then","x","ok","setState","data","nextProps","prevState","componentDidMount","loadSimilarPosts","componentDidUpdate","window","clearTimeout","timer","setTimeout","render","subtitle","CACHE_TITLE_KEY","CACHE_DESCRIPTION_KEY","PostInput","getCachedValue","fider","session","isAuthenticated","cache","useFider","titleRef","useRef","setTitle","useState","setDescription","isSignInModalOpen","setIsSignInModalOpen","attachments","setAttachments","error","setError","undefined","useEffect","onTitleChanged","isOpen","onClose","field","noTabFocus","inputRef","onFocus","current","blur","value","onChange","placeholder","minRows","maxUploads","type","variant","onClick","async","result","location","event","preventEnable","PostFilter","view","setView","activeView","options","label","push","PostStatus","s","filterable","countPerStatus","forEach","toString","count","selectedItem","renderHandle","o","item","viewChanged","TagsFilter","selected","setSelected","t","idx","next","splice","concat","selectionChanged","IconCheck","includes","circular","name","PostsContainer","changeFilterCriteria","preventDefault","limit","querystring","obj","reset","trim","toLowerCase","navigator","searchPosts","showMoreLink","getShowMoreLink","handleViewChanged","handleTagsFilterChanged","icon","IconX","IconSearch","onIconClick","clearSearch","handleSearchFilterChanged","showMore","Lonely","permanentCloseKey","condition","user","isAdministrator","NoDataIllustration","height","defaultWelcomeMessage","defaultInvitation","tenant","welcomeMessage","invitation","len","Object","keys","isLonely","module","exports","viewBox","url"],"sourceRoot":""}