"use strict";(self.webpackChunknew_site=self.webpackChunknew_site||[]).push([[291],{8048(e,s,a){a.r(s),a.d(s,{default:()=>p});var r=a(5544),t=a(5043),c=a(6322),n=a(3604),l=a(791),o=a(5016),i=a(1719),d=a(4282),m=a(8628),f=a(3519),x=a(8770),u=a(7994),A=a(7417),b=a(1800),N=a(579);const h=/^[a-zA-Z0-9_-]+$/;function p(){const e=(0,o.A)(),s=e.user,a=e.needsUsername,p=e.setNeedsUsername,y=e.refreshProfile,v=(0,c.Zp)(),j=(0,t.useState)(""),g=(0,r.A)(j,2),P=g[0],w=g[1],C=(0,t.useState)(!1),k=(0,r.A)(C,2),U=k[0],T=k[1],R=(0,t.useState)(null),S=(0,r.A)(R,2),H=S[0],I=S[1],L=(0,t.useState)(!1),z=(0,r.A)(L,2),B=z[0],E=z[1],O=(0,t.useState)(""),_=(0,r.A)(O,2),F=_[0],G=_[1],Z=(0,t.useCallback)(async e=>{if(!e||e.length<3)I(null);else{T(!0);try{const s=await(0,n.x7)((0,n.H9)(l.db,(0,b.n)("usernames"),e.toLowerCase()));I(!s.exists())}catch(s){I(null)}finally{T(!1)}}},[]);(0,t.useEffect)(()=>{const e=setTimeout(()=>Z(P),400);return()=>clearTimeout(e)},[P,Z]);const M=()=>P?P.length<3?"At least ".concat(3," characters."):P.length>20?"At most ".concat(20," characters."):h.test(P)?!1===H?"Username taken.":"":"Letters, numbers, underscores, hyphens only.":"";if((0,t.useEffect)(()=>{s&&!a&&v("/",{replace:!0})},[s,a,v]),!s)return null;const V=M(),D=P.length>=3&&!0===H&&!V;return(0,N.jsx)(f.A,{className:"d-flex justify-content-center mt-5",children:(0,N.jsx)(m.A,{bg:"dark",text:"light",style:{width:"450px"},children:(0,N.jsxs)(m.A.Body,{children:[(0,N.jsx)(m.A.Title,{className:"text-center mb-1",children:"Welcome!"}),(0,N.jsxs)(m.A.Subtitle,{className:"text-center text-secondary mb-4 small",children:[s.email," \u2014 Choose a username to get started."]}),F&&(0,N.jsx)(i.A,{variant:"danger",className:"py-2 small",children:F}),(0,N.jsxs)(x.A,{onSubmit:async e=>{e.preventDefault();const a=M();if(!a&&H){G(""),E(!0);try{const e=P.toLowerCase(),a=(0,n.H9)(l.db,(0,b.n)("usernames"),e),r=await(0,n.x7)(a);if(r.exists()){if(r.data().uid!==s.uid)throw new Error("Username taken.")}else await(0,n.BN)(a,{uid:s.uid});await(0,n.mZ)((0,n.H9)(l.db,(0,b.n)("profiles"),s.uid),{username:e}),await y(),p(!1),v("/contents/scores")}catch(a){"already-exists"===a.code||"permission-denied"===a.code?G("That username was just taken. Try another."):G(a.message)}finally{E(!1)}}else G(a||"Choose a different username.")},children:[(0,N.jsxs)(x.A.Group,{className:"mb-3",children:[(0,N.jsx)(x.A.Label,{className:"small text-secondary",children:"Username"}),(0,N.jsxs)(u.A,{children:[(0,N.jsx)(u.A.Text,{className:"bg-black text-secondary border-secondary",children:"@"}),(0,N.jsx)(x.A.Control,{type:"text",placeholder:"your_username",value:P,onChange:e=>{w(e.target.value),I(null),G("")},className:"bg-dark text-light border-secondary",autoFocus:!0,autoComplete:"off",spellCheck:!1})]}),P.length>=3&&(0,N.jsx)(x.A.Text,{className:!0===H?"text-success":!1===H?"text-danger":"text-secondary",children:U?(0,N.jsx)(A.A,{animation:"border",size:"sm"}):!0===H?"\u2713 Available":!1===H?"\u2717 Taken":""}),V&&!1===!H&&(0,N.jsx)(x.A.Text,{className:"text-danger d-block",children:V})]}),(0,N.jsx)(d.A,{type:"submit",variant:"primary",className:"w-100",disabled:!D||B,children:B?(0,N.jsx)(A.A,{size:"sm"}):"Set Username"})]})]})})})}},8628(e,s,a){a.d(s,{A:()=>M});var r=a(9379),t=a(45),c=a(8139),n=a.n(c),l=a(5043),o=a(7852),i=a(579);const d=["className","bsPrefix","as"],m=l.forwardRef((e,s)=>{let a=e.className,c=e.bsPrefix,l=e.as,m=void 0===l?"div":l,f=(0,t.A)(e,d);return c=(0,o.oU)(c,"card-body"),(0,i.jsx)(m,(0,r.A)({ref:s,className:n()(a,c)},f))});m.displayName="CardBody";const f=m,x=["className","bsPrefix","as"],u=l.forwardRef((e,s)=>{let a=e.className,c=e.bsPrefix,l=e.as,d=void 0===l?"div":l,m=(0,t.A)(e,x);return c=(0,o.oU)(c,"card-footer"),(0,i.jsx)(d,(0,r.A)({ref:s,className:n()(a,c)},m))});u.displayName="CardFooter";const A=u;var b=a(1778);const N=["bsPrefix","className","as"],h=l.forwardRef((e,s)=>{let a=e.bsPrefix,c=e.className,d=e.as,m=void 0===d?"div":d,f=(0,t.A)(e,N);const x=(0,o.oU)(a,"card-header"),u=(0,l.useMemo)(()=>({cardHeaderBsPrefix:x}),[x]);return(0,i.jsx)(b.A.Provider,{value:u,children:(0,i.jsx)(m,(0,r.A)((0,r.A)({ref:s},f),{},{className:n()(c,x)}))})});h.displayName="CardHeader";const p=h,y=["bsPrefix","className","variant","as"],v=l.forwardRef((e,s)=>{let a=e.bsPrefix,c=e.className,l=e.variant,d=e.as,m=void 0===d?"img":d,f=(0,t.A)(e,y);const x=(0,o.oU)(a,"card-img");return(0,i.jsx)(m,(0,r.A)({ref:s,className:n()(l?"".concat(x,"-").concat(l):x,c)},f))});v.displayName="CardImg";const j=v,g=["className","bsPrefix","as"],P=l.forwardRef((e,s)=>{let a=e.className,c=e.bsPrefix,l=e.as,d=void 0===l?"div":l,m=(0,t.A)(e,g);return c=(0,o.oU)(c,"card-img-overlay"),(0,i.jsx)(d,(0,r.A)({ref:s,className:n()(a,c)},m))});P.displayName="CardImgOverlay";const w=P,C=["className","bsPrefix","as"],k=l.forwardRef((e,s)=>{let a=e.className,c=e.bsPrefix,l=e.as,d=void 0===l?"a":l,m=(0,t.A)(e,C);return c=(0,o.oU)(c,"card-link"),(0,i.jsx)(d,(0,r.A)({ref:s,className:n()(a,c)},m))});k.displayName="CardLink";const U=k;var T=a(4488);const R=["className","bsPrefix","as"],S=(0,T.A)("h6"),H=l.forwardRef((e,s)=>{let a=e.className,c=e.bsPrefix,l=e.as,d=void 0===l?S:l,m=(0,t.A)(e,R);return c=(0,o.oU)(c,"card-subtitle"),(0,i.jsx)(d,(0,r.A)({ref:s,className:n()(a,c)},m))});H.displayName="CardSubtitle";const I=H,L=["className","bsPrefix","as"],z=l.forwardRef((e,s)=>{let a=e.className,c=e.bsPrefix,l=e.as,d=void 0===l?"p":l,m=(0,t.A)(e,L);return c=(0,o.oU)(c,"card-text"),(0,i.jsx)(d,(0,r.A)({ref:s,className:n()(a,c)},m))});z.displayName="CardText";const B=z,E=["className","bsPrefix","as"],O=(0,T.A)("h5"),_=l.forwardRef((e,s)=>{let a=e.className,c=e.bsPrefix,l=e.as,d=void 0===l?O:l,m=(0,t.A)(e,E);return c=(0,o.oU)(c,"card-title"),(0,i.jsx)(d,(0,r.A)({ref:s,className:n()(a,c)},m))});_.displayName="CardTitle";const F=_,G=["bsPrefix","className","bg","text","border","body","children","as"],Z=l.forwardRef((e,s)=>{let a=e.bsPrefix,c=e.className,l=e.bg,d=e.text,m=e.border,x=e.body,u=void 0!==x&&x,A=e.children,b=e.as,N=void 0===b?"div":b,h=(0,t.A)(e,G);const p=(0,o.oU)(a,"card");return(0,i.jsx)(N,(0,r.A)((0,r.A)({ref:s},h),{},{className:n()(c,p,l&&"bg-".concat(l),d&&"text-".concat(d),m&&"border-".concat(m)),children:u?(0,i.jsx)(f,{children:A}):A}))});Z.displayName="Card";const M=Object.assign(Z,{Img:j,Title:F,Subtitle:I,Body:f,Link:U,Text:B,Header:p,Footer:A,ImgOverlay:w})},8602(e,s,a){a.d(s,{A:()=>u});var r=a(5544),t=a(9379),c=a(45),n=a(8139),l=a.n(n),o=a(5043),i=a(7852),d=a(579);const m=["as","bsPrefix","className"],f=["className"];const x=o.forwardRef((e,s)=>{const a=function(e){let s=e.as,a=e.bsPrefix,r=e.className,n=(0,c.A)(e,m);a=(0,i.oU)(a,"col");const o=(0,i.gy)(),d=(0,i.Jm)(),f=[],x=[];return o.forEach(e=>{const s=n[e];let r,t,c;delete n[e],"object"===typeof s&&null!=s?(r=s.span,t=s.offset,c=s.order):r=s;const l=e!==d?"-".concat(e):"";r&&f.push(!0===r?"".concat(a).concat(l):"".concat(a).concat(l,"-").concat(r)),null!=c&&x.push("order".concat(l,"-").concat(c)),null!=t&&x.push("offset".concat(l,"-").concat(t))}),[(0,t.A)((0,t.A)({},n),{},{className:l()(r,...f,...x)}),{as:s,bsPrefix:a,spans:f}]}(e),n=(0,r.A)(a,2),o=n[0],x=o.className,u=(0,c.A)(o,f),A=n[1],b=A.as,N=void 0===b?"div":b,h=A.bsPrefix,p=A.spans;return(0,d.jsx)(N,(0,t.A)((0,t.A)({},u),{},{ref:s,className:l()(x,!p.length&&h)}))});x.displayName="Col";const u=x},7994(e,s,a){a.d(s,{A:()=>N});var r=a(45),t=a(9379),c=a(8139),n=a.n(c),l=a(5043),o=a(7852),i=a(1068),d=a(9334),m=a(579);const f=["className","bsPrefix","as"],x=l.forwardRef((e,s)=>{let a=e.className,c=e.bsPrefix,l=e.as,i=void 0===l?"span":l,d=(0,r.A)(e,f);return c=(0,o.oU)(c,"input-group-text"),(0,m.jsx)(i,(0,t.A)({ref:s,className:n()(a,c)},d))});x.displayName="InputGroupText";const u=x,A=["bsPrefix","size","hasValidation","className","as"],b=l.forwardRef((e,s)=>{let a=e.bsPrefix,c=e.size,i=e.hasValidation,f=e.className,x=e.as,u=void 0===x?"div":x,b=(0,r.A)(e,A);a=(0,o.oU)(a,"input-group");const N=(0,l.useMemo)(()=>({}),[]);return(0,m.jsx)(d.A.Provider,{value:N,children:(0,m.jsx)(u,(0,t.A)((0,t.A)({ref:s},b),{},{className:n()(f,a,c&&"".concat(a,"-").concat(c),i&&"has-validation")}))})});b.displayName="InputGroup";const N=Object.assign(b,{Text:u,Radio:e=>(0,m.jsx)(u,{children:(0,m.jsx)(i.A,(0,t.A)({type:"radio"},e))}),Checkbox:e=>(0,m.jsx)(u,{children:(0,m.jsx)(i.A,(0,t.A)({type:"checkbox"},e))})})}}]);
//# sourceMappingURL=291.944f3763.chunk.js.map