https://tbhshop.co.kr/_next/static/chunks/pages/mypage/benefit/couponlist-ede567f2260da90b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8108],{93353:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/mypage/benefit/couponlist",function(){return n(88955)}])},46845:function(e,t,n){"use strict";var o=n(85893),a=n(9008),i=n.n(a),l=n(36492),r=n(85945),s=n(99831),c=n(67294),d=n(92663);let hasMetaContent=e=>null!=e&&""!==e;t.Z=e=>{var t,n,a,x,u,p,h,m;let{site:g}=e,{data:b}=(0,l.a)({queryKey:[s.bv],enabled:!1}),j=(0,r.NL)();return(0,c.useEffect)(()=>{b||j.prefetchQuery({queryKey:[s.bv],queryFn:async()=>{let{headers:e}=await (0,d.XO)();return e}})},[b,j]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(i(),{children:b&&(0,o.jsxs)(o.Fragment,{children:[hasMetaContent(b.title)&&(0,o.jsx)("title",{children:b.title}),hasMetaContent(b.favicon)&&(0,o.jsx)("link",{rel:"icon",type:"image/png",sizes:"16x16",href:b.favicon}),hasMetaContent(b.desc)&&(0,o.jsx)("meta",{name:"description",content:b.desc}),hasMetaContent(b.author)&&(0,o.jsx)("meta",{name:"author",content:b.author}),hasMetaContent(b.keyword)&&(0,o.jsx)("meta",{name:"keywords",content:b.keyword}),hasMetaContent(null===(t=b.og)||void 0===t?void 0:t.type)&&(0,o.jsx)("meta",{property:"og:type",content:b.og.type}),hasMetaContent(null===(n=b.og)||void 0===n?void 0:n.title)&&(0,o.jsx)("meta",{property:"og:title",content:b.og.title}),hasMetaContent(null===(a=b.og)||void 0===a?void 0:a.description)&&(0,o.jsx)("meta",{property:"og:description",content:b.og.description}),hasMetaContent(null===(x=b.og)||void 0===x?void 0:x.image)&&(0,o.jsx)("meta",{property:"og:image",content:b.og.image}),hasMetaContent(null===(u=b.og)||void 0===u?void 0:u.image_width)&&(0,o.jsx)("meta",{property:"og:image:width",content:b.og.image_width}),hasMetaContent(null===(p=b.og)||void 0===p?void 0:p.image_height)&&(0,o.jsx)("meta",{property:"og:image:height",content:b.og.image_height}),hasMetaContent(null===(h=b.og)||void 0===h?void 0:h.image_desc)&&(0,o.jsx)("meta",{property:"og:image:alt",content:b.og.image_desc}),hasMetaContent(null===(m=b.og)||void 0===m?void 0:m.locale)&&(0,o.jsx)("meta",{property:"og:locale",content:b.og.locale})]})}),b&&(0,o.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(b.ld_json)}}),"jucy"===g&&(0,o.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:'\n            {\n              "@context": "https://schema.org",\n              "@type": "BreadcrumbList",\n              "itemListElement": [\n                {\n                  "@type": "ListItem",\n                  "position": 1,\n                  "name": "TBH SHOP",\n                  "item": "https://tbhshop.co.kr"\n                },\n                {\n                  "@type": "ListItem",\n                  "position": 2,\n                  "name": "쥬시쥬디",\n                  "item": "https://tbhshop.co.kr/main/jucy?family_site=jucy_judy"\n                }\n              ]\n            }\n          '}})]})}},23540:function(e,t,n){"use strict";var o=n(85893),a=n(5379),i=n.n(a),l=n(67294);let TabBtnBoxStyle=()=>(0,o.jsx)(i(),{id:"f3d194bd0540124d",children:'.TabBtnBox{}.TabBtnBox.Theme1{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:0}.TabBtnBox.Theme1{border:1px solid#ddd;height:40px}.TabBtnBox.Theme1>button{}.TabBtnBox.Theme1>button+button{border-left:1px solid#ddd}.TabBtnBox.Theme1>button.On{background-color:royalblue;color:white}.TabBtnBox.Theme2{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:0}.TabBtnBox.Theme2{border:1px solid#ddd;height:40px}.TabBtnBox.Theme2>button{}.TabBtnBox.Theme2>button+button{border-left:1px solid#ddd}.TabBtnBox.Theme2>button.On{background-color:deeppink;color:white}.TabBtnBox.Theme3{white-space:nowrap;overflow:auto}.TabBtnBox.Theme3>button{height:54px;padding-left:20px;padding-right:20px}.TabBtnBox.Theme3>button{font-weight:400;font-size:14px;color:var(--color1)}.TabBtnBox.Theme3>button.On{font-weight:600}.TabBtnBox.Theme4{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:0}.TabBtnBox.Theme4{height:50px;color:var(--color1)}.TabBtnBox.Theme4>button{border:1px solid transparent;border-bottom-color:var(--color1);background-color:var(--color7)}.TabBtnBox.Theme4>button{font-weight:600;font-size:12px;color:var(--color1)}.TabBtnBox.Theme4>button.On{background-color:white;border-color:var(--color1);border-bottom-color:transparent}.TabBtnBox.Theme5{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px}.TabBtnBox.Theme5>button{position:relative;padding-top:14px;padding-bottom:30px}.TabBtnBox.Theme5>button:before{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;border:1px solid var(--color6);width:100%;height:100%;top:0px;left:0px;display:inline-block;content:"";position:absolute;z-index:3;background-position:center;background-repeat:no-repeat}.TabBtnBox.Theme5>button.On:before{border-width:2px;border-color:var(--color1)}.TabBtnBox.Theme5>button>.Icon{height:76px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;

1-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.TabBtnBox.Theme5>button>.Label{font-weight:400;font-size:10px;color:var(--color1)}.TabBtnBox.Theme6{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px}.TabBtnBox.Theme6>button{position:relative;height:40px;padding-top:10px;padding-bottom:10px;-webkit-border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0}.TabBtnBox.Theme6>button{color:var(--color1);background-color:var(--color6)}.TabBtnBox.Theme6>button{font-weight:400;font-size:14px}.TabBtnBox.Theme6>button:before{width:100%;height:100%;top:0px;left:0px;display:inline-block;content:"";position:absolute;z-index:3;background-position:center;background-repeat:no-repeat}.TabBtnBox.Theme6>button.On{color:white;background-color:var(--color1)}.TabBtnBox.Theme7{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:0}.TabBtnBox.Theme7{border:1px solid#161616;height:36px}.TabBtnBox.Theme7>button{font-weight:400;font-size:14px}.TabBtnBox.Theme7>button+button{border-left:1px solid#161616}.TabBtnBox.Theme7>button.On{background-color:#161616;color:white}.TabBtnBox.Theme8{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:0}.TabBtnBox.Theme8{border:1px solid#161616;height:48px}.TabBtnBox.Theme8>a{font-weight:400;font-size:14px;line-height:48px;text-align:center}.TabBtnBox.Theme8>a+button{border-left:1px solid#161616}.TabBtnBox.Theme8>a.On{background-color:#161616;color:white}.TabBtnBox.Theme8.four-boxes{grid-template-columns:1fr 1fr;height:auto}.TabBtnBox.Theme8.four-boxes a:nth-child(1),.TabBtnBox.Theme8.four-boxes a:nth-child(2){border-bottom:1px solid#161616}.TabBtnBox.Theme8.four-boxes a:nth-child(2),.TabBtnBox.Theme8.four-boxes a:nth-child(4){border-left:1px solid#161616}'});t.Z=function(e){var t;let{children:n,theme:a,className:i}=e;return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(TabBtnBoxStyle,{}),(0,o.jsx)("div",{className:"TabBtnBox Theme".concat(a," ").concat(i),children:null===(t=null!=n?n:[])||void 0===t?void 0:t.map((e,t)=>(0,o.jsx)(l.Fragment,{children:e},t))})]})}},22202:function(e,t,n){"use strict";var o=n(85893),a=n(5379),i=n.n(a);let TabChildBoxStyle=()=>(0,o.jsx)(i(),{id:"4ae33fbfe43186bf",children:".TabChildBox{}.TabChildBox>div{display:none}.TabChildBox>div.On{display:block}"});t.Z=e=>{let{children:t,classNames:n}=e;return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(TabChildBoxStyle,{}),(0,o.jsx)("div",{className:"TabChildBox ".concat(n),children:t})]})}},32189:function(e,t,n){"use strict";var o=n(85893),a=n(25675),i=n.n(a),l=n(67294);let getVisibleLinks=(e,t,n)=>{let o=e.filter(e=>Number.isFinite(Number(e.label))),a=o.findIndex(e=>Number(e.label)===t),i=Math.floor(n/2),l=Math.min(Math.max((-1===a?0:a)-i,0),Math.max(o.length-n,0));return o.slice(l,l+n)};t.Z=function(e){var t,n;let changePage=t=>{window.scrollY>0&&!e.none&&window.scrollTo({top:(null==e?void 0:e.pagingTopValue)?e.pagingTopValue:0,behavior:"smooth"}),e.setPage(Number(t))};return(0,o.jsx)(o.Fragment,{children:(null==e?void 0:e.paginate)&&(0,o.jsxs)("div",{className:"Paging1 flex flex-row items-center justify-center gap-[0]",children:[(0,o.jsx)("div",{className:"cursor-pointer",onClick:()=>(null==e?void 0:e.paginate.current_page)!==1&&changePage(1),children:(0,o.jsx)(i(),{src:"/pc/icons/zco_55_1.svg",width:19,height:23,alt:"first"})}),(0,o.jsx)("div",{className:"cursor-pointer",onClick:()=>(null==e?void 0:e.paginate.current_page)!==1&&changePage((null==e?void 0:e.paginate.current_page)-1),children:(0,o.jsx)(i(),{className:"ml-[20px]",src:"/pc/icons/zco_55_2.svg",width:12,height:23,alt:"previous"})}),(0,o.jsx)("div",{className:"mx-[30px] flex flex-row items-center justify-center gap-[7px]",children:(null==e?void 0:e.visiblePageCount)?getVisibleLinks(null!==(n=null==e?void 0:e.paginate.links)&&void 0!==n?n:[],null==e?void 0:e.paginate.current_page,e.visiblePageCount).map((e,t)=>(0,o.jsx)(l.Fragment,{children:(0,o.jsx)("div",{onClick:()=>changePage(e.label),className:"".concat(e.active&&"On"," flex aspect-square w-[42px] flex-row items-center justify-center rounded-full border-[1px] border-solid border-[var(--color6)] text-[12px] font-[400] text-[black] [&.On]:bg-black [&.On]:text-white cursor-pointer"),children:e.label})},"".concat(e.label,"_").concat(t))):null==e?void 0:null===(t=e.paginate.links)||void 0===t?void 0:t.map((t,n)=>{if((null==e?void 0:e.paginate.current_page)<8&&n<8&&"&laquo; Previous"!==t.label&&"Next &raquo;"!==t.label||(null==e?void 0:e.paginate.current_page)<(null==e?void 0:e.paginate.last_page)+1&&"

1Next &raquo;"!==t.label&&"&laquo; Previous"!==t.label&&n>3&&n<12&&(null==e?void 0:e.paginate.current_page)<7&&n<7||(null==e?void 0:e.paginate.current_page)+6>(null==e?void 0:e.paginate.last_page)&&n>6&&"Next &raquo;"!==t.label||(null==e?void 0:e.paginate.current_page)>2&&n>=3&&n<11&&"..."!==t.label&&(null==e?void 0:e.paginate.current_page)>7&&(null==e?void 0:e.paginate.current_page)+5<(null==e?void 0:e.paginate.last_page))return(0,o.jsx)(l.Fragment,{children:(0,o.jsx)("div",{onClick:()=>changePage(t.label),className:"".concat(t.active&&"On"," flex aspect-square w-[42px] flex-row items-center justify-center rounded-full border-[1px] border-solid border-[var(--color6)] text-[12px] font-[400] text-[black] [&.On]:bg-black [&.On]:text-white cursor-pointer"),children:t.label})},n)})}),(0,o.jsx)("div",{className:"cursor-pointer",onClick:()=>(null==e?void 0:e.paginate.current_page)<(null==e?void 0:e.paginate.last_page)&&changePage((null==e?void 0:e.paginate.current_page)+1),children:(0,o.jsx)(i(),{className:"rotate-180",src:"/pc/icons/zco_55_2.svg",width:12,height:23,alt:"next"})}),(0,o.jsx)("div",{className:"cursor-pointer",onClick:()=>(null==e?void 0:e.paginate.current_page)<(null==e?void 0:e.paginate.last_page)&&changePage(null==e?void 0:e.paginate.last_page),children:(0,o.jsx)(i(),{className:"ml-[20px] rotate-180",src:"/pc/icons/zco_55_1.svg",width:19,height:23,alt:"last"})})]})})}},5995:function(e,t,n){"use strict";let o;n.d(t,{p:function(){return useScrollRestoration}});var a=n(67294),i=n(11163);let l={};function useScrollRestoration(){let e=(0,i.useRouter)();(0,a.useEffect)(()=>{e.beforePopState(e=>{let{as:t}=e;return o=t,!0})},[e]),(0,a.useEffect)(()=>{let t=e.asPath;window.history.scrollRestoration="auto";let routeChangeStartHandler=()=>{window.history.scrollRestoration="manual",l[t]={top:window.scrollY,left:window.scrollX}},routeChangeCompleteHandler=()=>{if(void 0!==o&&l[o]){let{top:e,left:t}=l[o];(function(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:10,o=0,a=document.documentElement.scrollHeight,i=0,tryScroll=()=>{o++;let l=document.documentElement.scrollHeight;if(l===a?i++:(i=0,a=l),i>=2||o>=n){requestAnimationFrame(()=>{requestAnimationFrame(()=>{window.scrollTo({top:e,left:t,behavior:"auto"})})});return}requestAnimationFrame(tryScroll)};setTimeout(()=>{requestAnimationFrame(tryScroll)},100)})(e,t),delete l[o]}o=void 0,window.history.scrollRestoration="manual"};return e.events.on("routeChangeStart",routeChangeStartHandler),e.events.on("routeChangeComplete",routeChangeCompleteHandler),()=>{e.events.off("routeChangeStart",routeChangeStartHandler),e.events.off("routeChangeComplete",routeChangeCompleteHandler)}},[e])}},20277:function(e,t,n){"use strict";n.d(t,{PX:function(){return getCouponListApi},pX:function(){return postConvertCouponToMileageApi},ql:function(){return postPaperCouponApi},uy:function(){return getCouponDetailApi}});var o=n(99195),a=n(41609),i=n.n(a);let getCouponListApi=async(e,t,n,a)=>{let l=(0,o.ry)(a),{data:r}=await l.get("/api/promotions/coupons/list",{params:{tab:e,page:t,limit:n}});return i()(r)?{rows:[],paginate:{total:0,current_page:1,last_page:1,per_page:1}}:r},getCouponDetailApi=async(e,t)=>{let n=(0,o.ry)(t),a=t?t.req.headers["user-agent"]:void 0,{data:i}=await n.get("/api/promotions/coupons/detail",{params:{coupon_id:e},headers:{"User-Agent":a,"client-include-headers":!0,"client-include-footers":!0,"client-include-pages":!0}});return i},postConvertCouponToMileageApi=async e=>await o.ZP.post("/api/promotions/paperCoupons/transMileage",{coupon_id:e}),postPaperCouponApi=async e=>o.ZP.post("/api/promotions/paperCoupons/issuedCoupon",{coupon_code:e.couponCode})},13438:function(e,t,n){"use strict";n.d(t,{AR:function(){return useGetCouponListInfinite},PI:function(){return useGetCouponList},e6:function(){return usePostPaperCoupon},k7:function(){return useGetCouponDetail}});var o=n(17324),a=n(99831),i=n(20277),l=n(36492),r=n(59403),s=n(85945),c=n(48228);let useGetCouponList=(e,t,n)=>(0,l.a)({queryKey:[a.cl,e,t],queryFn:()=>(0,i.PX)(e,t,n),refetchOnWindowFocus:!1,keepPreviousData:!1,staleTime:0,refetchOnMount:!1}),useGetCouponListInfinite=(e,t)=>

1{let{data:n,error:l,isError:s,fetchNextPage:c,hasNextPage:d,refetch:x}=(0,r.N)({queryKey:[a.cl,e],queryFn:n=>{let{pageParam:o=1}=n;return(0,i.PX)(e,o,t)},refetchOnWindowFocus:!0,keepPreviousData:!1,staleTime:0,getNextPageParam:e=>{if(e.paginate)return e.paginate.current_page>=e.paginate.last_page?null:e.paginate.current_page+1},enabled:1===e||2===e});return{data:null!=n?n:o.LZ,fetchNextPage:c,hasNextPage:d,refetch:x}},useGetCouponDetail=e=>(0,l.a)({queryKey:[a.zj,e],queryFn:()=>(0,i.uy)(e),refetchOnWindowFocus:!1,keepPreviousData:!0,staleTime:3e5}),usePostPaperCoupon=()=>{let e=(0,s.NL)();return(0,c.D)(e=>(0,i.ql)(e),{onSuccess:async t=>(e.invalidateQueries([a.cl]),alert(null==t?void 0:t.message)),onError:async e=>null==e?void 0:e.message})}},88955:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSP:function(){return C},default:function(){return w}});var o=n(85893),a=n(5637),i=n(46845),l=n(42224),r=n(90844),s=n(96513),c=n(47431),d=n(13438),x=n(67294),sections_CouponRegisterSection=()=>{let[e,t]=(0,x.useState)(""),[n,a]=(0,x.useState)(""),{mutate:i,error:l}=(0,d.e6)(),handleCouponRegister=()=>{if(!e)return a("쿠폰 번호를 입력해주세요");i({couponCode:e})};return(0,x.useEffect)(()=>{l&&!l.success&&a(l.message)},[l]),(0,o.jsx)(o.Fragment,{children:(0,o.jsxs)("section",{"data-seq":"20230621092117436",className:"mt-[60px]",children:[(0,o.jsx)("div",{className:"Title-2",children:(0,o.jsx)("div",{className:"Txt1",children:"쿠폰 등록"})}),(0,o.jsx)("div",{className:"mt-[30px] text-[16px] font-[400] text-[var(--color1)]",children:"발급 받으신 쿠폰 인증 번호를 아래에 입력해주세요. (5자리~최대 12자리)"}),(0,o.jsxs)("article",{className:"mt-[25px] flex flex-row items-center gap-[10px]",children:[(0,o.jsx)("div",{children:(0,o.jsx)("div",{className:"InputUi w-[389px] !border-[var(--color13)]","data-form-hei":"Lg",children:(0,o.jsx)("input",{placeholder:"123-456FGXAA",value:e,onChange:e=>{n&&a(""),t(e.target.value)}})})}),(0,o.jsx)("div",{children:(0,o.jsx)("button",{className:"ButtonLg ButtonStyle2 Round",onClick:()=>handleCouponRegister(),children:"쿠폰 등록"})})]}),(0,o.jsx)("div",{className:"mt-[10px] text-[14px] font-[400] leading-[20px] text-[var(--color13)]",children:n||""})]})})},u=n(32189),sections_CouponListSection=e=>{var t;let{listData:n,currentTab:a,handleTab:i,handleSetPage:l,handleCouponTransClick:r,handleCouponDetailClick:s}=e;return(0,o.jsx)(o.Fragment,{children:(0,o.jsxs)("section",{"data-seq":"20230621092117436",className:"mt-[60px]",children:[(0,o.jsx)("div",{className:"Title-2",children:(0,o.jsx)("div",{className:"Txt1",children:"보유 쿠폰"})}),(0,o.jsxs)("div",{children:[(0,o.jsx)("div",{className:"TabUi2",children:["사용가능","사용불가"].map((e,t)=>(0,o.jsx)("button",{className:"".concat(a==t+1&&"On"),onClick:()=>i(t+1),children:e},t))}),(0,o.jsx)("div",{className:"py-[22px] text-[16px] font-[700] text-[var(--color1)]"}),(0,o.jsx)("div",{children:(0,o.jsxs)("table",{className:"ProductTable13 Table1 BTop1",children:[(0,o.jsx)("thead",{children:(0,o.jsxs)("tr",{children:[(0,o.jsx)("th",{children:"쿠폰명"}),(0,o.jsx)("th",{children:"혜택"}),(0,o.jsx)("th",{children:"사용조건"}),(0,o.jsx)("th",{children:"유효기간"}),(0,o.jsx)("th",{children:"발급일"})]})}),(0,o.jsx)("tbody",{children:(null===(t=n.rows)||void 0===t?void 0:t.length)?n.rows.map((e,t)=>(0,o.jsxs)("tr",{children:[(0,o.jsx)("td",{children:(0,o.jsx)("div",{className:"text-[16px] font-[400] text-[var(--color1)]",children:(0,o.jsxs)("div",{className:"grid grid-rows-1 gap-[10px]",children:[(0,o.jsx)("div",{className:"",children:e.coupon_name}),1===a&&"BUTTON"===e.issued_coupon_trans_mileage_type&&(0,o.jsx)("div",{className:"",children:(0,o.jsx)("button",{className:"ButtonMd ButtonStyle3 Round",onClick:()=>r(e.coupon_id),children:"마일리지 전환"})})]})})}),(0,o.jsxs)("td",{children:[(0,o.jsx)("div",{className:"text-[14px] font-[400] leading-[20px] text-[var(--color2)]",dangerouslySetInnerHTML:{__html:e.benefit_string}}),(0,o.jsx)("div",{className:"text-[14px] font-[400] leading-[20px] text-[var(--color2)]",children:e.coupon_type_string})]}),(0,o.jsx)("td",{children:(0,o.jsx)("button",{className:"ButtonMd ButtonStyle4 Round",onClick:()=>s(e.coupon_id),children:"자세히보기"})}),(0,o.jsx)("td",{children:(0,o.jsx)("div",{className:"Montserrat text-[16px] font-[500] text-[#161616]",children:e.validity_string})}),(0,o.jsx)("td",{children:(0,o.jsx)("div",{className:"Montserrat text-[16px] font-[500] text-[#161616]",children:e.issued_date})})]},t)):(0,o.jsx)("tr",{children:(0,o.jsx)("td",{colSpan:5,children:(0,o.jsx)("div",{className:"py-[100px] text-[14px] font-[400] text-[var(--color1)]",children:"쿠폰이 없습니다."})})})})]})})]}),n.paginate&&n.paginate.total>0&&(0,o.jsx)("div",{className:"mt-[50px]",children:(0,o.jsx)(u.Z,{paginate:n.paginate,setPage:l})})]})})},p=n(64745),h=n(34690),m=n(29949),sections_CouponItemDetail=e=>{let{couponId:t,handleOpenModel:n}=e,[a,i]=(0,x.useState)(!0),[l,r]=(0,x.useState)(!1),[s,c]=(0,x.useState)("comment-text-collapsed"),{data:u}=(0,d.k7)(t),p=(0,x.useCallback)(e=>{e&&r(e.scrollHeight>e.clientHeight)},[]);return((0,x.useEffect)(()=>{c(a?"comment-text-collapsed":"comment-text-full")},[a]),u)?(0,o.jsx)("section",{className:"fixed top-0 left-0 z-50 bg-black bg-opacity-60 w-full h-full flex justify-center items-center",children:(0,o.jsxs)("div",{className:"LayerMyPage4 w-[456px] bg-white",children:[(0,o.jsx)("div",{className:"p-[30px]",children:(0,o.jsxs)("table",{className:"Table2 [&_tr_*]:text-[14px]",children:[(0,o.jsxs)("colgroup",{children:[(0,o.jsx)("col",{className:"w-[148px]"}),(0,o.jsx)("col",{})]}),(0,o.jsxs)("tbody",{children:[(0,o.jsxs)("tr",{children:[(0,o.jsx)("th",{children:"사용범위"}),(0,o.jsx)("td",{children:u.platform||""})]}),(0,o.jsxs)("tr",{children:[(0,o.jsx)("th",{children:"최대 할인/적립 금액"}),(0,o.jsx)("td",{children:u.benefit||""})]}),(0,o.jsxs)("tr",{children:[(0,o.jsx)("th",{children:"사용 가능 구매액"}),(0,o.jsx)("td",{children:u.low_purchase||"제한 없음"})]}),(0,o.jsxs)("tr",{children:[(0,o.jsx)("th",{children:"쿠폰 중복 사용 여부"}),(0,o.jsx)("td",{children:u.duplicate||""})]}),u.target.exclude_brand&&(0,o.jsxs)("tr",{children:[(0,o.jsx)("th",{children:"적용 제외 브랜드"}),(0,o.jsxs)("td",{children:[" ",u.target.exclude_brand.map((e,t)=>(0,o.jsx)("span",{children:"".concat(e," ")},t))]})]}),u.target.exclude_category&&(0,o.jsxs)("tr",{children:[(0,o.jsx)("th",{children:"적용 제외 카테고리"}),(0,o.jsxs)("td",{children:[" ",u.target.exclude_category.map((e,t)=>(0,o.jsx)("span",{children:"".concat(e," ")},t))]})]}),u.target.exclude_vendor&&(0,o.jsxs)("tr",{children:[(0,o.jsx)("th",{children:"적용 제외 공급사"}),(0,o.jsx)("td",{children:u.target.exclude_vendor.map((e,t)=>(0,o.jsx)("span",{children:"".concat(e," ")},t))})]}),u.target.exclude_product&&(0,o.jsxs)("tr",{children:[(0,o.jsx)("th",{children:"적용 제외 상품"}),(0,o.jsxs)("td",{children:[(0,o.jsx)("div",{className:"leading-[22px] ".concat(s),ref:p,children:u.target.exclude_product.map((e,t)=>(0,o.jsx)("span",{children:"".concat(e," ")},t))}),l&&(0,o.jsx)("div",{className:"mt-[4px]",children:(0,o.jsx)("button",{className:"Montserrat font-[700] text-[var(--color1)]",onClick:()=>{i(!a)},children:a?"더보기":"접기"})})]})]})]})]})}),(0,o.jsx)("article",{className:"grid grid-cols-[repeat(auto-fit,minmax(0,1fr))] items-center justify-center gap-[0]",children:(0,o.jsx)("button",{className:"PopupButton2 w-full",onClick:()=>n(),children:"닫기"})})]})}):null},g=n(20277),b=n(41664),j=n.n(b);

1function CouponMileageTransform(e){let{couponId:t,handleOpenMileModal:n}=e,[a,i]=(0,x.useState)(0),{data:l}=(0,d.k7)(Number(t));return((0,x.useEffect)(()=>{(0,g.pX)(t).then(e=>{if(e.success){var t;i(null!==(t=null==e?void 0:e.mileage)&&void 0!==t?t:0)}else alert(null==e?void 0:e.message)})},[t]),l)?(0,o.jsx)("section",{className:"fixed top-0 left-0 z-50 bg-black bg-opacity-60 w-full h-full flex justify-center items-center",children:(0,o.jsxs)("div",{className:"LayerMyPage4 w-[356px] bg-white",children:[(0,o.jsxs)("div",{className:"grid grid-cols-1 gap-[20px] p-[50px]",children:[(0,o.jsxs)("div",{className:"grid gap-[3px]",children:[(0,o.jsxs)("div",{className:"text-center",children:["마일리지 ",a.toLocaleString(),"원이"]}),(0,o.jsx)("div",{className:"text-center",children:"전환/적립 되었습니다."})]}),(0,o.jsx)("div",{className:"text-[15px] text-coolGray-500 text-center",children:(0,o.jsx)(j(),{href:"/mypage/benefit/mileagelist",children:"나의 마일리지 보러가기"})})]}),(0,o.jsx)("article",{className:"grid grid-cols-[repeat(auto-fit,minmax(0,1fr))] items-center justify-center gap-[0]",children:(0,o.jsx)("button",{className:"PopupButton2 w-full",onClick:()=>n(),children:"확인"})})]})}):null}var benefit_CouponList=()=>{let{memberInfo:e}=(0,p.aC)(),[t,n]=(0,x.useState)(!1),[a,i]=(0,x.useState)(!1),[l,u]=(0,x.useState)(0),[g,b]=(0,x.useState)(1),[j,v]=(0,x.useState)(1),{data:f,refetch:T}=(0,d.PI)(j,g,12),handleOpenModel=()=>{n(!t)},handleOpenMileModal=()=>{T().then(e=>i(!a))};return f?(0,o.jsx)(o.Fragment,{children:(0,o.jsxs)("div",{className:"PageMyPage13",children:[(0,o.jsx)("div",{className:"SubContainer mt-[120px]",children:(0,o.jsxs)("div",{className:"grid grid-cols-[290px_1fr] gap-[0]",children:[(0,o.jsx)("div",{"data-seq":"20230620164534434",children:(0,o.jsx)(r.Z,{})}),(0,o.jsxs)("div",{"data-seq":"20230620164538119",children:[(null==e?void 0:e.grade_user_type)==="NORMAL"?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(s.Z,{}),(0,o.jsx)(c.Z,{})]}):(0,o.jsx)(o.Fragment,{children:(0,o.jsx)(h.Z,{})}),(0,o.jsx)(sections_CouponRegisterSection,{}),(0,o.jsx)(sections_CouponListSection,{listData:f,currentTab:j,handleTab:e=>{v(e),b(1)},handleSetPage:e=>{b(e)},handleCouponTransClick:e=>{u(e),handleOpenMileModal()},handleCouponDetailClick:e=>{u(e),handleOpenModel()}})]})]})}),t?(0,o.jsx)(m.Z,{children:(0,o.jsx)(sections_CouponItemDetail,{couponId:l,handleOpenModel:handleOpenModel})}):null,a?(0,o.jsx)(m.Z,{children:(0,o.jsx)(CouponMileageTransform,{couponId:l,handleOpenMileModal:handleOpenMileModal})}):null]})}):null},v=n(8784),f=n(85945),T=n(23540),_=n(22202),y=n(18714),sections_MobileCouponListSection=e=>{var t;let{listData:n,tab:a}=e;return(0,o.jsx)("div",{className:"On",children:(0,o.jsx)("div",{className:"space-y-[10px]",children:null===(t=n.pages)||void 0===t?void 0:t.map((e,t)=>{var n;return null===(n=e.rows)||void 0===n?void 0:n.map((e,n)=>(0,o.jsxs)("div",{className:"w-full border-[1px] border-solid border-[var(--color6)] p-[27px_10px]",children:[(0,o.jsxs)("div",{children:[(0,o.jsxs)("article",{className:"flex flex-row items-center justify-between gap-0",children:[(0,o.jsx)("div",{className:"text-[18px] font-[700] text-[var(--color1)]",children:e.coupon_name}),1===a&&"BUTTON"===e.issued_coupon_trans_mileage_type&&(0,o.jsx)("div",{children:(0,o.jsx)(j(),{href:"coupon/".concat(e.coupon_id,"?attr=mileage"),children:(0,o.jsx)("button",{className:"ButtonStyle3 ButtonSm Round",children:"마일리지 전환"})})})]}),(0,o.jsx)("div",{className:"mt-[9px] text-[18px] font-[600] leading-[26px] text-[var(--color2)]",dangerouslySetInnerHTML:{__html:e.benefit_string}}),(0,o.jsx)("div",{className:"mt-[12px] text-[12px] font-[400] text-[var(--color1)]",children:e.low_purchase_string||"제한없음"}),(0,o.jsx)("div",{className:"mt-[12px] text-[12px] font-[400] text-[var(--color1)]",children:e.benefit_max_string}),(0,o.jsx)("div",{className:"mt-[38px]",children:(0,o.jsxs)("article",{className:"flex flex-row items-end justify-between gap-0",children:[(0,o.jsxs)("div",{className:"text-[11px] font-[400] text-[var(--color5)]",children:[(0,o.jsxs)("div",{children:["혜택구분 : ",e.coupon_type_string.replaceAll("(","").replaceAll(")","")]}),(0,o.jsxs)("div",{className:"mt-[13px]",children:["사용범위 : ",e.platform_string]})]}),(0,o.jsx)("div",{children:(0,o.jsx)(j(),{href:"coupon/".concat(e.coupon_id),children:(0,o.jsx)("button",{className:"ButtonStyle4 ButtonSm Round",children:"자세히보기"})})})]})})]}),(0,o.jsx)("div",{className:"mt-[18px]",children:(0,o.jsxs)("div",{className:"border-t-[1px] border-solid border-t-[var(--color6)] pt-[14px] text-[11px] font-[400] text-[var(--color5)]",children:[(0,o.jsxs)("div",{className:"text-[11px] tracking-[-0.032rem]",children:["유효기간 : ",e.validity_string]}),(0,o.jsxs)("div",{className:"text-[11px] mt-[13px] tracking-[-0.032rem]",children:["발급일자 : ",e.issued_date]})]})})]},"".concat(t).concat(n)))})})})},sections_MobileCouponRegisterSection=()=>{let[e,t]=(0,x.useState)(""),[n,a]=(0,x.useState)(""),{mutate:i,error:l}=(0,d.e6)(),handleCouponRegister=()=>{if(!e)return a("쿠폰 번호를 입력해주세요");i({couponCode:e})};return(0,x.useEffect)(()=>{l&&!l.success&&a(l.message)},[l]),(0,o.jsxs)("div",{className:"On",children:[(0,o.jsxs)("div",{className:"pt-[26px] text-[14px] font-[400] leading-[18px] text-[var(--color1)]",children:["발급 받으신 쿠폰 인증 번호를 아래에 입력해주세요.",(0,o.jsx)("br",{}),"(5자리~최대 12자리)"]}),(0,o.jsxs)("div",{className:"mt-[32px]",children:[(0,o.jsx)("div",{className:"InputUi InputSm error w-full","data-form-hei":"Md",children:(0,o.jsx)("input",{placeholder:"123-456FGXAA",value:e,onCh

1ange:e=>{n&&a(""),t(e.target.value)}})}),(0,o.jsx)("div",{className:"Montserrat mt-[10px] text-[12px] font-[400] text-[var(--color13)]",children:n||""})]}),(0,o.jsx)("div",{className:"mt-[30px]",children:(0,o.jsx)("button",{className:"ButtonStyle2 ButtonLg w-full",onClick:()=>handleCouponRegister(),children:"쿠폰 등록"})})]})},B=n(99831),N=n(5995),benefit_MobileCouponList=()=>{(0,N.p)(),(0,y.Z)("쿠폰");let e=(0,f.NL)(),[t,n]=(0,x.useState)(0),[a,i]=(0,x.useState)(0),{data:l,fetchNextPage:r,hasNextPage:s}=(0,d.AR)(t,30),handleTab=t=>{n(t),e.setQueryData([B.g8],{tab:t,totalCnt:a})};return((0,x.useEffect)(()=>{let o=e.getQueryData([B.g8]);1===t&&l.pages&&i(l.pages[0].paginate.total),0===t&&(o?(n(Number(o.tab)),i(Number(o.totalCnt))):n(1))},[l,t]),l)?(0,o.jsx)(o.Fragment,{children:(0,o.jsx)("div",{className:"PageMyPage14",children:(0,o.jsx)("section",{"data-seq":"20230811141106",className:"mt-[40px]",children:(0,o.jsx)("div",{className:"H-Box",children:(0,o.jsxs)("div",{className:"Inner",children:[(0,o.jsxs)("div",{className:"Title-3",children:[(0,o.jsx)("div",{className:"Txt1",children:"쿠폰내역"}),(0,o.jsx)("div",{className:"text-[14px] font-[700] text-[var(--color2)]",children:0!==a&&"(사용 가능한 쿠폰 ".concat(a,"장)")})]}),(0,o.jsxs)("div",{className:"mt-[14px]",children:[(0,o.jsx)(T.Z,{theme:"6",children:["사용가능","사용불가","쿠폰등록"].map((e,n)=>(0,o.jsx)("button",{className:t===n+1?"On":"",onClick:()=>handleTab(n+1),children:e},n))}),(0,o.jsx)(_.Z,{children:3===t?(0,o.jsx)(sections_MobileCouponRegisterSection,{}):(0,o.jsx)(sections_MobileCouponListSection,{tab:t,listData:l})}),s&&(0,o.jsx)("div",{className:"mt-[30px]",children:(0,o.jsx)("button",{className:"ButtonStyle1 ButtonLg Round w-full",onClick:()=>r(),children:"더보기"})})]})]})})})})}):null};let couponlist_CouponList=e=>(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(i.Z,{}),e.isMobile?(0,o.jsx)(benefit_MobileCouponList,{}):(0,o.jsx)(benefit_CouponList,{})]});couponlist_CouponList.layout=(0,a.B)()?v.Z:l.Z;var C=!0,w=couponlist_CouponList}},function(e){e.O(0,[3833,1492,9774,2888,179],function(){return e(e.s=93353)}),_N_E=e.O()}]);