https://www.allmytour.com/_next/static/chunks/pages/membership/awe…/payment-method-c6f9e79a05b237cc.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6938],{70244:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/membership/awesome/management/payment-method",function(){return n(68721)}])},12633:function(t,e,n){"use strict";n.d(e,{g:function(){return Bullet}});var r=n(85893);function Bullet(t){var e=t.type;return(0,r.jsxs)(r.Fragment,{children:["hyphen"===e&&(0,r.jsx)("i",{className:"tw-mr-4px tw-flex-shrink-0 tw-text-[inherit]",children:"-"}),"dot"===e&&(0,r.jsx)("i",{className:"ico_infoDot tw-flex-shrink-0 tw-min-h-[20px]"}),"sub"===e&&(0,r.jsx)("i",{className:"tw-mr-[6px] tw-flex-shrink-0 tw-text-[inherit]",children:"ㄴ"}),"aster"===e&&(0,r.jsx)("i",{className:"tw-mr-[6px] tw-flex-shrink-0 tw-text-[inherit]",children:"*"})]})}},44470:function(t,e,n){"use strict";n.d(e,{d:function(){return PayCardList}});var r=n(85893),i=n(2261),a=n(67294),s=n(25675),c=n.n(s),l=n(92694),o="tw-w-[224px] tw-h-[140px] tw-py-16px tw-px-24px tw-flex tw-rounded-16px",d=n(6772);function PayCard(t){var e=t.card,n=t.onDelete,i=(0,a.useMemo)(function(){var t={main:"tw-shadow-[0px_0px_0px_2px_#FF6B00]",cardName:"tw-text-grey-g20",cardNumberText:"tw-text-grey-g20",cardNumber:"tw-text-grey-g20"};return(null==e?void 0:e.checked)||((null==e?void 0:e.awesomeBilling)?(t.main="tw-bg-grey-g90",t.cardName="tw-text-grey-g20",t.cardNumberText=t.cardName,t.cardNumber="tw-text-grey-g20"):(t.main="tw-bg-grey-g90",t.cardName="tw-text-grey-g20",t.cardNumberText=t.cardName,t.cardNumber="tw-text-grey-g30")),t},[null==e?void 0:e.awesomeBilling,null==e?void 0:e.checked]);return(0,r.jsxs)("div",{className:"".concat(o," tw-flex-col tw-justify-between tw-h-full tw-cursor-pointer tw-rounded-8px\n                  ").concat(i.main," tw-transition-all"),children:[(0,r.jsxs)("div",{className:"tw-flex tw-items-center tw-gap-[8px] ".concat(e.awesomeBilling?"tw-justify-between":""),children:[(0,r.jsx)("span",{className:"tw-text-subTitle1 ".concat(i.cardName," tw-transition-all"),children:e.cardName||e.impPgProvider}),e.awesomeBilling?(0,r.jsxs)("div",{className:"tw-inline-flex tw-items-center tw-ml-auto tw-text-subTitle2 tw-relative tw-text-primary-p20 tw-cursor-pointer reset",children:[(0,r.jsx)(l.J,{additionalClass:"tw-mr-4px",iconName:"ico_confirm-check",color:"tw-bg-primary-p20",size:"tw-w-[16px] tw-h-[16px]"}),"Recent"]}):(0,r.jsx)("button",{className:"tw-ml-auto tw-text-subTitle2 tw-relative tw-text-grey-g40 tw-cursor-pointer reset ",onClick:function(){return n(e.idx)},children:"삭제"})]}),(0,r.jsx)(c(),{fill:!0,unoptimized:!0,src:d.HS.LOGO,className:"tw-static tw-text-center tw-h-[28px]",alt:"logo"}),e.cardNumber&&(0,r.jsxs)("p",{className:"tw-flex tw-flex-col",children:[(0,r.jsx)("span",{className:"tw-text-subTitle1 ".concat(i.cardNumberText," tw-transition-all"),children:"카드번호"}),(0,r.jsx)("span",{className:"tw-text-body4 ".concat(i.cardNumber," tw-transition-all"),children:e.cardNumber})]})]})}function AddCard(t){var e=t.onClick;return(0,r.jsxs)("button",{className:"".concat(o," \n                  tw-flex-col tw-items-center tw-justify-center tw-h-[280px]\n                  tw-border-none tw-shadow-[0px_4px_24px_0px_#F1F1F1]\n                  tw-text-center\n                  "),onClick:e,children:[(0,r.jsxs)("span",{className:"tw-mb-[5px] tw-text-subTitle2 tw-text-center tw-text-grey-g30",children:["카드 등록하기 ",(0,r.jsx)("i",{children:"+"})]}),(0,r.jsx)("p",{className:"tw-text-caption2 tw-text-grey-g40",children:"결제에 사용할 카드를 등록해주세요"})]})}var u=n(32101);function PayCardList(t){var e=t.cardList,n=t.onDelete,a=t.onAddCard,s=t.onSelect,c=t.addCard,l=void 0!==c&&c;return(0,r.jsx)(i.tq,{className:"tw-w-full tw-z-0 tw-py-20px tw-px-20px",spaceBetween:24,slidesPerView:"auto",freeMode:!0,children:e.length?(0,r.jsxs)(r.Fragment,{children:[null==e?void 0:e.map(function(t,e){return(0,r.jsx)(i.o5,{className:"tw-w-max tw-shadow-[0px_4px_24px_0px_#F1F1F1] tw-rounded-8px",children:s?(0,r.jsxs)("label",{htmlFor:"card"+t.idx,className:"tw-h-[280px] tw-block tw-relative",children:[(0,r.jsx)(u.Y,{additionalClass:"tw-absolute tw-right-[24px] tw-top-[16px]",displayStyle:"none",name:"cards",id:"card"+t.idx,onChange:s,checked:t.checked,value:t.idx}),(0,r.jsx)(PayCard,{card:t,onDelete:n})]},t.idx):(0,r.jsx)(PayCard,{card:t,onDelete:n})},e)}),l&&a&&(0,r.jsx)(i.o5,{className:"tw-w-[224px]",children:(0,r.jsx)(AddCard,{onClick:a})})]}):l&&a&&(0,r.jsx)(i.o5,{className:"tw-w-[224px] tw-ml-20px",children:(0,r.jsx)(AddCard,{onClick:a})})})}},73861:function(t,e,n){"use strict";n.d(e,{J:function(){return c}});var r=n(72253),i=n(14932),a=n(47702),s=n(85893),c=(0,n(67294).forwardRef)(function(t,e){var n=t.additionalClass,c=void 0===n?"":n,l=t.size,o=void 0===l?"tw-w-[24px] tw-h-[24px]":l,d=t.checkboxType,u=(0,a._)(t,["additionalClass","size","checkboxType"]);return(0,s.jsx)("input",(0,i._)((0,r._)({className:"\n            ".concat(void 0===d?"type_check_round":d," ").concat(o,"\n            tw-shrink-0 tw-cursor-pointer\n            tw-rounded-full \n            tw-bg-grey-g60 checked:tw-bg-primary-p1\n            tw-transition-all\n            ").concat(c,"\n        "),type:"checkbox",id:u.id},u),{ref:e}))});c.displayName="CheckBox"},35793:function(t,e,n){"use strict";n.d(e,{o:function(){return InputWithTextLabel}}

1);var r=n(85893),i=n(41664),a=n.n(i);function InputWithTextLabel(t){var e=t.additionalClass,n=t.inputElement,i=t.labelElement,s=t.labelLink,c=t.isEssential;return(0,r.jsxs)("label",{htmlFor:n.props.id,className:"tw-flex tw-align-center tw-gap-[12px] tw-min-h-[24px] ".concat(e),children:[n,(0,r.jsxs)("div",{className:"tw-flex",children:[s?(0,r.jsx)(a(),{href:s,children:(0,r.jsx)("p",{className:"tw-underline",children:i})}):i,c&&(0,r.jsx)("i",{className:"ico_essential tw-w-[10px] tw-ml-4px tw-bg-grey-g10"})]})]})}},32101:function(t,e,n){"use strict";n.d(e,{Y:function(){return l}});var r=n(72253),i=n(47702),a=n(85893),s=n(67294),c={check:"type_check checked:tw-bg-grey-g10",round:"type-round tw-border-[4px] tw-bg-grey-g90 tw-border-grey-g60 checked:tw-border-grey-g20 checked:tw-bg-grey-g90",check_bg_none:"type_check_bg_none tw-bg-red",none:""},l=(0,s.forwardRef)(function(t,e){var n=t.additionalClass,s=void 0===n?"":n,l=t.size,o=t.displayStyle,d=(0,i._)(t,["additionalClass","size","displayStyle"]);return(0,a.jsx)("input",(0,r._)({className:"".concat(void 0===l?"tw-w-[24px] tw-h-[24px]":l," tw-rounded-full tw-cursor-pointer\n          radio ").concat(s," ").concat(c[void 0===o?"round":o],"   \n          "),id:d.id,type:"radio",ref:e},d))});l.displayName="Radio"},95354:function(t,e,n){"use strict";n.d(e,{c:function(){return FixedBottomButtonWrapper}});var r=n(85893);function FixedBottomButtonWrapper(t){var e=t.additionalClass,n=t.fixedLevel,i=t.children;return(0,r.jsx)("div",{className:"\n        tw-fixed ".concat(void 0===n?"tw-bottom-[79px]":n," tw-left-1/2 tw--translate-x-1/2\n        pc:tw-max-w-[calc(800px-40px)] tw-w-[calc(100%-40px)]\n        ").concat(e,"\n        "),children:i})}},13355:function(t,e,n){"use strict";n.d(e,{i:function(){return Wrapper}});var r=n(85893),i=n(33612);function Wrapper(t){var e=t.additionalClass,n=void 0===e?"":e,a=t.backgroundColor,s=void 0===a?"tw-bg-grey-g90":a,c=t.fullWith,l=t.useFixedBottomButton,o=void 0!==l&&l,d=t.children;return(0,r.jsx)("section",{className:(0,i.n)("tw-relative ".concat(void 0!==c&&c?"tw-px-0":"tw-px-20px"," ").concat(s,"\n                ").concat(o?"tw-pb-[108px]":"tw-pb-20px","\n                "),n),children:d})}},70023:function(t,e,n){"use strict";n.d(e,{D:function(){return BulletList}});var r=n(85893),i=n(62428),a=n(12633);function BulletList(t){var e=t.additionalClass,n=t.type,s=void 0===n?"hyphen":n,c=t.lists;return(0,r.jsx)("ul",{className:void 0===e?"":e,children:c&&c.map(function(t,e){return(0,r.jsxs)("li",{className:"tw-flex tw-flex-nowrap tw-items-stretch tw-mb-8px last:tw-mb-0 tw-text-grey-g40 tw-text-caption2",children:[(0,r.jsx)(a.g,{type:s}),"string"==typeof t.text?(0,r.jsx)("span",{className:"".concat(t.additionalClass," ").concat(t.color||"tw-text-[inherit]"),children:i.s.textNewLine(t.text)}):(0,r.jsx)("p",{className:"".concat(t.additionalClass," ").concat(t.color||"tw-text-[inherit]"),children:t.text})]},e)})})}},41030:function(t,e,n){"use strict";n.d(e,{q:function(){return IamPortCdn}});var r=n(85893),i=n(4298),a=n.n(i),s=n(67294),IamPortCdn=function(){var t=(0,s.useCallback)(function(){var t=window.IMP;t&&t.init("imp19682736")},[]);return(0,r.jsx)(a(),{type:"text/javascript",src:"https://cdn.iamport.kr/v1/iamport.js",async:!0,onLoad:t})}},7735:function(t,e,n){"use strict";n.d(e,{R:function(){return RouteProtect}});var r=n(91309),i=n(67294),a=n(11163),s=n(30657),c=n(35273),RouteProtect=function(t){var e=t.children,n=(0,a.useRouter)(),l=(0,s.e)().isLoggedIn,o=(0,c.n)().moveLogin,d=(0,r._)((0,i.useState)(!0),2),u=d[0],x=d[1];if((0,i.useEffect)(function(){x(!1)},[n]),!u){if(!u&&!l){var w,p,h=0>n.pathname.indexOf("/link-biz/")?"/login":"".concat((null===(w=n.query)||void 0===w?void 0:w.linkBizCompanyName)?"/link-biz/login?destination=".concat(null===(p=n.query)||void 0===p?void 0:p.linkBizCompanyName):"/login");o(n.asPath,h,!0);return}return e}}},68721:function(t,e,n){"use strict";n.r(e),n.d(e,{PaymentMethodPage:function(){return PaymentMethodPage}});var r=n(11010),i=n(97582),a=n(85893),s=n(67294),c=n(11163),l=n(41030),o=n(33467),d=n(18821),u=n(13355),x=n(44470),w=n(70023),p=n(35793),h=n(73861),m=n(95354),f=n(16798),g=n(42785),b=n(40362),v=n(35273),y=n(2953),C=n(36602),j=n(14181),N=n(67732),k=n(51061),_=n(8182),B=n(90021),E=n(1858),P=n(30657),T=n(7735),L="결제 수단 관리";function PaymentMethodPage(){var t=(0,c.useRouter)(),e=(0,v.n)().moveBack,n=(0,P.e)().userInfo,g=(0,E.o)().popupActions,b=(0,y.Zv)(),T=b.billingCards,A=b.onChangeBilling

1Card,F=b.onRegistrationBillingKey,R=b.onDeleteBillingKey,z=b.fetchAndSetBillingCards,M=b.redirectFail,q=(0,C.P4)([{id:"agreeTerm",required:!0,checked:!1,labelText:"정기결제 변경 유의사항을 확인하고 숙지했습니다"}]),D=q.checkListState,S=q.requiredChecked,G=q.onChangeCheckBox,I=(0,s.useMemo)(function(){var t={selectedBillingCard:null,currentBillingCard:null};return T.forEach(function(e){e.checked&&(t.selectedBillingCard=e.idx),(null==e?void 0:e.awesomeBilling)&&(t.currentBillingCard=e.idx)}),t},[T]),W=(0,s.useRef)(null),J=(0,s.useCallback)((0,r._)(function(){return(0,i.Jh)(this,function(e){switch(e.label){case 0:j.G.disable(W),e.label=1;case 1:if(e.trys.push([1,7,,8]),I.selectedBillingCard!==I.currentBillingCard)return[3,3];return[4,g.open(k.Af.ALERT,{description:"이미 정기 결제로 사용 중인 결제 수단입니다."})];case 2:return e.sent(),j.G.active(W),[2];case 3:if(!I.selectedBillingCard)return[3,6];return[4,N.J7.updateAwesomeBillingCard(I.selectedBillingCard.toString())];case 4:return e.sent(),[4,g.open(k.Af.ALERT,{description:"결제수단 변경이 완료되었습니다."})];case 5:e.sent(),e.label=6;case 6:return t.reload(),[3,8];case 7:return console.log(e.sent()),j.G.active(W),[3,8];case 8:return[2]}})}),[I.currentBillingCard,I.selectedBillingCard,e,g]),O=(0,s.useCallback)((0,r._)(function(){return(0,i.Jh)(this,function(t){switch(t.label){case 0:return t.trys.push([0,2,,3]),[4,F({name:_.XG[n.grade].name,grade:_.XG[n.grade].grade})];case 1:return t.sent(),[3,3];case 2:return console.log(t.sent()),g.open(k.Af.ALERT,{title:"결제수단 등록에 실패했습니다."}),[3,3];case 3:return[2]}})}),[F,n.grade]);return(0,s.useEffect)(function(){M(t.query),z()},[z,M,t.query]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(l.q,{}),(0,a.jsx)(o.h,{leftIcon:[{name:B.H.BACK,onClick:function(){return t.push("/membership/awesome/management")},label:"뒤로가기"}],centerArea:{content:L}}),(0,a.jsxs)(d.M,{children:[(0,a.jsx)(u.i,{children:(0,a.jsx)("h2",{className:"tw-text-subTitle1 tw-pt-24px tw-mb-8px",children:"정기결제 카드"})}),(0,a.jsx)(x.d,{cardList:T,onDelete:R,onAddCard:O,onSelect:A,addCard:!0}),(0,a.jsxs)(u.i,{useFixedBottomButton:!0,additionalClass:"tw-mt-24px",children:[(0,a.jsx)("p",{className:"tw-text-caption1 tw-text-grey-g10 tw-pl-8px tw-mb-8px",children:"[필독] 정기결제 변경 시 꼭 확인해주시기 바랍니다"}),(0,a.jsx)(w.D,{additionalClass:"tw-mb-16px",lists:[{additionalClass:"tw-text-caption1",text:_.EM.CHANGE_CARD}]}),(0,a.jsx)(p.o,{labelElement:(0,a.jsx)("p",{className:"tw-text-subTitle2 tw-text-grey-g30",children:D[0].labelText}),inputElement:(0,a.jsx)(h.J,{id:D[0].id,required:!0,onChange:function(t){return G(t,0)},checked:D[0].checked})}),(0,a.jsx)(m.c,{children:(0,a.jsx)(f.z,{onClick:J,ref:W,disabled:!S||!I.selectedBillingCard,children:"변경하기"})})]})]})]})}e.default=PaymentMethodPage,PaymentMethodPage.getLayout=function(t){return(0,a.jsx)(T.R,{children:(0,a.jsx)(g.A,{headOption:(0,a.jsx)(b.P,{title:L}),goTopbutton:!1,children:t})})}},14181:function(t,e,n){"use strict";n.d(e,{G:function(){return s},p:function(){return c}});var r=n(72253),i=n(14932),a={isExist:function(t){return!!(t&&t.current)},disable:function(t){this.isExist(t)&&"disabled"in t.current&&(t.current.disabled=!0)},active:function(t){this.isExist(t)&&"disabled"in t.current&&(t.current.disabled=!1)},focus:function(t){this.isExist(t)&&t.current.focus()}},s=(0,i._)((0,r._)({},a),{resetTarget:function(t,e){this.isExist(t)&&this.isExist(e)&&(e.current.value="")}}),c=(0,i._)((0,r._)({},a),{hasValue:function(t){return!!((null==t?void 0:t.current)||""!==this.trim(t))},blur:function(t){this.isExist(t)&&t.current.blur()},reset:function(t){this.isExist(t)&&(t.current.value="")},trim:function(t){if(this.isExist(t))return t.current.value.trim()},onKeyEnterEvent:function(t,e){"enter"===t.toLowerCase()&&e()}})}},function(t){t.O(0,[2261,5675,8507,6602,7732,2488,2953,9774,2888,179],function(){return t(t.s=70244)}),_N_E=t.O()}]);