https://kremmania.hu/_next/static/chunks/pages/signup/username-691cb4f9c62ba0a0.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2621],{57428:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/signup/username",function(){return r(69812)}])},46747:function(e,t){"use strict";t.Z={src:"/_next/static/media/GreenLeaf.05dc943d.png",height:459,width:260,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAbklEQVR42jXOIQuAMBCG4cPgxODAoNjsRtEFf4BFMCjoismgYPb3+x6yg2f77tjBJHE2xYQWEbxwxMbZI+mzl9yQR9HS1zQr94lNaLwGLKbPHjYuHVboGI7YyXdYLzBjgRct8/+gRI0hDIPcODt9rSoTR61BC08AAAAASUVORK5CYII=",blurWidth:5,blurHeight:8}},91001:function(e,t){"use strict";t.Z={src:"/_next/static/media/OrangeLeaf.9e6f0f86.png",height:337,width:303,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAICAYAAAA1BOUGAAAAoUlEQVR42jWNMQqDQBBFByFlsMkBcodNvEAKm0D6lLlC0gbSpUqRIyTgDXZREKx2bTyBjetBRHwrKjzm//nOX/FWRyDemsDFO5OB9M7EEj5MijkQXtEafWZ2c8jyhWlo2KJbdOWdPq6hIhhZqoUd7Ome30kIP8wOnzMHeISrP6KAGJ789KVSgQgmYVnCnas38wbSW7ORxaTwo6Xm4gTsdTQBnj+QZ348lb4AAAAASUVORK5CYII=",blurWidth:7,blurHeight:8}},53980:function(e,t,r){"use strict";r.d(t,{U:function(){return m}});var n=r(85893),s=r(41664),a=r.n(s),i=r(98964),l=r(18497),o=r(82417),c=r(68894),d=r(48755),u=r(18974);let m=e=>{let{variant:t,hideButton:r,noClick:s}=e,{t:m}=(0,u.LD)("header"),f="signup"===t?"/signin":"/signup",g="signup"===t?m("sign_in","Sign in"):m("sign_up","Sign up"),x="signup"===t?m("already_member","Already member?"):m("not_a_member","Not a member?"),h=(0,i.EQ)(s).with(!0,()=>(0,n.jsx)(l._,{className:"md:h-[32px] md:w-[188px]"})).otherwise(()=>(0,n.jsx)(a(),{href:"/",children:(0,n.jsx)(l._,{className:"md:h-[32px] md:w-[188px]"})}));return(0,n.jsxs)("header",{className:(0,d.cn)("flex items-center justify-between bg-background p-4 md:p-8 md:pb-4",!c.gs&&"bg-bg-cz"),children:[h,!r&&(0,n.jsxs)("div",{className:"flex items-center justify-between gap-8",children:[(0,n.jsx)(a(),{href:f,className:"hidden leading-normal md:block",children:(0,n.jsx)(o.zx,{variant:"ghost",className:"text-forest-green-500",children:x})}),(0,n.jsx)(a(),{href:f,children:(0,n.jsx)(o.zx,{variant:"outline",size:"sm",className:"rounded-md border-forest-green-300 text-sm leading-normal text-forest-green-500 md:h-auto md:text-base md:leading-normal",children:g})})]})]})}},10996:function(e,t,r){"use strict";r.d(t,{NI:function(){return b},Wi:function(){return f},YV:function(){return g},l0:function(){return u},lX:function(){return p},xJ:function(){return h},zG:function(){return j}});var n=r(85893),s=r(88426),a=r(28154),i=r(67294),l=r(87536),o=r(70428),c=r(48755),d=r(2809);let u=l.RV,m=(0,i.createContext)({}),f=e=>{let{...t}=e;return(0,n.jsx)(m.Provider,{value:{name:t.name},children:(0,n.jsx)(l.Qr,{...t})})},g=()=>{let e=(0,i.useContext)(m),t=(0,i.useContext)(x),{getFieldState:r,formState:n}=(0,l.Gc)(),s=r(e.name,n);if(!e)throw Error("useFormField should be used within <FormField>");let{id:a}=t;return{id:a,name:e.name,formItemId:"".concat(a,"-form-item"),formDescriptionId:"".concat(a,"-form-item-description"),formMessageId:"".concat(a,"-form-item-message"),...s}},x=(0,i.createContext)({}),h=(0,i.forwardRef)((e,t)=>{let{className:r,...s}=e,a=(0,i.useId)();return(0,n.jsx)(x.Provider,{value:{id:a},children:(0,n.jsx)("div",{ref:t,className:(0,c.cn)("w-full space-y-2",r),...s})})});h.displayName="FormItem";let p=(0,i.forwardRef)((e,t)=>{let{className:r,...s}=e,{error:a,formItemId:i}=g();return(0,n.jsx)(o._,{ref:t,className:(0,c.cn)(a&&"text-destructive",r),htmlFor:i,...s})});p.displayName="FormLabel";let b=(0,i.forwardRef)((e,t)=>{let{...r}=e,{error:a,formItemId:i,formDescriptionId:l,formMessageId:o}=g();return(0,n.jsx)(s.g7,{ref:t,id:i,"aria-describedby":a?"".concat(l," ").concat(o):"".concat(l),"aria-invalid":!!a,...r})});b.displayName="FormControl",(0,i.forwardRef)((e,t)=>{let{className:r,...s}=e,{formDescriptionId:a}=g();return(0,n.jsx)("p",{ref:t,id:a,className:(0,c.cn)("text-muted-foreground text-sm",r),...s})}).displayName="FormDescription";let j=(0,i.forwardRef)((e,t)=>{let{className:r,textClassName:s,...i}=e,{error:l}=g(),o=null==l?void 0:l.types,u=o?Object.values(o).flat().filter(d.C_):[];return 0===u.length?(null==l?void 0:l.message)==null?null:(0,n.jsx)("div",{className:(0,

1c.cn)("flex items-center justify-center gap-2",r),children:(0,n.jsx)("p",{className:(0,c.cn)("text-sm text-red-500",s),children:l.message})}):(0,n.jsx)("ul",{className:(0,c.cn)("flex flex-col gap-2",r),...i,ref:t,children:u.map((e,t)=>(0,n.jsx)("li",{children:(0,n.jsxs)("div",{className:"flex items-center gap-2",children:[(0,n.jsx)(a.Z,{size:"1rem",className:(0,c.cn)("text-red-500",s)}),(0,n.jsx)("p",{className:(0,c.cn)("text-sm text-red-500",s),children:e})]})},"".concat(e.toString(),"_").concat(t)))})});j.displayName="FormMessage"},48501:function(e,t,r){"use strict";r.d(t,{I:function(){return l}});var n=r(85893),s=r(67294),a=r(68894),i=r(48755);let l=s.forwardRef((e,t)=>{let{className:r,type:s,...l}=e;return(0,n.jsx)("input",{type:s,className:(0,i.cn)("flex w-full rounded-md border bg-white px-3 py-2 text-sm placeholder:text-forest-green-300 border-forest-green-500 placeholder-shown:border-forest-green-200 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-bg-darker focus-visible:outline file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:cursor-not-allowed disabled:opacity-50 disabled:border-forest-green-200 disabled:text-forest-green-300 ",!a.gs&&"focus-visible:outline-cz-gray-300",r),ref:t,...l})});l.displayName="Input"},70428:function(e,t,r){"use strict";r.d(t,{_:function(){return c}});var n=r(85893),s=r(49102),a=r(45139),i=r(67294),l=r(48755);let o=(0,a.j)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),c=i.forwardRef((e,t)=>{let{className:r,...a}=e;return(0,n.jsx)(s.f,{ref:t,className:(0,l.cn)(o(),r),...a})});c.displayName=s.f.displayName},69812:function(e,t,r){"use strict";r.r(t),r.d(t,{__N_SSG:function(){return R},default:function(){return C}});var n=r(85893),s=r(25675),a=r.n(s),i=r(56312),l=r(87536),o=r(1604),c=r(78415),d=r(82417),u=r(10996),m=r(48501),f=r(48755),g=r(18974);let x=()=>{let{t:e}=(0,g.LD)("signup_page.profile.username"),t=o.z.object({username:o.z.string({required_error:e("username_required_error","Username is required")}).min(3,e("username_too_short","Username should be at least 3 characters"))}),r=(0,c.TQ)(),s=(0,l.cI)({resolver:(0,i.F)(t),defaultValues:{username:void 0}});return(0,n.jsx)(u.l0,{...s,children:(0,n.jsxs)("form",{onSubmit:s.handleSubmit(e=>{r.mutate(e)}),className:"w-full max-w-[25rem] flex flex-col gap-4",children:[(0,n.jsx)(u.Wi,{name:"username",control:s.control,render:t=>{let{field:r}=t;return(0,n.jsxs)(u.xJ,{children:[(0,n.jsx)(u.lX,{children:e("username_label","Username")}),(0,n.jsx)(u.NI,{children:(0,n.jsx)(m.I,{type:"text",placeholder:e("username_placeholder","Enter your username"),...r})}),(0,n.jsx)(u.zG,{})]})}}),(0,n.jsx)(d.zx,{type:"submit",variant:"primary",className:(0,f.cn)("w-full leading-normal"),disabled:!s.formState.isValid,children:e("signin_form.submit_button","Confirm")})]})})};var h=r(75652),p=r(20052),b=r(53980),j=r(69617),A=r(99384),w=r(24511),N=r(85457),_=r(68894),v=r(46747),y=r(91001),I=r(30920),R=!0;function C(){let{t:e}=(0,g.LD)("signup_page.profile.username"),t=(0,p.db)(),{adScriptJsx:r}=(0,h.M)("default");return t?null:(0,n.jsxs)(j.Ar,{header:(0,n.jsx)(b.U,{variant:"signup",hideButton:!0,noClick:!0}),mainClassName:"mt-20",children:[(0,n.jsx)(w.V,{title:e("page_title","Fill username")}),(0,n.jsx)(A.V,{description:e("page_description","Kremmania Username"),canonical:I._.fillUsername}),r,_.gs&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(a(),{src:v.Z,alt:"Green Leaf",className:"absolute right-0 top-1/2 hidden -translate-y-1/2 md:block"}),(0,n.jsx)(a(),{src:y.Z,alt:"Orange Leaf",className:"absolute bottom-0 left-0 hidden md:block"})]}),(0,n.jsxs)("div",{className:(0,f.cn)("my-4 flex flex-col items-center gap-4 bg-background px-4",!_.gs&&"bg-bg-cz"),children:[(0,n.jsx)(N.w,{size:"h2",children:e("title","Please fill username to proceed")}),(0,n.jsx)("div",{className:"relative z-10 flex w-full flex-col items-center",children:(0,n.jsx)(x,{})})]})]})}},64539:function(e,t,r){"use strict";function n(e){let{src:t,width:r,quality:n}=e;if(!t||""===t.trim())return'data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="100" height="100"%3E%3Crect fill="%23ddd" width="100" height="100"/%3E%3C/svg%3E';if(t.startsWith("http://")||t.startsWith("https://")||t.startsWith("data:")||t.startsWith("blob:")||t.startsWith("/"))return t;let s=new URLSearchParams({w:r.toString(),fm:"webp",fit:"contain"});return n&&s.set("q",n.toString()),"".concat("https://image-api.kremmania.hu","/").concat(t,"?").concat(s.toString())}r.r(t),r.d(t,{default:function(){return n}})}},function(e){e.O(0,[9226,5675,9316,2888,9774,179],function(){return e(e.s=57428)}),_N_E=e.O()}]);