https://www.start.gg/assets/__static/2275/_next/static/chunks/page…/[[...wizardStep]]-0823b10d2aa9be6d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3553],{39171:function(e,t,n){"use strict";n.d(t,{Z:function(){return y}});var r=n(59499),a=n(17674),i=(n(67294),n(73359)),s=n(81020),l=n.n(s),o=n(75889),c=n(79845),d=(n(21671),n(98844)),m=n(45042),u=n(85893),p=function(e){var t=e.title,n=e.image;return(0,u.jsx)(m.V_,{title:t,children:(0,u.jsx)(m.pW,{children:(0,u.jsx)(d.qE,{variant:"rounded",src:n&&n.url,alt:t})})})};function v(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function g(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?v(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}l().arrayOf(l().object).isRequired,l().bool,l().object,l().func.isRequired,l().func;var h=function(e){var t=e.videogames,n=e.loading,r=e.onSearch,a=e.onSelected,i=e.input,s=(0,c.Z)().translate;return(0,u.jsx)(o.Z,g(g({},e),{},{options:t,label:s("VideogameSearchSelect.label"),loading:n,onSearch:r,filterOptions:function(e){return e},renderOption:function(e,t){var n=t.name,r=t.images;return(0,u.jsx)("li",g(g({},e),{},{children:(0,u.jsx)(p,{title:n,image:r[0]})}))},getOptionLabel:function(e){return e.name||""},onSelected:function(e){a&&"function"===typeof a&&a(e,i),i.onChange(e?e.id:null)},searchOnOpen:!0}))};h.defaultProps={loading:!1,input:{onChange:function(){},value:null},onSelected:function(){}};var f=h;function x(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var b={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"VideogameSearchSelectQuery"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"query"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"VideogameQuery"}}},directives:[]}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"videogames"},arguments:[{kind:"Argument",name:{kind:"Name",value:"query"},value:{kind:"Variable",name:{kind:"Name",value:"query"}}}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"pageInfo"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"page"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"perPage"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"total"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"totalPages"},arguments:[],directives:[]}]}},{kind:"Field",name:{kind:"Name",value:"nodes"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"videogame"},directives:[]},{kind:"Field",name:{kind:"Name",value:"images"},arguments:[{kind:"Argument",name:{kind:"Name",value:"type"},value:{kind:"StringValue",value:"primary",block:!1}}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"image"},directives:[]}]}},{kind:"Field",name:{kind:"Name",value:"platforms"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"platform"},directives:[]}]}}]}}]}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"videogame"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"Videogame"}},directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"name"},arguments:[],directives:[]}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"image"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"Image"}},directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"height"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"isOriginal"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"type"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"url"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"width"},arguments:[],directives:[]}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"platform"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"Platform"}},directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"name"},arguments:[],directives:[]}]}}],loc:{start:0,end:453,source:{body:'#import "gg-common/gql/fragments/domain/Videogame/videogame.gql"\n#import "gg-common/gql/fragments/domain/Videogame/platform.gql"\n#import "gg-common/gql/fragments/domain/Image/image.gql"\n\nquery VideogameSearchSelectQuery($query: VideogameQuery!) {\n\tvideogames(query: $query) {\n\t\tpageInfo {\n\t\t\tpage\n\t\t\tperPage\n\t\t\ttotal\n\t\t\ttotalPages\n\t\t}\n\t\tnodes {\n\t\t\t...videogame\n\t\t\timages(type: "primary") {\n\t\t\t\t...image\n\t\t\t}\n\t\t\tplatforms {\n\t\t\t\t...platform\n\t\t\t}\n\t\t}\n\t}\n}\n',name:"GraphQL request",locationOffset:{line:1,column:1}}}},j=function(e){var t=e.input,n=e.meta,r=(0,i.t)(b),s=(0,a.Z)(r,2),l=s[0],o=s[1],c=o.loading,d=o.data,m=(d&&d.videogames&&d.videogames.nodes||[]).map((function(e){return k(k({},e),{},{value:e.id,label:e.name})}));return(0,u.jsx)(f,k(k({},e),{},{input:t,onSearch:function(e){l({variables:{query:{page:1,perPage:10,filter:{name:e}}}})},loading:c,videogames:m,error:n&&n.touched&&n.error}))};j.defaultProps={meta:{},input:{onChange:function(){},value:null}};var y=j},14211:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSP:function(){return B},default:function(){return I}});var r=n(59499),a=n(59899),i=n(11214),s=n(11163),l=n(41074),o=n(41640),c=n(24762),d=n(41664),m=n.n(d),u=n(85893),p=function(e){var t=e.href,n=e.className,r=e.children;return(0,u.jsx)(m(),{href:t,shallow:!0,children:(0,u.jsx)("a",{href:t,className:n,"data-skiptra

1p":!0,children:r})})};p.defaultProps={className:null,children:null};var v=p,g=n(63569),h=n(43906),f=n(67294),x=n(94184),k=n.n(x),b=n(99226),j=n(34174),y=n(50229),N=n(44955),O=n(39171),w=n(60073);function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var T={className:"shrink-0",width:48,height:40,viewBox:"0 0 40 32",fill:"none",stroke:"currentColor",strokeWidth:1.5,"aria-hidden":!0},C=[{key:"singleBracket",isPopular:!0,Diagram:function(){return(0,u.jsx)("svg",P(P({xmlns:"http://www.w3.org/2000/svg"},T),{},{children:(0,u.jsx)("path",{d:"M2 4h8v4h8 M2 12h8v-4 M18 8v8h8 M2 20h8v4h8 M2 28h8v-4 M18 24v-8 M26 16h10"})}))},variants:["doubleElim","singleElim"]},{key:"poolsTopCut",Diagram:function(){return(0,u.jsxs)("svg",P(P({xmlns:"http://www.w3.org/2000/svg"},T),{},{children:[(0,u.jsx)("rect",{x:"2",y:"3",width:"12",height:"10",rx:"2"}),(0,u.jsx)("rect",{x:"2",y:"19",width:"12",height:"10",rx:"2"}),(0,u.jsx)("path",{d:"M18 16h4m-2-2 2 2-2 2"}),(0,u.jsx)("path",{d:"M26 10h4v6h4 M26 22h4v-6"})]}))},variants:["dePools","rrPools","swissPools"]},{key:"bracketTopCut",Diagram:function(){return(0,u.jsxs)("svg",P(P({xmlns:"http://www.w3.org/2000/svg"},T),{},{children:[(0,u.jsx)("path",{d:"M2 4h5v4h5 M2 12h5v-4 M12 8v8h5 M2 20h5v4h5 M2 28h5v-4 M12 24v-8"}),(0,u.jsx)("path",{d:"M20 16h4m-2-2 2 2-2 2"}),(0,u.jsx)("path",{d:"M28 10h4v6h4 M28 22h4v-6"})]}))},variants:[]},{key:"roundRobin",Diagram:function(){return(0,u.jsxs)("svg",P(P({xmlns:"http://www.w3.org/2000/svg"},T),{},{children:[(0,u.jsx)("path",{d:"M20 7 32 16 20 25 8 16Z M8 16h24 M20 7v18"}),(0,u.jsx)("circle",{cx:"20",cy:"7",r:"2.5",fill:"currentColor"}),(0,u.jsx)("circle",{cx:"32",cy:"16",r:"2.5",fill:"currentColor"}),(0,u.jsx)("circle",{cx:"20",cy:"25",r:"2.5",fill:"currentColor"}),(0,u.jsx)("circle",{cx:"8",cy:"16",r:"2.5",fill:"currentColor"})]}))},variants:[]}];function F(e){var t=e.hubs,n=e.translate,r=(0,f.useState)(null),a=r[0],i=r[1],s=(0,f.useState)(null),l=s[0],o=s[1],c=(0,f.useState)(null),d=c[0],m=c[1],p=C.find((function(e){return e.key===a}));return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)("div",{className:"tw",children:[(0,u.jsx)("p",{className:"mb-1 text-2xl font-bold text-slate-700",children:n("CreateTournamentWizard.template.chooseTitle")}),(0,u.jsx)("p",{className:"mb-6 text-slate-600",children:n("CreateTournamentWizard.template.chooseDescription")}),(0,u.jsx)("div",{className:"grid grid-cols-1 [&&]:md:grid-cols-2 gap-4",children:C.map((function(e){var t=e.key,r=e.isPopular,s=e.Diagram,l=t===a;return(0,u.jsxs)("button",{type:"button",onClick:function(){return function(e){var t;i(e.key),o(null!==(t=e.variants[0])&&void 0!==t?t:null)}(e)},className:k()("p-5 border rounded-md bg-white shadow-sm flex items-start gap-4 text-left",l?"border-sky-600 ring-1 ring-sky-600":"hover:border-sky-600"),children:[(0,u.jsx)("span",{className:l?"text-sky-600":"text-slate-400",children:(0,u.jsx)(s,{})}),(0,u.jsxs)("span",{children:[(0,u.jsxs)("span",{className:"font-bold text-base flex items-center gap-2",children:[n("CreateTournamentWizard.template.options.".concat(t,".title")),r&&(0,u.jsx)("span",{className:"px-2 py-0.5 rounded-full bg-sky-100 text-xs font-medium text-sky-700",children:n("CreateTournamentWizard.template.popularBadge")})]}),(0,u.jsx)("span",{className:"block mt-1 text-sm text-slate-600",children:n("CreateTournamentWizard.template.options.".concat(t,".description"))}),(0,u.jsx)("span",{className:"inline-block mt-2 px-2 py-0.5 rounded-full bg-slate-100 text-xs text-slate-600",children:n("CreateTournamentWizard.template.options.".concat(t,".tag"))})]})]},t)}))})]}),p&&(0,u.jsx)(b.Z,{sx:{mt:3},children:(0,u.jsx)(y.Z,{name:"create-tournament-from-template",validationKey:"create-tournament-from-template",onSubmit:function(){},submitButton:!0,showServerErrors:!1,children:(0,u.jsxs)("div",{className:"create-card",children:[(0,u.jsxs)("div",{children:[p.variants.length>0&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(b.Z,{sx:{mb:1},children:(0,u.jsx)(N.Z,{headerText:n("CreateTournamentWizard.template.config.formatTitle")})}),(0,u.jsx)("div",{className:"tw",children:(0,u.jsx)("div",{className:"mb-2 flex flex-wrap gap-2",children:p.variants.map((function(e){return(0,u.jsx)("button",{type:"button",onClick:function(){return o(e)},className:k()("px-4 py-1.5 rounded-full border text-sm",e===l?"border-sky-600 bg-sky-50 text-sky-700 font-medium":"text-slate-600 hover:border-slate-400"),children:n("CreateTournamentWizard.template.variants.".concat(e))},e)}))})})]}),(0,u.jsx)(b.Z,{sx:{mt:p.variants.length?3:0,mb:1},children:(0,u.jsx)(N.Z,{headerText:n("CreateTournamentWizard.template.config.gameTitle")})}),(0,u.jsx)(O.Z,{input:{value:d?d.id:null,onChange:function(){}},onSelected:m}),(0,u.jsx)(b.Z,{sx:{mt:3},children:(0,u.jsx)(w.K,{})}),(0,u.jsx)(w.z,{hubs:t})]}),(0,u.jsx)("div",{className:"tw",children:(0,u.jsxs)("div",{className:"mt-6",children:[(0,u.jsx)(j.zx,{label:n("CreateTournamentWizard.template.cta"),type:"primary",buttonType:"button",disabled:!0,fullWidth:!0}),(0,u.jsxs)("p",{className:"mt-3 text-sm text-slate-500 text-center",children:[n("CreateTournamentWizard.template.comingSoon")," ",(0,u.jsx)(v,{href:"/create/tournament/new",className:"text-sky-700 hu",children:n("CreateTournamentWizard.template.startBlank")})]})]})})]})})},"template-config-".concat(p.key))]})}F.defaultProps={hubs:null};var D=(0,i.qC)((0,l.Z)())(F),z={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"CreateTournamentForm"},variableDefinitions:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"currentUser"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"createTournamentForm"},directives:[]}]}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"createTournamentForm"}

1,typeCondition:{kind:"NamedType",name:{kind:"Name",value:"User"}},directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"},arguments:[],directives:[]}]}}],loc:{start:0,end:122,source:{body:'#import "./CreateTournamentForm.fragment.gql"\n\nquery CreateTournamentForm {\n\tcurrentUser {\n\t\t...createTournamentForm\n\t}\n}\n',name:"GraphQL request",locationOffset:{line:1,column:1}}}},q=["new","template","clone"],M=["new","clone"],W=function(){return(0,u.jsx)("svg",{className:"shrink-0 text-slate-400",xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",children:(0,u.jsx)("path",{fill:"currentColor",d:"M8.59 16.58L13.17 12L8.59 7.41L10 6l6 6l-6 6z"})})};function Z(e){var t=e.translate;return(0,u.jsxs)("div",{className:"tw",children:[(0,u.jsx)("p",{className:"mb-1 label-xs text-slate-500",children:t("CreateTournamentWizard.stepIndicator",{step:1,total:2})}),(0,u.jsx)("p",{className:"mb-6 text-2xl font-bold text-slate-700",children:t("CreateTournamentWizard.modeSelection.title")}),(0,u.jsx)("div",{className:"space-y-4",children:M.map((function(e){return(0,u.jsxs)(v,{href:"/create/tournament/".concat(e),className:"p-5 w-full border rounded-md bg-white shadow-sm flex items-center justify-between gap-4 hover:border-sky-600",children:[(0,u.jsxs)("div",{children:[(0,u.jsxs)("p",{className:"font-bold text-base flex items-center gap-2",children:[t("CreateTournamentWizard.modeSelection.".concat(e,".title")),"template"===e&&(0,u.jsx)("span",{className:"px-2 py-0.5 rounded-full bg-slate-100 text-xs font-medium text-slate-600",children:t("CreateTournamentWizard.modeSelection.template.badge")})]}),(0,u.jsx)("p",{className:"text-sm text-slate-600",children:t("CreateTournamentWizard.modeSelection.".concat(e,".description"))})]}),(0,u.jsx)(W,{})]},e)}))})]})}var E=(0,i.qC)((0,l.Z)())((function(e){var t,n=e.translate,r=(0,s.useRouter)().query.wizardStep,a=Array.isArray(r)?r[0]:null,i=q.includes(a)?a:null,l=(0,o.Z)(z).data,d=(0,c.aV)({variables:{filter:{isCurrentUserAdmin:!0}}}).data,m=null===l||void 0===l?void 0:l.currentUser,p=null===d||void 0===d||null===(t=d.hubs)||void 0===t?void 0:t.nodes;return i?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(g.Z,{backLink:"/create/tournament",backLinkText:n("CreateTournamentWizard.header.title"),currentPageText:n("CreateTournamentWizard.steps.".concat(i))}),(0,u.jsxs)("div",{className:"create-container",children:[(0,u.jsx)("div",{className:"tw",children:(0,u.jsxs)("div",{className:"mb-4 flex items-center justify-between",children:[(0,u.jsx)("p",{className:"label-xs text-slate-500",children:n("CreateTournamentWizard.stepIndicator",{step:2,total:2})}),(0,u.jsx)(v,{href:"/create/tournament",className:"text-sm text-sky-700 hu",children:n("CreateTournamentWizard.header.changeMode")})]})}),"template"===i?(0,u.jsx)(D,{hubs:p}):(0,u.jsx)(h.Z,{mode:i,currentUser:m,hubs:p})]})]}):(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(g.Z,{backLink:"/create",backLinkText:n("CreateTournamentWizard.header.backToOverview"),currentPageText:n("CreateTournamentWizard.header.title")}),(0,u.jsx)("div",{className:"create-container",children:(0,u.jsx)(Z,{translate:n})})]})}));function _(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var V=function(e){return(0,u.jsx)(E,function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},e))},L={titleKey:"tournament_create",loginRequired:!0,pageTelemetry:{name:"Create",content:{audienceMode:n(29229)._l.Enterprise}}};V.routeMeta=L,V.getLayout=(0,a.G)(L);var B=!0,I=V},8174:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/create/tournament/[[...wizardStep]]",function(){return n(14211)}])}},function(e){e.O(0,[3553],(function(){e.E(5720)}),5);e.O(0,[5675,4738,3206,6376,1049,9774,2888,179],(function(){return t=8174,e(e.s=t);var t}));var t=e.O();_N_E=t}]);
2//# sourceMappingURL=[[...wizardStep]]-0823b10d2aa9be6d.js.map