https://www.autostay.kr/_next/static/chunks/3459.f01e669b7b408443.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3459],{23459:function(e,s,t){t.r(s),t.d(s,{EventPassMessage:function(){return EventPassMessage},EventPassPage:function(){return EventPassPage},EventPassSkeleton:function(){return EventPassSkeleton}});var n=t(24246),r=t(21045),a=t(77381),l=t(83922),i=t.n(l),c=t(84998),o=t(61488),x=t(13793),d=t(96603),u=t(38342),m=t(77830),h=t(87407),g=t(3150),b=t(45337),j=t(30381),f=t(69256),p=t(18056),N=t(30413),v=t(13381),P=t(30228),E=t(2651),k=t(38125),w=t(58534);function won(e){return i().numberFormat(String(e),void 0)}function EventPassPage(e){let{subscriptionId:s,couponId:t}=e,l=(0,r.a)({...(0,w._e)(s),enabled:!!s}),h=(0,r.a)({...(0,w.By)(t??0),enabled:!!t}),y=(0,a.D)({mutationFn:w.cj}),{notify:S,notifyThen:C,isNavigating:T,cancelNavigation:I}=(0,v.d)(),M=l.data?.price??0,O=l.data?.stores?.[0]?.storeId,$=h.isError?null:h.data??null,{discountPrice:B,label:R}=function(e,s){if(!s||!e)return{discountPrice:0,label:""};let{discountType:t,discount:n,maxDiscPrice:r}=s;if(t===k.DiscountTypes.PERCENT){let s=Math.floor(e*n/100);return r&&r>0&&(s=Math.min(s,r)),{discountPrice:s,label:`${n}%`}}return t===k.DiscountTypes.PRICE?{discountPrice:Math.min(n,e),label:`${i().numberFormat(String(n),void 0)}원`}:t===k.DiscountTypes.FREE?{discountPrice:e,label:"100%"}:{discountPrice:0,label:""}}(M,$),A=B>0,L=M-B,goSignin=()=>{let e=new URLSearchParams({subscriptionId:String(s)});t&&e.set("couponId",String(t)),(0,N.B)(`/member/signin?redirect=${encodeURIComponent(`/events/pass?${e.toString()}`)}`)},goPayment=()=>{(0,N.B)(`/reserve/subscription?subscriptionId=${s}`)},closeToHome=()=>{I(),(0,N.B)("/")};return s?l.isLoading?(0,n.jsx)(EventPassSkeleton,{}):l.isError?(0,n.jsxs)(EventPassMessage,{children:[(0,n.jsx)(b.n.Title,{children:"상품 정보를 불러오지 못했어요"}),(0,n.jsxs)(b.n.Actions,{children:[(0,n.jsx)(b.n.SecondaryAction,{onClick:closeToHome,children:"홈으로"}),(0,n.jsx)(b.n.Action,{onClick:()=>{l.refetch()},children:"다시 시도"})]})]}):(0,n.jsxs)(f.Q,{className:"pb-32",onBack:()=>{I(),(0,p.K)(()=>(0,N.K)("/"))},headerRight:(0,n.jsx)(c.h4.CloseButton,{onClick:closeToHome}),children:[(0,n.jsxs)("div",{className:"px-x4 pt-x3",children:[(0,n.jsx)(d.Ct,{variant:"weak",tone:"neutral",children:"정기구독"}),(0,n.jsx)("h2",{className:"mt-x2 t9-bold text-fg-neutral",children:l.data?.subscriptionName??""}),(0,n.jsx)("p",{className:"mt-x2 t4-regular text-fg-neutral-subtle",children:"매월 자동세차 무제한"})]}),A&&(0,n.jsx)(o.O,{eyebrow:{text:"정기구독",centerX:51},label:{text:R,centerX:69},caption:{text:`1개월 ${R} 할인 적용`,centerX:91}}),(0,n.jsxs)("div",{className:"mt-x10 flex flex-col gap-x4 px-x4",children:[A&&(0,n.jsx)(u.UW,{tone:"informative",prefixIcon:(0,n.jsx)(P.Z,{}),description:`첫 달 ${R} 할인 자동 적용`}),!!t&&h.isError&&(0,n.jsx)("div",{className:"rounded-r1 bg-bg-layer-default p-x4",children:(0,n.jsx)("p",{className:"m-0 t4-regular text-fg-neutral-muted",children:"쿠폰 정보를 불러오지 못했어요. 지금은 정상가로 보여드려요."})}),(0,n.jsxs)("dl",{className:"rounded-r1 bg-bg-layer-default p-x4",children:[(0,n.jsxs)("div",{className:"flex items-center justify-between t4-regular text-fg-neutral-muted",children:[(0,n.jsx)("dt",{children:"정기구독 금액"}),(0,n.jsxs)("dd",{children:["월 ",won(M),"원"]})]}),A&&(0,n.jsxs)("div",{className:"mt-x2 flex items-center justify-between t4-regular text-fg-neutral-muted",children:[(0,n.jsxs)("dt",{children:["쿠폰 할인(첫 달 ",R,")"]}),(0,n.jsxs)("dd",{children:["-",won(B),"원"]})]}),(0,n.jsxs)(m.i,{as:"div",className:"mt-x6 flex items-start justify-between border-b-0 border-t pt-x6",children:[(0,n.jsx)("dt",{className:"t4-regular text-fg-neutral-muted",children:"첫 달 결제금액"}),(0,n.jsxs)("dd",{className:"flex flex-col items-end gap-x1 text-right",children:[(0,n.jsxs)("strong",{className:"t6-bold text-fg-neutral",children:[won(L),"원"]}),A&&(0,n.jsxs)("span",{className:"t2-regular text-fg-neutral-subtle",children:["다음 달부터 월 ",won(M),"원"]})]})]})]})]}),(0,n.jsx)(g.GI,{children:(0,n.jsxs)(x.K,{variant:"brandSolid",size:"large",className:"w-full",disabled:y.isPending||T,loading:y.isPending,onClick:()=>{let e=(0,j.n)(),n={subscriptionId:s,couponId:t,storeId:O,price:M,discountPrice:B,firstMonthPrice:L};if((0,E.qb)({...n,isAuthenticated:e,hasCoupon:A}),!e){goSignin();return}if(!t||!O||h.isError){goPayment();return}y.mutate({storeId:O,couponId:t},{onSuccess:()=>{(0,E.NL)(n),C("쿠폰이 발급되었습니다.",goPayment)},onError:e=>{if((0,E.h7)({...n,errCode:(0,w.kL)(e),httpStatus:(0,w.st)(e)}),401===(0,w.st)(e)){goSignin();return}if(321===(0,w.kL)(e)){S("첫 구독 할인 대상자가 아니에요.");return}goPayment()}})},children:[won(L),"원으로 시작하기"]})})]}):(0,n.jsxs)(EventPassMessage,{children:[(0,n.jsx)(b.n.Title,{children:"잘못된 접근이에요"}),(0,n.jsx)(b.n.Actions,{children:(0,n.jsx)(b.n.Action,{onClick:closeToHome,children:"홈으로"})})]})}function EventPassMessage(e){let{children:s}=e;return(0,n.jsx)("div",{className:"mx-auto flex min-h-screen max-w-app items-center justify-center bg-bg-layer-basement",children:(0,n.jsx)(b.n,{surface:"basement",size:"page",children:s})})}function EventPassSkeleton(){return(0,n.jsxs)("div",{className:"mx-auto min-h-screen max-w-app bg-bg-layer-basement px-x4 pb-32 pt-x14",children:[(0,n.jsx)(h.O,{className:"block h-x7 w-x16"}),(0,n.jsx)(h.O,{className:"mt-x2 block h-x8 w-3/4"}),(0,n.jsx)(h.O,{className:"mt-x2 block h-x5 w-1/2"}),(0,n.jsx)(h.O,{className:"mx-auto mt-x4 block h-[152px] w-[244px]"}),(0,n.jsx)(h.O,{className:"mt-x10 block h-[50px] w-full"}),(0,n.jsx)(h.O,{className:"mt-x4 block h-40 w-full"})]})}}}]);