https://nelkeonlineshop.jp/_next/static/chunks/pages/signup-b662eba12bb76bf5.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4252],{4770:(e,n,i)=>{"use strict";i.r(n),i.d(n,{__N_SSG:()=>H,default:()=>Q});var r=i(3798),s=i(4499),l=i(3456),o=i(3905),t=i(9671),a=i(1416),c=i(8259),d=i(3835),u=i(6576),m=i(4548),f=i(2419),x=i(7107),h=i(881),p=i(3377),g=i(3586),j=i(1462),b=i(899),y=i(2582),S=i(8123),w=i(8389),C=i(9701),v=i(6108),_=i(1311),z=i(5594),k=i(8803),F=i(534),D=i(5267),I=i(654),O=i(7120),V=i(7613),W=i(6452),N=i(6923),P=i(3123),E=i(4467),$=i(1658),L=i(4067);let M=e=>{var n,i;let{register:s,handleSubmit:l,formState:o}=(0,$.mN)();return(0,r.jsxs)(_.aF,{isOpen:e.isOpen,onClose:e.onClose,size:"xl",children:[(0,r.jsx)(z.m,{}),(0,r.jsxs)(k.$,{children:[(0,r.jsx)(F.r,{children:"メールアドレスで会員登録"}),(0,r.jsx)(D.s,{}),(0,r.jsx)(I.c,{justifyContent:"center",alignContent:"center",pb:8,children:(0,r.jsx)(c.m,{maxW:"lg",children:(0,r.jsxs)(O.B.form,{display:"flex",flexDir:"column",gap:6,children:[(0,r.jsx)(h.E,{fontWeight:"bold",children:"メールアドレスとパスワードを設定してください"}),(0,r.jsxs)(V.MJ,{isInvalid:null!=o.errors.email,isReadOnly:e.isSubmitting,children:[(0,r.jsx)(W.l,{children:"メールアドレス"}),(0,r.jsx)(N.p,{type:"email",placeholder:"[email protected]",...s("email",{required:{value:!0,message:"メールアドレスを入力してください"},pattern:{value:/\S+@\S+\.\S+/,message:"メールアドレスの形式が正しくありません、正しいメールアドレスを入力してください。"}})}),(0,r.jsx)(P.Wt,{children:null==(n=o.errors.email)?void 0:n.message})]}),(0,r.jsxs)(V.MJ,{isInvalid:null!=o.errors.password,isReadOnly:e.isSubmitting,children:[(0,r.jsx)(W.l,{children:"パスワード"}),(0,r.jsx)(N.p,{type:"password",placeholder:"８ケタ以上の半角英数字",...s("password",{required:{value:!0,message:"パスワードを入力してください"},minLength:{value:8,message:"パスワードは8文字以上です"},pattern:{value:/^[a-zA-Z0-9!@#$%^&*]+$/,message:"パスワードは半角英数字で入力してください"}})}),(0,r.jsx)(P.Wt,{children:null==(i=o.errors.password)?void 0:i.message})]})]})})}),(0,r.jsx)(E.j,{alignItems:"center",justifyContent:"center",pb:12,children:(0,r.jsx)(L.D,{title:"登録する",h:12,w:300,fontSize:16,fontWeightNumber:600,border:"1px",bgColor:"brand.600",color:"brand",loading:e.isSubmitting,handleSubmit:l(async n=>{await e.onSubmit(n)})})})]})]})},R=e=>{let n=(0,$.mN)(),i=(0,$.mN)(),s=(0,a.j)(),[l,o]=(0,t.C)(),c=()=>{e.onClose(),s.onClose()},d=async n=>{try{await e.onSendVerifyCode(n),s.onOpen()}catch(e){console.error(e)}},u=async n=>{o.on();try{await e.onVerifyPhonenumber(n)}finally{o.off()}};return s.isOpen?(0,r.jsxs)(_.aF,{isOpen:e.isOpen,onClose:c,size:"xl",children:[(0,r.jsx)(z.m,{}),(0,r.jsx)(k.$,{children:(0,r.jsx)(J,{verifyPhonenumberForm:i,isVerifying:l,onSendVerifyCode:d,onVerifyPhonenumber:u,phonenumberForm:n})})]}):(0,r.jsxs)(_.aF,{isOpen:e.isOpen,onClose:c,size:"xl",children:[(0,r.jsx)(z.m,{}),(0,r.jsx)(k.$,{children:(0,r.jsx)(q,{signinForm:n,isSubmitting:e.isSubmitting,onSendVerifyCode:d,onSentVerifyCodeModal:s.onOpen})})]})},q=e=>{var n;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(F.r,{children:"電話番号で会員登録"}),(0,r.jsx)(D.s,{}),(0,r.jsx)(I.c,{justifyContent:"center",alignContent:"center",pb:8,children:(0,r.jsx)(c.m,{maxW:"lg",children:(0,r.jsxs)(O.B.form,{display:"flex",flexDir:"column",gap:6,onSubmit:e.signinForm.handleSubmit(e.onSendVerifyCode),children:[(0,r.jsx)(h.E,{fontWeight:"bold",children:"電話番号を入力してください(ハイフンなし)"}),(0,r.jsxs)(V.MJ,{isInvalid:null!=e.signinForm.formState.errors.phonenumber,isReadOnly:e.isSubmitting,children:[(0,r.jsx)(N.p,{type:"text",placeholder:"09012345678",...e.signinForm.register("phonenumber",{required:{value:!0,message:"有効な電話番号ではありません、再度電話番号を入力してください"},maxLength:{value:11,message:"08012345678の場合は8012345678を入力してください"},pattern:{value:/([0-9]{9,})/,message:"08012345678の場合は8012345678を入力してください"}})}),(0,r.jsx)(P.Wt,{children:null==(n=e.signinForm.formState.errors.phonenumber)?void 0:n.message})]})]})})}),(0,r.jsx)(E.j,{flexDir:"column",alignItems:"center",justifyContent:"center",pb:12,gap:4,children:(0,r.jsx)(L.D,{title:"次へ",h:12,w:300,fontSize:16,fontWeightNumber:600,border:"1px",bgColor:"brand.600",color:"brand",loading:e.isSubmitting,handleSubmit:e.signinForm.handleSubmit(e.onSendVerifyCode)})})]})},J=e=>{var n;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(F.r,{children:"電話番号で会員登録"}),(0,r.jsx)(D.s,{}),(0,r.jsx)(I.c,{justifyContent:"center",alignContent:"center",pb:8,children:(0,r.jsx)(c.m,{maxW:"lg",children:(0,r.jsxs)(O.B.form,{display:"flex",flexDir:"column",gap:6,onSubmit:e.verifyPhonenumberForm.handleSubmit(e.onVerifyPhonenumber),children:[(0,r.jsxs)(h.E,{fontWeight:"bold",children:["電話番号確認のメッセージをSMSに送りました",(0,r.jsx)("br",{}),"SMSに届いた6ケタの認証コードを入力してください"]}),(0,r.jsxs)(V.MJ,{isInvalid:null!=e.verifyPhonenumberForm.formState.errors.verify_code,children:[(0,r.jsx)(N.p,{type:"text",placeholder:"6ケタの認証コード",...e.verifyPhonenumberForm.register("verify_code",{required:{value:!0,message:"認証コードを入力してください"},min:{value:6,message:"認証コードが正しくありません"}})}),(0,r.jsx)(P.Wt,{children:null==(n=e.verifyPhonenumberForm.formState.errors.verify_code)?void 0:n.message})]})]})})}),(0,r.jsxs)(E.j,{flexDir:"column",alignItems:"center",justifyContent:"center",pb:12,gap:4,children:[(0,r.jsx)(L.D,{title:"登録する",h:12,w:300,fontSize:16,fontWeightNumber:600,border:"1px",bgColor:"brand.600",color:"brand",loading:e.isVerifying,handleSubmit:e.verifyPhonenumberForm.handleSubmit(e.onVerifyPhonenumber)}),(0,r.jsx)(m.$,{colorScheme:"brand",variant:"link",w:"full",maxW:"sm",onClick:e.phonenumberForm.handleSubmit(e.onSendVerifyCode),isLoading:e.isVerifying,children:"認証コードを再送する"})]})]})};var T=i(4017),B=i.n(T),G=i(2537),U=i(9901),Z=i(3265),A=i(1447),X=i(6440),H=!0;function Q(e){let{metaTag:n}=e,i=(0,o.d)(),_=(0,l.useRouter)(),z=(0,S.a)(),[k,F]=(0,t.C)(),D=(0,a.j)(),I=(0,a.j)(),[O,V]=(0,j.use

1State)(null),W=async e=>{try{F.on(),await G.Q.signup(e,z,_,i)}catch(e){e instanceof A.z&&V(e.compensated?"signup_retry":"contact_support")}finally{F.off()}},N=async e=>{F.on();try{null==window.recaptchaVerifier&&(window.recaptchaVerifier=new g.kT(z,"phonenumber-signup-div",{size:"invisible"}));let n=await (0,g.ik)(z,"+81 ".concat(e.phonenumber),window.recaptchaVerifier);i({title:"認証コードを送信しました",status:"success",duration:3e3}),window.confirmationResult=n}catch(e){throw i({title:"認証コードの送信に失敗しました",description:(0,v.m9)(e),status:"error",duration:9e3}),F.off(),e}},P=async e=>{F.on();try{let n=await window.confirmationResult.confirm(e.verify_code);if(n.user){let e=await (0,A.y)(n.user);if(!e.success)return void V(e.compensated?"signup_retry":"contact_support")}I.onClose()}catch(e){i({title:"認証コードの確認に失敗しました",description:(0,v.m9)(e),status:"error",duration:9e3});return}finally{F.off()}},E=async()=>{F.on();let e=new g.HF;try{let n=await (0,g.df)(z,e),i=await (0,A.y)(n.user);i.success||V(i.compensated?"signup_retry":"contact_support")}catch(e){i({title:"Googleアカウントでのログインに失敗しました",description:(0,v.m9)(e),status:"error",duration:9e3})}finally{F.off()}},$=async()=>{try{if(F.on(),await (0,U.S)("ja"),await Z.s.appleLogin("ja",z),z.currentUser){let e=await (0,A.y)(z.currentUser);e.success||V(e.compensated?"signup_retry":"contact_support")}}finally{F.off()}};return(0,r.jsx)(s.C,{metaTag:n,children:(0,r.jsxs)(w.j,{id:"signup",children:[(0,r.jsx)(c.m,{py:8,h:"full",children:(0,r.jsxs)(d.s,{flexDir:"column",display:"flex",alignItems:"center",gap:6,children:[(0,r.jsx)(d.s,{flexDir:"column",display:"flex",alignItems:"center",w:"full",children:(0,r.jsx)(u.D,{fontSize:"2xl",children:"アカウントを作成する"})}),(0,r.jsxs)(d.s,{flexDir:"column",w:"full",gap:4,children:[(0,r.jsx)(d.s,{flexDir:"column",display:"flex",alignItems:"start",w:"full",children:(0,r.jsx)(u.D,{fontSize:"lg",children:"サービス連携でカンタン登録"})}),(0,r.jsx)(m.$,{color:"gray.500",bgColor:"white",borderColor:"black",fontSize:16,textColor:"black",py:6,border:"1px solid",_hover:{bgColor:"gray.100"},leftIcon:(0,r.jsx)(f.I,{as:y.F4b,boxSize:6}),rightIcon:(0,r.jsx)(f.I,{as:y.F4b,visibility:"hidden"}),onClick:E,isLoading:k,iconSpacing:"auto",w:"full",children:"Googleで新規登録"}),(0,r.jsx)(m.$,{fontSize:16,py:6,bgColor:"white",borderColor:"black",border:"1px solid",textColor:"black",w:"full",_hover:{bgColor:"gray.50"},leftIcon:(0,r.jsx)(f.I,{as:b.uZz,boxSize:6}),rightIcon:(0,r.jsx)(f.I,{as:b.uZz,visibility:"hidden"}),onClick:$,iconSpacing:"auto",isLoading:k,children:"Apple IDで新規登録"})]}),(0,r.jsxs)(d.s,{flexDir:"column",w:"full",gap:3,children:[(0,r.jsx)(d.s,{flexDir:"column",display:"flex",alignItems:"start",w:"full",children:(0,r.jsx)(u.D,{fontSize:"lg",children:"その他の方法"})}),(0,r.jsx)(m.$,{fontSize:16,py:6,colorScheme:"brand",variant:"outline",w:"full",onClick:D.onOpen,iconSpacing:"auto",isLoading:k,children:"メールアドレスで新規登録"}),(0,r.jsxs)(d.s,{flexDir:"column",w:"full",children:[(0,r.jsx)(x.a,{w:8}),(0,r.jsx)(h.E,{fontSize:12,textColor:"black",children:"※上記より会員登録をされた場合、本サービスの利用規約に同意したものとみなします。"}),(0,r.jsxs)(d.s,{flexDir:"row",w:"full",children:[(0,r.jsx)(h.E,{fontSize:12,textColor:"black",children:"利用規約は"}),[{label:"こちら",href:"/kiyaku"}].map((e,n)=>(0,r.jsx)(p.N,{as:B(),fontSize:"xs",textColor:"blue",variant:"link",href:e.href,isExternal:!0,children:e.label},n))]})]}),(0,r.jsx)(M,{isOpen:D.isOpen,onClose:D.onClose,onSubmit:W,isSubmitting:k}),(0,r.jsx)(R,{isOpen:I.isOpen,onClose:()=>{I.onClose(),F.off()},onSendVerifyCode:N,onVerifyPhonenumber:P,isSubmitting:k})]}),(0,r.jsxs)(d.s,{flexDir:"column",display:"flex",alignItems:"start",w:"full",mt:4,mb:4,children:[(0,r.jsx)(h.E,{fontSize:"xs",pb:2,children:"すでにアカウントをお持ちの方"}),(0,r.jsx)(m.$,{colorScheme:"brand",py:6,w:"full",variant:"outline",onClick:()=>{_.push(C.y.login.$url())},children:"ログイン"})]})]})}),O&&(0,r.jsx)(X.S,{isOpen:null!==O,onClose:()=>V(null),scenario:O,returnUrl:_.query.return_url})]})})}},5980:(e,n,i)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/signup",function(){return i(4770)}])}},e=>{var n=n=>e(e.s=n);e.O(0,[8031,4916,3365,9541,9479,2247,3384,1279,7704,4499,2972,636,6593,8792],()=>n(5980)),_N_E=e.O()}]);