@r3l/app
Version:
2 lines • 10.9 kB
JavaScript
(window.__LOADABLE_LOADED_CHUNKS__=window.__LOADABLE_LOADED_CHUNKS__||[]).push([[40],{"./src/modules/createPost/createPost.container.js":function(e,t,n){"use strict";n.r(t),n.d(t,"default",(function(){return J}));var r=n("../../node_modules/@babel/runtime/helpers/toConsumableArray.js"),a=n.n(r),l=n("../../node_modules/@babel/runtime/helpers/defineProperty.js"),c=n.n(l),s=n("../../node_modules/react/index.js"),o=n.n(s),u=n("../../node_modules/prop-types/index.js"),i=n.n(u),d=n("../../node_modules/react-redux/es/index.js"),f=n("./src/modules/createPost/createPost.actions.js"),m=n("./src/utils/index.ts"),p=n("./src/modules/styled/index.ts"),g=n("./src/modules/styled/web.tsx"),b=n("./src/modules/user/avatarbox.component.js"),h=n("./src/modules/post/postinfo.component.js"),v=n("./src/utils/text.js"),y=n("./src/modules/community/community.selectors.ts");function x(e){var t=Object(s.useRef)();return Object(s.useEffect)((function(){t.current=e})),t.current}var j=n("./src/modules/text/web/textAreaWithMention.js"),T=n("../../node_modules/@babel/runtime/helpers/classCallCheck.js"),E=n.n(T),O=n("../../node_modules/@babel/runtime/helpers/createClass.js"),P=n.n(O),w=n("../../node_modules/@babel/runtime/helpers/inherits.js"),k=n.n(w),C=n("../../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"),_=n.n(C),U=n("../../node_modules/@babel/runtime/helpers/getPrototypeOf.js"),S=n.n(U);function B(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=S()(e);if(t){var a=S()(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return _()(this,n)}}var D=function(e){k()(n,e);var t=B(n);function n(){return E()(this,n),t.apply(this,arguments)}return P()(n,[{key:"shouldComponentUpdate",value:function(e){return this.props.tags!==e.tags||this.props.selectedTags.length!==e.selectedTags.length}},{key:"render",value:function(){var e=this.props,t=e.tags,n=e.selectedTags,r=e.selectTag,a=e.deselectTag;if(!t||!t.length)return null;var l=t.map((function(e,t){var l=-1!==n.indexOf(e);return l?null:o.a.createElement(p.F,{key:t,sx:{mr:1,mt:1},disabled:!l,role:"checkbox","aria-checked":l,onClick:function(){return l?a(e):r(e)}},o.a.createElement(p.e,{sx:{color:"inherit"}},"#",e))}));return o.a.createElement(p.K,null,o.a.createElement(p.y,{sx:{color:"black"}},this.props.text+": "),o.a.createElement(p.K,{sx:{mt:1,flexDirection:"row",flexWrap:"wrap",justifyContent:"flex-start"}},l))}}]),n}(s.Component);c()(D,"propTypes",{tags:i.a.array,selectedTags:i.a.array,text:i.a.string,deselectTag:i.a.func,selectTag:i.a.func});var A=n("../../node_modules/@babel/runtime/helpers/assertThisInitialized.js"),R=n.n(A);function L(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=S()(e);if(t){var a=S()(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return _()(this,n)}}var K=function(e){k()(n,e);var t=L(n);function n(){var e;E()(this,n);for(var r=arguments.length,a=new Array(r),l=0;l<r;l++)a[l]=arguments[l];return e=t.call.apply(t,[this].concat(a)),c()(R()(e),"state",{input:""}),e}return P()(n,[{key:"render",value:function(){var e=this,t=this.props,n=t.selectedTags,r=t.deselectTag,a=t.selectTag,l=n.map((function(e,t){return o.a.createElement(p.F,{key:t,sx:{mr:1,mt:1},disabled:!1,role:"checkbox","aria-checked":!0,onClick:function(){return r(e)}},o.a.createElement(p.e,{sx:{color:"inherit"}},"#",e))}));return o.a.createElement("div",null,o.a.createElement(p.K,null,o.a.createElement(p.y,{sx:{color:"black"}},"Your Tags "),o.a.createElement(p.B,{sx:{flexWrap:"wrap"}},l)),o.a.createElement(p.K,{sx:{flex:1}},o.a.createElement(g.d,{placeholder:this.props.placeholderText,value:this.state.input,onKeyDown:function(t){if(13===t.keyCode){var n=t.target.value.trim().replace("#","");return a(n),e.setState({input:""})}return null},onBlur:function(t){var n=t.target.value.split(/,|#/);return(n=n.map((function(e){return e.trim().replace("#","")})).filter((function(e){return e.length}))).length&&a(n),e.setState({input:""})},onChange:function(t){var n=t.target.value,r=n.split(/,|#/);return(r=r.map((function(e){return e.trim()})).filter((function(e){return e.length}))).length>1?(a(r[0]),e.setState({input:r[1]})):e.setState({input:n})}})))}}]),n}(s.Component);function F(e){var t=e.selectedTags,n=e.setState,r=e.allTags,l=function(e){e&&e.length&&("string"==typeof e&&(e=[e]),t=a()(new Set([].concat(a()(t),a()(e)))),n({selectedTags:t}))};return o.a.createElement(s.Fragment,null,o.a.createElement(p.K,{sx:{mt:[2,3]}},o.a.createElement(K,{selectedTags:t,selectTag:l,deselectTag:function(e){return n({selectedTags:t.filter((function(t){return t!==e}))})},placeholderText:t.length?"":"Please add at least one tag"}),o.a.createElement(p.K,{sx:{mt:[2,4]}},o.a.createElement(D,{text:"Suggested tags",tags:r,selectedTags:t,selectTag:l,deselectTag:function(e){return n({selectedTags:t.filter((function(t){return t!==e}))})}})),o.a.createElement(p.o,{sx:{mt:[2,4]}})))}c()(K,"propTypes",{placeholderText:i.a.string,selectedTags:i.a.array,deselectTag:i.a.func,selectTag:i.a.func}),F.propTypes={selectedTags:i.a.array,allTags:i.a.array,setState:i.a.func};var I=n("../../node_modules/@babel/runtime/helpers/slicedToArray.js"),W=n.n(I),z=n("./src/modules/createPost/hooks.js");var H=Object(s.memo)(M);function M(e){var t=e.close,n=Object(d.c)(),r=Object(s.useState)({submitting:!1,error:null}),a=W()(r,2),l=a[0].submitting,c=a[1],u=Object(d.d)((function(e){return e.auth.user})),i=Object(d.d)((function(e){return e.createPost})),m=(i.channel,i.postBody),g=i.edit,b=i.selectedTags,h=Object(s.useCallback)((function(){return n(Object(f.clearCreatePost)())}),[n]),v=Object(z.b)({close:t,clearPost:h,setStatus:c}),y=l||!b.length||!m||!m.trim().length,x=u&&"admin"===u.role;return o.a.createElement(s.Fragment,null,o.a.createElement(p.B,{sx:{mt:2,justifyContent:"space-between"}},x&&!1,o.a.createElement(p.B,{sx:{flex:1,justifyContent:"flex-end",alignItems:"center"}},o.a.createElement(p.y,{sx:{mr:2},onClick:h},"Clear"),o.a.createElement(p.g,{onPress:function(){return!y&&v(i)},disabled:y},g?"Update Post":"Create Post"))))}M.propTypes={close:i.a.func};var N=n("./src/modules/comment/ratelimitWarning.js"),Y=n("./src/modules/createPost/image/ImageUpload.web.tsx");function q(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function G(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?q(Object(n),!0).forEach((function(t){c()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):q(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function J(e){var t=e.close,n=Object(d.c)(),r=Object(d.d)((function(e){return e.auth.user})),l=Object(d.d)((function(e){return e.createPost})),c=Object(y.b)(),u=Object(s.useRef)(),i=Object(z.a)(),h=l.title,T=l.channel,E=l.postBody,O=l.urlPreview,P=l.linkPreview,w=l.selectedTags,k=l.allTags,C=void 0===k?[]:k,_=l.postUrl,U=l.loadingPreview,S=l.postTags,B=void 0===S?[]:S,D=l.disableUrl,A=function(e){n(Object(f.setCreatePostState)(G(G({},l),e)))};Object(s.useEffect)((function(){A({allTags:c.topics})}),[c.topics]);var R=x(_),L=Object(z.c)(A),K=function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];A({url:null,postUrl:null,urlPreview:null,loadingPreview:!1,postTags:[],disableUrl:e&&!0})};Object(s.useEffect)((function(){!_&&O?K(!1):!_||R===_||U||D||L({postUrl:_,postBody:E})}),[_]);var I=x(D);Object(s.useEffect)((function(){I&&!D&&M({target:{value:E}})&&u.current.focus()}),[D]);var W=function(){var e=Object(v.getTextData)(E),t=e.tags,n=e.mentions,r=a()(new Set([].concat(a()(w),a()(t))));A({mentions:n,selectedTags:r})},M=function(e){var t=e.target.value,n=Object(v.getTextData)(t).url,r=n&&n.url,a=t.length>E+4,l=n&&n.lastIndex!==t.length;A(G({postBody:t},!D&&(l||a)&&{postUrl:r}))},q=function(){return M({target:{value:"".concat(E,'\n>"').concat(m.i.stripHTML(O.description),'"')}})},J=function(e){A({postBody:E+e})},X=O&&O.description,Z=O?"Add your commentary, opinion, summary or a relevant quote from the article":"What's relevant? Paste article URL.",$=E||_,ee=a()(new Set([].concat(a()(C),a()(B))));return i?i.component:o.a.createElement(p.f,null,o.a.createElement(p.B,{sx:{alignItems:"center"}},o.a.createElement(b.b,{user:r,size:5})),T&&o.a.createElement(g.d,{onChange:function(e){return A({title:e.target.value})},value:h,name:"title",sx:{mt:2},type:"text",placeholder:"Title"}),o.a.createElement(p.f,{sx:{mt:2}},o.a.createElement(p.f,{sx:{mb:2}},o.a.createElement(N.a,{postType:"post"})),o.a.createElement(j.a,{value:E,onChange:M,placeholder:"text"===c.defaultPost?"Add text or paste a url here.\n\nYou can use Markdown:\n# Title\n**bold**\n`inline code`\n```code block```":Z,withPreview:!0,textArea:u,minheight:176,onBlur:W,onSubmit:W,ImageUpload:function(){return o.a.createElement(Y.a,{insertImages:J})},PasteTextButton:function(){return X?o.a.createElement(V,{addTextFromLink:q}):null}})),o.a.createElement(p.f,{sx:{mt:1}}),o.a.createElement(Q,{clearUrl:K,urlPreview:O,linkPreview:P,PostPreview:Q,enableUrl:function(){return A({disableUrl:!1})},disableUrl:D}),$&&o.a.createElement(F,{setState:A,selectedTags:w||[],allTags:ee||[]}),o.a.createElement(H,{close:t}))}function Q(e){var t=e.urlPreview,n=e.linkPreview,r=e.clearUrl,a=e.disableUrl,l=e.enableUrl,c=Object(d.d)((function(e){return e.navigation.screenSize}));return a?o.a.createElement(p.B,{sx:{alignItems:"center"}},o.a.createElement("input",{checked:!a,type:"checkbox",name:"preivew",onChange:l}),o.a.createElement(p.e,{ml:.5},"Add Link Preview")):t?o.a.createElement(s.Fragment,null,o.a.createElement(h.a,{preview:!!c,post:t,link:n}),o.a.createElement(p.D,{onPress:r,sx:{color:"blue",textAlign:"right"}},"Remove Link Preview")):null}function V(e){var t=e.addTextFromLink;return o.a.createElement(p.a,{sx:{right:2,bottom:12.00008}},o.a.createElement(p.D,{sx:{color:"blue"},onPress:function(e){e.preventDefault(),t()}},"Paste article description"))}J.propTypes={close:i.a.func},Q.propTypes={urlPreview:i.a.object,linkPreview:i.a.object,clearUrl:i.a.func,enableUrl:i.a.func,disableUrl:i.a.bool},V.propTypes={addTextFromLink:i.a.func}}}]);
//# sourceMappingURL=createPost-createPost-container.bundle.3ee42bb1bd057ea3a55e.js.map