https://happykids.id/_next/static/chunks/app/(auth)/register/page-935ac4a4b34b1e97.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9566],{64434:function(e,t,a){Promise.resolve().then(a.bind(a,26065))},26065:function(e,t,a){"use strict";a.d(t,{default:function(){return W}});var n=a(57437),s=a(48614),r=a(9932),i=a(74520),l=a(57211),o=a(26144),d=a(39451),c=a(66812),u=a(27774),m=a(99376),h=a(13590),x=a(2265),f=a(29501),p=a(72914),g=a(45394),b=a(44180),j=a(2039),k=a(97562),N=a(63448),v=a(98250),w=a(52280),y=a(82262),C=a(33145),S=a(64031),z=a(79147);function I(e){let{email:t,onOpenConfirm:a,onSureSubmit:s,isOpenConfirm:r,setIsOpenConfirm:i,isAcceptTerms:l}=e;return(0,n.jsxs)(z.Vq,{open:r,onOpenChange:i,children:[(0,n.jsx)(S.z,{variant:"orange","data-testid":"hk-register-confirm-button",size:"lg",type:"button",className:"mb-4 mt-20 w-full",disabled:!l,onClick:a,children:"Daftar"}),(0,n.jsx)(z.cZ,{showCloseIcon:!1,className:"w-[90%] bg-beige-100 md:w-[362px]",children:(0,n.jsxs)("div",{"data-testid":"hk-register-confirm-container",className:"flex flex-col items-center justify-center",children:[(0,n.jsx)(C.default,{"data-testid":"hk-register-confirm-image",src:"/icon/email-neutral.svg",alt:"email",width:80,height:80}),(0,n.jsx)("p",{"data-testid":"hk-register-confirm-title",className:"mt-6 text-sm text-neutral-500",children:"Apakah email Anda sudah benar?"}),(0,n.jsx)("p",{"data-testid":"hk-register-confirm-email",className:"mb-6 mt-1 text-lg font-semibold text-neutral-500",children:t}),(0,n.jsxs)("div",{className:"flex w-full items-center gap-2",children:[(0,n.jsx)(S.z,{type:"button","data-testid":"hk-register-change-button",variant:"outlined",className:"w-full",onClick:()=>i(!1),children:"Ubah"}),(0,n.jsx)(S.z,{"data-testid":"hk-register-submit-button",variant:"orange",type:"button",className:"w-full",onClick:s,children:"Benar"})]})]})})]})}var _=a(75183);function V(){return(0,n.jsx)(_.E.div,{"data-testid":"hk-name-information",initial:{height:0},animate:{height:68},exit:{height:0},transition:{type:"tween",duration:.4,ease:[.25,.46,.45,.94]},className:"w-[362px] px-4 py-2 text-start",children:(0,n.jsx)("p",{className:"text-sm leading-5",children:"Isi Nama Anda di sini, bukan nama anak. Anda akan menambahkan nama Anak di langkah berikutnya."})})}function W(e){let{emailRules:t,postLoginHost:a,isElearning:C}=e,{form:S,isPending:z,isAcceptTerms:_,isOpenConfirm:W,isFirstNameFocus:A,isLastNameFocus:E,queryString:P,setIsOpenConfirm:G,setIsAcceptTerms:K,setIsFirstNameFocus:Z,setIsLastNameFocus:B,onSubmit:F,onSureSubmit:O,onOpenConfirm:R,setSelectedDialCode:D}=function(e){let{emailRules:t,postLoginHost:a,isElearning:n}=e,[s,r]=(0,x.useTransition)(),[i,l]=(0,x.useState)(!1),[o,d]=(0,x.useState)(!1),[c,u]=(0,x.useState)(!1),[C,S]=(0,x.useState)(!1),z=(0,m.useSearchParams)(),I=z.toString(),{toast:_}=(0,g.p)(),V=(0,b.du)(t),[W,A]=(0,x.useState)(""),E=(0,f.cI)({resolver:(0,h.F)(V),defaultValues:{email:"",password:"",firstName:"",lastName:"",phoneNumber:"",passwordConfirm:""}}),{isKonsul:P}=(0,p.o)(),G=z.get("next")||"",K="/dapur"===G||G.startsWith("/dapur/"),Z=z.get("utm_source")||"",B=z.get("utm_medium")||"",F=z.get("utm_campaign")||"",O=z.get("utm_content")||"",R=z.get("utm_term")||"";async function D(e){r(async()=>{if(e.password!==e.passwordConfirm){_({title:"Error!",description:"Password tidak sama!"});return}let t=await (0,k.zl)({email:e.email,password:e.password,firstName:e.firstName,lastName:e.lastName,phoneNumber:(0,w.W4)(e.phoneNumber,W),utmSource:Z,utmMedium:B,utmCampaign:F,utmContent:O,utmTerm:R});if("error"===t.status){_({title:"Error!",description:t.errors,variant:"destructive"});return}let s=n&&!K&&!P;_({title:"Success",description:"Kamu telah terdaftar! ".concat(P?"Silahkan isi data anak":s?"Silahkan pilih kelas Anda":"Selamat belajar")});let r="/belajar";if(s){let e=await (0,j.Y9)();(null==e?void 0:e.token)&&(r="/catalog/".concat(e.token,"?from=register"))}let i=K?G:P?"/konsultasi/detail-anak":r;await (0,N.y)();let l=(0,v.N_)(i,z);window.open((0,y.mO)(l,a),"_self")})}async function J(){await E.trigger()&&l(!0)}return{form:E,isPending:s,isOpenConfirm:i,isAcceptTerms:o,isFirstNameFocus:c,isLastNameFocus:C,queryString:I,onOpenConfirm:J,onSureSubmit:function(){l(!1),E.handleSubmit(D)()},setIsOpenConfirm:l,setIsAcceptTerms:d,setIsFirstNameFocus:u,setIsLastNameFocus:S,onSubmit:D,setSelectedDialCode:A}}({emailRules:t,postLoginHost:a,isElearning:C}),{isPasswordFocus:J,validation:M,setIsPasswordFocus:q}=(0,r.Z)({watcher:S.watch("password")});return(0,n.jsxs)("div",{"data-testid":"hk-register-form",className:"flex flex-col items-center text-neutral-500",children:[(0,n.jsx)("h4",{"data-testid":"hk-register-title",className:"text-2xl font-medium",children:"Buat Akun"}),(0,n.jsxs)("div",{className:"mt-1 flex gap-1 text-sm font-light leading-5",children:[(0,n.jsx)("p",{children:"Sudah punya Akun?"}),(0,n.jsx)(u.LinkWithParams,{"data-testid":"hk-register-link-login",href:"/login".concat(P?"?".concat(P):""),className:"font-semibold text-secondary-orange-700 underline",children:"Masuk"})]}),(0,n.jsx)("div",{className:"mt-10 flex w-full flex-col justify-center space-y-8 md:w-[343px]",children:(0,n.jsx)(d.l0,{...S,children:(0,n.jsxs)("form",{onSubmit:S.handleSubmit(F),method:"POST",action:"#",children:[(0,n.jsxs)("div",{className:"space-y-4",children:[(0,n.jsxs)("div",{children:[(0,n.jsx)(d.Wi,{control:S.control,name:"firstName",render:e=>{let{field:t}=e;return(0,n.jsxs)(d.xJ,{children:[(0,n.jsx)(d.zG,{}),(0,n.jsx)(d.NI,{children:(0,n.jsx)(c.I,{theme:"light",label:"Nama Depan",...t,onFocus:()=>Z(!0),onBlur:()=>Z(!1)})})]})}}),A?(0,n.jsx)(s.M,{children:(0,n.jsx)(V,{})}):null]}),(0,n.jsxs)("div",{children:[(0,n.jsx)(d.Wi,{control:S.control,name:"lastName",render:e=>{let{field:t}=e;return(0,n.jsxs)(d.xJ,{children:[(0,n.jsx)(d.zG,{}),(0,n.jsx)(d.NI,{children:(0,n.jsx)(c.I,{theme:"light",label:"Nama Belakang",...t,onFocus:()=>B(!0),onBlur:()=>B(!1)})})]})}}),E?(0,n.jsx)(s.M,{children:(0,n.jsx)(V,{})}):null]}),(0,n.jsx)(d.Wi,{control:S.control,name:"email",render:e=>{let{field:t}=e;return(0,n.jsxs)(d.xJ,{children:[(0,n.jsx)(d.zG,{}),(0,n.jsx)(d.NI,{children:(0,n.jsx)(c.I,{theme:"light",type:"email",label:"Email",placeholder:"[email protected]",inputMode:"email",disabled:z,...t})})]})}}),(0,n.jsx)(d.Wi,{control:S.control,name:"phoneNumber",render:e=>{let{field:t}=e;return(0,n.jsxs)(d.xJ,{children:[(0,n.jsx)(d.zG,{}),(0,n.jsx)(d.NI,{children:(0,n.jsx)(l.Z,{theme:"light",placeholder:"Nomor Whatsapp",placeholderClass:"placeholder:!text-neutral-500",value:t.value,onChange:(e,a)=>{D(a.dialCode),t.onChange(e)}})})]})}}),(0,n.jsxs)("div",{children:[(0,n.jsx)(d.Wi,{control:S.control,name:"password",render:e=>{let{field:t}=e;return(0,n.jsxs)(d.xJ,{children:[(0,n.jsx)(d.zG,{}),(0,n.jsx)(d.NI,{children:(0,n.jsx)(c.I,{theme:"light",type:"password",label:"Kata Sandi",disabled:z,...t,autoComplete:"one-time-code",onFocus:()=>q(!0),onBlur:()=>q(!1)})})]})}}),J&&M.some(e=>!e.isValid)?(0,n.jsx)(i.Z,{theme:"light",validation:M}):null]}),(0,n.jsx)(d.Wi,{control:S.control,name:"passwordConfirm",render:e=>{let{field:t}=e;return(0,n.jsxs)(d.xJ,{children:[(0,n.jsx)(d.zG,{}),(0,n.jsx)(d.NI,{children:(0,n.jsx)(c.I,{theme:"light",type:"password",label:"Konfirmasi Kata Sandi",disabled:z,autoComplete:"one-time-code",...t})})]})}}),(0,n.jsxs)("div",{className:"items-top z-10 flex space-x-2",children:[(0,n.jsx)(o.X,{id:"terms",theme:"light","data-testid":"hk-register-terms-checkbox",checked:_,onCheckedChange:e=>K(e)}),(0,n.jsxs)("p",{className:"text-sm leading-4",children:[(0,n.jsxs)("label",{htmlFor:"terms","data-testid":"hk-register-terms-label",className:"peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:["Saya setuju dengan"," "]}),(0,n.jsx)(u.LinkWithParams,{href:"/snk","data-testid":"hk-register-terms-snk-link",className:"font-semibold underline",children:"S&K"})]})]})]}),(0,n.jsx)(I,{email:S.watch("email"),onOpenConfirm:R,onSureSubmit:O,isOpenConfirm:W,setIsOpenConfirm:G,isAcceptTerms:_})]})})})]})}},74520:function(e,t,a){"use strict";a.d(t,{Z:function(){return l}});var n=a(57437),s=a(33145),r=a(75183),i=a(53770);function l(e){let{validation:t,theme:a}=e;return(0,n.jsxs)(r.E.div,{"data-testid":"hk-password-validation-popup",initial:{height:0},animate:{height:72},exit:{height:0},transition:{type:"tween",duration:.4,ease:[.25,.46,.45,.94]},className:(0,i.cn)("flex flex-col justify-center px-4 pt-2 text-start text-xs text-neutral-200","light"===a&&"text-neutral-500"),

1children:[(0,n.jsx)("p",{className:"mb-2 font-semibold",children:"Kata Sandi harus menggunakan:"}),(0,n.jsx)("div",{className:"grid grid-cols-2 gap-1",children:t.map(e=>(0,n.jsxs)("div",{"data-testid":"hk-password-validation-".concat(e.id),className:"flex items-center gap-1",children:[(0,n.jsx)(s.default,{"data-testid":"hk-password-validation-".concat(e.id,"-icon"),src:e.isValid?"/icon/check-green-circle.svg":"/icon/cross-red-circle.svg",width:12,height:12,alt:"validation icon"}),(0,n.jsx)("p",{children:e.label})]},e.id))})]})}},57211:function(e,t,a){"use strict";var n=a(57437),s=a(2265),r=a(36576),i=a.n(r);a(54074);var l=a(53770),o=a(39451);let d=s.forwardRef((e,t)=>{let{theme:a="dark",placeholderClass:r,...d}=e,{error:c}=(0,o.YV)(),u="light"===a,m=s.useRef(null),[h,x]=s.useState(!1),f=!h&&!d.value;return(0,n.jsx)("div",{ref:m,"data-testid":"hk-container-phone-input","data-theme":u?"light":"dark",children:(0,s.createElement)(i(),{country:"id",countryCodeEditable:!1,enableSearch:!0,placeholder:"Nomor Telepon",inputClass:(0,l.cn)("!flex !h-[54px] !w-full !rounded-md !border !text-neutral-200 !bg-neutral-700 !px-14 !py-1 !text-base !shadow-sm !transition-colors !file:border-0 !file:bg-transparent !file:text-sm !file:font-medium !placeholder:text-neutral-400 !focus-visible:outline-none !focus-visible:ring-1 !focus-visible:ring-ring !disabled:cursor-not-allowed !disabled:opacity-50",u&&"!text-neutral-500 !bg-beige-300 !border-beige-500",c?"!border-destructive":u?"!border-beige-500":"!border-neutral-700",r),buttonClass:(0,l.cn)("!rounded-l-md !py-3 !bg-neutral-700 !px-2 !border-r-0",u&&"!text-neutral-500 !bg-beige-300 !border-beige-500",c?"!border-destructive":u?"!border-beige-500":"!border-neutral-700"),dropdownClass:(0,l.cn)("!bg-neutral-600 !border-none !shadow-sm !pl-4 rounded-md",u&&"!bg-beige-300"),containerClass:"!z-20",searchClass:u?"!bg-beige-100 !text-neutral-500":"",searchPlaceholder:"Cari Negara",...d,key:f?"hk-phone-placeholder":"hk-phone-dial-code",disableCountryCode:f,onFocus:function(e){var t;x(!0),null===(t=d.onFocus)||void 0===t||t.call(d,e,{}),f&&requestAnimationFrame(()=>{var e;let t=null===(e=m.current)||void 0===e?void 0:e.querySelector("input");t&&(t.focus(),t.setSelectionRange(t.value.length,t.value.length))})},onBlur:function(e){var t;x(!1),null===(t=d.onBlur)||void 0===t||t.call(d,e,{})}})})});d.displayName="PhoneInput",t.Z=d},26144:function(e,t,a){"use strict";a.d(t,{X:function(){return o}});var n=a(57437),s=a(9270),r=a(97829),i=a(2265),l=a(53770);let o=i.forwardRef((e,t)=>{let{className:a,theme:i="dark",...o}=e;return(0,n.jsx)(s.fC,{ref:t,className:(0,l.cn)("peer h-4 w-4 shrink-0 rounded border border-neutral-700 bg-neutral-700 shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground","light"===i&&"border-beige-700 bg-beige-300 data-[state=checked]:border-secondary-orange-500 data-[state=checked]:bg-secondary-orange-500 data-[state=checked]:text-neutral-500",a),...o,children:(0,n.jsx)(s.z$,{className:(0,l.cn)("flex items-center justify-center text-current"),children:(0,n.jsx)(r.nQG,{className:"-mt-[1px] h-4 w-4"})})})});o.displayName=s.fC.displayName},79147:function(e,t,a){"use strict";a.d(t,{$N:function(){return f},GG:function(){return u},Vq:function(){return o},cZ:function(){return h},fK:function(){return x},hg:function(){return d}});var n=a(57437),s=a(33145),r=a(49027),i=a(2265),l=a(53770);let o=r.fC,d=r.xz,c=r.h_,u=r.x8,m=i.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,n.jsx)(r.aV,{ref:t,className:(0,l.cn)("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",a),...s})});m.displayName=r.aV.displayName;let h=i.forwardRef((e,t)=>{let{className:a,children:i,showCloseIcon:o=!0,showTitle:d=!0,showDescription:u=!0,...h}=e;return(0,n.jsxs)(c,{children:[(0,n.jsx)(m,{}),(0,n.jsxs)(r.VY,{ref:t,className:(0,l.cn)("fixed left-[50%] top-[50%] z-50 box-border grid w-max translate-x-[-50%] translate-y-[-50%] gap-4 bg-[#061014] bg-opacity-90 p-6 pb-0 shadow-lg backdrop-blur-xl backdrop-brightness-150 backdrop-filter duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rou

1nded-lg",a),...h,children:[i,(0,n.jsx)(r.Dx,{className:d?"":"hidden"}),(0,n.jsx)(r.dk,{className:u?"":"hidden"}),o?(0,n.jsxs)(r.x8,{"data-testid":"hk-dialog-close",className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",onClick:h.onClose,children:[(0,n.jsx)(s.default,{src:"/icon/x-white.svg",alt:"x",width:32,height:32}),(0,n.jsx)("span",{className:"sr-only",children:"Close"})]}):null]})]})});h.displayName=r.VY.displayName;let x=e=>{let{className:t,...a}=e;return(0,n.jsx)("div",{className:(0,l.cn)("flex flex-col space-y-1.5 text-center sm:text-left",t),...a})};x.displayName="DialogHeader";let f=i.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,n.jsx)(r.Dx,{ref:t,className:(0,l.cn)("mb-10 text-lg font-semibold leading-none tracking-tight",a),...s})});f.displayName=r.Dx.displayName,i.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,n.jsx)(r.dk,{ref:t,className:(0,l.cn)("text-sm text-muted-foreground",a),...s})}).displayName=r.dk.displayName},27774:function(e,t,a){"use strict";a.r(t),a.d(t,{LinkWithParams:function(){return o}});var n=a(57437),s=a(27648),r=a(99376),i=a(2265),l=a(98250);function o(e){let{href:t,preserveParams:a=!0,...o}=e,d=(0,r.useSearchParams)(),c=(0,i.useMemo)(()=>{if(!a)return t;let e=t.toString(),n=(0,l.N_)(e,d);return n===e?t:n},[t,d,a]);return(0,n.jsx)(s.default,{href:c,...o})}},9932:function(e,t,a){"use strict";a.d(t,{Z:function(){return r}});var n=a(2265),s=a(44180);function r(e){let{watcher:t}

1=e,[a,r]=(0,n.useState)(!1),[i,l]=(0,n.useState)(s.No);return(0,n.useEffect)(()=>{l(e=>e.map(e=>{switch(e.id){case"minLength":return{...e,isValid:t.length>=8};case"lowercase":return{...e,isValid:/[a-z]/.test(t)};case"uppercase":return{...e,isValid:/[A-Z]/.test(t)};case"digit":return{...e,isValid:/\d/.test(t)};default:return e}}))},[t]),{isPasswordFocus:a,validation:i,setIsPasswordFocus:r}}},72914:function(e,t,a){"use strict";a.d(t,{o:function(){return n}});let n=(0,a(59625).Ue)()(e=>({isKonsul:!1,setIsKonsul:t=>e({isKonsul:t})}))}},function(e){e.O(0,[8826,8310,6137,5878,6620,3400,5682,282,3571,8745,5183,237,7833,5553,8316,2810,8939,2391,2971,8966,1744],function(){return e(e.s=64434)}),_N_E=e.O()}]);