{"version":3,"sources":["webpack:///./app/javascript/brighteon/features/compose/index.js"],"names":["messages","defineMessages","start","home_timeline","notifications","public","community","preferences","logout","compose","logoutMessage","logoutConfirm","Compose","connect","state","ownProps","columns","getIn","showSearch","multiColumn","isSearchPage","injectIntl","handleLogoutClick","e","props","dispatch","intl","preventDefault","stopPropagation","openModal","message","formatMessage","confirm","onConfirm","logOut","onFocus","changeComposing","onBlur","componentDidMount","this","mountCompose","componentWillUnmount","unmountCompose","render","header","className","to","title","id","fixedWidth","some","column","get","href","onClick","role","onClose","alt","draggable","src","mascot","elephantUIPlane","React","PureComponent"],"mappings":"yQAgBMA,EAAWC,YAAe,CAC9BC,MAAM,CAAD,+DACLC,cAAc,CAAD,0CACbC,cAAc,CAAD,4DACbC,OAAO,CAAD,kEACNC,UAAU,CAAD,wEACTC,YAAY,CAAD,8DACXC,OAAO,CAAD,oDACNC,QAAQ,CAAD,+DACPC,cAAc,CAAD,sFACbC,cAAc,CAAD,8DAUTC,EAFUC,mBALQ,SAACC,EAAOC,GAAR,MAAsB,CAC5CC,QAASF,EAAMG,MAAM,CAAC,WAAY,YAClCC,WAAYH,EAASI,YAAcL,EAAMG,MAAM,CAAC,SAAU,gBAAkBH,EAAMG,MAAM,CAAC,SAAU,WAAaF,EAASK,aAFnG,G,GAMvBC,Y,sJA4BCC,kBAAoB,SAAAC,GAClB,MAA2B,EAAKC,MAAxBC,EAAR,EAAQA,SAAUC,EAAlB,EAAkBA,KAWlB,OATAH,EAAEI,iBACFJ,EAAEK,kBAEFH,EAASI,YAAU,UAAW,CAC5BC,QAASJ,EAAKK,cAAc/B,EAASU,eACrCsB,QAASN,EAAKK,cAAc/B,EAASW,eACrCsB,UAAW,kBAAMC,aAAN,MAGN,CACR,E,EAEDC,QAAU,WACR,EAAKX,MAAMC,SAASW,aAAgB,GACrC,E,EAEDC,OAAS,WACP,EAAKb,MAAMC,SAASW,aAAgB,GACrC,E,8CArCDE,kBAAA,WAC2BC,KAAKf,MAAtBJ,cAGNmB,KAAKf,MAAMC,SAASe,eAEvB,E,EAEDC,qBAAA,WAC2BF,KAAKf,MAAtBJ,cAGNmB,KAAKf,MAAMC,SAASiB,eAEvB,E,EAyBDC,OAAA,WACE,MAA4CJ,KAAKf,MAAzCL,EAAR,EAAQA,YAAaC,EAArB,EAAqBA,aAAcM,EAAnC,EAAmCA,KAE/BkB,EAAS,GAEb,GAAIzB,EAAa,CACf,IAAQH,EAAYuB,KAAKf,MAAjBR,QACR4B,EACE,mBAAKC,UAAU,uBAAf,EACE,YAAC,IAAD,CAAMC,GAAG,mBAAmBD,UAAU,cAAcE,MAAOrB,EAAKK,cAAc/B,EAASE,OAAQ,aAAYwB,EAAKK,cAAc/B,EAASE,aAAvI,EAA+I,YAAC,IAAD,CAAM8C,GAAG,OAAOC,YAAU,MACvKjC,EAAQkC,MAAK,SAAAC,GAAM,MAAyB,SAArBA,EAAOC,IAAI,KAAf,KACnB,YAAC,IAAD,CAAMN,GAAG,kBAAkBD,UAAU,cAAcE,MAAOrB,EAAKK,cAAc/B,EAASG,eAAgB,aAAYuB,EAAKK,cAAc/B,EAASG,qBAA9I,EAA8J,YAAC,IAAD,CAAM6C,GAAG,OAAOC,YAAU,MAExLjC,EAAQkC,MAAK,SAAAC,GAAM,MAAyB,kBAArBA,EAAOC,IAAI,KAAf,KACnB,YAAC,IAAD,CAAMN,GAAG,iBAAiBD,UAAU,cAAcE,MAAOrB,EAAKK,cAAc/B,EAASI,eAAgB,aAAYsB,EAAKK,cAAc/B,EAASI,qBAA7I,EAA6J,YAAC,IAAD,CAAM4C,GAAG,OAAOC,YAAU,MAEvLjC,EAAQkC,MAAK,SAAAC,GAAM,MAAyB,cAArBA,EAAOC,IAAI,KAAf,KACnB,YAAC,IAAD,CAAMN,GAAG,0BAA0BD,UAAU,cAAcE,MAAOrB,EAAKK,cAAc/B,EAASM,WAAY,aAAYoB,EAAKK,cAAc/B,EAASM,iBAAlJ,EAA8J,YAAC,IAAD,CAAM0C,GAAG,QAAQC,YAAU,MAEzLjC,EAAQkC,MAAK,SAAAC,GAAM,MAAyB,WAArBA,EAAOC,IAAI,KAAf,KACnB,YAAC,IAAD,CAAMN,GAAG,oBAAoBD,UAAU,cAAcE,MAAOrB,EAAKK,cAAc/B,EAASK,QAAS,aAAYqB,EAAKK,cAAc/B,EAASK,cAAzI,EAAkJ,YAAC,IAAD,CAAM2C,GAAG,QAAQC,YAAU,KAE/K,iBAAGI,KAAK,wBAAwBR,UAAU,cAAcE,MAAOrB,EAAKK,cAAc/B,EAASO,aAAc,aAAYmB,EAAKK,cAAc/B,EAASO,mBAAjJ,EAA+J,YAAC,IAAD,CAAMyC,GAAG,MAAMC,YAAU,KACxL,iBAAGI,KAAK,iBAAiBR,UAAU,cAAcE,MAAOrB,EAAKK,cAAc/B,EAASQ,QAAS,aAAYkB,EAAKK,cAAc/B,EAASQ,QAAS8C,QAASf,KAAKjB,wBAA5J,EAA+K,YAAC,IAAD,CAAM0B,GAAG,WAAWC,YAAU,KAGlN,CAED,OACE,mBAAKJ,UAAU,SAASU,KAAK,SAAS,aAAY7B,EAAKK,cAAc/B,EAASS,eAA9E,EACGmC,EAED,mBAAKC,UAAU,sBAAf,GACIzB,GAAgB,mBAAKyB,UAAU,gBAAgBV,QAASI,KAAKJ,cAA7C,EAChB,YAAC,IAAD,CAAqBqB,QAASjB,KAAKF,SAEnC,YAAC,IAAD,IAEA,mBAAKQ,UAAU,iCAAf,EACE,mBAAKY,IAAI,GAAGC,UAAU,QAAQC,IAAKC,KAAUC,eAMxD,E,GA/FmBC,IAAMC,iB","file":"js/features/compose-a22e648cdecd2d15cd15.chunk.js","sourcesContent":["import React from 'react';\nimport ComposeFormContainer from './containers/compose_form_container';\nimport NavigationContainer from './containers/navigation_container';\nimport PropTypes from 'prop-types';\nimport ImmutablePropTypes from 'react-immutable-proptypes';\nimport { connect } from 'react-redux';\nimport { mountCompose, unmountCompose } from '../../actions/compose';\nimport { Link } from 'react-router-dom';\nimport { injectIntl, defineMessages } from 'react-intl';\nimport { changeComposing } from '../../actions/compose';\nimport { openModal } from 'brighteon/actions/modal';\nimport elephantUIPlane from '../../../images/elephant_ui_plane.svg';\nimport { mascot } from '../../initial_state';\nimport Icon from 'brighteon/components/icon';\nimport { logOut } from 'brighteon/utils/log_out';\n\nconst messages = defineMessages({\n  start: { id: 'getting_started.heading', defaultMessage: 'Getting started' },\n  home_timeline: { id: 'tabs_bar.home', defaultMessage: 'Home' },\n  notifications: { id: 'tabs_bar.notifications', defaultMessage: 'Notifications' },\n  public: { id: 'navigation_bar.public_timeline', defaultMessage: 'Live Stream' },\n  community: { id: 'navigation_bar.community_timeline', defaultMessage: 'Local timeline' },\n  preferences: { id: 'navigation_bar.preferences', defaultMessage: 'Preferences' },\n  logout: { id: 'navigation_bar.logout', defaultMessage: 'Logout' },\n  compose: { id: 'navigation_bar.compose', defaultMessage: 'Compose new toot' },\n  logoutMessage: { id: 'confirmations.logout.message', defaultMessage: 'Are you sure you want to log out?' },\n  logoutConfirm: { id: 'confirmations.logout.confirm', defaultMessage: 'Log out' },\n});\n\nconst mapStateToProps = (state, ownProps) => ({\n  columns: state.getIn(['settings', 'columns']),\n  showSearch: ownProps.multiColumn ? state.getIn(['search', 'submitted']) && !state.getIn(['search', 'hidden']) : ownProps.isSearchPage,\n});\n\nexport default @connect(mapStateToProps)\n@injectIntl\nclass Compose extends React.PureComponent {\n\n  static propTypes = {\n    dispatch: PropTypes.func.isRequired,\n    columns: ImmutablePropTypes.list.isRequired,\n    multiColumn: PropTypes.bool,\n    showSearch: PropTypes.bool,\n    isSearchPage: PropTypes.bool,\n    intl: PropTypes.object.isRequired,\n  };\n\n  componentDidMount() {\n    const { isSearchPage } = this.props;\n\n    if (!isSearchPage) {\n      this.props.dispatch(mountCompose());\n    }\n  }\n\n  componentWillUnmount() {\n    const { isSearchPage } = this.props;\n\n    if (!isSearchPage) {\n      this.props.dispatch(unmountCompose());\n    }\n  }\n\n  handleLogoutClick = e => {\n    const { dispatch, intl } = this.props;\n\n    e.preventDefault();\n    e.stopPropagation();\n\n    dispatch(openModal('CONFIRM', {\n      message: intl.formatMessage(messages.logoutMessage),\n      confirm: intl.formatMessage(messages.logoutConfirm),\n      onConfirm: () => logOut(),\n    }));\n\n    return false;\n  }\n\n  onFocus = () => {\n    this.props.dispatch(changeComposing(true));\n  }\n\n  onBlur = () => {\n    this.props.dispatch(changeComposing(false));\n  }\n\n  render() {\n    const { multiColumn, isSearchPage, intl } = this.props;\n\n    let header = '';\n\n    if (multiColumn) {\n      const { columns } = this.props;\n      header = (\n        <nav className='drawer__header'>\n          <Link to='/getting-started' className='drawer__tab' title={intl.formatMessage(messages.start)} aria-label={intl.formatMessage(messages.start)}><Icon id='bars' fixedWidth /></Link>\n          {!columns.some(column => column.get('id') === 'HOME') && (\n            <Link to='/timelines/home' className='drawer__tab' title={intl.formatMessage(messages.home_timeline)} aria-label={intl.formatMessage(messages.home_timeline)}><Icon id='home' fixedWidth /></Link>\n          )}\n          {!columns.some(column => column.get('id') === 'NOTIFICATIONS') && (\n            <Link to='/notifications' className='drawer__tab' title={intl.formatMessage(messages.notifications)} aria-label={intl.formatMessage(messages.notifications)}><Icon id='bell' fixedWidth /></Link>\n          )}\n          {!columns.some(column => column.get('id') === 'COMMUNITY') && (\n            <Link to='/timelines/public/local' className='drawer__tab' title={intl.formatMessage(messages.community)} aria-label={intl.formatMessage(messages.community)}><Icon id='users' fixedWidth /></Link>\n          )}\n          {!columns.some(column => column.get('id') === 'PUBLIC') && (\n            <Link to='/timelines/public' className='drawer__tab' title={intl.formatMessage(messages.public)} aria-label={intl.formatMessage(messages.public)}><Icon id='globe' fixedWidth /></Link>\n          )}\n          <a href='/settings/preferences' className='drawer__tab' title={intl.formatMessage(messages.preferences)} aria-label={intl.formatMessage(messages.preferences)}><Icon id='cog' fixedWidth /></a>\n          <a href='/auth/sign_out' className='drawer__tab' title={intl.formatMessage(messages.logout)} aria-label={intl.formatMessage(messages.logout)} onClick={this.handleLogoutClick}><Icon id='sign-out' fixedWidth /></a>\n        </nav>\n      );\n    }\n\n    return (\n      <div className='drawer' role='region' aria-label={intl.formatMessage(messages.compose)}>\n        {header}\n\n        <div className='drawer__pager'>\n          {!isSearchPage && <div className='drawer__inner' onFocus={this.onFocus}>\n            <NavigationContainer onClose={this.onBlur} />\n\n            <ComposeFormContainer />\n\n            <div className='drawer__inner__brighteon'>\n              <img alt='' draggable='false' src={mascot || elephantUIPlane} />\n            </div>\n          </div>}\n        </div>\n      </div>\n    );\n  }\n\n}\n"],"sourceRoot":""}