"use strict";(self.webpackChunknew_site=self.webpackChunknew_site||[]).push([[380],{9380(e,s,a){a.r(s),a.d(s,{default:()=>N});var t=a(5544),n=a(5043),r=a(6322),c=a(3604),l=a(791),o=a(5016),i=a(1719),d=a(4282),u=a(8602),m=a(3519),x=a(8770),h=a(7994),A=a(1072),b=a(7417),f=a(1800),p=a(579);const y=/^[a-zA-Z0-9_-]+$/;function N(){const e=(0,o.A)().user,s=(0,r.Zp)(),a=(0,n.useState)(""),N=(0,t.A)(a,2),j=N[0],v=N[1],g=(0,n.useState)(""),w=(0,t.A)(g,2),C=w[0],k=w[1],S=(0,n.useState)(""),P=(0,t.A)(S,2),L=P[0],T=P[1],U=(0,n.useState)(null),E=(0,t.A)(U,2),G=E[0],R=E[1],H=(0,n.useState)(!1),z=(0,t.A)(H,2),Z=z[0],_=z[1],B=(0,n.useState)(""),D=(0,t.A)(B,2),I=D[0],J=D[1],V=(0,n.useState)(""),W=(0,t.A)(V,2),M=W[0],O=W[1],$=(0,n.useState)(!0),q=(0,t.A)($,2),F=q[0],K=q[1],Q=(0,n.useState)(!1),X=(0,t.A)(Q,2),Y=X[0],ee=X[1],se=(0,n.useState)(""),ae=(0,t.A)(se,2),te=ae[0],ne=ae[1],re=(0,n.useState)(!1),ce=(0,t.A)(re,2),le=ce[0],oe=ce[1],ie=(0,n.useCallback)(async e=>{if(!e||e.length<3||e.toLowerCase()===L)return void R(null);_(!0);const s=await(0,c.x7)((0,c.H9)(l.db,(0,f.n)("usernames"),e.toLowerCase()));R(!s.exists()),_(!1)},[L]);(0,n.useEffect)(()=>{const e=setTimeout(()=>ie(C),400);return()=>clearTimeout(e)},[C,ie]);const de=(0,n.useCallback)(async()=>{if(!e)return;const s=await(0,c.x7)((0,c.H9)(l.db,(0,f.n)("profiles"),e.uid));if(s.exists()){const e=s.data();v(e.displayName||""),k(e.username||""),T(e.username||""),J(e.website||""),O(e.birthday||"")}K(!1)},[e]);(0,n.useEffect)(()=>{de()},[de]);const ue=()=>C?C.length<3?"At least 3 characters.":C.length>20?"At most 20 characters.":y.test(C)?!1===G?"Username taken.":"":"Letters, numbers, underscores, hyphens only.":"";return F?(0,p.jsx)("div",{className:"text-center py-5",children:(0,p.jsx)(b.A,{animation:"border",variant:"light"})}):(0,p.jsxs)(m.A,{className:"py-4",style:{maxWidth:500},children:[(0,p.jsx)("h4",{className:"mb-4",children:"Edit Profile"}),te&&(0,p.jsx)(i.A,{variant:"danger",children:te}),le&&(0,p.jsx)(i.A,{variant:"success",children:"Profile saved!"}),(0,p.jsxs)(x.A,{onSubmit:async a=>{a.preventDefault(),ne(""),oe(!1);const t=ue();if(t)ne(t);else{ee(!0);try{var n;const a=C.toLowerCase().trim(),t=L.toLowerCase().trim();if(a&&a!==t){if(!0!==G)throw new Error("Username is not available.");await(0,c.BN)((0,c.H9)(l.db,(0,f.n)("usernames"),a),{uid:e.uid}),t&&await(0,c.kd)((0,c.H9)(l.db,(0,f.n)("usernames"),t))}await(0,c.mZ)((0,c.H9)(l.db,(0,f.n)("profiles"),e.uid),{displayName:j.trim()||(null===(n=e.email)||void 0===n?void 0:n.split("@")[0])||"Anonymous",username:a,website:I.trim(),birthday:M}),oe(!0),setTimeout(()=>s(-1),1200)}catch(r){ne(r.message)}finally{ee(!1)}}},children:[(0,p.jsxs)(x.A.Group,{className:"mb-3",children:[(0,p.jsx)(x.A.Label,{className:"text-secondary small",children:"Display Name"}),(0,p.jsx)(x.A.Control,{type:"text",value:j,onChange:e=>v(e.target.value),className:"bg-dark text-light border-secondary"})]}),(0,p.jsxs)(x.A.Group,{className:"mb-3",children:[(0,p.jsx)(x.A.Label,{className:"text-secondary small",children:"Username"}),(0,p.jsxs)(h.A,{children:[(0,p.jsx)(h.A.Text,{className:"bg-black text-secondary border-secondary",children:"@"}),(0,p.jsx)(x.A.Control,{type:"text",value:C,onChange:e=>{k(e.target.value),R(null)},className:"bg-dark text-light border-secondary",autoComplete:"off",spellCheck:!1})]}),C.length>=3&&C.toLowerCase()!==L&&(0,p.jsx)(x.A.Text,{className:!0===G?"text-success":!1===G?"text-danger":"text-secondary",children:Z?(0,p.jsx)(b.A,{animation:"border",size:"sm"}):!0===G?"\u2713 Available":!1===G?"\u2717 Taken":""}),ue()&&!1!==G&&(0,p.jsx)(x.A.Text,{className:"text-danger d-block",children:ue()})]}),(0,p.jsxs)(x.A.Group,{className:"mb-3",children:[(0,p.jsx)(x.A.Label,{className:"text-secondary small",children:"Website"}),(0,p.jsx)(x.A.Control,{type:"url",value:I,onChange:e=>J(e.target.value),placeholder:"https://",className:"bg-dark text-light border-secondary"})]}),(0,p.jsxs)(x.A.Group,{className:"mb-3",children:[(0,p.jsx)(x.A.Label,{className:"text-secondary small",children:"Birthday"}),(0,p.jsx)(x.A.Control,{type:"date",value:M,onChange:e=>O(e.target.value),className:"bg-dark text-light border-secondary"})]}),(0,p.jsxs)(A.A,{children:[(0,p.jsx)(u.A,{children:(0,p.jsx)(d.A,{variant:"secondary",onClick:()=>s(-1),children:"Cancel"})}),(0,p.jsx)(u.A,{className:"text-end",children:(0,p.jsx)(d.A,{type:"submit",disabled:Y,children:Y?"Saving...":"Save"})})]})]})]})}},8602(e,s,a){a.d(s,{A:()=>h});var t=a(5544),n=a(9379),r=a(45),c=a(8139),l=a.n(c),o=a(5043),i=a(7852),d=a(579);const u=["as","bsPrefix","className"],m=["className"];const x=o.forwardRef((e,s)=>{const a=function(e){let s=e.as,a=e.bsPrefix,t=e.className,c=(0,r.A)(e,u);a=(0,i.oU)(a,"col");const o=(0,i.gy)(),d=(0,i.Jm)(),m=[],x=[];return o.forEach(e=>{const s=c[e];let t,n,r;delete c[e],"object"===typeof s&&null!=s?(t=s.span,n=s.offset,r=s.order):t=s;const l=e!==d?"-".concat(e):"";t&&m.push(!0===t?"".concat(a).concat(l):"".concat(a).concat(l,"-").concat(t)),null!=r&&x.push("order".concat(l,"-").concat(r)),null!=n&&x.push("offset".concat(l,"-").concat(n))}),[(0,n.A)((0,n.A)({},c),{},{className:l()(t,...m,...x)}),{as:s,bsPrefix:a,spans:m}]}(e),c=(0,t.A)(a,2),o=c[0],x=o.className,h=(0,r.A)(o,m),A=c[1],b=A.as,f=void 0===b?"div":b,p=A.bsPrefix,y=A.spans;return(0,d.jsx)(f,(0,n.A)((0,n.A)({},h),{},{ref:s,className:l()(x,!y.length&&p)}))});x.displayName="Col";const h=x},7994(e,s,a){a.d(s,{A:()=>f});var t=a(45),n=a(9379),r=a(8139),c=a.n(r),l=a(5043),o=a(7852),i=a(1068),d=a(9334),u=a(579);const m=["className","bsPrefix","as"],x=l.forwardRef((e,s)=>{let a=e.className,r=e.bsPrefix,l=e.as,i=void 0===l?"span":l,d=(0,t.A)(e,m);return r=(0,o.oU)(r,"input-group-text"),(0,u.jsx)(i,(0,n.A)({ref:s,className:c()(a,r)},d))});x.displayName="InputGroupText";const h=x,A=["bsPrefix","size","hasValidation","className","as"],b=l.forwardRef((e,s)=>{let a=e.bsPrefix,r=e.size,i=e.hasValidation,m=e.className,x=e.as,h=void 0===x?"div":x,b=(0,t.A)(e,A);a=(0,o.oU)(a,"input-group");const f=(0,l.useMemo)(()=>({}),[]);return(0,u.jsx)(d.A.Provider,{value:f,children:(0,u.jsx)(h,(0,n.A)((0,n.A)({ref:s},b),{},{className:c()(m,a,r&&"".concat(a,"-").concat(r),i&&"has-validation")}))})});b.displayName="InputGroup";const f=Object.assign(b,{Text:h,Radio:e=>(0,u.jsx)(h,{children:(0,u.jsx)(i.A,(0,n.A)({type:"radio"},e))}),Checkbox:e=>(0,u.jsx)(h,{children:(0,u.jsx)(i.A,(0,n.A)({type:"checkbox"},e))})})},1072(e,s,a){a.d(s,{A:()=>m});var t=a(9379),n=a(45),r=a(8139),c=a.n(r),l=a(5043),o=a(7852),i=a(579);const d=["bsPrefix","className","as"],u=l.forwardRef((e,s)=>{let a=e.bsPrefix,r=e.className,l=e.as,u=void 0===l?"div":l,m=(0,n.A)(e,d);const x=(0,o.oU)(a,"row"),h=(0,o.gy)(),A=(0,o.Jm)(),b="".concat(x,"-cols"),f=[];return h.forEach(e=>{const s=m[e];let a;delete m[e],a=null!=s&&"object"===typeof s?s.cols:s;const t=e!==A?"-".concat(e):"";null!=a&&f.push("".concat(b).concat(t,"-").concat(a))}),(0,i.jsx)(u,(0,t.A)((0,t.A)({ref:s},m),{},{className:c()(r,x,...f)}))});u.displayName="Row";const m=u}}]);
//# sourceMappingURL=380.f744a77f.chunk.js.map