https://vtvprime.vn/_next/static/chunks/pages/sub-vtvgo/subscription-854871b2a1bcdd20.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8829],{37916:(e,t,s)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/sub-vtvgo/subscription",function(){return s(81592)}])},53967:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>a});var l=s(37876),i=s(76811),r=s(14232),n=s(50582);let a=function({data:e,tabActive:t,setTabActive:s,setDataTabs:a}){let d=(0,r.useRef)(null),c=async e=>{let t=document.getElementById(`tabProduct-${e?.id}`);if(t&&t.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"}),s(e?.id),e?.tiers&&e?.tiers?.length>0)a(e?.tiers||[]);else{let{data:t}=await (0,i.$e)(e?.id);a(t||[])}},o=e=>{let t=d.current,s=.5*t.offsetWidth;"left"===e?t.scrollLeft-=s:"right"===e&&(t.scrollLeft+=s)},m=(0,n.uh)({onSwipedLeft:()=>o("right"),onSwipedRight:()=>o("left"),preventScrollOnSwipe:!0,trackMouse:!0});return(0,l.jsx)("div",{className:"w-full flex justify-center items-center overflow-hidden",children:(0,l.jsx)("div",{className:"flex overflow-x-auto whitespace-nowrap scrollbar-hide rounded-[100px] gap-3 bg-[#F4F4F81F] border border-solid border-[#F4F4F83D]",...m,ref:d,children:e&&e?.length>0&&e?.map((e,s)=>(0,l.jsx)("span",{className:"flex items-center justify-center px-3 py-2 md:py-3 md:px-5 text-center text14_700_20 cursor-pointer rounded-[100px]",style:{background:t===e?.id?"linear-gradient(96.75deg, #DC0000 0%, #FFC200 118.67%)":""},onClick:()=>c(e),id:"tabProduct-"+e?.id,children:e?.name},s.toString()+e?.id))})})}},81592:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>p});var l=s(37876),i=s(16758),r=s(48230),n=s.n(r),a=s(89099),d=s(14232),c=s(30955),o=s(86852),m=s(27888),u=s(59),x=s(87490),h=s(53967);let p=function(){let e=(0,a.useRouter)(),[t,s]=(0,d.useState)("desktop"),{data:r,loading:c}=(0,x.M)("VTVGO"),[p,f]=(0,d.useState)(""),[g,v]=(0,d.useState)([]);(0,d.useEffect)(()=>{!r||r?.length<=0||(f((r?.length>0?r?.[0]?.id:"")||""),v((r?.length>0?r?.[0]?.tiers:[])||[]))},[r]),(0,d.useEffect)(()=>{s((0,u.pV)(window.innerWidth)),window.addEventListener("resize",function(e){s((0,u.pV)(e.currentTarget.innerWidth))},!0)},[]);let _=e.query?.email,j=e.query?.user_id_vtvgo,w=e.query?.user_id_vtvprime,N=e.query?.phone_number,y=e.query?.plan_id,V=e.query?.user_name,k=e.query?.transaction_id;return(0,l.jsx)("section",{className:"relative min-h-screen bg-cover text-primary",style:{backgroundImage:"url('/landingPage/bgVTVgo.png')"},children:(0,l.jsxs)("div",{className:"mb-[80px] mx-[3.15%] sm:mx-[10%] relative z-10",children:[(0,l.jsx)(n(),{href:"/",className:"absolute mt-5",children:(0,l.jsx)("img",{src:"/logo/logo.png",alt:"",className:"w-[120px]"})}),(0,l.jsxs)("div",{className:"pt-[80px]",children:[(0,l.jsx)("h2",{className:"text32_700_36 mb-8 sm:mb-[52px] text-center",children:"Chọn g\xf3i cước của bạn"}),(0,l.jsx)("div",{className:"mt-5 md:mt-[35px]",children:(0,l.jsx)(h.default,{data:r,tabActive:p,setTabActive:f,setDataTabs:v})}),(0,l.jsxs)("div",{className:"w-full flex justify-center gap-5 flex-wrap mt-5 md:mt-[35px]",children:[!c&&g?.length>0&&g?.length<=2&&g?.map((e,t)=>(0,l.jsx)("div",{className:"max-w-[520px] w-full",children:(0,l.jsx)(b,{data:e,email:_,phoneNumber:N,userIdVTVGo:j,userIdVTVPrime:w,planId:y,userName:V,transactionId:k})},t)),!c&&g?.length>=3&&(0,l.jsx)("div",{className:"w-full overflow-hidden",children:(0,l.jsx)(m.RC,{slidesPerView:"mobile"===t?1:"ipad"===t?2:r?.length>=3?3:r?.length,slidesPerGroup:"mobile"===t?1:"ipad"===t?2:r?.length>=3?3:r?.length,spaceBetween:"mobile"===t?10:"ipad"===t?16:24,modules:[o.Vx],className:"mySwiper",speed:800,navigation:!0,children:g?.map((e,t)=>(0,l.jsx)(m.qr,{className:"max-w-[520px]",children:(0,l.jsx)(b,{data:e,email:_,phoneNumber:N,userIdVTVGo:j,userIdVTVPrime:w,planId:y,userName:V,transactionId:k,indexSubs:t})},e?.id+t.toString()))},"vod_item_swiper-wipe")}),!c&&g?.length===0&&(0,l.jsxs)("div",{className:"min-h-[400px] w-full flex flex-col justify-center items-center",children:[i.Z,(0,l.jsx)("p",{children:"Kh\xf4ng c\xf3 g\xf3i cước n\xe0o khả dụng."})]}),c&&(0,l.jsx)("div",{className:"text-secondary1 h-[288px] flex items-center",children:"Đang tải dữ liệu..."})]})]}),(0,l.jsxs)("div",{className:"sm:block hidden w-full pt-4 pb-5 px-3 rounded-xl bg-surface mt-[50px] lg:mt-[80px] text-center",children:[(0,l.jsx)("h2",{className:"text18_700_22 mb-2",children:"Điều khoản dịch vụ"}),(0,l.jsx)("p",{className:"text-secondary1 text16_400_20",children:"Sử dụng v\xe0 xem tr\xean l\xe3nh thổ Việt Nam"}),(0,l.jsxs)("div",{className:"text16_400_20 mt-3",children:["Hotline: ",(0,l.jsx)("b",{children:"19001515"})]})]})]})})};function b({data:e,email:t,phoneNumber:s,userIdVTVGo:i,userIdVTVPrime:r,planId:n,userName:d,transactionId:o}){let m=(0,a.useRouter)(),u=e?.uiStyle?.backgroundURL,x=e?.uiStyle?.bannerURL||c.A.IMAGE_HORIRONTAL_DEFAULT,h=e?.label||"",p=e?.name||"",f=e?.benefits||[];return(0,l.jsxs)("div",{className:"relative cursor-pointer rounded-xl w-full h-[588px] max-w-2xl overflow-hidden box-border",children:[(0,l.jsxs)("div",{className:"relative w-full h-1/3",children:[(0,l.jsx)("img",{src:x,alt:"",className:"w-full h-full object-cover"}),h&&(0,l.jsx)("div",{className:"absolute left-0 bottom-0 py-[6px] px-4 roun

1ded-tr-2xl bg-brand text20_600_24",children:h})]}),(0,l.jsx)("div",{className:"absolute -z-20 top-0 left-0 w-full h-full opacity-60",children:(0,l.jsx)("img",{src:u||"/subscription/subs/bg-item-sub.png",alt:"",className:"w-full h-full object-cover"})}),(0,l.jsxs)("div",{className:"px-6 pt-4 pb-8 ",children:[(0,l.jsx)("h2",{className:"mt-2 text20_600_24",children:p}),(0,l.jsx)("div",{className:"mt-6 max-h-[200px] overflow-scroll scrollbar-hide",children:f?.length>0&&f.map((e,t)=>(0,l.jsxs)("div",{className:"flex items-start justify-between mb-[18px] text-secondary1",children:[(0,l.jsx)("span",{className:"text16_400_20 line-clamp-2 max-w-[35%]",children:e?.label}),(0,l.jsx)("span",{className:"text16_600_20 line-clamp-2 text-primary text-right max-w-[60%]",children:e?.value})]},t))}),(0,l.jsx)("div",{className:"absolute bottom-8 left-6 right-6",children:(0,l.jsx)("button",{className:"bg-brand text16_600_24 w-full py-3 px-5 rounded-lg cursor-pointer",onClick:()=>{m.push(`/sub-vtvgo/payment?email=${t}&phone_number=${s}&user_id_vtvgo=${i}&user_id_vtvprime=${r}&plan_id=${n}&user_name=${d}&transaction_id=${o}&tier_id=${e?.id}`)},children:"N\xe2ng cấp trải nghiệm"})})]})]})}}},e=>{e.O(0,[7888,6852,4431,4284,636,6593,8792],()=>e(e.s=37916)),_N_E=e.O()}]);