{"version":3,"sources":["webpack:///app/javascript/build/mastodon-5e6f150/app/javascript/flavours/glitch/components/server_hero_image.tsx","webpack:///app/javascript/build/mastodon-5e6f150/app/javascript/flavours/glitch/features/about/index.jsx"],"names":["ServerHeroImage","_ref","src","srcSet","blurhash","className","loaded","setLoaded","useState","handleLoad","useCallback","_jsx","classNames","role","Blurhash","hash","alt","onLoad","messages","defineMessages","title","id","defaultMessage","rules","blocks","silenced","silencedExplanation","suspended","suspendedExplanation","severityMessages","silence","explanation","suspend","Section","PureComponent","constructor","arguments","state","collapsed","this","props","open","handleClick","onOpen","setState","render","children","active","tabIndex","onClick","Icon","fixedWidth","About","handleDomainBlocksOpen","dispatch","fetchDomainBlocks","componentDidMount","fetchServer","fetchExtendedDescription","_server$getIn","_extendedDescription$","multiColumn","intl","server","extendedDescription","domainBlocks","isLoading","get","Column","bindToDocument","label","formatMessage","getIn","map","value","key","replace","join","Skeleton","width","FormattedMessage","values","mastodon","href","target","Account","size","_jsxs","_Fragment","length","dangerouslySetInnerHTML","__html","isEmpty","rule","block","LinkFooter","Helmet","name","content","connect","injectIntl"],"mappings":"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","file":"js/features/glitch/async/about-e2b65d6ba724f4695f79.chunk.js","sourcesContent":["import { useCallback, useState } from 'react';\nimport * as React from 'react';\n\nimport classNames from 'classnames';\n\nimport { Blurhash } from './blurhash';\n\ninterface Props {\n  src: string;\n  srcSet?: string;\n  blurhash?: string;\n  className?: string;\n}\n\nexport const ServerHeroImage: React.FC<Props> = ({\n  src,\n  srcSet,\n  blurhash,\n  className,\n}) => {\n  const [loaded, setLoaded] = useState(false);\n\n  const handleLoad = useCallback(() => {\n    setLoaded(true);\n  }, [setLoaded]);\n\n  return (\n    <div\n      className={classNames('image', { loaded }, className)}\n      role='presentation'\n    >\n      {blurhash && <Blurhash hash={blurhash} className='image__preview' />}\n      <img src={src} srcSet={srcSet} alt='' onLoad={handleLoad} />\n    </div>\n  );\n};\n","import PropTypes from 'prop-types';\nimport { PureComponent } from 'react';\n\nimport { defineMessages, injectIntl, FormattedMessage } from 'react-intl';\n\nimport classNames from 'classnames';\nimport { Helmet } from 'react-helmet';\n\nimport ImmutablePropTypes from 'react-immutable-proptypes';\nimport { connect } from 'react-redux';\n\nimport { fetchServer, fetchExtendedDescription, fetchDomainBlocks } from 'flavours/glitch/actions/server';\nimport Column from 'flavours/glitch/components/column';\nimport { Icon } from 'flavours/glitch/components/icon';\nimport { ServerHeroImage } from 'flavours/glitch/components/server_hero_image';\nimport { Skeleton } from 'flavours/glitch/components/skeleton';\nimport Account from 'flavours/glitch/containers/account_container';\nimport LinkFooter from 'flavours/glitch/features/ui/components/link_footer';\n\nconst messages = defineMessages({\n  title: { id: 'column.about', defaultMessage: 'About' },\n  rules: { id: 'about.rules', defaultMessage: 'Server rules' },\n  blocks: { id: 'about.blocks', defaultMessage: 'Moderated servers' },\n  silenced: { id: 'about.domain_blocks.silenced.title', defaultMessage: 'Limited' },\n  silencedExplanation: { id: 'about.domain_blocks.silenced.explanation', defaultMessage: 'You will generally not see profiles and content from this server, unless you explicitly look it up or opt into it by following.' },\n  suspended: { id: 'about.domain_blocks.suspended.title', defaultMessage: 'Suspended' },\n  suspendedExplanation: { id: 'about.domain_blocks.suspended.explanation', defaultMessage: 'No data from this server will be processed, stored or exchanged, making any interaction or communication with users from this server impossible.' },\n});\n\nconst severityMessages = {\n  silence: {\n    title: messages.silenced,\n    explanation: messages.silencedExplanation,\n  },\n\n  suspend: {\n    title: messages.suspended,\n    explanation: messages.suspendedExplanation,\n  },\n};\n\nconst mapStateToProps = state => ({\n  server: state.getIn(['server', 'server']),\n  extendedDescription: state.getIn(['server', 'extendedDescription']),\n  domainBlocks: state.getIn(['server', 'domainBlocks']),\n});\n\nclass Section extends PureComponent {\n\n  static propTypes = {\n    title: PropTypes.string,\n    children: PropTypes.node,\n    open: PropTypes.bool,\n    onOpen: PropTypes.func,\n  };\n\n  state = {\n    collapsed: !this.props.open,\n  };\n\n  handleClick = () => {\n    const { onOpen } = this.props;\n    const { collapsed } = this.state;\n\n    this.setState({ collapsed: !collapsed }, () => onOpen && onOpen());\n  };\n\n  render () {\n    const { title, children } = this.props;\n    const { collapsed } = this.state;\n\n    return (\n      <div className={classNames('about__section', { active: !collapsed })}>\n        <div className='about__section__title' role='button' tabIndex={0} onClick={this.handleClick}>\n          <Icon id={collapsed ? 'chevron-right' : 'chevron-down'} fixedWidth /> {title}\n        </div>\n\n        {!collapsed && (\n          <div className='about__section__body'>{children}</div>\n        )}\n      </div>\n    );\n  }\n\n}\n\nclass About extends PureComponent {\n\n  static propTypes = {\n    server: ImmutablePropTypes.map,\n    extendedDescription: ImmutablePropTypes.map,\n    domainBlocks: ImmutablePropTypes.contains({\n      isLoading: PropTypes.bool,\n      isAvailable: PropTypes.bool,\n      items: ImmutablePropTypes.list,\n    }),\n    dispatch: PropTypes.func.isRequired,\n    intl: PropTypes.object.isRequired,\n    multiColumn: PropTypes.bool,\n  };\n\n  componentDidMount () {\n    const { dispatch } = this.props;\n    dispatch(fetchServer());\n    dispatch(fetchExtendedDescription());\n  }\n\n  handleDomainBlocksOpen = () => {\n    const { dispatch } = this.props;\n    dispatch(fetchDomainBlocks());\n  };\n\n  render () {\n    const { multiColumn, intl, server, extendedDescription, domainBlocks } = this.props;\n    const isLoading = server.get('isLoading');\n\n    return (\n      <Column bindToDocument={!multiColumn} label={intl.formatMessage(messages.title)}>\n        <div className='scrollable about'>\n          <div className='about__header'>\n            <ServerHeroImage blurhash={server.getIn(['thumbnail', 'blurhash'])} src={server.getIn(['thumbnail', 'url'])} srcSet={server.getIn(['thumbnail', 'versions'])?.map((value, key) => `${value} ${key.replace('@', '')}`).join(', ')} className='about__header__hero' />\n            <h1>{isLoading ? <Skeleton width='10ch' /> : server.get('domain')}</h1>\n            <p><FormattedMessage id='about.powered_by' defaultMessage='Decentralized social media powered by {mastodon}' values={{ mastodon: <a href='https://joinmastodon.org' className='about__mail' target='_blank'>Mastodon</a> }} /></p>\n          </div>\n\n          <div className='about__meta'>\n            <div className='about__meta__column'>\n              <h4><FormattedMessage id='server_banner.administered_by' defaultMessage='Administered by:' /></h4>\n\n              <Account id={server.getIn(['contact', 'account', 'id'])} size={36} />\n            </div>\n\n            <hr className='about__meta__divider' />\n\n            <div className='about__meta__column'>\n              <h4><FormattedMessage id='about.contact' defaultMessage='Contact:' /></h4>\n\n              {isLoading ? <Skeleton width='10ch' /> : <a className='about__mail' href={`mailto:${server.getIn(['contact', 'email'])}`}>{server.getIn(['contact', 'email'])}</a>}\n            </div>\n          </div>\n\n          <Section open title={intl.formatMessage(messages.title)}>\n            {extendedDescription.get('isLoading') ? (\n              <>\n                <Skeleton width='100%' />\n                <br />\n                <Skeleton width='100%' />\n                <br />\n                <Skeleton width='100%' />\n                <br />\n                <Skeleton width='70%' />\n              </>\n            ) : (extendedDescription.get('content')?.length > 0 ? (\n              <div\n                className='prose'\n                dangerouslySetInnerHTML={{ __html: extendedDescription.get('content') }}\n              />\n            ) : (\n              <p><FormattedMessage id='about.not_available' defaultMessage='This information has not been made available on this server.' /></p>\n            ))}\n          </Section>\n\n          <Section title={intl.formatMessage(messages.rules)}>\n            {!isLoading && (server.get('rules', []).isEmpty() ? (\n              <p><FormattedMessage id='about.not_available' defaultMessage='This information has not been made available on this server.' /></p>\n            ) : (\n              <ol className='rules-list'>\n                {server.get('rules').map(rule => (\n                  <li key={rule.get('id')}>\n                    <span className='rules-list__text'>{rule.get('text')}</span>\n                  </li>\n                ))}\n              </ol>\n            ))}\n          </Section>\n\n          <Section title={intl.formatMessage(messages.blocks)} onOpen={this.handleDomainBlocksOpen}>\n            {domainBlocks.get('isLoading') ? (\n              <>\n                <Skeleton width='100%' />\n                <br />\n                <Skeleton width='70%' />\n              </>\n            ) : (domainBlocks.get('isAvailable') ? (\n              <>\n                <p><FormattedMessage id='about.domain_blocks.preamble' defaultMessage='Mastodon generally allows you to view content from and interact with users from any other server in the fediverse. These are the exceptions that have been made on this particular server.' /></p>\n\n                <div className='about__domain-blocks'>\n                  {domainBlocks.get('items').map(block => (\n                    <div className='about__domain-blocks__domain' key={block.get('domain')}>\n                      <div className='about__domain-blocks__domain__header'>\n                        <h6><span title={`SHA-256: ${block.get('digest')}`}>{block.get('domain')}</span></h6>\n                        <span className='about__domain-blocks__domain__type' title={intl.formatMessage(severityMessages[block.get('severity')].explanation)}>{intl.formatMessage(severityMessages[block.get('severity')].title)}</span>\n                      </div>\n\n                      <p>{(block.get('comment') || '').length > 0 ? block.get('comment') : <FormattedMessage id='about.domain_blocks.no_reason_available' defaultMessage='Reason not available' />}</p>\n                    </div>\n                  ))}\n                </div>\n              </>\n            ) : (\n              <p><FormattedMessage id='about.not_available' defaultMessage='This information has not been made available on this server.' /></p>\n            ))}\n          </Section>\n\n          <LinkFooter />\n\n          <div className='about__footer'>\n            <p><FormattedMessage id='about.fork_disclaimer' defaultMessage='Glitch-soc is free open source software forked from Mastodon.' /></p>\n            <p><FormattedMessage id='about.disclaimer' defaultMessage='Mastodon is free, open-source software, and a trademark of Mastodon gGmbH.' /></p>\n          </div>\n        </div>\n\n        <Helmet>\n          <title>{intl.formatMessage(messages.title)}</title>\n          <meta name='robots' content='all' />\n        </Helmet>\n      </Column>\n    );\n  }\n\n}\n\nexport default connect(mapStateToProps)(injectIntl(About));\n"],"sourceRoot":""}