mattermost-community-enterp.../client/4851.917e6b54b4c4fb9991f3.js

"use strict";(self.webpackChunkmattermost_webapp=self.webpackChunkmattermost_webapp||[]).push([[4851],{24851:(e,t,a)=>{a.r(t),a.d(t,{default:()=>Me});var n=a(70314),s=a(83905),l=a(23894),r=a(33115),i=a(35658),o=a(23615),d=a.n(o),c=a(84390),m=a.n(c),u=a(72060),f=a(41488),p=a(39183),C=a(15308),E=a(46890),h=a(500),g=(a(14078),a(32081),a(61418),a(50344)),y=a.n(g),N=a(9448),_=a(6352),M=a(97042),v=a(43618),D=a(19601),b=a(3901),L=a(84073),R=a(11298),T=a(4195),F=a(52508),I=a(56606),w=a(32529),k=a(34652),q=a(23712),x=a(39875),A=a(40364),Z=a(60042),H=a.n(Z),P=a(34575);function S(e){let{name:t,icon:a,onClick:n,id:s,tooltipText:l}=e;return m().createElement("div",{className:"DraftAction"},m().createElement(P.Z,{id:"drafts_action_tooltip_".concat(s),placement:"top",title:l},m().createElement("button",{className:H()("DraftAction__button",{"DraftAction__button--delete":"delete"===t}),id:"draft_".concat(a,"_").concat(s),onClick:n},m().createElement("i",{className:H()("icon",a)}))))}S.propTypes={icon:d().string.isRequired,id:d().string.isRequired,name:d().string.isRequired,onClick:d().func.isRequired,tooltipText:d().oneOfType([d().element,d().string]).isRequired};const O=S;var B=a(6098);function j(e){let{displayName:t,onExited:a,onConfirm:n}=e;const{formatMessage:s}=(0,u.useIntl)(),l=s({id:"drafts.confirm.delete.title",defaultMessage:"Delete draft"}),r=s({id:"drafts.confirm.delete.button",defaultMessage:"Yes, delete"}),i=m().createElement(u.FormattedMessage,{id:"drafts.confirm.delete.text",defaultMessage:"Are you sure you want to delete this draft to <strong>{displayName}</strong>?",values:{strong:e=>m().createElement("strong",null,e),displayName:t}});return m().createElement(B.$E,{confirmButtonText:r,handleCancel:()=>{},handleConfirm:n,modalHeaderText:l,onExited:a,compassDesign:!0,isDeleteModal:!0,autoFocusConfirmButton:!0},i)}j.propTypes={displayName:d().string.isRequired,onConfirm:d().func.isRequired,onExited:d().func.isRequired};const G=j;function U(e){let{displayName:t,onConfirm:a,onExited:n}=e;const{formatMessage:s}=(0,u.useIntl)(),l=s({id:"drafts.confirm.send.title",defaultMessage:"Send message now"}),r=s({id:"drafts.confirm.send.button",defaultMessage:"Yes, send now"}),i=m().createElement(u.FormattedMessage,{id:"drafts.confirm.send.text",defaultMessage:"Are you sure you want to send this message to <strong>{displayName}</strong>?",values:{strong:e=>m().createElement("strong",null,e),displayName:t}});return m().createElement(B.$E,{confirmButtonText:r,handleCancel:()=>{},handleConfirm:a,modalHeaderText:l,onExited:n,compassDesign:!0},i)}U.propTypes={displayName:d().string.isRequired,onConfirm:d().func.isRequired,onExited:d().func.isRequired};const V=U;function z(e){let{displayName:t,onDelete:a,onEdit:s,onSend:l,canEdit:r,canSend:i}=e;const o=(0,n.useDispatch)(),d=(0,c.useCallback)((()=>{o((0,A.h)({modalId:q.r8.DELETE_DRAFT,dialogType:G,dialogProps:{displayName:t,onConfirm:a}}))}),[o,t,a]),f=(0,c.useCallback)((()=>{o((0,A.h)({modalId:q.r8.SEND_DRAFT,dialogType:V,dialogProps:{displayName:t,onConfirm:l}}))}),[o,t,l]);return m().createElement(m().Fragment,null,m().createElement(O,{icon:"icon-trash-can-outline",id:"delete",name:"delete",tooltipText:m().createElement(u.FormattedMessage,{id:"drafts.actions.delete",defaultMessage:"Delete draft"}),onClick:d}),r&&m().createElement(O,{icon:"icon-pencil-outline",id:"edit",name:"edit",tooltipText:m().createElement(u.FormattedMessage,{id:"drafts.actions.edit",defaultMessage:"Edit draft"}),onClick:s}),i&&m().createElement(O,{icon:"icon-send-outline",id:"send",name:"send",tooltipText:m().createElement(u.FormattedMessage,{id:"drafts.actions.send",defaultMessage:"Send draft"}),onClick:f}))}z.propTypes={displayName:d().string.isRequired,onDelete:d().func.isRequired,onEdit:d().func.isRequired,onSend:d().func.isRequired,canEdit:d().bool.isRequired,canSend:d().bool.isRequired};const Y=(0,c.memo)(z),$=(0,n.connect)((function(e,t){const{channelDisplayName:a,userId:n,channelName:i,channelType:o}=t;let d,c,m=a;return o===q.Constants.DM_CHANNEL&&(d=(0,x.aU)(n,i),c=(0,l.PR)(e,d),m=(0,r.fw)(c,(0,s.kl)(e))),{displayName:m}}))(Y);var J=a(31435),K=a(11832),Q=a(70174);function W(e){let{channelType:t,channelName:a,membersCount:s,selfDraft:l,teammate:r,teammateId:i,type:o}=e;const d=(0,n.useDispatch)();(0,c.useEffect)((()=>{null!=r&&r.id||!i||d((0,J.C4)([i]))}),[null==r?void 0:r.id,i]);let f=null,p=null;l&&(f=m().createElement(m().Fragment,null," ",m().createElement(u.FormattedMessage,{id:"drafts.draft_title.you",defaultMessage:"(you)"})));let C=m().createElement("i",{className:"icon icon-globe"});return t===q.Constants.PRIVATE_CHANNEL&&(C=m().createElement("i",{className:"icon icon-lock-outline"})),t===q.Constants.DM_CHANNEL&&r&&(C=m().createElement(K.Z,{size:"xs",username:r.username,url:(0,Q.bb)(r.id,r.last_picture_update),className:"DraftTitle__avatar"})),t===q.Constants.GM_CHANNEL&&(C=m().createElement("div",{className:"DraftTitle__group-icon"},s)),p="thread"===o?t!==q.Constants.GM_CHANNEL&&t!==q.Constants.DM_CHANNEL?m().createElement(u.FormattedMessage,{id:"drafts.draft_title.channel_thread",defaultMessage:"Thread in: {icon} <span>{channelName}</span>",values:{icon:C,channelName:a,span:e=>m().createElement("span",null,e)}}):m().createElement(u.FormattedMessage,{id:"drafts.draft_title.direct_thread",defaultMessage:"Thread to: {icon} <span>{channelName}</span>",values:{icon:C,channelName:a,span:e=>m().createElement("span",null,e)}}):t!==q.Constants.GM_CHANNEL&&t!==q.Constants.DM_CHANNEL?m().createElement(u.FormattedMessage,{id:"drafts.draft_title.channel",defaultMessage:"In: {icon} <span>{channelName}</span>",values:{icon:C,channelName:a,span:e=>m().createElement("span",null,e)}}):m().createElement(u.FormattedMessage,{id:"drafts.draft_title.direct_channel",defaultMessage:"To: {icon} <span>{channelName}</span>",values:{icon:C,channelName:a,span:e=>m().createElement("span",null,e)}}),m().createElement(m().Fragment,null,p,f)}W.propTypes={channelName:d().string.isRequired,membersCount:d().number,selfDraft:d().bool.isRequired,teammateId:d().string,type:d().oneOf(["channel","thread"]).isRequired};const X=(0,c.memo)(W),ee=(0,n.connect)((function(){const e=(0,v.WR)();return(t,a)=>{const{channel:n,userId:s}=a,r=n.display_name;let i,o,d;return n.type===q.Constants.GM_CHANNEL&&(d=e(t,n)),n.type===q.Constants.DM_CHANNEL&&(i=(0,x.aU)(s,n.name),o=(0,l.PR)(t,i)),{channelName:r,channelType:n.type,membersCount:d,selfDraft:i===s,teammate:o,teammateId:i}}}))(X),te=(0,Q.uK)(".hljs, code");function ae(e){let{children:t,onClick:a,hasError:n}=e;const[s,l]=(0,c.useState)(!1);return m().createElement("article",{className:H()("Panel",{draftError:n}),onMouseOver:()=>{l(!0)},onClick:e=>{te(e)&&a()},onMouseLeave:()=>{l(!1)},role:"button"},t({hover:s}))}ae.propTypes={children:d().func.isRequired,onClick:d().func.isRequired,hasError:d().bool.isRequired};const ne=(0,c.memo)(ae);var se=a(51156),le=a(65730),re=a(27468),ie=a(44967);const oe={disableGroupHighlight:!0,mentionHighlight:!1};function de(e){let{channelId:t,displayName:a,fileInfos:s,message:l,priority:r,status:i,uploadsInProgress:o,userId:d,username:u}=e;const f=(0,n.useSelector)(R.gm),p=(0,c.useCallback)((e=>{(0,Q.QJ)(e,f)}),[f]);return m().createElement("div",{className:"DraftPanelBody post"},m().createElement("div",{className:"DraftPanelBody__left post__img"},m().createElement(ie.Z,{status:i,channelId:t,username:u,userId:d,size:"md",src:(0,Q.bb)(d)})),m().createElement("div",{onClick:p,className:"post__content"},m().createElement("div",{className:"DraftPanelBody__right"},m().createElement("div",{className:"post__header"},m().createElement("strong",null,a),r&&m().createElement(se.Z,{canRemove:!1,padding:"0 0 0 8px",hasError:!1,persistentNotifications:r.persistent_notifications,priority:r.priority,requestedAck:r.requested_ack})),m().createElement("div",{className:"post__body"},m().createElement(re.Z,{options:oe,message:l})),(s.length>0||(null==o?void 0:o.length)>0)&&m().createElement(le.Z,{fileInfos:s,uploadsInProgress:o}))))}de.propTypes={channelId:d().string.isRequired,displayName:d().string.isRequired,message:d().string.isRequired};const ce=de;a(48410);var me=a(45448),ue=a(52576),fe=a(9804);const pe={day:"numeric",useSemanticOutput:!1,useTime:!1,units:["now","minute","hour","day","week","month","year"]},Ce=function(e){let{actions:t,hover:a,timestamp:n,remote:s,title:l,error:r}=e;return m().createElement("header",{className:"PanelHeader"},m().createElement("div",{className:"PanelHeader__left"},l),m().createElement("div",{className:"PanelHeader__right"},m().createElement("div",{className:H()("PanelHeader__actions",{show:a})},t),m().createElement("div",{className:H()("PanelHeader__info",{hide:a})},s&&m().createElement("div",{className:"PanelHeader__sync-icon"},m().createElement(P.Z,{id:"drafts-sync-tooltip",placement:"top",title:m().createElement(u.FormattedMessage,{id:"drafts.info.sync",defaultMessage:"Updated from another device"})},m().createElement(me.SyncIcon,{size:18}))),m().createElement("div",{className:"PanelHeader__timestamp"},Boolean(n)&&m().createElement(ue.ZP,Object.assign({value:new Date(n)},pe))),!r&&m().createElement(fe.Z,{variant:"danger",uppercase:!0,text:"draft"}),r&&m().createElement(fe.Z,{text:r,variant:"danger",uppercase:!0,icon:"alert-outline"}))))},Ee={current:0};function he(e){let{draft:t,user:a,status:s,displayName:l,isRemote:r}=e;const i=(0,u.useIntl)(),o=t.value.rootId,d=t.value.channelId,[f,C]=(0,c.useState)(null),E=(0,N.useHistory)(),h=(0,n.useDispatch)(),g=(0,c.useMemo)((()=>(0,v.kL)()),[]),x=(0,c.useMemo)((()=>(0,T.SP)()),[]),A=(0,n.useSelector)((e=>{if(!o)return!1;const t=(0,b.xl)(e,o);return!t||t.delete_at>0||"DELETED"===t.state})),Z=(0,n.useSelector)((e=>{const a=parseInt((0,D.iE)(e).MaxPostSize||"",10)||q.default.DEFAULT_CHARACTER_LIMIT;return t.value.message.length>a})),H=!(0,n.useSelector)((e=>{const t=g(e,d);return!!t&&(0,L.Ai)(e,t.team_id,t.id,M.Pl.CREATE_POST)}));let P="";A?P=i.formatMessage({id:"drafts.error.post_not_found",defaultMessage:"Thread not found"}):Z?P=i.formatMessage({id:"drafts.error.too_long",defaultMessage:"Message too long"}):H&&(P=i.formatMessage({id:"drafts.error.read_only",defaultMessage:"Channel is read only"}));const S=!P,O=!(A||H),B=(0,n.useSelector)((e=>g(e,d))),j=(0,n.useSelector)((e=>{if(!B)return"";const t=(0,R.ev)(e);return(0,I.q)(e,B,t)})),G=(0,c.useCallback)((async()=>{if(o){if(A)return;await h((0,p.G1)(o))}else E.push(j)}),[j,h,E,o,A]),{onSubmitCheck:U}=(0,w.Z)(t.value,y(),y(),!1),[V]=(0,k.Z)(t.value,P,d,o,f,Ee,y(),C,y(),y(),U,G,void 0,!0),z=(0,n.useSelector)((e=>{if(!o)return;const t=(0,b.xl)(e,o);return t?x(e,t):void 0})),Y=(0,c.useCallback)((()=>{let e="".concat(q.hC.DRAFT).concat(d);o&&(e="".concat(q.hC.COMMENT_DRAFT).concat(o)),h((0,F.hG)(e,d,o))}),[h,d,o]);return(0,c.useEffect)((()=>{!o||null!=z&&z.id||h((0,_.xl)(o))}),[null==z?void 0:z.id]),B?m().createElement(ne,{onClick:G,hasError:Boolean(P)},(e=>{let{hover:n}=e;return m().createElement(m().Fragment,null,m().createElement(Ce,{hover:n,actions:m().createElement($,{channelDisplayName:B.display_name,channelName:B.name,channelType:B.type,userId:a.id,onDelete:Y,onEdit:G,onSend:V,canEdit:O,canSend:S}),title:m().createElement(ee,{type:t.type,channel:B,userId:a.id}),timestamp:t.value.updateAt,remote:r||!1,error:P||(null==f?void 0:f.message)}),m().createElement(ce,{channelId:B.id,displayName:l,fileInfos:t.value.fileInfos,message:t.value.message,status:s,uploadsInProgress:t.value.uploadsInProgress,userId:a.id,username:a.username}))})):null}he.propTypes={displayName:d().string.isRequired,isRemote:d().bool};const ge=(0,c.memo)(he),ye=m().createElement("svg",{width:"100%",height:"auto",viewBox:"0 224 724 290",fill:"none",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink"},m().createElement("path",{d:"M480.697 224.728H241.365C236.979 224.713 232.633 225.56 228.575 227.222C224.517 228.883 220.827 231.325 217.715 234.41C214.603 237.494 212.131 241.16 210.438 245.198C208.746 249.236 207.868 253.568 207.853 257.944V409.732C207.868 414.108 208.746 418.44 210.438 422.478C212.131 426.516 214.603 430.182 217.715 433.266C220.827 436.351 224.517 438.793 228.575 440.454C232.633 442.116 236.979 442.963 241.365 442.948H276.686V499.766L329.666 442.948H480.612C484.998 442.963 489.344 442.116 493.402 440.454C497.46 438.793 501.15 436.351 504.262 433.266C507.374 430.182 509.847 426.516 511.539 422.478C513.231 418.44 514.109 414.108 514.124 409.732V257.944C514.094 249.12 510.558 240.667 504.292 234.44C498.026 228.213 489.54 224.72 480.697 224.728Z",fill:"#FFBC1F"}),m().createElement("path",{d:"M329.667 442.948H480.613C484.999 442.963 489.345 442.116 493.403 440.454C497.46 438.793 501.151 436.35 504.262 433.266C507.374 430.182 509.847 426.516 511.539 422.478C513.231 418.44 514.11 414.108 514.125 409.732V317.582C514.125 317.582 503.585 402.795 501.692 410.295C499.799 417.796 496.041 429.019 478.239 430.88C460.438 432.741 329.667 442.948 329.667 442.948Z",fill:"#CC8F00"}),m().createElement("path",{d:"M279.284 312.14C283.548 312.14 287.717 313.401 291.262 315.766C294.808 318.13 297.571 321.49 299.203 325.421C300.835 329.352 301.262 333.678 300.43 337.852C299.598 342.025 297.544 345.859 294.529 348.868C291.514 351.876 287.673 353.926 283.49 354.756C279.308 355.586 274.973 355.16 271.034 353.531C267.094 351.903 263.727 349.145 261.358 345.607C258.989 342.069 257.725 337.91 257.725 333.654C257.721 330.828 258.276 328.029 259.358 325.417C260.44 322.805 262.028 320.431 264.031 318.433C266.034 316.434 268.412 314.85 271.029 313.77C273.647 312.69 276.452 312.136 279.284 312.14Z",fill:"white"}),m().createElement("path",{d:"M361.033 312.14C365.297 312.14 369.465 313.401 373.011 315.766C376.556 318.13 379.32 321.49 380.951 325.421C382.583 329.352 383.01 333.678 382.178 337.852C381.346 342.025 379.293 345.859 376.278 348.868C373.263 351.876 369.421 353.926 365.239 354.756C361.057 355.586 356.722 355.16 352.782 353.531C348.843 351.903 345.476 349.145 343.107 345.607C340.738 342.069 339.473 337.91 339.473 333.654C339.47 330.828 340.025 328.029 341.107 325.417C342.189 322.805 343.777 320.431 345.78 318.433C347.782 316.434 350.161 314.85 352.778 313.77C355.395 312.69 358.201 312.136 361.033 312.14Z",fill:"white"}),m().createElement("path",{d:"M442.691 312.14C446.956 312.134 451.127 313.391 454.677 315.752C458.226 318.113 460.994 321.471 462.63 325.401C464.266 329.332 464.697 333.659 463.868 337.834C463.039 342.01 460.988 345.846 457.974 348.858C454.96 351.869 451.119 353.921 446.936 354.754C442.753 355.586 438.416 355.162 434.475 353.534C430.534 351.906 427.165 349.149 424.795 345.61C422.425 342.072 421.16 337.911 421.16 333.654C421.156 330.83 421.71 328.033 422.791 325.423C423.871 322.813 425.456 320.441 427.456 318.443C429.456 316.445 431.831 314.859 434.445 313.778C437.059 312.696 439.861 312.14 442.691 312.14Z",fill:"white"}),m().createElement("path",{d:"M232.691 288.285C235.123 279.695 239.233 271.67 244.786 264.673C250.339 257.675 257.224 251.843 265.045 247.511C265.508 247.278 265.88 246.897 266.104 246.43C266.327 245.962 266.388 245.434 266.279 244.927C266.169 244.421 265.894 243.965 265.496 243.632C265.099 243.298 264.602 243.106 264.084 243.084C248.995 242.182 218.534 245.396 228.085 288.059C228.186 288.58 228.459 289.052 228.86 289.4C229.262 289.747 229.768 289.95 230.299 289.976C230.83 290.002 231.354 289.85 231.788 289.543C232.222 289.236 232.54 288.793 232.691 288.285Z",fill:"#FFD470"}),m().createElement("path",{d:"M513.716 385.932L442.894 456.745L476.241 490.111L547.064 419.298L513.716 385.932Z",fill:"#FFBC1F"}),m().createElement("path",{d:"M442.894 456.745L428.39 494.685L438.293 504.659L476.255 490.107L442.894 456.745Z",fill:"#FFE099"}),m().createElement("path",{d:"M425.845 501.271C423.868 506.43 426.516 509.147 431.742 507.152L449.702 500.32L432.681 483.299L425.845 501.271Z",fill:"#2D3039"}),m().createElement("path",{d:"M504.846 394.78L442.894 456.745L453.792 467.646L515.745 405.681L504.846 394.78Z",fill:"#FFD470"}),m().createElement("path",{d:"M527.319 417.255L465.27 479.317L476.162 490.212L538.212 428.15L527.319 417.255Z",fill:"#CC8F00"}),m().createElement("path",{d:"M562.043 376.404L557.254 371.639C553.404 367.791 548.185 365.63 542.742 365.63C537.3 365.63 531.85 367.91 528 371.758L513.702 386.055L547.064 419.417L561.362 405.119C565.208 401.272 567.489 395.815 567.489 390.375C567.489 384.934 565.889 380.252 562.043 376.404Z",fill:"#C43133"}),m().createElement("path",{d:"M513.705 385.932L504.851 394.787L538.21 428.153L547.064 419.298L513.705 385.932Z",fill:"#A4A9B7"}),m().createElement("path",{d:"M517.106 389.339L508.255 398.191L534.807 424.748L543.657 415.896L517.106 389.339Z",fill:"#DDDFE4"}));function Ne(e){let{displayName:t,drafts:a,draftRemotes:s,status:l,user:r}=e;const i=(0,n.useDispatch)(),{formatMessage:o}=(0,u.useIntl)();return(0,c.useEffect)((()=>(i((0,f.Uf)(h.Z.Page,h.d.Drafts)),i(p.TT),()=>{i(p.ht)})),[]),m().createElement("div",{id:"app-content",className:"Drafts app__content"},m().createElement(E.Z,{level:2,className:"Drafts__header",heading:o({id:"drafts.heading",defaultMessage:"Drafts"}),subtitle:o({id:"drafts.subtitle",defaultMessage:"Any messages you've started will show here"})}),m().createElement("div",{className:"Drafts__main"},a.map((e=>m().createElement(ge,{key:e.key,displayName:t,draft:e,isRemote:null==s?void 0:s[e.key],user:r,status:l}))),0===a.length&&m().createElement(C.Z,{expanded:!0,iconGraphic:ye,title:o({id:"drafts.empty.title",defaultMessage:"No drafts at the moment"}),subtitle:o({id:"drafts.empty.subtitle",defaultMessage:"Any messages you’ve started will show here."})})))}Ne.propTypes={drafts:d().array.isRequired,displayName:d().string.isRequired,draftRemotes:d().objectOf(d().bool).isRequired};const _e=(0,c.memo)(Ne),Me=(0,n.connect)((function(){const e=(0,i.ET)();return t=>{const a=(0,l.ts)(t),n=(0,l.ZO)(t,a.id);return{displayName:(0,r.fw)(a,(0,s.kl)(t)),drafts:e(t),draftRemotes:t.views.drafts.remotes,status:n,user:a}}}))(_e)},46890:(e,t,a)=>{a.d(t,{Z:()=>d}),a(48410);var n=a(60042),s=a.n(n),l=a(84390),r=a.n(l);const i=["level","heading","subtitle","right"];const o=[l.Fragment,"h1","h2","h3","h4","h5","h6"],d=e=>{let{level:t=0,heading:a,subtitle:n,right:l}=e,d=function(e,t){if(null==e)return{};var a,n,s=function(e,t){if(null==e)return{};var a,n,s={},l=Object.keys(e);for(n=0;n<l.length;n++)a=l[n],t.indexOf(a)>=0||(s[a]=e[a]);return s}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)a=l[n],t.indexOf(a)>=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(s[a]=e[a])}return s}(e,i);const c=o[t];return r().createElement("header",Object.assign({},d,{className:s()("Header",d.className)}),r().createElement("div",{className:"left"},r().createElement(c,null,a),n?r().createElement("p",null,n):null),r().createElement("div",{className:"spacer"}),l)}}}]);
//# sourceMappingURL=4851.917e6b54b4c4fb9991f3.js.map
		"use strict";(self.webpackChunkmattermost_webapp=self.webpackChunkmattermost_webapp\|\|[]).push([[4851],{24851:(e,t,a)=>{a.r(t),a.d(t,{default:()=>Me});var n=a(70314),s=a(83905),l=a(23894),r=a(33115),i=a(35658),o=a(23615),d=a.n(o),c=a(84390),m=a.n(c),u=a(72060),f=a(41488),p=a(39183),C=a(15308),E=a(46890),h=a(500),g=(a(14078),a(32081),a(61418),a(50344)),y=a.n(g),N=a(9448),_=a(6352),M=a(97042),v=a(43618),D=a(19601),b=a(3901),L=a(84073),R=a(11298),T=a(4195),F=a(52508),I=a(56606),w=a(32529),k=a(34652),q=a(23712),x=a(39875),A=a(40364),Z=a(60042),H=a.n(Z),P=a(34575);function S(e){let{name:t,icon:a,onClick:n,id:s,tooltipText:l}=e;return m().createElement("div",{className:"DraftAction"},m().createElement(P.Z,{id:"drafts_action_tooltip_".concat(s),placement:"top",title:l},m().createElement("button",{className:H()("DraftAction__button",{"DraftAction__button--delete":"delete"===t}),id:"draft_".concat(a,"_").concat(s),onClick:n},m().createElement("i",{className:H()("icon",a)}))))}S.propTypes={icon:d().string.isRequired,id:d().string.isRequired,name:d().string.isRequired,onClick:d().func.isRequired,tooltipText:d().oneOfType([d().element,d().string]).isRequired};const O=S;var B=a(6098);function j(e){let{displayName:t,onExited:a,onConfirm:n}=e;const{formatMessage:s}=(0,u.useIntl)(),l=s({id:"drafts.confirm.delete.title",defaultMessage:"Delete draft"}),r=s({id:"drafts.confirm.delete.button",defaultMessage:"Yes, delete"}),i=m().createElement(u.FormattedMessage,{id:"drafts.confirm.delete.text",defaultMessage:"Are you sure you want to delete this draft to <strong>{displayName}</strong>?",values:{strong:e=>m().createElement("strong",null,e),displayName:t}});return m().createElement(B.$E,{confirmButtonText:r,handleCancel:()=>{},handleConfirm:n,modalHeaderText:l,onExited:a,compassDesign:!0,isDeleteModal:!0,autoFocusConfirmButton:!0},i)}j.propTypes={displayName:d().string.isRequired,onConfirm:d().func.isRequired,onExited:d().func.isRequired};const G=j;function U(e){let{displayName:t,onConfirm:a,onExited:n}=e;const{formatMessage:s}=(0,u.useIntl)(),l=s({id:"drafts.confirm.send.title",defaultMessage:"Send message now"}),r=s({id:"drafts.confirm.send.button",defaultMessage:"Yes, send now"}),i=m().createElement(u.FormattedMessage,{id:"drafts.confirm.send.text",defaultMessage:"Are you sure you want to send this message to <strong>{displayName}</strong>?",values:{strong:e=>m().createElement("strong",null,e),displayName:t}});return m().createElement(B.$E,{confirmButtonText:r,handleCancel:()=>{},handleConfirm:a,modalHeaderText:l,onExited:n,compassDesign:!0},i)}U.propTypes={displayName:d().string.isRequired,onConfirm:d().func.isRequired,onExited:d().func.isRequired};const V=U;function z(e){let{displayName:t,onDelete:a,onEdit:s,onSend:l,canEdit:r,canSend:i}=e;const o=(0,n.useDispatch)(),d=(0,c.useCallback)((()=>{o((0,A.h)({modalId:q.r8.DELETE_DRAFT,dialogType:G,dialogProps:{displayName:t,onConfirm:a}}))}),[o,t,a]),f=(0,c.useCallback)((()=>{o((0,A.h)({modalId:q.r8.SEND_DRAFT,dialogType:V,dialogProps:{displayName:t,onConfirm:l}}))}),[o,t,l]);return m().createElement(m().Fragment,null,m().createElement(O,{icon:"icon-trash-can-outline",id:"delete",name:"delete",tooltipText:m().createElement(u.FormattedMessage,{id:"drafts.actions.delete",defaultMessage:"Delete draft"}),onClick:d}),r&&m().createElement(O,{icon:"icon-pencil-outline",id:"edit",name:"edit",tooltipText:m().createElement(u.FormattedMessage,{id:"drafts.actions.edit",defaultMessage:"Edit draft"}),onClick:s}),i&&m().createElement(O,{icon:"icon-send-outline",id:"send",name:"send",tooltipText:m().createElement(u.FormattedMessage,{id:"drafts.actions.send",defaultMessage:"Send draft"}),onClick:f}))}z.propTypes={displayName:d().string.isRequired,onDelete:d().func.isRequired,onEdit:d().func.isRequired,onSend:d().func.isRequired,canEdit:d().bool.isRequired,canSend:d().bool.isRequired};const Y=(0,c.memo)(z),$=(0,n.connect)((function(e,t){const{channelDisplayName:a,userId:n,channelName:i,channelType:o}=t;let d,c,m=a;return o===q.Constants.DM_CHANNEL&&(d=(0,x.aU)(n,i),c=(0,l.PR)(e,d),m=(0,r.fw)(c,(0,s.kl)(e))),{displayName:m}}))(Y);var J=a(31435),K=a(11832),Q=a(70174);function W(e){let{channelType:t,channelName:a,membersCount:s,selfDraft:l,teammate:r,teammateId:i,type:o}=e;const d=(0,n.useDispatch)();(0,c.useEffect)((()=>{null!=r&&r.id\|\|!i\|\|d((0,J.C4)([i]))}),[null==r?void 0:r.id,i]);let f=null,p=null;l&&(f=m().createElement(m().Fragment,null," ",m().createElement(u.FormattedMessage,{id:"drafts.draft_title.you",defaultMessage:"(you)"})));let C=m().createElement("i",{className:"icon icon-globe"});return t===q.Constants.PRIVATE_CHANNEL&&(C=m().createElement("i",{className:"icon icon-lock-outline"})),t===q.Constants.DM_CHANNEL&&r&&(C=m().createElement(K.Z,{size:"xs",username:r.username,url:(0,Q.bb)(r.id,r.last_picture_update),className:"DraftTitle__avatar"})),t===q.Constants.GM_CHANNEL&&(C=m().createElement("div",{className:"DraftTitle__group-icon"},s)),p="thread"===o?t!==q.Constants.GM_CHANNEL&&t!==q.Constants.DM_CHANNEL?m().createElement(u.FormattedMessage,{id:"drafts.draft_title.channel_thread",defaultMessage:"Thread in: {icon} <span>{channelName}</span>",values:{icon:C,channelName:a,span:e=>m().createElement("span",null,e)}}):m().createElement(u.FormattedMessage,{id:"drafts.draft_title.direct_thread",defaultMessage:"Thread to: {icon} <span>{channelName}</span>",values:{icon:C,channelName:a,span:e=>m().createElement("span",null,e)}}):t!==q.Constants.GM_CHANNEL&&t!==q.Constants.DM_CHANNEL?m().createElement(u.FormattedMessage,{id:"drafts.draft_title.channel",defaultMessage:"In: {icon} <span>{channelName}</span>",values:{icon:C,channelName:a,span:e=>m().createElement("span",null,e)}}):m().createElement(u.FormattedMessage,{id:"drafts.draft_title.direct_channel",defaultMessage:"To: {icon} <span>{channelName}</span>",values:{icon:C,channelName:a,span:e=>m().createElement("span",null,e)}}),m().createElement(m().Fragment,null,p,f)}W.propTypes={channelName:d().string.isRequired,membersCount:d().number,selfDraft:d().bool.isRequired,teammateId:d().string,type:d().oneOf(["channel","thread"]).isRequired};const X=(0,c.memo)(W),ee=(0,n.connect)((function(){const e=(0,v.WR)();return(t,a)=>{const{channel:n,userId:s}=a,r=n.display_name;let i,o,d;return n.type===q.Constants.GM_CHANNEL&&(d=e(t,n)),n.type===q.Constants.DM_CHANNEL&&(i=(0,x.aU)(s,n.name),o=(0,l.PR)(t,i)),{channelName:r,channelType:n.type,membersCount:d,selfDraft:i===s,teammate:o,teammateId:i}}}))(X),te=(0,Q.uK)(".hljs, code");function ae(e){let{children:t,onClick:a,hasError:n}=e;const[s,l]=(0,c.useState)(!1);return m().createElement("article",{className:H()("Panel",{draftError:n}),onMouseOver:()=>{l(!0)},onClick:e=>{te(e)&&a()},onMouseLeave:()=>{l(!1)},role:"button"},t({hover:s}))}ae.propTypes={children:d().func.isRequired,onClick:d().func.isRequired,hasError:d().bool.isRequired};const ne=(0,c.memo)(ae);var se=a(51156),le=a(65730),re=a(27468),ie=a(44967);const oe={disableGroupHighlight:!0,mentionHighlight:!1};function de(e){let{channelId:t,displayName:a,fileInfos:s,message:l,priority:r,status:i,uploadsInProgress:o,userId:d,username:u}=e;const f=(0,n.useSelector)(R.gm),p=(0,c.useCallback)((e=>{(0,Q.QJ)(e,f)}),[f]);return m().createElement("div",{className:"DraftPanelBody post"},m().createElement("div",{className:"DraftPanelBody__left post__img"},m().createElement(ie.Z,{status:i,channelId:t,username:u,userId:d,size:"md",src:(0,Q.bb)(d)})),m().createElement("div",{onClick:p,className:"post__content"},m().createElement("div",{className:"DraftPanelBody__right"},m().createElement("div",{className:"post__header"},m().createElement("strong",null,a),r&&m().createElement(se.Z,{canRemove:!1,padding:"0 0 0 8px",hasError:!1,persistentNotifications:r.persistent_notifications,priority:r.priority,requestedAck:r.requested_ack})),m().createElement("div",{className:"post__body"},m().createElement(re.Z,{options:oe,message:l})),(s.length>0\|\|(null==o?void 0:o.length)>0)&&m().createElement(le.Z,{fileInfos:s,uploadsInProgress:o}))))}de.propTypes={channelId:d().string.isRequired,displayName:d().string.isRequired,message:d().string.isRequired};const ce=de;a(48410);var me=a(45448),ue=a(52576),fe=a(9804);const pe={day:"numeric",useSemanticOutput:!1,useTime:!1,units:["now","minute","hour","day","week","month","year"]},Ce=function(e){let{actions:t,hover:a,timestamp:n,remote:s,title:l,error:r}=e;return m().createElement("header",{className:"PanelHeader"},m().createElement("div",{className:"PanelHeader__left"},l),m().createElement("div",{className:"PanelHeader__right"},m().createElement("div",{className:H()("PanelHeader__actions",{show:a})},t),m().createElement("div",{className:H()("PanelHeader__info",{hide:a})},s&&m().createElement("div",{className:"PanelHeader__sync-icon"},m().createElement(P.Z,{id:"drafts-sync-tooltip",placement:"top",title:m().createElement(u.FormattedMessage,{id:"drafts.info.sync",defaultMessage:"Updated from another device"})},m().createElement(me.SyncIcon,{size:18}))),m().createElement("div",{className:"PanelHeader__timestamp"},Boolean(n)&&m().createElement(ue.ZP,Object.assign({value:new Date(n)},pe))),!r&&m().createElement(fe.Z,{variant:"danger",uppercase:!0,text:"draft"}),r&&m().createElement(fe.Z,{text:r,variant:"danger",uppercase:!0,icon:"alert-outline"}))))},Ee={current:0};function he(e){let{draft:t,user:a,status:s,displayName:l,isRemote:r}=e;const i=(0,u.useIntl)(),o=t.value.rootId,d=t.value.channelId,[f,C]=(0,c.useState)(null),E=(0,N.useHistory)(),h=(0,n.useDispatch)(),g=(0,c.useMemo)((()=>(0,v.kL)()),[]),x=(0,c.useMemo)((()=>(0,T.SP)()),[]),A=(0,n.useSelector)((e=>{if(!o)return!1;const t=(0,b.xl)(e,o);return!t\|\|t.delete_at>0\|\|"DELETED"===t.state})),Z=(0,n.useSelector)((e=>{const a=parseInt((0,D.iE)(e).MaxPostSize\|\|"",10)\|\|q.default.DEFAULT_CHARACTER_LIMIT;return t.value.message.length>a})),H=!(0,n.useSelector)((e=>{const t=g(e,d);return!!t&&(0,L.Ai)(e,t.team_id,t.id,M.Pl.CREATE_POST)}));let P="";A?P=i.formatMessage({id:"drafts.error.post_not_found",defaultMessage:"Thread not found"}):Z?P=i.formatMessage({id:"drafts.error.too_long",defaultMessage:"Message too long"}):H&&(P=i.formatMessage({id:"drafts.error.read_only",defaultMessage:"Channel is read only"}));const S=!P,O=!(A\|\|H),B=(0,n.useSelector)((e=>g(e,d))),j=(0,n.useSelector)((e=>{if(!B)return"";const t=(0,R.ev)(e);return(0,I.q)(e,B,t)})),G=(0,c.useCallback)((async()=>{if(o){if(A)return;await h((0,p.G1)(o))}else E.push(j)}),[j,h,E,o,A]),{onSubmitCheck:U}=(0,w.Z)(t.value,y(),y(),!1),[V]=(0,k.Z)(t.value,P,d,o,f,Ee,y(),C,y(),y(),U,G,void 0,!0),z=(0,n.useSelector)((e=>{if(!o)return;const t=(0,b.xl)(e,o);return t?x(e,t):void 0})),Y=(0,c.useCallback)((()=>{let e="".concat(q.hC.DRAFT).concat(d);o&&(e="".concat(q.hC.COMMENT_DRAFT).concat(o)),h((0,F.hG)(e,d,o))}),[h,d,o]);return(0,c.useEffect)((()=>{!o\|\|null!=z&&z.id\|\|h((0,_.xl)(o))}),[null==z?void 0:z.id]),B?m().createElement(ne,{onClick:G,hasError:Boolean(P)},(e=>{let{hover:n}=e;return m().createElement(m().Fragment,null,m().createElement(Ce,{hover:n,actions:m().createElement($,{channelDisplayName:B.display_name,channelName:B.name,channelType:B.type,userId:a.id,onDelete:Y,onEdit:G,onSend:V,canEdit:O,canSend:S}),title:m().createElement(ee,{type:t.type,channel:B,userId:a.id}),timestamp:t.value.updateAt,remote:r\|\|!1,error:P\|\|(null==f?void 0:f.message)}),m().createElement(ce,{channelId:B.id,displayName:l,fileInfos:t.value.fileInfos,message:t.value.message,status:s,uploadsInProgress:t.value.uploadsInProgress,userId:a.id,username:a.username}))})):null}he.propTypes={displayName:d().string.isRequired,isRemote:d().bool};const ge=(0,c.memo)(he),ye=m().createElement("svg",{width:"100%",height:"auto",viewBox:"0 224 724 290",fill:"none",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink"},m().createElement("path",{d:"M480.697 224.728H241.365C236.979 224.713 232.633 225.56 228.575 227.222C224.517 228.883 220.827 231.325 217.715 234.41C214.603 237.494 212.131 241.16 210.438 245.198C208.746 249.236 207.868 253.568 207.853 257.944V409.732C207.868 414.108 208.746 418.44 210.438 422.478C212.131 426.516 214.603 430.182 217.715 433.266C220.827 436.351 224.517 438.793 228.575 440.454C232.633 442.116 236.979 442.963 241.365 442.948H276.686V499.766L329.666 442.948H480.612C484.998 442.963 489.344 442.116 493.402 440.454C497.46 438.793 501.15 436.351 504.262 433.266C507.374 430.182 509.847 426.516 511.539 422.478C513.231 418.44 514.109 414.108 514.124 409.732V257.944C514.094 249.12 510.558 240.667 504.292 234.44C498.026 228.213 489.54 224.72 480.697 224.728Z",fill:"#FFBC1F"}),m().createElement("path",{d:"M329.667 442.948H480.613C484.999 442.963 489.345 442.116 493.403 440.454C497.46 438.793 501.151 436.35 504.262 433.266C507.374 430.182 509.847 426.516 511.539 422.478C513.231 418.44 514.11 414.108 514.125 409.732V317.582C514.125 317.582 503.585 402.795 501.692 410.295C499.799 417.796 496.041 429.019 478.239 430.88C460.438 432.741 329.667 442.948 329.667 442.948Z",fill:"#CC8F00"}),m().createElement("path",{d:"M279.284 312.14C283.548 312.14 287.717 313.401 291.262 315.766C294.808 318.13 297.571 321.49 299.203 325.421C300.835 329.352 301.262 333.678 300.43 337.852C299.598 342.025 297.544 345.859 294.529 348.868C291.514 351.876 287.673 353.926 283.49 354.756C279.308 355.586 274.973 355.16 271.034 353.531C267.094 351.903 263.727 349.145 261.358 345.607C258.989 342.069 257.725 337.91 257.725 333.654C257.721 330.828 258.276 328.029 259.358 325.417C260.44 322.805 262.028 320.431 264.031 318.433C266.034 316.434 268.412 314.85 271.029 313.77C273.647 312.69 276.452 312.136 279.284 312.14Z",fill:"white"}),m().createElement("path",{d:"M361.033 312.14C365.297 312.14 369.465 313.401 373.011 315.766C376.556 318.13 379.32 321.49 380.951 325.421C382.583 329.352 383.01 333.678 382.178 337.852C381.346 342.025 379.293 345.859 376.278 348.868C373.263 351.876 369.421 353.926 365.239 354.756C361.057 355.586 356.722 355.16 352.782 353.531C348.843 351.903 345.476 349.145 343.107 345.607C340.738 342.069 339.473 337.91 339.473 333.654C339.47 330.828 340.025 328.029 341.107 325.417C342.189 322.805 343.777 320.431 345.78 318.433C347.782 316.434 350.161 314.85 352.778 313.77C355.395 312.69 358.201 312.136 361.033 312.14Z",fill:"white"}),m().createElement("path",{d:"M442.691 312.14C446.956 312.134 451.127 313.391 454.677 315.752C458.226 318.113 460.994 321.471 462.63 325.401C464.266 329.332 464.697 333.659 463.868 337.834C463.039 342.01 460.988 345.846 457.974 348.858C454.96 351.869 451.119 353.921 446.936 354.754C442.753 355.586 438.416 355.162 434.475 353.534C430.534 351.906 427.165 349.149 424.795 345.61C422.425 342.072 421.16 337.911 421.16 333.654C421.156 330.83 421.71 328.033 422.791 325.423C423.871 322.813 425.456 320.441 427.456 318.443C429.456 316.445 431.831 314.859 434.445 313.778C437.059 312.696 439.861 312.14 442.691 312.14Z",fill:"white"}),m().createElement("path",{d:"M232.691 288.285C235.123 279.695 239.233 271.67 244.786 264.673C250.339 257.675 257.224 251.843 265.045 247.511C265.508 247.278 265.88 246.897 266.104 246.43C266.327 245.962 266.388 245.434 266.279 244.927C266.169 244.421 265.894 243.965 265.496 243.632C265.099 243.298 264.602 243.106 264.084 243.084C248.995 242.182 218.534 245.396 228.085 288.059C228.186 288.58 228.459 289.052 228.86 289.4C229.262 289.747 229.768 289.95 230.299 289.976C230.83 290.002 231.354 289.85 231.788 289.543C232.222 289.236 232.54 288.793 232.691 288.285Z",fill:"#FFD470"}),m().createElement("path",{d:"M513.716 385.932L442.894 456.745L476.241 490.111L547.064 419.298L513.716 385.932Z",fill:"#FFBC1F"}),m().createElement("path",{d:"M442.894 456.745L428.39 494.685L438.293 504.659L476.255 490.107L442.894 456.745Z",fill:"#FFE099"}),m().createElement("path",{d:"M425.845 501.271C423.868 506.43 426.516 509.147 431.742 507.152L449.702 500.32L432.681 483.299L425.845 501.271Z",fill:"#2D3039"}),m().createElement("path",{d:"M504.846 394.78L442.894 456.745L453.792 467.646L515.745 405.681L504.846 394.78Z",fill:"#FFD470"}),m().createElement("path",{d:"M527.319 417.255L465.27 479.317L476.162 490.212L538.212 428.15L527.319 417.255Z",fill:"#CC8F00"}),m().createElement("path",{d:"M562.043 376.404L557.254 371.639C553.404 367.791 548.185 365.63 542.742 365.63C537.3 365.63 531.85 367.91 528 371.758L513.702 386.055L547.064 419.417L561.362 405.119C565.208 401.272 567.489 395.815 567.489 390.375C567.489 384.934 565.889 380.252 562.043 376.404Z",fill:"#C43133"}),m().createElement("path",{d:"M513.705 385.932L504.851 394.787L538.21 428.153L547.064 419.298L513.705 385.932Z",fill:"#A4A9B7"}),m().createElement("path",{d:"M517.106 389.339L508.255 398.191L534.807 424.748L543.657 415.896L517.106 389.339Z",fill:"#DDDFE4"}));function Ne(e){let{displayName:t,drafts:a,draftRemotes:s,status:l,user:r}=e;const i=(0,n.useDispatch)(),{formatMessage:o}=(0,u.useIntl)();return(0,c.useEffect)((()=>(i((0,f.Uf)(h.Z.Page,h.d.Drafts)),i(p.TT),()=>{i(p.ht)})),[]),m().createElement("div",{id:"app-content",className:"Drafts app__content"},m().createElement(E.Z,{level:2,className:"Drafts__header",heading:o({id:"drafts.heading",defaultMessage:"Drafts"}),subtitle:o({id:"drafts.subtitle",defaultMessage:"Any messages you've started will show here"})}),m().createElement("div",{className:"Drafts__main"},a.map((e=>m().createElement(ge,{key:e.key,displayName:t,draft:e,isRemote:null==s?void 0:s[e.key],user:r,status:l}))),0===a.length&&m().createElement(C.Z,{expanded:!0,iconGraphic:ye,title:o({id:"drafts.empty.title",defaultMessage:"No drafts at the moment"}),subtitle:o({id:"drafts.empty.subtitle",defaultMessage:"Any messages you’ve started will show here."})})))}Ne.propTypes={drafts:d().array.isRequired,displayName:d().string.isRequired,draftRemotes:d().objectOf(d().bool).isRequired};const _e=(0,c.memo)(Ne),Me=(0,n.connect)((function(){const e=(0,i.ET)();return t=>{const a=(0,l.ts)(t),n=(0,l.ZO)(t,a.id);return{displayName:(0,r.fw)(a,(0,s.kl)(t)),drafts:e(t),draftRemotes:t.views.drafts.remotes,status:n,user:a}}}))(_e)},46890:(e,t,a)=>{a.d(t,{Z:()=>d}),a(48410);var n=a(60042),s=a.n(n),l=a(84390),r=a.n(l);const i=["level","heading","subtitle","right"];const o=[l.Fragment,"h1","h2","h3","h4","h5","h6"],d=e=>{let{level:t=0,heading:a,subtitle:n,right:l}=e,d=function(e,t){if(null==e)return{};var a,n,s=function(e,t){if(null==e)return{};var a,n,s={},l=Object.keys(e);for(n=0;n<l.length;n++)a=l[n],t.indexOf(a)>=0\|\|(s[a]=e[a]);return s}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)a=l[n],t.indexOf(a)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,a)&&(s[a]=e[a])}return s}(e,i);const c=o[t];return r().createElement("header",Object.assign({},d,{className:s()("Header",d.className)}),r().createElement("div",{className:"left"},r().createElement(c,null,a),n?r().createElement("p",null,n):null),r().createElement("div",{className:"spacer"}),l)}}}]);
		`//# sourceMappingURL=4851.917e6b54b4c4fb9991f3.js.map`