https://www.bomtoon.tw/_next/static/chunks/pages/setting/autoCancel-f1be9d54c2c2e5c5.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[98573],{50195:function(e,t,n){"use strict";n.d(t,{Z:function(){return r}});var a=n(83879),o=n(31434),i=n(87709);function r(e,t){(0,i.Z)(2,arguments);var n=(0,a.Z)(t);return(0,o.Z)(e,-n)}},35674:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/setting/autoCancel",function(){return n(40856)}])},40856:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return L}});var a=n(97458),o=n(52983),i=n(57887),r=n(74854),l=n(70475),d=n(52113),c=n(32881),s=n(79635),u=n(63119),f=n(9957),p=n(26764),g=n(94714),h=n(75930),x=n(89729),m=n(1647),C=n(258),w=n(53957),b=n(71498),v=n(18507),E=n(85472);let y=async e=>new Promise((t,n)=>{(0,w.Hx)(b.I.BACKEND,e.token).post("".concat(v.ZP.paymentAutoExpire)).then(e=>{(0,E.kg)(E.hi.DEBUG,"".concat(v.ZP.paymentAutoExpire),"postPaymentAutoExpire",e.data),"SUCCESS"===e.data.result?t({result:e.data.data}):((0,w.wY)(e.data.error),t({error:e.data.error}))}).catch(e=>{n(e)})});var S=n(98873),P=n(16906),Z=n(49911),k=n(18961),I=n.n(k),A=n(22794),B=function(e){let t=(0,c.s0)(),[n,i]=o.useState(!1),l=(0,o.useCallback)(()=>{i(!n)},[n]),d=(0,o.useCallback)(()=>{e.onClose(),n&&i(!1)},[n,e]),s=(0,o.useCallback)(()=>t("settingAutoChargeChange"),[t]);return(0,a.jsxs)(A.Z,{...e,onClose:d,children:[(0,a.jsxs)(U,{children:[(0,a.jsxs)("div",{children:[(0,a.jsx)(h.Z,{text:r.default.setting.auto.cancel.popup.title,textAlign:"center",size:16,weight:"medium",lineHeight:"22px"}),(0,a.jsx)(h.Z,{text:r.default.setting.auto.cancel.popup.contents,size:14,weight:"normal",lineHeight:"20px",textAlign:"center",isSingleLine:!1})]}),(0,a.jsxs)(j,{children:[(0,a.jsx)(x.Z,{label:r.default.setting.auto.cancel.popup.cancel,fontWeight:"medium",fontSize:14,width:"100%",color:Z.Z.common.shop.auto.buttonColor,onPressed:e.onClose}),(0,a.jsx)(x.Z,{label:r.default.setting.auto.cancel.popup.ok,fontWeight:"medium",fontSize:14,width:"100%",borderColor:Z.Z.common.shop.auto.buttonColor,labelColor:Z.Z.common.shop.auto.buttonColor,color:"#fffff",onPressed:e.confirmAction})]}),(0,a.jsxs)(N,{isActive:n,onClick:l,children:[(0,a.jsx)("span",{children:r.default.setting.auto.cancel.popup.noticeTitle}),n&&(0,a.jsx)(D,{children:r.default.setting.auto.cancel.popup.note.map((e,t)=>{let{text:n,detail:o}=e;return(0,a.jsx)("li",{children:(0,a.jsxs)("div",{children:[n,o&&(0,a.jsx)("span",{children:o})]})},"auto_cancel_note_".concat(t))})})]})]}),e.isShowBottomLink&&(0,a.jsx)(T,{children:(0,a.jsx)("button",{onClick:s,children:r.default.setting.auto.cancel.popup.change})})]})};let U=i.default.div.withConfig({componentId:"sc-fb3d29af-0"})(["padding-top:32px;width:312px;background-color:#ffffff;font-size:16px;border-radius:12px;text-align:center;& > div:first-child{padding:0 20px;display:flex;flex-direction:column;gap:8px;}"]),T=i.default.div.withConfig({componentId:"sc-fb3d29af-1"})(["position:relative;display:flex;margin-top:16px;& > button{padding:0;color:#ffffff;border-bottom:1px solid #ffffff;font-size:14px;font-weight:500;}"]),j=i.default.div.withConfig({componentId:"sc-fb3d29af-2"})(["display:flex;flex-direction:column;width:100%;gap:9px;margin-top:30px;padding:0 20px;"]),N=i.default.div.withConfig({componentId:"sc-fb3d29af-3"})(["display:flex;flex-direction:column;margin-top:20px;border-top:1px solid #e1e1e1;cursor:pointer;& > span{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:12px 20px;font-size:14px;font-weight:500;line-height:20px;&:after{content:'';width:8px;height:8px;border-top:1px solid #1b1b1b;border-right:1px solid #1b1b1b;transform:rotate(135deg);margin-top:-4px;","}}"],e=>{let{isActive:t}=e;return t&&(0,i.css)(["transform:rotate(-45deg);margin-top:4px;"])}),D=i.default.ul.withConfig({componentId:"sc-fb3d29af-4"})(["background-color:#f5f5f5;padding:24px 16px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;& > li{text-align:left;font-size:12px;font-weight:400;line-height:16px;&:before{content:'•';color:rgb(103,103,103);width:10px;height:10px;position:absolute;margin-right:10px;}& > div{color:#676767;position:relative;margin-left:17px;

1span{display:block;color:#979797;}}}"]);var _=n(19807);let H=i.default.div.withConfig({componentId:"sc-88bdc0e4-0"})(["width:100%;align-items:center;display:flex;flex-direction:column;@media (max-width:600px){margin-bottom:60px;min-height:calc(100vh - ","px);}"],e=>{let{theme:t}=e;return t.dimens.headerBarHeight}),M=i.default.div.withConfig({componentId:"sc-88bdc0e4-1"})(["flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;max-width:400px;",""],e=>{let{isDesktop:t}=e;return t?(0,i.css)(["padding:40px 0 11px;"]):(0,i.css)(["width:100%;max-width:100%;padding:30px 16px 0;flex:1 1 0;"])}),O=i.default.div.withConfig({componentId:"sc-88bdc0e4-2"})(["display:flex;flex-direction:column;align-items:center;padding-bottom:40px;"]),G=i.default.div.withConfig({componentId:"sc-88bdc0e4-3"})(["display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:10px;@media (max-width:600px){gap:16px;margin-bottom:6px;}"]),z=i.default.div.withConfig({componentId:"sc-88bdc0e4-4"})(["display:flex;flex-direction:column;gap:20px;margin-bottom:60px;& > div{font-size:16px;font-weight:600;line-height:24px;&:first-child{border-top:1px solid #1b1b1b;}&:last-child{border-bottom:1px solid #1b1b1b;padding-bottom:20px;}&:not(first-child,last-child){border-top:1px solid #e1e1e1;padding-top:20px;}& > div{margin-top:10px;display:block;& span{color:",";}}}"],e=>{let{theme:t}=e;return t.colors.secondaryLight}),Y=i.default.div.withConfig({componentId:"sc-88bdc0e4-5"})(["display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:400px;& > span{color:#676767;font-size:16px;line-height:24px;}@media (max-width:600px){padding-bottom:20px;& > span{font-size:14px;line-height:20px;}}"]);var L=()=>{var e,t,n;let i=(0,c.s0)(),w=(0,u.Ce)(),{accessToken:b,moveToLogin:v}=(0,d.Z)(),{userDetail:E}=(0,_.Z)(),{coin:k,load:A}=(0,m.Z)(),[U,T]=(0,o.useState)({coin:0,mileage:0}),j=(0,o.useMemo)(()=>w?52:48,[w]),N=(0,o.useMemo)(()=>w?20:18,[w]),{showModal:D,openModal:L,closeModal:R}=(0,s.Z)();(0,o.useEffect)(()=>{if(!b){v().then();return}(0,f.xX)(b).then(e=>{(null==e?void 0:e.result)&&T({coin:e.result.bonusCoin||0,mileage:e.result.mileage||0})})},[null==b?void 0:b.token]);let K=(0,o.useCallback)(()=>{y(b).then(e=>{if(e.result){i("autoChargeStatus",{query:[{key:"code",value:"cancelSuccess"}]},!0);return}alert(r.default.setting.auto.cancel.cancelFailMessage)}

1).catch(e=>{console.debug(e),alert(r.default.setting.auto.cancel.cancelFailMessage)})},[b,i]),X=(0,o.useCallback)(async()=>{if("bom-kr"===C.default.PLATFORM&&p.lX.is_android){(0,c.A5)();return}await i("historyBack")},[i]),F=(0,o.useMemo)(()=>U.mileage>0||U.coin>0,[U.coin,U.mileage]),W=(0,o.useMemo)(()=>{var e,t;return null==k?void 0:null===(t=k.paymentInfo)||void 0===t?void 0:null===(e=t.rewardInfo)||void 0===e?void 0:e.hasConsecutiveRewardInfo},[null==k?void 0:null===(t=k.paymentInfo)||void 0===t?void 0:null===(e=t.rewardInfo)||void 0===e?void 0:e.hasConsecutiveRewardInfo]),V=(0,o.useMemo)(()=>C.default.COMMON.SETTING.AUTO_CANCEL.USE_OTHER_BENEFIT||F||W,[W,F]);return A&&b?(0,a.jsxs)(S.Z,{type:C.default.PLATFORM,navType:l.Tp.setting,showNavBar:!0,gnbKey:"setting",layoutType:"setting",title:r.default.setting.autoCancelTitle,showBasicHeader:!0,needHeaderPadding:!0,basicHeaderProps:{title:r.default.setting.autoCancelTitle,centerTitle:!0,useBack:!0,onBackPressed:X},useFooter:!1,children:[(0,a.jsx)(H,{children:(0,a.jsxs)(M,{isDesktop:w,children:[(0,a.jsxs)("div",{children:[(0,a.jsxs)(O,{children:[(0,a.jsxs)(G,{children:[(0,a.jsx)(P.Z,{src:"/images/setting/auto-charge-cancel-icon.svg",width:w?105:90,height:w?74:64}),(0,a.jsx)(g.Z,{text:I()(r.default.setting.auto.cancel.nickname,{nickname:(null==E?void 0:E.nickname)||""}),size:N,color:"#1b1b1b",weight:"medium",textAlign:"center",isSingleLine:!1})]}),V&&(0,a.jsx)(h.Z,{text:r.default.setting.auto.cancel.warning,color:Z.Z.colors.secondaryLight,size:w?16:14,textAlign:"center",isSingleLine:!1})]}),(0,a.jsxs)(z,{children:[F&&(0,a.jsxs)("div",{children:[r.default.setting.auto.cancel.benefit.receivedTitle,U.coin>0&&(0,a.jsx)(g.Z,{size:w?16:14,weight:"normal",isSingleLine:!1,text:I()(r.default.setting.auto.cancel.benefit.receivedText,{value:U.coin,unit:r.default.shop.rewardType.COIN})}),U.mileage>0&&(0,a.jsx)(g.Z,{size:w?16:14,weight:"normal",isSingleLine:!1,text:I()(r.default.setting.auto.cancel.benefit.receivedText,{value:U.mileage,unit:r.default.shop.rewardType.MILEAGE})})]}),W&&(0,a.jsxs)("div",{children:[r.default.setting.auto.cancel.benefit.forwardTitle,(0,a.jsx)(g.Z,{size:w?16:14,isSingleLine:!1,weight:"normal",text:I()(r.default.setting.auto.cancel.benefit.forwardText,{count:k.paymentInfo.rewardInfo.remainPaymentCount,value:k.paymentInfo.rewardInfo.consecutiveRewardValue,unit:r.default.shop.rewardType[k.paymentInfo.rewardInfo.consecutiveRewardType]})})]}),C.default.COMMON.SETTING.AUTO_CANCEL.USE_OTHER_BENEFIT&&(0,a.jsxs)("div",{children:[r.default.setting.auto.cancel.benefit.otherTitle,(0,a.jsx)(g.Z,{text:r.default.setting.auto.cancel.benefit.otherBenefitText,isSingleLine:!1,size:w?16:14})]})]})]}),(0,a.jsxs)(Y,{children:[V&&(0,a.jsx)("span",{children:r.default.setting.auto.cancel.confirm}),(0,a.jsx)(x.Z,{label:r.default.setting.auto.cancel.keeping,width:"100%",height:j,onPressed:X,color:Z.Z.common.shop.auto.buttonColor,fontSize:w?16:14,fontWeight:"normal"}),(0,a.jsx)(x.Z,{label:r.default.setting.auto.cancel.button,width:"100%",height:j,onPressed:L,color:"#ffffff",borderColor:Z.Z.common.shop.auto.buttonColor,labelColor:Z.Z.common.shop.auto.buttonColor,fontSize:w?16:14,fontWeight:"normal"})]})]})}),(0,a.jsx)(B,{show:D,onClose:R,confirmAction:K,isShowBottomLink:null==k?void 0:null===(n=k.paymentInfo)||void 0===n?void 0:n.isActivate})]}):null}},97910:function(e,t,n){"use strict";n.d(t,{Hg:function(){return s},Nh:function(){return l},XT:function(){return c},gn:function(){return d}});var a=n(18507),o=n(85472),i=n(53957),r=n(71498);let l=async(e,t)=>new Promise((n,l)=>{let d=a.ZP.asset;(0,i.Hx)(r.I.BACKEND,null==e?void 0:e.token,t).get(d).then(e=>{(0,o.kg)(o.hi.DEBUG,d,"getAsset",e.data),"SUCCESS"==e.data.result?n({result:e.data.data}):((0,i.wY)(e.data.error),n({error:e.data.error}))}).catch(e=>{l(e)})}),d=async e=>new Promise((t,n)=>{(0,i.Hx)(r.I.BACKEND,null==e?void 0:e.token).get(a.ZP.assetUser).then(e=>{(0,o.kg)(o.hi.DEBUG,"",a.ZP.assetUser,e.data),"SUCCESS"==e.data.result?t({result:e.data.data}):((0,i.wY)(e.data.error),t({error:e.data.error}))}).catch(e=>{n(e)})}),c=async e=>new Promise((t,n)=>

1{(0,i.Hx)(r.I.BACKEND,null==e?void 0:e.token).get(a.ZP.assetExpire).then(e=>{(0,o.kg)(o.hi.DEBUG,"",a.ZP.assetExpire,e.data),"SUCCESS"==e.data.result?t({result:e.data.data}):((0,i.wY)(e.data.error),t({error:e.data.error}))}).catch(e=>{n(e)})}),s=async e=>new Promise((t,n)=>{(0,i.Hx)(r.I.BACKEND,null==e?void 0:e.token).get(a.ZP.getUserUsedCoin).then(e=>{(0,o.kg)(o.hi.DEBUG,"",a.ZP.getUserUsedCoin,e.data),"SUCCESS"==e.data.result?t({result:e.data.data}):((0,i.wY)(e.data.error),t({error:e.data.error}))}).catch(e=>{n(e)})})},9957:function(e,t,n){"use strict";n.d(t,{KX:function(){return p},P_:function(){return x},Tu:function(){return u},UB:function(){return f},UR:function(){return g},eG:function(){return w},fy:function(){return m},gT:function(){return h},wY:function(){return s},xX:function(){return C}});var a=n(18507),o=n(85472),i=n(53957),r=n(71498),l=n(23143),d=n(258),c=n(50195);let s=["CREATE","EXPIRE"],u=async function(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"COIN",s=arguments.length>3?arguments[3]:void 0,u=(0,l.Z)((0,c.Z)(Date.now(),d.default.HISTORY_CHARGE_DAY),d.default.TIME_ZONE).getTime();return new Promise((l,d)=>{let c={createdAt:u,sort:t,coinKind:n};s&&(c.coinStatusGroup=s),(0,i.Hx)(r.I.BACKEND,e.token).get("".concat(a.ZP.charge),{params:c}).then(e=>{(0,o.kg)(o.hi.DEBUG,"".concat(a.ZP.charge),"getCharge",e.data),"SUCCESS"==e.data.result?l({result:e.data.data}):((0,i.wY)(e.data.error),l({error:e.data.error}))}).catch(e=>{d(e)})})},f=async(e,t,n)=>{let s=(0,l.Z)((0,c.Z)(Date.now(),d.default.HISTORY_MILEAGE_DAY),d.default.TIME_ZONE).getTime();return new Promise((l,d)=>{let c={createdAt:s,sort:t};n&&(c.mileageHistoryGroup=n),(0,i.Hx)(r.I.BACKEND,e.token).get("".concat(a.ZP.mileage),{params:c}).then(e=>{(0,o.kg)(o.hi.DEBUG,"".concat(a.ZP.mileage),"getMileage",e.data),"SUCCESS"==e.data.result?l({result:e.data.data}):((0,i.wY)(e.data.error),l({error:e.data.error}))}).catch(e=>{d(e)})})},p=async(e,t)=>new Promise((n,l)=>{(0,i.Hx)(r.I.BACKEND,e.token).put("".concat(a.ZP.mileage,"?mileage=").concat(t),{mileage:t}).then(e=>{(0,o.kg)(o.hi.DEBUG,"".concat(a.ZP.mileage,"?mileage=").concat(t),"putMileage",e.data),"SUCCESS"==e.data.result?n({result:!0}):((0,i.wY)(e.data.error),n({error:e.data.error}))}).catch(e=>{l(e)})}),g=async function(e,t,n,l){let d=arguments.length>4&&void 0!==arguments[4]?arguments[4]:null,c=arguments.length>5?arguments[5]:void 0,s=arguments.length>6?arguments[6]:void 0;return new Promise((u,f)=>{let p={paymentMenu:t,isMobile:n,ipAddress:l};d&&(p.coinProductId=d),(0,i.Hx)(r.I.BACKEND,null==e?void 0:e.token,c,s).post(a.ZP.paymentProvider,p).then(e=>{(0,o.kg)(o.hi.DEBUG,a.ZP.paymentProvider,"postPaymentProvider",e.data),"SUCCESS"==e.data.result?u({result:e.data.data}):((0,i.wY)(e.data.error),u({error:e.data.error}))}).catch(e=>{f(e)})})},h=async()=>new Promise((e,t)=>{(0,i.Hx)(r.I.BACKEND).get("".concat(a.ZP.policyMileageExchange)).then(t=>{(0,o.kg)(o.hi.DEBUG,a.ZP.policyMileageExchange,"getPolicyMileageExchange",t.data),"SUCCESS"==t.data.result?e({result:t.data.data}):((0,i.wY)(t.data.error),e({error:t.data.error}))}).catch(e=>{t(e)})}),x=async(e,t,n,l,d)=>new Promise((c,s)=>{(0,i.Hx)(r.I.BACKEND,d.token).post("".concat(a.ZP.paymentAuto),{purchaseType:e,episodeId:t,paymentCount:n,ipAddress:l}).then(e=>{(0,o.kg)(o.hi.DEBUG,"".concat(a.ZP.paymentAuto),"postPaymentAuto",e.data),"SUCCESS"==e.data.result?c({result:e.data.data}):((0,i.wY)(e.data.error),c({error:{code:e.data.returnCode,message:e.data.returnMessage,detail:e.data.returnMessage}}))}).catch(e=>{s(e)})}),m=async(e,t)=>new Promise((n,l)=>{(0,i.Hx)(r.I.BACKEND,null==t?void 0:t.token).put(a.ZP.paymentAuto,null,{params:{paymentCondition:e}}).then(e=>{(0,o.kg)(o.hi.DEBUG,a.ZP.paymentAuto,"putPaymentAuto",e.data),"SUCCESS"==e.data.result?n({result:e.data.data}):((0,i.wY)(e.data.error),n({error:e.data.error}))}).catch(e=>{l(e)})}),C=async e=>new Promise((t,n)=>{(0,i.Hx)(r.I.BACKEND,null==e?void 0:e.token).get("".concat(a.ZP.paymentAutoBenefit)).then(e=>{(0,o.kg)(o.hi.DEBUG,"".concat(a.ZP.paymentAutoBenefit),"getPaymentAutoBenefit",e.data),"SUCCESS"==e.data.result?t({result:e.data.data}):((0,i.wY)(e.data.error),t({error:e.data.error}))}).catch(e=>{n(e)})}),w=async(e,t)=>new Promise((n,l)=>{(0,i.Hx)(r.I.BACKEND,e.token).get("".concat(a.ZP.payment,"/").concat(t)).then(e=>{(0,o.kg)(o.hi.DEBUG,"".concat(a.ZP.payment),"getPaymentDetail",e.data),"SUCCESS"===e.data.result?n({result:e.data.data}):((0,i.wY)(e.data.error),n({error:e.data.error}))}).catch(e=>{l(e)})})},1647:function(e,t,n){"use strict";var a=n(52983),o=n(64503),i=n(97910),r=n(19686),l=n(71584);t.Z=function(){var e,t,n;let{enabled:d}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{accessToken:c}=(0,o.kE)(),{data:s,isLoading:u,error:f,refetch:p,isStale:g}=(0,r.useQuery)([l.U.USER_COIN()],()=>(0,i.gn)(c),{cacheTime:3e3,staleTime:3e3,enabled:(null==d||d)&&!!c,refetchOnMount:"always"}),h=(0,o.OV)();(0,a.useEffect)(()=>{(null==s?void 0:s.result)&&h({type:"UpdateAssetData",payload:{coin:{...s.result.coinBalance,paymentInfo:s.result.paymentInfo},ticket:s.result.ticketBalance}})},[s,h]);let x=(0,a.useCallback)(()=>{u||s&&!g||p()},[s,u,g,p]);return{coin:{...null==s?void 0:null===(e=s.result)||void 0===e?void 0:e.coinBalance,paymentInfo:null==s?void 0:null===(t=s.result)||void 0===t?void 0:t.paymentInfo},ticket:null==s?void 0:null===(n=s.result)||void 0===n?void 0:n.ticketBalance,load:(f||s)&&!u,fetchUserCoin:x}}},71584:function(e,t,n){"use strict";n.d(t,{U:function(){return a}});let a={USER_COIN:()=>"user-coin",USER_PHONE:()=>"user-phone-number"}}},function(e){e.O(0,[16304,92888,49774,40179],function(){return e(e.s=35674)}),_N_E=e.O()}]);
2//# sourceMappingURL=autoCancel-f1be9d54c2c2e5c5.js.map