https://www.spatial.io/_next/static/chunks/7712.88015d2e8cec5ce2.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7712],{75169:function(e,t,r){"use strict";r.d(t,{D:function(){return a}});var n=r(2784);function a(e){let t=n.useRef({value:e,previous:e});return n.useMemo(()=>(t.current.value!==e&&(t.current.previous=t.current.value,t.current.value=e),t.current.previous),[e])}},32992:function(e,t,r){"use strict";r.d(t,{r:function(){return i}});var n,a=r(2784);function s(){return(s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(null,arguments)}let i=(0,a.forwardRef)((e,t)=>{let{title:r,titleId:i,...l}=e;return a.createElement("svg",s({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:"lucide lucide-check",ref:t,"aria-labelledby":i},l),r?a.createElement("title",{id:i},r):null,n||(n=a.createElement("path",{d:"M20 6 9 17l-5-5"})))})},64797:function(e,t,r){"use strict";r.d(t,{r:function(){return i}});var n,a=r(2784);function s(){return(s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(null,arguments)}let i=(0,a.forwardRef)((e,t)=>{let{title:r,titleId:i,...l}=e;return a.createElement("svg",s({xmlns:"http://www.w3.org/2000/svg",height:24,viewBox:"0 -960 960 960",width:24,ref:t,"aria-labelledby":i},l),r?a.createElement("title",{id:i},r):null,n||(n=a.createElement("path",{fill:"currentColor",d:"M480-160q-134 0-227-93t-93-227q0-134 93-227t227-93q69 0 132 28.5T720-690v-110h80v280H520v-80h168q-32-56-87.5-88T480-720q-100 0-170 70t-70 170q0 100 70 170t170 70q77 0 139-44t87-116h84q-28 106-114 173t-196 67Z"})))})},54073:function(e,t,r){var n=r(29259),a=r(61100),s=r(7642),i=Math.max,l=Math.min;e.exports=function(e,t,r){var o,c,u,d,m,p,f=0,h=!1,b=!1,g=!0;if("function"!=typeof e)throw TypeError("Expected a function");function x(t){var r=o,n=c;return o=c=void 0,f=t,d=e.apply(n,r)}function y(e){var r=e-p,n=e-f;return void 0===p||r>=t||r<0||b&&n>=u}function v(){var e,r,n,s=a();if(y(s))return j(s);m=setTimeout(v,(e=s-p,r=s-f,n=t-e,b?l(n,u-r):n))}function j(e){return(m=void 0,g&&o)?x(e):(o=c=void 0,d)}function w(){var e,r=a(),n=y(r);if(o=arguments,c=this,p=r,n){if(void 0===m)return f=e=p,m=setTimeout(v,t),h?x(e):d;if(b)return clearTimeout(m),m=setTimeout(v,t),x(p)}return void 0===m&&(m=setTimeout(v,t)),d}return t=s(t)||0,n(r)&&(h=!!r.leading,u=(b="maxWait"in r)?i(s(r.maxWait)||0,t):u,g="trailing"in r?!!r.trailing:g),w.cancel=function(){void 0!==m&&clearTimeout(m),f=0,o=p=c=m=void 0},w.flush=function(){return void 0===m?d:j(a())},w}},61100:function(e,t,r){var n=r(37772);e.exports=function(){return n.Date.now()}},57712:function(e,t,r){"use strict";r.r(t),r.d(t,{OnboardingModalContent:function(){return I}});var n,a=r(2784),s=r(69517);function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?i(Object(r),!0).forEach(function(t){(0,s.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let o={username:"",displayName:"",useUsernameAsDisplayName:!0},c=(e,t)=>l(l({},e),t);var u=r(39097),d=r.n(u);function m(){return(m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(null,arguments)}let p=(0,a.forwardRef)((e,t)=>{let{title:r,titleId:s,...i}=e;return a.createElement("svg",m({xmlns:"http://www.w3.org/2000/svg",height:48,viewBox:"0 -960 960 960",width:48,ref:t,"aria-labelledby":s},i),r?a.createElement("title",{id:s},r):null,n||(n=a.createElement("path",{fill:"currentColor",d:"M481-158q-131 0-225.5-94.5T161-478v-45l-80 80-39-39 149-149 149 149-39 39-80-80v45q0 107 76.5 183.5T481-218q29 0 55-5t49-15l43 43q-36 20-72.5 28.5T481-158Zm289-169L621-476l40-40 79 79v-41q0-107-76.5-183.5T480-738q-29 0-55 5.5T376-719l-43-43q36-20 72.5-28t74.5-8q131 0 225.5 94.5T8

100-478v43l80-80 39 39-149 149Z"})))});var f=r(64797),h=r(4483),b=r(46115),g=r(61266),x=r(68122);function y(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}let v=e=>{let t=(0,x.x)();return(0,g.D)(function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?y(Object(r),!0).forEach(function(t){(0,s.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):y(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}({mutationFn:()=>t.generateUsername()},e))};var j=r(36089),w=r(68017),O=r(11897),N=r(89013),k=r(97742),E=r(46471),C=r(54073),D=r.n(C),T=r(13591),P=r(66627);let R=(e,t,r,n)=>{let s=(0,T.XW)(),i=(0,a.useCallback)(()=>{s({name:P.AI.OnboardingRandomizeUsername,type:P.s_.Click},{userId:e}),t()},[t,s,e]),l=(0,a.useCallback)(t=>{s({name:P.AI.OnboardingToggleUsernameAsDisplayName,type:P.s_.Click},{userId:e,checked:t}),r({useUsernameAsDisplayName:t})},[r,s,e]),o=(0,a.useCallback)(()=>D()(()=>{s({name:P.AI.OnboardingChangedUsername,type:P.s_.Keypress},{userId:e})},300),[s,e]),c=(0,a.useCallback)(e=>{o(),r({username:e})},[r,o]),u=(0,a.useCallback)(()=>D()(()=>{s({name:P.AI.OnboardingChangedDisplayname,type:P.s_.Keypress},{userId:e})},300),[s,e]);return{randomizeUsernameAndTrack:i,toggleUseUsernameAsDisplayNameAndTrack:l,updateUsernameAndTrack:c,updateDisplayNameAndTrack:(0,a.useCallback)(e=>{u(),r({displayName:e})},[r,u]),toggleTosAndTrack:(0,a.useCallback)(t=>{s({name:P.AI.OnboardingToggleTos,type:P.s_.Click},{userId:e,checked:t}),n.set(t)},[n,s,e])}};var U=r(52322);let A={USERNAME_TAKEN:"Someone's grabbed this username, please try another",INPUT_TOO_LONG:"Usernames must be less than 20 characters",INPUT_TOO_SHORT:"Usernames must be more than 2 characters",INVALID_CHARACTERS:"Usernames can only contain letters, numbers and underscores",NO_LETTER:"Usernames must have at least one letter",LEADING_UNDERSCORE:"Usernames cannot start with an underscore",TRAILING_UNDERSCORE:"Usernames cannot end with an underscore",CONSECUTIVE_UNDERSCORES:"Usernames cannot have consecutive underscores",PROHIBITED_WORDS:"Usernames cannot contain prohibited words",RESERVED_WORDS:"Usernames cannot be reserved words, e.g. spatial, settings"},S=e=>{let t=(0,h.pS)(e),r=null==t?void 0:t.code;return r?A[r]:"Error validating username, please try again"},_=(0,a.memo)(function(e){let{userId:t,isSubmitting:r,onSubmit:n,state:s,setState:i}=e,[l,o]=(0,b.k)(!1),{mutate:c}=v({onSuccess:e=>{i({username:e.username})}}),{randomizeUsernameAndTrack:u,toggleUseUsernameAsDisplayNameAndTrack:m,updateUsernameAndTrack:h,updateDisplayNameAndTrack:g,toggleTosAndTrack:x}=R(t,c,i,o),{data:y,error:C,isLoading:D}=(0,j.Ru)(s.username,{debounceMs:300,enabled:s.username.length>0}),{data:T,error:P,isLoading:A}=(0,j.LF)(s.displayName,{debounceMs:300,enabled:!s.useUsernameAsDisplayName&&s.displayName.length>0});(0,a.useEffect)(()=>{c()},[c]);let _=(0,a.useMemo)(()=>{let e=y&&s.username.length>0,t=!!s.useUsernameAsDisplayName||T&&s.displayName.length>0;return l&&e&&t},[T,s.displayName.length,s.useUsernameAsDisplayName,s.username.length,l,y]);return(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(w.fK,{children:(0,U.jsx)(w.$N,{children:"Set up your account"})}),(0,U.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,U.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,U.jsxs)("div",{className:"flex flex-row justify-between",children:[(0,U.jsx)("label",{htmlFor:"username",className:"flex-1 text-sm font-bold",children:"Username"}),D?(0,U.jsxs)("div",{className:"grid grid-flow-col gap-1",children:[(0,U.jsx)(f.r,{className:"icon icon-xs animate-spin text-white"}),(0,U.jsx)(O.x,{size:"xs",className:"text-white",children:"Checking username"})]}):(0,U.jsx)(N.z,{leftIcon:(0,U.jsx)(p,{className:"icon icon-xs mb-0.5 text-white"}),variant:"text",size:"sm",className:"line-clamp-1 flex h-auto px-0 font-medium text-white hover:no-underline",onClick:u,children:"Randomize"})]}),(0,U.jsx)(k.I,{autoFocus:!0,id:"username",type:"text",placeholder:s.username,value:s.username,size:"lg",error:!!C,onChange:e=>h(e.target.value),className:"border-transparent-white bg-transparent text-white focus-visible:border-white focus-visible:ring-transparent"})]}),!!C&&!D&&(0,U.jsx)(O.x,{size:"xs",className:"text-red",children:S(C)}),(0,U.jsxs)("div",{className:"flex items-center gap-2",children:[(0,U.jsx)(E.XZ,{id:"use-username-as-display-name",className:"dark-theme",checked:s.useUsernameAsDisplayName,onCheckedChange:m}),(0,U.jsx)("label",{htmlFor:"use-username-as-display-name",className:"cursor-pointer text-xs",children:"Use username as display name"})]})]}),!s.useUsernameAsDisplayName&&(0,U.jsxs)("div",{className:"grid grid-flow-row gap-1 animate-in fade-in-0",children:[(0,U.jsxs)("div",{className:"flex flex-row justify-between",children:[(0,U.jsx)("label",{htmlFor:"display-name",className:"flex-1 text-sm font-bold",children:"Display Name"}),A&&(0,U.jsxs)("div",{className:"grid grid-flow-col gap-1",children:[(0,U.jsx)(f.r,{className:"icon icon-xs animate-spin text-white"}),(0,U.jsx)(O.x,{size:"xs",className:"text-white",children:"Checking display name"})]})]}),(0,U.jsx)(k.I,{autoFocus:!0,id:"display-name",type:"text",value:s.useUsernameAsDisplayName?s.username:s.displayName,size:"lg",error:!!P,onChange:e=>g(e.target.value),className:"border-transparent-white bg-transparent text-white focus-visible:border-white focus-visible:ring-transparent"}),!!P&&!A&&(0,U.jsx)(O.x,{size:"xs",className:"text-red",children:S(P)})]}),(0,U.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,U.jsx)(O.x,{size:"sm",textAlign:"left",weight:"bold",className:"w-full",children:"Terms and Conditions"}),(0,U.jsx)("div",{className:"flex flex-col gap-1 [&_a]:text-white [&_a]:underline",children:(0,U.jsxs)("div",{className:"flex items-center gap-2",children:[(0,U.jsx)(E.XZ,{id:"terms",className:"dark-theme",checked:l,onCheckedChange:x}),(0,U.jsxs)("label",{htmlFor:"terms",className:"cursor-pointer text-xs leading-tight",children:["I have read and agree to the"," ",(0,U.jsx)(d(),{href:"/terms",target:"_blank",rel:"noopener noreferrer",children:"Terms of Use"}),", ",(0,U.jsx)(d(),{href:"/privacy",target:"_blank",rel:"noopener noreferrer",children:"Privacy Policy"}),", ","and confirm I am at least 18 years old."]})]})})]}),(0,U.jsx)(N.z,{disabled:!_,isLoading:r,onClick:n,color:"white",size:"md",fullWidth:!0,children:"Next"})]})}),I=(0,a.memo)(function(e){let{userId:t,isSubmitting:r,onFinishOnboarding:n}=e,{0:s,1:i}=(0,a.useReducer)(c,o),l=(0,a.useCallback)(()=>{n(s.username,s.useUsernameAsDisplayName?s.username:s.displayName)},[s.displayName,s.useUsernameAsDisplayName,s.username,n]);return(0,U.jsx)(_,{userId:t,isSubmitting:r,state:s,setState:i,onSubmit:l})})},46471:function(e,t,r){"use strict";r.d(t,{XZ:function(){return S}});var n=r(69517),a=r(43977),s=r(2784),i=r(69968),l=r(72422),o=r(38930),c=r(68622),u=r(75169),d=r(89348),m=r(80254),p=r(57915),f=r(52322),h="Checkbox",[b,g]=(0,l.b)(h),[x,y]=b(h),v=s.forwardRef((e,t)=>

1{let{__scopeCheckbox:r,name:n,checked:a,defaultChecked:l,required:u,disabled:d,value:m="on",onCheckedChange:h,...b}=e,[g,y]=s.useState(null),v=(0,i.e)(t,e=>y(e)),j=s.useRef(!1),w=!g||!!g.closest("form"),[E=!1,C]=(0,c.T)({prop:a,defaultProp:l,onChange:h}),D=s.useRef(E);return s.useEffect(()=>{let e=g?.form;if(e){let t=()=>C(D.current);return e.addEventListener("reset",t),()=>e.removeEventListener("reset",t)}},[g,C]),(0,f.jsxs)(x,{scope:r,state:E,disabled:d,children:[(0,f.jsx)(p.WV.button,{type:"button",role:"checkbox","aria-checked":N(E)?"mixed":E,"aria-required":u,"data-state":k(E),"data-disabled":d?"":void 0,disabled:d,value:m,...b,ref:v,onKeyDown:(0,o.M)(e.onKeyDown,e=>{"Enter"===e.key&&e.preventDefault()}),onClick:(0,o.M)(e.onClick,e=>{C(e=>!!N(e)||!e),w&&(j.current=e.isPropagationStopped(),j.current||e.stopPropagation())})}),w&&(0,f.jsx)(O,{control:g,bubbles:!j.current,name:n,value:m,checked:E,required:u,disabled:d,style:{transform:"translateX(-100%)"}})]})});v.displayName=h;var j="CheckboxIndicator",w=s.forwardRef((e,t)=>{let{__scopeCheckbox:r,forceMount:n,...a}=e,s=y(j,r);return(0,f.jsx)(m.z,{present:n||N(s.state)||!0===s.state,children:(0,f.jsx)(p.WV.span,{"data-state":k(s.state),"data-disabled":s.disabled?"":void 0,...a,ref:t,style:{pointerEvents:"none",...e.style}})})});w.displayName=j;var O=e=>{let{control:t,checked:r,bubbles:n=!0,...a}=e,i=s.useRef(null),l=(0,u.D)(r),o=(0,d.t)(t);return s.useEffect(()=>{let e=i.current,t=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"checked").set;if(l!==r&&t){let a=new Event("click",{bubbles:n});e.indeterminate=N(r),t.call(e,!N(r)&&r),e.dispatchEvent(a)}},[l,r,n]),(0,f.jsx)("input",{type:"checkbox","aria-hidden":!0,defaultChecked:!N(r)&&r,...a,tabIndex:-1,ref:i,style:{...e.style,...o,position:"absolute",pointerEvents:"none",opacity:0,margin:0}})};function N(e){return"indeterminate"===e}function k(e){return N(e)?"indeterminate":e?"checked":"unchecked"}var E=r(32992),C=r(14701);let D=["className"],T=["className"];function P(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function R(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?P(Object(r),!0).forEach(function(t){(0,n.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):P(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let U=(0,s.forwardRef)((e,t)=>{let{className:r}=e,n=(0,a.Z)(e,D);return(0,f.jsx)(v,R({ref:t,className:(0,C.cn)("peer h-4 w-4 shrink-0 appearance-none rounded-sm border border-foreground focus-visible:outline-none focus-visible:ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-foreground data-[state=checked]:text-background",r)},n))});U.displayName=v.displayName;let A=(0,s.forwardRef)((e,t)=>{let{className:r}=e,n=(0,a.Z)(e,T);return(0,f.jsx)(w,R(R({ref:t,className:(0,C.cn)("flex items-center justify-center text-current",r)},n),{},{children:(0,f.jsx)(E.r,{className:"h-4 w-4"})}))});A.displayName=w.displayName;let S=(0,s.forwardRef)((e,t)=>(0,f.jsx)(U,R(R({ref:t},e),{},{children:(0,f.jsx)(A,{})})));S.displayName=v.displayName}}]);