https://www.lezhin.com/_next/static/chunks/33992.5472edf60fd4ac79.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[33992],{33992:function(e,a,i){i.r(a),i.d(a,{default:function(){return C}});var l=i(27573),n=i(47035),s=i(27812),d=i(25140),r=i(25650),t=i(20424),o=i(31529),u=i(33854),p=i(76937),m=i(44209),c=i(78664),g=i(77930),h=i(15969),b=i(7653),v=i(17307);let x=["name","mobile","zipCode","address","detailAddress","email"],y=["name","mobile","address","detailAddress","zipCode","countryCode","email"];var C=e=>{let{orderId:a,isGroupForUS:i,shipping:s,onSave:t}=e,[m,c]=(0,b.useState)(s),C=(0,o.useAppConfigStore)(),{_t:z}=(0,n.X)(),{createSnackbar:Z}=(0,u.Z)(),q=(0,g.useQueryClient)(),{mutateAsync:A}=(0,h.useMutation)({mutationFn:()=>(0,v.s)({me:C.id||0,orderId:a||0,email:(null==m?void 0:m.email)||"",mobile:(null==m?void 0:m.mobile)||"",name:(null==m?void 0:m.name)||"",countryCode:(null==m?void 0:m.countryCode)||"",zipCode:(null==m?void 0:m.zipCode)||"",address:(null==m?void 0:m.address)||"",detailAddress:(null==m?void 0:m.detailAddress)||""},{appConfig:C}),onSuccess:async()=>{await q.invalidateQueries({queryKey:v.g.keyFactory({me:C.id,orderId:a},{appConfig:C})}),t()},onError:()=>{Z(z(e=>e.common.error.failOver))}}),S=(0,b.useCallback)(e=>{e.preventDefault();let a=i?y:x;if(!m||a.some(e=>!m[e])){(0,d.Z)("warn",m);return}let l=null;if(i?/^\+1-([0-9]{3})-([0-9]{3})-([0-9]{4})$/.test(m.mobile||"")?(0,r.u$)(m.email||"")||(l={$input:e.currentTarget.querySelector("input[name=shipping-email]"),msg:"Email format incorrect."}):l={$input:e.currentTarget.querySelector("input[name=shipping-mobile]"),msg:"Phone number format incorrect"}:/^(\d{3})-([0-9]{3,4})-([0-9]{4})$/.test(m.mobile||"")?(0,r.u$)(m.email||"")||(l={$input:e.currentTarget.querySelector("input[name=shipping-email]"),msg:"이메일 양식을 확인해주세요."}):l={$input:e.currentTarget.querySelector("input[name=shipping-mobile]"),msg:"휴대폰 번호 양식을 확인해주세요."},l){let e=l.$input;null==e||e.setAttribute("readonly","true"),null==e||e.focus(),setTimeout(()=>null==e?void 0:e.removeAttribute("readonly"),100),Z(l.msg);return}A()},[m,i,A,Z]);return(0,l.jsxs)("form",{noValidate:!0,onSubmit:S,children:[(0,l.jsx)("div",{className:"flex flex-col gap-16 text-soft px-20 py-24 bg-bg-subtle",children:i?(0,l.jsx)(f,{shipping:m,setShipping:c}):(0,l.jsx)(j,{shipping:m,setShipping:c})}),(0,l.jsx)(p.Z,{type:"submit",size:"sm",className:"flex max-w-[248px] w-full mx-auto mt-16",disabled:(i?y:x).some(e=>!(null==m?void 0:m[e])),children:"저장"})]})};let f=e=>{let{shipping:a,setShipping:i}=e,n=e=>{let a=e.target.name.replace("shipping-","");if("mobile"===a){i(i=>({...i,[a]:(0,r.Bd)(e.target.value)}));return}i(i=>({...i,[a]:e.target.value}))};return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(m.Z,{classes:{base:"bg-bg-default"},variant:"contained",id:"shipping-name",name:"shipping-name",label:"Full name (First and Last name)",value:null==a?void 0:a.name,maxLength:40,required:!0,placeholder:"First and Last name",onChange:n}),(0,l.jsx)(m.Z,{classes:{base:"bg-bg-default"},variant:"contained",id:"shipping-mobile",name:"shipping-mobile",value:null==a?void 0:a.mobile,label:"Phone number",maxLength:15,required:!0,placeholder:"Enter phone number",onChange:n}),(0,l.jsxs)("div",{className:"flex flex-col gap-22",children:[(0,l.jsx)(m.Z,{classes:{base:"bg-bg-default"},variant:"contained",id:"shipping-address",name:"shipping-address",label:"Address",value:null==a?void 0:a.address,maxLength:100,required:!0,placeholder:"Street address, Apt/Suite",onChange:n}),(0,l.jsx)(m.Z,{classes:{base:"bg-bg-default"},variant:"contained",id:"shipping-detailAddress",name:"shipping-detailAddress",value:null==a?void 0:a.detailAddress,maxLength:100,required:!0,placeholder:"City, State/Province",onChange:n})]}),(0,l.jsx)(m.Z,{classes:{base:"bg-bg-default"},variant:"contained",id:"shipping-zipCode",name:"shipping-zipCode",label:"ZIP Code",maxLength:11,value:null==a?void 0:a.zipCode,required:!0,placeholder:"Postal code",onChange:n}),(0,l.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,l.jsx)("label",{className:"lzTypography lzTypography-Body2xs lzTypography-Regular lzTypography-Compact lzTextField-Label","data-required":!0,children:"Country"}),(0,l.jsxs)("select",{id:"shipping-country",name:"shipping-country",className:"lzTypography lzTypography-BodyLg text-muted px-12 py-8 border-1 border-round-xs",value:null==a?void 0:a.countryCode,onChange:e=>{i(a=>({...a,countryCode:e.target.value}))},children:[(0,l.jsx)("option",{value:"us",children:"United States"}),(0,l.jsx)("option",{value:"ca",children:"Canada"})]})]}),(0,l.jsxs)("div",{children:[(0,l.jsx)(m.Z,{classes:{base:"bg-bg-default"},variant:"contained",id:"shipping-email",name:"shipping-email",value:null==a?void 0:a.email,label:"Email",required:!0,placeholder:"Enter your email address",onChange:n}),(0,l.jsxs)(c.Z,{as:"ul",variant:"2xs",className:"mt-12 text-subtle list-disc list-outside pl-14",children:[(0,l.jsx)("li",{children:"An order confirmation will be sent to your email."}),(0,l.jsx)("li",{children:"Please make sure to enter a valid email address."})]})]})]})},j=e=>{let{shipping:a,setShipping:i}=e,{openOverlay:n,closeOverlay:d}=(0,s.I)(),o=e=>{let a=e.target.name.replace("shipping-","");if("mobile"===a){i(i=>

1({...i,[a]:(0,r.un)(e.target.value)}));return}i(i=>({...i,[a]:e.target.value}))};return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(m.Z,{classes:{base:"bg-bg-default"},variant:"contained",id:"shipping-name",name:"shipping-name",label:"받는 분",value:null==a?void 0:a.name,required:!0,placeholder:"받는 분을 입력해주세요",onChange:o}),(0,l.jsx)(m.Z,{classes:{base:"bg-bg-default"},variant:"contained",id:"shipping-mobile",name:"shipping-mobile",value:null==a?void 0:a.mobile,label:"휴대전화",required:!0,placeholder:"휴대폰 번호를 입력해주세요",onChange:o}),(0,l.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,l.jsx)(m.Z,{classes:{base:"bg-bg-default"},variant:"contained",id:"shipping-zipCode",name:"shipping-zipCode",label:"주소",value:null==a?void 0:a.zipCode,required:!0,placeholder:"우편번호",onChange:o,renderSubmit:()=>(0,l.jsx)(p.Z,{className:"shrink-0",size:"xs",type:"button",variant:"tertiary",onClick:()=>n((0,l.jsx)(t._,{open:!0,submitMode:!1,onClose:d,onComplete:e=>{i(a=>({...a,zipCode:e.zonecode,address:e.address})),d()}})),children:"우편번호"})}),(0,l.jsx)(m.Z,{classes:{base:"bg-bg-default"},variant:"contained",id:"shipping-address",name:"shipping-address",value:null==a?void 0:a.address,required:!0,placeholder:"주소를 입력해주세요",onChange:o}),(0,l.jsx)(m.Z,{classes:{base:"bg-bg-default"},variant:"contained",id:"shipping-detailAddress",name:"shipping-detailAddress",value:null==a?void 0:a.detailAddress,required:!0,placeholder:"상세주소를 입력해주세요",onChange:o})]}),(0,l.jsxs)("div",{children:[(0,l.jsx)(m.Z,{classes:{base:"bg-bg-default"},variant:"contained",id:"shipping-email",name:"shipping-email",value:null==a?void 0:a.email,label:"이메일",required:!0,placeholder:"이메일을 입력 해주세요",onChange:o}),(0,l.jsxs)(c.Z,{as:"ul",variant:"2xs",className:"mt-12 text-subtle list-disc list-outside pl-14",children:[(0,l.jsx)("li",{children:"이메일을 통해 주문확인서를 보내드립니다."}),(0,l.jsx)("li",{children:"이메일은 반드시 수신 가능한 이메일 주소를 입력해주세요."})]})]})]})}}}]);