!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=(new Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="ce8e8311-464d-44b7-9042-4f4a6a4acd13",e._sentryDebugIdIdentifier="sentry-dbid-ce8e8311-464d-44b7-9042-4f4a6a4acd13")}catch(e){}}();var _global="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};_global.SENTRY_RELEASE={id:"imgur@0470099"},(self.webpackChunkimgur_web=self.webpackChunkimgur_web||[]).push([[4978],{JMKP:(e,t,n)=>{n.d(t,{C8:()=>x,H6:()=>S.H6,YP:()=>S.YP,ZP:()=>q});var r=n("lwsE"),i=n.n(r),o=n("W8MJ"),a=n.n(o),c=n("PJYZ"),l=n.n(c),s=n("7W2i"),u=n.n(s),d=n("a1gu"),p=n.n(d),m=n("Nsbk"),f=n.n(m),h=n("lSNA"),g=n.n(h),y=n("q1tI"),v=(n("17x9"),n("/MKj")),b=n("4ELA"),C=n("5bgp"),k=n("+qrI"),S=n("nrQ4"),R=n("puhG"),G=n("VDU/"),E=n("TSYQ"),N=n.n(E),w=n("mOu4");function D(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 Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=f()(e);if(t){var i=f()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return p()(this,n)}}var x="report",P=function(e){u()(n,e);var t=D(n);function n(e){var r;return i()(this,n),r=t.call(this,e),g()(l()(r),"handleClose",(function(){r.setState({reason:null,reasonDetail:null},(function(){return r.props.close()}))})),g()(l()(r),"handleReport",(function(){var e=r.props,t=e.type,n=e.submit,i=e.id,o=e.reportedComments,a=e.reportedPosts;if(null!==r.state.reason){var c=t===S.H6?o:a;n(t,i,r.state.reason,r.state.reasonDetail,c),r.setState({reason:null,reasonDetail:null})}})),g()(l()(r),"handleChoose",(function(e){r.setState({reason:e})})),g()(l()(r),"handleDescription",(function(e){var t=e;r.state.showDescription===e&&(t=null),r.setState({showDescription:t})})),g()(l()(r),"onChange",(function(e){var t=r.state.value,n=e?e.target.value:t,i=(0,G.IP)(n);r.setState({characterCount:i,reasonDetail:n})})),r.state={reason:e.isMature?-1:null,reasonDetail:null,showDescription:e.isMature?-1:null,value:"",characterCount:0,maxChars:140},r}return a()(n,[{key:"componentDidUpdate",value:function(e){e.isMature!==this.props.isMature&&this.setState({reason:this.props.isMature?-1:null,showDescription:this.props.isMature?-1:null})}},{key:"render",value:function(){var e=this,t=this.props,n=t.type,r=t.isMature,i=this.state,o=i.characterCount,a=i.maxChars-o<0,c=N()({"ReportDialog-Detail-Text":!0,over:a});if(n===S.g4)return null;var l=[r?{label:(0,R.Z)("precheckedMatureLabel",n),explanation:(0,R.Z)("precheckedMatureExplanation"),value:-1,name:"reportpost-disabled",onClick:function(e){e.preventDefault()},extraClass:" disabled",defaultChecked:!0}:{label:(0,R.Z)("matureLabel"),explanation:(0,R.Z)("matureExplanation",n),value:4},{label:(0,R.Z)("sexuallyLabel"),explanation:(0,R.Z)("sexuallyExplanation",n),value:5},{label:(0,R.Z)("spamLabel"),explanation:(0,R.Z)("spamExplanation",n),value:2},{label:(0,R.Z)("abusiveLabel"),explanation:(0,R.Z)("abusiveExplanation",n),value:3},{label:(0,R.Z)("dnboiLabel"),explanation:(0,R.Z)("dnboiExplanation",n),value:1}],s=!(this.state.reason>0&&this.state.characterCount<141);return y.createElement(b.U,{className:"ReportDialog",isModal:!1,onClose:this.handleClose,name:x},y.createElement("div",{className:"ReportDialog-head"},y.createElement("span",null,(0,R.Z)("reportTitle",n)),y.createElement(C.zx,{className:"ReportDialog-head--close",imageSrc:w.UZ[w.oV],onClick:this.handleClose})),y.createElement("div",{className:"ReportDialog-content"},l.map((function(t){return e.renderOption(t)})),this.state.reason&&y.createElement("div",{className:"ReportDialog-Detail"},y.createElement("form",{className:"ReportDialog-Detail-Form"},y.createElement("textarea",{className:c,onChange:this.onChange,placeholder:(0,R.Z)("describeReportReason",n)})),this.state.characterCount>140&&y.createElement("p",{className:"ReportDialog-Detail-Text-Exceeded"},(0,R.Z)("charactersExceeded",140)))),y.createElement("div",{className:"ReportDialog-footer"},y.createElement("p",{className:"ReportDialog-CommunityRules"},(0,R.Z)("reportRules")),y.createElement("button",{type:"button",disabled:s,className:"ReportDialog-button--do",onClick:this.handleReport},(0,R.Z)("report"))))}},{key:"renderOption",value:function(e){var t=this,n=this.state.showDescription===e.value?" active":"";return y.createElement("label",{className:"ReportDialog-RadioBox-item".concat(e.extraClass||"").concat(n),key:e.value},y.createElement("div",{className:"ReportDialog-RadioBox-content-wrapper"},y.createElement("input",{className:"ReportDialog-RadioBox-radio",type:"radio",onClick:e.onClick||function(){return t.handleChoose(e.value)},name:e.name||"reportpost"}),y.createElement("div",{className:"ReportDialog-RadioBox-checkbox"}," "),y.createElement("div",{className:"ReportDialog-RadioBox-title"},e.label),y.createElement("div",{className:"ReportDialog-RadioBox-chevron",onClick:function(){return t.handleDescription(e.value)}},y.createElement("i",{className:"ReportDialog-RadioBox-chevron-icon"}))),y.createElement("div",{className:"ReportDialog-RadioBox-description"},e.explanation))}}]),n}(y.Component);P.defaultProps={isMature:!1},P.__docgenInfo={description:"",methods:[{name:"handleClose",docblock:null,modifiers:[],params:[],returns:null},{name:"handleReport",docblock:null,modifiers:[],params:[],returns:null},{name:"handleChoose",docblock:null,modifiers:[],params:[{name:"reason",type:null}],returns:null},{name:"handleDescription",docblock:null,modifiers:[],params:[{name:"reason",type:null}],returns:null},{name:"onChange",docblock:null,modifiers:[],params:[{name:"event",type:null}],returns:null},{name:"renderOption",docblock:null,modifiers:[],params:[{name:"option",type:null}],returns:null}],displayName:"Report",props:{isMature:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},id:{type:{name:"union",value:[{name:"number"},{name:"string"}]},required:!1,description:""},close:{type:{name:"func"},required:!0,description:""},submit:{type:{name:"func"},required:!0,description:""},type:{type:{name:"string"},required:!0,description:""},reportedComments:{type:{name:"object"},required:!1,description:""},reportedPosts:{type:{name:"object"},required:!1,description:""}}};const q=(0,v.$j)((function(e,t){var n=e.report,r=t.type;return{id:n.get("id"),reportedComments:n.get("reportedComments"),reportedPosts:n.get("reportedPosts"),isMature:!!n.get("isMature"),type:n.get("type")||r}}),(function(e){return{close:function(){e((0,k.gk)(x))},submit:function(t,n,r,i,o){t===S.H6?e((0,S.cC)(n,r,i,o)):e((0,S.mK)(n,r,i,o)),e((0,k.gk)(x))}}}))(P)},xySZ:(e,t,n)=>{n.d(t,{Z:()=>s});var r=n("lSNA"),i=n.n(r),o=n("q1tI"),a=n("TSYQ"),c=n.n(a),l=(n("17x9"),{default:"",left:"Checkmark--left",right:"Checkmark--right"});function s(e){var t=e.selected,n=e.checked,r=e.text,a=void 0===r?"":r,s=e.checkmarkText,u=void 0===s?"":s,d=e.handleOnChange,p=void 0===d?function(){}:d,m=e.checkmarkPosition,f=void 0===m?"default":m,h=e.name,g=void 0===h?"":h,y=e.value,v=void 0===y?"":y,b=c()(i()({Checkmark:!0},l[f],!0));return o.createElement("label",{className:"Checkbox-wrapper"},a,o.createElement("input",{onChange:p,type:"checkbox",defaultChecked:t,name:g,value:v,checked:n}),o.createElement("div",{className:b},u))}s.__docgenInfo={description:"",methods:[],displayName:"Checkbox",props:{text:{defaultValue:{value:"''",computed:!1},type:{name:"union",value:[{name:"string"},{name:"object"}]},required:!1,description:""},checkmarkText:{defaultValue:{value:"''",computed:!1},type:{name:"string"},required:!1,description:""},handleOnChange:{defaultValue:{value:"() => {}",computed:!1},type:{name:"func"},required:!1,description:""},checkmarkPosition:{defaultValue:{value:"'default'",computed:!1},type:{name:"enum",value:[{value:"'default'",computed:!1},{value:"'left'",computed:!1},{value:"'right'",computed:!1}]},required:!1,description:""},name:{defaultValue:{value:"''",computed:!1},type:{name:"string"},required:!1,description:""},value:{defaultValue:{value:"''",computed:!1},type:{name:"union",value:[{name:"string"},{name:"number"}]},required:!1,description:""},selected:{type:{name:"bool"},required:!1,description:""},checked:{type:{name:"bool"},required:!1,description:""},reference:{type:{name:"func"},required:!1,description:""}}}},J5Wp:(e,t,n)=>{n.d(t,{Z:()=>X});var r=n("lwsE"),i=n.n(r),o=n("W8MJ"),a=n.n(o),c=n("PJYZ"),l=n.n(c),s=n("7W2i"),u=n.n(s),d=n("a1gu"),p=n.n(d),m=n("Nsbk"),f=n.n(m),h=n("lSNA"),g=n.n(h),y=n("q1tI"),v=(n("17x9"),n("puhG")),b=n("/MKj"),C=n("VGss"),k=n("hOZj"),S=n("hSrQ"),R=n("MHWf"),G=n("qV9W"),E=n("pVnL"),N=n.n(E),w=n("QILm"),D=n.n(w);function x(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 Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=f()(e);if(t){var i=f()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return p()(this,n)}}var P=function(e){u()(n,e);var t=x(n);function n(e){var r;return i()(this,n),r=t.call(this,e),g()(l()(r),"getContainer",(function(e){r.container=e})),g()(l()(r),"handle",(function(e){if("touchend"===e.type&&(r.isTouch=!0),"click"!==e.type||!r.isTouch){var t=r.props.onClickOutside,n=r.container;n&&!n.contains(e.target)&&t(e)}})),r.isTouch=!1,r}return a()(n,[{key:"render",value:function(){var e=this.props,t=e.children,n=(e.onClickOutside,D()(e,["children","onClickOutside"]));return y.createElement("div",N()({},n,{ref:this.getContainer}),t)}},{key:"componentDidMount",value:function(){(0,R._E)("touchend",this.handle,!0),(0,R._E)("click",this.handle,!0)}},{key:"componentWillUnmount",value:function(){(0,R.II)("touchend",this.handle,!0),(0,R.II)("click",this.handle,!0)}}]),n}(y.Component);P.__docgenInfo={description:"",methods:[{name:"getContainer",docblock:null,modifiers:[],params:[{name:"ref",type:null}],returns:null},{name:"handle",docblock:null,modifiers:[],params:[{name:"e",type:null}],returns:null}],displayName:"ClickOutside",props:{onClickOutside:{type:{name:"func"},required:!0,description:""},children:{type:{name:"node"},required:!1,description:""}}};var q=n("TSYQ"),I=n.n(q),F=n("JPcv"),H=n("sEfC"),_=n.n(H),O=n("oIX6");function Z(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 Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=f()(e);if(t){var i=f()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return p()(this,n)}}var B=function(e){u()(n,e);var t=Z(n);function n(){var e;i()(this,n);for(var r=arguments.length,o=new Array(r),a=0;a<r;a++)o[a]=arguments[a];return e=t.call.apply(t,[this].concat(o)),g()(l()(e),"onSelect",(function(t){(0,e.props.onCategorySelection)(t)})),g()(l()(e),"renderReactionGifCategories",(function(t,n){var r=e.props.getColorByPostIndex,i=t.preview,o={backgroundImage:"linear-gradient(".concat(r(n),", #2e3035)")},a=t.shortname,c="gifpicker-collectionBackground".concat(t.is_promoted?" promotedCollection":"");return y.createElement("div",{key:"".concat(n).concat(i).concat(a),className:"gifpicker-collection",onClick:function(){e.onSelect(a),e.resetCollection()}},y.createElement("video",{style:o,className:c,autoPlay:!0,preload:"none",loop:!0,playsInline:!0},y.createElement("source",{type:"video/mp4",src:"".concat(O.LS,"/").concat(i,"_lq.mp4")})),y.createElement("div",null,y.createElement("h2",{className:"gifpicker-collectionName"},t.name,t.is_promoted&&t.subtitle&&y.createElement("span",{className:"gifpicker-collectionSubtitle"},t.subtitle))))})),e}return a()(n,[{key:"componentDidMount",value:function(){var e=this.props,t=e.fetchReactionCollections,n=e.resetReactionGifSearchCollections;t(),n()}},{key:"resetCollection",value:function(){this.props.reactionGifCollections}},{key:"render",value:function(){var e=this.props.reactionGifCollections;return y.createElement(y.Fragment,null,y.createElement("div",{className:"gifpicker-body-container"},y.createElement("div",{className:"gifpicker-body Scrollbar--gray"},e.map(this.renderReactionGifCategories))))}}]),n}(y.Component);B.__docgenInfo={description:"",methods:[{name:"onSelect",docblock:null,modifiers:[],params:[{name:"queryString",type:null}],returns:null},{name:"renderReactionGifCategories",docblock:null,modifiers:[],params:[{name:"reactionGifObject",type:null},{name:"index",type:null}],returns:null},{name:"resetCollection",docblock:null,modifiers:[],params:[],returns:null}],displayName:"ReactionGIFCategories",props:{fetchReactionCollections:{type:{name:"func"},required:!0,description:""},reactionGifCollections:{type:{name:"object"},required:!0,description:""},getColorByPostIndex:{type:{name:"func"},required:!0,description:""},renderReactionGifCategories:{type:{name:"func"},required:!1,description:""},reactionGifObject:{type:{name:"object"},required:!1,description:""},position:{type:{name:"string"},required:!1,description:""},resetCollection:{type:{name:"func"},required:!1,description:""},onCategorySelection:{type:{name:"func"},required:!0,description:""},resetReactionGifSearchCollections:{type:{name:"func"},required:!1,description:""}}};const j=(0,b.$j)((function(e){return{reactionGifCollections:e.comments.get("reactionGifCollections")}}),{fetchReactionCollections:k.jY,resetReactionGifSearchCollections:k.Hi})(B);var M=n("DzJC"),V=n.n(M);const L=n.p+"desktop-assets/ReactionGifEmptySearch.42dcfa579303aa44a96f.svg";function T(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 U(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){g()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function K(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 Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=f()(e);if(t){var i=f()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return p()(this,n)}}var W=function(e){u()(n,e);var t=K(n);function n(e){var r;return i()(this,n),r=t.call(this,e),g()(l()(r),"showCategoryCollection",(function(){var e=r.props,t=e.fetchReactionGifSearchFull,n=e.currentlyShowing,i=e.reactionGifSearchFullpageNum;!0===r.state.isFullyLoaded&&null!=n?(r.setState({showingCategory:!1}),t(n,i)):r.setState({showingCategory:!0})})),g()(l()(r),"handleScrollCollection",(function(){var e=r.state.showingCategory,t=r.props,n=t.currentlyShowing,i=t.reactionGifRequestPending,o=t.reactionGifSearchFullpageNum;if(""!==n&&!1===e){var a=r.GifPickerBodyCollection.current,c=a.scrollTop,l=a.scrollHeight,s=l-c;r.setState({scrollDistance:c}),s<1e3&&l>=1e3&&!1===i&&r.showCategoryCollection(n,o)}})),g()(l()(r),"selectGif",(function(e){(0,r.props.handleGifSelection)(e)})),g()(l()(r),"renderSelectableGifs",(function(e,t){var n=r.state.scrollDistance,i=r.props,o=i.reactionGifSearchFullpageNum,a=i.getColorByPostIndex,c=e.id,l=e.height,s=e.runningGifHeight,u={height:"".concat(l,"px")},d={backgroundImage:"linear-gradient(".concat(a(t),", #2e3035)"),height:"".concat(l,"px")},p="".concat(O.LS,"/").concat(c,"_lq.mp4"),m="".concat(O.LS,"/").concat(c,".gif");return s>=(n<450?0:n-450)&&s<n+343+450?y.createElement("div",{key:"".concat(t+c+o+!0),className:"gifpicker-image",style:u,onClick:function(){r.selectGif(m)}},y.createElement("video",{style:d,className:"gifpicker-collectionBackground",autoPlay:!0,preload:"none",loop:!0,playsInline:!0},y.createElement("source",{type:"video/mp4",src:p}))):y.createElement("div",{key:"".concat(t+c+o+!1," "),className:"gifpicker-image",style:u},y.createElement("video",{style:d,className:"gifpicker-collectionBackground",preload:"none",loop:!0,playsInline:!0},y.createElement("source",{type:"video/mp4"})))})),g()(l()(r),"resetCollection",(function(){var e=r.props,t=e.handleReset,n=e.resetReactionGifSearchCollections;t(),n(),r.setState({column1:[],column2:[],column1Height:0,column2Height:0})})),r.handleScrollCollection=V()(r.handleScrollCollection.bind(l()(r)),35),r.GifPickerBodyCollection=y.createRef(),r.state={showingCategory:!1,scrollDistance:0,isFullyLoaded:!0,column1:[],column2:[],column1Height:0,column2Height:0},r}return a()(n,[{key:"componentDidMount",value:function(){var e=this.props;(0,e.fetchReactionGifSearchFull)(e.currentlyShowing,e.reactionGifSearchFullpageNum)}},{key:"componentDidUpdate",value:function(e){var t=this.props,n=t.gifsFromCategory,r=t.currentlyShowing,i=t.reactionGifSearchFullpageNum,o=t.fetchReactionGifSearchFull,a=this.state,c=a.column1Height,l=a.column2Height,s=this.state,u=s.column1,d=s.column2;if(n.size!==e.gifsFromCategory.size){for(var p=u.slice(0),m=d.slice(0),f=p.length+m.length!==0?p.length+m.length:0;f<n.size;f++){var h=U({},n.get(f)),g=141.5/h.width;h.height*=g,c<=l?(h.runningGifHeight=c+h.height+7,c=h.runningGifHeight,p.push(h)):(h.runningGifHeight=l+h.height+7,l=h.runningGifHeight,m.push(h))}this.setState({column1:p,column2:m,column1Height:c,column2Height:l})}r!==e.currentlyShowing&&(this.setState({column1:[],column2:[],column1Height:0,column2Height:0}),o(r,i))}},{key:"render",value:function(){var e=this,t=this.props,n=t.currentlyShowing,r=t.reactionGifRequestPending,i=this.state,o=i.column1,a=i.column2;return o.length||a.length||r?y.createElement("div",{className:"gifpicker-body-container"},y.createElement("div",{className:"gifpicker-collectionHeader"},y.createElement("div",{className:"gifpicker-backButton",onClick:function(){e.resetCollection()},"aria-label":"Go back to categories"},y.createElement(C.ZP,{className:"icon fill",name:C.Yd,width:"21",height:"15",viewBox:"0 0 21 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"})),y.createElement("h1",{className:"gifpicker-collectionHeaderText"},n)),y.createElement("div",{className:"gifpicker-body gifpicker-body-collection Scrollbar--gray",ref:this.GifPickerBodyCollection,onScroll:this.handleScrollCollection},y.createElement("div",null,o.map(this.renderSelectableGifs)),y.createElement("div",null,a.map(this.renderSelectableGifs)))):y.createElement("div",{className:"gifpicker-error"},y.createElement("div",{className:"gifpicker-error-image"},y.createElement("img",{src:L})),y.createElement("div",{className:"gifpicker-error-message"},y.createElement("h2",null,(0,v.Z)("reactionGifEmptySearch1")),y.createElement("br",null),y.createElement("h3",null,(0,v.Z)("reactionGifEmptySearch2"))))}}]),n}(y.Component);W.__docgenInfo={description:"",methods:[{name:"showCategoryCollection",docblock:null,modifiers:[],params:[],returns:null},{name:"handleScrollCollection",docblock:null,modifiers:[],params:[],returns:null},{name:"selectGif",docblock:null,modifiers:[],params:[{name:"videoShareURL",type:null}],returns:null},{name:"renderSelectableGifs",docblock:null,modifiers:[],params:[{name:"column",type:null},{name:"index",type:null}],returns:null},{name:"resetCollection",docblock:null,modifiers:[],params:[],returns:null}],displayName:"ReactionGIFCollections",props:{handleReset:{type:{name:"func"},required:!0,description:""},handleGifSelection:{type:{name:"func"},required:!0,description:""},getColorByPostIndex:{type:{name:"func"},required:!0,description:""},fetchReactionGifSearchFull:{type:{name:"func"},required:!0,description:""},currentlyShowing:{type:{name:"string"},required:!1,description:""},resetReactionGifSearchCollections:{type:{name:"func"},required:!1,description:""},reactionGifSearchFull:{type:{name:"object"},required:!1,description:""},reactionGifRequestPending:{type:{name:"bool"},required:!1,description:""},reactionGifSearchFullpageNum:{type:{name:"number"},required:!1,description:""},gifsFromCategory:{type:{name:"object"},required:!0,description:""}}};const Y=(0,b.$j)((function(e){return{reactionGifCollections:e.comments.get("reactionGifCollections"),reactionGifRequestPending:e.comments.get("reactionGifRequestPending"),reactionGifSearchFullpageNum:e.comments.get("reactionGifSearchFullpageNum"),gifsFromCategory:e.comments.get("gifsFromCategory")}}),{fetchReactionGifSearchFull:k.N$,resetReactionGifSearchCollections:k.Hi})(W);function A(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 Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=f()(e);if(t){var i=f()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return p()(this,n)}}var J=function(e){u()(n,e);var t=A(n);function n(e){var r;return i()(this,n),r=t.call(this,e),g()(l()(r),"preventPost",(function(e){e.stopPropagation(),e.preventDefault()})),g()(l()(r),"submitHandler",(function(){r.debounceSubmitHandler.cancel();var e=r.props,t=e.resetReactionGifSearchCollections,n=e.searchString;t(),r.setState({currentlyShowing:n})})),g()(l()(r),"inputChangeHandler",(function(e){(0,r.props.setReactionGifSearchString)(e.target.value),r.preventPost(e),r.debounceSubmitHandler()})),g()(l()(r),"onCategorySelection",(function(e){r.setState({currentlyShowing:e})})),g()(l()(r),"handleReset",(function(){var e=r.props,t=e.fetchReactionCollections,n=e.resetReactionGifSearchCollections,i=e.setReactionGifSearchString,o=r.state.currentlyShowing;n(),t(),o&&(r.setState({currentlyShowing:""}),i(""))})),g()(l()(r),"handleGifSelection",(function(e){(0,r.props.selectGIF)(e,r.state.currentlyShowing)})),g()(l()(r),"handleKeyDown",(function(e){[S.NW].includes(e.key)&&(r.preventPost(e),r.submitHandler())})),r.debounceSubmitHandler=_()(r.submitHandler,1e3),r.state={currentlyShowing:""},r}return a()(n,[{key:"componentDidMount",value:function(){var e=this.props,t=e.fetchReactionCollections,n=e.searchString;t(),""!==n&&this.submitHandler()}},{key:"componentWillUnmount",value:function(){(0,this.props.setReactionGifSearchString)("")}},{key:"getColorByPostIndex",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=["#ffdd00","#1bb76e","#227efa","#4a58fb","#6432f9","#ec4081","#4366d0","#7b85f7","#fc6369","#f14768","#ff51ba","#2ccaff","#43d0bd","#20bee8","#ffd300","#ff7d00"];return isNaN(e)&&(e=0),t[e%t.length]}},{key:"render",value:function(){var e,t,n=this,r=this.props,i=r.position,o=r.placeholder,a=r.searchString,c=r.isPromoted,l=r.promotedConfig,s=this.state.currentlyShowing,u=I()(["gifpicker",{"gifpicker--down":"bottom"===i,"gifpicker--promoted":c}]),d="gifpicker-nano".concat(s&&"-collection");if(c){var p="#".concat(l.get("header_text_color","ffffff"));e={"--gifpicker-triangle-color":"#".concat(l.get("header_gradiant_top","353aab"))},t={background:"linear-gradient(to bottom, #".concat(l.get("header_gradiant_top","474a51"),", #").concat(l.get("header_gradiant_bottom","1f2b59"),")"),color:p,fill:p}}return y.createElement("div",{className:u,style:e},y.createElement("div",{className:"gifpicker-header",style:t},y.createElement("div",{className:"gifpicker-header-content"},c?y.createElement(y.Fragment,null,y.createElement("p",{className:"gifpicker-header-content-title"},l.get("header_title")),y.createElement("p",{className:"gifpicker-header-content-subtitle"},l.get("header_subtitle"))):y.createElement("p",{className:"gifpicker-header-content-title"},(0,v.Z)("reactionGIF")),y.createElement("div",{className:"gifpicker-searchbar"},y.createElement("input",{placeholder:o,className:"gifpicker-searchbar-textInput",type:"text",value:a,onChange:this.inputChangeHandler,onSubmit:this.submitHandler,onKeyDown:this.handleKeyDown}),y.createElement("div",{className:"ReactionGIFSearch-Icon"},y.createElement(C.ZP,{name:C.NU,width:"21",height:"20",viewBox:"0 0 21 20",onClick:function(e){n.preventPost(e),n.submitHandler()}})))),c&&y.createElement("img",{className:"gifpicker-header-asset",src:"//".concat(O.H,".").concat(O.VB,"/").concat(l.get("header_image"),".png")})),s?y.createElement(Y,{currentlyShowing:s,getColorByPostIndex:this.getColorByPostIndex,handleReset:this.handleReset,handleGifSelection:this.handleGifSelection}):y.createElement(j,{onCategorySelection:this.onCategorySelection,getColorByPostIndex:this.getColorByPostIndex}),y.createElement("div",{className:d}))}}]),n}(y.Component);J.defaultProps={placeholder:(0,v.Z)("reactionGifSearchPlaceholder")};J.__docgenInfo={description:"",methods:[{name:"getColorByPostIndex",docblock:null,modifiers:[],params:[{name:"itemIndex",type:null}],returns:null},{name:"preventPost",docblock:null,modifiers:[],params:[{name:"e",type:null}],returns:null},{name:"submitHandler",docblock:null,modifiers:[],params:[],returns:null},{name:"inputChangeHandler",docblock:null,modifiers:[],params:[{name:"e",type:null}],returns:null},{name:"onCategorySelection",docblock:null,modifiers:[],params:[{name:"queryString",type:null}],returns:null},{name:"handleReset",docblock:null,modifiers:[],params:[],returns:null},{name:"handleGifSelection",docblock:null,modifiers:[],params:[{name:"GifURL",type:null}],returns:null},{name:"handleKeyDown",docblock:null,modifiers:[],params:[{name:"e",type:null}],returns:null}],displayName:"ReactionGIF",props:{placeholder:{defaultValue:{value:"copy('reactionGifSearchPlaceholder')",computed:!0},type:{name:"string"},required:!1,description:""},fetchReactionCollections:{type:{name:"func"},required:!0,description:""},position:{type:{name:"string"},required:!1,description:""},currentlyShowing:{type:{name:"string"},required:!1,description:""},searchString:{type:{name:"string"},required:!1,description:""},value:{type:{name:"string"},required:!1,description:""},resetReactionGifSearchCollections:{type:{name:"func"},required:!1,description:""},onCategorySelection:{type:{name:"func"},required:!1,description:""},selectGIF:{type:{name:"func"},required:!0,description:""},setReactionGifSearchString:{type:{name:"func"},required:!0,description:""},promotedConfig:{type:{name:"object"},required:!1,description:""},isPromoted:{type:{name:"bool"},required:!1,description:""}}};const Q=(0,b.$j)((function(e){var t=e.comments,n=e.config;return{reactionGifCollections:t.get("reactionGifCollections"),promotedConfig:n.get("sponsoredReactionGifsDefinition",new F.Map),isPromoted:!!n.getIn(["sponsoredReactionGifsDefinition","is_active"]),searchString:t.get("reactionGifSearchString")}}),{fetchReactionCollections:k.jY,resetReactionGifSearchCollections:k.Hi,setReactionGifSearchString:k.PK})(J);function $(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 Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=f()(e);if(t){var i=f()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return p()(this,n)}}var z=function(e){u()(n,e);var t=$(n);function n(e){var r;return i()(this,n),r=t.call(this,e),g()(l()(r),"handleKeyDown",(function(e){var t=r.props.setReactionGifPopupVisibility;[S.nQ,S.$1].includes(e.key)&&t(!1)})),g()(l()(r),"gifToggle",(function(){var e=r.ReactionGIF.current.getBoundingClientRect().top,t=r.state.gifSaved,n=r.props,i=n.reactionGifSelectedAnalytics,o=n.isPromoted,a=n.disabled,c=n.setReactionGifPopupVisibility,l=n.isGIFOpen;if(!a){var s=!0;if(e<500&&(s=!1),l||r.setState({gifSaved:!1}),l&&!t){i(null,"Cancelled",o)}r.setState({gifOpenUp:s}),c(!l)}})),g()(l()(r),"onSelect",(function(e,t){var n=r.props,i=n.onSelect,o=n.reactionGifSelectedAnalytics,a=n.isPromoted,c=n.setReactionGifPopupVisibility;r.setState({gifSaved:!0}),c(!1);o(t,"Saved",a,(0,G.UO)(e)),i(e)})),r.ReactionGIF=y.createRef(),r.state={gifOpenUp:!0,gifSaved:!1},r}return a()(n,[{key:"componentDidMount",value:function(){(0,R.kZ)("keydown",this.handleKeyDown)}},{key:"componentWillUnmount",value:function(){(0,R.KZ)("keydown",this.handleKeyDown)}},{key:"render",value:function(){var e=this.state.gifOpenUp,t=this.props,n=t.isGIFOpen,r=t.className,i=t.disabled,o=t.title;return y.createElement("div",{className:r,ref:this.ReactionGIF,disabled:i},y.createElement(C.ZP,{className:"icon fill",name:C.gt,id:"GIFButton",onClick:this.gifToggle,"aria-label":o,title:o,width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),n?y.createElement(P,{onClickOutside:this.gifToggle},y.createElement(Q,{position:e?"top":"bottom",selectGIF:this.onSelect})):"")}}]),n}(y.PureComponent);z.defaultProps={className:"ReactionGIF",title:(0,v.Z)("gifOnHover")},z.__docgenInfo={description:"",methods:[{name:"handleKeyDown",docblock:null,modifiers:[],params:[{name:"event",type:null}],returns:null},{name:"gifToggle",docblock:null,modifiers:[],params:[],returns:null},{name:"onSelect",docblock:null,modifiers:[],params:[{name:"GifURL",type:null},{name:"category",type:null}],returns:null}],displayName:"ReactionGIFButton",props:{className:{defaultValue:{value:"'ReactionGIF'",computed:!1},type:{name:"string"},required:!1,description:""},title:{defaultValue:{value:"copy('gifOnHover')",computed:!0},type:{name:"string"},required:!1,description:""},onSelect:{type:{name:"func"},required:!0,description:""},reactionGifSelectedAnalytics:{type:{name:"func"},required:!0,description:""},isPromoted:{type:{name:"bool"},required:!1,description:""},disabled:{type:{name:"bool"},required:!1,description:""},isGIFOpen:{type:{name:"bool"},required:!1,description:""},setReactionGifPopupVisibility:{type:{name:"func"},required:!0,description:""}}};const X=(0,b.$j)((function(e){return{isPromoted:!!e.config.getIn(["sponsoredReactionGifsDefinition","is_active"])}}),{reactionGifSelectedAnalytics:k.wq})(z)}}]);