https://arcteryx.co.kr/_next/static/chunks/app/member/login/page-b…?dpl=dpl_6EXs3RE7kG8uHUjQZqtkJaKiH5ZT

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3199],{9090:(e,t,l)=>{"use strict";l.d(t,{A:()=>r});var s=l(95155);function r(e){let{message:t,isGray:l=!1,className:r}=e;return(0,s.jsx)(s.Fragment,{children:(0,s.jsx)("span",{className:"mt-[12px] text-[12px] leading-[18px] ".concat(l?"text-neutral-700":"text-primary-muji"," lg:text-[14px] lg:leading-[20px] ").concat(r),children:t})})}},26485:(e,t,l)=>{"use strict";l.d(t,{default:()=>F});var s=l(95155),r=l(51956),a=l(77202),n=l(12115),o=l(51944),i=l(61),x=l(78105);function p(){let[e,t]=(0,a.fp)(r.s0);return(0,s.jsx)(s.Fragment,{children:(0,s.jsx)("div",{id:"Modal",className:"fixed left-0 top-0 z-60 grid h-full w-full place-items-center bg-[rgba(0,0,0,0.5)]",children:(0,s.jsxs)("div",{className:"w-[328px] rounded-[4px] bg-white px-[24px] pb-[24px] pt-[24px] lg:w-[400px] lg:px-[32px] lg:pb-[32px]",children:[(0,s.jsxs)("div",{className:"flex flex-col gap-[15px] text-center text-[14px]",children:[(0,s.jsx)("p",{children:"아크테릭스의 새로운 앱의 회원가입과 사용에 대하여 깊은 감사를 드립니다."}),(0,s.jsxs)("p",{children:["초기 앱의 시스템 불안정에 따른 오류로 앱 런칭 및 온라인몰 오픈 시"," ",(0,s.jsx)("span",{className:"font-bold",children:"일부 고객에 대하여 개인정보 이용 및 수집에 동의가 미처리된 사안이 발생"}),"하였습니다.",(0,s.jsx)("br",{}),"미처리된 일부 고객 분들에게는 불편하게도"," ",(0,s.jsx)("span",{className:"font-bold",children:"다시 한번 개인정보 이용 및 수집 동의를 받고자 합니다."})]}),(0,s.jsx)("p",{children:"아크테릭스 앱 사용에 있어서 불편을 드려 진심으로 사과의 말씀을 드립니다. 고객님의 너른 양해와 협조를 부탁 드리며 앞으로도 고객 관점에서 최선을 다하는 브랜드로 노력하겠습니다."}),(0,s.jsx)("p",{children:"아크테릭스 공식 온라인스토어"})]}),(0,s.jsx)("div",{className:"mt-[24px] flex flex-col gap-[8px] lg:mt-[32px]",children:(0,s.jsx)(x.A,{label:"닫기",type:"button",style:"style2",size:"sm",responseSize:"sm",width:"full",onClick:()=>t(!1)})})]})})})}var d=l(554),c=l(88261),u=l(9287),m=l(48353),g=l(64067),h=l(90854),b=l(52619),f=l.n(b),j=l(20063),N=l(16889),v=l(18214),y=l(73875),w=l(15239);function k(e){var t,l;let{keepLoginStatus:r}=e,a=(0,j.useSearchParams)(),o=null!=(l=null==a||null==(t=a.get("redirect"))?void 0:t.toString())?l:"/",{handleLogin:i,handleSetSnsConfig:x}=(0,u.XK)(),[p,d]=(0,n.useState)({provider:"",code:"",state:"",id_token:"",userInfo:null}

1),[c,m]=(0,n.useState)(!1);return(0,y.A)(d),(0,n.useEffect)(()=>{if("kakao"===p.provider||"naver"===p.provider){var e;let t={provider:p.provider,code:p.code,state:null!=(e=p.state)?e:"",redirect:location.origin+"/member/provider"};i({provider:p.provider,data:t,keepLoginStatus:r,redirectUrl:o,purpose:"login",setLoading:m});return}},[p]),(0,s.jsxs)(s.Fragment,{children:[c&&(0,s.jsx)(v.A,{}),(0,s.jsxs)("div",{className:"mb-[36px] mt-[36px] flex flex-col gap-[16px] 2xl:mb-[52px] 2xl:mt-[52px]",children:[(0,s.jsx)("p",{className:"mb-[16px] text-center text-[12px] leading-[12px] text-neutral-500 2xl:mb-[24px] 2xl:text-[14px] 2xl:leading-[14px]",children:"가입한 SNS 계정을 통해 빠르게 로그인 하실 수 있습니다."}),(0,s.jsxs)("div",{className:"flex items-center justify-center gap-[24px] 2xl:gap-[44px]",children:[(0,s.jsx)("button",{type:"button",disabled:c,className:"border-1 flex h-[44px] w-[44px] items-center justify-center rounded-[50%] border-neutral-300 2xl:h-[52px] 2xl:w-[52px]",onClick:()=>x({provider:"naver",purpose:"login"}),children:(0,s.jsx)(w.default,{src:"/icons/icon_naver.svg",width:45,height:45,alt:"Naver Logo"})}),(0,s.jsx)("button",{type:"button",disabled:c,className:"border-1 flex h-[44px] w-[44px] items-center justify-center rounded-[50%] border-neutral-300 2xl:h-[52px] 2xl:w-[52px]",onClick:()=>x({provider:"kakao",purpose:"login"}),children:(0,s.jsx)(w.default,{src:"/icons/icon_kakao.svg",width:45,height:45,alt:"Kakao Logo"})})]})]})]})}function S(){var e,t,l,o,i;let{data:p}=(0,h.Uu)(),b=(0,j.useSearchParams)(),v=null!=(i=null==b||null==(e=b.get("redirect"))?void 0:e.toString())?i:"/",{handleLogin:y,handleSubmit:w,register:S,setValue:A,clearErrors:C,errors:O}=(0,u.XK)(),L=(0,m.J)(),[_,E]=(0,n.useState)(!1),[F,I]=(0,n.useState)(!1),[P,z]=(0,n.useState)(!1),[M,q]=(0,n.useState)(!1),[B,D]=(0,a.fp)(r.ku),U=async e=>{let t={id:e.id,password:e.password};await y({provider:"credentials",data:t,saveId:P,id:e.id,keepLoginStatus:M,redirectUrl:v,purpose:"login",setLoading:E})};return(0,n.useEffect)(()=>{let e=localStorage.getItem(g._z);e&&(A("id",e),z(!0)),D({state:!1,type:"",member_id:0,snsformData:{},token:"",loginData:{keepLoginStatus:!1,redirectUrl:"/"}})},[]),(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)("form",{method:"post",onSubmit:w(U),children:[(0,s.jsxs)("div",{className:"text- flex flex-col",children:[(0,s.jsxs)("div",{className:"mb-[24px] flex flex-col gap-[20px] lg:mb-[36px] lg:gap-[24px]",children:[(0,s.jsxs)("div",{className:"flex flex-col lg:gap-[8px]",children:[(0,s.jsx)("label",{htmlFor:"userId",className:"text-[14px] font-semibold leading-[14px] lg:text-[16px] lg:leading-[16px]",children:"아이디"}),(0,s.jsx)("input",{type:"text",id:"userId",className:"InputLine w-full border-b font-helvetica",autoComplete:"off",placeholder:"아이디를 입력해 주세요.",...S("id",{required:"아이디를 입력해 주세요.",onChange:()=>{C("errorMessage")}})}),O.id&&(0,s.jsx)(N.A,{text:null==(t=O.id.message)?void 0:t.toString(),isError:!0,

1className:"mt-0"})]}),(0,s.jsxs)("div",{className:"flex flex-col lg:gap-[8px]",children:[(0,s.jsx)("label",{htmlFor:"userPassword",className:"text-[14px] font-semibold leading-[14px] lg:text-[16px] lg:leading-[16px]",children:"비밀번호"}),(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)("input",{id:"userPassword",type:F?"text":"password",placeholder:"비밀번호를 입력하세요.",className:"InputLine w-full",...S("password",{required:"비밀번호를 입력해 주세요.",onChange:()=>{C("errorMessage")}})}),(0,s.jsx)("button",{type:"button",className:"absolute right-2 top-1/2 -translate-y-1/2 transform",onClick:()=>I(!F),children:(0,s.jsx)(d.A,{name:F?"eyeOn":"eyeOff"})})]}),O.password&&(0,s.jsx)(N.A,{text:null==(l=O.password.message)?void 0:l.toString(),isError:!0,className:"mt-0"})]}),!L&&(0,s.jsxs)("div",{className:"flex items-center gap-[20px] lg:gap-[24px]",children:[(0,s.jsx)(c.A,{id:"checkbox11",name:"checkbox2",type:"circle",value:"로그인 상태 유지",className:"text-sm",checked:M,onChange:()=>q(!M)}),(0,s.jsx)(c.A,{id:"checkbox11",name:"checkbox2",type:"circle",value:"아이디 저장",className:"text-sm",checked:P,onChange:()=>z(!P)})]}),O.errorMessage&&(0,s.jsx)(N.A,{text:null==(o=O.errorMessage.message)?void 0:o.toString(),isError:!0,

1className:"text-center"})]}),(0,s.jsx)(x.A,{type:"submit",label:"로그인",style:"style1",size:"sm",responseSize:"md",width:"full"}),(0,s.jsxs)("div",{className:"mt-[12px] flex items-center justify-center gap-[8px] text-[12px] text-neutral-500 lg:mt-[16px] lg:gap-[12px] lg:text-[14px] lg:leading-[12px] lg:leading-[14px]",children:[(0,s.jsx)(f(),{href:{pathname:"/member/join"},children:"회원가입"}),(0,s.jsx)("span",{className:"h-[14px] w-[1px] bg-neutral-300"}),(0,s.jsx)(f(),{href:{pathname:"/member/find",query:{type:"findId"}},children:"아이디 찾기"}),(0,s.jsx)("span",{className:"h-[14px] w-[1px] bg-neutral-300"}),(0,s.jsx)(f(),{href:{pathname:"/member/find",query:{type:"resetPassword"}},children:"비밀번호 재설정"})]})]}),(0,s.jsx)(k,{keepLoginStatus:M})]})})}var A=l(9090),C=l(92923),O=l(80549),L=l(89472),_=l(22544);function E(){var e,t,l,r,a;let{register:n,handleSubmit:o,getValues:i,formState:{errors:p}}=(0,_.mN)({defaultValues:{userName:"",orderNumber:""}}),{footerInfo:d}=(0,C.D)(),{replace:c,push:u}=(0,j.useRouter)(),{mutateAsync:m}=(l={options:{onSuccess:e=>{c("/mypage/orderlist/guest/".concat(i().orderNumber))},onError:e=>{alert(e.message)}}},(0,O.useMutation)({mutationFn:L.A.postGuestOrder,onSuccess:null==l||null==(r=l.options)?void 0:r.onSuccess,onError:null==l||null==(a=l.options)?void 0:a.onError})),{cs_tel:g}=d;return(0,s.jsx)(s.Fragment,{children:(0,s.jsx)("form",{onSubmit:o(()=>{m({order_name:i().userName,order_number:i().orderNumber})}),children:(0,s.jsxs)("div",{className:"flex flex-col",children:[(0,s.jsxs)("div",{className:"mb-[24px] flex flex-col gap-[20px] lg:mb-[36px] lg:gap-[24px]",children:[(0,s.jsxs)("div",{className:"flex flex-col lg:gap-[8px]",children:[(0,s.jsx)("label",{htmlFor:"userName",className:"text-[14px] font-semibold leading-[14px] lg:text-[16px] lg:leading-[16px]",children:"주문자명"}),(0,s.jsx)("input",{type:"text",id:"userName",className:"InputLine w-full border-b",autoComplete:"off",placeholder:"주문자명을 입력해 주세요.",...n("userName",{required:"주문자명을 입력해 주세요."})}),p.userName&&(0,s.jsx)(A.A,{message:null==(e=p.userName.message)?void 0:e.toString()})]}),(0,s.jsxs)("div",{className:"flex flex-col lg:gap-[8px]",children:[(0,s.jsx)("label",{htmlFor:"orderNumber",className:"text-[14px] font-semibold leading-[14px] lg:text-[16px] lg:leading-[16px]",children:"주문번호"}),(0,s.jsx)("input",{type:"text",id:"orderNumber",className:"InputLine w-full border-b",placeholder:"주문번호를 입력해 주세요.",...n("orderNumber",{required:"주문번호를 입력해 주세요."})}),p.orderNumber&&(0,s.jsx)(A.A,{message:null==(t=p.orderNumber.message)?void 0:t.toString()})]})]}),(0,s.jsx)(x.A,{type:"submit",label:"주문조회",style:"style1",size:"sm",responseSize:"md",width:"full"}),(0,s.jsx)("div",{className:"mt-[36px] bg-neutral-100 p-[16px] text-[12px] text-neutral-700 lg:mt-[52px] lg:p-[20px] lg:text-[14px] lg:leading-[18px]",children:"주문번호를 잊으신 경우, 고객센터로 문의하여 주시기 바랍니다."}),(0,s.jsxs)("div",{className:"mt-[16px] border border-neutral-200 p-[16px] text-center text-[14px] text-neutral-900 lg:mt-[24px] lg:p-[20px] lg:text-[16px]",children:["고객센터 ",g]})]})})})}function F(){let[e,t]=(0,n.useState)("login"),l=(0,a.md)(r.kJ),x=(0,a.md)(r.ku),d=(0,a.md)(r.s0);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("section",{className:"m-auto max-w-[480px] px-[16px] pb-[81px] pt-[24px] text-neutral-black lg:px-0 lg:pb-[126px] lg:pt-[80px]",children:[(0,s.jsxs)("h1",{className:"hidden text-center lg:mb-[52px] lg:block lg:text-[32px] lg:font-bold lg:leading-[44px] lg:tracking-[-0.128px]",children:["login"===e&&(0,s.jsx)("span",{children:"회원 로그인"}),"nonmember"===e&&(0,s.jsx)("span",{children:"비회원 주문조회"})]}),(0,s.jsxs)("div",{className:"mb-[24px] flex lg:mb-[44px]",children:[(0,s.jsx)("button",{type:"button",className:"basis-1/2 py-[18px] text-[14px] leading-[14px] lg:text-[18px] lg:leading-[18px] ".concat("login"===e?"font-semibold":"font-medium"),style:{borderBottom:"login"===e?"2px solid var(--colorsNeutralBlack)":"1px solid var(--colorsNeutral200)",color:"login"===e?"var(--colorsNeutralBlack)":"var(--colorsNeutral700)"},onClick:()=>t("login"),children:"회원 로그인"}),(0,s.jsx)("button",{type:"button",className:"basis-1/2 py-[18px] text-[14px] leading-[14px] lg:text-[18px] lg:leading-[18px] ".concat("nonmember"===e?"font-semibold":"font-medium"),style:{borderBottom:"nonmember"===e?"2px solid var(--colorsNeutralBlack)":"1px solid var(--colorsNeutral200)",color:"nonmember"===e?"var(--colorsNeutralBlack)":"var(--colorsNeutral700)"},onClick:()=>t("nonmember"),children:"비회원 주문조회"})]}),"login"===e&&(0,s.jsx)(n.Suspense,{children:(0,s.jsx)(S,{})}),"nonmember"===e&&(0,s.jsx)(E,{})]}),l&&(0,s.jsx)(o.A,{}),x.state&&(0,s.jsx)(i.A,{}),d&&(0,s.jsx)(p,{})]})}},86289:(e,t,l)=>{Promise.resolve().then(l.bind(l,26485))},89472:(e,t,l)=>{"use strict";l.d(t,{A:()=>a});var s=l(44182);

1class r{constructor(e){this.axios=s.A,this.postOrderPurchaseApi=async e=>{let{data:t}=await s.A.post("/api/orders/orderPurchase",e);return null!=t?t:{}},this.postOrderOptionChangeApi=async e=>{let{data:t}=await s.A.post("/api/orders/orderOptionChange",e);return null!=t?t:{}},this.getAvailableCouponList=async()=>{let{data:e}=await this.axios({method:"GET",url:"/api/promotions/coupons/couponDownList?only_issuable=1"});return e},this.postGuestOrder=async e=>await this.axios({method:"POST",url:"/api/orders/setOrder",data:{...e}}),this.putOrderAddress=async e=>{let{data:t}=await this.axios({method:"PUT",url:"/api/orders/address",data:e});return t},this.getMyOrderStatusCountApi=async()=>{let{data:e}=await this.axios({method:"GET",url:"/api/orders/myOrderStatusCount"});return e},e&&(this.axios=e)}}let a=new r},92923:(e,t,l)=>{"use strict";l.d(t,{D:()=>r});var s=l(39396);let r=()=>{let{data:e}=(0,s.iJ)("shopDefaultConfig"),{addr:t,addr_detail:l,company_num_first:r,company_num_middle:a,company_num_last:n,app_ios_img:o,app_aos_img:i,app_ios_link:x,app_aos_link:p,sns_instagram_name:d,sns_instagram_img:c,sns_instagram_link:u,sns_facebook_name:m,sns_facebook_link:g,sns_facebook_img:h,sns_youtube_name:b,sns_youtube_img:f,sns_youtube_link:j,sns_naver_name:N,sns_naver_img:v,sns_naver_link:y,sns_kakao_channel_img:w,sns_kakao_channel_link:k,sns_kakao_channel_name:S,sns_naver_blog_name:A,sns_naver_blog_img:C,sns_naver_blog_link:O,sns_naver_cafe_name:L,sns_naver_cafe_img:_,sns_naver_cafe_link:E,sns_daum_cafe_name:F,sns_daum_cafe_img:I,sns_daum_cafe_link:P,...z}=null!=e?e:{},M=[{icon:c,url:u,text:d},{icon:h,url:g,text:m},{icon:f,url:j,text:b},{icon:v,url:y,text:N},{icon:C,url:O,text:A},{icon:_,url:E,text:L},{icon:I,url:P,text:F},{icon:w,url:k,text:S}].filter(e=>{let{url:t,icon:l,text:s}=e;return t&&l&&s});return{footerInfo:{...z,fullCompanyNum:"".concat(null!=r?r:"","-").concat(null!=a?a:"","-").concat(null!=n?n:""),fullArress:(null!=t?t:"")+" "+(null!=l?l:""),snsList:M,app:{aos:i&&p?{icon:i,url:p}:null,ios:o&&x?{icon:o,url:x}:null}}}}}},e=>{e.O(0,[2619,6767,643,3455,7202,1356,2544,1258,554,7490,5168,8028,5598,8441,7352,7358],()=>e(e.s=86289)),_N_E=e.O()}]);