https://www.koreanairdfs.com/_next/static/chunks/pages/my-page/flights/register-4a2c4cc4ec32ef3d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[956],{11682:function(e,r,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/my-page/flights/register",function(){return t(76785)}])},99430:function(e,r,t){"use strict";t.d(r,{Z:function(){return o}});var i=t(85893),n=t(11163);function o(e){let{array:r}=e,t=(0,n.useRouter)(),o=window.localStorage.getItem("language")||"KOREAN";return(0,i.jsx)("div",{className:"current-navigation",children:(0,i.jsx)("ul",{className:"list",children:null==r?void 0:r.map((e,r)=>(0,i.jsx)("li",{children:(null==e?void 0:e.route)?(0,i.jsxs)("span",{style:{cursor:"pointer"},onClick:()=>{let r=e.query?{pathname:e.route,query:e.query}:e.route;t.push(r)},children:["KOREAN"===o?e.ko:e.en," ",e.value]}):(0,i.jsxs)("span",{children:["KOREAN"===o?e.ko:e.en," ",e.value]})},"current-page-".concat(r)))})})}t(67294)},76785:function(e,r,t){"use strict";t.r(r),t.d(r,{default:function(){return y}});var i=t(85893),n=t(67294),o=t(11163),d=t(50066),l=t(44460),c=t(89558),s=t(80008),a=t(31058),m=t(44643),h=t(82760),p=t(99430),g=t(84097),f=t(67563),x=t(62722),b=t(57595),u=t(51220);t(55847);var w=t(34535);t(64683);var j=t(13554),Z=t(48422);let v=[{index:1,ko:"홈",en:"HOME",route:"/"},{index:2,ko:"마이페이지",en:"My Page",route:"/my-page"},{index:3,ko:"탑승편 정보 등록",en:"Register Flight Information",route:"/my-page/info/flights/register"}];function y(){let{t:e,thtml:r}=(0,Z.ZK)(),[t,d]=(0,n.useState)(!1),[l,m]=(0,n.useState)(""),[y,N]=(0,n.useState)(""),[S,_]=(0,n.use

1State)(""),[W,X]=(0,n.useState)("00"),[G,H]=(0,n.useState)("00"),[U,L]=(0,n.useState)(""),[Q,V]=(0,n.useState)([]),[J,$]=(0,n.useState)("idle"),[ee,er]=(0,n.useState)([]),[et,ei]=(0,n.useState)([]),en=(0,o.useRouter)(),eo=()=>{d(!1)},ed=async e=>{e.preventDefault(),eo(),await (0,w.Li)({flightCompanyCode:"KE",departAirportCode:l.split(",")[1],arrivalAirportCode:y.split(",")[1],flyingDate:S.replace(/-/g,""),flyingTime:"".concat(W<10?"0".concat(W):W).concat(G<10?"0".concat(G):G),flightCode:U?"KE".concat(U):"",viaCheck:"N"}).then(e=>{$("success"),en.replace("/my-page/info/flights")}).catch(e=>{console.error(e),$("fail")})},el=()=>{eo(),en.replace("/my-page/info/flights")},ec=e=>{N(e.target.id),ei([])},es=e=>{m(e.target.id),er([])},ea=()=>{er([]),ei([])};return(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)(C,{children:[(0,i.jsxs)(K,{open:t,setOpen:d,noTitle:!0,closeBtn:!0,width:"470px",height:"auto",pd:"3rem",overY:"visible",mobwidth:"95%",mobMwidth:"33.5rem",mobPd:"2rem",mobLeft:"50%",mobTransform:"translateX(-50%)",children:[(0,i.jsx)(f.Z,{as:"p",lineHeight:"3rem",mgt:"40px",children:r("extra.message198")}),(0,i.jsxs)(g.Z,{width:"100%",mobDsp:"flex",dsp:"flex",justify:"space-between",mobGap:"1rem",children:[(0,i.jsx)(b.u,{btnBorder:!0,mr:".5rem",mt:"2rem",mobMt:"2rem",mobWidth:"50%",onClick:el,children:"취소"}),(0,i.jsx)(b.u,{type:"button",btnBlack:!0,ml:".5rem",mt:"2rem",mobMt:"2rem",mobWidth:"50%",onClick:ed,children:"확인"})]})]}),(0,i.jsx)(g.Z,{mgt:"4rem",mgb:"4rem",mobDsp:"none",children:(0,i.jsx)(p.Z,{array:v})}),(0,i.jsx)(a.Z,{}),(0,i.jsxs)(k,{children:[(0,i.jsx)(s.Z,{}),(0,i.jsxs)(P,{children:[(0,i.jsx)(I,{children:e("order.message668")}),(0,i.jsx)(h.Z,{tit:e("order.message668"),mobScrollFixed:!0}),(0,i.jsx)(f.Z,{dsp:"inline-block",mgb:"2rem",fontWeight:"500",mobColor:"#666",mobSize:"1.2rem",children:"탑승 정보를 등록해 주세요."}),(0,i.jsx)(f.Z,{dsp:"none",mobDsp:"block",mobMgb:"2rem",fontWeight:"700",children:"탑승자 정보"}),(0,i.jsx)(c.Vh,{children:(0,i.jsxs)(c.iA,{children:[(0,i.jsxs)(c.wn,{children:[(0,i.jsx)("td",{className:"TableFormWrap",children:(0,i.jsxs)("table",{children:[(0,i.jsxs)(c.c_,{width:"17.5rem",textAlign:"left",pd:"1.5rem 2rem",border:"none",children:[e("order.message485"),(0,i.jsx)(f.Z,{color:"#e1251b",children:"*"})]}),(0,i.jsx)(c.ge,{width:"32.4rem",pd:"1.5rem 2rem",border:"none",children:(0,i.jsxs)(A,{children:[(0,i.jsx)(T,{type:"text",value:l,onChange:e=>{m(e.target.value.toUpperCase())},onFocus:ea,placeholder:"도시/공항"}),(null==ee?void 0:ee.length)?(0,i.jsx)(O,{as:"ul",children:ee.map(e=>{let{searchAirport:r}=e;return(0,i.jsx)(Y,{id:r,onClick:es,children:r},r)})}):null]})})]})}),(0,i.jsx)("td",{className:"TableFormWrap",children:(0,i.jsxs)("table",{children:[(0,i.jsxs)(c.c_,{width:"17.5rem",textAlign:"left",pd:"1.5rem 2rem",children:["도착지",(0,i.jsx)(f.Z,{color:"#e1251b",children:"*"})]}),(0,i.jsx)(c.ge,{width:"32.4rem",pd:"1.5rem 2rem",border:"none",children:(0,i.jsxs)(A,{children:[(0,i.jsx)(T,{type:"text",value:y,placeholder:"도시/공항",onChange:e=>{N(e.target.value.toUpperCase())},onFocus:ea}),(null==et?void 0:et.length)?(0,i.jsx)(O,{as:"ul",children:null==et?void 0:et.map(e=>{let{searchAirport:r}=e;return(0,i.jsx)(Y,{id:r,onClick:ec,children:r},r)})}):null]})})]})})]}),(0,i.jsxs)(c.wn,{children:[(0,i.jsx)("td",{className:"TableFormWrap",children:(0,i.jsxs)("table",{children:[(0,i.jsxs)(c.c_,{width:"17.5rem",textAlign:"left",pd:"1.5rem 2rem",children:["출발일자",(0,i.jsx)(f.Z,{color:"#e1251b",children:"*"})]}),(0,i.jsx)(c.ge,{width:"32.4rem",pd:"1.5rem 20px",border:"none",children:(0,i.jsxs)(A,{children:[(0,i.jsx)(T,{style:{width:"232px",marginRight:"11px"},type:"date",value:S,onChange:e=>{_(e.target.value)},placeholder:"YYYY-MM-DD",max:"9999-12-31"}),(0,i.jsx)(g.Z,{as:"button",children:(0,i.jsx)(x.Z,{pc:{width:"3rem",height:"3rem"},src:"/assets/icons/calendar-fill.svg",alt:"calendar-fill"})})]})})]})}),(0,i.jsx)("td",{className:"TableFormWrap",children:(0,i.jsxs)("table",{children:[(0,i.jsx)(c.c_,{width:"17.5rem",textAlign:"left",pd:"1.5rem 2rem",children:"출발시간"}),(0,i.jsx)(c.ge,{width:"32.4rem",pd:"1.5rem 2rem",children:(0,i.jsxs)(q,{children:[(0,i.jsx)(u.Z,{boxWidth:"9.5rem",mobFlexGrow:"1",optionData:j.kx,labelColor:"#959595",value:W,onChange:e=>{X(e.target.value)}}),(0,i.jsx)(u.Z,{boxWidth:"9.5rem",mobFlexGrow:"1",optionData:j.Kj,labelColor:"#959595",value:G,onChange:e=>{H(e.target.value)}})]})})]})})]}),(0,i.jsx)(c.wn,{children:(0,i.jsx)("td",{className:"TableFormWrap",children:(0,i.jsxs)("table",{children:[(0,i.jsx)(c.c_,{width:"17.5rem",textAlign:"left",pd:"1.5rem 2rem",children:"편명"}),(0,i.jsx)(c.ge,{colSpan:3,pd:"1.5rem 2rem",children:(0,i.jsxs)(A,{className:"flight",children:[(0,i.jsxs)(g.Z,{dsp:"flex",align:"center",mobWidth:"100%",children:[(0,i.jsx)(f.Z,{mgr:"1rem",fontWeight:"700",size:"15px",children:"KE"}),(0,i.jsx)(T,{type:"number",value:U,onChange:e=>{L(e.target.value.toUpperCase())},style:{width:"231px"},placeholder:"EX) 113",name:"flightnum"})]}),(0,i.jsx)(R,{width:"10.6rem",color:"#000",border:"1px solid #000",children:"편명검색"}),(0,i.jsx)(R,{onClick:e=>{e.preventDefault(),_(""),m(""),X("00"),H("00"),L(""),N(""),ei([]),er([]),V([]),$("idle")},children:e("common.message42")})]})})]})})})]})}),(0,i.jsxs)(B,{children:[(0,i.jsx)(D,{onClick:el,children:"취소"}),(0,i.jsx)(M,{onClick:()=>{d(!0)},children:"등록"})]}),(0,i.jsxs)(z,{children:[(0,i.jsx)(x.Z,{pc:{width:"20px",height:"20px"},src:"/assets/icons/icon-warning-b.svg",alt:"icon-warning"}),(0,i.jsx)("h2",{children:e("order.message75")})]}),(0,i.jsx)(g.Z,{children:(0,i.jsxs)(f.Z,{lineHeight:"2.4rem",size:"14px",color:"#666",children:["- 출국 예정일을 등록하시면 주문/결제 시 출국 정보를 불러올 수 있습니다. ",(0,i.jsx)("br",{}),"- 출국 장소, 출국 일시에 따라 주문 가능한 시간이 정해져 있으므로 정확하게 입력 부탁 드립니다.",(0,i.jsx)("br",{}),"- 상품 위치에 따라 출국정보가 변경되지 않을 수 있으며",(0,i.jsx)("br",{}),"- 출국정보 등록화면에서 변경을 하시더라도 기 주문건에 대한 출국정보는 변경되지 않습니다.",(0,i.jsx)("br",{}),"- 변경을 원하실 경우 고객센터 (1811-6688 / 운영시간 09:30~18:30) 로 문의 부탁 드립니다.",(0,i.jsx)("br",{})]})}

1),(0,i.jsx)(f.Z,{dsp:"inline-block",mg:"6rem auto 0",fontWeight:"700",size:"2rem",mobSize:"1.6rem",children:"관련 문의 사항이 있나요?"}),(0,i.jsxs)(F,{children:[(0,i.jsx)(E,{children:"FAQ로 이동"}),(0,i.jsx)(E,{children:"1:1 문의 남기기"})]})]})]})]})})}let C=d.ZP.div.withConfig({componentId:"sc-2df7c4c1-0"})(["",";padding-bottom:13rem;","{",";}","{padding-bottom:4rem;position:relative;left:0;width:100%;height:100%;z-index:1001;overflow:auto;padding-top:5.6rem;background-color:#fff;}"],l.Z.common.center,l.Z.device.tablet,l.Z.common.tabCenter,l.Z.device.responsive),k=d.ZP.section.withConfig({componentId:"sc-2df7c4c1-1"})(["max-width:1300px;margin:4rem auto 0;display:flex;gap:8rem;","{gap:0;justify-content:space-between;}","{width:95%;margin-top:2.1rem;}"],l.Z.device.tablet,l.Z.device.responsive),P=d.ZP.div.withConfig({componentId:"sc-2df7c4c1-2"})(["max-width:1000px;width:100%;margin:0 auto;.TableFormWrap{&:nth-child(2n){border-left:1px solid #dfdfdf;}}tr{border-top:1px solid #dfdfdf;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;display:flex;position:relative;&:last-child{border-bottom:1px solid #dfdfdf;}}td,th{border:none;}th{border-right:1px solid #dfdfdf;}","{margin:0;}","{.TableFormWrap{width:100%;height:fit-content;padding:0;&:nth-child(2n){border-left:none;border-top:1px solid #dfdfdf;}}tr{border-left:none;border-right:none;display:flex;flex-direction:column;}th{border:none;padding-left:1rem;background-color:#fff;border-right:1px solid #dfdfdf;}td{width:calc(70%);padding:0.9rem 1rem;}}"],l.Z.device.tablet,l.Z.device.responsive),I=d.ZP.h1.withConfig({componentId:"sc-2df7c4c1-3"})(["font-size:52px;text-align:center;width:100%;padding:0 0 6rem;font-family:'PretendardBold';","{display:none;}"],l.Z.device.responsive);d.ZP.div.withConfig({componentId:"sc-2df7c4c1-4"})(["padding:20px 0;font-size:12px;display:flex;align-items:center;gap:5px;.active{font-family:'PretendardBold';}","{display:none;}"],l.Z.device.responsive);let z=d.ZP.div.withConfig({componentId:"sc-2df7c4c1-5"})(["display:flex;align-items:center;gap:1rem;margin:6rem 0 2rem 0;h2{font-size:20px;font-family:'PretendardBold';vertical-align:middle;}.icon{width:20px;height:20px;background-color:#ccc;}","{margin-top:4rem;}"],l.Z.device.responsive),N=d.ZP.button.withConfig({componentId:"sc-2df7c4c1-6"})(["border:1px solid ",";border-radius:4px;font-size:12px;width:88px;height:27px;"],l.Z.color.gray.gray85),S=(0,d.ZP)(N).withConfig({componentId:"sc-2df7c4c1-7"})(["width:80px;color:",";margin-bottom:",";border-color:",";"],l.Z.color.common.black,e=>e.mb||"0",l.Z.color.gray.gray85),_=d.ZP.div.withConfig({componentId:"sc-2df7c4c1-8"})(["width:100%;display:flex;justify-content:center;margin:4rem 0 2rem 0;"]),W=d.ZP.button.withConfig({componentId:"sc-2df7c4c1-9"})(["width:288px;border:1px solid ",";line-height:30px;height:50px;img{margin:8px 0 0 10px;}"],l.Z.color.common.black),F=(0,d.ZP)(_).withConfig({componentId:"sc-2df7c4c1-10"})(["justify-content:space-between;margin-top:2rem;margin-bottom:0;gap:2rem;"]),E=(0,d.ZP)(W).withConfig({componentId:"sc-2df7c4c1-11"})(["font-family:'PretendardBold';width:49rem;","{font-family:'PretendardMedium';height:4.2rem;padding:1.2rem;font-size:1.5rem;line-height:normal;border-radius:0.4rem;}"],l.Z.device.responsive);(0,d.ZP)(S).withConfig({componentId:"sc-2df7c4c1-12"})(["width:80px;border-color:",";color:",";"],l.Z.color.primary.fontRed,l.Z.color.primary.fontRed),d.ZP.select.withConfig({componentId:"sc-2df7c4c1-13"})(["border:none;font-family:'PretendardMedium';font-size:1.6rem;line-height:3rem;padding:0.2rem 2rem 0.2rem 0.2rem;background:url(/assets/gnb/icon-arrow-select-filled-bk.svg) no-repeat right 2px center;background-size:0.8rem;"]);let A=d.ZP.div.withConfig({componentId:"sc-2df7c4c1-14"})(["font-size:",";display:flex;flex-grow:1;align-items:center;position:relative;strong{display:block;min-width:7rem;margin-left:2rem;}select{height:48px;width:13.7rem;font-size:15px;font-weight:normal;vertical-align:middle;padding:1.2rem 1.5rem;border-radius:0.4rem;border:0.1rem solid ",";color:",";

1background:url(/assets/gnb/icon-arrow-select-filled-bk.svg) no-repeat right 1.4rem center;background-size:10px;:first-child{margin-right:10px;}","{width:100% !important;}}select::expand{display:none;}option{}","{width:100%;&.flight{display:flex;flex-direction:column;justify-content:flex-start;input,button{width:100% !important;margin:0;}button:nth-child(2){margin:1rem 0;}}select{height:4.2rem;}}"],l.Z.font.size.base,l.Z.color.primary.gray,l.Z.color.gray.gray70,l.Z.device.responsive,l.Z.device.responsive),T=d.ZP.input.withConfig({componentId:"sc-2df7c4c1-15"})(["font-size:",";max-height:4.8rem;font-family:'Pretendard';width:100%;padding:1.5rem;border:0.1rem solid ",";border-radius:0.4rem;outline:0;::placeholder{color:",";font-size:15px;}:focus{::placeholder{color:transparent;}}","{width:100% !important;height:4.2rem;}"],l.Z.font.size.base,l.Z.color.primary.gray,l.Z.color.gray.gray70,l.Z.device.responsive),B=d.ZP.div.withConfig({componentId:"sc-2df7c4c1-16"})(["width:100%;display:flex;justify-content:center;margin:40px 0 20px 0;gap:10px;","{button{width:50%;}margin-top:2rem;}"],l.Z.device.responsive),D=d.ZP.button.withConfig({componentId:"sc-2df7c4c1-17"})(["width:28.8rem;border:0.1rem solid ",";line-height:3rem;height:5rem;font-family:'PretendardSemiBold';width:15.4rem;"],l.Z.color.common.black),M=(0,d.ZP)(D).withConfig({componentId:"sc-2df7c4c1-18"})(["background-color:",";color:",";"],l.Z.color.common.black,l.Z.color.common.white),R=d.ZP.button.withConfig({componentId:"sc-2df7c4c1-19"})(["font-family:'PretendardBold';font-size:14px;width:",";height:4.8rem;color:",";border-radius:0.4rem;border:",";margin-left:1rem;","{height:4.2rem;}"],e=>e.width||"8rem",e=>e.color||"#5ba6d2",e=>e.border||"0.1rem solid #5ba6d2",l.Z.device.responsive),K=(0,d.ZP)(m.Z).withConfig({componentId:"sc-2df7c4c1-20"})(["display:flex;width:",";height:",";text-align:center;align-items:center;"],e=>e.width||"",e=>e.height||""),O=(0,d.ZP)(g.Z).withConfig({componentId:"sc-2df7c4c1-21"})(["z-index:1;position:absolute;bottom:0;left:0;width:100%;height:262px;border-radius:5px;border:1px solid #ccc;padding:10px;background:#fff;overflow-y:auto;transform:translateY(100%);box-shadow:0 3px 20px 0 rgba(0,0,0,0.16);"]),Y=d.ZP.li.withConfig({componentId:"sc-2df7c4c1-22"})(["display:flex;font-size:1.5rem;line-height:4rem;padding-left:3px;cursor:pointer;&:hover{background-color:rgba(91,166,210,0.1);}& .bold{font-family:'PretendardBold';margin-right:3px;}"]),X=d.ZP.div.withConfig({componentId:"sc-2df7c4c1-23"})(["display:flex;margin-top:",";margin-bottom:",";",";width:100%;","{margin-top:",";margin-bottom:",";}"],e=>{let{mgt:r}=e;return r&&r},e=>{let{mgb:r}=e;return r&&r},e=>{let{gap:r}=e;return r?"gap:".concat(r):"gap: 10px"},l.Z.device.responsive,e=>{let{mobMgt:r}=e;return r&&r},e=>{let{mobMgb:r}=e;return r&&r}),q=(0,d.ZP)(X).withConfig({componentId:"sc-2df7c4c1-24"})(["align-items:center;justify-content:flex-start;width:",";","{",";> div{flex-grow:1;}}"],e=>{let{width:r}=e;return r&&r},l.Z.device.responsive,e=>{let{mobDirection:r}=e;return"column"===r&&"\n        flex-direction: column;\n      "})}},function(e){e.O(0,[9558,1058,2888,9774,179],function(){return e(e.s=11682)}),_N_E=e.O()}]);