https://himberger.de/static/1955.312ee9b7ee1058ed2bbf.js

1"use strict";(self.webpackChunkmattermost_webapp=self.webpackChunkmattermost_webapp||[]).push([[1955],{88153(e,t,a){a.d(t,{A:()=>c});var s=a(71633),r=a.n(s),n=a(36418),l=a(14778),m=a(81911);const c=e=>{let{url:t="/",className:a,onClick:s}=e;const{formatMessage:c}=(0,l.useIntl)();return n.createElement("div",{className:r()("signup-header",a)},n.createElement(m.Link,{"data-testid":"back_button",onClick:s,to:t},n.createElement("span",{id:"back_button_icon",className:"fa fa-1x fa-angle-left",title:c({id:"generic_icons.back",defaultMessage:"Back Icon"})}),n.createElement(l.FormattedMessage,{id:"web.header.back",defaultMessage:"Back"})))}},65894(e,t,a){a.d(t,{A:()=>n});var s=a(36418),r=a(30135);const n=function(e){return t=>{const a=(0,r.A)();return s.createElement(e,Object.assign({usageDeltas:a},t))}}},30135(e,t,a){a.d(t,{A:()=>m});var s=a(36418),r=a(11039),n=a(47551);const l=(e,t)=>t?e??Number.MAX_VALUE:Number.MAX_VALUE;function m(){const e=(0,n.A)(),[t,a]=(0,r.A)();return(0,s.useMemo)((()=>({files:{totalStorage:e.files.totalStorage-l(t.files?.total_storage,a),totalStorageLoaded:e.files.totalStorageLoaded},messages:{history:e.messages.history-l(t.messages?.history,a),historyLoaded:e.messages.historyLoaded},teams:{active:e.teams.active-l(t.teams?.active,a),cloudArchived:e.teams.cloudArchived,teamsLoaded:e.teams.teamsLoaded}})),[e,t,a])}},79941(e,t,a){a.d(t,{A:()=>l});var s=a(36418),r=a(14778);const n=e=>{let{customDescriptionText:t,siteName:a="Mattermost"}=e;const n=t||s.createElement(r.FormattedMessage,{id:"web.root.signup_info",defaultMessage:"All team communication in one place, searchable and accessible anywhere"});return s.createElement(s.Fragment,null,s.createElement("h1",{id:"site_name"},a),s.createElement("h3",{id:"site_description",className:"color--light"},n))},l=s.memo(n)},71955(e,t,a){a.r(t),a.d(t,{default:()=>R});var s=a(37270),r=a(65952),n=a(45955),l=a(26614),m=a(14776),c=a(85331),i=a(65894),o=a(52231),u=(a(15724),a(36418)),d=a(14778),g=a(81911),E=a(35439),p=a(88153),h=a(79941),_=a(32446),f=a(23739),M=a(17518),N=a(81444),b=a(63155),A=a(98566),y=a(80945);function T(e){let{teamDisplayName:t,isValidTeamName:a,onDisplayNameChange:s,onSubmit:r,buttonText:n,isLoading:l,nameError:m}=e,c=null,i="form-group";return m&&(c=u.createElement("label",{role:"alert",className:"control-label",id:"teamNameInputError"},m),i+=" has-error"),u.createElement("div",null,u.createElement("form",null,u.createElement("img",{alt:"signup logo",className:"signup-team-logo",src:y}),u.createElement("label",{htmlFor:"teamNameInput"},u.createElement(d.FormattedMessage,{id:"create_team.display_name.teamName",tagName:"strong",defaultMessage:"Team Name"})),u.createElement("div",{className:i},u.createElement("div",{className:"row"},u.createElement("div",{className:"col-sm-9"},u.createElement(A.A,{id:"teamNameInput",name:"teamNameInput",type:"text",value:t,autoFocus:!0,onChange:s,required:!0,maxLength:N.Ay.MAX_TEAMNAME_LENGTH,minLength:N.Ay.MIN_TEAMNAME_LENGTH,spellCheck:"false",hasError:Boolean(m)}))),c),u.createElement("div",null,u.createElement(d.FormattedMessage,{id:"create_team.display_name.nameHelp",defaultMessage:"Name your team in any language. Your team name shows in menus and headings."})),u.createElement("button",{id:"teamNameNextButton",type:"submit",className:"btn btn-primary mt-8",onClick:r,disabled:!a||l},n)))}var v=a(89735),L=a(87131);function k(e){let{teamURL:t,nameError:a,isLoading:s,teamURLInput:r,onTeamURLChange:n,onFocus:l,onSubmit:m,onBack:c,buttonText:i}=e,o=null,g="form-group";a&&(o=u.createElement("label",{role:"alert",className:"control-label",id:"teamURLInputError"},a),g+=" has-error");const E=`${(0,b.vV)()}/`;return u.createElement("div",null,u.createElement("form",null,u.createElement("img",{alt:"signup team logo",className:"signup-team-logo",src:y}),u.createElement("label",{htmlFor:"teamURLInput"},u.createElement(d.FormattedMessage,{id:"create_team.team_url.teamUrl",tagName:"strong",defaultMessage:"Team URL"})),u.createElement("div",{className:g},u.createElement("div",{className:"row"},u.createElement("div",{className:"col-sm-11"},u.createElement("div",{className:"input-group input-group--limit"},u.createElement(L.A,{title:E},u.createElement("span",{className:"input-group-addon"},E)),u.createElement("input",{id:"teamURLInput",type:"text",ref:r,className:"form-control",placeholder:"",maxLength:128,value:t,autoF

1ocus:!0,onFocus:l,onChange:n,spellCheck:"false","aria-describedby":"teamURLInputError"})))),o),u.createElement("p",null,u.createElement(d.FormattedMessage,{id:"create_team.team_url.webAddress",defaultMessage:"Choose the web address of your new team:"})),u.createElement("ul",{className:"color--light"},u.createElement("li",null,u.createElement(d.FormattedMessage,{id:"create_team.team_url.hint1",defaultMessage:"Short and memorable is best"})),u.createElement("li",null,u.createElement(d.FormattedMessage,{id:"create_team.team_url.hint2",defaultMessage:"Use lowercase letters, numbers and dashes"})),u.createElement("li",null,u.createElement(d.FormattedMessage,{id:"create_team.team_url.hint3",defaultMessage:"Must start with a letter and can't end in a dash"}))),u.createElement("div",{className:"mt-8"},u.createElement(v.Button,{id:"teamURLFinishButton",type:"submit",bsStyle:"primary",disabled:s,onClick:e=>m(e)},i)),u.createElement("div",{className:"mt-8"},u.createElement("a",{href:"#",onClick:c},u.createElement(d.FormattedMessage,{id:"create_team.team_url.back",defaultMessage:"Back to previous step"})))))}const C=(0,s.connect)(null,(function(e){return{actions:(0,_.zH)({checkIfTeamExists:f.lY,createTeam:f.gj},e)}}))((function(e){let{step:t,state:a,updateParent:r,actions:n,history:l}=e;const m=(0,u.useRef)(null),i=(0,s.useSelector)(c.s),[o,g]=(0,u.useState)(a.team?.display_name||""),[E,p]=(0,u.useState)(a.team?.name||""),[h,_]=(0,u.useState)(""),f=(0,u.useRef)(!1),[A,y]=(0,u.useState)(!1),v=o.length>=N.Ay.MIN_TEAMNAME_LENGTH&&o.length<=N.Ay.MAX_TEAMNAME_LENGTH,L=(0,u.useCallback)((()=>!f.current&&(f.current=!0,y(!0),!0)),[]),C=(0,u.useCallback)((()=>{f.current=!1,y(!1)}),[]),F=(0,u.useCallback)((async()=>{const{createTeam:e}=n;if(!L())return;const t={...a.team??{},type:"O",display_name:o.trim(),name:E.trim()},s=await e(t),r=s.data,m=s.error;r?l.push("/"+r.name+"/channels/"+N.Ay.DEFAULT_CHANNEL):m&&_(m.message),C()}),[n,l,a.team,L,C,o,E]),w=(0,u.useCallback)((e=>{if(e.preventDefault(),!v)return;if(i)return void F();const t=o,s=a;s.wizard="team_url",s.team.display_name=t,s.team.name=(0,b.aM)(t),p(s.team.name),r(s)}),[v,i,o,a,r,F]),R=(0,u.useCallback)((e=>{g(e.target.value)}),[]),x=(0,u.useCallback)((e=>{e.preventDefault();const t=a;t.wizard="display_name",r(t)}),[a,r]),U=(0,u.useCallback)((async e=>{const{checkIfTeamExists:t}=n,a=(0,b.aM)(e);if(!e)return _(u.createElement(d.FormattedMessage,{id:"create_team.team_url.required",defaultMessage:"This field is required"})),m.current?.focus(),!1;if(a.length<N.Ay.MIN_TEAMNAME_LENGTH||a.length>N.Ay.MAX_TEAMNAME_LENGTH)return _(u.createElement(d.FormattedMessage,{id:"create_team.team_url.charLength",defaultMessage:"Name must be {min} or more characters up to a maximum of {max}",values:{min:N.Ay.MIN_TEAMNAME_LENGTH,max:N.Ay.MAX_TEAMNAME_LENGTH}})),m.current?.focus(),!1;if(a!==e||!/^[a-z]+([a-z\-0-9]+|(__)?)[a-z0-9]+$/g.test(e))return _(u.createElement(d.FormattedMessage,{id:"create_team.team_url.regex",defaultMessage:"Use only lower case letters, numbers and dashes. Must start with a letter and can't end in a dash."})),m.current?.focus(),!1;for(let e=0;e<N.Ay.RESERVED_TEAM_NAMES.length;e++)if(0===a.indexOf(N.Ay.RESERVED_TEAM_NAMES[e]))return _(u.createElement(d.FormattedMessage,{id:"create_team.team_url.taken",defaultMessage:"This URL <link>starts with a reserved word</link> or is unavailable. Please try another.",values:{link:e=>u.createElement(M.A,{href:"https://docs.mattermost.com/help/getting-started/creating-teams.html#team-url",location:"team_url"},e)}})),!1;return!(await t(e)).data||(_(u.createElement(d.FormattedMessage,{id:"create_team.team_url.unavailable",defaultMessage:"This URL is taken or unavailable. Please try another."})),C(),!1)}),[n,C]),S=(0,u.useCallback)((async e=>{e.preventDefault(),await U(E.trim())?await F():C()}),[U,E,F,C]),D=(0,u.useCallback)((e=>{e.preventDefault(),e.currentTarget.select()}),[]),I=(0,u.useCallback)((e=>{p(e.target.value)}),[]),H=(0,u.useMemo)((()=>{const e=u.createElement(d.FormattedMessage,{id:"create_team.display_name.create",defaultMessage:"Create"}),a=u.createElement(d.FormattedMessage,{id:"create_team.team_url.finish",defaultMessage:"Finish"}),s=u.createElement(d.FormattedMessage,{id:"create_team.team_url.creatingTeam",defaultMessage:"Creating team..."}),r=u.createElement(u.Fragment,null,u.createElement(d.FormattedMessage,{id:"create_team.display_name.next",defaultMessage:"Next"}),u.createElement("i",{className:"icon icon-chevron-right"}));return i?A?s:e:"team_url"===t?A?s:a:r}),[i,A,t]);return"team_url"===t?u.createElement(k,{teamURL:E,nameError:h,isLoading:A,teamURLInput:m,onTeamURLChange:I,onFocus:D,onSubmit:S,onBack:x,buttonText:H}):u.createElement(T,{teamDisplayName:o,isValidTeamName:v,onDisplayNameChange:R,onSubmit:w,buttonText:H,isLoading:A,nameError:h})}));class F extends u.PureComponent{constructor(e){super(e),this.state={team:{},wizard:"display_name"}}

1componentDidMount(){const{formatMessage:e}=this.props.intl;document.title=e({id:"create_team.pageTitle",defaultMessage:"Create a team - {siteName}"},{siteName:this.props.siteName||"Mattermost"})}updateParent=e=>{this.setState(e),this.props.history.push("/create_team/"+e.wizard)};render(){const{currentChannel:e,currentTeam:t,customDescriptionText:a,match:s,siteName:r,isCloud:n,isFreeTrial:l,usageDeltas:{teams:{active:m}}}=this.props,c=n&&!l&&m>=0;let i="/select_team";return t&&(i=`/${t.name}`,e&&(i+=`/channels/${e.name}`)),u.createElement("div",null,u.createElement(E.default,null),u.createElement(p.A,{url:i}),u.createElement("div",{className:"col-sm-12"},u.createElement("div",{className:"signup-team__container"},u.createElement(h.A,{customDescriptionText:a,siteName:r}),u.createElement("div",{className:"signup__content"},c?u.createElement(u.Fragment,null,u.createElement("h5",null,u.createElement(d.FormattedMessage,{id:"create_team.createTeamRestricted.title",tagName:"strong",defaultMessage:"Professional feature"})),u.createElement("div",null,u.createElement(d.FormattedMessage,{id:"create_team.createTeamRestricted.message",defaultMessage:"Your workspace plan has reached the limit on the number of teams. Create unlimited teams with a free 30-day trial. Contact your System Administrator."}))):u.createElement(g.Switch,null,u.createElement(g.Route,{path:`${this.props.match.url}/display_name`,render:e=>u.createElement(C,Object.assign({step:"display_name",state:this.state,updateParent:this.updateParent},e))}),!this.props.useAnonymousURLs&&u.createElement(g.Route,{path:`${this.props.match.url}/team_url`,render:e=>u.createElement(C,Object.assign({step:"team_url",state:this.state,updateParent:this.updateParent},e))}),u.createElement(g.Redirect,{to:`${s.url}/display_name`}))))))}}const w=(0,d.injectIntl)(F),R=(0,i.A)((0,s.connect)((function(e){const t=(0,l.zj)(e),a=(0,r.Lw)(e),s=(0,m.H7)(e),i=t.CustomDescriptionText,u=t.SiteName,d=(0,n.dw)(e),g=(0,l.Ay)(e);return{currentChannel:a,currentTeam:s,customDescriptionText:i,siteName:u,isCloud:(0,o.P3)(g),isFreeTrial:"true"===d?.is_free_trial,useAnonymousURLs:(0,c.s)(e)}}))(w))},85331(e,t,a){a.d(t,{s:()=>n});var s=a(26614),r=a(52231);function n(e){const t=(0,s.Ay)(e);return"true"===(0,s.zj)(e).UseAnonymousURLs&&(0,r.$X)(t)}},80945(e,t,a){e.exports=a.p+"files/35ac92e02e10117d06b4.png"}}]);
2//# sourceMappingURL=1955.312ee9b7ee1058ed2bbf.js.map