{"version":3,"sources":["webpack:///app/javascript/opt/mastodon/app/javascript/flavours/glitch/features/reactions/index.jsx"],"names":["messages","defineMessages","heading","id","defaultMessage","refresh","Reactions","ImmutablePureComponent","constructor","arguments","_defineProperty","this","column","scrollTop","c","props","dispatch","fetchReactions","params","statusId","_debounce","expandReactions","leading","UNSAFE_componentWillMount","accountIds","render","intl","reactions","hasMore","isLoading","multiColumn","_jsx","Column","LoadingIndicator","map","v","account","reactionsByAccount","Map","emptyMessage","FormattedMessage","_jsxs","ref","setRef","children","ColumnHeader","icon","iconComponent","MoodIcon","title","formatMessage","onClick","handleHeaderClick","showBackButton","extraButton","type","className","handleRefresh","Icon","RefreshIcon","ScrollableList","scrollKey","onLoadMore","handleLoadMore","bindToDocument","Account","withNote","overlayEmoji","get","Helmet","name","content","PropTypes","object","isRequired","func","ImmutablePropTypes","orderedSet","bool","connect","mapStateToProps","state","getIn","injectIntl"],"mappings":"iUAuBA,MAAMA,EAAWC,YAAe,CAC9BC,QAAS,CAAEC,GAAG,oBAAsBC,eAAe,cACnDC,QAAS,CAAEF,GAAG,UAAYC,eAAe,aAS3C,MAAME,UAAkBC,IAAuBC,cAAA,SAAAC,WAAAC,YAAA,0BAkBzB,KAClBC,KAAKC,OAAOC,WAAW,IACxBH,YAAA,eAEQI,IACPH,KAAKC,OAASE,CAAC,IAChBJ,YAAA,sBAEe,KACdC,KAAKI,MAAMC,SAASC,YAAeN,KAAKI,MAAMG,OAAOC,UAAU,IAChET,YAAA,sBAEgBU,KAAS,KACxBT,KAAKI,MAAMC,SAASK,YAAgBV,KAAKI,MAAMG,OAAOC,UAAU,GAC/D,IAAK,CAAEG,SAAS,IAAO,CApB1BC,4BACOZ,KAAKI,MAAMS,YACdb,KAAKI,MAAMC,SAASC,YAAeN,KAAKI,MAAMG,OAAOC,UAEzD,CAkBAM,SACE,MAAM,KAAEC,EAAI,UAAEC,EAAS,QAAEC,EAAO,UAAEC,EAAS,YAAEC,GAAgBnB,KAAKI,MAElE,IAAKY,EACH,OACEI,YAACC,IAAM,UACLD,YAACE,IAAgB,KAKvB,MAAMT,EAAaG,EAAUO,KAAIC,GAAKA,EAAEC,UAClCC,EAAqB,IAAIC,IAAIX,EAAUO,KAAIC,GAAK,CAACA,EAAEC,QAASD,MAE5DI,EAAeR,YAACS,IAAgB,CAACrC,GAAE,yBAA0BC,eAAe,oFAElF,OACEqC,eAACT,IAAM,CAACU,IAAK/B,KAAKgC,OAAOC,SAAA,CACvBb,YAACc,IAAY,CACXC,KAAK,OACLC,cAAeC,IACfC,MAAOvB,EAAKwB,cAAclD,EAASE,SACnCiD,QAASxC,KAAKyC,kBACdC,gBAAc,EACdvB,YAAaA,EACbwB,YACEvB,YAAA,UAAQwB,KAAK,SAASC,UAAU,wBAAwBP,MAAOvB,EAAKwB,cAAclD,EAASK,SAAU,aAAYqB,EAAKwB,cAAclD,EAASK,SAAU8C,QAASxC,KAAK8C,oBAAc,EAAC1B,YAAC2B,IAAI,CAACvD,GAAG,UAAU2C,KAAMa,SAIjN5B,YAAC6B,IAAc,CACbC,UAAU,YACVC,WAAYnD,KAAKoD,eACjBnC,QAASA,EACTC,UAAWA,EACXU,aAAcA,EACdyB,gBAAiBlC,QAAY,EAE5BN,EAAWU,KAAI/B,GACd4B,YAACkC,IAAO,CAAU9D,GAAIA,EAAI+D,UAAU,EAAOC,aAAc9B,EAAmB+B,IAAIjE,IAAlEA,MAIlB4B,YAACsC,IAAM,UACLtC,YAAA,QAAMuC,KAAK,SAASC,QAAQ,eAIpC,EACD7D,YAnFKJ,EAAS,YAEM,CACjBY,OAAQsD,IAAUC,OAAOC,WACzB1D,SAAUwD,IAAUG,KAAKD,WACzB/C,UAAWiD,IAAmBC,WAC9BjD,QAAS4C,IAAUM,KACnBjD,UAAW2C,IAAUM,KACrBhD,YAAa0C,IAAUM,KACvBpD,KAAM8C,IAAUC,OAAOC,aA4EZK,6BA3FSC,CAACC,EAAOlE,KAAK,CACnCY,UAAWsD,EAAMC,MAAM,CAAC,mBAAoB,YAAanE,EAAMG,OAAOC,SAAU,UAChFS,UAAWqD,EAAMC,MAAM,CAAC,mBAAoB,YAAanE,EAAMG,OAAOC,SAAU,SAChFU,UAAWoD,EAAMC,MAAM,CAAC,mBAAoB,YAAanE,EAAMG,OAAOC,SAAU,cAAc,MAwFjF4D,CAAyBI,YAAW7E,G","file":"js/flavours/glitch/async/reactions-130c338ce563b382eadb.chunk.js","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { defineMessages, injectIntl, FormattedMessage } from 'react-intl';\n\nimport { Helmet } from 'react-helmet';\n\nimport ImmutablePropTypes from 'react-immutable-proptypes';\nimport ImmutablePureComponent from 'react-immutable-pure-component';\nimport { connect } from 'react-redux';\n\nimport { debounce } from 'lodash';\n\nimport MoodIcon from '@/material-icons/400-24px/mood.svg?react';\nimport RefreshIcon from '@/material-icons/400-24px/refresh.svg?react';\nimport { Account } from 'flavours/glitch/components/account';\nimport { Icon }  from 'flavours/glitch/components/icon';\n\nimport { fetchReactions, expandReactions } from '../../actions/interactions';\nimport ColumnHeader from '../../components/column_header';\nimport { LoadingIndicator } from '../../components/loading_indicator';\nimport ScrollableList from '../../components/scrollable_list';\nimport Column from '../ui/components/column';\n\nconst messages = defineMessages({\n  heading: { id: 'column.reacted_by', defaultMessage: 'Reacted by' },\n  refresh: { id: 'refresh', defaultMessage: 'Refresh' },\n});\n\nconst mapStateToProps = (state, props) => ({\n  reactions: state.getIn(['status_reactions', 'reactions', props.params.statusId, 'items']),\n  hasMore: !!state.getIn(['status_reactions', 'reactions', props.params.statusId, 'next']),\n  isLoading: state.getIn(['status_reactions', 'reactions', props.params.statusId, 'isLoading'], true),\n});\n\nclass Reactions extends ImmutablePureComponent {\n\n  static propTypes = {\n    params: PropTypes.object.isRequired,\n    dispatch: PropTypes.func.isRequired,\n    reactions: ImmutablePropTypes.orderedSet,\n    hasMore: PropTypes.bool,\n    isLoading: PropTypes.bool,\n    multiColumn: PropTypes.bool,\n    intl: PropTypes.object.isRequired,\n  };\n\n  UNSAFE_componentWillMount () {\n    if (!this.props.accountIds) {\n      this.props.dispatch(fetchReactions(this.props.params.statusId));\n    }\n  }\n\n  handleHeaderClick = () => {\n    this.column.scrollTop();\n  };\n\n  setRef = c => {\n    this.column = c;\n  };\n\n  handleRefresh = () => {\n    this.props.dispatch(fetchReactions(this.props.params.statusId));\n  };\n\n  handleLoadMore = debounce(() => {\n    this.props.dispatch(expandReactions(this.props.params.statusId));\n  }, 300, { leading: true });\n\n  render () {\n    const { intl, reactions, hasMore, isLoading, multiColumn } = this.props;\n\n    if (!reactions) {\n      return (\n        <Column>\n          <LoadingIndicator />\n        </Column>\n      );\n    }\n\n    const accountIds = reactions.map(v => v.account);\n    const reactionsByAccount = new Map(reactions.map(v => [v.account, v]));\n\n    const emptyMessage = <FormattedMessage id='status.reactions.empty' defaultMessage='No one has reacted to this post yet. When someone does, they will show up here.' />;\n\n    return (\n      <Column ref={this.setRef}>\n        <ColumnHeader\n          icon='mood'\n          iconComponent={MoodIcon}\n          title={intl.formatMessage(messages.heading)}\n          onClick={this.handleHeaderClick}\n          showBackButton\n          multiColumn={multiColumn}\n          extraButton={(\n            <button type='button' className='column-header__button' title={intl.formatMessage(messages.refresh)} aria-label={intl.formatMessage(messages.refresh)} onClick={this.handleRefresh}><Icon id='refresh' icon={RefreshIcon} /></button>\n          )}\n        />\n\n        <ScrollableList\n          scrollKey='reactions'\n          onLoadMore={this.handleLoadMore}\n          hasMore={hasMore}\n          isLoading={isLoading}\n          emptyMessage={emptyMessage}\n          bindToDocument={!multiColumn}\n        >\n          {accountIds.map(id =>\n            <Account key={id} id={id} withNote={false} overlayEmoji={reactionsByAccount.get(id)} />,\n          )}\n        </ScrollableList>\n\n        <Helmet>\n          <meta name='robots' content='noindex' />\n        </Helmet>\n      </Column>\n    );\n  }\n}\n\nexport default connect(mapStateToProps)(injectIntl(Reactions));\n"],"sourceRoot":""}