2 lines
38 KiB
JavaScript
2 lines
38 KiB
JavaScript
"use strict";(self.webpackChunkmattermost_webapp=self.webpackChunkmattermost_webapp||[]).push([[6551],{95902:(e,t,n)=>{n.r(t),n.d(t,{default:()=>ke});var o=n(70314),a=n(9448),s=n(36891),i=n(73443),r=n(9684),l=n(97042),c=n(43618),d=n(19601),p=n(11298),u=n(23894),h=n(39875),m=n(9828),f=n(40364),g=n(39183),C=n(84459),_=n(90131),v=n(56627),E=n(30368),b=n(23712),w=n(99566),M=(n(52077),n(1203),n(911),n(92189),n(60042)),y=n.n(M),N=n(84390),T=n.n(N),x=n(11313),S=n(72060),H=n(65370),P=n(46299),O=n(80087),A=n(34208),L=n(27468),R=n(19278),k=n(52576),B=n(70556),D=n(34575),I=(n(14078),n(52006)),U=n.n(I),F=n(19724),j=n.n(F),Z=n(13653),W=n(66475);const z=(0,o.connect)((function(e){return{currentChannel:(0,c.TB)(e),pluginCallComponents:e.plugins.components.CallButton,channelMember:(0,c.HU)(e),sidebarOpen:e.views.rhs.isSidebarOpen}}))((function(e){let{pluginCallComponents:t,currentChannel:n,channelMember:o,sidebarOpen:a}=e;const[s,i]=(0,N.useState)(!1),[r,l]=(0,N.useState)(!0),c=(0,N.useRef)(a),{formatMessage:d}=(0,S.useIntl)();if((0,N.useEffect)((()=>{c.current&&!a&&(l(!1),setTimeout((()=>{l(!0)}),b.Constants.CHANNEL_HEADER_BUTTON_DISABLE_TIMEOUT)),c.current=a}),[a]),0===t.length)return null;const p={container:{marginTop:16,height:32}};if(1===t.length){const e=t[0],a=()=>{var t;return null===(t=e.action)||void 0===t?void 0:t.call(e,n,o)};return T().createElement("div",{style:p.container,className:"flex-child",onClick:r?a:void 0,onTouchEnd:r?a:void 0},e.button)}const u=t.map((e=>T().createElement("li",{className:"MenuItem",key:e.id,onClick:t=>{var a;t.preventDefault(),null===(a=e.action)||void 0===a||a.call(e,n,o)}},e.dropdownButton)));return T().createElement("div",{style:p.container,className:"flex-child"},T().createElement(W.Z,{onToggle:e=>i(e)},T().createElement("button",{className:y()("style--none call-button dropdown",{active:s})},T().createElement(j(),{color:"inherit","aria-label":d({id:"generic_icons.call",defaultMessage:"Call icon"}).toLowerCase()}),T().createElement("span",{className:"call-button-label"},"Call"),T().createElement(U(),{color:"inherit","aria-label":d({id:"generic_icons.dropdown",defaultMessage:"Dropdown Icon"}).toLowerCase()})),T().createElement(Z.Z,{id:"callOptions",ariaLabel:d({id:"call_button.menuAriaLabel",defaultMessage:"Call type selector"}),customStyles:{top:"auto",left:"auto",right:0}},u)))}));var G=n(4586),V=n(83905),q=n(30961),Q=n(33643),J=n(23615),K=n.n(J),X=(n(61418),n(14491)),Y=n(54146),$=n(51586);function ee(e){const{formatMessage:t}=(0,S.useIntl)();return T().createElement("span",e,T().createElement("svg",{width:"16px",height:"16px",viewBox:"0 0 18 18",version:"1.1",role:"img","aria-label":t({id:"generic_icons.plugins",defaultMessage:"Plugins"})},T().createElement("path",{d:"M14.58 9.14399L17.136 6.60599C17.304 6.42599 17.388 6.20999 17.388 5.95799C17.388 5.70599 17.298 5.49599 17.118 5.32799C16.95 5.14799 16.74 5.05799 16.488 5.05799C16.236 5.05799 16.026 5.14799 15.858 5.32799L13.302 7.86599L10.134 4.69799L12.672 2.14199C12.852 1.97399 12.942 1.76399 12.942 1.51199C12.942 1.25999 12.852 1.04999 12.672 0.881987C12.504 0.701987 12.294 0.611987 12.042 0.611987C11.79 0.611987 11.574 0.695987 11.394 0.863987L8.856 3.41999L6.318 0.863987C6.138 0.695987 5.922 0.611987 5.67 0.611987C5.418 0.611987 5.208 0.695987 5.04 0.863987V0.881987C4.86 1.04999 4.77 1.25999 4.77 1.51199C4.77 1.76399 4.86 1.97399 5.04 2.14199L5.67 2.78999L2.808 5.65199C2.016 6.44399 1.458 7.36799 1.134 8.42399C0.81 9.45599 0.744 10.512 0.936 11.592C1.128 12.66 1.56 13.632 2.232 14.508L0.27 16.47C0.09 16.638 0 16.848 0 17.1C0 17.352 0.09 17.562 0.27 17.73C0.45 17.898 0.66 17.982 0.9 17.982C1.152 17.994 1.362 17.91 1.53 17.73L3.492 15.768C4.368 16.44 5.34 16.872 6.408 17.064C7.488 17.256 8.544 17.19 9.576 16.866C10.632 16.542 11.556 15.984 12.348 15.192L15.21 12.33L15.858 12.96C16.026 13.14 16.236 13.23 16.488 13.23C16.74 13.23 16.95 13.14 17.118 12.96H17.136C17.304 12.792 17.388 12.582 17.388 12.33C17.388 12.078 17.304 11.862 17.136 11.682L14.58 9.14399ZM11.088 13.914C10.452 14.55 9.702 14.976 8.838 15.192C8.01 15.408 7.176 15.408 6.336 15.192C5.472 14.976 4.722 14.55 4.086 13.914C3.45 13.278 3.024 12.528 2.808 11.664C2.592 10.824 2.592 9.98999 2.808 9.16199C3.024 8.29799 3.45 7.54799 4.086 6.91199L6.948 4.04999L13.95 11.052L11.088 13.914Z"})))}var te=n(98831);function ne(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,"string");if("object"!=typeof o)return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}class oe extends T().PureComponent{constructor(){super(...arguments),ne(this,"handleRootClose",(()=>{this.props.onClose()}))}render(){const{open:e,rootCloseEvent:t,children:n}=this.props;return T().createElement(X.zx,{disabled:!e,onRootClose:this.handleRootClose,event:t},T().createElement("ul",{role:"menu",className:"dropdown-menu channel-header_plugin-dropdown"},n))}}ne(oe,"propTypes",{open:K().bool,children:K().node,onClose:K().func.isRequired,rootCloseEvent:K().oneOf(["click","mousedown"]),bsRole:K().string.isRequired});class ae extends T().PureComponent{constructor(){super(...arguments),ne(this,"handleClick",(e=>{this.props.onClick&&this.props.onClick(e)}))}render(){const{children:e}=this.props;let t="";return this.props.dropdownOpen&&(t=" channel-header__icon--active"),T().createElement("button",{id:"pluginChannelHeaderButtonDropdown",className:"channel-header__icon channel-header__icon--wide "+t,type:"button",onClick:this.handleClick},e)}}ne(ae,"propTypes",{children:K().node,dropdownOpen:K().bool,onClick:K().func,bsRole:K().string.isRequired});class se extends T().PureComponent{constructor(e){super(e),ne(this,"disableButtonsClosingRHS",!1),ne(this,"toggleDropdown",(e=>{this.setState({dropdownOpen:e})})),ne(this,"onClose",(()=>{this.toggleDropdown(!1)})),ne(this,"fireAction",(e=>{this.disableButtonsClosingRHS||e(this.props.channel,this.props.channelMember)})),ne(this,"fireActionAndClose",(e=>{e(this.props.channel,this.props.channelMember),this.onClose()})),ne(this,"createComponentButton",(e=>{var t,n;function o(e,t){return"string"==typeof t?t:t.type===S.FormattedMessage?e.formatMessage({id:t.props.id,defaultMessage:t.props.defaultMessage},t.props.value):""}let a;return e.tooltipText?a=o(this.props.intl,e.tooltipText):e.dropdownText&&(a=o(this.props.intl,e.dropdownText)),T().createElement($.Z,{key:"channelHeaderButton"+e.id,buttonClass:"channel-header__icon",iconComponent:e.icon,onClick:()=>this.fireAction(e.action),buttonId:e.id+"ChannelHeaderButton",tooltip:null!==(t=null!==(n=e.tooltipText)&&void 0!==n?n:e.dropdownText)&&void 0!==t?t:"",ariaLabelOverride:a,pluginId:e.pluginId})})),ne(this,"onBindingClick",(async e=>{if(this.disableButtonsClosingRHS)return;const{channel:t,intl:n}=this.props,o=(0,te.qM)(e.app_id,e.location,this.props.channel.id,this.props.channel.team_id),a=await this.props.actions.handleBindingClick(e,o,n);if(a.error){const e=a.error,o=e.text||n.formatMessage({id:"apps.error.unknown",defaultMessage:"Unknown error occurred."});return void this.props.actions.postEphemeralCallResponseForChannel(e,o,t.id)}const s=a.data;switch(s.type){case Y.Bp.OK:s.text&&this.props.actions.postEphemeralCallResponseForChannel(s,s.text,t.id);break;case Y.Bp.NAVIGATE:break;case Y.Bp.FORM:s.form&&this.props.actions.openAppsModal(s.form,o);break;default:{const e=this.props.intl.formatMessage({id:"apps.error.responses.unknown_type",defaultMessage:"App response type not supported. Response type: {type}."},{type:s.type});this.props.actions.postEphemeralCallResponseForChannel(s,e,t.id)}}})),ne(this,"createAppBindingButton",(e=>T().createElement($.Z,{key:"channelHeaderButton_".concat(e.app_id,"_").concat(e.location),buttonClass:"channel-header__icon style--none",iconComponent:T().createElement("img",{src:e.icon,width:"24",height:"24"}),onClick:()=>this.onBindingClick(e),buttonId:"".concat(e.app_id,"_").concat(e.location),tooltip:e.label}))),ne(this,"createDropdown",((e,t)=>{const n=e.filter((e=>e.action)).map((e=>T().createElement("li",{key:"channelHeaderPlug"+e.id},T().createElement("a",{href:"#",className:"d-flex align-items-center",onClick:()=>this.fireActionAndClose(e.action)},T().createElement("span",{className:"d-flex align-items-center overflow--ellipsis"},e.icon),T().createElement("span",null,e.dropdownText)))));let o=n;return this.props.appsEnabled&&(o=n.concat(t.map((e=>T().createElement("li",{key:"channelHeaderPlug"+e.app_id+e.location},T().createElement("a",{href:"#",className:"d-flex align-items-center",onClick:()=>this.fireActionAndClose((()=>this.onBindingClick(e)))},T().createElement("span",{className:"d-flex align-items-center overflow--ellipsis icon"},T().createElement("img",{src:e.icon})),T().createElement("span",null,e.label))))))),T().createElement("div",{className:"flex-child"},T().createElement(x.Dropdown,{id:"channelHeaderPlugDropdown",onToggle:this.toggleDropdown,open:this.state.dropdownOpen},T().createElement(ae,{bsRole:"toggle",dropdownOpen:this.state.dropdownOpen},T().createElement(D.Z,{id:"removeIcon",placement:"bottom",title:T().createElement(S.FormattedMessage,{id:"generic_icons.plugins",defaultMessage:"Plugins"})},T().createElement(T().Fragment,null,T().createElement(ee,{id:"pluginChannelHeaderIcon",className:"icon icon--standard icon__pluginChannelHeader","aria-hidden":"true"}),T().createElement("span",{id:"pluginCount",className:"icon__text"},o.length)))),T().createElement(oe,{bsRole:"menu",open:this.state.dropdownOpen,onClose:this.onClose},o)))})),this.state={dropdownOpen:!1}}componentDidUpdate(e){e.sidebarOpen&&!this.props.sidebarOpen&&(this.disableButtonsClosingRHS=!0,setTimeout((()=>{this.disableButtonsClosingRHS=!1}),b.Constants.CHANNEL_HEADER_BUTTON_DISABLE_TIMEOUT))}render(){const e=this.props.components||[],t=this.props.appsEnabled&&this.props.appBindings||[];if(this.props.shouldShowAppBar||0===e.length&&0===t.length)return null;if(e.length+t.length<=15){let n=e.filter((e=>e.icon&&e.action)).map(this.createComponentButton);return this.props.appsEnabled&&(n=n.concat(t.map(this.createAppBindingButton))),n}return this.createDropdown(e,t)}}ne(se,"propTypes",{components:K().array,appBindings:K().array,appsEnabled:K().bool.isRequired,sidebarOpen:K().bool.isRequired,shouldShowAppBar:K().bool.isRequired,actions:K().shape({}).isRequired}),ne(se,"defaultProps",{components:[],appBindings:[]});const ie=(0,S.injectIntl)(se),re=(0,o.connect)((function(e){const t=(0,G.D8)(e);return{components:(0,Q.x9)(e),appBindings:(0,G.DA)(e),appsEnabled:t,appBarEnabled:(0,G.vw)(e),theme:(0,V.gh)(e),sidebarOpen:e.views.rhs.isSidebarOpen,shouldShowAppBar:(0,Q.I3)(e)}}),(function(e){return{actions:(0,s.bindActionCreators)({handleBindingClick:q.eL,postEphemeralCallResponseForChannel:q.H7,openAppsModal:q.HN},e)}}))(ie);var le=n(70174),ce=n(80139),de=n(22166),pe=n(44967),ue=n(65395),he=n(88104),me=n(56859),fe=n(33115),ge=n(90186);const Ce=e=>{var t;let{dmUser:n}=e;const a=(0,o.useSelector)(u.ts),s=(0,o.useSelector)(V.kl),i=(0,fe.fw)(n,s);return T().createElement(T().Fragment,null,a.id!==(null==n?void 0:n.id)&&i+" ",a.id===(null==n?void 0:n.id)&&T().createElement(S.FormattedMessage,{id:"channel_header.directchannel.you",defaultMessage:"{displayName} (you) ",values:{displayName:i}}),(0,fe.nJ)(null!==(t=null==n?void 0:n.roles)&&void 0!==t?t:"")&&T().createElement(ge.Z,null))},_e=(0,N.memo)(Ce),ve=()=>{var e;const t=(0,S.useIntl)(),n=(0,o.useDispatch)(),a=(0,o.useSelector)(c.CA),s=(0,o.useSelector)(c.TB),r=(null!==(e=null==s?void 0:s.delete_at)&&void 0!==e?e:0)>0,l=(0,N.useCallback)((e=>{e.stopPropagation(),s&&n(a?(0,i.Dn)(s.id):(0,i.ZE)(s.id))}),[a,null==s?void 0:s.id]);if(!s||r)return null;let d=t.formatMessage({id:"channelHeader.addToFavorites",defaultMessage:"Add to Favorites"});a&&(d=t.formatMessage({id:"channelHeader.removeFromFavorites",defaultMessage:"Remove from Favorites"})),d=d.toLowerCase();const p=T().createElement(T().Fragment,null,!a&&T().createElement(S.FormattedMessage,{id:"channelHeader.addToFavorites",defaultMessage:"Add to Favorites"}),a&&T().createElement(S.FormattedMessage,{id:"channelHeader.removeFromFavorites",defaultMessage:"Remove from Favorites"}));return T().createElement(D.Z,{key:"isFavorite-".concat(a),id:"favoriteTooltip",title:p,placement:"bottom"},T().createElement("button",{id:"toggleFavorite",onClick:l,className:y()("channel-header__favorites btn btn-icon btn-xs",{active:a,inactive:!a}),"aria-label":d},T().createElement("i",{className:y()("icon",{"icon-star":a,"icon-star-outline":!a})})))},Ee=(0,N.memo)(ve),be=e=>{let{gmMembers:t}=e;const n=(0,o.useSelector)(u.ts),a=(0,o.useSelector)(V.kl),s=(0,o.useSelector)(c.TB);if(!s)return null;const i={};if(t)for(const e of t){if(e.id===n.id)continue;const t=(0,fe.fw)(e,a);i[t]||(i[t]=[]),i[t].push(e)}const r=s.display_name.split(", ");return T().createElement(T().Fragment,null,r.map(((e,t)=>{var n;if(!i[e])return e;const o=i[e].shift();return T().createElement(T().Fragment,{key:null==o?void 0:o.id},t>0&&", ",e,(0,fe.nJ)(null!==(n=null==o?void 0:o.roles)&&void 0!==n?n:"")&&T().createElement(ge.Z,null))})))};be.propTypes={gmMembers:K().array};const we=(0,N.memo)(be),Me=e=>{let{dmUser:t,gmMembers:n}=e;const[a,s]=(0,N.useState)(!1),[i,r]=(0,N.useState)(!1),l=(0,S.useIntl)(),d=(0,o.useSelector)(c.TB),p=(0,N.useRef)(null),u=(0,o.useSelector)(C.aC);if((0,N.useEffect)((()=>{h();const e=()=>h();return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}),[d,n,t,u]),!d)return null;const h=()=>{const e=p.current,t=e&&e.offsetWidth<e.scrollWidth;r(t)},m=d.type===b.Constants.DM_CHANNEL,f=d.type===b.Constants.GM_CHANNEL;let g=null;0!==d.delete_at&&(g=T().createElement(he.Z,{className:"icon icon__archive icon channel-header-archived-icon svg-text-color"}));let _=null;d.shared&&(_=T().createElement(ue.Z,{className:"shared-channel-icon",withTooltip:!0}));let v=d.display_name;return m?v=T().createElement(_e,{dmUser:t}):f&&(v=T().createElement(we,{gmMembers:n})),m&&null!=t&&t.is_bot?T().createElement("div",{id:"channelHeaderDropdownButton",className:"channel-header__bot"},T().createElement(Ee,null),T().createElement(pe.Z,{src:ce.je.getProfilePictureUrl(t.id,t.last_picture_update),size:"sm"}),T().createElement("strong",{role:"heading","aria-level":2,id:"channelHeaderTitle",className:"heading"},T().createElement("span",null,g,v)),T().createElement(me.Z,null)):T().createElement("div",{className:"channel-header__top"},T().createElement(Ee,null),m&&t&&T().createElement(pe.Z,{src:ce.je.getProfilePictureUrl(t.id,t.last_picture_update),size:"sm",status:d.status}),T().createElement(W.Z,{onToggle:s},T().createElement("div",{id:"channelHeaderDropdownButton"},T().createElement("button",{className:y()("channel-header__trigger style--none",{active:a}),"aria-label":l.formatMessage({id:"channel_header.menuAriaLabel",defaultMessage:"Channel Menu"}).toLowerCase()},i?T().createElement(D.Z,{id:"channelHeaderTooltip",placement:"bottom",title:v},T().createElement("strong",{role:"heading","aria-level":2,id:"channelHeaderTitle",className:"heading",ref:p},T().createElement("span",null,g,v,_))):T().createElement("strong",{role:"heading","aria-level":2,id:"channelHeaderTitle",className:"heading",ref:p},T().createElement("span",null,g,v,_)),T().createElement("span",{id:"channelHeaderDropdownIcon",className:"icon icon-chevron-down header-dropdown-chevron-icon"}))),T().createElement(de.N8,null)))};Me.propTypes={gmMembers:K().array};const ye=(0,N.memo)(Me);var Ne=n(85939);const Te=n.n(Ne)().i.withConfig({displayName:"Icon"})(["font-size:18px;line-height:18px;display:inline-flex;align-items:center;justify-content:center;"]),xe=e=>{let{channel:t}=e;const n=(0,o.useDispatch)(),a=(0,S.useIntl)(),s=(0,o.useSelector)(C.kV),i=(0,o.useSelector)(C.aC),r=s===b.Hp.CHANNEL_INFO||s===b.Hp.CHANNEL_MEMBERS||s===b.Hp.CHANNEL_FILES||s===b.Hp.PIN,l=i&&r,c=(0,N.useCallback)((()=>{if(l){const e=r?(0,g.Lg)():(0,g.P_)(t.id);n(e)}else n((0,g.P_)(t.id))}),[l,t.id,r,n]);let d;d=l?a.formatMessage({id:"channel_header.closeChannelInfo",defaultMessage:"Close info"}):a.formatMessage({id:"channel_header.openChannelInfo",defaultMessage:"View Info"});let p="channel-header__icon";return l&&(p+=" channel-header__icon--active-inverted"),T().createElement($.Z,{buttonClass:p,buttonId:"channel-info-btn",onClick:c,iconComponent:T().createElement(Te,{className:"icon-information-outline"}),tooltip:d})};function Se(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function He(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Se(Object(n),!0).forEach((function(t){Pe(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Se(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Pe(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,"string");if("object"!=typeof o)return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const Oe={singleline:!0,mentionHighlight:!1,atMentions:!0},Ae={singleline:!1,mentionHighlight:!1,atMentions:!0};class Le extends T().PureComponent{constructor(e){super(e),Pe(this,"handleClose",(()=>this.props.actions.goToLastViewedChannel())),Pe(this,"unmute",(()=>{const{actions:e,channel:t,channelMember:n,currentUser:o}=this.props;if(!n||!o||!t)return;const a={mark_unread:b.XH.ALL};e.updateChannelNotifyProps(o.id,t.id,a)})),Pe(this,"mute",(()=>{const{actions:e,channel:t,channelMember:n,currentUser:o}=this.props;if(!n||!o||!t)return;const a={mark_unread:b.XH.MENTION};e.updateChannelNotifyProps(o.id,t.id,a)})),Pe(this,"showPinnedPosts",(e=>{e.preventDefault(),this.props.rhsState===b.Hp.PIN?this.props.actions.closeRightHandSide():this.props.actions.showPinnedPosts()})),Pe(this,"showChannelFiles",(()=>{this.props.rhsState===b.Hp.CHANNEL_FILES?this.props.actions.closeRightHandSide():this.props.channel&&this.props.actions.showChannelFiles(this.props.channel.id)})),Pe(this,"showEditChannelHeaderModal",(()=>{this.headerOverlayRef.current&&this.headerOverlayRef.current.hide();const{actions:e,channel:t}=this.props;if(!t)return;const n={modalId:b.r8.EDIT_CHANNEL_HEADER,dialogType:A.Z,dialogProps:{channel:t}};e.openModal(n)})),Pe(this,"showChannelHeaderPopover",(e=>{var t,n,o;const a=null===(t=this.headerDescriptionRef.current)||void 0===t?void 0:t.getBoundingClientRect(),s=null===(n=this.headerPopoverTextMeasurerRef.current)||void 0===n?void 0:n.getBoundingClientRect();if(s&&a&&(s.width>a.width||e.match(/\n{2,}/g))){const e=a.left-(this.props.hasMoreThanOneTeam?313:248);this.setState({showChannelHeaderPopover:!0,leftOffset:e})}const i=40*this.props.announcementBarCount+40,r=(null===(o=this.headerDescriptionRef.current)||void 0===o?void 0:o.clientWidth)||0-(this.props.hasMoreThanOneTeam?64:0);this.setState({topOffset:i}),this.setState({channelHeaderPoverWidth:r})})),Pe(this,"toggleChannelMembersRHS",(()=>{this.props.rhsState===b.Hp.CHANNEL_MEMBERS?this.props.actions.closeRightHandSide():this.props.channel&&this.props.actions.showChannelMembers(this.props.channel.id)})),Pe(this,"handleFormattedTextClick",(e=>(0,le.QJ)(e,this.props.currentRelativeTeamUrl))),Pe(this,"renderCustomStatus",(()=>{var e;const{customStatus:t,isCustomStatusEnabled:n,isCustomStatusExpired:o}=this.props,a=!o&&((null==t?void 0:t.text)||(null==t?void 0:t.emoji));return n&&a?T().createElement("div",{className:"custom-emoji__wrapper"},T().createElement(P.Z,{userID:null===(e=this.props.dmUser)||void 0===e?void 0:e.id,showTooltip:!0,tooltipDirection:"bottom",emojiStyle:{verticalAlign:"top",margin:"0 4px 1px"}}),T().createElement(O.Z,{text:null==t?void 0:t.text,className:"custom-emoji__text"})):null})),this.toggleFavoriteRef=T().createRef(),this.headerDescriptionRef=T().createRef(),this.headerPopoverTextMeasurerRef=T().createRef(),this.headerOverlayRef=T().createRef(),this.state={showChannelHeaderPopover:!1,channelHeaderPoverWidth:0,leftOffset:0,topOffset:0},this.getHeaderMarkdownOptions=(0,H.GA)((e=>He(He({},Oe),{},{channelNamesMap:e}))),this.getPopoverMarkdownOptions=(0,H.GA)((e=>He(He({},Ae),{},{channelNamesMap:e})))}componentDidMount(){this.props.actions.getCustomEmojisInText(this.props.channel?this.props.channel.header:"")}componentDidUpdate(e){const t=this.props.channel?this.props.channel.header:"";t!==(e.channel?e.channel.header:"")&&this.props.actions.getCustomEmojisInText(t)}render(){const{teamId:e,currentUser:t,gmMembers:n,channel:o,channelMember:a,isMuted:s,isReadOnly:i,dmUser:r,rhsState:c,hasGuests:d,hideGuestTags:p}=this.props;if(!o)return null;const{formatMessage:u}=this.props.intl,h=this.props.intl.formatMessage({id:"accessibility.sections.channelHeader",defaultMessage:"channel header region"});let m="";d&&!p&&(m=T().createElement("span",{className:"has-guest-header"},T().createElement("span",{tabIndex:0},T().createElement(S.FormattedMessage,{id:"channel_header.channelHasGuests",defaultMessage:"Channel has guests"}))));const f=0!==o.delete_at;if((0,le.Qr)(o)||(0,le.Qr)(a)||(0,le.Qr)(t)||!r&&o.type===b.Constants.DM_CHANNEL)return T().createElement("div",{className:"channel-header"});const g=o.props&&o.props.channel_mentions,C=o.type===b.Constants.DM_CHANNEL,_=o.type===b.Constants.GM_CHANNEL,v=o.type===b.Constants.PRIVATE_CHANNEL;let E;_&&d&&!p&&(m=T().createElement("span",{className:"has-guest-header"},T().createElement(S.FormattedMessage,{id:"channel_header.groupMessageHasGuests",defaultMessage:"This group message has guests"}))),!C||null!=r&&r.delete_at||null!=r&&r.is_bot||(E=T().createElement("span",{className:"header-status__text"},this.renderCustomStatus()),this.props.isLastActiveEnabled&&this.props.lastActivityTimestamp&&this.props.timestampUnits&&(E=T().createElement("span",{className:"header-status__text"},T().createElement("span",{className:"last-active__text"},T().createElement(S.FormattedMessage,{id:"channel_header.lastActive",defaultMessage:"Active {timestamp}",values:{timestamp:T().createElement(k.ZP,{value:this.props.lastActivityTimestamp,units:this.props.timestampUnits,useTime:!1,style:"short"})}})),this.renderCustomStatus())));const w=y()("channel-header__icon channel-header__icon--left btn btn-icon btn-xs ",{"channel-header__icon--active":c===b.Hp.CHANNEL_FILES}),M=T().createElement("i",{className:"icon icon-file-text-outline"}),N=y()("channel-header__icon channel-header__icon--wide channel-header__icon--left btn btn-icon btn-xs",{"channel-header__icon--active":c===b.Hp.PIN}),H=this.props.pinnedPostsCount?T().createElement(T().Fragment,null,T().createElement("i",{"aria-hidden":"true",className:"icon icon-pin-outline channel-header__pin"}),T().createElement("span",{id:"channelPinnedPostCountText",className:"icon__text"},this.props.pinnedPostsCount)):T().createElement("i",{"aria-hidden":"true",className:"icon icon-pin-outline channel-header__pin"}),P=this.props.pinnedPostsCount?T().createElement($.Z,{iconComponent:H,buttonClass:N,buttonId:"channelHeaderPinButton",onClick:this.showPinnedPosts,tooltip:this.props.intl.formatMessage({id:"channel_header.pinnedPosts",defaultMessage:"Pinned messages"})}):null;let O,A=null;if(!C){const e=y()("member-rhs__trigger channel-header__icon channel-header__icon--wide channel-header__icon--left btn btn-icon btn-xs",{"channel-header__icon--active":c===b.Hp.CHANNEL_MEMBERS}),t=this.props.memberCount?T().createElement(T().Fragment,null,T().createElement("i",{"aria-hidden":"true",className:"icon icon-account-outline channel-header__members"}),T().createElement("span",{id:"channelMemberCountText",className:"icon__text"},this.props.memberCount)):T().createElement(T().Fragment,null,T().createElement("i",{"aria-hidden":"true",className:"icon icon-account-outline channel-header__members"}),T().createElement("span",{id:"channelMemberCountText",className:"icon__text"},"-"));A=T().createElement($.Z,{iconComponent:t,tooltip:this.props.intl.formatMessage({id:"channel_header.channelMembers",defaultMessage:"Members"}),buttonClass:e,buttonId:"member_rhs",onClick:this.toggleChannelMembersRHS})}const I=C&&null!=r&&r.is_bot?r.bot_description:o.header;if(I){const e={hideUtilities:!0},t=T().createElement(B.Z,{id:"header-popover",popoverStyle:"info",popoverSize:"lg",style:{transform:"translate(".concat(this.state.leftOffset,"px, ").concat(this.state.topOffset,"px)"),maxWidth:this.state.channelHeaderPoverWidth+16},placement:"bottom",className:y()("channel-header__popover",{"chanel-header__popover--lhs_offset":this.props.hasMoreThanOneTeam})},T().createElement("span",{onClick:this.handleFormattedTextClick},T().createElement(L.Z,{message:I,options:this.getPopoverMarkdownOptions(g),imageProps:e})));O=T().createElement("div",{id:"channelHeaderDescription",className:"channel-header__description",dir:"auto"},E,m,T().createElement("div",{className:"header-popover-text-measurer",ref:this.headerPopoverTextMeasurerRef},T().createElement(L.Z,{message:I.replace(/\n+/g," "),options:this.getHeaderMarkdownOptions(g),imageProps:e})),T().createElement("span",{className:"header-description__text",onClick:this.handleFormattedTextClick,onMouseOver:()=>this.showChannelHeaderPopover(I),onMouseOut:()=>this.setState({showChannelHeaderPopover:!1}),ref:this.headerDescriptionRef},T().createElement(x.Overlay,{show:this.state.showChannelHeaderPopover,placement:"bottom",rootClose:!0,target:this.headerDescriptionRef.current,ref:this.headerOverlayRef,onHide:()=>this.setState({showChannelHeaderPopover:!1})},t),T().createElement(L.Z,{message:I,options:this.getHeaderMarkdownOptions(g),imageProps:e})))}else{let t;i||f||(C||_?C&&null!=r&&r.is_bot||(t=T().createElement("button",{className:"header-placeholder style--none",onClick:this.showEditChannelHeaderModal},T().createElement(S.FormattedMessage,{id:"channel_header.addChannelHeader",defaultMessage:"Add a channel header"}),T().createElement("i",{className:"icon icon-pencil-outline edit-icon","aria-label":this.props.intl.formatMessage({id:"channel_header.editLink",defaultMessage:"Edit"})}))):t=T().createElement(R.Z,{channelId:o.id,teamId:e,permissions:[v?l.Pl.MANAGE_PRIVATE_CHANNEL_PROPERTIES:l.Pl.MANAGE_PUBLIC_CHANNEL_PROPERTIES]},T().createElement("button",{className:"header-placeholder style--none",onClick:this.showEditChannelHeaderModal},T().createElement(S.FormattedMessage,{id:"channel_header.addChannelHeader",defaultMessage:"Add a channel header"}),T().createElement("i",{className:"icon icon-pencil-outline edit-icon","aria-label":this.props.intl.formatMessage({id:"channel_header.editLink",defaultMessage:"Edit"})})))),O=T().createElement("div",{id:"channelHeaderDescription",className:"channel-header__description"},E,m,t)}let U;return s&&(U=T().createElement(D.Z,{id:"channelMutedTooltip",placement:"bottom",title:T().createElement(S.FormattedMessage,{id:"channelHeader.unmute",defaultMessage:"Unmute"})},T().createElement("button",{id:"toggleMute",onClick:this.unmute,className:"channel-header__mute inactive btn btn-icon btn-xs","aria-label":u({id:"generic_icons.muted",defaultMessage:"Muted Icon"})},T().createElement("i",{className:"icon icon-bell-off-outline"})))),T().createElement("div",{id:"channel-header","aria-label":h,role:"banner",tabIndex:-1,"data-channelid":"".concat(o.id),className:"channel-header alt a11y__region","data-a11y-sort-order":"8"},T().createElement("div",{className:"flex-parent"},T().createElement("div",{className:"flex-child"},T().createElement("div",{id:"channelHeaderInfo",className:"channel-header__info"},T().createElement("div",{className:"channel-header__title dropdown"},T().createElement(ye,{dmUser:r,gmMembers:n}),T().createElement("div",{className:"channel-header__icons"},U,A,P,this.props.isFileAttachmentsEnabled&&T().createElement($.Z,{iconComponent:M,buttonClass:w,buttonId:"channelHeaderFilesButton",onClick:this.showChannelFiles,tooltip:this.props.intl.formatMessage({id:"channel_header.channelFiles",defaultMessage:"Channel files"})})),O))),T().createElement(re,{channel:o,channelMember:a}),T().createElement(z,null),T().createElement(xe,{channel:o})))}}const Re=(0,S.injectIntl)(Le),ke=(0,a.withRouter)((0,o.connect)((function(){const e=(0,u.T5)(),t=(0,v.yC)();let n=[];return function(o){const a=(0,c.TB)(o),s=(0,u.ts)(o),i=(0,p.Dc)(o).length>1,r=(0,d.iE)(o);let m,f,g,M;if(a&&a.type===l.LQ.DM_CHANNEL){const e=(0,h.aU)(s.id,a.name);m=(0,u.PR)(o,e),g=m&&t(o,m.id),M=m&&(0,u.eY)(o,m.id)}else a&&a.type===l.LQ.GM_CHANNEL&&(f=e(o,a.id));const y=(0,c.Bw)(o);let N=!1;return m&&(N=(0,u.AF)(o,m.id),n=(0,u.sP)(o,m.id)),{teamId:(0,p.ev)(o),channel:a,channelMember:(0,c.HU)(o),memberCount:(null==y?void 0:y.member_count)||0,currentUser:s,dmUser:m,gmMembers:f,rhsState:(0,C.kV)(o),rhsOpen:(0,C.aC)(o),isReadOnly:!1,isMuted:(0,c.D7)(o),isQuickSwitcherOpen:(0,E.g)(o,b.r8.QUICK_SWITCH),hasGuests:!!y&&y.guest_count>0,pinnedPostsCount:(null==y?void 0:y.pinnedpost_count)||0,hasMoreThanOneTeam:i,currentRelativeTeamUrl:(0,p.gm)(o),announcementBarCount:(0,_.b)(o),customStatus:g,isCustomStatusEnabled:(0,v.uD)(o),isCustomStatusExpired:(0,v.AJ)(o,g),lastActivityTimestamp:M,isFileAttachmentsEnabled:(0,w.wS)(r),isLastActiveEnabled:N,timestampUnits:n,hideGuestTags:"true"===r.HideGuestTags}}}),(e=>({actions:(0,s.bindActionCreators)({showPinnedPosts:g.B7,showChannelFiles:g.Cj,closeRightHandSide:g.Lg,getCustomEmojisInText:r.i,updateChannelNotifyProps:i.n$,goToLastViewedChannel:m.NL,openModal:f.h,closeModal:f.M,showChannelMembers:g.yn},e)})))(Re))},11390:(e,t,n)=>{var o=n(73203);t.__esModule=!0,t.default=function(e){var t=(0,a.default)(e);return t&&t.defaultView||t.parentWindow};var a=o(n(80144));e.exports=t.default},94540:(e,t,n)=>{var o=n(73203);t.__esModule=!0,t.default=function(e,t){var n=(0,s.default)(e);return n?n.innerHeight:t?e.clientHeight:(0,a.default)(e).height};var a=o(n(60246)),s=o(n(57633));e.exports=t.default},99268:(e,t,n)=>{var o=n(73203);t.__esModule=!0,t.default=void 0;var a,s=o(n(92810)),i="clearTimeout",r=function(e){var t=(new Date).getTime(),n=Math.max(0,16-(t-c)),o=setTimeout(e,n);return c=t,o},l=function(e,t){return e+(e?t[0].toUpperCase()+t.substr(1):t)+"AnimationFrame"};s.default&&["","webkit","moz","o","ms"].some((function(e){var t=l(e,"request");if(t in window)return i=l(e,"cancel"),r=function(e){return window[t](e)}}));var c=(new Date).getTime();(a=function(e){return r(e)}).cancel=function(e){window[i]&&"function"==typeof window[i]&&window[i](e)};var d=a;t.default=d,e.exports=t.default},72920:(e,t,n)=>{t.__esModule=!0;var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},a=C(n(60042)),s=C(n(94540)),i=C(n(60246)),r=C(n(50186)),l=C(n(22491)),c=C(n(99268)),d=C(n(23615)),p=C(n(84390)),u=C(n(69372)),h=C(n(9485)),m=C(n(83445)),f=C(n(86158)),g=C(n(50461));function C(e){return e&&e.__esModule?e:{default:e}}var _=function(e){function t(n,o){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var a=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,e.call(this,n,o));return a.onWindowScroll=function(){a.onUpdate()},a.onDocumentClick=function(){(0,c.default)((function(){return a.onUpdate()}))},a.onUpdate=function(){if(a._isMounted){var e=a.props,t=e.offsetTop,n=e.viewportOffsetTop,o=(0,l.default)((0,g.default)(a))+(n||0);o<=t?a.updateState("top",null,null):o>a.getPositionTopMax()?"bottom"===a.state.affixed?a.updateStateAtBottom():a.setState({affixed:"bottom",position:"absolute",top:null},(function(){a._isMounted&&a.updateStateAtBottom()})):a.updateState("affix","fixed",n)}},a.getPositionTopMax=function(){return(0,m.default)((0,f.default)(a))-(0,s.default)(u.default.findDOMNode(a))-a.props.offsetBottom},a.updateState=function(e,t,n){if(e!==a.state.affixed||t!==a.state.position||n!==a.state.top){var o="affix"===e?"":e.charAt(0).toUpperCase()+e.substr(1);a.props["onAffix"+o]&&a.props["onAffix"+o](),a.setState({affixed:e,position:t,top:n},(function(){a.props["onAffixed"+o]&&a.props["onAffixed"+o]()}))}},a.updateStateAtBottom=function(){var e=a.getPositionTopMax(),t=(0,r.default)(u.default.findDOMNode(a)),n=(0,i.default)(t).top;a.updateState("bottom","absolute",e-n)},a.state={affixed:"top",position:null,top:null},a._needPositionUpdate=!1,a}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),t.prototype.componentDidMount=function(){var e=this;this._isMounted=!0,this._windowScrollListener=(0,h.default)((0,g.default)(this),"scroll",(function(){return e.onWindowScroll()})),this._documentClickListener=(0,h.default)((0,f.default)(this),"click",(function(){return e.onDocumentClick()})),this.onUpdate()},t.prototype.UNSAFE_componentWillReceiveProps=function(){this._needPositionUpdate=!0},t.prototype.componentDidUpdate=function(){this._needPositionUpdate&&(this._needPositionUpdate=!1,this.onUpdate())},t.prototype.componentWillUnmount=function(){this._isMounted=!1,this._windowScrollListener&&this._windowScrollListener.remove(),this._documentClickListener&&this._documentClickListener.remove()},t.prototype.render=function(){var e=p.default.Children.only(this.props.children),t=e.props,n=t.className,s=t.style,i=this.state,r=i.affixed,l={position:i.position,top:i.top},c=void 0,d=void 0;return"top"===r?(c=this.props.topClassName,d=this.props.topStyle):"bottom"===r?(c=this.props.bottomClassName,d=this.props.bottomStyle):(c=this.props.affixClassName,d=this.props.affixStyle),p.default.cloneElement(e,{className:(0,a.default)(c,n),style:o({},l,d,s)})},t}(p.default.Component);_.propTypes={offsetTop:d.default.number,viewportOffsetTop:d.default.number,offsetBottom:d.default.number,topClassName:d.default.string,topStyle:d.default.object,affixClassName:d.default.string,affixStyle:d.default.object,bottomClassName:d.default.string,bottomStyle:d.default.object,onAffix:d.default.func,onAffixed:d.default.func,onAffixTop:d.default.func,onAffixedTop:d.default.func,onAffixBottom:d.default.func,onAffixedBottom:d.default.func},_.defaultProps={offsetTop:0,viewportOffsetTop:null,offsetBottom:0},t.default=_,e.exports=t.default},25265:(e,t,n)=>{t.__esModule=!0;var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},a=f(n(60246)),s=f(n(99268)),i=f(n(23615)),r=f(n(4588)),l=f(n(84390)),c=f(n(72920)),d=f(n(9485)),p=f(n(67221)),u=f(n(83445)),h=f(n(86158)),m=f(n(50461));function f(e){return e&&e.__esModule?e:{default:e}}var g=o({},c.default.propTypes,{container:i.default.oneOfType([r.default,i.default.func]),autoWidth:i.default.bool}),C=function(e){function t(n,o){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var i=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,e.call(this,n,o));return i.onWindowScroll=function(){i.onUpdate()},i.onWindowResize=function(){i.props.autoWidth&&(0,s.default)((function(){return i.onUpdate()}))},i.onDocumentClick=function(){(0,s.default)((function(){return i.onUpdate()}))},i.onUpdate=function(){if(i._isMounted){var e=(0,a.default)(i.positioner),t=e.top,n=e.width,o=(0,p.default)(i.props.container),s=void 0;if(o){var r=(0,u.default)((0,h.default)(i)),l=(0,a.default)(o);s=r-l.top-l.height}else s=null;i.updateState(t,s,n)}},i.updateState=function(e,t,n){e===i.state.offsetTop&&t===i.state.offsetBottom&&n===i.state.width||i.setState({offsetTop:e,offsetBottom:t,width:n})},i.state={offsetTop:null,offsetBottom:null,width:null},i}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),t.prototype.componentDidMount=function(){var e=this;this._isMounted=!0,this._windowScrollListener=(0,d.default)((0,m.default)(this),"scroll",(function(){return e.onWindowScroll()})),this._windowResizeListener=(0,d.default)((0,m.default)(this),"resize",(function(){return e.onWindowResize()})),this._documentClickListener=(0,d.default)((0,h.default)(this),"click",(function(){return e.onDocumentClick()})),this.onUpdate()},t.prototype.UNSAFE_componentWillReceiveProps=function(){this._needPositionUpdate=!0},t.prototype.componentDidUpdate=function(){this._needPositionUpdate&&(this._needPositionUpdate=!1,this.onUpdate())},t.prototype.componentWillUnmount=function(){this._isMounted=!1,this._windowScrollListener&&this._windowScrollListener.remove(),this._documentClickListener&&this._documentClickListener.remove(),this._windowResizeListener&&this._windowResizeListener.remove()},t.prototype.render=function(){var e=this,t=this.props,n=t.autoWidth,a=t.viewportOffsetTop,s=t.children,i=function(e,t){var n={};for(var o in e)t.indexOf(o)>=0||Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o]);return n}(t,["autoWidth","viewportOffsetTop","children"]),r=this.state,d=r.offsetTop,p=r.offsetBottom,u=r.width;delete i.container;var h=Math.max(d,a||0),m=this.props,f=m.affixStyle,g=m.bottomStyle;return n&&(f=o({width:u},f),g=o({width:u},g)),l.default.createElement("div",null,l.default.createElement("div",{ref:function(t){e.positioner=t}}),l.default.createElement(c.default,o({},i,{offsetTop:h,viewportOffsetTop:a,offsetBottom:p,affixStyle:f,bottomStyle:g}),s))},t}(l.default.Component);C.displayName="AutoAffix",C.propTypes=g,C.defaultProps={viewportOffsetTop:0,autoWidth:!0},t.default=C,e.exports=t.default},14491:(e,t,n)=>{t.zx=void 0;var o=d(n(72920)),a=d(n(25265)),s=d(n(37288)),i=d(n(41368)),r=d(n(99440)),l=d(n(80859)),c=d(n(17576));function d(e){return e&&e.__esModule?e:{default:e}}o.default,a.default,s.default,i.default,r.default,l.default,t.zx=c.default},83445:(e,t)=>{t.__esModule=!0,t.default=function(e){return Math.max(e.documentElement.offsetHeight||0,e.height||0,e.body.scrollHeight||0,e.body.offsetHeight||0)},e.exports=t.default},50461:(e,t,n)=>{t.__esModule=!0,t.default=function(e){return(0,a.default)(o.default.findDOMNode(e))};var o=s(n(69372)),a=s(n(11390));function s(e){return e&&e.__esModule?e:{default:e}}e.exports=t.default}}]);
|
|
//# sourceMappingURL=6551.68be04d3bc8f684ab6f9.js.map
|