!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]="cb6d81c1-3378-4cf7-ae72-bd8fd55af5ec",e._sentryDebugIdIdentifier="sentry-dbid-cb6d81c1-3378-4cf7-ae72-bd8fd55af5ec")}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([[7598],{G2l5:(e,t,n)=>{n.d(t,{H8:()=>R,ZP:()=>x});var a=n("J4zp"),r=n.n(a),i=n("lwsE"),s=n.n(i),l=n("W8MJ"),o=n.n(l),u=n("PJYZ"),c=n.n(u),g=n("7W2i"),d=n.n(g),p=n("a1gu"),m=n.n(p),f=n("Nsbk"),h=n.n(f),y=n("lSNA"),T=n.n(y),v=n("q1tI"),S=(n("17x9"),n("/MKj")),E=n("1q3c"),k=n("puhG"),b=n("QadB"),w=n("mOu4");function I(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,a=h()(e);if(t){var r=h()(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return m()(this,n)}}var N=function(e){d()(n,e);var t=I(n);function n(e){var a;return s()(this,n),a=t.call(this,e),T()(c()(a),"resetState",(function(){a.setState({isActive:!1,query:""})})),T()(c()(a),"onEnterTag",(function(e,t){a.resetState(),a.props.onAddTag(e,t||{display_name:e})})),T()(c()(a),"onSelect",(function(e){a.onEnterTag(e.get("name"),{display_name:e.get("display_name")})})),T()(c()(a),"onChange",(function(e){if(-1===[38,40].indexOf(e.which))if(13!==e.which)if(27!==e.which){var t=a.input.current.innerText;a.setState({query:t})}else a.resetState();else a.onEnterTag(a.state.query)})),a.input=v.createRef(),a.state={isActive:!1,query:""},a}return o()(n,[{key:"componentDidUpdate",value:function(e,t){this.state.isActive&&t.isActive!==this.state.isActive&&this.input.current.focus()}},{key:"renderDefault",value:function(){var e=this;return v.createElement("div",{className:"TagView TagAdd",onClick:function(){return e.setState({isActive:!0})}},v.createElement(w.ZP,{name:w.VR,width:14,className:"TagAdd-plus"}),v.createElement("div",{className:"TagAdd-label"},(0,k.Z)("uploadTag")))}},{key:"renderActive",value:function(){return v.createElement("div",null,v.createElement("div",{className:"TagView TagAdd-active"},v.createElement("span",{contentEditable:!0,placeholder:(0,k.Z)("uploadTag"),ref:this.input,className:"TagAdd-input",onKeyUp:this.onChange,onFocus:this.onChange,onBlur:this.resetState})),v.createElement(b.Z,{onSelect:this.onSelect,query:this.state.query}))}},{key:"render",value:function(){return this.state.isActive?this.renderActive():this.renderDefault()}}]),n}(v.Component);function q(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,a=h()(e);if(t){var r=h()(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return m()(this,n)}}N.__docgenInfo={description:"",methods:[{name:"resetState",docblock:null,modifiers:[],params:[],returns:null},{name:"onEnterTag",docblock:null,modifiers:[],params:[{name:"tagName",type:null},{name:"properties",type:null}],returns:null},{name:"onSelect",docblock:null,modifiers:[],params:[{name:"tag",type:null}],returns:null},{name:"onChange",docblock:null,modifiers:[],params:[{name:"e",type:null}],returns:null},{name:"renderDefault",docblock:null,modifiers:[],params:[],returns:null},{name:"renderActive",docblock:null,modifiers:[],params:[],returns:null}],displayName:"AddTag",props:{onAddTag:{type:{name:"func"},required:!0,description:""}}};var R=function(e){d()(n,e);var t=q(n);function n(){var e;s()(this,n);for(var a=arguments.length,r=new Array(a),i=0;i<a;i++)r[i]=arguments[i];return e=t.call.apply(t,[this].concat(r)),T()(c()(e),"addTag",(function(t,n){(0,e.props.addTag)(t,n)})),T()(c()(e),"removeTag",(function(t){(0,e.props.removeTag)(t)})),e}return o()(n,[{key:"render",value:function(){var e=this,t=this.props,n=t.tags,a=t.limit,i=t.allowRemove,s=t.children;return v.createElement("div",{className:"TagManager"},v.createElement("div",{className:"TagManager-tags"},s,n.entrySeq().map((function(t){var n=r()(t,2),a=n[0],s=n[1];return v.createElement(_,{tag:s,key:a,onClick:function(){return e.removeTag(a)},allowRemove:i||s.get("addFrom")!==E.IX})})),n.size<a&&v.createElement(N,{onAddTag:this.addTag})))}}]),n}(v.Component);function _(e){var t=e.tag,n=e.onClick,a=e.allowRemove;return v.createElement(v.Fragment,null,a&&v.createElement("div",{className:"TagView TagView-remove",onClick:n},t.get("display_name")||t.get("name"),v.createElement("span",{className:"TagView-removeIcon"},"×")),!a&&v.createElement("div",{className:"TagView TagView-display"},t.get("display_name")||t.get("name")))}R.defaultProps={allowRemove:!0};R.__docgenInfo={description:"",methods:[{name:"addTag",docblock:null,modifiers:[],params:[{name:"tagName",type:null},{name:"properties",type:null}],returns:null},{name:"removeTag",docblock:null,modifiers:[],params:[{name:"tagKey",type:null}],returns:null}],displayName:"TagManager",props:{allowRemove:{defaultValue:{value:"true",computed:!1},type:{name:"bool"},required:!1,description:""},tags:{type:{name:"object"},required:!0,description:""},limit:{type:{name:"number"},required:!0,description:""},addTag:{type:{name:"func"},required:!0,description:""},removeTag:{type:{name:"func"},required:!0,description:""},children:{type:{name:"node"},required:!1,description:""}}};const x=(0,S.$j)((function(e){var t=e.upload;return{tags:t.getIn(["post","tags"]),allowRemove:!t.getIn(["post","inGallery"])}}),{addTag:E.x8,removeTag:E.Rc})(R);_.__docgenInfo={description:"",methods:[],displayName:"TagView",props:{tag:{type:{name:"object"},required:!0,description:""},onClick:{type:{name:"func"},required:!0,description:""},allowRemove:{type:{name:"bool"},required:!0,description:""}}}},QadB:(e,t,n)=>{n.d(t,{Z:()=>R});var a=n("lwsE"),r=n.n(a),i=n("W8MJ"),s=n.n(i),l=n("PJYZ"),o=n.n(l),u=n("7W2i"),c=n.n(u),g=n("a1gu"),d=n.n(g),p=n("Nsbk"),m=n.n(p),f=n("lSNA"),h=n.n(f),y=n("q1tI"),T=(n("17x9"),n("/MKj")),v=n("TSYQ"),S=n.n(v),E=n("puhG"),k=n("hSrQ"),b=n("Q0Zf"),w=n("MHWf"),I=n("qSj+");function N(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,a=m()(e);if(t){var r=m()(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return d()(this,n)}}var q=function(e){c()(n,e);var t=N(n);function n(e){var a;return r()(this,n),a=t.call(this,e),h()(o()(a),"hasTags",(function(){return a.props.tagsSizes.some((function(e){return e>0}))})),h()(o()(a),"mouseEnter",(function(e,t){a.setState({highlightedTagType:e,highlightedTagIndex:t,mouseOverTag:!0})})),h()(o()(a),"mouseLeave",(function(){a.setState({highlightedTagType:null,highlightedTagIndex:null,mouseOverTag:!1})})),h()(o()(a),"handleKeyDown",(function(e){if(a.hasTags()){var t=a.props,n=t.tags,r=t.tagsSizes,i=t.onSelect,s=t.resetSuggestionTags,l=a.state,o=l.highlightedTagType,u=l.highlightedTagIndex,c=l.mouseOverTag;if([k.SY,k.c2,k.NW].includes(e.key))if(e.preventDefault(),[k.SY,k.c2].includes(e.key)&&null===u){var g=r.findIndex((function(e){return e>0}));a.setState({highlightedTagType:b.E0[g],highlightedTagIndex:0})}else{var d=b.E0.findIndex((function(e){return e===o}));if(e.key===k.SY){var p=u-1;if(p>=0)return void a.setState({highlightedTagIndex:p});var m=b.E0.slice(0,d).reverse().find((function(e){return n.get(e).size>0})),f=m?n.get(m).size-1:0;a.setState({highlightedTagType:null!=m?m:o,highlightedTagIndex:f})}if(e.key===k.c2){var h=u+1;if(h<n.get(o).size)return void a.setState({highlightedTagIndex:h});var y=b.E0.slice(d+1).find((function(e){return n.get(e).size>0})),T=y?0:n.get(o).size-1;a.setState({highlightedTagType:null!=y?y:o,highlightedTagIndex:T})}if(e.key===k.NW&&null!==u)i(n.get(o).get(u)),s()}else c||a.setState({highlightedTagType:null,highlightedTagIndex:null})}})),h()(o()(a),"selectTag",(function(e,t){e.preventDefault();var n=a.props,r=n.onSelect,i=n.resetSuggestionTags;r(t),i()})),a.state={highlightedTagType:null,highlightedTagIndex:null,mouseOverTag:!1},a}return s()(n,[{key:"componentDidMount",value:function(){var e=this.props,t=e.query,n=e.fetchSuggestionTags;(0,w._E)("keydown",this.handleKeyDown),n(t)}},{key:"componentWillUnmount",value:function(){(0,w.II)("keydown",this.handleKeyDown)}},{key:"componentDidUpdate",value:function(e){var t=this.props,n=t.query,a=t.fetchSuggestionTags;e.query!==n&&(a(n),this.setState({highlightedTagType:null,highlightedTagIndex:null}))}},{key:"renderTagOption",value:function(e,t,n){var a=this,r=this.state,i=r.highlightedTagType,s=r.highlightedTagIndex,l=t===i&&n===s,o=S()({"TagSuggestions-option":!0,"TagSuggestions-option-highlighted":l});return y.createElement("div",{key:"".concat(t).concat(e.get("name")),className:o,onMouseDown:function(t){return a.selectTag(t,e)},onMouseEnter:function(){return a.mouseEnter(t,n)},onMouseLeave:this.mouseLeave},y.createElement("div",{className:"TagSuggestions-tagName"},e.get("display_name")),y.createElement("div",{className:"TagSuggestions-postsCount"},(0,E.Z)("uploadTagsItemCount",e.get("total_items"))))}},{key:"render",value:function(){var e=this;if(!this.hasTags())return null;var t=this.props,n=t.tags,a=t.tagsSizes;return y.createElement("div",{className:"TagSuggestions"},y.createElement("div",{className:"TagSuggestions-triangle"}),y.createElement("div",{className:"TagSuggestions-tags"},b.E0.map((function(t,r){return 0===a[r]?null:y.createElement(y.Fragment,{key:t},y.createElement("div",{className:"TagSuggestions-label"},(0,E.Z)("uploadTagLabel",t)),y.createElement("div",{className:"TagSuggestions-options"},n.get(t).map((function(n,a){return e.renderTagOption(n,t,a)}))))}))))}}]),n}(y.Component);q.__docgenInfo={description:"",methods:[{name:"hasTags",docblock:null,modifiers:[],params:[],returns:null},{name:"mouseEnter",docblock:null,modifiers:[],params:[{name:"tagType",type:null},{name:"tagIndex",type:null}],returns:null},{name:"mouseLeave",docblock:null,modifiers:[],params:[],returns:null},{name:"handleKeyDown",docblock:null,modifiers:[],params:[{name:"e",type:null}],returns:null},{name:"selectTag",docblock:null,modifiers:[],params:[{name:"e",type:null},{name:"tag",type:null}],returns:null},{name:"renderTagOption",docblock:null,modifiers:[],params:[{name:"tag",type:null},{name:"tagType",type:null},{name:"tagIndex",type:null}],returns:null}],displayName:"TagSuggestions",props:{query:{type:{name:"string"},required:!1,description:""},tags:{type:{name:"object"},required:!0,description:""},tagsSizes:{type:{name:"array"},required:!0,description:""},fetchSuggestionTags:{type:{name:"func"},required:!0,description:""},resetSuggestionTags:{type:{name:"func"},required:!0,description:""},onSelect:{type:{name:"func"},required:!0,description:""}}};const R=(0,T.$j)((function(e){var t=e.tags;return{tags:t.get("suggestedTags"),tagsSizes:b.E0.map((function(e){return t.getIn(["suggestedTags",e]).size}))}}),{fetchSuggestionTags:I.ON,resetSuggestionTags:I.lj})(q)}}]);