https://vtvprime.vn/_next/static/chunks/9045.f541c1ab04e3f467.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9045],{28014:(e,s,t)=>{t.d(s,{A:()=>d});var l=t(37876),r=t(37847),i=t(54587),n=t.n(i);t(14232);let d=function({isModal:e,setModal:s}){return(0,l.jsx)(r.aF,{isOpen:e,onCancel:()=>{s(!1)},className:"xl:w-[1264px] w-[96%] !max-w-[96svw] !max-h-[80svh] overflow-scroll scrollbar-hide bg-background border border-solid border-bright2",children:(0,l.jsxs)("div",{className:"bg-background-item p-6 rounded-xl text-primary",children:[(0,l.jsx)("h2",{className:"text20_700_30 text-center",children:"Chi tiết Æ°u đ\xe3i"}),(0,l.jsxs)("div",{className:"z-10 mt-6 w-full flex gap-5 items-start justify-center flex-col md:flex-row",children:[(0,l.jsxs)("div",{className:"w-full md:w-1/4",children:[(0,l.jsx)("div",{className:"w-full h-auto",children:(0,l.jsx)(n(),{src:"/miniapp/loyalty/mission/imageVTVcab.webp",width:600,height:600,className:"w-full h-full object-cover",alt:"name"})}),(0,l.jsxs)("div",{className:"w-full mt-6",children:[(0,l.jsx)("p",{className:"text14_400_18 text-secondary1",children:"Kh\xe1n giả bền bỉ"}),(0,l.jsx)("p",{className:"text20_700_24 mt-2",children:"Xem video 60 ph\xfat/ng\xe0y"}),(0,l.jsx)("div",{className:"w-full h-1 bg-bright2 rounded-lg overflow-hidden mt-4",children:(0,l.jsx)("div",{className:"w-[30%] bg-brand h-1"})}),(0,l.jsxs)("div",{className:"mt-2 flex items-center justify-between text14_400_18 text-secondary1",children:[(0,l.jsx)("p",{className:"",children:"Thời lượng"}),(0,l.jsxs)("div",{className:"flex items-center",children:[(0,l.jsx)("p",{className:"text-[#E25F00]",children:"0 ph\xfat"}),"/60 ph\xfat"]})]}),(0,l.jsx)("button",{className:"mt-4 w-full flex items-center justify-center py-3 rounded-lg bg-brand text14_700_20",children:"Bắt đầu"})]})]}),(0,l.jsxs)("div",{className:"w-full md:w-3/4",children:[(0,l.jsxs)("div",{className:"px-4 py-5 rounded-2xl bg-disable",children:[(0,l.jsx)("p",{className:"pb-3 border-b border-solid border-bright",children:"\uD83C\uDF81 Phần thưởng"}),(0,l.jsx)("p",{className:"text16_400_20 text-secondary1 mt-3",children:"+500 V-Point"})]}),(0,l.jsxs)("div",{className:"mt-5 px-4 py-5 rounded-2xl bg-disable",children:[(0,l.jsx)("p",{className:"pb-3 border-b border-solid border-bright",children:"\uD83D\uDCDA Hướng dẫn"}),(0,l.jsx)("p",{className:"text16_400_20 text-secondary1 mt-3",children:"• Bạn c\xf3 thể xem phim, chÆ°Æ¡ng tr\xecnh truyền h\xecnh hoặc video ngắn."}),(0,l.jsx)("p",{className:"text16_400_20 text-secondary1",children:"• Nội dung cần được xem tối thiểu 20 ph\xfat để t\xednh hợp lệ."})]}),(0,l.jsxs)("div",{className:"mt-5 px-4 py-5 rounded-2xl bg-disable",children:[(0,l.jsx)("p",{className:"pb-3 border-b border-solid border-bright",children:"\uD83D\uDCCB Điều khoản sá»­ dụng"}),(0,l.jsx)("p",{className:"text16_400_20 text-secondary1 mt-3",children:"• Mỗi ng\xe0y chỉ nhận thưởng 1 lần"}),(0,l.jsx)("p",{className:"text16_400_20 text-secondary1",children:"• T\xednh lại sau 0h h\xe0ng ng\xe0y"}),(0,l.jsx)("p",{className:"text16_400_20 text-secondary1",children:"• Nếu tắt app giữa chừng, cần mở lại v\xe0 xem đủ thời lượng"})]}),(0,l.jsxs)("div",{className:"mt-5 px-4 py-5 rounded-2xl bg-disable",children:[(0,l.jsx)("p",{className:"pb-3 border-b border-solid border-bright",children:"☎️ Hỗ trợ"}),(0,l.jsx)("p",{className:"text16_400_20 text-secondary1 mt-3",children:"Tổng đ\xe0i: 0900 000 000"}),(0,l.jsx)("p",{className:"text16_400_20 text-secondary1",children:"Email: [email protected]"})]})]})]})]})})}},78565:(e,s,t)=>{t.d(s,{A:()=>r});var l=t(37876);function r({title:e,value:s,isSelect:t,onChoose:n}){return(0,l.jsx)("div",{className:`w-full cursor-pointer flex items-center py-3 border-b border-solid text16_600_20 border-b-bright2 ${t?"!font-semibold":"!font-normal"}`,onClick:()=>{n(s)},children:(0,l.jsxs)("div",{className:"flex",children:[(0,l.jsx)("div",{className:"w-5 h-5 mr-3",children:t&&i}),(0,l.jsx)("div",{children:e})]})})}let i=(0,l.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"M16.6666 5L7.49992 14.1667L3.33325 10",stroke:"#F4F4F8",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})},89045:(e,s,t)=>{t.r(s),t.d(s,{default:()=>m});

1var l=t(37876),r=t(54587),i=t.n(r),n=t(14232),d=t(37847),a=t(78565);let c=function({isOpenModal:e,setIsOpenModal:s,filterSearch:t,setFilterSearch:r,handleSearchFilter:i}){let[c,x]=(0,n.useState)(!0),[m,p]=(0,n.useState)(!0),g=e=>{"order"===e?x(!c):p(!m)},u=e=>{t?.orderBy===e?r({...t,orderBy:""}):r({...t,orderBy:e})},j=e=>{t?.typeChange===e?r({...t,typeChange:""}):r({...t,typeChange:e})};return(0,l.jsx)(d.aF,{isOpen:e,onCancel:()=>{s(!1)},classWidth:"lg:w-[730px] w-[98%] sm:w-[90%] border-[1px] border-solid border-bright2",children:(0,l.jsx)("div",{className:"w-full bg-background",children:(0,l.jsxs)("div",{className:"w-full h-full p-4 md:p-10 text-primary",children:[(0,l.jsxs)("div",{children:[(0,l.jsxs)("h3",{className:"flex text18_600_22 items-center justify-start cursor-pointer",onClick:()=>g("order"),children:["Sắp xếp \xa0 ",c?o:h]}),(0,l.jsxs)("div",{className:`w-full transition-all duration-300 overflow-hidden ${c?"h-[100px] mt-6 opacity-100":"h-0 opacity-0"}`,children:[(0,l.jsx)(a.A,{title:"Mới nhất",value:"LATEST",isSelect:t?.orderBy==="LATEST",onChoose:u}),(0,l.jsx)(a.A,{title:"Cũ nhất",value:"OLDEST",isSelect:t?.orderBy==="OLDEST",onChoose:u})]})]}),(0,l.jsxs)("div",{className:"mt-8",children:[(0,l.jsxs)("h3",{className:"flex text18_600_22 items-center justify-start cursor-pointer",onClick:()=>g("typeChange"),children:["Đổi bằng \xa0 ",m?o:h]}),(0,l.jsxs)("div",{className:`w-full transition-all duration-300 overflow-hidden ${m?"h-[140px] mt-6 opacity-100":"h-0 opacity-0"}`,children:[(0,l.jsx)(a.A,{title:"Tất cả",value:"ALL",isSelect:t?.typeChange==="ALL",onChoose:j}),(0,l.jsx)(a.A,{title:"Đ\xe3 đổi",value:"CHANGED",isSelect:t?.typeChange==="CHANGED",onChoose:j}),(0,l.jsx)(a.A,{title:"Được tặng",value:"RECEIVED",isSelect:t?.typeChange==="RECEIVED",onChoose:j})]})]}),(0,l.jsxs)("div",{className:"w-full mt-8 flex justify-between items-center text16_700_20",children:[(0,l.jsx)("button",{className:"py-3 px-8 w-1/2 bg-bright border border-solid border-bright2 rounded-lg mr-6",onClick:()=>{r({orderBy:"",typeChange:""})},children:"Đặt lại"}),(0,l.jsx)("button",{className:"py-3 px-8 w-1/2 bg-brand rounded-lg",onClick:i,children:"\xc1p dụng"})]})]})})})},o=(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"30",height:"30",viewBox:"0 0 30 30",fill:"none",children:(0,l.jsx)("path",{d:"M22.5 18.75L15 11.25L7.5 18.75",stroke:"#F4F4F8",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),h=(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"30",height:"30",viewBox:"0 0 30 30",fill:"none",children:(0,l.jsx)("path",{d:"M7.5 11.25L15 18.75L22.5 11.25",stroke:"#F4F4F8",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})});var x=t(28014);let m=function(){let[e,s]=(0,n.useState)(!1),[t,r]=(0,n.useState)(!1),[d,a]=(0,n.useState)({orderBy:"",typeChange:""});return(0,l.jsxs)("div",{className:"",children:[(0,l.jsx)("div",{className:"flex justify-end",children:(0,l.jsxs)("div",{className:"flex items-center justify-center cursor-pointer text16_600_20 text-secondary1",onClick:()=>{s(!0)},children:[" ",p,"\xa0 Bộ lọc"]})}),(0,l.jsx)("div",{className:"mt-6 grid grid-col-1 md:grid-cols-2 xl:grid-cols-3 gap-4",children:[1,2,3,4,5,6,7,8,9,10].map((e,s)=>(0,l.jsxs)("div",{className:"cursor-pointer py-3 px-4 flex justify-between gap-3 items-center bg-background-item rounded-2xl",onClick:()=>r(!0),children:[(0,l.jsx)("div",{children:(0,l.jsx)(i(),{src:"/miniapp/loyalty/store/logoVoucher.png",width:100,height:100,style:{objectFit:"cover"},alt:"name"})}),(0,l.jsxs)("div",{className:"h-full w-[calc(100%-100px)] flex flex-col justify-between",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)("p",{className:"text14_400_18 text-secondary2",children:"HSD: 13/11/2026"}),(0,l.jsx)("p",{className:"text16_600_20 mt-1",children:"M\xe3 giảm gi\xe1 20% g\xf3i Premium"}),(0,l.jsx)("p",{className:"text14_400_18 text-secondary1 mt-1",children:"Mở kho\xe1 kho nội dung độc quyền hấp dẫn của ri\xeang bạn."})]}),(0,l.jsx)("div",{className:"flex items-center justify-end mt-3",children:(0,l.jsx)("div",{className:"cursor-pointer px-5 py-3 rounded-lg bg-inverse text-invert text14_700_20",children:"D\xf9ng ngay"})})]})]},s.toString()+e?.id))}),(0,l.jsx)(c,{isOpenModal:e,setIsOpenModal:s,filterSearch:d,setFilterSearch:a,handleSearchFilter:()=>{console.log({filterSearch:d})}}),(0,l.jsx)(x.A,{isModal:t,setModal:r})]})},p=(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"25",height:"24",viewBox:"0 0 25 24",fill:"none",children:(0,l.jsx)("path",{d:"M2.5 4.6C2.5 4.03995 2.5 3.75992 2.60899 3.54601C2.70487 3.35785 2.85785 3.20487 3.04601 3.10899C3.25992 3 3.53995 3 4.1 3H20.9C21.4601 3 21.7401 3 21.954 3.10899C22.1422 3.20487 22.2951 3.35785 22.391 3.54601C22.5 3.75992 22.5 4.03995 22.5 4.6V5.26939C22.5 5.53819 22.5 5.67259 22.4672 5.79756C22.438 5.90831 22.3901 6.01323 22.3255 6.10

1776C22.2526 6.21443 22.151 6.30245 21.9479 6.4785L15.5521 12.0215C15.349 12.1975 15.2474 12.2856 15.1745 12.3922C15.1099 12.4868 15.062 12.5917 15.0328 12.7024C15 12.8274 15 12.9618 15 13.2306V18.4584C15 18.6539 15 18.7517 14.9685 18.8363C14.9406 18.911 14.8953 18.9779 14.8363 19.0315C14.7695 19.0922 14.6787 19.1285 14.4971 19.2012L11.0971 20.5612C10.7296 20.7082 10.5458 20.7817 10.3983 20.751C10.2693 20.7242 10.1561 20.6476 10.0833 20.5377C10 20.4122 10 20.2142 10 19.8184V13.2306C10 12.9618 10 12.8274 9.96715 12.7024C9.93805 12.5917 9.89014 12.4868 9.82551 12.3922C9.75258 12.2856 9.65102 12.1975 9.44789 12.0215L3.05211 6.4785C2.84898 6.30245 2.74742 6.21443 2.67449 6.10776C2.60986 6.01323 2.56195 5.90831 2.53285 5.79756C2.5 5.67259 2.5 5.53819 2.5 5.26939V4.6Z",stroke:"#C6C6C8",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}}]);