https://himberger.de/static/4446.3d5698a123b12e32a1a5.js

1"use strict";(self.webpackChunkmattermost_webapp=self.webpackChunkmattermost_webapp||[]).push([[4446],{92801(e,a,t){t.d(a,{A:()=>u});var n=t(36418),l=t(37270),i=t(67166),o=t(85406),r=t(26614),s=t(88533),d=t(18221),c=t(78138),m=t(92008);const u=e=>{let{type:a,emoji:t,imageUrl:i,fileInfo:u,size:f=16}=e,g="link"===a?n.createElement(o.BookOutlineIcon,{size:f}):n.createElement(o.FileGenericOutlineIcon,{size:f});const h=t&&(0,c.at)(t),b=(0,l.useSelector)((e=>"true"===(0,r.zj)(e).HasImageProxy));return h?g=n.createElement(s.A,{emojiName:h,size:f}):i?g=n.createElement(p,{src:(0,m.AE)(i,b),size:f}):u&&(g=n.createElement(d.A,{fileInfo:u,disablePreview:!0})),n.createElement(k,{$size:f},g)},k=i.default.div.withConfig({displayName:"Icon"})(["padding:3px 1px 3px 2px;flex-shrink:0;display:flex;align-items:center;.file-icon{width:","px;height:","px;background-size:","px ","px;margin-top:1px;}"],(e=>{let{$size:a}=e;return a}),(e=>{let{$size:a}=e;return a}),(e=>{let{$size:a}=e;return.8*a}),(e=>{let{$size:a}=e;return a})),p=i.default.img.withConfig({displayName:"BookmarkIconImg"})(["width:","px;height:","px;"],(e=>{let{size:a}=e;return a}),(e=>{let{size:a}=e;return a}))},81994(e,a,t){t.d(a,{A:()=>I});var n=t(36418),l=t(14778),i=t(37270),o=t(67166),r=t(85406),s=t(14696),d=t(69813),c=t(26614),m=t(43716),u=t(62742),k=t(3964),p=t(98566),f=t(53654),g=t(81444),h=t(19513),b=t(63155),y=t(85873),E=t(68520),v=t(92801);const _=o.default.a.withConfig({displayName:"Clear"})(["font-size:12px;visibility:",";"],(e=>{let{visible:a}=e;return a?"visible":"hidden"})),C=o.default.div.withConfig({displayName:"NameWrapper"})(["position:relative;> button{position:absolute;left:1px;top:1px;z-index:5;width:57px;height:44px;border-radius:4px 0 0 4px;border-right:1px solid rgba(var(--center-channel-color-rgb),0.16);align-items:center;justify-content:center;gap:0;padding-left:6px;padding-right:2px;svg{flex-shrink:0;}}.Input_container{}.Input_wrapper{padding-left:7rem;}"]),x=e=>{let{maxLength:a,type:t,imageUrl:i,fileInfo:o,emoji:s,setEmoji:d,placeholder:c,displayName:m,setDisplayName:u,showEmojiPicker:k,setShowEmojiPicker:f,onAddCustomEmojiClick:b}=e;const{formatMessage:y}=(0,l.useIntl)(),x=(0,n.useRef)(null),w=n.createElement(v.A,{type:t,size:24,emoji:s,fileInfo:o,imageUrl:i}),I=()=>{d("")},M=(0,n.useCallback)((e=>{u(e.currentTarget.value)}),[]),{emojiPicker:A,getReferenceProps:B,setReference:j}=(0,E.A)({showEmojiPicker:k,setShowEmojiPicker:f,onAddCustomEmojiClick:b,onEmojiClick:e=>{f(!1);const a="short_name"in e?e.short_name:e.name;d(`:${a}:`),x.current&&document.dispatchEvent(new CustomEvent(g.pn.FOCUS,{detail:{target:x.current,keyboardOnly:!0}}))}});return n.createElement(n.Fragment,null,n.createElement(C,null,n.createElement("button",Object.assign({ref:j,type:"button",onClick:()=>f((e=>!e)),onKeyDown:e=>{(0,h.e)(e,g.Ay.KeyCodes.ENTER)&&e.stopPropagation()},"aria-label":y({id:"emoji_picker.emojiPicker.button.ariaLabel",defaultMessage:"select an emoji"}),className:"channelBookmarksMenuButton emoji-picker__container BookmarkCreateModal__emoji-button"},B()),w,n.createElement(r.ChevronDownIcon,{size:"12px"})),A,n.createElement(p.A,{maxLength:a,type:"text",name:"bookmark-display-name",onChange:M,value:m??c??"",placeholder:c,"data-testid":"titleInput",useLegend:!1}),n.createElement(_,{visible:Boolean(s),tabIndex:0,onClick:I,onKeyDown:e=>{((0,h.e)(e,g.Ay.KeyCodes.ENTER)||(0,h.e)(e,g.Ay.KeyCodes.SPACE))&&(e.stopPropagation(),I())}},n.createElement(l.FormattedMessage,{id:"channel_bookmarks.create.title_input.clear_emoji",defaultMessage:"Remove emoji"}))))};var w=t(97026);const I=function(e){let{bookmark:a,bookmarkType:t,file:o,channelId:E,onExited:v,onConfirm:_,onHide:C}=e;const{formatMessage:I}=(0,l.useIntl)(),A=(0,i.useDispatch)(),N=a?.type??t??"link",[T,R]=(0,n.useState)(!1),[O,D]=(0,n.useState)(a?.emoji??""),[K,H]=(0,n.useState)(a?.display_name),[U,$]=(0,n.useState)(),[q,W]=(0,n.useState)(!1),[G,Q]=(0,n.useState)(""),V=(0,n.useCallback)((e=>{(0,h.e)(e,g.Ay.KeyCodes.ESCAPE)&&!T&&C()}),[T,C]);(0,n.useEffect)((()=>(document.addEventListener("keydown",V),()=>{document.removeEventListener("keydown",V)})),[V]);

1const X=a?.image_url,[Y,J]=(0,n.useState)(a?.link_url??""),Z=(0,n.useRef)(Y),[ee,ae]=(0,n.useState)(),te=(0,n.useCallback)((e=>{J((a=>(Z.current=a,e))),e||ae(void 0)}),[]),[ne,{loading:le,suppressed:ie}]=F(Y===Z.current?"":Y,((e,a)=>{a||ae(e);const t=(0,b.Uy)(e);$(t),H(t)})),oe=(0,n.useCallback)((e=>{const{value:a}=e.target;te(a)}),[]),re=(0,w.GX)(),[se,de]=(0,n.useState)(),[ce,me]=(0,n.useState)(""),[ue,ke]=(0,n.useState)(a?.file_id),pe=(0,n.useRef)(),fe=(0,i.useSelector)((e=>ue&&(0,d.ly)(e,ue)||void 0)),ge=(0,i.useSelector)((e=>{const a=(0,c.zj)(e);return parseInt(a.MaxFileSize||"",10)})),he=ge/1048576,be=(0,n.useCallback)((e=>{const a=e.target.files?.[0];a&&we(a)}),[]),ye=(0,n.useRef)(null),Ee=n.createElement("input",{type:"file",id:"bookmark-create-file-input-in-modal",className:"bookmark-create-file-input",ref:ye,onChange:be}),ve=e=>{de(e)},_e=e=>{let{file_infos:a}=e;de(null);const t=a?.[0];t&&ke(t.id),me("")},Ce=()=>{de(null),me(I({id:"file_upload.generic_error_file",defaultMessage:"There was a problem uploading your file."}))},xe=K||U||("file"===N?fe?.name:a?.link_url)||"",we=e=>{if(de(null),ke(""),e.size>ge)return void me(I({id:"file_upload.fileAbove",defaultMessage:"File above {max}MB could not be uploaded: {filename}"},{max:he,filename:e.name}));if(0===e.size)return void me(I({id:"file_upload.zeroBytesFile",defaultMessage:"You are uploading an empty file: {filename}"},{filename:e.name}));me(""),xe===fe?.name&&H(e.name),$(e.name);const a=(0,y.$C)();pe.current=A((0,m.Q)({file:e,name:e.name,type:e.type,rootId:"",channelId:E,clientId:a,onProgress:ve,onSuccess:_e,onError:Ce},!0))};(0,n.useEffect)((()=>{o&&we(o)}),[o]);const Ie=(0,n.useCallback)((()=>{pe.current?.abort(),v?.()}),[v]),Me=xe!==a?.display_name||!(!O&&!a?.emoji||O===a?.emoji)||!("file"!==N||!ue||ue===a?.file_id)||"link"===N&&Boolean(Y&&Y!==a?.link_url),Ae=(()=>{if("link"===N){if(!Y||ne)return!1;if(Y&&ie)return!0;if(ee||Y===a?.link_url)return!0}if("file"===N)return!(!fe||!xe||ce)})(),Be=(0,n.useCallback)((()=>{"file"===N&&pe.current?.abort()}),[N]),je=(0,n.useCallback)((async()=>{if(W(!0),"link"===N){const e=(0,b.hB)(Y);if(!e)return void Q(I(L.linkInvalid));let a=e.toString();a.endsWith("/")&&(a=a.slice(0,-1));const{data:t}=await _({image_url:X,link_url:a,emoji:O,display_name:xe,type:"link"});W(!1),t?(Q(""),C()):Q(I(L.saveError))}else if(fe){const{data:e}=await _({file_id:fe.id,display_name:xe,type:"file",emoji:O});e?(Q(""),C()):Q(I(L.saveError))}}),[N,Y,_,C,fe,xe,O,X]),Se=q||!Ae||!Me;let ze;le?ze=n.createElement(f.A,null):ee&&!ne&&(ze=B);let Ne,Pe=I(L.linkInfoMessage);if(ie){const e=(0,b.hB)(Y);e&&(Pe=I(L.invalidLinkMessage,{link:e.toString()}))}return Ne=ne?{type:"error",value:ne}:ee&&!ie?null:{type:"info",value:Pe},n.createElement(s.zW,{enforceFocus:!T,keyboardEscape:!1,className:"channel-bookmarks-create-modal",modalHeaderText:I(a?L.editHeading:L.heading),confirmButtonText:I(a?L.saveText:L.addBookmarkText),handleCancel:Be,handleConfirm:je,handleEnterKeyPress:!Se&&je||void 0,onExited:Ie,compassDesign:!0,isConfirmDisabled:Se,autoCloseOnConfirmButton:!1,errorText:G},n.createElement(n.Fragment,null,"link"===N?n.createElement(n.Fragment,null,n.createElement(p.A,{maxLength:1024,type:"text",name:"bookmark-link",containerClassName:"linkInput",placeholder:I(L.linkPlaceholder),onChange:oe,hasError:Boolean(ne),value:Y,"data-testid":"linkInput",autoFocus:!0,addon:ze,customMessage:Ne})):n.createElement(n.Fragment,null,n.createElement(j,null,n.createElement(l.FormattedMessage,{id:"channel_bookmarks.create.file_input.label",defaultMessage:"Attachment"})),n.createElement(z,{tabIndex:0,role:"button",disabled:!re,onClick:re&&(e=>{const a=document.querySelector("\n            .channel-bookmarks-create-modal .post-image__download a,\n            .channel-bookmarks-create-modal a.file-preview__remove\n        ");a===e.target||a?.contains(e.target)||ye.current?.click()})||void 0},!se&&fe&&n.createElement(P,null,n.createElement(u.A,{key:fe.id,fileInfo:fe,index:0})),se&&n.createElement(k.A,{key:se.clientId,clientId:se.clientId,fileInfo:se,handleRemove:()=>{de(null),ke(a?.file_id),$(void 0),pe.current?.abort()}}),!fe&&!se&&n.createElement("div",{className:"file-preview__container empty"}

1),n.createElement(S,null,n.createElement(r.PencilOutlineIcon,{size:24}),I(L.fileInputEdit)),Ee),ce&&n.createElement("div",{className:"Input___customMessage Input___error"},n.createElement("i",{className:"icon error icon-alert-circle-outline"}),n.createElement("span",null,ce))),n.createElement(M,null,n.createElement(j,null,n.createElement(l.FormattedMessage,{id:"channel_bookmarks.create.title_input.label",defaultMessage:"Title"})),n.createElement(x,{maxLength:64,type:N,imageUrl:X,fileInfo:se||fe,emoji:O,setEmoji:D,displayName:K?.substring(0,64),placeholder:xe?.substring(0,64),setDisplayName:H,onAddCustomEmojiClick:C,showEmojiPicker:T,setShowEmojiPicker:R}))))},M=o.default.div.withConfig({displayName:"TitleWrapper"})(["margin-top:20px;"]),A=o.default.span.withConfig({displayName:"CheckWrapper"})(["padding:0px 12px;display:flex;align-items:center;"]),B=n.createElement(A,null,n.createElement(r.CheckIcon,{size:20,color:"var(--sys-online-indicator)"})),j=o.default.span.withConfig({displayName:"FieldLabel"})(["display:inline-block;margin-bottom:8px;font-family:Open Sans;font-size:14px;line-height:16px;font-style:normal;font-weight:600;line-height:20px;"]),S=o.default.div.withConfig({displayName:"VisualButton"})(["display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 24px;color:rgba(var(--center-channel-color-rgb),0.56);font-size:11px;font-weight:600;font-family:Open Sans;"]),z=o.default.div.withConfig({displayName:"FileInputContainer"})(["display:block;background:rgba(var(--center-channel-color-rgb),0.04);padding:12px;border-radius:8px;display:flex;&:hover:not([disabled]){background:rgba(var(--center-channel-color-rgb),0.08);color:rgba(var(--center-channel-color-rgb),0.72);cursor:pointer;}&:disabled{cursor:default;",'{opacity:0.4;}}input[type="file"]{opacity:0;width:0;height:0;}.file-preview__container,.file-preview{width:auto;height:auto;flex:1 1 auto;padding:0;&.empty{border:2px dashed rgba(var(--center-channel-color-rgb),0.16);border-radius :4px;}.post-image__column{width:100%;margin:0;}}'],S),N=o.default.a.withConfig({displayName:"LinkErrContinue"})(["color:unset !important;text-decoration:underline;"]),P=o.default.div.withConfig({displayName:"FileItemContainer"})(["display:flex;flex:1 1 auto;> div{width:100%;margin:0;}"]),L=(0,l.defineMessages)({heading:{id:"channel_bookmarks.create.title",defaultMessage:"Add a bookmark"},editHeading:{id:"channel_bookmarks.create.edit.title",defaultMessage:"Edit bookmark"},linkPlaceholder:{id:"channel_bookmarks.create.link_placeholder",defaultMessage:"Link"},linkInfoMessage:{id:"channel_bookmarks.create.link_info",defaultMessage:"Add a link to any post, file, or any external link"},invalidLinkMessage:{id:"channel_bookmarks.create.error.invalid_url.continuing_anyway",defaultMessage:"This may not be a valid link: {link}."},addBookmarkText:{id:"channel_bookmarks.create.confirm_add.button",defaultMessage:"Add bookmark"},saveText:{id:"channel_bookmarks.create.confirm_save.button",defaultMessage:"Save bookmark"},fileInputEdit:{id:"channel_bookmarks.create.file_input.edit",defaultMessage:"Edit"},linkInvalid:{id:"channel_bookmarks.create.error.invalid_url",defaultMessage:"Please enter a valid link. Could not parse: {link}."},saveError:{id:"channel_bookmarks.create.error.generic_save",defaultMessage:"There was an error trying to save the bookmark."}}),F=(e,a)=>{const{formatMessage:t}=(0,l.useIntl)(),[i,o]=(0,n.useState)(),[r,s]=(0,n.useState)(),[d,c]=(0,n.useState)(!1),m=(0,n.useRef)(),u=(0,n.useCallback)((e=>(o(e),s(void 0),c(!1),m.current=new AbortController,m.current.signal)),[]),k=(0,n.useCallback)((()=>{m.current?.abort("stale request"),m.current=void 0,o(void 0)}),[]);return(0,n.useEffect)((()=>{const i=setTimeout((async()=>{if(k(),!e)return s(void 0),void c(!1);const i=(0,b.hB)(e);if(!i)return s(t(L.linkInvalid,{link:e})),void o(void 0);const r=u(i);try{await fetch(i,{mode:"no-cors",signal:AbortSignal.any([r,AbortSignal.timeout(1e4)])}),a(e)}catch(t){r===m.current?.signal&&s(((e,a)=>n.createElement(l.FormattedMessage,{id:"channel_bookmarks.create.error.invali

1d_url.continue_anyway",defaultMessage:"Could not find: {url}. Please enter a valid link, or <Confirm>continue anyway</Confirm>.",values:{url:e.toString(),Confirm:e=>n.createElement(N,{tabIndex:0,onClick:a,onKeyDown:e=>{"Enter"===e.key&&a()}},e)}}))(i,(()=>{a(e,!0),c(!0),s(void 0)})))}finally{o((e=>{if(e!==i)return e}))}}),250);return()=>clearTimeout(i)}),[e,u,k]),[r,{loading:Boolean(i),suppressed:d}]}},44446(e,a,t){t.d(a,{A:()=>h,m:()=>y});var n=t(71633),l=t.n(n),i=t(36418),o=t(14778),r=t(37270),s=t(67166),d=t(85406),c=t(58628),m=t(79751),u=t(70669),k=t(81444),p=t(81994),f=t(97026);function g(e){let{channelId:a,hasBookmarks:t,limitReached:n,canUploadFiles:r}=e;const{formatMessage:s}=(0,o.useIntl)(),c=!t,{handleCreateLink:m,handleCreateFile:k}=y(a),p=(0,f._4)(a,"add"),g=s({id:"channel_bookmarks.addBookmark",defaultMessage:"Add a bookmark"}),h=s({id:"channel_bookmarks.addBookmarkLimitReached",defaultMessage:"Cannot add more than {limit} bookmarks"},{limit:f.PM});let E;n?E=h:t&&(E=g);const v=s({id:"channel_bookmarks.addLink",defaultMessage:"Add a link"}),_=s({id:"channel_bookmarks.attachFile",defaultMessage:"Attach a file"});return p?i.createElement(b,{withLabel:c},i.createElement(u.mc,{anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},menuButton:{id:"channelBookmarksPlusMenuButton",class:l()("channelBookmarksMenuButton",{withLabel:c,disabled:n}),children:i.createElement(i.Fragment,null,i.createElement(d.PlusIcon,{size:c?16:18}),c&&i.createElement("span",null,g)),"aria-label":g,disabled:n},menu:{id:"channelBookmarksPlusMenuDropdown"},menuButtonTooltip:E?{text:E}:void 0},i.createElement(u.q7,{key:"channelBookmarksAddLink",id:"channelBookmarksAddLink",onClick:m,leadingElement:i.createElement(d.LinkVariantIcon,{size:18}),labels:i.createElement("span",null,v)}),r&&i.createElement(u.q7,{key:"channelBookmarksAttachFile",id:"channelBookmarksAttachFile",onClick:k,leadingElement:i.createElement(d.PaperclipIcon,{size:18}),labels:i.createElement("span",null,_)}))):null}const h=(0,i.memo)(g),b=s.default.div.withConfig({displayName:"MenuButtonContainer"})(["position:sticky;right:0;"," background:linear-gradient(to right,rgba(var(--center-channel-bg-rgb),.16),rgba(var(--center-channel-bg-rgb),1) 25%);"],(e=>{let{withLabel:a}=e;return!a&&(0,s.css)(["padding:0 1rem;"])})),y=e=>{const a=(0,r.useDispatch)(),t=(0,i.useCallback)((t=>{a((0,m.q)({modalId:k.IQ.CHANNEL_BOOKMARK_CREATE,dialogType:p.A,dialogProps:{channelId:e,bookmarkType:t?"file":"link",file:t,onConfirm:async t=>a((0,c.Ht)(e,t))}}))}),[e,a]);return{handleCreateLink:(0,i.useCallback)((()=>{t()}),[t]),handleCreateFile:(0,i.useCallback)((()=>{const e=document.createElement("input");e.type="file",e.id="bookmark-create-file-input",e.hidden=!0,e.addEventListener("change",(()=>{const a=e.files?.[0];a&&t(a),e.remove()})),e.addEventListener("cancel",e.remove),document.getElementById("root-portal")?.appendChild(e),e.click()}),[t])}}}}]);
2//# sourceMappingURL=4446.3d5698a123b12e32a1a5.js.map