2 lines
14 KiB
JavaScript
2 lines
14 KiB
JavaScript
"use strict";(self.webpackChunkmattermost_webapp=self.webpackChunkmattermost_webapp||[]).push([[5803],{26452:(e,t,a)=>{a.d(t,{Z:()=>d});var r=a(23615),s=a.n(r),n=a(60042),i=a.n(n),l=a(84390),m=a.n(l),o=a(72060),c=a(9448);const u=e=>{let{url:t,className:a,onClick:r}=e;const{formatMessage:s}=(0,o.useIntl)();return m().createElement("div",{className:i()("signup-header",a)},m().createElement(c.Link,{"data-testid":"back_button",onClick:r,to:t},m().createElement("span",{id:"back_button_icon",className:"fa fa-1x fa-angle-left",title:s({id:"generic_icons.back",defaultMessage:"Back Icon"})}),m().createElement(o.FormattedMessage,{id:"web.header.back",defaultMessage:"Back"})))};u.propTypes={url:s().string,className:s().string,onClick:s().func},u.defaultProps={url:"/"};const d=u},15454:(e,t,a)=>{a.d(t,{Z:()=>i}),a(48410);var r=a(84390),s=a.n(r),n=a(82626);const i=function(e){return t=>{const a=(0,n.Z)();return s().createElement(e,Object.assign({usageDeltas:a},t))}}},82626:(e,t,a)=>{a.d(t,{Z:()=>l}),a(14078);var r=a(84390),s=a(32397),n=a(34250);const i=(e,t)=>t&&null!=e?e:Number.MAX_VALUE;function l(){const e=(0,n.Z)(),[t,a]=(0,s.Z)();return(0,r.useMemo)((()=>{var r,s,n;return{files:{totalStorage:e.files.totalStorage-i(null===(r=t.files)||void 0===r?void 0:r.total_storage,a),totalStorageLoaded:e.files.totalStorageLoaded},messages:{history:e.messages.history-i(null===(s=t.messages)||void 0===s?void 0:s.history,a),historyLoaded:e.messages.historyLoaded},teams:{active:e.teams.active-i(null===(n=t.teams)||void 0===n?void 0:n.active,a),cloudArchived:e.teams.cloudArchived,teamsLoaded:e.teams.teamsLoaded}}}),[e,t,a])}},84948:(e,t,a)=>{a.d(t,{Z:()=>o});var r=a(23615),s=a.n(r),n=a(84390),i=a.n(n),l=a(72060);const m=e=>{let{customDescriptionText:t,siteName:a="Mattermost"}=e;const r=t||i().createElement(l.FormattedMessage,{id:"web.root.signup_info",defaultMessage:"All team communication in one place, searchable and accessible anywhere"});return i().createElement(i().Fragment,null,i().createElement("h1",{id:"site_name"},a),i().createElement("h3",{id:"site_description",className:"color--light"},r))};m.propTypes={customDescriptionText:s().string};const o=i().memo(m)},75803:(e,t,a)=>{a.r(t),a.d(t,{default:()=>P});var r=a(70314),s=a(43618),n=a(80947),i=a(19601),l=a(11298),m=a(15454),o=a(55552),c=a(23615),u=a.n(c),d=(a(52077),a(1203),a(48410),a(92189),a(84390)),p=a.n(d),h=a(72060),g=a(9448),E=a(43585),f=a(26452),_=a(84948),v=(a(20266),a(28176)),N=a(70012),M=a(23712),b=a(41894);function y(e,t,a){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var r=a.call(e,"string");if("object"!=typeof r)return r;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:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}class T extends p().PureComponent{constructor(e){var t;super(e),y(this,"submitNext",(e=>{e.preventDefault(),(0,v.L9)("display_name","click_next");const t=this.state.teamDisplayName.trim();if(!t)return void this.setState({nameError:p().createElement(h.FormattedMessage,{id:"create_team.display_name.required",defaultMessage:"This field is required"})});if(t.length<M.default.MIN_TEAMNAME_LENGTH||t.length>M.default.MAX_TEAMNAME_LENGTH)return void this.setState({nameError:p().createElement(h.FormattedMessage,{id:"create_team.display_name.charLength",defaultMessage:"Name must be {min} or more characters up to a maximum of {max}. You can add a longer team description later.",values:{min:M.default.MIN_TEAMNAME_LENGTH,max:M.default.MAX_TEAMNAME_LENGTH}})});const a=this.props.state;a.wizard="team_url",a.team.display_name=t,a.team.name=(0,b.oK)(t),this.props.updateParent(a)})),y(this,"handleFocus",(e=>{e.preventDefault(),e.currentTarget.select()})),y(this,"handleDisplayNameChange",(e=>{this.setState({teamDisplayName:e.target.value})})),this.state={teamDisplayName:(null===(t=this.props.state.team)||void 0===t?void 0:t.display_name)||""}}componentDidMount(){(0,v.L9)("signup","signup_team_01_name")}render(){let e=null,t="form-group";return this.state.nameError&&(e=p().createElement("label",{className:"control-label"},this.state.nameError),t+=" has-error"),p().createElement("div",null,p().createElement("form",null,p().createElement("img",{alt:"signup logo",className:"signup-team-logo",src:N}),p().createElement("h5",null,p().createElement(h.FormattedMessage,{id:"create_team.display_name.teamName",tagName:"strong",defaultMessage:"Team Name"})),p().createElement("div",{className:t},p().createElement("div",{className:"row"},p().createElement("div",{className:"col-sm-9"},p().createElement("input",{id:"teamNameInput",type:"text",className:"form-control",placeholder:"",maxLength:128,value:this.state.teamDisplayName,autoFocus:!0,onFocus:this.handleFocus,onChange:this.handleDisplayNameChange,spellCheck:"false"}))),e),p().createElement("div",null,p().createElement(h.FormattedMessage,{id:"create_team.display_name.nameHelp",defaultMessage:"Name your team in any language. Your team name shows in menus and headings."})),p().createElement("button",{id:"teamNameNextButton",type:"submit",className:"btn btn-primary mt-8",onClick:this.submitNext},p().createElement(h.FormattedMessage,{id:"create_team.display_name.next",defaultMessage:"Next"}),p().createElement("i",{className:"icon icon-chevron-right"}))))}}y(T,"propTypes",{state:u().shape({wizard:u().string.isRequired}).isRequired,updateParent:u().func.isRequired});var L=a(36891),w=a(17086),F=(a(61418),a(11313)),S=a(35683),k=a(34575);function x(e,t,a){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var r=a.call(e,"string");if("object"!=typeof r)return r;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:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}class A extends p().PureComponent{constructor(e){var t;super(e),x(this,"submitBack",(e=>{e.preventDefault(),(0,v.L9)("signup","click_back");const t=this.props.state;t.wizard="display_name",this.props.updateParent(t)})),x(this,"submitNext",(async e=>{e.preventDefault(),(0,v.L9)("signup","click_finish");const t=this.state.teamURL.trim(),a=b.oK(t),{actions:{checkIfTeamExists:r,createTeam:s}}=this.props;if(!t)return void this.setState({nameError:p().createElement(h.FormattedMessage,{id:"create_team.team_url.required",defaultMessage:"This field is required"})});if(a.length<M.default.MIN_TEAMNAME_LENGTH||a.length>M.default.MAX_TEAMNAME_LENGTH)return void this.setState({nameError:p().createElement(h.FormattedMessage,{id:"create_team.team_url.charLength",defaultMessage:"Name must be {min} or more characters up to a maximum of {max}",values:{min:M.default.MIN_TEAMNAME_LENGTH,max:M.default.MAX_TEAMNAME_LENGTH}})});if(a!==t||!/^[a-z]+([a-z\-0-9]+|(__)?)[a-z0-9]+$/g.test(t))return void this.setState({nameError:p().createElement(h.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."})});for(let e=0;e<M.default.RESERVED_TEAM_NAMES.length;e++)if(0===a.indexOf(M.default.RESERVED_TEAM_NAMES[e]))return void this.setState({nameError:p().createElement(h.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=>p().createElement(S.Z,{href:"https://docs.mattermost.com/help/getting-started/creating-teams.html#team-url",location:"team_url"},e)}})});this.setState({isLoading:!0});const n=JSON.parse(JSON.stringify(this.props.state));if(n.team.type="O",n.team.name=t,(await r(t)).data)return this.setState({nameError:p().createElement(h.FormattedMessage,{id:"create_team.team_url.unavailable",defaultMessage:"This URL is taken or unavailable. Please try another."})}),void this.setState({isLoading:!1});const i=await s(n.team),l=i.data,m=i.error;l?(this.props.history.push("/"+l.name+"/channels/"+M.default.DEFAULT_CHANNEL),(0,v.L9)("signup","signup_team_03_complete")):m&&(this.setState({nameError:m.message}),this.setState({isLoading:!1}))})),x(this,"handleFocus",(e=>{e.preventDefault(),e.currentTarget.select()})),x(this,"handleTeamURLInputChange",(e=>{this.setState({teamURL:e.target.value})})),this.state={nameError:"",isLoading:!1,teamURL:null===(t=e.state.team)||void 0===t?void 0:t.name}}componentDidMount(){(0,v.L9)("signup","signup_team_02_url")}render(){let e=null,t="form-group";this.state.nameError&&(e=p().createElement("label",{className:"control-label"},this.state.nameError),t+=" has-error");const a="".concat(b.fO(),"/");let r=p().createElement(h.FormattedMessage,{id:"create_team.team_url.finish",defaultMessage:"Finish"});return this.state.isLoading&&(r=p().createElement(h.FormattedMessage,{id:"create_team.team_url.creatingTeam",defaultMessage:"Creating team..."})),p().createElement("div",null,p().createElement("form",null,p().createElement("img",{alt:"signup team logo",className:"signup-team-logo",src:N}),p().createElement("h5",null,p().createElement(h.FormattedMessage,{id:"create_team.team_url.teamUrl",tagName:"strong",defaultMessage:"Team URL"})),p().createElement("div",{className:t},p().createElement("div",{className:"row"},p().createElement("div",{className:"col-sm-11"},p().createElement("div",{className:"input-group input-group--limit"},p().createElement(k.Z,{id:"urlTooltip",title:a,placement:"top"},p().createElement("span",{className:"input-group-addon"},a)),p().createElement("input",{id:"teamURLInput",type:"text",className:"form-control",placeholder:"",maxLength:128,value:this.state.teamURL,autoFocus:!0,onFocus:this.handleFocus,onChange:this.handleTeamURLInputChange,spellCheck:"false"})))),e),p().createElement("p",null,p().createElement(h.FormattedMessage,{id:"create_team.team_url.webAddress",defaultMessage:"Choose the web address of your new team:"})),p().createElement("ul",{className:"color--light"},p().createElement("li",null,p().createElement(h.FormattedMessage,{id:"create_team.team_url.hint1",defaultMessage:"Short and memorable is best"})),p().createElement("li",null,p().createElement(h.FormattedMessage,{id:"create_team.team_url.hint2",defaultMessage:"Use lowercase letters, numbers and dashes"})),p().createElement("li",null,p().createElement(h.FormattedMessage,{id:"create_team.team_url.hint3",defaultMessage:"Must start with a letter and can't end in a dash"}))),p().createElement("div",{className:"mt-8"},p().createElement(F.Button,{id:"teamURLFinishButton",type:"submit",bsStyle:"primary",disabled:this.state.isLoading,onClick:e=>this.submitNext(e)},r)),p().createElement("div",{className:"mt-8"},p().createElement("a",{href:"#",onClick:this.submitBack},p().createElement(h.FormattedMessage,{id:"create_team.team_url.back",defaultMessage:"Back to previous step"})))))}}x(A,"propTypes",{state:u().shape({wizard:u().string.isRequired}).isRequired,updateParent:u().func.isRequired,actions:u().shape({checkIfTeamExists:u().func.isRequired,createTeam:u().func.isRequired}).isRequired,history:u().shape({}).isRequired});const R=(0,r.connect)(null,(function(e){return{actions:(0,L.bindActionCreators)({checkIfTeamExists:w.iw,createTeam:w.Cm},e)}}))(A);function C(e,t,a){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var r=a.call(e,"string");if("object"!=typeof r)return r;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:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}class D extends p().PureComponent{constructor(e){super(e),C(this,"updateParent",(e=>{this.setState(e),this.props.history.push("/create_team/"+e.wizard)})),this.state={team:{},wizard:"display_name"}}render(){const{currentChannel:e,currentTeam:t,customDescriptionText:a,match:r,siteName:s,isCloud:n,isFreeTrial:i,usageDeltas:{teams:{active:l}}}=this.props,m=n&&!i&&l>=0;let o="/select_team";return t&&(o="/".concat(t.name),e&&(o+="/channels/".concat(e.name))),p().createElement("div",null,p().createElement(E.default,null),p().createElement(f.Z,{url:o}),p().createElement("div",{className:"col-sm-12"},p().createElement("div",{className:"signup-team__container"},p().createElement(_.Z,{customDescriptionText:a,siteName:s}),p().createElement("div",{className:"signup__content"},m?p().createElement(p().Fragment,null,p().createElement("h5",null,p().createElement(h.FormattedMessage,{id:"create_team.createTeamRestricted.title",tagName:"strong",defaultMessage:"Professional feature"})),p().createElement("div",null,p().createElement(h.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."}))):p().createElement(g.Switch,null,p().createElement(g.Route,{path:"".concat(this.props.match.url,"/display_name"),render:e=>p().createElement(T,Object.assign({state:this.state,updateParent:this.updateParent},e))}),p().createElement(g.Route,{path:"".concat(this.props.match.url,"/team_url"),render:e=>p().createElement(R,Object.assign({state:this.state,updateParent:this.updateParent},e))}),p().createElement(g.Redirect,{to:"".concat(r.url,"/display_name")}))))))}}C(D,"propTypes",{customDescriptionText:u().string,siteName:u().string,match:u().shape({url:u().string.isRequired}).isRequired,isCloud:u().bool.isRequired,isFreeTrial:u().bool.isRequired});const P=(0,m.Z)((0,r.connect)((function(e){const t=(0,i.iE)(e),a=(0,s.TB)(e),r=(0,l.kA)(e),m=t.CustomDescriptionText,c=t.SiteName,u=(0,n.oR)(e),d=(0,i.lJ)(e);return{currentChannel:a,currentTeam:r,customDescriptionText:m,siteName:c,isCloud:(0,o.Ht)(d),isFreeTrial:"true"===(null==u?void 0:u.is_free_trial)}}))(D))},70012:(e,t,a)=>{e.exports=a.p+"files/ab8aa80cba445eb0fb75.png"}}]);
|
|
//# sourceMappingURL=5803.2fe72d6bbe98ce7789d4.js.map
|