https://www.boxful.kr/_next/static/chunks/pages/mypage/info/edit/payments-9d668aaf9dc8de33.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9646],{89810:function(__unused_webpack_module,__unused_webpack_exports,__webpack_require__){(window.__NEXT_P=window.__NEXT_P||[]).push(["/mypage/info/edit/payments",function(){return __webpack_require__(98156)}])},99694:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return Login},frequencyEmails:function(){return frequencyEmails}});var _swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(7297),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(85893),next_link__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(41664),next_link__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(next_link__WEBPACK_IMPORTED_MODULE_2__),react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(67294),styled_components__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(32125),src_components_layout__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(77814),src_components_general_button__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(79625),src_consts__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(4015),next_router__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(11163),src_utils__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(17333),react_i18next__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(26793),src_components_general_headMeta__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(35357),cookies_next__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(47041),src_lib_daangn__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(69010);function _templateObject(){let data=(0,_swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__.Z)(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  /* width: 100%; */\n  width: 100%;\n  padding: 0 2rem;\n  margin: 5.9rem 4rem 12.8rem;\n"]);return _templateObject=function(){return data},data}function _templateObject1(){let data=(0,_swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__.Z)(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: 1rem;\n  margin-bottom: 4.5rem;\n  width: 100%;\n\n  input {\n    width: 100%;\n  }\n  > div {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    margin-top: 0.5rem;\n  }\n  input[type='checkbox'] {\n    display: none;\n  }\n  input[type='checkbox'] + label {\n    font: normal normal normal 1.2rem/1.8rem Noto Sans KR;\n    letter-spacing: -0.6px;\n    color: ",";\n    cursor: pointer;\n  }\n  input[type='checkbox'] + label span {\n    display: inline-block;\n    width: 2.2rem;\n    height: 2.2rem;\n    margin: 0 1rem 0 0;\n    vertical-align: middle;\n    background: url(/images/checkbox/checkboxNone.svg) center no-repeat;\n  }\n  input[type='checkbox']:checked + label span {\n    background: url(/images/checkbox/checkboxChecked.svg) center no-repeat;\n    background-size: cover;\n  }\n"]);return _templateObject1=function(){return data},data}function _templateObject2(){let data=(0,_swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__.Z)(["\n  display: flex;\n  align-items: center;\n  margin-top: 1.5rem;\n  span {\n    color: ",";\n    font: normal normal normal 1.4rem/2rem Noto Sans KR;\n    letter-spacing: -0.7px;\n    color: #808080;\n    cursor: pointer;\n  }\n  span.line {\n    display: inline-block;\n    height: 1.7rem;\n    border: 1px solid ",";\n    margin: 0 2rem;\n    cursor: default;\n  }\n"]);return _templateObject2=function(){return data},data}function _templateObject3(){let data=(0,_swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__.Z)(["\n  position: relative;\n  img.show-button {\n    position: absolute;\n    right: 1rem;\n    width: 2rem;\n    height: 2rem;\n    cursor: pointer;\n  }\n"]);return _templateObject3=function(){return data},data}function _templateObject4(){let data=(0,_swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__.Z)(["\n  display: flex;\n  align-items: center;\n  gap: 1.5rem;\n\n  img {\n    width: 4rem;\n    height: 4rem;\n    cursor: pointer;\n  }\n  button {\n    width: 4rem;\n    height: 4rem;\n    border: none;\n  }\n"]);

1return _templateObject4=function(){return data},data}__webpack_require__(83454).env.NEXT_PUBLIC_API_URL;let frequencyEmails=["@naver.com","@gmail.com","@daum.net","@hanmail.net","@yahoo.com","@outlook.com","@nate.com","@kakao.com"];function Login(){let router=(0,next_router__WEBPACK_IMPORTED_MODULE_7__.useRouter)(),{url}=router.query,{t}=(0,react_i18next__WEBPACK_IMPORTED_MODULE_11__.$)(),[req,setReq]=(0,react__WEBPACK_IMPORTED_MODULE_3__.useState)({email:"",password:""}),[emailList,setEmailList]=(0,react__WEBPACK_IMPORTED_MODULE_3__.useState)([]),[showPw,setShowPw]=(0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(!1);(0,react__WEBPACK_IMPORTED_MODULE_3__.useEffect)(()=>{{let originalPath=window.location.pathname+window.location.search;(originalPath.startsWith("/mypage")||originalPath.startsWith("/order")||originalPath.startsWith("/unpaid-bills"))&&(0,cookies_next__WEBPACK_IMPORTED_MODULE_10__.setCookie)("loginReturnUrl",originalPath,{path:"/",maxAge:300})}},[]),(0,react__WEBPACK_IMPORTED_MODULE_3__.useEffect)(()=>{if(router.query.error){let msg={blocked:"차단된 계정입니다. 고객센터에 문의해주세요.",email_required:"이메일 정보가 필요합니다. 소셜 계정에 이메일을 등록해주세요.",kakao_auth_failed:"카카오 인증에 실패했습니다. 다시 시도해주세요.",naver_auth_failed:"네이버 인증에 실패했습니다. 다시 시도해주세요."}[router.query.error]||"소셜 로그인에 실패했습니다.";alert(msg)}},[router.query.error]);let getSocialLoginUrl=provider=>"".concat("https://api.boxful.kr","/api/").concat("v1","/auth/").concat(provider),handleKakaoLogin=()=>{window.location.href=getSocialLoginUrl("kakao")},handleNaverLogin=()=>{window.location.href=getSocialLoginUrl("naver")},handleSubmit=()=>{(0,src_utils__WEBPACK_IMPORTED_MODULE_8__.x4)(req).then(r=>{if(r.success){(0,src_lib_daangn__WEBPACK_IMPORTED_MODULE_12__.L9)("Login");let returnUrl=url||(0,cookies_next__WEBPACK_IMPORTED_MODULE_10__.getCookie)("loginReturnUrl");if((0,cookies_next__WEBPACK_IMPORTED_MODULE_10__.deleteCookie)("loginReturnUrl"),returnUrl){let path=String(returnUrl);router.replace(path.startsWith("/")?path:"/".concat(path))}else router.replace("/")}else alert(t("alert.login-failed")),(0,src_utils__WEBPACK_IMPORTED_MODULE_8__.JM)("오류 화면명: ".concat(router.pathname,"\n오류내용: ").concat(r.message,"\n").concat(JSON.stringify(r),"\n\n데이터: ").concat(JSON.stringify(req)))}).catch(e=>{alert(t("alert.login-failed")),(0,src_utils__WEBPACK_IMPORTED_MODULE_8__.JM)("오류 화면명: ".concat(router.pathname,"\n오류내용: ").concat(e.response.data.message,"\n\n데이터: ").concat(JSON.stringify(req)))})},onChangeTextHandler=event=>{if(setReq({...req,[event.target.id]:event.target.value}),"email"==event.target.id){let userEmails=frequencyEmails.map(email=>event.target.value.includes("@")?event.target.value.split("@")[0]+email:event.target.value+email);setEmailList(userEmails)}},title=t("seo.title"),description=t("seo.description");return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react__WEBPACK_IMPORTED_MODULE_3__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(src_components_general_headMeta__WEBPACK_IMPORTED_MODULE_9__.Z,{title:title,description:description}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(src_components_layout__WEBPACK_IMPORTED_MODULE_4__.Z,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(Main,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Title,{style:{marginBottom:"50px"},children:t("general.menu.login")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(InputContainer,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("input",{type:"text",id:"email",name:"email",list:"emails",value:req.email,onChange:onChangeTextHandler,placeholder:t("login.exapmle-email")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("datalist",{id:"emails",children:emailList&&emailList.map((email,idx)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("option",{value:email},idx))}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(PasswordContainer,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("input",{type:showPw?"text":"password",id:"password",value:req.password,onChange:onChangeTextHandler,placeholder:t("login.input-password")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("img",{className:"show-button",src:"/images/show-".concat(!showPw,".svg"),onClick(){setShowPw(!showPw)}})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("input",{type:"checkbox",id:"c1",name:"cc"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("label",{htmlFor:"c1",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span",{}),t("login.stay-sign-in")]})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{style:{width:"100%",display:"flex",gap:"1rem"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(src_components_general_button__WEBPACK_IMPORTED_MODULE_5__.Z,{type:"mint-line",size:"small",text:t("login.register-for-access"),isEnabled:!0,width:"100%",height:"5rem",margin:"0 0 0",fontSize:"1.4rem",fontWeight:"500",onClick(){router.push("/come-in")}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(src_components_general_button__WEBPACK_IMPORTED_MODULE_5__.Z,{type:"color",size:"small",text:t("general.menu.login"),isEnabled:!0,width:"100%",height:"5rem",fontSize:"1.6rem",onClick:handleSubmit})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(FindContainer,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(next_link__WEBPACK_IMPORTED_MODULE_2___default(),{href:"/find-id",passHref:!0,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span",{children:t("login.find-id")})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span",{className:"line"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(next_link__WEBPACK_IMPORTED_MODULE_2___default(),{href:"/find-password",passHref:!0,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span",{children:t("login.find-password")})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(SNSLoginText,{style:{margin:"6rem 0 1rem"},children:t("login.login-with-sns-account")}

1),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(SNSLoginContainer,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("img",{src:"/images/kakao.svg",alt:"kakao login",onClick:handleKakaoLogin}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("img",{src:"/images/naver.svg",alt:"naver login",onClick:handleNaverLogin})]})]})]})})]})}let Main=styled_components__WEBPACK_IMPORTED_MODULE_13__.ZP.main.withConfig({componentId:"sc-9b27933c-0"})(_templateObject()),Title=src_consts__WEBPACK_IMPORTED_MODULE_6__._.heading_2_m.medium,InputContainer=styled_components__WEBPACK_IMPORTED_MODULE_13__.ZP.div.withConfig({componentId:"sc-9b27933c-1"})(_templateObject1(),src_consts__WEBPACK_IMPORTED_MODULE_6__.O.gray_40),FindContainer=styled_components__WEBPACK_IMPORTED_MODULE_13__.ZP.div.withConfig({componentId:"sc-9b27933c-2"})(_templateObject2(),src_consts__WEBPACK_IMPORTED_MODULE_6__.O.gray_35,src_consts__WEBPACK_IMPORTED_MODULE_6__.O.gray_30),PasswordContainer=styled_components__WEBPACK_IMPORTED_MODULE_13__.ZP.div.withConfig({componentId:"sc-9b27933c-3"})(_templateObject3()),SNSLoginText=src_consts__WEBPACK_IMPORTED_MODULE_6__._.caption_1_m.medium,SNSLoginContainer=styled_components__WEBPACK_IMPORTED_MODULE_13__.ZP.div.withConfig({componentId:"sc-9b27933c-4"})(_templateObject4())},98156:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return EditPayments}});var _swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(7297),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(85893),next_router__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(11163),react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(67294),src_components_general_button__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(79625),src_components_general_certificationInput__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(68998),src_components_layout__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(77814),src_consts__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(4015),src_utils__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(17333),styled_components__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__(32125),___WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(45019),_email__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(91952),react_i18next__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(26793),src_components_general_certificationInput_email__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(98184),src_components_modal_tossModal__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(13957);function _templateObject(){let data=(0,_swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__.Z)(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  padding: 3rem 2rem 0;\n  gap: 3rem;\n  p {\n    color: ",";\n  }\n  > div {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n  }\n"]);return _templateObject=function(){return data},data}function _templateObject1(){let data=(0,_swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__.Z)(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 4.8rem;\n  background-color: ",";\n  border-radius: 0.3rem;\n  p {\n    color: white;\n  }\n"]);return _templateObject1=function(){return data},data}function _templateObject2(){let data=(0,_swc_helpers_src_tagged_template_literal_mjs__WEBPACK_IMPORTED_MODULE_0__.Z)(["\n  display: flex;\n  width: 100%;\n  height: 1rem;\n  background-color: ",";\n  box-shadow: inset 0px 3px 2px #22222208;\n"]);return _templateObject2=function(){return data},data}function EditPayments(){let router=(0,next_router__WEBPACK_IMPORTED_MODULE_2__.useRouter)(),{t,i18n}=(0,react_i18next__WEBPACK_IMPORTED_MODULE_13__.$)(),[codeVerified,setCodeVerified]=(0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(!1),[userInfo,setUserInfo]=(0,react__WEBPACK_IMPORTED_MODULE_3__.useState)({name:"",email:"",phone:"",address:"",bill_id:"",pg:"",card_vendor:"",card_number:"",receive_marketing_email_agreement:0,receive_marketing_

1kakaotalk_agreement:0,receive_marketing_sms_agreement:0,is_foreign:0}),[cardNumber,setCardNumber]=(0,react__WEBPACK_IMPORTED_MODULE_3__.useState)({card1:"",card2:"",card3:"",card4:""}),[cardClassify,setCardClassify]=(0,react__WEBPACK_IMPORTED_MODULE_3__.useState)("domestic"),[paymentModalOn,setPaymentModalOn]=(0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(!1),[payMethodYn,setPayMethodYn]=(0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(!1),[paymentInfo,setPaymentInfo]=(0,react__WEBPACK_IMPORTED_MODULE_3__.useState)({bill_id:"",card_number:"",card_expire_year:"",card_expire_month:"",domestic_yn:"",card_vendor:"",created_at:"",pg:""}),[replycode,setrReplyCode]=(0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(""),[req,setReq]=(0,react__WEBPACK_IMPORTED_MODULE_3__.useState)({mid:"",paymethod:"",goodname:"",unitprice:"",goodcurrency:"",cardquota:"",cardnumber:"",cardtype:"",langcode:"",mb_serial_no:"",receipttoname:"",receipttoemail:"",receipttotel:"",receipttocountrycode:"",bankcode:"",bankexpyear:"",bankexpmonth:"",bankexpday:"",bankaccount:"",profile_no:"",hashresult:"",tid:"",replycode:"",replyMsg:"",riskscore:"",socialnumber:""});(0,react__WEBPACK_IMPORTED_MODULE_3__.useEffect)(()=>{(0,src_utils__WEBPACK_IMPORTED_MODULE_8__.ys)().then(r=>{setUserInfo(r.success)})},[]),(0,react__WEBPACK_IMPORTED_MODULE_3__.useEffect)(()=>{let paymentScript=document.createElement("script");paymentScript.async=!0,paymentScript.src="//api.paygate.net/ajax/common/OpenPayAPI.js",document.head.appendChild(paymentScript);let paymentResultScript=document.createElement("script");paymentResultScript.async=!0,paymentResultScript.src="/js/payGateResult.js",document.head.appendChild(paymentResultScript),console.log("!!!!!!".concat(replycode))},[replycode]);let generateRandomString=param=>{let{length}=param,characters=userInfo.email+"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",result="";for(let i=0;i<length;i++){let randomIndex=Math.floor(Math.random()*characters.length);result+=characters[randomIndex]}return result},handleTossPaymentRegistRequest=()=>{let tossPayments=TossPayments("domestic"===cardClassify?"live_ck_kYG57Eba3Gm1R92opZdjrpWDOxmA":"live_ck_kYG57Eba3G9bAJ4GMy1wrpWDOxmA"),customerKey=generateRandomString({length:30});console.log(customerKey);let payment=tossPayments.payment({customerKey});window.localStorage.setItem("current_order_page_url","".concat(window.location.origin).concat(window.location.pathname)),payment.requestBillingAuth({method:"CARD",successUrl:"".concat(window.location.origin,"/toss/result?toss_result=1"),failUrl:"".concat(window.location.origin,"/toss/result?toss_result=0"),customerEmail:userInfo.email,customerName:userInfo.name})},handleCardClassify=type=>{setCardClassify(type)},PaygateSubmit=()=>{if(!codeVerified)return alert(t("alert.verified-needed")),!1;setPaymentModalOn(!0)},handlePaymentModalCallback=state=>{setPaymentModalOn(state)},handlePaymentInfoCallback=state=>{state.bill_id&&(setPaymentInfo({...paymentInfo,bill_id:state.bill_id,card_number:state.card_number,card_expire_year:state.card_expire_year,card_expire_month:state.card_expire_month,domestic_yn:state.domestic_yn,card_vendor:state.card_vendor,created_at:state.created_at,pg:state.pg}),setPayMethodYn(!0),router.reload())};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(src_components_layout__WEBPACK_IMPORTED_MODULE_6__.Z,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(Section,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_email__WEBPACK_IMPORTED_MODULE_10__.RenderPrevPage,{link:"/mypage/info",text:t("mypage.menu.user-info")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(___WEBPACK_IMPORTED_MODULE_9__.Title,{children:t("mypage.user-info.edit.payment")})]}),"ko"==i18n.language?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(___WEBPACK_IMPORTED_MODULE_9__.ItemTitle,{children:t("general.verify.kakao.title")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(src_components_general_certificationInput__WEBPACK_IMPORTED_MODULE_5__.Z,{onSelect(res){setCodeVerified(res)}})]})}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(___WEBPACK_IMPORTED_MODULE_9__.ItemTitle,{children:"Email Verification"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(src_components_general_certificationInput_email__WEBPACK_IMPORTED_MODULE_11__.Z,{email:userInfo.email,onSelect(res){setCodeVerified(res)}})]})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(Section,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(___WEBPACK_IMPORTED_MODULE_9__.ItemTitle,{children:t("mypage.user-info.edit.saved-

1payment")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{children:[(null==paymentInfo?void 0:paymentInfo.card_number)!==""?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(src_components_general_button__WEBPACK_IMPORTED_MODULE_4__.Z,{type:"gray-line",size:"medium",width:"100%",height:"4.8rem",text:(null==paymentInfo?void 0:paymentInfo.card_vendor)+"( "+(null==paymentInfo?void 0:paymentInfo.card_number)+" )",isEnabled:!1,onClick(){}}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:userInfo&&(null==userInfo?void 0:userInfo.card_vendor)?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(src_components_general_button__WEBPACK_IMPORTED_MODULE_4__.Z,{type:"gray-line",size:"medium",width:"100%",height:"4.8rem",text:(null==userInfo?void 0:userInfo.card_number)!==""?"".concat(null==userInfo?void 0:userInfo.pg.toUpperCase()," ").concat(null==userInfo?void 0:userInfo.card_vendor,"(").concat(null==userInfo?void 0:userInfo.card_number,")"):"".concat(null==userInfo?void 0:userInfo.pg.toUpperCase()," ").concat(null==userInfo?void 0:userInfo.card_vendor),isEnabled:!1,onClick(){}}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(src_components_general_button__WEBPACK_IMPORTED_MODULE_4__.Z,{type:"gray-line",size:"medium",width:"100%",height:"4.8rem",text:"결제수단을 등록해주세요.",isEnabled:!1,onClick(){}})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(___WEBPACK_IMPORTED_MODULE_9__.Description,{style:{margin:"0.5rem 0 3rem",color:src_consts__WEBPACK_IMPORTED_MODULE_7__.O.gray_35},children:t("mypage.user-info.edit.toss-payment-description")})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(src_components_general_button__WEBPACK_IMPORTED_MODULE_4__.Z,{type:"gray50",size:"small",text:userInfo&&(null==userInfo?void 0:userInfo.card_number)!==""?t("mypage.user-info.edit.change-payment"):t("mypage.user-info.edit.regiter"),isEnabled:!0,width:"100%",height:"5rem",fontSize:"1.6rem",margin:"6rem 0 1.5rem",onClick:PaygateSubmit})})]})]}),paymentModalOn?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(src_components_modal_tossModal__WEBPACK_IMPORTED_MODULE_12__.Z,{title:t("mypage.user-info.payment.add-change-payment-method"),modalCallBack:handlePaymentModalCallback,setParentPaymentInfo:handlePaymentInfoCallback,handleTossPaymentRegistRequest:handleTossPaymentRegistRequest,handleCardClassify:handleCardClassify,userInfo:userInfo}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{})]})}let Section=styled_components__WEBPACK_IMPORTED_MODULE_14__.ZP.section.withConfig({componentId:"sc-c4e4b6f8-0"})(_templateObject(),src_consts__WEBPACK_IMPORTED_MODULE_7__.O.gray_50);styled_components__WEBPACK_IMPORTED_MODULE_14__.ZP.div.withConfig({componentId:"sc-c4e4b6f8-1"})(_templateObject1(),src_consts__WEBPACK_IMPORTED_MODULE_7__.O.gray_50),styled_components__WEBPACK_IMPORTED_MODULE_14__.ZP.div.withConfig({componentId:"sc-c4e4b6f8-2"})(_templateObject2(),src_consts__WEBPACK_IMPORTED_MODULE_7__.O.gray_10)}},function(__webpack_require__){__webpack_require__.O(0,[1664,8764,9063,7333,5752,8272,5019,1952,3957,9774,2888,179],function(){return __webpack_require__(__webpack_require__.s=89810)}),_N_E=__webpack_require__.O()}]);