https://himberger.de/static/7743.f4f5235eda32ee0be8be.js

1"use strict";(self.webpackChunkmattermost_webapp=self.webpackChunkmattermost_webapp||[]).push([[7743],{61293(e,t,a){a.d(t,{A:()=>s,D:()=>i});var n=a(36418);function s(e){let{text:t,successCopyTimeout:a}=e;const[s,i]=(0,n.useState)(!1),[l,r]=(0,n.useState)(!1),o=(0,n.useRef)(null);let u=4e3;return(a||0===a)&&(u=a),{copiedRecently:s,copyError:l,onClick:(0,n.useCallback)((()=>{o.current&&(clearTimeout(o.current),o.current=null);const e=navigator.clipboard;if(e)e.writeText(t).then((()=>{i(!0),r(!1)})).catch((()=>{i(!1),r(!0)}));else{const e=document.createElement("textarea");e.innerText=t,e.style.position="fixed",e.style.opacity="0",document.body.appendChild(e),e.select();try{const e=document.execCommand("copy");i(e),r(!e)}catch(e){i(!1),r(!0)}e.remove()}o.current=setTimeout((()=>{i(!1),r(!1)}),u)}),[u,t])}}const i=(0,a(14778).defineMessages)({copy:{id:"copy_text.copy",defaultMessage:"Copy"},copied:{id:"copy_text.copied",defaultMessage:"Copied"}})},98689(e,t,a){a.d(t,{A:()=>i});var n=a(36418),s=a(14778);function i(e){const{formatMessage:t}=(0,s.useIntl)();return n.createElement("span",e,n.createElement("svg",{width:"24px",height:"24px",viewBox:"0 0 24 24",role:"img","aria-label":t({id:"generic_icons.mail",defaultMessage:"Mail Icon"})},n.createElement("path",{d:"M4,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4M12,11L20,6H4L12,11M4,18H20V8.37L12,13.36L4,8.37V18Z"})))}},91803(e,t,a){a.d(t,{A:()=>_}),a(15724),a(43617),a(73242),a(99930),a(93991),a(37227),a(71336),a(41558),a(17663),a(68630),a(79645),a(89858),a(8620);var n=a(71633),s=a.n(n),i=a(36418),l=a(14778),r=a(7453),o=a(68102),u=a(22580),p=a(21753),c=a(36512),m=a(50026),d=(a(40140),a(93759),(0,i.forwardRef)((function(e,t){var a=(0,p.u)(e),n=(0,c.u)(a),s=(0,m.u)(n);return i.createElement(u.S,(0,o.A)({ref:t},s))}))),h=a(40693),g=a(78546),v=a(79342),f=a(71127),V=a(94231),b=a(98689);function E(e){const{formatMessage:t}=(0,l.useIntl)();return i.createElement("span",e,i.createElement("svg",{width:"24px",height:"24px",viewBox:"0 0 24 24",role:"img","aria-label":t({id:"generic_icons.add-mail",defaultMessage:"Add Mail Icon"})},i.createElement("path",{d:"M3,4C1.89,4 1,4.89 1,6V18A2,2 0 0,0 3,20H14V18H3V8.37L11,13.36L19,8.37V13H21V6A2,2 0 0,0 19,4H3M3,6H19L11,11L3,6M19,15V18H16V20H19V23H21V20H24V18H21V15H19Z"})))}var C=a(53654),M=a(19542),w=a(72429),I=a(41468),O=a(85873);const y=/[,;]+/,L=/[\s,;]+/,A=(0,l.defineMessages)({loadingDefault:{id:"widgets.users_emails_input.loading",defaultMessage:"Loading"},noMatchDefault:{id:"widgets.users_emails_input.no_user_found_matching",defaultMessage:"No one found matching **{text}**. Enter their email to invite them."},validAddressDefault:{id:"widgets.users_emails_input.valid_email",defaultMessage:"Add **{email}**"}});class x extends i.PureComponent{static defaultProps={noMatchMessage:A.noMatchDefault,validAddress:A.validAddressDefault,loadingMessage:A.loadingDefault,showError:!1};constructor(e){super(e),this.selectRef=i.createRef(),this.state={options:[],prevValue:this.props.inputValue}}renderUserName=e=>{const t=(0,O.Cg)(e);let a=null;t.fullName&&(a=i.createElement("span",{className:"fullname"},t.fullName));let n=null;return t.nickname&&(n=i.createElement("span",{className:"nickname"},t.nickname)),i.createElement(i.Fragment,null,t.displayName,a,n)};loadingMessage=()=>{const e=i.createElement(l.FormattedMessage,this.props.loadingMessage);return i.createElement(C.A,{text:e})};getOptionValue=e=>this.isUserProfile(e)?e.id:e.value;formatOptionLabel=(e,t)=>

1{const a=(0,O.RG)(e.id,e.last_picture_update);let n=null,s=null;return e.is_bot&&(s=i.createElement(M.A,null)),!(0,g.xf)(e.value)&&(0,v.P)(e.roles)&&(n=i.createElement(w.A,null)),"menu"===t.context?e.value&&(0,g.xf)(e.value)?this.getCreateLabel(e.value):i.createElement(i.Fragment,null,i.createElement(I.A,{size:"lg",username:e.username,url:a}),this.renderUserName(e),s,n):e.value&&(0,g.xf)(e.value)?i.createElement(i.Fragment,null,i.createElement(b.A,{className:"mail-icon"}),i.createElement("span",null,e.value)):i.createElement(i.Fragment,null,i.createElement(I.A,{size:"sm",username:e.username,url:a}),(0,O.Mn)(e),s,n)};onChange=e=>{this.props.onChange&&(e?this.props.onChange(e.map((e=>this.isUserProfile(e)?e:e.value))):this.props.onChange([]))};getCreateLabel=e=>i.createElement(i.Fragment,null,i.createElement(E,{className:"mail-plus-icon"}),i.createElement(f.A,Object.assign({key:"widgets.users_emails_input.valid_email"},this.props.validAddressMessage,{values:{email:e},disableLinks:!0})));Input=e=>i.createElement(r.c.Input,Object.assign({},e,{onPaste:e=>{e.preventDefault();const t=e.clipboardData?.getData("Text")||"";this.appendDelimitedValues(t),this.props.onPaste&&this.props.onPaste(e)}}));NoOptionsMessage=e=>{const t=e.selectProps.inputValue;if(!t)return null;const a=r.c.NoOptionsMessage;return i.createElement("div",{className:"users-emails-input__option users-emails-input__option--no-matches"},i.createElement(a,e,i.createElement(f.A,Object.assign({},this.props.noMatchMessage,{values:{text:t},disableLinks:!0}))))};renderAriaLabel=e=>e?this.isUserProfile(e)?e.username:e.value:"";MultiValueRemove=e=>{const{children:t,innerProps:a}=e;return i.createElement("div",Object.assign({},a,{role:"button",tabIndex:0,"aria-label":this.props.intl.formatMessage({id:"multiselect.remove",defaultMessage:"Remove {label}"},{label:this.renderAriaLabel(e.data)}),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),a.onClick?.(e))}}),t||i.createElement(V.A,null))};components={NoOptionsMessage:this.props.suppressNoOptionsMessage?()=>null:this.NoOptionsMessage,MultiValueRemove:this.MultiValueRemove,IndicatorsContainer:()=>null,Input:this.Input};handleInputChange=async(e,t)=>{if("input-blur"===t.action&&""!==t.prevInputValue){const e=this.formatValuesForCreatable(),a=this.state.options.find((e=>t.prevInputValue===e.username||t.prevInputValue==="@"+e.username||t.prevInputValue===e.email));if(a)return this.onChange([...e,a]),this.props.onInputChange(""),void this.setState((e=>({...e,prevValue:t.prevInputValue})));if(this.props.emailInvitationsEnabled&&(0,g.xf)(t.prevInputValue)){const a=t.prevInputValue;this.onChange([...e,{value:a,label:a}]),this.props.onInputChange(""),this.setState((e=>({...e,prevValue:t.prevInputValue})))}}else if("input-change"===t.action&&""!==t.prevInputValue&&t.prevInputValue?.[t.prevInputValue.length-1].match(y)&&0===await this.appendDelimitedValues(t.prevInputValue,y))return;"input-blur"!==t.action&&"menu-close"!==t.action&&(this.props.onInputChange(e),this.setState((e=>({...e,prevValue:t.prevInputValue}))))};formatValuesForCreatable=()=>this.props.value.map((e=>e.id?e:{label:e,value:e}));optionsLoader=(e,t)=>{const a=e=>{this.setState({options:e});const a=e.map((e=>({...e,label:e.username})));t(a),this.props.onUsersLoad&&this.props.onUsersLoad(e)},n=this.props.usersLoader(e,a);n&&n.then&&n.then(a)};showAddEmail=(e,t,a)=>this.props.emailInvitationsEnabled&&0===a.length&&(0,g.xf)(e);onFocus=()=>{this.selectRef.current?.onInputChange(this.props.inputValue,{action:"set-value",prevInputValue:this.props.inputValue})};appendDelimitedValues=(()=>{var e=this;return async function(t){let a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:L;const n=e.formatValuesForCreatable(),s=[...new Set(t.split(a).map((e=>e.trim())))];if(0===s.length)return 0;const i=(t,a)=>-1===t.findIndex((t=>e.isEmailInvite(t)&&t.value===a||e.isUserProfile(t)&&t.email===a)),l=(t,a)=>-1===t.findIndex((t=>e.isUserProfile(t)&&t.username===a)),r=s.map((async t=>{if(""===t)return Promise.resolve(null);let a;return a=e.props.emailInvitationsEnabled&&(0,g.xf)(t)?await(async t=>i(n,t)?await e.searchByEmail(t)||t:null)(t):await(async t=>l(n,t)?e.searchByUsername(t):null)(t),"string"==typeof a?Promise.resolve({value:a,label:a}):e.isUserProfile(a)?Promise.resolve(a):Promise.resolve(null)})),o=[];return(await Promise.allSettled(r)).reduce(((e,t)=>

1("fulfilled"===t.status&&e.push(t.value),e)),[]).forEach((t=>{t&&(!e.isEmailInvite(t)||i(n,t.value)&&i(o,t.value))&&(!e.isUserProfile(t)||l(n,t.username)&&i(n,t.email)&&l(o,t.username)&&i(o,t.email))&&o.push(t)})),e.onChange([...n,...o]),e.props.onInputChange(""),o.length}})();isUserProfile=e=>void 0!==e.id;isEmailInvite=e=>void 0!==e.value;searchByEmail=async e=>{let t;try{t=await h.mT.getUserByEmail(e)}catch(e){return null}return 0===t?.delete_at?t:null};searchByUsername=async e=>{let t;try{t=await h.mT.getUserByUsername(e)}catch(e){return null}return 0===t?.delete_at?t:null};render(){const e=this.formatValuesForCreatable(),t=r.c.NoOptionsMessage;return i.createElement(i.Fragment,null,i.createElement(d,{ref:this.selectRef,onChange:this.onChange,loadOptions:this.optionsLoader,isValidNewOption:this.showAddEmail,isMulti:!0,isClearable:!1,className:s()("UsersEmailsInput",this.props.showError?"error":"",{empty:""===this.props.inputValue},{"no-selections":0===e.length}),classNamePrefix:"users-emails-input",placeholder:this.props.placeholder,components:this.components,getOptionValue:this.getOptionValue,formatOptionLabel:this.formatOptionLabel,defaultOptions:!1,defaultMenuIsOpen:!1,openMenuOnClick:!1,loadingMessage:this.loadingMessage,onInputChange:this.handleInputChange,inputValue:this.props.inputValue,openMenuOnFocus:!0,onFocus:this.onFocus,tabSelectsValue:!0,value:e,"aria-label":this.props.ariaLabel,autoFocus:this.props.autoFocus,styles:{placeholder:e=>({...e,pointerEvents:"none",userSelect:"none"}),input:e=>({...e,display:"flex",flex:"1 1 auto","> div":{width:"100%"},input:{width:"100% !important",textAlign:"left"}})}}),this.props.showError&&i.createElement("div",{className:"InputErrorBox"},i.createElement(t,null,i.createElement(f.A,Object.assign({},this.props.errorMessage,{values:this.props.errorMessageValues,disableLinks:!0}))),this.props.extraErrorText||null))}}const _=(0,l.injectIntl)(x)},50026(e,t,a){a.d(t,{u:()=>m});var n=a(27405),s=a(94300),i=a(81515),l=a(36418),r=a(7453),o=a(22580),u=["allowCreateWhileLoading","createOptionPosition","formatCreateLabel","isValidNewOption","getNewOptionData","onCreateOption","options","onChange"],p=function(){var e=arguments.length>1?arguments[1]:void 0,t=arguments.length>2?arguments[2]:void 0,a=String(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").toLowerCase(),n=String(t.getOptionValue(e)).toLowerCase(),s=String(t.getOptionLabel(e)).toLowerCase();return n===a||s===a},c={formatCreateLabel:function(e){return'Create "'.concat(e,'"')},isValidNewOption:function(e,t,a,n){return!(!e||t.some((function(t){return p(e,t,n)}))||a.some((function(t){return p(e,t,n)})))},getNewOptionData:function(e,t){return{label:t,value:e,__isNew__:!0}}};function m(e){var t=e.allowCreateWhileLoading,a=void 0!==t&&t,p=e.createOptionPosition,m=void 0===p?"last":p,d=e.formatCreateLabel,h=void 0===d?c.formatCreateLabel:d,g=e.isValidNewOption,v=void 0===g?c.isValidNewOption:g,f=e.getNewOptionData,V=void 0===f?c.getNewOptionData:f,b=e.onCreateOption,E=e.options,C=void 0===E?[]:E,M=e.onChange,w=(0,i.A)(e,u),I=w.getOptionValue,O=void 0===I?o.g:I,y=w.getOptionLabel,L=void 0===y?o.b:y,A=w.inputValue,x=w.isLoading,_=w.isMulti,N=w.value,P=w.name,D=(0,l.useMemo)((function(){return v(A,(0,r.H)(N),C,{getOptionValue:O,getOptionLabel:L})?V(A,h(A)):void 0}),[h,V,L,O,A,v,C,N]),k=(0,l.useMemo)((function(){return!a&&x||!D?C:"first"===m?[D].concat((0,s.A)(C)):[].concat((0,s.A)(C),[D])}),[a,m,x,D,C]),U=(0,l.useCallback)((function(e,t){if("select-option"!==t.action)return M(e,t);var a=Array.isArray(e)?e:[e];if(a[a.length-1]!==D)M(e,t);else if(b)b(A);else{var n=V(A,A),i={action:"create-option",name:P,option:n};M((0,r.D)(_,[].concat((0,s.A)((0,r.H)(N)),[n]),n),i)}}),[V,A,_,P,D,b,M,N]);return(0,n.A)((0,n.A)({},w),{},{options:k,onChange:U})}}}]);
2//# sourceMappingURL=7743.f4f5235eda32ee0be8be.js.map