diff options
Diffstat (limited to 'priv/static/packs/modals')
| -rw-r--r-- | priv/static/packs/modals/block_modal.js | 2 | ||||
| -rw-r--r-- | priv/static/packs/modals/block_modal.js.map | 2 | ||||
| -rw-r--r-- | priv/static/packs/modals/embed_modal.js | 2 | ||||
| -rw-r--r-- | priv/static/packs/modals/embed_modal.js.map | 2 | ||||
| -rw-r--r-- | priv/static/packs/modals/mute_modal.js | 2 | ||||
| -rw-r--r-- | priv/static/packs/modals/mute_modal.js.map | 2 | ||||
| -rw-r--r-- | priv/static/packs/modals/report_modal.js | 2 | ||||
| -rw-r--r-- | priv/static/packs/modals/report_modal.js.map | 2 |
8 files changed, 8 insertions, 8 deletions
diff --git a/priv/static/packs/modals/block_modal.js b/priv/static/packs/modals/block_modal.js index 90c88d163..b74a7a3d0 100644 --- a/priv/static/packs/modals/block_modal.js +++ b/priv/static/packs/modals/block_modal.js @@ -1,2 +1,2 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[240],{804:function(o,n,t){"use strict";t.r(n),t.d(n,"default",(function(){return O}));var c,e=t(0),a=t(2),i=t(7),r=t(1),l=t(3),s=t.n(l),b=t(13),d=t(6),u=t(206),f=t(105),p=t(47),j=t(25),m=t(100),O=Object(b.connect)((function(){var o=Object(u.d)();return function(n){return{account:o(n,n.getIn(["blocks","new","account_id"]))}}}),(function(o){return{onConfirm:function(n){o(Object(j.w)(n.get("id")))},onBlockAndReport:function(n){o(Object(j.w)(n.get("id"))),o(Object(m.k)(n))},onClose:function(){o(Object(p.c)())}}}))(c=Object(d.g)(c=function(o){function n(){for(var n,t=arguments.length,c=new Array(t),e=0;e<t;e++)c[e]=arguments[e];return n=o.call.apply(o,[this].concat(c))||this,Object(r.a)(Object(a.a)(n),"handleClick",(function(){n.props.onClose(),n.props.onConfirm(n.props.account)})),Object(r.a)(Object(a.a)(n),"handleSecondary",(function(){n.props.onClose(),n.props.onBlockAndReport(n.props.account)})),Object(r.a)(Object(a.a)(n),"handleCancel",(function(){n.props.onClose()})),Object(r.a)(Object(a.a)(n),"setRef",(function(o){n.button=o})),n}Object(i.a)(n,o);var t=n.prototype;return t.componentDidMount=function(){this.button.focus()},t.render=function(){var o=this.props.account;return Object(e.a)("div",{className:"modal-root__modal block-modal"},void 0,Object(e.a)("div",{className:"block-modal__container"},void 0,Object(e.a)("p",{},void 0,Object(e.a)(d.b,{id:"confirmations.block.message",defaultMessage:"Are you sure you want to block {name}?",values:{name:Object(e.a)("strong",{},void 0,"@",o.get("acct"))}}))),Object(e.a)("div",{className:"block-modal__action-bar"},void 0,Object(e.a)(f.a,{onClick:this.handleCancel,className:"block-modal__cancel-button"},void 0,Object(e.a)(d.b,{id:"confirmation_modal.cancel",defaultMessage:"Cancel"})),Object(e.a)(f.a,{onClick:this.handleSecondary,className:"confirmation-modal__secondary-button"},void 0,Object(e.a)(d.b,{id:"confirmations.block.block_and_report",defaultMessage:"Block & Report"})),s.a.createElement(f.a,{onClick:this.handleClick,ref:this.setRef},Object(e.a)(d.b,{id:"confirmations.block.confirm",defaultMessage:"Block"}))))},n}(s.a.PureComponent))||c)||c}}]); +(window.webpackJsonp=window.webpackJsonp||[]).push([[240],{830:function(o,n,t){"use strict";t.r(n),t.d(n,"default",(function(){return O}));var c,e=t(0),a=t(2),i=(t(9),t(6),t(8)),r=t(1),l=t(3),s=t.n(l),b=t(15),d=t(7),u=t(210),f=t(110),p=t(48),j=t(26),m=t(105);var O=Object(b.connect)((function(){var o=Object(u.d)();return function(n){return{account:o(n,n.getIn(["blocks","new","account_id"]))}}}),(function(o){return{onConfirm:function(n){o(Object(j.w)(n.get("id")))},onBlockAndReport:function(n){o(Object(j.w)(n.get("id"))),o(Object(m.k)(n))},onClose:function(){o(Object(p.c)())}}}))(c=Object(d.g)(c=function(o){Object(i.a)(t,o);var n;n=t;function t(){for(var n,t=arguments.length,c=new Array(t),e=0;e<t;e++)c[e]=arguments[e];return n=o.call.apply(o,[this].concat(c))||this,Object(r.a)(Object(a.a)(n),"handleClick",(function(){n.props.onClose(),n.props.onConfirm(n.props.account)})),Object(r.a)(Object(a.a)(n),"handleSecondary",(function(){n.props.onClose(),n.props.onBlockAndReport(n.props.account)})),Object(r.a)(Object(a.a)(n),"handleCancel",(function(){n.props.onClose()})),Object(r.a)(Object(a.a)(n),"setRef",(function(o){n.button=o})),n}var c=t.prototype;return c.componentDidMount=function(){this.button.focus()},c.render=function(){var o=this.props.account;return(Object(e.a)("div",{className:"modal-root__modal block-modal"},void 0,Object(e.a)("div",{className:"block-modal__container"},void 0,Object(e.a)("p",{},void 0,Object(e.a)(d.b,{id:"confirmations.block.message",defaultMessage:"Are you sure you want to block {name}?",values:{name:Object(e.a)("strong",{},void 0,"@",o.get("acct"))}}))),Object(e.a)("div",{className:"block-modal__action-bar"},void 0,Object(e.a)(f.a,{onClick:this.handleCancel,className:"block-modal__cancel-button"},void 0,Object(e.a)(d.b,{id:"confirmation_modal.cancel",defaultMessage:"Cancel"})),Object(e.a)(f.a,{onClick:this.handleSecondary,className:"confirmation-modal__secondary-button"},void 0,Object(e.a)(d.b,{id:"confirmations.block.block_and_report",defaultMessage:"Block & Report"})),s.a.createElement(f.a,{onClick:this.handleClick,ref:this.setRef},Object(e.a)(d.b,{id:"confirmations.block.confirm",defaultMessage:"Block"})))))},t}(s.a.PureComponent))||c)||c}}]); //# sourceMappingURL=block_modal.js.map
\ No newline at end of file diff --git a/priv/static/packs/modals/block_modal.js.map b/priv/static/packs/modals/block_modal.js.map index 406846735..2796f6af6 100644 --- a/priv/static/packs/modals/block_modal.js.map +++ b/priv/static/packs/modals/block_modal.js.map @@ -1 +1 @@ -{"version":3,"sources":["webpack:///app/javascript/tank/sources/git/git.pleroma.social/pleroma/mastofe/app/javascript/mastodon/features/ui/components/block_modal.js"],"names":["BlockModal","connect","getAccount","makeGetAccount","state","account","getIn","dispatch","onConfirm","blockAccount","get","onBlockAndReport","initReport","onClose","closeModal","injectIntl","props","c","button","componentDidMount","this","focus","render","className","id","defaultMessage","values","name","onClick","handleCancel","handleSecondary","handleClick","ref","setRef","React","PureComponent"],"mappings":"uPAwCMA,EAFUC,mBA3BY,WAC1B,IAAMC,EAAaC,cAMnB,OAJwB,SAAAC,GAAK,MAAK,CAChCC,QAASH,EAAWE,EAAOA,EAAME,MAAM,CAAC,SAAU,MAAO,qBAMlC,SAAAC,GACzB,MAAO,CACLC,UADK,SACKH,GACRE,EAASE,YAAaJ,EAAQK,IAAI,SAGpCC,iBALK,SAKYN,GACfE,EAASE,YAAaJ,EAAQK,IAAI,QAClCH,EAASK,YAAWP,KAGtBQ,QAVK,WAWHN,EAASO,mB,GAMdC,Y,+LAee,WACZ,EAAKC,MAAMH,UACX,EAAKG,MAAMR,UAAU,EAAKQ,MAAMX,Y,8CAGhB,WAChB,EAAKW,MAAMH,UACX,EAAKG,MAAML,iBAAiB,EAAKK,MAAMX,Y,2CAG1B,WACb,EAAKW,MAAMH,a,qCAGJ,SAACI,GACR,EAAKC,OAASD,K,8CAnBhBE,kBAAA,WACEC,KAAKF,OAAOG,S,EAqBdC,OAAA,WAAW,IACDjB,EAAYe,KAAKJ,MAAjBX,QAER,OACE,mBAAKkB,UAAU,sCAAf,EACE,mBAAKA,UAAU,+BAAf,EACE,0BACE,YAAC,IAAD,CACEC,GAAG,8BACHC,eAAe,yCACfC,OAAQ,CAAEC,KAAM,mCAAUtB,EAAQK,IAAI,cAK5C,mBAAKa,UAAU,gCAAf,EACE,YAAC,IAAD,CAAQK,QAASR,KAAKS,aAAcN,UAAU,mCAA9C,EACE,YAAC,IAAD,CAAkBC,GAAG,4BAA4BC,eAAe,YAElE,YAAC,IAAD,CAAQG,QAASR,KAAKU,gBAAiBP,UAAU,6CAAjD,EACE,YAAC,IAAD,CAAkBC,GAAG,uCAAuCC,eAAe,oBAE7E,kBAAC,IAAD,CAAQG,QAASR,KAAKW,YAAaC,IAAKZ,KAAKa,QAC3C,YAAC,IAAD,CAAkBT,GAAG,8BAA8BC,eAAe,c,GAvDrDS,IAAMC,iB","file":"modals/block_modal.js","sourcesContent":["import React from 'react';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { injectIntl, FormattedMessage } from 'react-intl';\nimport { makeGetAccount } from '../../../selectors';\nimport Button from '../../../components/button';\nimport { closeModal } from '../../../actions/modal';\nimport { blockAccount } from '../../../actions/accounts';\nimport { initReport } from '../../../actions/reports';\n\n\nconst makeMapStateToProps = () => {\n const getAccount = makeGetAccount();\n\n const mapStateToProps = state => ({\n account: getAccount(state, state.getIn(['blocks', 'new', 'account_id'])),\n });\n\n return mapStateToProps;\n};\n\nconst mapDispatchToProps = dispatch => {\n return {\n onConfirm(account) {\n dispatch(blockAccount(account.get('id')));\n },\n\n onBlockAndReport(account) {\n dispatch(blockAccount(account.get('id')));\n dispatch(initReport(account));\n },\n\n onClose() {\n dispatch(closeModal());\n },\n };\n};\n\nexport default @connect(makeMapStateToProps, mapDispatchToProps)\n@injectIntl\nclass BlockModal extends React.PureComponent {\n\n static propTypes = {\n account: PropTypes.object.isRequired,\n onClose: PropTypes.func.isRequired,\n onBlockAndReport: PropTypes.func.isRequired,\n onConfirm: PropTypes.func.isRequired,\n intl: PropTypes.object.isRequired,\n };\n\n componentDidMount() {\n this.button.focus();\n }\n\n handleClick = () => {\n this.props.onClose();\n this.props.onConfirm(this.props.account);\n }\n\n handleSecondary = () => {\n this.props.onClose();\n this.props.onBlockAndReport(this.props.account);\n }\n\n handleCancel = () => {\n this.props.onClose();\n }\n\n setRef = (c) => {\n this.button = c;\n }\n\n render () {\n const { account } = this.props;\n\n return (\n <div className='modal-root__modal block-modal'>\n <div className='block-modal__container'>\n <p>\n <FormattedMessage\n id='confirmations.block.message'\n defaultMessage='Are you sure you want to block {name}?'\n values={{ name: <strong>@{account.get('acct')}</strong> }}\n />\n </p>\n </div>\n\n <div className='block-modal__action-bar'>\n <Button onClick={this.handleCancel} className='block-modal__cancel-button'>\n <FormattedMessage id='confirmation_modal.cancel' defaultMessage='Cancel' />\n </Button>\n <Button onClick={this.handleSecondary} className='confirmation-modal__secondary-button'>\n <FormattedMessage id='confirmations.block.block_and_report' defaultMessage='Block & Report' />\n </Button>\n <Button onClick={this.handleClick} ref={this.setRef}>\n <FormattedMessage id='confirmations.block.confirm' defaultMessage='Block' />\n </Button>\n </div>\n </div>\n );\n }\n\n}\n"],"sourceRoot":""}
\ No newline at end of file +{"version":3,"sources":["webpack:///app/javascript/tank/sources/git/git.pleroma.social/pleroma/mastofe/app/javascript/mastodon/features/ui/components/block_modal.js"],"names":["BlockModal","connect","getAccount","makeGetAccount","state","account","getIn","dispatch","onConfirm","blockAccount","get","onBlockAndReport","initReport","onClose","closeModal","injectIntl","props","c","button","componentDidMount","this","focus","render","className","id","defaultMessage","values","name","onClick","handleCancel","handleSecondary","handleClick","ref","setRef","React","PureComponent"],"mappings":"mQAWA,IA6BMA,EAFUC,mBA3BY,WAC1B,IAAMC,EAAaC,cAMnB,OAJwB,SAAAC,GAAK,MAAK,CAChCC,QAASH,EAAWE,EAAOA,EAAME,MAAM,CAAC,SAAU,MAAO,qBAMlC,SAAAC,GACzB,MAAO,CACLC,UADK,SACKH,GACRE,EAASE,YAAaJ,EAAQK,IAAI,SAGpCC,iBALK,SAKYN,GACfE,EAASE,YAAaJ,EAAQK,IAAI,QAClCH,EAASK,YAAWP,KAGtBQ,QAVK,WAWHN,EAASO,mB,GAMdC,Y,0NAee,WACZ,EAAKC,MAAMH,UACX,EAAKG,MAAMR,UAAU,EAAKQ,MAAMX,Y,8CAGhB,WAChB,EAAKW,MAAMH,UACX,EAAKG,MAAML,iBAAiB,EAAKK,MAAMX,Y,2CAG1B,WACb,EAAKW,MAAMH,a,qCAGJ,SAACI,GACR,EAAKC,OAASD,K,6BAnBhBE,kBAAA,WACEC,KAAKF,OAAOG,S,EAqBdC,OAAA,WAAW,IACDjB,EAAYe,KAAKJ,MAAjBX,QAER,OACE,mBAAKkB,UAAU,sCAAf,EACE,mBAAKA,UAAU,+BAAf,EACE,0BACE,YAAC,IAAD,CACEC,GAAG,8BACHC,eAAe,yCACfC,OAAQ,CAAEC,KAAM,mCAAUtB,EAAQK,IAAI,cAK5C,mBAAKa,UAAU,gCAAf,EACE,YAAC,IAAD,CAAQK,QAASR,KAAKS,aAAcN,UAAU,mCAA9C,EACE,YAAC,IAAD,CAAkBC,GAAG,4BAA4BC,eAAe,YAElE,YAAC,IAAD,CAAQG,QAASR,KAAKU,gBAAiBP,UAAU,6CAAjD,EACE,YAAC,IAAD,CAAkBC,GAAG,uCAAuCC,eAAe,oBAE7E,kBAAC,IAAD,CAAQG,QAASR,KAAKW,YAAaC,IAAKZ,KAAKa,QAC3C,YAAC,IAAD,CAAkBT,GAAG,8BAA8BC,eAAe,e,GAvDrDS,IAAMC,iB","file":"modals/block_modal.js","sourcesContent":["import React from 'react';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { injectIntl, FormattedMessage } from 'react-intl';\nimport { makeGetAccount } from '../../../selectors';\nimport Button from '../../../components/button';\nimport { closeModal } from '../../../actions/modal';\nimport { blockAccount } from '../../../actions/accounts';\nimport { initReport } from '../../../actions/reports';\n\n\nconst makeMapStateToProps = () => {\n const getAccount = makeGetAccount();\n\n const mapStateToProps = state => ({\n account: getAccount(state, state.getIn(['blocks', 'new', 'account_id'])),\n });\n\n return mapStateToProps;\n};\n\nconst mapDispatchToProps = dispatch => {\n return {\n onConfirm(account) {\n dispatch(blockAccount(account.get('id')));\n },\n\n onBlockAndReport(account) {\n dispatch(blockAccount(account.get('id')));\n dispatch(initReport(account));\n },\n\n onClose() {\n dispatch(closeModal());\n },\n };\n};\n\nexport default @connect(makeMapStateToProps, mapDispatchToProps)\n@injectIntl\nclass BlockModal extends React.PureComponent {\n\n static propTypes = {\n account: PropTypes.object.isRequired,\n onClose: PropTypes.func.isRequired,\n onBlockAndReport: PropTypes.func.isRequired,\n onConfirm: PropTypes.func.isRequired,\n intl: PropTypes.object.isRequired,\n };\n\n componentDidMount() {\n this.button.focus();\n }\n\n handleClick = () => {\n this.props.onClose();\n this.props.onConfirm(this.props.account);\n }\n\n handleSecondary = () => {\n this.props.onClose();\n this.props.onBlockAndReport(this.props.account);\n }\n\n handleCancel = () => {\n this.props.onClose();\n }\n\n setRef = (c) => {\n this.button = c;\n }\n\n render () {\n const { account } = this.props;\n\n return (\n <div className='modal-root__modal block-modal'>\n <div className='block-modal__container'>\n <p>\n <FormattedMessage\n id='confirmations.block.message'\n defaultMessage='Are you sure you want to block {name}?'\n values={{ name: <strong>@{account.get('acct')}</strong> }}\n />\n </p>\n </div>\n\n <div className='block-modal__action-bar'>\n <Button onClick={this.handleCancel} className='block-modal__cancel-button'>\n <FormattedMessage id='confirmation_modal.cancel' defaultMessage='Cancel' />\n </Button>\n <Button onClick={this.handleSecondary} className='confirmation-modal__secondary-button'>\n <FormattedMessage id='confirmations.block.block_and_report' defaultMessage='Block & Report' />\n </Button>\n <Button onClick={this.handleClick} ref={this.setRef}>\n <FormattedMessage id='confirmations.block.confirm' defaultMessage='Block' />\n </Button>\n </div>\n </div>\n );\n }\n\n}\n"],"sourceRoot":""}
\ No newline at end of file diff --git a/priv/static/packs/modals/embed_modal.js b/priv/static/packs/modals/embed_modal.js index 21ab12b50..9092bee72 100644 --- a/priv/static/packs/modals/embed_modal.js +++ b/priv/static/packs/modals/embed_modal.js @@ -1,2 +1,2 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[241],{805:function(e,t,a){"use strict";a.r(t),a.d(t,"default",(function(){return g}));var o,i,s,r=a(0),n=a(2),l=a(7),c=a(1),d=a(3),m=a.n(d),b=a(5),u=a.n(b),p=a(18),f=a(6),h=a(10),j=a(50),O=Object(f.f)({close:{id:"lightbox.close",defaultMessage:"Close"}}),g=Object(f.g)((s=i=function(e){function t(){for(var t,a=arguments.length,o=new Array(a),i=0;i<a;i++)o[i]=arguments[i];return t=e.call.apply(e,[this].concat(o))||this,Object(c.a)(Object(n.a)(t),"state",{loading:!1,oembed:null}),Object(c.a)(Object(n.a)(t),"setIframeRef",(function(e){t.iframe=e})),Object(c.a)(Object(n.a)(t),"handleTextareaClick",(function(e){e.target.select()})),t}Object(l.a)(t,e);var a=t.prototype;return a.componentDidMount=function(){var e=this,t=this.props.url;this.setState({loading:!0}),Object(h.a)().post("/api/web/embed",{url:t}).then((function(t){e.setState({loading:!1,oembed:t.data});var a=e.iframe.contentWindow.document;a.open(),a.write(t.data.html),a.close(),a.body.style.margin=0,e.iframe.width=a.body.scrollWidth,e.iframe.height=a.body.scrollHeight})).catch((function(t){e.props.onError(t)}))},a.render=function(){var e=this.props,t=e.intl,a=e.onClose,o=this.state.oembed;return Object(r.a)("div",{className:"modal-root__modal report-modal embed-modal"},void 0,Object(r.a)("div",{className:"report-modal__target"},void 0,Object(r.a)(j.a,{className:"media-modal__close",title:t.formatMessage(O.close),icon:"times",onClick:a,size:16}),Object(r.a)(f.b,{id:"status.embed",defaultMessage:"Embed"})),Object(r.a)("div",{className:"report-modal__container embed-modal__container",style:{display:"block"}},void 0,Object(r.a)("p",{className:"hint"},void 0,Object(r.a)(f.b,{id:"embed.instructions",defaultMessage:"Embed this status on your website by copying the code below."})),Object(r.a)("input",{type:"text",className:"embed-modal__html",readOnly:!0,value:o&&o.html||"",onClick:this.handleTextareaClick}),Object(r.a)("p",{className:"hint"},void 0,Object(r.a)(f.b,{id:"embed.preview",defaultMessage:"Here is what it will look like:"})),m.a.createElement("iframe",{className:"embed-modal__iframe",frameBorder:"0",ref:this.setIframeRef,sandbox:"allow-same-origin",title:"preview"})))},t}(p.a),Object(c.a)(i,"propTypes",{url:u.a.string.isRequired,onClose:u.a.func.isRequired,onError:u.a.func.isRequired,intl:u.a.object.isRequired}),o=s))||o}}]); +(window.webpackJsonp=window.webpackJsonp||[]).push([[241],{831:function(e,t,a){"use strict";a.r(t),a.d(t,"default",(function(){return g}));var o,i,s,r=a(0),n=a(2),l=(a(9),a(6),a(8)),c=a(1),d=a(3),m=a.n(d),b=a(5),u=a.n(b),p=a(21),f=a(7),h=a(12),j=a(53);var O=Object(f.f)({close:{id:"lightbox.close",defaultMessage:"Close"}}),g=Object(f.g)((s=i=function(e){Object(l.a)(a,e);var t;t=a;function a(){for(var t,a=arguments.length,o=new Array(a),i=0;i<a;i++)o[i]=arguments[i];return t=e.call.apply(e,[this].concat(o))||this,Object(c.a)(Object(n.a)(t),"state",{loading:!1,oembed:null}),Object(c.a)(Object(n.a)(t),"setIframeRef",(function(e){t.iframe=e})),Object(c.a)(Object(n.a)(t),"handleTextareaClick",(function(e){e.target.select()})),t}var o=a.prototype;return o.componentDidMount=function(){var e=this,t=this.props.url;this.setState({loading:!0}),Object(h.a)().post("/api/web/embed",{url:t}).then((function(t){e.setState({loading:!1,oembed:t.data});var a=e.iframe.contentWindow.document;a.open(),a.write(t.data.html),a.close(),a.body.style.margin=0,e.iframe.width=a.body.scrollWidth,e.iframe.height=a.body.scrollHeight})).catch((function(t){e.props.onError(t)}))},o.render=function(){var e=this.props,t=e.intl,a=e.onClose,o=this.state.oembed;return Object(r.a)("div",{className:"modal-root__modal report-modal embed-modal"},void 0,Object(r.a)("div",{className:"report-modal__target"},void 0,Object(r.a)(j.a,{className:"media-modal__close",title:t.formatMessage(O.close),icon:"times",onClick:a,size:16}),Object(r.a)(f.b,{id:"status.embed",defaultMessage:"Embed"})),Object(r.a)("div",{className:"report-modal__container embed-modal__container",style:{display:"block"}},void 0,Object(r.a)("p",{className:"hint"},void 0,Object(r.a)(f.b,{id:"embed.instructions",defaultMessage:"Embed this status on your website by copying the code below."})),Object(r.a)("input",{type:"text",className:"embed-modal__html",readOnly:!0,value:o&&o.html||"",onClick:this.handleTextareaClick}),Object(r.a)("p",{className:"hint"},void 0,Object(r.a)(f.b,{id:"embed.preview",defaultMessage:"Here is what it will look like:"})),m.a.createElement("iframe",{className:"embed-modal__iframe",frameBorder:"0",ref:this.setIframeRef,sandbox:"allow-same-origin",title:"preview"})))},a}(p.a),Object(c.a)(i,"propTypes",{url:u.a.string.isRequired,onClose:u.a.func.isRequired,onError:u.a.func.isRequired,intl:u.a.object.isRequired}),o=s))||o}}]); //# sourceMappingURL=embed_modal.js.map
\ No newline at end of file diff --git a/priv/static/packs/modals/embed_modal.js.map b/priv/static/packs/modals/embed_modal.js.map index c2c70ba99..0fd5ad06d 100644 --- a/priv/static/packs/modals/embed_modal.js.map +++ b/priv/static/packs/modals/embed_modal.js.map @@ -1 +1 @@ -{"version":3,"sources":["webpack:///app/javascript/tank/sources/git/git.pleroma.social/pleroma/mastofe/app/javascript/mastodon/features/ui/components/embed_modal.js"],"names":["messages","defineMessages","close","EmbedModal","injectIntl","loading","oembed","c","iframe","e","target","select","componentDidMount","url","this","props","setState","api","post","then","res","data","iframeDocument","contentWindow","document","open","write","html","body","style","margin","width","scrollWidth","height","scrollHeight","catch","error","onError","render","intl","onClose","state","className","title","formatMessage","icon","onClick","size","id","defaultMessage","display","type","readOnly","value","handleTextareaClick","frameBorder","ref","setIframeRef","sandbox","ImmutablePureComponent","PropTypes","string","isRequired","func","object"],"mappings":"gPAOMA,EAAWC,YAAe,CAC9BC,MAAM,CAAD,8CAIDC,EADUC,a,0LAUN,CACNC,SAAS,EACTC,OAAQ,O,2CAyBK,SAAAC,GACb,EAAKC,OAASD,K,kDAGM,SAACE,GACrBA,EAAEC,OAAOC,Y,8CA3BXC,kBAAA,WAAsB,IAAD,OACXC,EAAQC,KAAKC,MAAbF,IAERC,KAAKE,SAAS,CAAEX,SAAS,IAEzBY,cAAMC,KAAK,iBAAkB,CAAEL,QAAOM,MAAK,SAAAC,GACzC,EAAKJ,SAAS,CAAEX,SAAS,EAAOC,OAAQc,EAAIC,OAE5C,IAAMC,EAAiB,EAAKd,OAAOe,cAAcC,SAEjDF,EAAeG,OACfH,EAAeI,MAAMN,EAAIC,KAAKM,MAC9BL,EAAepB,QAEfoB,EAAeM,KAAKC,MAAMC,OAAS,EACnC,EAAKtB,OAAOuB,MAAST,EAAeM,KAAKI,YACzC,EAAKxB,OAAOyB,OAASX,EAAeM,KAAKM,gBACxCC,OAAM,SAAAC,GACP,EAAKrB,MAAMsB,QAAQD,O,EAYvBE,OAAA,WAAW,IAAD,EACkBxB,KAAKC,MAAvBwB,EADA,EACAA,KAAMC,EADN,EACMA,QACNlC,EAAWQ,KAAK2B,MAAhBnC,OAER,OACE,mBAAKoC,UAAU,mDAAf,EACE,mBAAKA,UAAU,6BAAf,EACE,YAAC,IAAD,CAAYA,UAAU,qBAAqBC,MAAOJ,EAAKK,cAAc5C,EAASE,OAAQ2C,KAAK,QAAQC,QAASN,EAASO,KAAM,KAC3H,YAAC,IAAD,CAAkBC,GAAG,eAAeC,eAAe,WAGrD,mBAAKP,UAAU,iDAAiDb,MAAO,CAAEqB,QAAS,eAAlF,EACE,iBAAGR,UAAU,aAAb,EACE,YAAC,IAAD,CAAkBM,GAAG,qBAAqBC,eAAe,kEAG3D,qBACEE,KAAK,OACLT,UAAU,oBACVU,UAAQ,EACRC,MAAO/C,GAAUA,EAAOqB,MAAQ,GAChCmB,QAAShC,KAAKwC,sBAGhB,iBAAGZ,UAAU,aAAb,EACE,YAAC,IAAD,CAAkBM,GAAG,gBAAgBC,eAAe,qCAGtD,4BACEP,UAAU,sBACVa,YAAY,IACZC,IAAK1C,KAAK2C,aACVC,QAAQ,oBACRf,MAAM,e,GA7EOgB,K,0BAEJ,CACjB9C,IAAK+C,IAAUC,OAAOC,WACtBtB,QAASoB,IAAUG,KAAKD,WACxBzB,QAASuB,IAAUG,KAAKD,WACxBvB,KAAMqB,IAAUI,OAAOF,a","file":"modals/embed_modal.js","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ImmutablePureComponent from 'react-immutable-pure-component';\nimport { defineMessages, FormattedMessage, injectIntl } from 'react-intl';\nimport api from 'mastodon/api';\nimport IconButton from 'mastodon/components/icon_button';\n\nconst messages = defineMessages({\n close: { id: 'lightbox.close', defaultMessage: 'Close' },\n});\n\nexport default @injectIntl\nclass EmbedModal extends ImmutablePureComponent {\n\n static propTypes = {\n url: PropTypes.string.isRequired,\n onClose: PropTypes.func.isRequired,\n onError: PropTypes.func.isRequired,\n intl: PropTypes.object.isRequired,\n }\n\n state = {\n loading: false,\n oembed: null,\n };\n\n componentDidMount () {\n const { url } = this.props;\n\n this.setState({ loading: true });\n\n api().post('/api/web/embed', { url }).then(res => {\n this.setState({ loading: false, oembed: res.data });\n\n const iframeDocument = this.iframe.contentWindow.document;\n\n iframeDocument.open();\n iframeDocument.write(res.data.html);\n iframeDocument.close();\n\n iframeDocument.body.style.margin = 0;\n this.iframe.width = iframeDocument.body.scrollWidth;\n this.iframe.height = iframeDocument.body.scrollHeight;\n }).catch(error => {\n this.props.onError(error);\n });\n }\n\n setIframeRef = c => {\n this.iframe = c;\n }\n\n handleTextareaClick = (e) => {\n e.target.select();\n }\n\n render () {\n const { intl, onClose } = this.props;\n const { oembed } = this.state;\n\n return (\n <div className='modal-root__modal report-modal embed-modal'>\n <div className='report-modal__target'>\n <IconButton className='media-modal__close' title={intl.formatMessage(messages.close)} icon='times' onClick={onClose} size={16} />\n <FormattedMessage id='status.embed' defaultMessage='Embed' />\n </div>\n\n <div className='report-modal__container embed-modal__container' style={{ display: 'block' }}>\n <p className='hint'>\n <FormattedMessage id='embed.instructions' defaultMessage='Embed this status on your website by copying the code below.' />\n </p>\n\n <input\n type='text'\n className='embed-modal__html'\n readOnly\n value={oembed && oembed.html || ''}\n onClick={this.handleTextareaClick}\n />\n\n <p className='hint'>\n <FormattedMessage id='embed.preview' defaultMessage='Here is what it will look like:' />\n </p>\n\n <iframe\n className='embed-modal__iframe'\n frameBorder='0'\n ref={this.setIframeRef}\n sandbox='allow-same-origin'\n title='preview'\n />\n </div>\n </div>\n );\n }\n\n}\n"],"sourceRoot":""}
\ No newline at end of file +{"version":3,"sources":["webpack:///app/javascript/tank/sources/git/git.pleroma.social/pleroma/mastofe/app/javascript/mastodon/features/ui/components/embed_modal.js"],"names":["messages","defineMessages","close","EmbedModal","injectIntl","loading","oembed","c","iframe","e","target","select","componentDidMount","url","this","props","setState","api","post","then","res","data","iframeDocument","contentWindow","document","open","write","html","body","style","margin","width","scrollWidth","height","scrollHeight","catch","error","onError","render","intl","onClose","state","className","title","formatMessage","icon","onClick","size","id","defaultMessage","display","type","readOnly","value","handleTextareaClick","frameBorder","ref","setIframeRef","sandbox","ImmutablePureComponent","PropTypes","string","isRequired","func","object"],"mappings":"4PAOA,IAAMA,EAAWC,YAAe,CAC9BC,MAAM,CAAD,8CAIDC,EADUC,a,qNAUN,CACNC,SAAS,EACTC,OAAQ,O,2CAyBK,SAAAC,GACb,EAAKC,OAASD,K,kDAGM,SAACE,GACrBA,EAAEC,OAAOC,Y,6BA3BXC,kBAAA,WAAsB,IAAD,OACXC,EAAQC,KAAKC,MAAbF,IAERC,KAAKE,SAAS,CAAEX,SAAS,IAEzBY,cAAMC,KAAK,iBAAkB,CAAEL,QAAOM,MAAK,SAAAC,GACzC,EAAKJ,SAAS,CAAEX,SAAS,EAAOC,OAAQc,EAAIC,OAE5C,IAAMC,EAAiB,EAAKd,OAAOe,cAAcC,SAEjDF,EAAeG,OACfH,EAAeI,MAAMN,EAAIC,KAAKM,MAC9BL,EAAepB,QAEfoB,EAAeM,KAAKC,MAAMC,OAAS,EACnC,EAAKtB,OAAOuB,MAAST,EAAeM,KAAKI,YACzC,EAAKxB,OAAOyB,OAASX,EAAeM,KAAKM,gBACxCC,OAAM,SAAAC,GACP,EAAKrB,MAAMsB,QAAQD,O,EAYvBE,OAAA,WAAW,IAAD,EACkBxB,KAAKC,MAAvBwB,EADA,EACAA,KAAMC,EADN,EACMA,QACNlC,EAAWQ,KAAK2B,MAAhBnC,OAER,OACE,mBAAKoC,UAAU,mDAAf,EACE,mBAAKA,UAAU,6BAAf,EACE,YAAC,IAAD,CAAYA,UAAU,qBAAqBC,MAAOJ,EAAKK,cAAc5C,EAASE,OAAQ2C,KAAK,QAAQC,QAASN,EAASO,KAAM,KAC3H,YAAC,IAAD,CAAkBC,GAAG,eAAeC,eAAe,WAGrD,mBAAKP,UAAU,iDAAiDb,MAAO,CAAEqB,QAAS,eAAlF,EACE,iBAAGR,UAAU,aAAb,EACE,YAAC,IAAD,CAAkBM,GAAG,qBAAqBC,eAAe,kEAG3D,qBACEE,KAAK,OACLT,UAAU,oBACVU,UAAQ,EACRC,MAAO/C,GAAUA,EAAOqB,MAAQ,GAChCmB,QAAShC,KAAKwC,sBAGhB,iBAAGZ,UAAU,aAAb,EACE,YAAC,IAAD,CAAkBM,GAAG,gBAAgBC,eAAe,qCAGtD,4BACEP,UAAU,sBACVa,YAAY,IACZC,IAAK1C,KAAK2C,aACVC,QAAQ,oBACRf,MAAM,e,GA7EOgB,K,0BAEJ,CACjB9C,IAAK+C,IAAUC,OAAOC,WACtBtB,QAASoB,IAAUG,KAAKD,WACxBzB,QAASuB,IAAUG,KAAKD,WACxBvB,KAAMqB,IAAUI,OAAOF,a","file":"modals/embed_modal.js","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ImmutablePureComponent from 'react-immutable-pure-component';\nimport { defineMessages, FormattedMessage, injectIntl } from 'react-intl';\nimport api from 'mastodon/api';\nimport IconButton from 'mastodon/components/icon_button';\n\nconst messages = defineMessages({\n close: { id: 'lightbox.close', defaultMessage: 'Close' },\n});\n\nexport default @injectIntl\nclass EmbedModal extends ImmutablePureComponent {\n\n static propTypes = {\n url: PropTypes.string.isRequired,\n onClose: PropTypes.func.isRequired,\n onError: PropTypes.func.isRequired,\n intl: PropTypes.object.isRequired,\n }\n\n state = {\n loading: false,\n oembed: null,\n };\n\n componentDidMount () {\n const { url } = this.props;\n\n this.setState({ loading: true });\n\n api().post('/api/web/embed', { url }).then(res => {\n this.setState({ loading: false, oembed: res.data });\n\n const iframeDocument = this.iframe.contentWindow.document;\n\n iframeDocument.open();\n iframeDocument.write(res.data.html);\n iframeDocument.close();\n\n iframeDocument.body.style.margin = 0;\n this.iframe.width = iframeDocument.body.scrollWidth;\n this.iframe.height = iframeDocument.body.scrollHeight;\n }).catch(error => {\n this.props.onError(error);\n });\n }\n\n setIframeRef = c => {\n this.iframe = c;\n }\n\n handleTextareaClick = (e) => {\n e.target.select();\n }\n\n render () {\n const { intl, onClose } = this.props;\n const { oembed } = this.state;\n\n return (\n <div className='modal-root__modal report-modal embed-modal'>\n <div className='report-modal__target'>\n <IconButton className='media-modal__close' title={intl.formatMessage(messages.close)} icon='times' onClick={onClose} size={16} />\n <FormattedMessage id='status.embed' defaultMessage='Embed' />\n </div>\n\n <div className='report-modal__container embed-modal__container' style={{ display: 'block' }}>\n <p className='hint'>\n <FormattedMessage id='embed.instructions' defaultMessage='Embed this status on your website by copying the code below.' />\n </p>\n\n <input\n type='text'\n className='embed-modal__html'\n readOnly\n value={oembed && oembed.html || ''}\n onClick={this.handleTextareaClick}\n />\n\n <p className='hint'>\n <FormattedMessage id='embed.preview' defaultMessage='Here is what it will look like:' />\n </p>\n\n <iframe\n className='embed-modal__iframe'\n frameBorder='0'\n ref={this.setIframeRef}\n sandbox='allow-same-origin'\n title='preview'\n />\n </div>\n </div>\n );\n }\n\n}\n"],"sourceRoot":""}
\ No newline at end of file diff --git a/priv/static/packs/modals/mute_modal.js b/priv/static/packs/modals/mute_modal.js index df9cdcb60..d239d0dab 100644 --- a/priv/static/packs/modals/mute_modal.js +++ b/priv/static/packs/modals/mute_modal.js @@ -1,2 +1,2 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[242],{803:function(t,e,o){"use strict";o.r(e),o.d(e,"default",(function(){return j}));var n,a=o(0),i=o(2),c=o(7),s=o(1),l=o(3),u=o.n(l),d=o(13),m=o(6),r=o(301),f=o.n(r),b=o(105),p=o(47),g=o(25),h=o(208),j=Object(d.connect)((function(t){return{account:t.getIn(["mutes","new","account"]),notifications:t.getIn(["mutes","new","notifications"])}}),(function(t){return{onConfirm:function(e,o){t(Object(g.G)(e.get("id"),o))},onClose:function(){t(Object(p.c)())},onToggleNotifications:function(){t(Object(h.h)())}}}))(n=Object(m.g)(n=function(t){function e(){for(var e,o=arguments.length,n=new Array(o),a=0;a<o;a++)n[a]=arguments[a];return e=t.call.apply(t,[this].concat(n))||this,Object(s.a)(Object(i.a)(e),"handleClick",(function(){e.props.onClose(),e.props.onConfirm(e.props.account,e.props.notifications)})),Object(s.a)(Object(i.a)(e),"handleCancel",(function(){e.props.onClose()})),Object(s.a)(Object(i.a)(e),"setRef",(function(t){e.button=t})),Object(s.a)(Object(i.a)(e),"toggleNotifications",(function(){e.props.onToggleNotifications()})),e}Object(c.a)(e,t);var o=e.prototype;return o.componentDidMount=function(){this.button.focus()},o.render=function(){var t=this.props,e=t.account,o=t.notifications;return Object(a.a)("div",{className:"modal-root__modal mute-modal"},void 0,Object(a.a)("div",{className:"mute-modal__container"},void 0,Object(a.a)("p",{},void 0,Object(a.a)(m.b,{id:"confirmations.mute.message",defaultMessage:"Are you sure you want to mute {name}?",values:{name:Object(a.a)("strong",{},void 0,"@",e.get("acct"))}})),Object(a.a)("p",{className:"mute-modal__explanation"},void 0,Object(a.a)(m.b,{id:"confirmations.mute.explanation",defaultMessage:"This will hide posts from them and posts mentioning them, but it will still allow them to see your posts and follow you."})),Object(a.a)("div",{className:"setting-toggle"},void 0,Object(a.a)(f.a,{id:"mute-modal__hide-notifications-checkbox",checked:o,onChange:this.toggleNotifications}),Object(a.a)("label",{className:"setting-toggle__label",htmlFor:"mute-modal__hide-notifications-checkbox"},void 0,Object(a.a)(m.b,{id:"mute_modal.hide_notifications",defaultMessage:"Hide notifications from this user?"})))),Object(a.a)("div",{className:"mute-modal__action-bar"},void 0,Object(a.a)(b.a,{onClick:this.handleCancel,className:"mute-modal__cancel-button"},void 0,Object(a.a)(m.b,{id:"confirmation_modal.cancel",defaultMessage:"Cancel"})),u.a.createElement(b.a,{onClick:this.handleClick,ref:this.setRef},Object(a.a)(m.b,{id:"confirmations.mute.confirm",defaultMessage:"Mute"}))))},e}(u.a.PureComponent))||n)||n}}]); +(window.webpackJsonp=window.webpackJsonp||[]).push([[242],{829:function(t,e,o){"use strict";o.r(e),o.d(e,"default",(function(){return j}));var n,a=o(0),i=o(2),c=(o(9),o(6),o(8)),s=o(1),l=o(3),u=o.n(l),d=o(15),r=o(7),m=o(307),f=o.n(m),b=o(110),p=o(48),g=o(26),h=o(212);var j=Object(d.connect)((function(t){return{account:t.getIn(["mutes","new","account"]),notifications:t.getIn(["mutes","new","notifications"])}}),(function(t){return{onConfirm:function(e,o){t(Object(g.G)(e.get("id"),o))},onClose:function(){t(Object(p.c)())},onToggleNotifications:function(){t(Object(h.h)())}}}))(n=Object(r.g)(n=function(t){Object(c.a)(o,t);var e;e=o;function o(){for(var e,o=arguments.length,n=new Array(o),a=0;a<o;a++)n[a]=arguments[a];return e=t.call.apply(t,[this].concat(n))||this,Object(s.a)(Object(i.a)(e),"handleClick",(function(){e.props.onClose(),e.props.onConfirm(e.props.account,e.props.notifications)})),Object(s.a)(Object(i.a)(e),"handleCancel",(function(){e.props.onClose()})),Object(s.a)(Object(i.a)(e),"setRef",(function(t){e.button=t})),Object(s.a)(Object(i.a)(e),"toggleNotifications",(function(){e.props.onToggleNotifications()})),e}var n=o.prototype;return n.componentDidMount=function(){this.button.focus()},n.render=function(){var t=this.props,e=t.account,o=t.notifications;return(Object(a.a)("div",{className:"modal-root__modal mute-modal"},void 0,Object(a.a)("div",{className:"mute-modal__container"},void 0,Object(a.a)("p",{},void 0,Object(a.a)(r.b,{id:"confirmations.mute.message",defaultMessage:"Are you sure you want to mute {name}?",values:{name:Object(a.a)("strong",{},void 0,"@",e.get("acct"))}})),Object(a.a)("p",{className:"mute-modal__explanation"},void 0,Object(a.a)(r.b,{id:"confirmations.mute.explanation",defaultMessage:"This will hide posts from them and posts mentioning them, but it will still allow them to see your posts and follow you."})),Object(a.a)("div",{className:"setting-toggle"},void 0,Object(a.a)(f.a,{id:"mute-modal__hide-notifications-checkbox",checked:o,onChange:this.toggleNotifications}),Object(a.a)("label",{className:"setting-toggle__label",htmlFor:"mute-modal__hide-notifications-checkbox"},void 0,Object(a.a)(r.b,{id:"mute_modal.hide_notifications",defaultMessage:"Hide notifications from this user?"})))),Object(a.a)("div",{className:"mute-modal__action-bar"},void 0,Object(a.a)(b.a,{onClick:this.handleCancel,className:"mute-modal__cancel-button"},void 0,Object(a.a)(r.b,{id:"confirmation_modal.cancel",defaultMessage:"Cancel"})),u.a.createElement(b.a,{onClick:this.handleClick,ref:this.setRef},Object(a.a)(r.b,{id:"confirmations.mute.confirm",defaultMessage:"Mute"})))))},o}(u.a.PureComponent))||n)||n}}]); //# sourceMappingURL=mute_modal.js.map
\ No newline at end of file diff --git a/priv/static/packs/modals/mute_modal.js.map b/priv/static/packs/modals/mute_modal.js.map index ac6f90cad..8a2885173 100644 --- a/priv/static/packs/modals/mute_modal.js.map +++ b/priv/static/packs/modals/mute_modal.js.map @@ -1 +1 @@ -{"version":3,"sources":["webpack:///app/javascript/tank/sources/git/git.pleroma.social/pleroma/mastofe/app/javascript/mastodon/features/ui/components/mute_modal.js"],"names":["MuteModal","connect","state","account","getIn","notifications","dispatch","onConfirm","muteAccount","get","onClose","closeModal","onToggleNotifications","toggleHideNotifications","injectIntl","props","c","button","componentDidMount","this","focus","render","className","id","defaultMessage","values","name","checked","onChange","toggleNotifications","htmlFor","onClick","handleCancel","handleClick","ref","setRef","React","PureComponent"],"mappings":"gQAoCMA,EAFUC,mBAvBQ,SAAAC,GACtB,MAAO,CACLC,QAASD,EAAME,MAAM,CAAC,QAAS,MAAO,YACtCC,cAAeH,EAAME,MAAM,CAAC,QAAS,MAAO,sBAIrB,SAAAE,GACzB,MAAO,CACLC,UADK,SACKJ,EAASE,GACjBC,EAASE,YAAYL,EAAQM,IAAI,MAAOJ,KAG1CK,QALK,WAMHJ,EAASK,gBAGXC,sBATK,WAUHN,EAASO,mB,GAMdC,Y,+LAgBe,WACZ,EAAKC,MAAML,UACX,EAAKK,MAAMR,UAAU,EAAKQ,MAAMZ,QAAS,EAAKY,MAAMV,kB,2CAGvC,WACb,EAAKU,MAAML,a,qCAGJ,SAACM,GACR,EAAKC,OAASD,K,kDAGM,WACpB,EAAKD,MAAMH,2B,8CAlBbM,kBAAA,WACEC,KAAKF,OAAOG,S,EAoBdC,OAAA,WAAW,IAAD,EAC2BF,KAAKJ,MAAhCZ,EADA,EACAA,QAASE,EADT,EACSA,cAEjB,OACE,mBAAKiB,UAAU,qCAAf,EACE,mBAAKA,UAAU,8BAAf,EACE,0BACE,YAAC,IAAD,CACEC,GAAG,6BACHC,eAAe,wCACfC,OAAQ,CAAEC,KAAM,mCAAUvB,EAAQM,IAAI,aAG1C,iBAAGa,UAAU,gCAAb,EACE,YAAC,IAAD,CACEC,GAAG,iCACHC,eAAe,8HAGnB,mBAAKF,UAAU,uBAAf,EACE,YAAC,IAAD,CAAQC,GAAG,0CAA0CI,QAAStB,EAAeuB,SAAUT,KAAKU,sBAC5F,qBAAOP,UAAU,wBAAwBQ,QAAQ,gDAAjD,EACE,YAAC,IAAD,CAAkBP,GAAG,gCAAgCC,eAAe,0CAK1E,mBAAKF,UAAU,+BAAf,EACE,YAAC,IAAD,CAAQS,QAASZ,KAAKa,aAAcV,UAAU,kCAA9C,EACE,YAAC,IAAD,CAAkBC,GAAG,4BAA4BC,eAAe,YAElE,kBAAC,IAAD,CAAQO,QAASZ,KAAKc,YAAaC,IAAKf,KAAKgB,QAC3C,YAAC,IAAD,CAAkBZ,GAAG,6BAA6BC,eAAe,a,GAhErDY,IAAMC,iB","file":"modals/mute_modal.js","sourcesContent":["import React from 'react';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { injectIntl, FormattedMessage } from 'react-intl';\nimport Toggle from 'react-toggle';\nimport Button from '../../../components/button';\nimport { closeModal } from '../../../actions/modal';\nimport { muteAccount } from '../../../actions/accounts';\nimport { toggleHideNotifications } from '../../../actions/mutes';\n\n\nconst mapStateToProps = state => {\n return {\n account: state.getIn(['mutes', 'new', 'account']),\n notifications: state.getIn(['mutes', 'new', 'notifications']),\n };\n};\n\nconst mapDispatchToProps = dispatch => {\n return {\n onConfirm(account, notifications) {\n dispatch(muteAccount(account.get('id'), notifications));\n },\n\n onClose() {\n dispatch(closeModal());\n },\n\n onToggleNotifications() {\n dispatch(toggleHideNotifications());\n },\n };\n};\n\nexport default @connect(mapStateToProps, mapDispatchToProps)\n@injectIntl\nclass MuteModal extends React.PureComponent {\n\n static propTypes = {\n account: PropTypes.object.isRequired,\n notifications: PropTypes.bool.isRequired,\n onClose: PropTypes.func.isRequired,\n onConfirm: PropTypes.func.isRequired,\n onToggleNotifications: PropTypes.func.isRequired,\n intl: PropTypes.object.isRequired,\n };\n\n componentDidMount() {\n this.button.focus();\n }\n\n handleClick = () => {\n this.props.onClose();\n this.props.onConfirm(this.props.account, this.props.notifications);\n }\n\n handleCancel = () => {\n this.props.onClose();\n }\n\n setRef = (c) => {\n this.button = c;\n }\n\n toggleNotifications = () => {\n this.props.onToggleNotifications();\n }\n\n render () {\n const { account, notifications } = this.props;\n\n return (\n <div className='modal-root__modal mute-modal'>\n <div className='mute-modal__container'>\n <p>\n <FormattedMessage\n id='confirmations.mute.message'\n defaultMessage='Are you sure you want to mute {name}?'\n values={{ name: <strong>@{account.get('acct')}</strong> }}\n />\n </p>\n <p className='mute-modal__explanation'>\n <FormattedMessage\n id='confirmations.mute.explanation'\n defaultMessage='This will hide posts from them and posts mentioning them, but it will still allow them to see your posts and follow you.'\n />\n </p>\n <div className='setting-toggle'>\n <Toggle id='mute-modal__hide-notifications-checkbox' checked={notifications} onChange={this.toggleNotifications} />\n <label className='setting-toggle__label' htmlFor='mute-modal__hide-notifications-checkbox'>\n <FormattedMessage id='mute_modal.hide_notifications' defaultMessage='Hide notifications from this user?' />\n </label>\n </div>\n </div>\n\n <div className='mute-modal__action-bar'>\n <Button onClick={this.handleCancel} className='mute-modal__cancel-button'>\n <FormattedMessage id='confirmation_modal.cancel' defaultMessage='Cancel' />\n </Button>\n <Button onClick={this.handleClick} ref={this.setRef}>\n <FormattedMessage id='confirmations.mute.confirm' defaultMessage='Mute' />\n </Button>\n </div>\n </div>\n );\n }\n\n}\n"],"sourceRoot":""}
\ No newline at end of file +{"version":3,"sources":["webpack:///app/javascript/tank/sources/git/git.pleroma.social/pleroma/mastofe/app/javascript/mastodon/features/ui/components/mute_modal.js"],"names":["MuteModal","connect","state","account","getIn","notifications","dispatch","onConfirm","muteAccount","get","onClose","closeModal","onToggleNotifications","toggleHideNotifications","injectIntl","props","c","button","componentDidMount","this","focus","render","className","id","defaultMessage","values","name","checked","onChange","toggleNotifications","htmlFor","onClick","handleCancel","handleClick","ref","setRef","React","PureComponent"],"mappings":"4QAWA,IAyBMA,EAFUC,mBAvBQ,SAAAC,GACtB,MAAO,CACLC,QAASD,EAAME,MAAM,CAAC,QAAS,MAAO,YACtCC,cAAeH,EAAME,MAAM,CAAC,QAAS,MAAO,sBAIrB,SAAAE,GACzB,MAAO,CACLC,UADK,SACKJ,EAASE,GACjBC,EAASE,YAAYL,EAAQM,IAAI,MAAOJ,KAG1CK,QALK,WAMHJ,EAASK,gBAGXC,sBATK,WAUHN,EAASO,mB,GAMdC,Y,0NAgBe,WACZ,EAAKC,MAAML,UACX,EAAKK,MAAMR,UAAU,EAAKQ,MAAMZ,QAAS,EAAKY,MAAMV,kB,2CAGvC,WACb,EAAKU,MAAML,a,qCAGJ,SAACM,GACR,EAAKC,OAASD,K,kDAGM,WACpB,EAAKD,MAAMH,2B,6BAlBbM,kBAAA,WACEC,KAAKF,OAAOG,S,EAoBdC,OAAA,WAAW,IAAD,EAC2BF,KAAKJ,MAAhCZ,EADA,EACAA,QAASE,EADT,EACSA,cAEjB,OACE,mBAAKiB,UAAU,qCAAf,EACE,mBAAKA,UAAU,8BAAf,EACE,0BACE,YAAC,IAAD,CACEC,GAAG,6BACHC,eAAe,wCACfC,OAAQ,CAAEC,KAAM,mCAAUvB,EAAQM,IAAI,aAG1C,iBAAGa,UAAU,gCAAb,EACE,YAAC,IAAD,CACEC,GAAG,iCACHC,eAAe,8HAGnB,mBAAKF,UAAU,uBAAf,EACE,YAAC,IAAD,CAAQC,GAAG,0CAA0CI,QAAStB,EAAeuB,SAAUT,KAAKU,sBAC5F,qBAAOP,UAAU,wBAAwBQ,QAAQ,gDAAjD,EACE,YAAC,IAAD,CAAkBP,GAAG,gCAAgCC,eAAe,0CAK1E,mBAAKF,UAAU,+BAAf,EACE,YAAC,IAAD,CAAQS,QAASZ,KAAKa,aAAcV,UAAU,kCAA9C,EACE,YAAC,IAAD,CAAkBC,GAAG,4BAA4BC,eAAe,YAElE,kBAAC,IAAD,CAAQO,QAASZ,KAAKc,YAAaC,IAAKf,KAAKgB,QAC3C,YAAC,IAAD,CAAkBZ,GAAG,6BAA6BC,eAAe,c,GAhErDY,IAAMC,iB","file":"modals/mute_modal.js","sourcesContent":["import React from 'react';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { injectIntl, FormattedMessage } from 'react-intl';\nimport Toggle from 'react-toggle';\nimport Button from '../../../components/button';\nimport { closeModal } from '../../../actions/modal';\nimport { muteAccount } from '../../../actions/accounts';\nimport { toggleHideNotifications } from '../../../actions/mutes';\n\n\nconst mapStateToProps = state => {\n return {\n account: state.getIn(['mutes', 'new', 'account']),\n notifications: state.getIn(['mutes', 'new', 'notifications']),\n };\n};\n\nconst mapDispatchToProps = dispatch => {\n return {\n onConfirm(account, notifications) {\n dispatch(muteAccount(account.get('id'), notifications));\n },\n\n onClose() {\n dispatch(closeModal());\n },\n\n onToggleNotifications() {\n dispatch(toggleHideNotifications());\n },\n };\n};\n\nexport default @connect(mapStateToProps, mapDispatchToProps)\n@injectIntl\nclass MuteModal extends React.PureComponent {\n\n static propTypes = {\n account: PropTypes.object.isRequired,\n notifications: PropTypes.bool.isRequired,\n onClose: PropTypes.func.isRequired,\n onConfirm: PropTypes.func.isRequired,\n onToggleNotifications: PropTypes.func.isRequired,\n intl: PropTypes.object.isRequired,\n };\n\n componentDidMount() {\n this.button.focus();\n }\n\n handleClick = () => {\n this.props.onClose();\n this.props.onConfirm(this.props.account, this.props.notifications);\n }\n\n handleCancel = () => {\n this.props.onClose();\n }\n\n setRef = (c) => {\n this.button = c;\n }\n\n toggleNotifications = () => {\n this.props.onToggleNotifications();\n }\n\n render () {\n const { account, notifications } = this.props;\n\n return (\n <div className='modal-root__modal mute-modal'>\n <div className='mute-modal__container'>\n <p>\n <FormattedMessage\n id='confirmations.mute.message'\n defaultMessage='Are you sure you want to mute {name}?'\n values={{ name: <strong>@{account.get('acct')}</strong> }}\n />\n </p>\n <p className='mute-modal__explanation'>\n <FormattedMessage\n id='confirmations.mute.explanation'\n defaultMessage='This will hide posts from them and posts mentioning them, but it will still allow them to see your posts and follow you.'\n />\n </p>\n <div className='setting-toggle'>\n <Toggle id='mute-modal__hide-notifications-checkbox' checked={notifications} onChange={this.toggleNotifications} />\n <label className='setting-toggle__label' htmlFor='mute-modal__hide-notifications-checkbox'>\n <FormattedMessage id='mute_modal.hide_notifications' defaultMessage='Hide notifications from this user?' />\n </label>\n </div>\n </div>\n\n <div className='mute-modal__action-bar'>\n <Button onClick={this.handleCancel} className='mute-modal__cancel-button'>\n <FormattedMessage id='confirmation_modal.cancel' defaultMessage='Cancel' />\n </Button>\n <Button onClick={this.handleClick} ref={this.setRef}>\n <FormattedMessage id='confirmations.mute.confirm' defaultMessage='Mute' />\n </Button>\n </div>\n </div>\n );\n }\n\n}\n"],"sourceRoot":""}
\ No newline at end of file diff --git a/priv/static/packs/modals/report_modal.js b/priv/static/packs/modals/report_modal.js index 004baf326..cc6d7904f 100644 --- a/priv/static/packs/modals/report_modal.js +++ b/priv/static/packs/modals/report_modal.js @@ -1,2 +1,2 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[243],{827:function(e,t,a){"use strict";a.r(t);var n,o,i,r=a(0),s=a(2),c=a(7),d=a(1),l=a(3),u=a.n(l),b=a(13),p=a(100),h=a(33),g=a(5),m=a.n(g),O=a(14),j=a.n(O),f=a(206),v=a(6),w=a(301),_=a.n(w),y=a(1122),C=a.n(y),k=a(229),M=a(41),I=a(312),N=function(e){function t(){return e.apply(this,arguments)||this}return Object(c.a)(t,e),t.prototype.render=function(){var e=this.props,t=e.status,a=e.checked,n=e.onToggle,o=e.disabled,i=null;if(t.get("reblog"))return null;if(t.get("media_attachments").size>0)if(t.get("media_attachments").some((function(e){return"unknown"===e.get("type")})));else if("video"===t.getIn(["media_attachments",0,"type"])){var s=t.getIn(["media_attachments",0]);i=Object(r.a)(I.a,{fetchComponent:M.M,loading:this.renderLoadingVideoPlayer},void 0,(function(e){return Object(r.a)(e,{preview:s.get("preview_url"),blurhash:s.get("blurhash"),src:s.get("url"),alt:s.get("description"),width:239,height:110,inline:!0,sensitive:t.get("sensitive"),onOpenVideo:C.a})}))}else i=Object(r.a)(I.a,{fetchComponent:M.B,loading:this.renderLoadingMediaGallery},void 0,(function(e){return Object(r.a)(e,{media:t.get("media_attachments"),sensitive:t.get("sensitive"),height:110,onOpenMedia:C.a})}));return Object(r.a)("div",{className:"status-check-box"},void 0,Object(r.a)("div",{className:"status-check-box__status"},void 0,Object(r.a)(k.a,{status:t}),i),Object(r.a)("div",{className:"status-check-box-toggle"},void 0,Object(r.a)(_.a,{checked:a,onChange:n,disabled:o})))},t}(u.a.PureComponent),S=a(4),x=Object(b.connect)((function(e,t){var a=t.id;return{status:e.getIn(["statuses",a]),checked:e.getIn(["reports","new","status_ids"],Object(S.Set)()).includes(a)}}),(function(e,t){var a=t.id;return{onToggle:function(t){e(Object(p.m)(a,t.target.checked))}}}))(N),R=a(18),q=a(105),F=a(50);a.d(t,"default",(function(){return T}));var K=Object(v.f)({close:{id:"lightbox.close",defaultMessage:"Close"},placeholder:{id:"report.placeholder",defaultMessage:"Additional comments"},submit:{id:"report.submit",defaultMessage:"Submit"}}),T=Object(b.connect)((function(){var e=Object(f.d)();return function(t){var a=t.getIn(["reports","new","account_id"]);return{isSubmitting:t.getIn(["reports","new","isSubmitting"]),account:e(t,a),comment:t.getIn(["reports","new","comment"]),forward:t.getIn(["reports","new","forward"]),statusIds:Object(S.OrderedSet)(t.getIn(["timelines","account:"+a+":with_replies","items"])).union(t.getIn(["reports","new","status_ids"]))}}}))(n=Object(v.g)((i=o=function(e){function t(){for(var t,a=arguments.length,n=new Array(a),o=0;o<a;o++)n[o]=arguments[o];return t=e.call.apply(e,[this].concat(n))||this,Object(d.a)(Object(s.a)(t),"handleCommentChange",(function(e){t.props.dispatch(Object(p.i)(e.target.value))})),Object(d.a)(Object(s.a)(t),"handleForwardChange",(function(e){t.props.dispatch(Object(p.j)(e.target.checked))})),Object(d.a)(Object(s.a)(t),"handleSubmit",(function(){t.props.dispatch(Object(p.l)())})),Object(d.a)(Object(s.a)(t),"handleKeyDown",(function(e){13===e.keyCode&&(e.ctrlKey||e.metaKey)&&t.handleSubmit()})),t}Object(c.a)(t,e);var a=t.prototype;return a.componentDidMount=function(){this.props.dispatch(Object(h.q)(this.props.account.get("id"),{withReplies:!0}))},a.componentWillReceiveProps=function(e){this.props.account!==e.account&&e.account&&this.props.dispatch(Object(h.q)(e.account.get("id"),{withReplies:!0}))},a.render=function(){var e=this.props,t=e.account,a=e.comment,n=e.intl,o=e.statusIds,i=e.isSubmitting,s=e.forward,c=e.onClose;if(!t)return null;var d=t.get("acct").split("@")[1];return Object(r.a)("div",{className:"modal-root__modal report-modal"},void 0,Object(r.a)("div",{className:"report-modal__target"},void 0,Object(r.a)(F.a,{className:"media-modal__close",title:n.formatMessage(K.close),icon:"times",onClick:c,size:16}),Object(r.a)(v.b,{id:"report.target",defaultMessage:"Report {target}",values:{target:Object(r.a)("strong",{},void 0,t.get("acct"))}})),Object(r.a)("div",{className:"report-modal__container"},void 0,Object(r.a)("div",{className:"report-modal__comment"},void 0,Object(r.a)("p",{},void 0,Object(r.a)(v.b,{id:"report.hint",defaultMessage:"The report will be sent to your server moderators. You can provide an explanation of why you are reporting this account below:"})),Object(r.a)("textarea",{className:"setting-text light",placeholder:n.formatMessage(K.placeholder),value:a,onChange:this.handleCommentChange,onKeyDown:this.handleKeyDown,disabled:i,autoFocus:!0}),d&&Object(r.a)("div",{},void 0,Object(r.a)("p",{},void 0,Object(r.a)(v.b,{id:"report.forward_hint",defaultMessage:"The account is from another server. Send an anonymized copy of the report there as well?"})),Object(r.a)("div",{className:"setting-toggle"},void 0,Object(r.a)(_.a,{id:"report-forward",checked:s,disabled:i,onChange:this.handleForwardChange}),Object(r.a)("label",{htmlFor:"report-forward",className:"setting-toggle__label"},void 0,Object(r.a)(v.b,{id:"report.forward",defaultMessage:"Forward to {target}",values:{target:d}})))),Object(r.a)(q.a,{disabled:i,text:n.formatMessage(K.submit),onClick:this.handleSubmit})),Object(r.a)("div",{className:"report-modal__statuses"},void 0,Object(r.a)("div",{},void 0,o.map((function(e){return Object(r.a)(x,{id:e,disabled:i},e)}))))))},t}(R.a),Object(d.a)(o,"propTypes",{isSubmitting:m.a.bool,account:j.a.map,statusIds:j.a.orderedSet.isRequired,comment:m.a.string.isRequired,forward:m.a.bool,dispatch:m.a.func.isRequired,intl:m.a.object.isRequired}),n=i))||n)||n}}]); +(window.webpackJsonp=window.webpackJsonp||[]).push([[243],{853:function(e,t,a){"use strict";a.r(t),a.d(t,"default",(function(){return T}));var n=a(0),o=a(2),i=(a(9),a(6),a(8)),r=a(1),s=a(3),c=a.n(s),d=a(15),l=a(105),u=a(36),b=a(5),p=a.n(b),h=a(16),g=a.n(h),m=a(210),v=a(7),O=a(307),j=a.n(O),f=a(1154),w=a.n(f),_=a(234),y=a(42),C=a(318);var k,M,I,N=function(e){Object(i.a)(a,e);var t;t=a;function a(){return e.apply(this,arguments)||this}return a.prototype.render=function(){var e=this.props,t=e.status,a=e.checked,o=e.onToggle,i=e.disabled,r=null;if(t.get("reblog"))return null;if(t.get("media_attachments").size>0)if(t.get("media_attachments").some((function(e){return"unknown"===e.get("type")})));else if("video"===t.getIn(["media_attachments",0,"type"])){var s=t.getIn(["media_attachments",0]);r=Object(n.a)(C.a,{fetchComponent:y.M,loading:this.renderLoadingVideoPlayer},void 0,(function(e){return Object(n.a)(e,{preview:s.get("preview_url"),blurhash:s.get("blurhash"),src:s.get("url"),alt:s.get("description"),width:239,height:110,inline:!0,sensitive:t.get("sensitive"),onOpenVideo:w.a})}))}else r=Object(n.a)(C.a,{fetchComponent:y.B,loading:this.renderLoadingMediaGallery},void 0,(function(e){return Object(n.a)(e,{media:t.get("media_attachments"),sensitive:t.get("sensitive"),height:110,onOpenMedia:w.a})}));return(Object(n.a)("div",{className:"status-check-box"},void 0,Object(n.a)("div",{className:"status-check-box__status"},void 0,Object(n.a)(_.a,{status:t}),r),Object(n.a)("div",{className:"status-check-box-toggle"},void 0,Object(n.a)(j.a,{checked:a,onChange:o,disabled:i}))))},a}(c.a.PureComponent),S=a(4),x=Object(d.connect)((function(e,t){var a=t.id;return{status:e.getIn(["statuses",a]),checked:e.getIn(["reports","new","status_ids"],Object(S.Set)()).includes(a)}}),(function(e,t){var a=t.id;return{onToggle:function(t){e(Object(l.m)(a,t.target.checked))}}}))(N),R=a(21),q=a(110),F=a(53);var K=Object(v.f)({close:{id:"lightbox.close",defaultMessage:"Close"},placeholder:{id:"report.placeholder",defaultMessage:"Additional comments"},submit:{id:"report.submit",defaultMessage:"Submit"}}),T=Object(d.connect)((function(){var e=Object(m.d)();return function(t){var a=t.getIn(["reports","new","account_id"]);return{isSubmitting:t.getIn(["reports","new","isSubmitting"]),account:e(t,a),comment:t.getIn(["reports","new","comment"]),forward:t.getIn(["reports","new","forward"]),statusIds:Object(S.OrderedSet)(t.getIn(["timelines","account:"+a+":with_replies","items"])).union(t.getIn(["reports","new","status_ids"]))}}}))(k=Object(v.g)((I=M=function(e){Object(i.a)(a,e);var t;t=a;function a(){for(var t,a=arguments.length,n=new Array(a),i=0;i<a;i++)n[i]=arguments[i];return t=e.call.apply(e,[this].concat(n))||this,Object(r.a)(Object(o.a)(t),"handleCommentChange",(function(e){t.props.dispatch(Object(l.i)(e.target.value))})),Object(r.a)(Object(o.a)(t),"handleForwardChange",(function(e){t.props.dispatch(Object(l.j)(e.target.checked))})),Object(r.a)(Object(o.a)(t),"handleSubmit",(function(){t.props.dispatch(Object(l.l)())})),Object(r.a)(Object(o.a)(t),"handleKeyDown",(function(e){13===e.keyCode&&(e.ctrlKey||e.metaKey)&&t.handleSubmit()})),t}var s=a.prototype;return s.componentDidMount=function(){this.props.dispatch(Object(u.q)(this.props.account.get("id"),{withReplies:!0}))},s.componentWillReceiveProps=function(e){this.props.account!==e.account&&e.account&&this.props.dispatch(Object(u.q)(e.account.get("id"),{withReplies:!0}))},s.render=function(){var e=this.props,t=e.account,a=e.comment,o=e.intl,i=e.statusIds,r=e.isSubmitting,s=e.forward,c=e.onClose;if(!t)return null;var d=t.get("acct").split("@")[1];return(Object(n.a)("div",{className:"modal-root__modal report-modal"},void 0,Object(n.a)("div",{className:"report-modal__target"},void 0,Object(n.a)(F.a,{className:"media-modal__close",title:o.formatMessage(K.close),icon:"times",onClick:c,size:16}),Object(n.a)(v.b,{id:"report.target",defaultMessage:"Report {target}",values:{target:Object(n.a)("strong",{},void 0,t.get("acct"))}})),Object(n.a)("div",{className:"report-modal__container"},void 0,Object(n.a)("div",{className:"report-modal__comment"},void 0,Object(n.a)("p",{},void 0,Object(n.a)(v.b,{id:"report.hint",defaultMessage:"The report will be sent to your server moderators. You can provide an explanation of why you are reporting this account below:"})),Object(n.a)("textarea",{className:"setting-text light",placeholder:o.formatMessage(K.placeholder),value:a,onChange:this.handleCommentChange,onKeyDown:this.handleKeyDown,disabled:r,autoFocus:!0}),d&&Object(n.a)("div",{},void 0,Object(n.a)("p",{},void 0,Object(n.a)(v.b,{id:"report.forward_hint",defaultMessage:"The account is from another server. Send an anonymized copy of the report there as well?"})),Object(n.a)("div",{className:"setting-toggle"},void 0,Object(n.a)(j.a,{id:"report-forward",checked:s,disabled:r,onChange:this.handleForwardChange}),Object(n.a)("label",{htmlFor:"report-forward",className:"setting-toggle__label"},void 0,Object(n.a)(v.b,{id:"report.forward",defaultMessage:"Forward to {target}",values:{target:d}})))),Object(n.a)(q.a,{disabled:r,text:o.formatMessage(K.submit),onClick:this.handleSubmit})),Object(n.a)("div",{className:"report-modal__statuses"},void 0,Object(n.a)("div",{},void 0,i.map((function(e){return Object(n.a)(x,{id:e,disabled:r},e)})))))))},a}(R.a),Object(r.a)(M,"propTypes",{isSubmitting:p.a.bool,account:g.a.map,statusIds:g.a.orderedSet.isRequired,comment:p.a.string.isRequired,forward:p.a.bool,dispatch:p.a.func.isRequired,intl:p.a.object.isRequired}),k=I))||k)||k}}]); //# sourceMappingURL=report_modal.js.map
\ No newline at end of file diff --git a/priv/static/packs/modals/report_modal.js.map b/priv/static/packs/modals/report_modal.js.map index 079fd6be6..d695d2a81 100644 --- a/priv/static/packs/modals/report_modal.js.map +++ b/priv/static/packs/modals/report_modal.js.map @@ -1 +1 @@ -{"version":3,"sources":["webpack:///app/javascript/tank/sources/git/git.pleroma.social/pleroma/mastofe/app/javascript/mastodon/features/report/components/status_check_box.js","webpack:///app/javascript/tank/sources/git/git.pleroma.social/pleroma/mastofe/app/javascript/mastodon/features/report/containers/status_check_box_container.js","webpack:///app/javascript/tank/sources/git/git.pleroma.social/pleroma/mastofe/app/javascript/mastodon/features/ui/components/report_modal.js"],"names":["StatusCheckBox","render","this","props","status","checked","onToggle","disabled","media","get","size","some","item","getIn","video","fetchComponent","Video","loading","renderLoadingVideoPlayer","Component","preview","blurhash","src","alt","width","height","inline","sensitive","onOpenVideo","noop","MediaGallery","renderLoadingMediaGallery","onOpenMedia","className","onChange","React","PureComponent","connect","state","id","ImmutableSet","includes","dispatch","e","toggleStatusReport","target","messages","defineMessages","close","placeholder","submit","ReportModal","getAccount","makeGetAccount","accountId","isSubmitting","account","comment","forward","statusIds","OrderedSet","union","injectIntl","changeReportComment","value","changeReportForward","submitReport","keyCode","ctrlKey","metaKey","handleSubmit","componentDidMount","expandAccountTimeline","withReplies","componentWillReceiveProps","nextProps","intl","onClose","domain","split","title","formatMessage","icon","onClick","defaultMessage","values","handleCommentChange","onKeyDown","handleKeyDown","autoFocus","handleForwardChange","htmlFor","text","map","statusId","ImmutablePureComponent","PropTypes","bool","ImmutablePropTypes","orderedSet","isRequired","string","func","object"],"mappings":"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","file":"modals/report_modal.js","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ImmutablePropTypes from 'react-immutable-proptypes';\nimport Toggle from 'react-toggle';\nimport noop from 'lodash/noop';\nimport StatusContent from '../../../components/status_content';\nimport { MediaGallery, Video } from '../../ui/util/async-components';\nimport Bundle from '../../ui/components/bundle';\n\nexport default class StatusCheckBox extends React.PureComponent {\n\n static propTypes = {\n status: ImmutablePropTypes.map.isRequired,\n checked: PropTypes.bool,\n onToggle: PropTypes.func.isRequired,\n disabled: PropTypes.bool,\n };\n\n render () {\n const { status, checked, onToggle, disabled } = this.props;\n let media = null;\n\n if (status.get('reblog')) {\n return null;\n }\n\n if (status.get('media_attachments').size > 0) {\n if (status.get('media_attachments').some(item => item.get('type') === 'unknown')) {\n\n } else if (status.getIn(['media_attachments', 0, 'type']) === 'video') {\n const video = status.getIn(['media_attachments', 0]);\n\n media = (\n <Bundle fetchComponent={Video} loading={this.renderLoadingVideoPlayer} >\n {Component => (\n <Component\n preview={video.get('preview_url')}\n blurhash={video.get('blurhash')}\n src={video.get('url')}\n alt={video.get('description')}\n width={239}\n height={110}\n inline\n sensitive={status.get('sensitive')}\n onOpenVideo={noop}\n />\n )}\n </Bundle>\n );\n } else {\n media = (\n <Bundle fetchComponent={MediaGallery} loading={this.renderLoadingMediaGallery} >\n {Component => <Component media={status.get('media_attachments')} sensitive={status.get('sensitive')} height={110} onOpenMedia={noop} />}\n </Bundle>\n );\n }\n }\n\n return (\n <div className='status-check-box'>\n <div className='status-check-box__status'>\n <StatusContent status={status} />\n {media}\n </div>\n\n <div className='status-check-box-toggle'>\n <Toggle checked={checked} onChange={onToggle} disabled={disabled} />\n </div>\n </div>\n );\n }\n\n}\n","import { connect } from 'react-redux';\nimport StatusCheckBox from '../components/status_check_box';\nimport { toggleStatusReport } from '../../../actions/reports';\nimport { Set as ImmutableSet } from 'immutable';\n\nconst mapStateToProps = (state, { id }) => ({\n status: state.getIn(['statuses', id]),\n checked: state.getIn(['reports', 'new', 'status_ids'], ImmutableSet()).includes(id),\n});\n\nconst mapDispatchToProps = (dispatch, { id }) => ({\n\n onToggle (e) {\n dispatch(toggleStatusReport(id, e.target.checked));\n },\n\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(StatusCheckBox);\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport { changeReportComment, changeReportForward, submitReport } from '../../../actions/reports';\nimport { expandAccountTimeline } from '../../../actions/timelines';\nimport PropTypes from 'prop-types';\nimport ImmutablePropTypes from 'react-immutable-proptypes';\nimport { makeGetAccount } from '../../../selectors';\nimport { defineMessages, FormattedMessage, injectIntl } from 'react-intl';\nimport StatusCheckBox from '../../report/containers/status_check_box_container';\nimport { OrderedSet } from 'immutable';\nimport ImmutablePureComponent from 'react-immutable-pure-component';\nimport Button from '../../../components/button';\nimport Toggle from 'react-toggle';\nimport IconButton from '../../../components/icon_button';\n\nconst messages = defineMessages({\n close: { id: 'lightbox.close', defaultMessage: 'Close' },\n placeholder: { id: 'report.placeholder', defaultMessage: 'Additional comments' },\n submit: { id: 'report.submit', defaultMessage: 'Submit' },\n});\n\nconst makeMapStateToProps = () => {\n const getAccount = makeGetAccount();\n\n const mapStateToProps = state => {\n const accountId = state.getIn(['reports', 'new', 'account_id']);\n\n return {\n isSubmitting: state.getIn(['reports', 'new', 'isSubmitting']),\n account: getAccount(state, accountId),\n comment: state.getIn(['reports', 'new', 'comment']),\n forward: state.getIn(['reports', 'new', 'forward']),\n statusIds: OrderedSet(state.getIn(['timelines', `account:${accountId}:with_replies`, 'items'])).union(state.getIn(['reports', 'new', 'status_ids'])),\n };\n };\n\n return mapStateToProps;\n};\n\nexport default @connect(makeMapStateToProps)\n@injectIntl\nclass ReportModal extends ImmutablePureComponent {\n\n static propTypes = {\n isSubmitting: PropTypes.bool,\n account: ImmutablePropTypes.map,\n statusIds: ImmutablePropTypes.orderedSet.isRequired,\n comment: PropTypes.string.isRequired,\n forward: PropTypes.bool,\n dispatch: PropTypes.func.isRequired,\n intl: PropTypes.object.isRequired,\n };\n\n handleCommentChange = e => {\n this.props.dispatch(changeReportComment(e.target.value));\n }\n\n handleForwardChange = e => {\n this.props.dispatch(changeReportForward(e.target.checked));\n }\n\n handleSubmit = () => {\n this.props.dispatch(submitReport());\n }\n\n handleKeyDown = e => {\n if (e.keyCode === 13 && (e.ctrlKey || e.metaKey)) {\n this.handleSubmit();\n }\n }\n\n componentDidMount () {\n this.props.dispatch(expandAccountTimeline(this.props.account.get('id'), { withReplies: true }));\n }\n\n componentWillReceiveProps (nextProps) {\n if (this.props.account !== nextProps.account && nextProps.account) {\n this.props.dispatch(expandAccountTimeline(nextProps.account.get('id'), { withReplies: true }));\n }\n }\n\n render () {\n const { account, comment, intl, statusIds, isSubmitting, forward, onClose } = this.props;\n\n if (!account) {\n return null;\n }\n\n const domain = account.get('acct').split('@')[1];\n\n return (\n <div className='modal-root__modal report-modal'>\n <div className='report-modal__target'>\n <IconButton className='media-modal__close' title={intl.formatMessage(messages.close)} icon='times' onClick={onClose} size={16} />\n <FormattedMessage id='report.target' defaultMessage='Report {target}' values={{ target: <strong>{account.get('acct')}</strong> }} />\n </div>\n\n <div className='report-modal__container'>\n <div className='report-modal__comment'>\n <p><FormattedMessage id='report.hint' defaultMessage='The report will be sent to your server moderators. You can provide an explanation of why you are reporting this account below:' /></p>\n\n <textarea\n className='setting-text light'\n placeholder={intl.formatMessage(messages.placeholder)}\n value={comment}\n onChange={this.handleCommentChange}\n onKeyDown={this.handleKeyDown}\n disabled={isSubmitting}\n autoFocus\n />\n\n {domain && (\n <div>\n <p><FormattedMessage id='report.forward_hint' defaultMessage='The account is from another server. Send an anonymized copy of the report there as well?' /></p>\n\n <div className='setting-toggle'>\n <Toggle id='report-forward' checked={forward} disabled={isSubmitting} onChange={this.handleForwardChange} />\n <label htmlFor='report-forward' className='setting-toggle__label'><FormattedMessage id='report.forward' defaultMessage='Forward to {target}' values={{ target: domain }} /></label>\n </div>\n </div>\n )}\n\n <Button disabled={isSubmitting} text={intl.formatMessage(messages.submit)} onClick={this.handleSubmit} />\n </div>\n\n <div className='report-modal__statuses'>\n <div>\n {statusIds.map(statusId => <StatusCheckBox id={statusId} key={statusId} disabled={isSubmitting} />)}\n </div>\n </div>\n </div>\n </div>\n );\n }\n\n}\n"],"sourceRoot":""}
\ No newline at end of file +{"version":3,"sources":["webpack:///app/javascript/tank/sources/git/git.pleroma.social/pleroma/mastofe/app/javascript/mastodon/features/report/components/status_check_box.js","webpack:///app/javascript/tank/sources/git/git.pleroma.social/pleroma/mastofe/app/javascript/mastodon/features/report/containers/status_check_box_container.js","webpack:///app/javascript/tank/sources/git/git.pleroma.social/pleroma/mastofe/app/javascript/mastodon/features/ui/components/report_modal.js"],"names":["StatusCheckBox","render","this","props","status","checked","onToggle","disabled","media","get","size","some","item","getIn","video","fetchComponent","Video","loading","renderLoadingVideoPlayer","Component","preview","blurhash","src","alt","width","height","inline","sensitive","onOpenVideo","noop","MediaGallery","renderLoadingMediaGallery","onOpenMedia","className","onChange","React","PureComponent","connect","state","id","ImmutableSet","includes","dispatch","e","toggleStatusReport","target","messages","defineMessages","close","placeholder","submit","ReportModal","getAccount","makeGetAccount","accountId","isSubmitting","account","comment","forward","statusIds","OrderedSet","union","injectIntl","changeReportComment","value","changeReportForward","submitReport","keyCode","ctrlKey","metaKey","handleSubmit","componentDidMount","expandAccountTimeline","withReplies","componentWillReceiveProps","nextProps","intl","onClose","domain","split","title","formatMessage","icon","onClick","defaultMessage","values","handleCommentChange","onKeyDown","handleKeyDown","autoFocus","handleForwardChange","htmlFor","text","map","statusId","ImmutablePureComponent","PropTypes","bool","ImmutablePropTypes","orderedSet","isRequired","string","func","object"],"mappings":"0VASqBA,E,4GASnBC,OAAA,WAAW,IAAD,EACwCC,KAAKC,MAA7CC,EADA,EACAA,OAAQC,EADR,EACQA,QAASC,EADjB,EACiBA,SAAUC,EAD3B,EAC2BA,SAC/BC,EAAQ,KAEZ,GAAIJ,EAAOK,IAAI,UACb,OAAO,KAGT,GAAIL,EAAOK,IAAI,qBAAqBC,KAAO,EACzC,GAAIN,EAAOK,IAAI,qBAAqBE,MAAK,SAAAC,GAAI,MAAyB,YAArBA,EAAKH,IAAI,iBAEnD,GAAuD,UAAnDL,EAAOS,MAAM,CAAC,oBAAqB,EAAG,SAAsB,CACrE,IAAMC,EAAQV,EAAOS,MAAM,CAAC,oBAAqB,IAEjDL,EACE,YAAC,IAAD,CAAQO,eAAgBC,IAAOC,QAASf,KAAKgB,+BAA7C,GACG,SAAAC,GAAS,OACR,YAACA,EAAD,CACEC,QAASN,EAAML,IAAI,eACnBY,SAAUP,EAAML,IAAI,YACpBa,IAAKR,EAAML,IAAI,OACfc,IAAKT,EAAML,IAAI,eACfe,MAAO,IACPC,OAAQ,IACRC,QAAM,EACNC,UAAWvB,EAAOK,IAAI,aACtBmB,YAAaC,cAMrBrB,EACE,YAAC,IAAD,CAAQO,eAAgBe,IAAcb,QAASf,KAAK6B,gCAApD,GACG,SAAAZ,GAAS,OAAI,YAACA,EAAD,CAAWX,MAAOJ,EAAOK,IAAI,qBAAsBkB,UAAWvB,EAAOK,IAAI,aAAcgB,OAAQ,IAAKO,YAAaH,SAMvI,OACE,mBAAKI,UAAU,yBAAf,EACE,mBAAKA,UAAU,iCAAf,EACE,YAAC,IAAD,CAAe7B,OAAQA,IACtBI,GAGH,mBAAKyB,UAAU,gCAAf,EACE,YAAC,IAAD,CAAQ5B,QAASA,EAAS6B,SAAU5B,EAAUC,SAAUA,Q,GAzDtB4B,IAAMC,e,OCSnCC,qBAbS,SAACC,EAAD,OAAUC,EAAV,EAAUA,GAAV,MAAoB,CAC1CnC,OAAQkC,EAAMzB,MAAM,CAAC,WAAY0B,IACjClC,QAASiC,EAAMzB,MAAM,CAAC,UAAW,MAAO,cAAe2B,iBAAgBC,SAASF,OAGvD,SAACG,EAAD,OAAaH,EAAb,EAAaA,GAAb,MAAuB,CAEhDjC,SAFgD,SAEtCqC,GACRD,EAASE,YAAmBL,EAAII,EAAEE,OAAOxC,cAK9BgC,CAA6CrC,G,yBCH5D,IAAM8C,EAAWC,YAAe,CAC9BC,MAAM,CAAD,4CACLC,YAAY,CAAD,8DACXC,OAAO,CAAD,8CAuBFC,EAFUd,mBAlBY,WAC1B,IAAMe,EAAaC,cAcnB,OAZwB,SAAAf,GACtB,IAAMgB,EAAYhB,EAAMzB,MAAM,CAAC,UAAW,MAAO,eAEjD,MAAO,CACL0C,aAAcjB,EAAMzB,MAAM,CAAC,UAAW,MAAO,iBAC7C2C,QAASJ,EAAWd,EAAOgB,GAC3BG,QAASnB,EAAMzB,MAAM,CAAC,UAAW,MAAO,YACxC6C,QAASpB,EAAMzB,MAAM,CAAC,UAAW,MAAO,YACxC8C,UAAWC,qBAAWtB,EAAMzB,MAAM,CAAC,YAAD,WAAyByC,EAAzB,gBAAmD,WAAWO,MAAMvB,EAAMzB,MAAM,CAAC,UAAW,MAAO,oB,GAQ1IiD,a,oOAauB,SAAAnB,GACpB,EAAKxC,MAAMuC,SAASqB,YAAoBpB,EAAEE,OAAOmB,W,kDAG7B,SAAArB,GACpB,EAAKxC,MAAMuC,SAASuB,YAAoBtB,EAAEE,OAAOxC,a,2CAGpC,WACb,EAAKF,MAAMuC,SAASwB,kB,4CAGN,SAAAvB,GACI,KAAdA,EAAEwB,UAAmBxB,EAAEyB,SAAWzB,EAAE0B,UACtC,EAAKC,kB,6BAITC,kBAAA,WACErE,KAAKC,MAAMuC,SAAS8B,YAAsBtE,KAAKC,MAAMqD,QAAQ/C,IAAI,MAAO,CAAEgE,aAAa,M,EAGzFC,0BAAA,SAA2BC,GACrBzE,KAAKC,MAAMqD,UAAYmB,EAAUnB,SAAWmB,EAAUnB,SACxDtD,KAAKC,MAAMuC,SAAS8B,YAAsBG,EAAUnB,QAAQ/C,IAAI,MAAO,CAAEgE,aAAa,M,EAI1FxE,OAAA,WAAW,IAAD,EACsEC,KAAKC,MAA3EqD,EADA,EACAA,QAASC,EADT,EACSA,QAASmB,EADlB,EACkBA,KAAMjB,EADxB,EACwBA,UAAWJ,EADnC,EACmCA,aAAcG,EADjD,EACiDA,QAASmB,EAD1D,EAC0DA,QAElE,IAAKrB,EACH,OAAO,KAGT,IAAMsB,EAAStB,EAAQ/C,IAAI,QAAQsE,MAAM,KAAK,GAE9C,OACE,mBAAK9C,UAAU,uCAAf,EACE,mBAAKA,UAAU,6BAAf,EACE,YAAC,IAAD,CAAYA,UAAU,qBAAqB+C,MAAOJ,EAAKK,cAAcnC,EAASE,OAAQkC,KAAK,QAAQC,QAASN,EAASnE,KAAM,KAC3H,YAAC,IAAD,CAAkB6B,GAAG,gBAAgB6C,eAAe,kBAAkBC,OAAQ,CAAExC,OAAQ,+BAASW,EAAQ/C,IAAI,aAG/G,mBAAKwB,UAAU,gCAAf,EACE,mBAAKA,UAAU,8BAAf,EACE,0BAAG,YAAC,IAAD,CAAkBM,GAAG,cAAc6C,eAAe,oIAErD,wBACEnD,UAAU,qBACVgB,YAAa2B,EAAKK,cAAcnC,EAASG,aACzCe,MAAOP,EACPvB,SAAUhC,KAAKoF,oBACfC,UAAWrF,KAAKsF,cAChBjF,SAAUgD,EACVkC,WAAS,IAGVX,GACC,4BACE,0BAAG,YAAC,IAAD,CAAkBvC,GAAG,sBAAsB6C,eAAe,8FAE7D,mBAAKnD,UAAU,uBAAf,EACE,YAAC,IAAD,CAAQM,GAAG,iBAAiBlC,QAASqD,EAASnD,SAAUgD,EAAcrB,SAAUhC,KAAKwF,sBACrF,qBAAOC,QAAQ,iBAAiB1D,UAAU,8BAA1C,EAAkE,YAAC,IAAD,CAAkBM,GAAG,iBAAiB6C,eAAe,sBAAsBC,OAAQ,CAAExC,OAAQiC,QAKrK,YAAC,IAAD,CAAQvE,SAAUgD,EAAcqC,KAAMhB,EAAKK,cAAcnC,EAASI,QAASiC,QAASjF,KAAKoE,gBAG3F,mBAAKrC,UAAU,+BAAf,EACE,4BACG0B,EAAUkC,KAAI,SAAAC,GAAQ,OAAI,YAAC,EAAD,CAAgBvD,GAAIuD,EAAyBvF,SAAUgD,GAApBuC,Y,GAtFlDC,K,0BAEL,CACjBxC,aAAcyC,IAAUC,KACxBzC,QAAS0C,IAAmBL,IAC5BlC,UAAWuC,IAAmBC,WAAWC,WACzC3C,QAASuC,IAAUK,OAAOD,WAC1B1C,QAASsC,IAAUC,KACnBvD,SAAUsD,IAAUM,KAAKF,WACzBxB,KAAMoB,IAAUO,OAAOH,a","file":"modals/report_modal.js","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ImmutablePropTypes from 'react-immutable-proptypes';\nimport Toggle from 'react-toggle';\nimport noop from 'lodash/noop';\nimport StatusContent from '../../../components/status_content';\nimport { MediaGallery, Video } from '../../ui/util/async-components';\nimport Bundle from '../../ui/components/bundle';\n\nexport default class StatusCheckBox extends React.PureComponent {\n\n static propTypes = {\n status: ImmutablePropTypes.map.isRequired,\n checked: PropTypes.bool,\n onToggle: PropTypes.func.isRequired,\n disabled: PropTypes.bool,\n };\n\n render () {\n const { status, checked, onToggle, disabled } = this.props;\n let media = null;\n\n if (status.get('reblog')) {\n return null;\n }\n\n if (status.get('media_attachments').size > 0) {\n if (status.get('media_attachments').some(item => item.get('type') === 'unknown')) {\n\n } else if (status.getIn(['media_attachments', 0, 'type']) === 'video') {\n const video = status.getIn(['media_attachments', 0]);\n\n media = (\n <Bundle fetchComponent={Video} loading={this.renderLoadingVideoPlayer} >\n {Component => (\n <Component\n preview={video.get('preview_url')}\n blurhash={video.get('blurhash')}\n src={video.get('url')}\n alt={video.get('description')}\n width={239}\n height={110}\n inline\n sensitive={status.get('sensitive')}\n onOpenVideo={noop}\n />\n )}\n </Bundle>\n );\n } else {\n media = (\n <Bundle fetchComponent={MediaGallery} loading={this.renderLoadingMediaGallery} >\n {Component => <Component media={status.get('media_attachments')} sensitive={status.get('sensitive')} height={110} onOpenMedia={noop} />}\n </Bundle>\n );\n }\n }\n\n return (\n <div className='status-check-box'>\n <div className='status-check-box__status'>\n <StatusContent status={status} />\n {media}\n </div>\n\n <div className='status-check-box-toggle'>\n <Toggle checked={checked} onChange={onToggle} disabled={disabled} />\n </div>\n </div>\n );\n }\n\n}\n","import { connect } from 'react-redux';\nimport StatusCheckBox from '../components/status_check_box';\nimport { toggleStatusReport } from '../../../actions/reports';\nimport { Set as ImmutableSet } from 'immutable';\n\nconst mapStateToProps = (state, { id }) => ({\n status: state.getIn(['statuses', id]),\n checked: state.getIn(['reports', 'new', 'status_ids'], ImmutableSet()).includes(id),\n});\n\nconst mapDispatchToProps = (dispatch, { id }) => ({\n\n onToggle (e) {\n dispatch(toggleStatusReport(id, e.target.checked));\n },\n\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(StatusCheckBox);\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport { changeReportComment, changeReportForward, submitReport } from '../../../actions/reports';\nimport { expandAccountTimeline } from '../../../actions/timelines';\nimport PropTypes from 'prop-types';\nimport ImmutablePropTypes from 'react-immutable-proptypes';\nimport { makeGetAccount } from '../../../selectors';\nimport { defineMessages, FormattedMessage, injectIntl } from 'react-intl';\nimport StatusCheckBox from '../../report/containers/status_check_box_container';\nimport { OrderedSet } from 'immutable';\nimport ImmutablePureComponent from 'react-immutable-pure-component';\nimport Button from '../../../components/button';\nimport Toggle from 'react-toggle';\nimport IconButton from '../../../components/icon_button';\n\nconst messages = defineMessages({\n close: { id: 'lightbox.close', defaultMessage: 'Close' },\n placeholder: { id: 'report.placeholder', defaultMessage: 'Additional comments' },\n submit: { id: 'report.submit', defaultMessage: 'Submit' },\n});\n\nconst makeMapStateToProps = () => {\n const getAccount = makeGetAccount();\n\n const mapStateToProps = state => {\n const accountId = state.getIn(['reports', 'new', 'account_id']);\n\n return {\n isSubmitting: state.getIn(['reports', 'new', 'isSubmitting']),\n account: getAccount(state, accountId),\n comment: state.getIn(['reports', 'new', 'comment']),\n forward: state.getIn(['reports', 'new', 'forward']),\n statusIds: OrderedSet(state.getIn(['timelines', `account:${accountId}:with_replies`, 'items'])).union(state.getIn(['reports', 'new', 'status_ids'])),\n };\n };\n\n return mapStateToProps;\n};\n\nexport default @connect(makeMapStateToProps)\n@injectIntl\nclass ReportModal extends ImmutablePureComponent {\n\n static propTypes = {\n isSubmitting: PropTypes.bool,\n account: ImmutablePropTypes.map,\n statusIds: ImmutablePropTypes.orderedSet.isRequired,\n comment: PropTypes.string.isRequired,\n forward: PropTypes.bool,\n dispatch: PropTypes.func.isRequired,\n intl: PropTypes.object.isRequired,\n };\n\n handleCommentChange = e => {\n this.props.dispatch(changeReportComment(e.target.value));\n }\n\n handleForwardChange = e => {\n this.props.dispatch(changeReportForward(e.target.checked));\n }\n\n handleSubmit = () => {\n this.props.dispatch(submitReport());\n }\n\n handleKeyDown = e => {\n if (e.keyCode === 13 && (e.ctrlKey || e.metaKey)) {\n this.handleSubmit();\n }\n }\n\n componentDidMount () {\n this.props.dispatch(expandAccountTimeline(this.props.account.get('id'), { withReplies: true }));\n }\n\n componentWillReceiveProps (nextProps) {\n if (this.props.account !== nextProps.account && nextProps.account) {\n this.props.dispatch(expandAccountTimeline(nextProps.account.get('id'), { withReplies: true }));\n }\n }\n\n render () {\n const { account, comment, intl, statusIds, isSubmitting, forward, onClose } = this.props;\n\n if (!account) {\n return null;\n }\n\n const domain = account.get('acct').split('@')[1];\n\n return (\n <div className='modal-root__modal report-modal'>\n <div className='report-modal__target'>\n <IconButton className='media-modal__close' title={intl.formatMessage(messages.close)} icon='times' onClick={onClose} size={16} />\n <FormattedMessage id='report.target' defaultMessage='Report {target}' values={{ target: <strong>{account.get('acct')}</strong> }} />\n </div>\n\n <div className='report-modal__container'>\n <div className='report-modal__comment'>\n <p><FormattedMessage id='report.hint' defaultMessage='The report will be sent to your server moderators. You can provide an explanation of why you are reporting this account below:' /></p>\n\n <textarea\n className='setting-text light'\n placeholder={intl.formatMessage(messages.placeholder)}\n value={comment}\n onChange={this.handleCommentChange}\n onKeyDown={this.handleKeyDown}\n disabled={isSubmitting}\n autoFocus\n />\n\n {domain && (\n <div>\n <p><FormattedMessage id='report.forward_hint' defaultMessage='The account is from another server. Send an anonymized copy of the report there as well?' /></p>\n\n <div className='setting-toggle'>\n <Toggle id='report-forward' checked={forward} disabled={isSubmitting} onChange={this.handleForwardChange} />\n <label htmlFor='report-forward' className='setting-toggle__label'><FormattedMessage id='report.forward' defaultMessage='Forward to {target}' values={{ target: domain }} /></label>\n </div>\n </div>\n )}\n\n <Button disabled={isSubmitting} text={intl.formatMessage(messages.submit)} onClick={this.handleSubmit} />\n </div>\n\n <div className='report-modal__statuses'>\n <div>\n {statusIds.map(statusId => <StatusCheckBox id={statusId} key={statusId} disabled={isSubmitting} />)}\n </div>\n </div>\n </div>\n </div>\n );\n }\n\n}\n"],"sourceRoot":""}
\ No newline at end of file |