https://vtvprime.vn/_next/static/chunks/2444.0f328e1421053e35.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2444],{2444:(e,t,i)=>{i.r(t),i.d(t,{default:()=>f});var n=i(37876),s=i(37847),l=i(54587),a=i.n(l),c=i(48230),r=i.n(c),p=i(89099),x=i(14232);let o=function({isModal:e,setModal:t}){function i(e,t,s,l,c=""){return(0,n.jsx)(a(),{src:e,width:t,height:s,alt:c,className:l})}return(0,n.jsxs)(s.aF,{isOpen:e,onCancel:()=>{t(!1)},className:"relative xl:w-[830px] w-[96%] !max-w-[96svw] !overflow-visible",showIcon:!1,children:[(0,n.jsx)("div",{className:"absolute z-10 w-full flex justify-center top-[-70px]",children:i("/miniapp/loyalty/epic-spin/logo.webp",998,387,"relative z-20 mb-[-6%] w-[min(72vw,360px)] object-contain drop-shadow-[0_8px_18px_rgba(120,36,0,0.35)] sm:w-[min(58vw,430px)] lg:w-[min(32vw,460px)]")}),(0,n.jsxs)("div",{className:"relative h-[70svh] overflow-hidden bg-[#E25F00] text-invert border-[2px] border-solid border-[#FFE9A6] p-3 md:p-6 rounded-xl",children:[(0,n.jsx)("div",{className:"absolute z-10 w-fit flex justify-center top-3 right-3 md:right-6 md:top-6 cursor-pointer",onClick:()=>t(!1),children:i("/miniapp/loyalty/epic-spin/iconClose.png",40,36)}),(0,n.jsx)("div",{className:"mt-10 md:mt-[80px] h-[calc(70svh-70px)] md:h-[calc(70svh-130px)] overflow-scroll scrollbar-hide p-3 md:p-6 rounded-[20px] bg-[#FFF9E5]",children:(0,n.jsxs)("div",{className:"",children:[(0,n.jsx)("div",{className:"flex justify-center",children:(0,n.jsx)("div",{className:"flex justify-center",children:i("/miniapp/loyalty/epic-spin/imageVoucher.webp",280,280,"w-[280px] h-[280px]")})}),(0,n.jsx)("p",{className:"text16_400_20 mt-6",children:"Mảnh gh\xe9p VIP l\xe0 phần thưởng đặc biệt c\xf3 thể nhận được từ V\xf2ng quay Sử thi."}),(0,n.jsxs)("div",{className:"mt-3",children:[(0,n.jsx)("p",{className:"text18_600_22 text-[#E25F00]",children:"C\xe1ch nhận"}),(0,n.jsx)("p",{className:"text16_400_20 mt-2",children:"• Mỗi lượt quay đều c\xf3 cơ hội nhận Mảnh gh\xe9p VIP."}),(0,n.jsx)("p",{className:"text16_400_20",children:"• Số lượng mảnh nhận được sẽ phụ thuộc v\xe0o kết quả của từng lượt quay."})]}),(0,n.jsxs)("div",{className:"mt-3",children:[(0,n.jsx)("p",{className:"text18_600_22 text-[#E25F00]",children:"C\xe1ch sử dụng"}),(0,n.jsx)("p",{className:"text16_400_20 mt-2",children:"• Thu thập đủ 10 Mảnh gh\xe9p VIP để đổi 01 th\xe1ng Premium."}),(0,n.jsx)("p",{className:"text16_400_20",children:"• Sau khi đổi th\xe0nh c\xf4ng, hệ thống sẽ tự động ti\xeau hao 10 Mảnh gh\xe9p VIP."})]}),(0,n.jsxs)("div",{className:"mt-3 text16_400_20",children:[(0,n.jsx)("p",{className:"text18_600_22 text-[#E25F00]",children:"Lưu \xfd"}),(0,n.jsx)("p",{className:"mt-2",children:"Bạn c\xf3 cơ hội nhận được:"}),(0,n.jsx)("p",{className:"",children:"• Mảnh gh\xe9p VIP kh\xf4ng thể quy đổi sang V-Point, Gem hoặc tiền mặt."}),(0,n.jsx)("p",{className:"",children:"• Mảnh gh\xe9p được lưu trong t\xe0i khoản v\xe0 c\xf3 thể tiếp tục t\xedch lũy cho c\xe1c lần đổi thưởng tiếp theo."}),(0,n.jsx)("p",{className:"",children:"• VTVprime c\xf3 thể điều chỉnh số lượng mảnh cần đổi hoặc chương tr\xecnh đổi thưởng theo từng thời kỳ v\xe0 sẽ th\xf4ng b\xe1o trước khi \xe1p dụng."})]})]})})]})]})},m=function(){let[e,t]=(0,x.useState)(!1);function i(e,t,s,l,c=""){return(0,n.jsx)(a(),{src:e,width:t,height:s,alt:c,className:l})}return(0,n.jsxs)("div",{className:"relative w-full min-h-[200px] border-[2px] border-solid border-[#FFE9A6] bg-[#E25F00] rounded-3xl overflow-hidden",children:[(0,n.jsx)("div",{className:"absolute cursor-pointer right-6 top-2 w-8 h-8 flex justify-center items-center rounded-full border border-solid border-[#F4F4F81F] bg-[#F4F4F83D] backdrop-blur-lg",onClick:()=>t(!0),children:i("/miniapp/loyalty/epic-spin/iconInfo.png",15,20)}),(0,n.jsx)("div",{className:"w-full flex justify-center",children:(0,n.jsx)("p",{className:"text20_700_24 text-[#E25F00] py-2 px-6 rounded-br-xl rounded-bl-xl bg-[#FFE9A6] w-fit",children:"Mảnh gh\xe9p VIP"})}),(0,n.jsx)("div",{className:"flex justify-center mt-6",children:(0,n.jsx)("div",{className:"w-[90%] h-[320px] flex justify-center items-center bg-[#FFF9E5] rounded-tr-[20px] rounded-tl-[20px]",children:i("/miniapp/loyalty/epic-spin/imageVoucher.webp",280,280,"w-[280px] h-[280px]")})}),(0,n.jsxs)("div",{className:"bg-[#B052C0] w-full min-h-[20px] rounded-br-xl rounded-bl-3xl py-2 text16_500_20 flex justify-center items-center gap-[2px]",children:[i("/miniapp/loyalty/iconGift.png",40,40)," 1 th\xe1ng Premium"]}),(0,n.jsx)(o,{isModal:e,setModal:t})]})},d=function(){function e(t,i,s,l,c=""){return(0,n.jsx)(a(),{src:t,width:i,height:s,alt:c,className:l})}return(0,n.jsxs)("div",{className:"relative w-full min-h-[200px] border-[2px] border-solid border-[#FFE9A6] bg-[#E25F00] rounded-3xl overflow-hidden",children:[(0,n.jsx)("div",{className:"w-full flex justify-center",children:(0,n.jsx)("p",{className:"text20_700_24 text-[#E25F00] py-2 px-6 rounded-br-xl rounded-bl-xl bg-[#FFE9A6] w-fit",children:"Kiếm th\xeam V-Point"})}),(0,n.jsxs)("div",{className:"flex justify-center items-center gap-3 mt-6 flex-col pb-6",children:[(0,n.jsxs)("div",{className:"w-[90%] flex justify-between items-center bg-[#FFF9E5] rounded-xl py-2 px-3 gap-2",children:[(0,n.jsxs)("div",{className:"flex items-center line-clamp-1 gap-2 text-invert text16_600_20",children:[e("/miniapp/loyalty/logoCow.png",56,56),"L\xe0m nhiệm vụ"]}),(0,n.jsx)(r(),{href:"/miniapp/missions",target:"_blank",className:"py-[6px] px-3 rounded-lg bg-brand text-xs font-semibold leading-4",children:"Đi ngay"})]}),(0,n.jsxs)("div",{className:"w-[90%] flex justify-between items-center bg-[#FFF9E5] rounded-xl py-2 px-3 gap-2",children:[(0,n.jsxs)("div",{className:"flex items-center line-clamp-1 gap-2 text-invert text16_600_20",children:[e("/miniapp/loyalty/logoHandshake.png",56,56),"Mời bạn b\xe8"]}),(0,n.jsx)(r(),{href:"/miniapp/introduce",target:"_blank",className:"py-[6px] px-3 rounded-lg bg-brand text-xs font-semibold leading-4",children:"Đi ngay"})]}),(0,n.jsxs)("div",{className:"w-[90%] flex justify-between items-center bg-[#FFF9E5] rounded-xl py-2 px-3 gap-2",children:[(0,n.jsxs)("div",{className:"flex items-center line-clamp-1 gap-2 text-invert text16_600_20",children:[e("/miniapp/loyalty/logoDiamond.png",56,56),"Mua bằng V-Gem"]}),(0,n.jsx)(r(),{href:"/miniapp/store?tab=vgem",target:"_blank",className:"py-[6px] px-3 rounded-lg bg-brand text-xs font-semibold leading-4",children:"Đi ngay"})]})]})]})},h=function(){function e(t,i,s,l,c=""){return(0,n.jsx)(a(),{src:t,width:i,height:s,alt:c,className:l})}return(0,n.jsxs)("div",{className:"relative w-full min-h-[200px] border-[2px] border-solid border-[#FFE9A6] bg-[#E25F00] rounded-3xl overflow-hidden",children:[(0,n.jsx)("div",{className:"w-full flex justify-center",children:(0,n.jsx)("p",{className:"text20_700_24 text-[#E25F00] py-2 px-6 rounded-br-xl rounded-bl-xl bg-[#FFE9A6] w-fit",children:"Qu\xe0 đ\xe3 nhận"})}),(0,n.jsxs)("div",{className:"flex justify-center items-center gap-3 mt-6 flex-col pb-6",children:[(0,n.jsxs)("div",{className:"w-[90%] flex justify-between items-center bg-[#FFF9E5] rounded-xl py-2 px-3 gap-2",children:[(0,n.jsxs)("div",{className:"flex items-center line-clamp-1 gap-2 text-invert text18_600_22 w-[calc(100%-80p

1x)]",children:[e("/miniapp/loyalty/logoVTVcab.png",56,56),(0,n.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,n.jsx)("p",{className:"line-clamp-1",children:"Voucher giảm gi\xe1 15% giảm gi\xe1 15% giảm gi\xe1 15%"}),(0,n.jsx)("p",{className:"text14_400_18 text-secondary2",children:"20:00 • 20/07/2024"})]})]}),(0,n.jsx)("p",{className:"text-xs font-medium leading-4 text-invert",children:"D\xf9ng ngay"})]}),(0,n.jsxs)("div",{className:"w-[90%] flex justify-between items-center bg-[#FFF9E5] rounded-xl py-2 px-3 gap-2",children:[(0,n.jsxs)("div",{className:"flex items-center line-clamp-1 gap-2 text-invert text18_600_22 w-[calc(100%-80px)]",children:[e("/miniapp/loyalty/logoVTVcab.png",56,56),(0,n.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,n.jsx)("p",{className:"line-clamp-1",children:"Voucher giảm gi\xe1 15% giảm gi\xe1 15% giảm gi\xe1 15%"}),(0,n.jsx)("p",{className:"text14_400_18 text-secondary2",children:"20:00 • 20/07/2024"})]})]}),(0,n.jsx)("p",{className:"text-xs font-medium leading-4 text-invert",children:"D\xf9ng ngay"})]}),(0,n.jsxs)("div",{className:"w-[90%] flex justify-between items-center bg-[#FFF9E5] rounded-xl py-2 px-3 gap-2",children:[(0,n.jsxs)("div",{className:"flex items-center line-clamp-1 gap-2 text-invert text18_600_22 w-[calc(100%-80px)]",children:[e("/miniapp/loyalty/logoVTVcab.png",56,56),(0,n.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,n.jsx)("p",{className:"line-clamp-1",children:"Voucher giảm gi\xe1 15% giảm gi\xe1 15% giảm gi\xe1 15%"}),(0,n.jsx)("p",{className:"text14_400_18 text-secondary2",children:"20:00 • 20/07/2024"})]})]}),(0,n.jsx)("p",{className:"text-xs font-medium leading-4 text-invert",children:"D\xf9ng ngay"})]}),(0,n.jsxs)("div",{className:"w-[90%] flex justify-between items-center bg-[#FFF9E5] rounded-xl py-2 px-3 gap-2",children:[(0,n.jsxs)("div",{className:"flex items-center line-clamp-1 gap-2 text-invert text18_600_22 w-[calc(100%-80px)]",children:[e("/miniapp/loyalty/logoVTVcab.png",56,56),(0,n.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,n.jsx)("p",{className:"line-clamp-1",children:"Voucher giảm gi\xe1 15% giảm gi\xe1 15% giảm gi\xe1 15%"}),(0,n.jsx)("p",{className:"text14_400_18 text-secondary2",children:"20:00 • 20/07/2024"})]})]}),(0,n.jsx)("p",{className:"text-xs font-medium leading-4 text-invert",children:"D\xf9ng ngay"})]}),(0,n.jsxs)("div",{className:"w-[90%] flex justify-between items-center bg-[#FFF9E5] rounded-xl py-2 px-3 gap-2",children:[(0,n.jsxs)("div",{className:"flex items-center line-clamp-1 gap-2 text-invert text18_600_22 w-[calc(100%-80px)]",children:[e("/miniapp/loyalty/logoVTVcab.png",56,56),(0,n.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,n.jsx)("p",{className:"line-clamp-1",children:"Voucher giảm gi\xe1 15% giảm gi\xe1 15% giảm gi\xe1 15%"}),(0,n.jsx)("p",{className:"text14_400_18 text-secondary2",children:"20:00 • 20/07/2024"})]})]}),(0,n.jsx)("p",{className:"text-xs font-medium leading-4 text-invert",children:"D\xf9ng ngay"})]})]})]})},g=function({isModal:e,setModal:t}){function i(e,t,s,l,c=""){return(0,n.jsx)(a(),{src:e,width:t,height:s,alt:c,className:l})}return(0,n.jsxs)(s.aF,{isOpen:e,onCancel:()=>{t(!1)},className:"relative xl:w-[830px] w-[96%] !max-w-[96svw] !overflow-visible",showIcon:!1,children:[(0,n.jsx)("div",{className:"absolute z-10 w-full flex justify-center top-[-70px]",children:i("/miniapp/loyalty/epic-spin/logo.webp",998,387,"relative z-20 mb-[-6%] w-[min(72vw,360px)] object-contain drop-shadow-[0_8px_18px_rgba(120,36,0,0.35)] sm:w-[min(58vw,430px)] lg:w-[min(32vw,460px)]")}),(0,n.jsxs)("div",{className:"relative h-[70svh] overflow-hidden bg-[#E25F00] text-invert border-[2px] border-solid border-[#FFE9A6] p-3 md:p-6 rounded-xl",children:[(0,n.jsx)("div",{className:"absolute z-10 w-fit flex justify-center top-3 right-3 md:right-6 md:top-6 cursor-pointer",onClick:()=>t(!1),children:i("/miniapp/loyalty/epic-spin/iconClose.png",40,36)}),(0,n.jsx)("div",{className:"mt-10 md:mt-[80px] h-[calc(70svh-70px)] md:h-[calc(70svh-130px)] overflow-scroll scrollbar-hide p-3 md:p-6 rounded-[20px] bg-[#FFF9E5]",children:(0,n.jsxs)("div",{className:"",children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{className:"text18_600_22 text-[#E25F00]",children:"V\xf2ng quay Sử thi l\xe0 g\xec?"}),(0,n.jsx)("p",{className:"text16_400_20 mt-2",children:"V\xf2ng quay Sử thi l\xe0 nơi bạn sử dụng 50 V-Point cho 1 lượt quay v\xe0 c\xf3 cơ hội nhận nhiều phần thưởng hấp dẫn như V-Point, Voucher đối t\xe1c, Data 4G, Mảnh gh\xe9p VIP v\xe0 c\xe1c phần thưởng đặc biệt kh\xe1c."})]}),(0,n.jsxs)("div",{className:"mt-3",children:[(0,n.jsx)("p",{className:"text18_600_22 text-[#E25F00]",children:"C\xe1ch tham gia"}),(0,n.jsx)("p",{className:"text16_400_20 mt-2",children:"1. Mỗi lượt quay ti\xeau tốn 50 V-Point"}),(0,n.jsx)("p",{className:"text16_400_20",children:"2. Nhấn Quay để bắt đầu."}),(0,n.jsx)("p",{className:"text16_400_20",children:"3. Hệ thống sẽ tự động trừ V-Point v\xe0 trao phần thưởng tương ứng sau khi v\xf2ng quay kết th\xfac."})]}),(0,n.jsxs)("div",{className:"mt-3 text16_400_20",children:[(0,n.jsx)("p",{className:"text18_600_22 text-[#E25F00]",children:"Phần thưởng"}),(0,n.jsx)("p",{className:"mt-2",children:"Bạn c\xf3 cơ hội nhận được:"}),(0,n.jsx)("p",{className:"",children:"• V-Point"}),(0,n.jsx)("p",{className:"",children:"• Voucher đối t\xe1c"}),(0,n.jsx)("p",{className:"",children:"• Data 4G"}),(0,n.jsx)("p",{className:"",children:"• Mảnh gh\xe9p VIP"}),(0,n.jsx)("p",{className:"",children:"• Premium hoặc c\xe1c phần thưởng đặc biệt (t\xf9y từng chương tr\xecnh)"})]}),(0,n.jsxs)("div",{className:"mt-3 text16_400_20",children:[(0,n.jsx)("p",{className:"text18_600_22 text-[#E25F00]",children:"Lưu \xfd"}),(0,n.jsx)("p",{className:"mt-2",children:"• Mảnh gh\xe9p VIP kh\xf4ng thể quy đổi sang V-Point, Gem hoặc tiền mặt."}),(0,n.jsx)("p",{className:"",children:"• Mảnh gh\xe9p được lưu trong t\xe0i khoản v\xe0 c\xf3 thể tiếp tục t\xedch lũy cho c\xe1c lần đổi thưởng tiếp theo."}),(0,n.jsx)("p",{className:"",children:"• VTVprime c\xf3 thể điều chỉnh số lượng mảnh cần đổi hoặc chương tr\xecnh đổi thưởng theo từng thời kỳ v\xe0 sẽ th\xf4ng b\xe1o trước khi \xe1p dụng."})]})]})})]})]})},u=[{name:"Vật phẩm",image:"/miniapp/loyalty/epic-spin/itemVatPham.png",size:22},{name:"Data 4G",image:"/miniapp/loyalty/epic-spin/itemData4G.png",size:17},{name:"Mảnh gh\xe9p",image:"/miniapp/loyalty/epic-spin/itemManhGhep.png",size:22},{name:"100 Coin",image:"/miniapp/loyalty/epic-spin/item100Coin.png",size:17},{name:"Mảnh gh\xe9p",image:"/miniapp/loyalty/epic-spin/itemManhGhep2.png",size:22},{name:"Voucher",image:"/miniapp/loyalty/epic-spin/itemVoucher.png",size:18},{name:"100 Coin",image:"/miniapp/loyalty/epic-spin/item100Coin.png",size:17},{name:"May mắn lần sau",image:"/miniapp/loyalty/epic-spin/itemKhoc.png",size:20}],f=function(){let[e,t]=(0,x.useState)(!1),[i,l]=(0,x.useState)(null),[c,o]=(0,x.useState)(0),[f,b]=(0,x.useState)(0),[y,v]=(0,x.useState)(!1),w=(0,x.useRef)(0),N=(0,x.useRef)(null),_=(0,p.useRouter)();function F(e,t,i,s,l=""){return(0,n.jsx)(a(),{src:e,width:t,height:i,alt:l,className:s})}function V(){l(null)}return(0,x.useEffect)(()=>()=>{N.current&&clearTimeout(N.current)},[]),(0,n.jsxs)("main",{className:"relative min-h-screen overflow-x-hidden bg-[#ffb300] text-primary",children:[(0,n.jsx)("div",{className:"absolute inset-0 z-0 -top-60  w-screen",children:F("/miniapp/loyalty/epic-spin/bgMattroi.webp",1920,1620,"h-auto w-full object-cover object-top")}),(0,n.jsxs)("div",{className:"relative mt-10 z-10 mx-auto flex min-h-screen w-full max-w-[1920px] flex-col items-center gap-8 px-4 py-6 sm:px-6 lg:flex-row lg:items-start lg:justify-center lg:gap-10 lg:px-10 lg:py-10",children:[(0,n.jsx)("section",{className:"flex w-full max-w-[1000px] flex-col items-center lg:w-[54%]",children:(0,n.jsxs)("div",{className:"relative w-full max-w-[800px] pb-[18%]",children:[(0,n.jsxs)("div",{className:"relative mx-auto aspect-square w-[min(92vw,560px)] max-w-full",children:[(0,n.jsxs)("div",{className:"ItemWheel absolute inset-0 z-20",style:{transform:`rotate(${c}deg)`,transition:f?`transform ${f}ms cubic-bezier(0.12, 0.65, 0.12, 1)`:"none",transformOrigin:"center center"},children:[F("/miniapp/loyalty/epic-spin/bgConquay.webp",1279,1279,"absolute left-1/2 top-1/2 z-30 w-[110%] max-w-none -translate-x-1/2 -translate-y-1/2 object-contain"),F("/miniapp/loyalty/epic-spin/imageKhungQuay.webp",1161,1167,"absolute inset-0 z-20 h-full w-full object-contain"),u.map((e,t)=>{var i;let s;return(0,n.jsx)("div",{className:"absolute z-30 -translate-x-1/2 -translate-y-1/2",style:(i=e.size,s=(-90+45*t)*Math.PI/180,{top:`${50+32*Math.sin(s)}%`,left:`${50+32*Math.cos(s)}%`,width:`${i}%`}),children:F(e.image,251,251,"h-auto w-full object-contain",e.name)},`${e.name}-${t}`)})]}),(0,n.jsx)("button",{type:"button","aria-label":"Quay",disabled:y,className:`absolute left-1/2 top-1/2 z-40 w-[24%] min-w-[76px] max-w-[128px] -translate-x-1/2 -translate-y-1/2 transition-transform duration-200 ${y?"pointer-events-none scale-95":"hover:scale-105 active:scale-95"}`,onClick:function(){if(y)return;N.current&&clearTimeout(N.current);let e=Math.floor(2001*Math.random())+3e3,t=Math.floor(4*Math.random())+6,i=Math.floor(Math.random()*u.length),n=u[i],s=((360-45*i)%360-(w.current%360+360)%360+360)%360,a=w.current+360*t+s;w.current=a,b(e),v(!0),l(null),o(a),N.current=setTimeout(()=>{v(!1),l(n)},e)},children:F("/miniapp/loyalty/epic-spin/imageBtnQuay.png",288,349,"h-auto w-full object-contain")})]}),(0,n.jsxs)("div",{className:"relative",children:[F("/miniapp/loyalty/epic-spin/imageChanQuay.webp",1567,435,"relative z-10 ml-[-12px] mt-[-10%] w-full object-contain"),(0,n.jsxs)("div",{className:"absolute z-40 bottom-8 sm:bottom-12 left-1/2 -translate-x-1/2 text20_400_24 flex items-center gap-2",children:[(0,n.jsxs)("div",{className:"flex items-center gap-1 py-[6px] pl-4 pr-2 roun

1ded-full bg-[#E25F007A] backdrop-blur-lg text20_700_24",children:["50 ",F("/miniapp/loyalty/iconPoint.png",24,24)]})," ","/lượt quay"]})]}),(0,n.jsxs)("div",{className:"mt-3 text20_400_24 flex items-center justify-center gap-1",children:[(0,n.jsx)("p",{children:"V-Point của bạn:"}),(0,n.jsxs)("div",{className:"flex items-center gap-1 py-[6px] pl-4 pr-2 rounded-full bg-[#05050614] backdrop-blur-[8px] text20_700_24",children:[F("/miniapp/loyalty/iconPoint.png",24,24)," 21,550"," ",(0,n.jsx)(r(),{href:"/miniapp/store?tab=vpoint",target:"_blank",children:j})]})]})]})}),(0,n.jsxs)("section",{className:"w-full max-w-[560px] space-y-5 lg:w-[42%] flex flex-col justify-center items-center",children:[(0,n.jsxs)("div",{className:"relative w-full flex justify-center",children:[F("/miniapp/loyalty/epic-spin/logo.webp",998,387,"relative z-20 mb-[-6%] w-[min(72vw,360px)] object-contain drop-shadow-[0_8px_18px_rgba(120,36,0,0.35)] sm:w-[min(58vw,430px)] lg:w-[min(32vw,460px)]"),(0,n.jsxs)("div",{className:"absolute right-2 top-[-40px] md:-right-6 xl:-right-10 md:top-[0] flex items-center gap-2",children:[(0,n.jsx)("div",{className:"cursor-pointer  w-7 h-7 flex justify-center items-center rounded-full border border-solid border-[#F4F4F81F] bg-[#F4F4F83D] backdrop-blur-lg",onClick:()=>t(!0),children:F("/miniapp/loyalty/epic-spin/iconInfo.png",15,20)}),(0,n.jsx)("div",{className:"cursor-pointer",onClick:function(){_.push("/miniapp/rewards")},children:F("/miniapp/loyalty/epic-spin/iconClose.png",40,36)})]})]}),(0,n.jsx)("div",{className:"flex justify-center ",children:(0,n.jsx)("p",{className:"text24_400_32 py-2 px-4 rounded-3xl bg-[#E25F00] w-fit",children:"Tham gia ngay - Nhận qu\xe0 liền tay"})}),(0,n.jsx)(m,{}),(0,n.jsx)(d,{}),(0,n.jsx)(h,{})]})]}),(0,n.jsx)(g,{isModal:e,setModal:t}),(0,n.jsx)(s.aF,{isOpen:!!i,onCancel:V,className:"relative w-[92%] !max-w-[420px] !overflow-visible bg-transparent shadow-none",showIcon:!1,children:i&&(0,n.jsxs)("div",{className:"relative rounded-[20px] bg-transparent p-4 text-center text-primary sm:p-6",children:[(0,n.jsx)("div",{className:"absolute z-10 w-fit flex justify-center top-[-30px] right-0 cursor-pointer",onClick:V,children:F("/miniapp/loyalty/epic-spin/iconClose.png",40,36)}),(0,n.jsx)("div",{className:"absolute left-1/2 top-[-54px] h-[112px] w-[112px] -translate-x-1/2 rounded-full blur-2xl"}),(0,n.jsx)("p",{className:"text-[36px] font-bold leading-none text-primary [-webkit-text-stroke:2px_#E25F00] [text-shadow:1px_2px_0px_#00000040] italic",children:"Bạn nhận được"}),(0,n.jsx)("p",{className:"mt-3 text-[44px] font-bold leading-none text-primary [-webkit-text-stroke:2px_#E25F00] [text-shadow:1px_2px_0px_#00000040] italic",children:i.name}),(0,n.jsx)("div",{className:"mx-auto mt-0 flex aspect-square w-[150px] items-center justify-center rounded-full p-5 sm:w-[180px]",children:F(i.image,251,251,"h-auto w-full object-contain",i.name)}),(0,n.jsx)("div",{className:"mt-0 flex items-center justify-center gap-3",children:(0,n.jsx)("button",{type:"button",className:"px-8 py-3 rounded-lg bg-brand text16_600_20",onClick:function(){l(null)},children:"X\xe1c nhận"})})]})})]})},j=(0,n.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:(0,n.jsx)("path",{d:"M10.0003 4.1665V15.8332M4.16699 9.99984H15.8337",stroke:"#FFFFFF",strokeWidth:"1.67",strokeLinecap:"round",strokeLinejoin:"round"})})}}]);