https://vtvprime.vn/_next/static/chunks/4263-5409d865e40c959f.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4263],{14889:(e,t,i)=>{i.d(t,{A:()=>n});var s=i(37876),r=i(14232);let n=function({desciptionVideo:e,styleText:t,marginTop:i}){let[n,l]=(0,r.useState)(!1),[a,o]=(0,r.useState)(!1),d=(0,r.useRef)(null);return(0,r.useEffect)(()=>{o(!1);let e=d.current,t=parseFloat(window.getComputedStyle(e).lineHeight);Math.round(e.clientHeight/t)>2&&o(!0)},[e]),(0,s.jsxs)(s.Fragment,{children:[e&&(0,s.jsx)("div",{className:`${t||"text-secondary1 text16_400_24"} mt-2 whitespace-pre-line ${!n?"line-clamp-2":""}`,children:e}),a&&(0,s.jsx)("button",{className:"text14_600_20 text-secondary2",onClick:()=>{l(!n)},children:n?"Ẩn bớt":"Xem th\xeam"}),(0,s.jsx)("div",{className:`${t||"text-secondary1 text16_400_24"} ${i||"mt-2"} absolute box-border  opacity-0 whitespace-pre-line`,ref:d,children:e})]})}},16758:(e,t,i)=>{i.d(t,{Z:()=>r});var s=i(37876);let r=(0,s.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"130",height:"130",viewBox:"0 0 130 130",fill:"none",children:[(0,s.jsx)("g",{opacity:"0.35",filter:"url(#filter0_f_697_17674)",children:(0,s.jsx)("path",{d:"M64.9203 108.647C89.0519 108.647 108.715 89.0911 108.715 65.0719C108.633 40.9715 89.0519 21.4154 64.9203 21.4154C40.7075 21.4154 21.126 40.9715 21.126 64.9908C21.126 89.0911 40.7075 108.647 64.9203 108.647Z",fill:"#D50000"})}),(0,s.jsx)("g",{filter:"url(#filter1_d_697_17674)",children:(0,s.jsx)("path",{d:"M107.956 70.2878C107.956 78.9398 100.95 85.9366 92.2117 85.9366C92.061 85.9366 90.7803 85.9366 81.3638 85.9366C74.81 85.9366 64.3388 85.9366 47.6151 85.9366H39.6299C29.1587 86.1623 20.7969 77.8113 20.7969 67.7299C20.7969 57.5732 29.2341 49.1469 39.8559 49.6736C48.9711 21.2349 90.705 25.2223 94.2456 54.639C102.08 55.6171 107.956 62.2377 107.956 70.2878Z",fill:"url(#paint0_linear_697_17674)"})}),(0,s.jsx)("path",{d:"M66.5235 86.0871C81.9666 86.0871 94.547 73.5981 94.547 58.175C94.547 42.7519 81.9666 30.263 66.5235 30.263C51.0804 30.263 38.5 42.7519 38.5 58.175C38.5 73.5981 51.0051 86.0871 66.5235 86.0871Z",fill:"url(#paint1_linear_697_17674)"}),(0,s.jsx)("path",{d:"M92.2112 85.9366C100.874 85.9366 107.956 78.9398 107.956 70.2878C107.956 61.6359 100.874 54.639 92.2112 54.639C83.548 54.639 76.4668 61.6359 76.4668 70.2878C76.4668 78.9398 83.548 85.9366 92.2112 85.9366Z",fill:"url(#paint2_linear_697_17674)",fillOpacity:"0.37"}),(0,s.jsx)("path",{d:"M56.1597 65.3366C57.3459 65.3366 58.3496 64.3341 58.3496 63.1495C58.3496 61.9648 57.3459 60.9624 56.1597 60.9624C54.9734 60.9624 53.9697 61.9648 53.9697 63.1495C53.9697 64.3341 54.9734 65.3366 56.1597 65.3366Z",fill:"#FEFFDF"}),(0,s.jsx)("path",{d:"M72.9477 65.3366C74.1339 65.3366 75.1377 64.3341 75.1377 63.1495C75.1377 61.9648 74.1339 60.9624 72.9477 60.9624C71.7615 60.9624 70.7578 61.9648 70.7578 63.1495C70.7578 64.4253 71.7615 65.3366 72.9477 65.3366Z",fill:"#FEFFDF"}),(0,s.jsx)("path",{d:"M56.0732 55.9138L51.2559 58.5115L51.9061 59.7142L56.7234 57.1165L56.0732 55.9138Z",fill:"#FEFFDF"}),(0,s.jsx)("path",{d:"M72.6501 55.879L72 57.0819L76.8178 59.6791L77.468 58.4762L72.6501 55.879Z",fill:"#FEFFDF"}),(0,s.jsx)("path",{d:"M64.553 70.4396C65.964 70.4396 67.1079 69.5828 67.1079 68.5259C67.1079 67.4689 65.964 66.6122 64.553 66.6122C63.1419 66.6122 61.998 67.4689 61.998 68.5259C61.998 69.5828 63.1419 70.4396 64.553 70.4396Z",fill:"#FEFFDF"}),(0,s.jsx)("path",{d:"M29.6048 21.3935C29.6048 21.3935 17.655 24.4236 21.2761 26.8477C24.8973 29.1506 33.4674 33.1503 41.5547 30.4838C49.642 27.8173 41.5547 24.06 41.6754 24.06C41.7961 24.06 29.6048 21.3935 29.6048 21.3935Z",fill:"url(#paint3_linear_697_17674)"}),(0,s.jsx)("path",{d:"M15 20.4238C19.3454 21.7571 32.7437 19.5754 41.3139 14C48.0734 22.3631 50.6082 24.5448 53.0223 24.7872C49.2804 28.5445 36.8477 34.6047 29.8468 26.7264C21.6388 31.9382 15 20.4238 15 20.4238Z",fill:"#FEFFDF"}),(0,s.jsx)("path",{d:"M85.5273 50.0421C89.0941 50.2306 98.7617 45.8952 104.018 40.0518C110.776 45.047 113.029 46.1779 115 45.8952C112.841 49.4766 106.271 57.2993 96.9784 57.8648C90.2204 53.9063 85.5273 50.0421 85.5273 50.0421Z",fill:"#FEFFDF"}),(0,s.jsx)("path",{d:"M66.823 111.111C66.0037 107.051 58.3267 97.4485 50.2277 93.2359C53.8972 84.2024 54.519 81.3457 53.6307 79.214C58.2872 80.6025 68.9946 85.7183 72.3186 95.9895C69.8163 104.723 66.823 111.111 66.823 111.111Z",fill:"#FEFFDF"}),(0,s.jsxs)("defs",{children:[(0,s.jsxs)("filter",{id:"filter0_f_697_17674",x:"0.101114",y:"0.390497",width:"129.639",height:"129.282",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[(0,s.jsx)("feFlood",{floodOpacity:"0",result:"Backgroun

1dImageFix"}),(0,s.jsx)("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),(0,s.jsx)("feGaussianBlur",{stdDeviation:"10.5124",result:"effect1_foregroundBlur_697_17674"})]}),(0,s.jsxs)("filter",{id:"filter1_d_697_17674",x:"10.6604",y:"28.7716",width:"107.432",height:"75.883",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[(0,s.jsx)("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),(0,s.jsx)("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),(0,s.jsx)("feOffset",{dy:"8.57701"}),(0,s.jsx)("feGaussianBlur",{stdDeviation:"5.06824"}),(0,s.jsx)("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.22 0"}),(0,s.jsx)("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_697_17674"}),(0,s.jsx)("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_697_17674",result:"shape"})]}),(0,s.jsxs)("linearGradient",{id:"paint0_linear_697_17674",x1:"31.418",y1:"41.8816",x2:"40.8956",y2:"53.332",gradientUnits:"userSpaceOnUse",children:[(0,s.jsx)("stop",{stopColor:"#FF0009"}),(0,s.jsx)("stop",{offset:"0.9942",stopColor:"#C70007"})]}),(0,s.jsxs)("linearGradient",{id:"paint1_linear_697_17674",x1:"45.3298",y1:"41.858",x2:"54.7049",y2:"49.1135",gradientUnits:"userSpaceOnUse",children:[(0,s.jsx)("stop",{stopColor:"#FF0009"}),(0,s.jsx)("stop",{offset:"0.9942",stopColor:"#C70007"})]}),(0,s.jsxs)("linearGradient",{id:"paint2_linear_697_17674",x1:"74.7559",y1:"51.3191",x2:"88.6701",y2:"66.5908",gradientUnits:"userSpaceOnUse",children:[(0,s.jsx)("stop",{stopColor:"white"}),(0,s.jsx)("stop",{offset:"0.9942",stopColor:"white",stopOpacity:"0"})]}),(0,s.jsxs)("linearGradient",{id:"paint3_linear_697_17674",x1:"23.5857",y1:"23.4652",x2:"25.0129",y2:"26.1741",gradientUnits:"userSpaceOnUse",children:[(0,s.jsx)("stop",{stopColor:"#FF0009"}),(0,s.jsx)("stop",{offset:"0.9942",stopColor:"#C70007"})]})]})]})},21996:(e,t,i)=>{i.d(t,{A:()=>b});var s=i(37876),r=i(14232),n=i(41629),l=i(27888);i(32283),i(96637),i(70031);var a=i(86852),o=i(37216),d=i(54587),c=i.n(d),x=i(30955);function h(e){console.log("propsprops",e);let{person:t}=e||{},{id:i,name:n,imageURL:l}=t||{},{pushToContentDetail:a}=(0,o.A)(),[d,h]=(0,r.useState)(l||x.A.IMAGE_HORIRONTAL_DEFAULT);(0,r.useEffect)(()=>{l&&h(l)},[l]);let u=()=>{i&&a(t)};return t&&i&&n?(0,s.jsx)("div",{onClick:u,role:"button",tabIndex:"0",onKeyDown:e=>{"Enter"===e.key&&u()},className:"mediaHoverCard group transition-transform duration-300 ease-in-out hover:scale-[1.02]",children:(0,s.jsx)("div",{className:"relative",children:(0,s.jsx)("div",{className:"relative wapper__play",children:(0,s.jsxs)("div",{className:"fix_img mb-2",children:[(0,s.jsx)("div",{className:"px-[7px] xs:px-0 pt-2 flex justify-center",children:(0,s.jsx)("div",{className:"rounded-full overflow-hidden transition-transform duration-300 ease-in-out group-hover:scale-[1.02]",children:(0,s.jsx)(c(),{src:d,alt:n||"artist",width:136,height:136,blurDataURL:x.A.IMAGE_HORIRONTAL_DEFAULT,className:"image-border relative rounded-full bg-surface object-cover",onError:()=>h(x.A.IMAGE_HORIRONTAL_DEFAULT)})})}),(0,s.jsx)("div",{className:"h-auto min-h-20 pt-5 text16_600_20 text-primary text-center line-clamp-2",children:n})]})})})}):null}var u=i(59);let p=(0,r.memo)(({title:e,contentPagination:t})=>{console.log("contentPaginationcontentPagination",t);let i=(0,r.useRef)(null),[n,o]=(0,r.useState)("desktop");function d(){return"mobile"===n?4:"ipad"===n?5:7}return(0,r.useEffect)(()=>{let e=()=>{o((0,u.pV)(window.innerWidth))};return e(),window.addEventListener("resize",e,!0),()=>{window.removeEventListener("resize",e,!0)}},[]),(0,r.useEffect)(()=>{if(!i.current)return;let e=i.current.swiper,t=d()-1,s=i=>{e.slides.forEach((e,s)=>{e.classList.toggle("swiper-slide-blank",s<i||s>i+t)})};return s(e.activeIndex),e.on("slideChange",()=>{s(e.activeIndex)}),()=>{e.off("slideChange")}},[i,n]),(0,s.jsx)("div",{className:"mt-3 mb-5 xl:mb-10 md:mb-10",children:(0,s.jsx)("div",{children:(0,s.jsxs)("div",{className:"relative wapper__swiper__custom",children:[(0,s.jsx)("h2",{className:"relative mb-5 xs:mb-4",children:(0,s.jsxs)("div",{className:"text20_600_24 flex items-center wapper_see_more",children:[(0,s.jsx)("span",{className:"mr-4 text-primary",children:e})," "]})}),(0,s.jsx)(l.RC,{ref:i,spaceBetween:"mobile"===n||"ipad"===n?20:24,modules:[a.Vx],className:"lg:!mx-7 swiper__Profile",navigation:!0,slidesPerView:d(),slidesPerGroup:"mobile"===n?4:"ipad"===n?5:7,speed:800,children:t?.length>0&&t?.map((e,t)=>{let{id:i}=e;return(0,s.jsx)(l.qr,{children:(0,s.jsx)(h,{...e})},i+t.toString())})},"studio_profile")]})})})});var m=i(52639),g=i(79350);let f=(0,g.J1)`
2  query Channel($id: ID!) {
3    channel(channelID: $id) {
4      id
5      liveViewCount
6    }
7  }
8`;async function v(e){let{data:t}=await m.client.query({query:f,variables:{id:e},fetchPolicy:"no-cache",errorPolicy:"ignore"});return t?.channel?.liveViewCount}var w=i(89099),C=i(14889),j=i(65426);let b=function({dataVideo:e,desciptionVideo:t,startTimestamp:i}){let[l,a]=(0,r.useState)(e?.channel?.liveViewCount||0),o=(0,w.useRouter)(),[d,c]=(0,r.useState)(()=>i-Date.now()),x=(0,r.useRef)(null),{setViewCount:h}=(0,j.A)();async function u(e){try{let t=await v(e);t!==l&&(h(t),a(t))}catch(e){console.log({error:e})}}function m(){return(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:"flex items-center text-primary text16_500_24",children:[e?.ageRating&&(0,s.jsx)("div",{className:"flex py-[2px] px-[10px] mr-2 rounded-md text16_500_24 text-primary bg-bright border-[1px] border-solid border-bright2",children:e?.ageRating}),(0,s.jsx)("span",{children:(0,n.k5)(e?.viewCount||0)}),e?.viewCount>=0&&(0,s.jsx)("span",{className:"mx-2",children:" • "}),e?.publicationTimestamp?(0,s.jsx)("p",{children:(0,n.kF)(e?.publicationTimestamp)}):(0,s.jsx)(s.Fragment,{})]}),(0,s.jsx)(C.A,{desciptionVideo:t})]})}return(0,r.useEffect)(()=>

8{if(!i||d<=0)return;x.current&&(clearInterval(x.current),x.current=null);let e=()=>{let e=Math.max(0,i-Date.now());c(e),e<=0&&(clearInterval(x.current),x.current=null,o.reload())};return e(),x.current=setInterval(e,1e3),()=>{x.current&&(clearInterval(x.current),x.current=null)}},[e?.id,i]),(0,r.useEffect)(()=>{if(!e?.channel?.id)return;a(e?.channel?.liveViewCount||0),h(e?.channel?.liveViewCount||0);let t=setInterval(()=>{u(e?.channel?.id)},9e4);return()=>{clearInterval(t)}},[e?.channel?.id]),e?(0,s.jsx)("div",{className:"relative flex justify-between mt-5 w-full p-[10px] sm:p-4 overflow-hidden rounded-2xl bg-surface",children:e?.__typename==="VOD"?e?.contentType==="GENERIC_VOD"?m():(0,s.jsxs)("div",{className:"block w-full",children:[(0,s.jsxs)("div",{className:"flex items-center text-primary text16_500_24",children:[(0,s.jsxs)("div",{className:"flex items-center mr-2",children:[e?.imdbRating," ",(0,s.jsx)("img",{className:"ml-[1px]",src:"/player/iconStar.svg",alt:""})]}),e?.ageRating&&(0,s.jsx)("div",{className:"flex py-[2px] px-[10px] mr-2 rounded-md text16_500_24 text-primary bg-bright border-[1px] border-solid border-bright2",children:e?.ageRating}),e?.categories?(0,s.jsx)("p",{children:e?.categories?.join(", ")}):(0,s.jsx)(s.Fragment,{}),e?.categories&&(0,s.jsx)("span",{className:"mx-2",children:" • "}),e?.video?.duration?(0,s.jsx)("p",{children:(0,n.BU)(e?.video?.duration/1e3)}):(0,s.jsx)(s.Fragment,{})]}),e?.viewCount>=0&&(0,s.jsx)("div",{className:"text-secondary1 text16_500_24 mt-[10px]",children:(0,n.k5)(e?.viewCount||0)}),(0,s.jsx)(C.A,{desciptionVideo:t}),e?.credits&&e?.credits?.length>0&&(0,s.jsx)(p,{title:"Với sự tham gia của",contentPagination:e?.credits})]}):e?.__typename==="Short"?(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:"flex items-center text-primary text16_500_24",children:(0,s.jsx)("span",{children:(0,n.k5)(e?.viewCount||0)})}),(0,s.jsx)(C.A,{desciptionVideo:t})]}):e?.__typename==="Event"?function(){let i=new Date().getTime(),r=e?.startTimestamp,a=e?.startTimestamp+e?.duration,o=i<r?"":i>a?" đ\xe3 xem":" đang xem",c=d<=18e5&&d>0?"Sắp khởi chiếu: C\xf2n "+(0,n.qd)(d/1e3):i<a?(0,n.a7)(r):(0,n.cB)(a),x=i<r?0:i>a?e?.peakViewCount:l;return(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:"flex items-center text-primary text16_500_24",children:[i>=r&&(0,s.jsx)("span",{children:(0,n.c5)(x)+o}),i>=r&&(0,s.jsx)("span",{className:"mx-2",children:" • "}),r?(0,s.jsx)("p",{children:c}):(0,s.jsx)(s.Fragment,{})]}),(0,s.jsx)(C.A,{desciptionVideo:t})]})}():e?.__typename==="Series"||e?.__typename==="Collection"?(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:"flex items-center text-primary text16_500_24",children:[e?.ageRating&&(0,s.jsx)("div",{className:"flex py-[2px] px-[10px] mr-2 rounded-md text16_500_24 text-primary bg-bright border-[1px] border-solid border-bright2",children:e?.ageRating}),e?.categories?(0,s.jsx)("p",{children:e?.categories?.join(", ")}):(0,s.jsx)(s.Fragment,{}),e?.categories&&(0,s.jsx)("span",{className:"mx-2",children:" • "}),e?.episodeCount?(0,s.jsxs)("p",{children:[e?.episodeCount," tập"]}):(0,s.jsx)(s.Fragment,{})]}),e?.viewCount>=0&&(0,s.jsx)("div",{className:"text-secondary1 text16_500_24 mt-[10px]",children:(0,n.k5)(e?.viewCount||0)}),(0,s.jsx)(C.A,{desciptionVideo:t})]}):e?.__typename==="Episode"?m():(0,s.jsx)("div",{})}):(0,s.jsx)(s.Fragment,{})}},25494:(e,t,i)=>{i.d(t,{A:()=>b});var s=i(37876),r=i(97774),n=i(2298),l=i(57293),a=i(37847),o=i(65426),d=i(61174),c=i(69203),x=i(43796),h=i(37216),u=i(22085),p=i(83133),m=i(54587),g=i.n(m),f=i(48230),v=i.n(f),w=i(14232),C=i(30955),j=i(41629);let b=function({item:e,isEpisode:t,onClick:i}){let{pushToContentDetail:m,returnLinkByContentType:f}=(0,h.A)(),[b,T]=(0,w.useState)(e?.imageURL||e?.imageUrl),[S,R]=(0,w.useState)(e?.liked),[A,I]=(0,w.useState)(e?.saved),D=e?.__typename==="Short"?"short":e?.__typename==="Event"?"event":"vod",$=e?.__typename==="VOD"?(e?.video?.lastWatchPosition||0)/(e?.video?.duration||1)*100:0,M=e?.viewCount||e?.peakViewCount||0,V=e?.publicationTimestamp||e?.startTimestamp,O=(e?.contentType||D||e?.__typename||"").toLowerCase(),{togleModalLogin:U}=(0,o.A)(),{likeContent:B,loading:P}=(0,d.A)(S?"unlike":"like"),{likeContentEvent:Z,loading:G}=(0,c.A)(S?"unlike":"like"),{saveContent:H,loading:z}=(0,x.A)(A?"unsave":"save");(0,w.useEffect)(()=>{T(e?.imageURL||e?.imageUrl),R(e?.liked),I(e?.saved)},[e]);let W=async()=>{try{let t=(0,u.iD)();if(!t||"undefined"===t)return void U();if(P||G)return;let i={};if(i="event"===D?await Z({variables:{id:e?.id}}):await B({variables:{id:e?.id,contentType:e?.contentType||"EPISODE"}}),i?.data?.like||i?.data?.likeEvent){R(!0),a.Ew.success({message:"Đ\xe3 lưu v\xe0o “Y\xeau th\xedch”"}),(0,p.s5)({content_id:e?.id,content_type:O});return}if(i?.data?.unlike||i?.data?.unlikeEvent){R(!1),a.Ew.warring({message:"Đ\xe3 bỏ khỏi “Y\xeau th\xedch”"}),(0,p.vz)({content_id:e?.id,content_type:O});return}}catch(e){a.Ew.error({message:"Đ\xe3 c\xf3 lỗi xảy ra, vui l\xf2ng thử lại sau."});return}},q=async()=>{try{let t=(0,u.iD)();if(!t||"undefined"===t)return void U();if(z||"event"===D)return;let i=await H({variables:{id:e?.id,contentType:e?.contentType||"EPISODE"}});if(i?.data?.save){I(!0),a.Ew.success({message:"Đ\xe3 lưu v\xe0o “Xem sau”"}),(0,p.gw)({content_id:e?.id,content_type:O});return}if(i?.data?.unsave){I(!1),a.Ew.warring({message:"Đ\xe3 bỏ khỏi “Xem sau”"}),(0,p.n6)({content_id:e?.id,content_type:O});return}}catch(e){a.Ew.error({message:"Đ\xe3 c\xf3 lỗi xảy ra, vui l\xf2ng thử lại sau."})}},J=t?"":`${f(e)}`;return(0,s.jsxs)("div",{className:"relative z-0 hover:z-[100] focu

8s-within:z-[100]",children:[!t&&(0,s.jsx)(v(),{href:J,className:"absolute inset-0 z-[1]","aria-label":e?.title||"",children:(0,s.jsx)("span",{className:"sr-only",children:e?.title})}),(0,s.jsxs)("div",{className:`flex cursor-pointer relative ${!t?"z-[2] pointer-events-none":""}`,children:[(0,s.jsxs)("div",{className:"xl:w-[41%] lg:w-[50%] sm:w-[25%] w-[40%] aspect-video rounded-md overflow-hidden xl:mr-4 mr-2 relative flex justify-center bg-disable",onClick:t?()=>{i?i():m(e)}:void 0,children:[(0,s.jsx)(g(),{src:b||C.A.IMAGE_HORIRONTAL_DEFAULT,alt:"",fill:!0,sizes:"100vw",className:"h-full w-full rounded-md object-cover",style:{objectFit:"cover"},onError:()=>T(C.A.IMAGE_HORIRONTAL_DEFAULT)}),$>0&&(0,s.jsxs)("div",{className:"",children:[(0,s.jsx)("div",{className:"absolute bottom-0 left-0 w-full bg-[#fff]/70 h-[3px] z-[10]"}),(0,s.jsx)("div",{className:"absolute bottom-0 left-0 bg-brand z-[11] h-[3px]",style:{width:`${$}%`}})]}),function(){if(e?.__typename==="Event"){let t=new Date().getTime()>e?.startTimestamp+e?.duration,i=new Date().getTime()<e?.startTimestamp,r=i?"Sắp ph\xe1t s\xf3ng":t?"Đ\xe3 kết th\xfac":"Đang ph\xe1t";return(0,s.jsx)("div",{className:`absolute bottom-1 left-1 ${i?"bg-inverse text-black":t?"bg-tertiary text-primary":"bg-brand text-primary"} flex items-center py-[2px] px-[6px] rounded-md !rounded-tl-none`,children:(0,s.jsxs)("div",{className:"text14_500_18 flex items-center gap-1",children:["Đang ph\xe1t"===r&&_,"Sắp ph\xe1t s\xf3ng"===r&&k,r]})})}return(0,s.jsx)("div",{className:"absolute bottom-1 right-1 text-primary text14_500_18 px-[6px] py-[2px] bg-surface-opacity rounded-md",children:(0,s.jsx)("div",{children:(0,j.tX)(e?.video?.duration/1e3||e?.duration/1e3||0)})})}(),(0,s.jsx)(l.A,{labels:e?.channel?.labels})]}),(0,s.jsxs)("div",{className:"xl:w-[59%] lg:w-[50%] sm:w-[75%] w-[60%] flex justify-between",children:[(0,s.jsxs)("div",{className:"w-full",onClick:t?()=>{i?i():m(e)}:void 0,children:[(0,s.jsxs)("p",{className:"xs:line-clamp-2 md:line-clamp-1 xl:line-clamp-2 text16_600_24 text-primary font-bold",children:[e?.offset&&e?.offset>0?e?.offset+". ":""," ",e?.title]}),(0,s.jsxs)("div",{className:"text12_400_18 text-secondary2 mt-1",children:[e?.studioProfile?.title&&(0,s.jsx)(v(),{href:`/content/studio-profile/${e?.studioProfile?.id}`,className:`hover:text-secondary1 transition-colors ${!t?"pointer-events-auto":""}`,onClick:e=>e.stopPropagation(),children:e?.studioProfile?.title}),(0,s.jsxs)("div",{className:"flex",children:[M>0&&e?.__typename!=="Event"&&(0,s.jsx)("span",{children:(0,j.k5)(M)}),M>0&&e?.__typename!=="Event"&&V&&(0,s.jsx)("span",{className:"mx-1",children:" • "}),V&&(0,s.jsx)("div",{children:function(){if(e?.__typename==="Event"){let t=new Date().getTime(),i=e?.startTimestamp,s=e?.startTimestamp+e?.duration;return t<i?"Ph\xe1t s\xf3ng "+(0,j.H6)(i):t>s?"Đ\xe3 ph\xe1t "+(0,j._D)(i)+" trước":"Diễn ra "+(0,j._D)(i)+" trước"}return(0,j.kF)(V)}()})]})]})]}),(0,s.jsxs)("div",{className:`group relative h-fit ${!t?"pointer-events-auto":""}`,children:[(0,s.jsx)("div",{className:"group",children:y}),(0,s.jsxs)("div",{className:"hidden group-hover:block text-primary absolute z-[110] w-36 right-0 top-[20px] bg-bright border border-solid border-bright2 p-1 rounded-lg",children:["event"!==D&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"flex items-center rounded-md py-[9px] px-[10px] gap-2 text-xs font-semibold hover:bg-surface",onClick:W,children:[S?L:N,"Y\xeau th\xedch"]}),(0,s.jsxs)("div",{className:"flex items-center rounded-md py-[9px] px-[10px] gap-2 text-xs font-semibold hover:bg-surface",onClick:q,children:[A?E:F,"Xem sau"]})]}),(0,s.jsx)("div",{className:"flex items-center rounded-md py-[9px] px-[10px] gap-2 text-xs font-semibold hover:bg-surface",children:(0,s.jsx)(n.A,{linkShare:e?.shareURL||"",isHiddenText:!1,className:"gap-[2px] w-full"})}),(0,s.jsx)("div",{className:"text-xs font-semibold",children:(0,s.jsx)(r.A,{urlContent:e?.shareURL||"",txtBtn:"B\xe1o c\xe1o"})})]})]})]})]})]})},y=(0,s.jsxs)("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,s.jsx)("path",{d:"M10.0003 10.8333C10.4606 10.8333 10.8337 10.4602 10.8337 9.99998C10.8337 9.53974 10.4606 9.16665 10.0003 9.16665C9.54009 9.16665 9.16699 9.53974 9.16699 9.99998C9.16699 10.4602 9.54009 10.8333 10.0003 10.8333Z",stroke:"#F4F4F8",strokeWidth:"1.66667",strokeLinecap:"round",strokeLinejoin:"round"}),(0,s.jsx)("path",{d:"M10.0003 4.99998C10.4606 4.99998 10.8337 4.62688 10.8337 4.16665C10.8337 3.70641 10.4606 3.33331 10.0003 3.33331C9.54009 3.33331 9.16699 3.70641 9.16699 4.16665C9.16699 4.62688 9.54009 4.99998 10.

80003 4.99998Z",stroke:"#F4F4F8",strokeWidth:"1.66667",strokeLinecap:"round",strokeLinejoin:"round"}),(0,s.jsx)("path",{d:"M10.0003 16.6666C10.4606 16.6666 10.8337 16.2935 10.8337 15.8333C10.8337 15.3731 10.4606 15 10.0003 15C9.54009 15 9.16699 15.3731 9.16699 15.8333C9.16699 16.2935 9.54009 16.6666 10.0003 16.6666Z",stroke:"#F4F4F8",strokeWidth:"1.66667",strokeLinecap:"round",strokeLinejoin:"round"})]}),_=(0,s.jsxs)("svg",{width:"4",height:"4",viewBox:"0 0 4 4",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,s.jsx)("g",{clipPath:"url(#clip0_5356_12212)",children:(0,s.jsx)("circle",{cx:"2",cy:"2",r:"1.5",fill:"#F4F4F8"})}),(0,s.jsx)("defs",{children:(0,s.jsx)("clipPath",{id:"clip0_5356_12212",children:(0,s.jsx)("rect",{width:"4",height:"4",fill:"white"})})})]}),k=(0,s.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,s.jsx)("path",{opacity:"0.12",d:"M6 7C6.55228 7 7 6.55228 7 6C7 5.44772 6.55228 5 6 5C5.44772 5 5 5.44772 5 6C5 6.55228 5.44772 7 6 7Z",fill:"#F00000"}),(0,s.jsx)("path",{d:"M8.12132 3.87869C9.29289 5.05026 9.29289 6.94976 8.12132 8.12133M3.87868 8.12131C2.70711 6.94974 2.70711 5.05025 3.87868 3.87867M2.46447 9.53555C0.511845 7.58292 0.511845 4.4171 2.46447 2.46448M9.53553 2.4645C11.4882 4.41712 11.4882 7.58295 9.53553 9.53557M7 6.00001C7 6.5523 6.55228 7.00001 6 7.00001C5.44772 7.00001 5 6.5523 5 6.00001C5 5.44773 5.44772 5.00001 6 5.00001C6.55228 5.00001 7 5.44773 7 6.00001Z",stroke:"#F00000",strokeLinecap:"round",strokeLinejoin:"round"})]}),N=(0,s.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 20 20",fill:"none",children:(0,s.jsx)("path",{d:"M13.4259 2.5C16.3611 2.5 18.3333 5.29375 18.3333 7.9C18.3333 13.1781 10.1481 17.5 9.99996 17.5C9.85181 17.5 1.66663 13.1781 1.66663 7.9C1.66663 5.29375 3.63885 2.5 6.57403 2.5C8.25922 2.5 9.36107 3.35312 9.99996 4.10312C10.6388 3.35312 11.7407 2.5 13.4259 2.5Z",stroke:"#F4F4F8",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),L=(0,s.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:(0,s.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.99584 3.85626C7.49633 2.10319 4.99579 1.63163 3.117 3.2369C1.23821 4.84218 0.973702 7.52613 2.44913 9.4247C3.67584 11.0032 7.38831 14.3325 8.60505 15.41C8.74118 15.5306 8.80924 15.5908 8.88864 15.6145C8.95793 15.6352 9.03375 15.6352 9.10304 15.6145C9.18244 15.5908 9.2505 15.5306 9.38663 15.41C10.6034 14.3325 14.3158 11.0032 15.5426 9.4247C17.018 7.52613 16.7858 4.8253 14.8747 3.2369C12.9636 1.64851 10.4954 2.10319 8.99584 3.85626Z",fill:"#F00000",stroke:"#F00000",strokeWidth:"1.66667",strokeLinecap:"round",strokeLinejoin:"round"})}),F=(0,s.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 20 20",fill:"none",children:(0,s.jsx)("path",{d:"M4.16663 6.5C4.16663 5.09987 4.16663 4.3998 4.43911 3.86502C4.67879 3.39462 5.06124 3.01217 5.53165 2.77248C6.06643 2.5 6.76649 2.5 8.16663 2.5H11.8333C13.2334 2.5 13.9335 2.5 14.4683 2.77248C14.9387 3.01217 15.3211 3.39462 15.5608 3.86502C15.8333 4.3998 15.8333 5.09987 15.8333 6.5V17.5L9.99996 14.1667L4.16663 17.5V6.5Z",stroke:"#F4F4F8",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),E=(0,s.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 20 20",fill:"none",children:[(0,s.jsx)("path",{d:"M4.16699 6.5C4.16699 5.09987 4.16699 4.3998 4.43948 3.86502C4.67916 3.39462 5.06161 3.01217 5.53202 2.77248C6.0668 2.5 6.76686 2.5 8.16699 2.5H11.8337C13.2338 2.5 13.9339 2.5 14.4686 2.77248C14.939 3.01217 15.3215 3.39462 15.5612 3.86502C15.8337 4.3998 15.8337 5.09987 15.8337 6.5V17.5L10.0003 14.1667L4.16699 17.5V6.5Z",fill:"#FAC515"}),(0,s.jsx)("path",{d:"M4.16699 6.5C4.16699 5.09987 4.16699 4.3998 4.43948 3.86502C4.67916 3.39462 5.06161 3.01217 5.53202 2.77248C6.0668 2.5 6.76686 2.5 8.16699 2.5H11.8337C13.2338 2.5 13.9339 2.5 14.4686 2.77248C14.939 3.01217 15.3215 3.39462 15.5612 3.86502C15.8337 4.3998 15.8337 5.09987 15.8337 6.5V17.5L10.0003 14.1667L4.16699 17.5V6.5Z",stroke:"#FAC515",strokeLinecap:"round",strokeLinejoin:"round"})]})},35488:(e,t,i)=>{i.d(t,{A:()=>h});var s=i(37876),r=i(22085),n=i(16657),l=i(54587),a=i.n(l),o=i(48230),d=i.n(o),c=i(14232),x=i(30955);function h({uniqueId:e}){let t,i=(0,c.useRef)(null),l=(0,c.useRef)(null),[o,u]=(0,c.useState)(null),p=x.A.IMAGE_HORIRONTAL_DEFAULT,[m,g]=(0,c.useState)(p),[f,v]=(0,c.useState)(!0);(0,c.useEffect)(()=>{let{googletag:e}=window;if(!e)return void v(!1);if(!l.current)return;let t=new IntersectionObserver(i=>{i.some(e=>e.isIntersecting)&&(t.disconnect(),w(e))},{rootMargin:"300px"});return t.observe(l.current),()=>{t.disconnect(),v(!0),e&&i.current&&e.cmd.push(()=>{e.destroySlots([i.current])})}},[e]),(0,c.useEffect)(()=>{let e=e=>{e.data.type===x.A.data_native_ads_player_item_related&&(clearTimeout(t),u(e.data.payload),g(e.data.payload?.image))};return window.addEventListener("message",e),()=>window.removeEventListener("message",e)},[]);let w=async s=>

8{try{let l=await (0,n.y6)(),a=(0,r.h4)(),o=l?.webAdsConfigs?.nativeAds?.detailItem||"";if(!o)return void v(!1);console.log({userInfo:a,remote_firebase_config:l,AD_UNIT_PATH:o}),s.cmd.push(()=>{let t=s.defineSlot(o,["fluid"],e).addService(s.pubads());i.current=t,s.enableServices(),s.display(e),s.pubads().refresh([t])}),t=setTimeout(()=>{v(!1)},1500)}catch(e){console.log({error:e})}};if(f)return(0,s.jsxs)("div",{ref:l,className:"w-full py-2",children:[(0,s.jsx)("div",{id:e,className:`${o?.headline?"hidden":"xl:w-[41%] lg:w-[50%] sm:w-[25%] w-[40%] aspect-video rounded-md"}  bg-background3 overflow-hidden`}),(0,s.jsx)(d(),{href:o?.linkAds||"",className:`relative ${o?.headline?"block":"hidden"}`,target:"_blank",children:(0,s.jsxs)("div",{className:"relative flex items-start gap-4",children:[(0,s.jsxs)("div",{className:"xl:w-[41%] lg:w-[50%] sm:w-[25%] w-[40%] aspect-video shadow-sm fix_img bg-surface mb-2 rounded-lg overflow-hidden relative transition-transform duration-300 ease-in-out group-hover:scale-[1.02]",children:[(0,s.jsx)(a(),{className:"bg-surface object-cover",src:m,fill:!0,sizes:"100vw",style:{objectFit:"cover"},alt:"name",blurDataURL:p,onError:()=>g(p)}),(0,s.jsx)("div",{className:"absolute bottom-1 right-1 text-primary text12_400_16 px-[6px] py-[2px] bg-surface-opacity rounded-md",children:(0,s.jsx)("p",{className:"",children:"Được t\xe0i trợ"})})]}),(0,s.jsxs)("div",{className:"xl:w-[58%] lg:w-[50%] sm:w-[75%] w-[56%]",children:[(0,s.jsx)("div",{className:"text16_600_20 bottom-0 left-0 text-primary line-clamp-2",children:o?.headline}),(0,s.jsx)("div",{className:"text14_400_20 text-secondary2 mt-1 line-clamp-2",children:(0,s.jsx)("p",{children:o?.body})})]})]})})]})}},43796:(e,t,i)=>{i.d(t,{A:()=>a});var s=i(79350),r=i(53588);let n=(0,s.J1)`
9  mutation Save($contentType: ContentType!, $id: ID!) {
10    save(contentType: $contentType, contentID: $id)
11  }
12`,l=(0,s.J1)`
13  mutation Unsave($contentType: ContentType!, $id: ID!) {
14    unsave(contentType: $contentType, contentID: $id)
15  }
16`;function a(e){let[t,{data:i,loading:s,error:a}]=(0,r.n)("save"===e?n:l);return{saveContent:t,data:i,error:a,loading:s}}},59421:(e,t,i)=>{i.d(t,{A:()=>l});var s=i(37876),r=i(58103),n=i.n(r);i(14232);let l=({width:e,height:t,className:i})=>(0,s.jsx)("div",{className:n()("skeleton-box",i),style:{width:e,height:t}})},61174:(e,t,i)=>{i.d(t,{A:()=>a});var s=i(79350),r=i(53588);let n=(0,s.J1)`
17  mutation Like($contentType: ContentType!, $id: ID!) {
18    like(contentType: $contentType, contentID: $id)
19  }
20`,l=(0,s.J1)`
21  mutation Unlike($contentType: ContentType!, $id: ID!) {
22    unlike(contentType: $contentType, contentID: $id)
23  }
24`;function a(e){let[t,{data:i,loading:s,error:a}]=(0,r.n)("like"===e?n:l);return{likeContent:t,data:i,error:a,loading:s}}},69203:(e,t,i)=>{i.d(t,{A:()=>a});var s=i(79350),r=i(53588);let n=(0,s.J1)`
25  mutation LikeEvent($id: ID!) {
26    likeEvent(id: $id)
27  }
28`,l=(0,s.J1)`
29  mutation UnlikeEvent($id: ID!) {
30    unlikeEvent(id: $id)
31  }
32`;function a(e){let[t,{data:i,loading:s,error:a}]=(0,r.n)("like"===e?n:l);return{likeContentEvent:t,data:i,error:a,loading:s}}},87308:(e,t,i)=>{i.d(t,{A:()=>M});var s=i(37876),r=i(94710),n=i(61174),l=i(43796),a=i(14232),o=i(37847),d=i(41629),c=i(65426),x=i(22085),h=i(69203),u=i(30955),p=i(2298);let m=[{min:0,max:2.5,data:["Kh\xf4ng như kỳ vọng","Cần nhiều cải thiện","Chưa ấn tượng","Thiếu hấp dẫn","Hạn chế","Chưa được trọn vẹn","Chưa thuyết phục","Kh\xe1 đơn giản"]},{min:3,max:4.5,data:["Trung b\xecnh","Kh\xe1 đơn điệu","C\xf2n thiếu s\xf3t","C\xf3 tiềm năng","Kh\xf4ng qu\xe1 nổi bật","Thiếu s\xe1ng tạo","Cần th\xeam yếu tố hấp dẫn","Tạm ổn"]},{min:5,max:6.5,data:["Kh\xe1 ổn","C\xf3 một v\xe0i điểm s\xe1ng","Chấp nhận được","C\xf3 tiềm năng ph\xe1t triển","Tạm được","C\xf3 một số điểm cần cải thiện","Cần th\xeam sự đột ph\xe1","Chưa thật sự ấn tượng","Kh\xe1 tốt"]},{min:7,max:8.5,data:["Tốt","Hấp dẫn","Đ\xe1ng trải nghiệm","Được đầu tư tốt","C\xf3 chiều s\xe2u","Đ\xe1ng xem","Th\xfa vị","C\xf3 gi\xe1 trị","L\xf4i cuốn","Đ\xe1ng gi\xe1"]},{min:9,max:10,data:["Xuất sắc","Tuyệt vời","Gần như ho\xe0n hảo","Đ\xe1ng nhớ","Đỉnh cao nghệ thuật","Tinh tế","Để đời","Chất lượng cao","Đ\xe1ng ca ngợi","Kh\xf4ng thể bỏ qua"]}];var g=i(79350),f=i(53588);let v=(0,g.J1)`
33  mutation RateContent(
34    $contentType: ContentType!
35    $id: ID!
36    $rating: Float!
37    $keywords: [String!]
38    $review: [ReviewParagraphInput!]
39    $postReviewToComment: Boolean
40  ) {
41    rateContent(
42      id: $id
43      contentType: $contentType
44      rating: $rating
45      keywords: $keywords
46      review: $review
47      postReviewToComment: $postReviewToComment
48    )
49  }
50`;var w=i(16758),C=i(99159),j=i(59421),b=i(52639);let y=(0,g.J1)`
51  query UserContentReviews($contentID: ID!, $pageSize: Int, $cursor: String) {
52    userContentReviews(contentID: $contentID, pageSize: $pageSize, cursor: $cursor) {
53      nextCursor
54      items {
55        id
56        timestamp
57        userRating
58        keywords
59        user {
60          id
61          avatarURL(imageName: COMMENT_AVATAR, screenScale: X2)
62          fullName
63          tier
64        }
65        paragraphs {
66          html
67        }
68      }
69    }
70  }
71`;async function _(e,t){if(!e)return{data:[],nextCursor:null,loading:!1,error:null};let{data:i,loading:s,error:r}=await b.client.query({query:y,variables:{cursor:t,pageSize:15,contentID:e},fetchPolicy:"no-cache",errorPolicy:"ignore"});return{loading:s,error:r,data:i?.userContentReviews?.items||[],nextCursor:i?.userContentReviews?.nextCursor}}var k=i(432);let N=function({dataSeries:e,seriesID:t,userRating:i,setCommentRating:r}){let[n,l]=(0,a.useState)(""),[o,c]=(0,a.useState)([]),[x,h]=(0,a.useState)(!1),[u,p]=(0,a.useState)(!1),[m,g]=(0,a.useState)(e?.seenowRating||0),[f,v]=(0,a.useState)(e?.seenowRatingCount||0);(0,a.useEffect)(()=>{b([],null)},[t]),(0,a.useEffect)(()=>{x&&n&&b(o,n)},[x]),(0,a.useEffect)(()=>

71{if(i?.id){c([i,...o]),r({});let e=m*f+i?.userRating,t=f+1;g(e/t),v(t)}},[i?.id]),(0,a.useEffect)(()=>{e?.id&&(g(e?.seenowRating),v(e?.seenowRatingCount))},[e?.id]);let b=async(e,i)=>{if(t)try{p(!0);let{data:s,nextCursor:r}=await _(t,i);p(!1),c([...e,...s]),l(r),h(!1)}catch(e){h(!1)}};return(0,s.jsxs)("div",{className:"w-full min-h-[500px] max-h-[568px] h-full overflow-scroll scrollbar-hide bg-disable border border-solid border-bright2 px-4 py-5 rounded-xl",children:[(0,s.jsxs)("div",{className:"rounded-lg p-4 flex items-center gap-4 bg-surface mb-5",children:[(0,s.jsx)("p",{className:"text-[36px] font-bold leading-[44px]",children:m?.toFixed(1)}),(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:"relative inline-block text-sm select-none tracking-tighter",children:[(0,s.jsx)("div",{className:"flex text-gray-400 gap-1",children:"★★★★★★★★★★".split("").map((e,t)=>(0,s.jsx)("span",{children:e},t))}),(0,s.jsx)("div",{className:"absolute top-0 left-0 overflow-hidden whitespace-nowrap transition-all duration-500 ease-out",style:{width:`${10*m}%`},children:(0,s.jsx)("div",{className:"flex gap-1 bg-gradient-to-r bg-yellow-500 bg-clip-text text-transparent",children:"★★★★★★★★★★".split("").map((e,t)=>(0,s.jsx)("span",{children:e},t))})})]}),(0,s.jsxs)("div",{className:"text14_400_18 text-secondary2 mt-1",children:[f," đ\xe1nh gi\xe1"]})]})]}),(0,s.jsxs)("div",{className:"",children:[(0,s.jsx)("h1",{className:"text18_600_22 border-b border-solid border-b-bright2 pb-[6px] mb-4",children:"Chi tiết đ\xe1nh gi\xe1"}),(0,s.jsxs)("div",{className:"flex flex-col gap-5",children:[u&&(0,s.jsxs)("div",{children:[(0,s.jsx)(j.A,{width:"100%",height:"100px",className:"rounded-lg"}),(0,s.jsx)(j.A,{width:"100%",height:"100px",className:"rounded-lg"}),(0,s.jsx)(j.A,{width:"100%",height:"100px",className:"rounded-lg"})]}),!u&&o&&o?.map((e,t)=>(0,s.jsxs)("div",{className:"border-b border-solid border-b-bright2 pb-3 px-3",children:[(0,s.jsxs)("div",{className:"flex justify-between items-center",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)("div",{className:"w-7 h-7 rounded-full overflow-hidden",children:(0,s.jsx)(C.q5,{avatarUrl:e?.user?.avatarURL,name:e?.user?.fullName,className:"w-full h-full"})}),(0,s.jsx)("p",{className:"text14_700_20",children:e?.user?.fullName||"user"+e?.user?.id.slice(-8)}),(0,s.jsx)("p",{className:"text-secondary2",children:"•"}),(0,s.jsx)("span",{className:"text-secondary2 text-[12px] font-normal",children:(0,d._D)(e?.timestamp)})]}),(0,s.jsxs)("div",{className:"flex items-center text14_700_20 gap-[2px]",children:[e?.userRating,(0,s.jsx)("img",{src:"/player/iconStar.svg",alt:""})]})]}),e?.keywords&&(0,s.jsx)("div",{className:"flex flex-wrap gap-2 mt-3",children:e?.keywords?.map((e,t)=>(0,s.jsx)("p",{className:"ttext14_400_18 py-[6px] px-3 rounded-full border border-solid border-[#FFFFFF0A] bg-[#FFFFFF1A]]",children:e},t))}),(0,s.jsx)("div",{className:"mt-3",children:(0,s.jsx)("p",{className:"text14_400_18 text-secondary1 whitespace-pre-wrap break-words",children:e?.paragraphs?.length>0?(0,k.h)(e?.paragraphs[0]?.html):""})})]},e?.id+t?.toString())),!u&&(!o||o?.length<=0)&&(0,s.jsxs)("div",{className:"min-h-[300px] w-full flex flex-col justify-center items-center",children:[w.Z,(0,s.jsx)("p",{children:"Kh\xf4ng c\xf3 dữ liệu."})]}),!u&&n&&(0,s.jsx)("div",{className:"mt-4 text14_600_20 py-[10px] px-5 rounded-full bg-bright text-primary text-center cursor-pointer",onClick:()=>h(!0),children:"Xem th\xeam"})]})]})]})},L=(0,g.J1)`
72  query Series($id: ID!) {
73    series(id: $id) {
74      id
75      seenowRating
76      seenowRatingCount
77      rated
78    }
79  }
80`,F=(0,g.J1)`
81  query Vod($id: ID!) {
82    vod(id: $id) {
83      id
84      seenowRating
85      seenowRatingCount
86      rated
87    }
88  }
89`;async function E(e,t){let{data:i}=await b.client.query({query:"SERIES"===t?L:F,variables:{id:e},fetchPolicy:"no-cache",errorPolicy:"ignore"});return"SERIES"===t?{data:i?.series}:{data:i?.vod}}var T=i(78220);let S=function({seriesID:e,typeContent:t}){let[i,r]=(0,a.useState)(!1),{userInfo:n}=(0,c.A)(),[l,d]=(0,a.useState)({id:e,contentType:t||"SERIES",rating:10,keywords:[],review:[{html:""}],postReviewToComment:!1}),[x,h]=(0,a.useState)({}),[u,p]=(0,a.useState)(null),[g,w]=(0,a.useState)(!1),{ratingContent:C}=function(){let[e,{data:t,loading:i,error:s}]=(0,f.n)(v);return{ratingContent:e,data:t,error:s,loading:i}}(),[j,b]=(0,a.useState)(!1);async function y(){try{p(null);let i=await E(e,t);p(i?.data)}catch(e){console.log({error:e})}}(0,a.useEffect)(()=>{i&&y()},[i]);let _=(0,a.useMemo)(()=>{let e=m.find(e=>l?.rating>=e.min&&l?.rating<=e.max);return e?e.data:[]},[l?.rating]);async function k(){if(l.review[0].html){w(!0);try{let i=await C({variables:l});if(w(!1),i.data?.rateContent){d({id:e,contentType:t||"SERIES",rating:10,keywords:[],review:[{html:""}],postReviewToComment:!1});let i={id:(0,T.A)(),keywords:[...l.keywords],paragraphs:[{html:l.review[0].html}],timestamp:new Date().getTime(),user:{avatarURL:n?.avatarURL,fullName:n?.fullName,tier:n?.tier,id:n?.id||(0,T.A)()},userRating:l.rating};h(i),b(!0),o.Ew.success({message:"Gửi đ\xe1nh gi\xe1 th\xe0nh c\xf4ng"})}else o.Ew.error({message:"Gửi đ\xe1nh gi\xe1 thất bại. Vui l\xf2ng thử lại sau"})}catch(e){console.log({error:e}),o.Ew.error({message:"Gửi đ\xe1nh gi\xe1 thất bại. Vui l\xf2ng thử lại sau"}),w(!1)}}}return(0,a.useEffect)(()=>{d({...l,keywords:[]})},[_]),(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:"flex items-center cursor-pointer w-auto py-[9px] px-3 rounded-full border-[1px] border-solid border-bright2 bg-bright ml-2",onClick:function(){r(!0)},children:[(0,s.jsx)("div",{children:R}),(0,s.jsx)("div",{className:"ml-2 md:block hidden",children:(0,s.jsx)("span",{className:"line-clamp-1",children:"Đ\xe1nh gi\xe1"})})]}),(0,s.jsx)(o.aF,{isOpen:i,onCancel:()=>{r(!1),d({id:e,contentType:t||"SERIES",rating:10,keywords:[],review:[{html:""}],postReviewToComment:!1}),w(!1)}

89,className:"xl:w-[1132px] w-[96%] !max-w-[960svw] !max-h-[90svh] overflow-scroll scrollbar-hide bg-background border border-solid border-bright2",children:(0,s.jsxs)("div",{className:"p-4 w-full text-primary",children:[(0,s.jsx)("h2",{className:"text-center text24_700_28",children:"Đ\xe1nh gi\xe1 nội dung"}),(0,s.jsxs)("div",{className:"flex md:flex-row flex-col items-stretch justify-center mt-4 md:mt-10 gap-6",children:[(0,s.jsxs)("div",{className:"w-full md:w-1/2",children:[(0,s.jsxs)("div",{className:"mb-3 flex items-center justify-between",children:[(0,s.jsxs)("p",{className:"text18_600_22",children:[l?.rating,"/10 - Đ\xe1nh gi\xe1"]}),(0,s.jsx)("p",{className:"text14_400_18 text-secondary2",children:"K\xe9o để tăng - giảm sao"})]}),(0,s.jsxs)("div",{className:"relative w-full h-3 rounded-full",children:[(0,s.jsx)("div",{className:"absolute inset-0 bg-surface rounded-full"}),(0,s.jsx)("div",{className:"absolute z-[20] inset-0 bg-gradient-to-r from-[#ffb30083] to-[#936b0fc7] rounded-full",style:{width:`${l?.rating*10}%`}}),[1,2,3,4,5,6,7,8,9].map(e=>(0,s.jsx)("div",{className:"absolute z-10 top-[2px] -translate-x-1 w-2 h-2 bg-[#76767F] opacity-60 rounded-full",style:{left:`${e/10*100}%`}},e)),(0,s.jsx)("input",{type:"range",min:0,max:10,step:.5,value:l.rating,onChange:e=>d({...l,rating:parseFloat(e.target.value)}),className:`custom-range ${l.rating<=4?"custom-range-left":""}`})]}),(0,s.jsxs)("div",{className:"mt-8 space-y-2",children:[(0,s.jsx)("h4",{className:"text14_600_18 text-primary",children:"Bạn thấy nội dung n\xe0y..."}),(0,s.jsx)("div",{className:"md:h-[140px] xl:h-[160px] overflow-scroll scrollbar-hide",children:(0,s.jsx)("div",{className:"flex flex-wrap gap-2",children:_.map((e,t)=>(0,s.jsx)("p",{className:`ttext14_400_18 py-[6px] px-7 rounded-full border border-solid border-[#FFFFFF0A]  cursor-pointer r ${l.keywords?.includes(e)?"bg-inverse text-invert":"bg-[#FFFFFF1A]"}`,onClick:()=>d({...l,keywords:l.keywords.includes(e)?l.keywords.filter(t=>t!==e):[...l.keywords,e]}),children:e},t))})})]}),(0,s.jsxs)("div",{className:"mt-5",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between",children:[(0,s.jsx)("h4",{className:"text14_600_18 text-primary",children:"Cảm nhận của bạn"}),(0,s.jsxs)("p",{className:"text14_400_18 text-secondary2",children:[l.review[0]?.html?.length,"/1000"]})]}),(0,s.jsx)("div",{children:(0,s.jsx)("textarea",{className:"p-3 bg-surface w-full h-[144px] rounded-xl mt-3 outline-none text14_400_18 scrollbar-hide",placeholder:"Viết ra cảm nhận của m\xecnh...",autoFocus:!0,value:l.review[0]?.html,onChange:e=>{e.target.value.length>1e3||d({...l,review:[{html:e?.target?.value}]})},autoCapitalize:"off"})}),(0,s.jsxs)("div",{className:"cursor-pointer mt-5 flex items-center gap-3 relative",children:[(0,s.jsx)("input",{type:"checkbox",id:"postReviewToComment",name:"gender",value:"MALE",className:"inputRadioGender",checked:l.postReviewToComment,onChange:e=>{d({...l,postReviewToComment:e.target.checked})}})," ",(0,s.jsx)("label",{className:"cursor-pointer text14_400_18 text-secondary1 mt-[2px]",htmlFor:"postReviewToComment",children:"Đăng v\xe0o phần b\xecnh luận của nội dung"})]}),!u?.rated&&!j&&(0,s.jsx)("button",{className:`${l?.review[0].html&&!g?"bg-brand cursor-pointer text-primary":"bg-disable text-disable cursor-not-allowed"} mt-4 py-3 px-8 w-full  rounded-lg text14_700_20`,onClick:k,children:"X\xe1c nhận"}),(u?.rated||j)&&(0,s.jsx)("p",{className:"mt-6 py-3 px-8 w-full bg-disable rounded-lg text-center text16_500_20 text-secondary1",children:"Bạn đ\xe3 đ\xe1nh gi\xe1 nội dung n\xe0y"})]})]}),(0,s.jsx)("div",{className:"w-full md:w-1/2 ",children:(0,s.jsx)(N,{dataSeries:u,seriesID:e,userRating:x,setCommentRating:h})})]})]})})]})},R=(0,s.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{d:"M9.40253 2.8778C9.59461 2.48869 9.69064 2.29413 9.82102 2.23197C9.93445 2.17789 10.0662 2.17789 10.1797 2.23197C10.31 2.29413 10.4061 2.48869 10.5981 2.8778L12.4204 6.56944C12.4771 6.68432 12.5054 6.74176 12.5469 6.78635C12.5836 6.82584 12.6275 6.85783 12.6764 6.88056C12.7316 6.90623 12.795 6.91549 12.9218 6.93402L16.9978 7.5298C17.427 7.59253 17.6417 7.

896239 17.741 7.72874C17.8274 7.81995 17.868 7.94529 17.8516 8.06985C17.8327 8.21302 17.6773 8.36436 17.3666 8.66702L14.4182 11.5387C14.3263 11.6282 14.2803 11.673 14.2507 11.7263C14.2244 11.7734 14.2076 11.8252 14.2011 11.8788C14.1937 11.9393 14.2046 12.0025 14.2263 12.129L14.922 16.1851C14.9953 16.6129 15.032 16.8269 14.9631 16.9538C14.9031 17.0642 14.7965 17.1417 14.6729 17.1646C14.5308 17.1909 14.3388 17.0899 13.9546 16.8879L10.3106 14.9716C10.1971 14.9119 10.1403 14.882 10.0805 14.8703C10.0276 14.8599 9.97311 14.8599 9.92015 14.8703C9.86034 14.882 9.80358 14.9119 9.69004 14.9716L6.04609 16.8879C5.66192 17.0899 5.46983 17.1909 5.3278 17.1646C5.20423 17.1417 5.09759 17.0642 5.03761 16.9538C4.96866 16.8269 5.00535 16.6129 5.07872 16.1851L5.7744 12.129C5.79609 12.0025 5.80693 11.9393 5.79959 11.8788C5.7931 11.8252 5.77625 11.7734 5.75 11.7263C5.72034 11.673 5.67439 11.6282 5.58248 11.5387L2.63412 8.66702C2.32338 8.36436 2.168 8.21302 2.1491 8.06985C2.13265 7.94529 2.17329 7.81995 2.2597 7.72874C2.35902 7.6239 2.57363 7.59253 3.00286 7.5298L7.07892 6.93402C7.20568 6.91549 7.26906 6.90623 7.32426 6.88056C7.37313 6.85783 7.41713 6.82584 7.45381 6.78635C7.49525 6.74176 7.5236 6.68432 7.5803 6.56944L9.40253 2.8778Z",stroke:"#F4F4F8",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round"})});var A=i(97774),I=i(83133),D=i(48230),$=i.n(D);function M({data:e,typeContent:t,seriesID:i}){let{togleModalLogin:m}=(0,c.A)(),[g,f]=(0,a.useState)(e?.likeCount),[v,w]=(0,a.useState)(e?.studioProfile?.followerCount),[C,j]=(0,a.useState)({isLike:"EVENT"===t?e?.isLiked:e?.liked,isSave:e?.saved,isFollow:e?.studioProfile?.followed}),{likeContent:b,loading:y}=(0,n.A)(C?.isLike?"unlike":"like"),{likeContentEvent:_,loading:k}=(0,h.A)(C?.isLike?"unlike":"like"),{saveContent:N,loading:L}=(0,l.A)(C?.isSave?"unsave":"save"),{followStudioProfile:F,loading:E}=(0,r.A)(C?.isFollow?"unfollow":"follow");(0,a.useEffect)(()=>{j({isLike:"EVENT"===t?e?.isLiked:e?.liked,isSave:e?.saved,isFollow:e?.studioProfile?.followed}),f(e?.likeCount),w(e?.studioProfile?.followerCount)},[e]);let T=async()=>{try{let i=(0,x.iD)();if(!i||"undefined"===i)return void m();if(y||k)return;let s={};if(s="EVENT"===t?await _({variables:{id:e?.id}}):await b({variables:{id:e?.id,contentType:e?.contentType||"EPISODE"}}),s?.data?.like||s?.data?.likeEvent){j({...C,isLike:!0}),o.Ew.success({message:"Đ\xe3 lưu v\xe0o “Y\xeau th\xedch”"}),f(g+1),(0,I.s5)({content_id:e?.id,content_type:(e?.contentType||t||"").toLowerCase()});return}if(s?.data?.unlike||s?.data?.unlikeEvent){j({...C,isLike:!1}),o.Ew.warring({message:"Đ\xe3 bỏ khỏi “Y\xeau th\xedch”"}),f(g-1),(0,I.vz)({content_id:e?.id,content_type:(e?.contentType||t||"").toLowerCase()});return}}catch(e){o.Ew.error({message:"Đ\xe3 c\xf3 lỗi xảy ra, vui l\xf2ng thử lại sau."});return}},R=async()=>{try{let i=(0,x.iD)();if(!i||"undefined"===i)return void m();if(L||"EVENT"===t)return;let s=await N({variables:{id:e?.id,contentType:e?.contentType||"EPISODE"}});if(s?.data?.save){j({...C,isSave:!0}),o.Ew.success({message:"Đ\xe3 lưu v\xe0o “Xem sau”"}),(0,I.gw)({content_id:e?.id,content_type:(e?.contentType||t||"").toLowerCase()});return}if(s?.data?.unsave){j({...C,isSave:!1}),o.Ew.warring({message:"Đ\xe3 bỏ khỏi “Xem sau”"}),(0,I.n6)({content_id:e?.id,content_type:(e?.contentType||t||"").toLowerCase()});return}}catch(e){o.Ew.error({message:"Đ\xe3 c\xf3 lỗi xảy ra, vui l\xf2ng thử lại sau."})}},D=async()=>{try{let t=(0,x.iD)();if(!t||"undefined"===t)return void m();if(E)return;let i=await F({variables:{id:C?.isFollow?e?.studioProfile?.id:[e?.studioProfile?.id]}});if(i?.data?.follow){j({...C,isFollow:!0}),w(v+1),(0,I.Jl)({studio_id:e?.studioProfile?.id,studio_name:e?.studioProfile?.title});return}if(i?.data?.unFollow){j({...C,isFollow:!1}),w(v-1),(0,I.Ul)({studio_id:e?.studioProfile?.id,studio_name:e?.studioProfile?.title});return}}catch(e){o.Ew.error({message:"Đ\xe3 c\xf3 lỗi xảy ra, vui l\xf2ng thử lại sau."});return}};return e&&e?.studioProfile?.id?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"flex items-center 1xs:w-[55%] md:justify-start",children:[(0,s.jsxs)($(),{href:`/content/studio-profile/${e?.studioProfile?.id}`,className:"cursor-pointer flex items-center",children:[(0,s.jsxs)("div",{className:"w-12 h-12 rounded-full border-[1px] border-solid border-bright2 relative",children:[(0,s.jsx)("img",{src:e?.studioProfile?.profileImageURL||u.A.AVATAR_DEFAULT,alt:"",className:"w-full h-full object-cover rounded-full"}),e?.studioProfile?.isVerified&&(0,s.jsx)("div",{className:"absolute right-[-5px] bottom-[0px]",children:V})]}),(0,s.jsxs)("div",{className:"h-full flex flex-col justify-center ml-3",children:[(0,s.jsx)("p",{className:"text16_600_24 text-primary",children:e?.

89studioProfile?.title}),(0,s.jsxs)("p",{className:"text14_400_20 text-secondary1 line-clamp-1",children:[(0,d.c5)(v)," lượt theo d\xf5i"]})]})]}),(0,s.jsx)("div",{className:`ml-6 py-[10px] px-3 rounded-lg text14_600_20 ${C?.isFollow?"text-invert bg-inverse":"text-primary bg-brand"} cursor-pointer overflow-hidden`,onClick:D,children:(0,s.jsx)("span",{className:"line-clamp-1",children:C?.isFollow?"Đ\xe3 theo d\xf5i":"Theo d\xf5i"})})]}),(0,s.jsxs)("div",{className:"1xs:w-[55%] mt-6 1xs:mt-0 flex items-center text14_600_20 1xs:justify-end justify-start",children:[(0,s.jsxs)("div",{className:"flex items-center cursor-pointer w-auto py-[9px] px-3 rounded-full border-[1px] border-solid border-bright2 bg-bright",onClick:T,children:[(0,s.jsx)("div",{children:C.isLike?U:O}),(0,s.jsx)("div",{className:"ml-2",children:(0,d.c5)(g)})]}),"EVENT"!==t&&(0,s.jsxs)("div",{className:"flex items-center cursor-pointer w-auto py-[9px] px-3 rounded-full border-[1px] border-solid border-bright2 bg-bright ml-2",onClick:R,children:[(0,s.jsx)("div",{children:C.isSave?P:B}),(0,s.jsx)("div",{className:"ml-2 md:block hidden",children:(0,s.jsx)("span",{className:"line-clamp-1",children:"Xem sau"})})]}),("SERIES"===t||"MOVIE_VOD"===t)&&(0,s.jsx)(S,{seriesID:i,typeContent:t}),"SERIES"!==t&&"MOVIE_VOD"!==t&&(0,s.jsx)("div",{className:"flex items-center py-[9px] px-[10px] gap-2 bg-bright ml-2 rounded-full border-[1px] border-solid border-bright2",children:(0,s.jsx)(p.A,{linkShare:e?.shareURL||"",isHiddenText:!1,className:"gap-[2px] w-full"})}),"GENERIC-VOD"!==t&&"GENERIC-COLLECTION"!==t&&"SERIES"!==t&&"MOVIE_VOD"!==t&&(0,s.jsx)("div",{className:"flex items-center gap-2 bg-bright ml-2 rounded-full border-[1px] border-solid border-bright2",children:(0,s.jsx)(A.A,{urlContent:e?.shareURL||"",txtBtn:"B\xe1o c\xe1o",className:"hover:bg-none",isHiddenText:!0})}),"EVENT"!==t&&(0,s.jsxs)("div",{className:"group relative",children:[(0,s.jsx)("div",{className:"group flex items-center justify-center cursor-pointer w-10 h-10 rounded-full border-[1px] border-solid border-bright2 bg-bright ml-2",children:Z}),(0,s.jsxs)("div",{className:"hidden group-hover:block text-primary absolute z-10 w-36 right-0 top-[50px] bg-bright border border-solid border-bright2 p-1 rounded-lg before:content-[''] before:absolute before:w-full before:h-[20px] before:bottom-full before:left-0",children:["GENERIC-VOD"!==t&&"GENERIC-COLLECTION"!==t&&(0,s.jsx)("div",{className:"flex items-center rounded-md py-[9px] px-[10px] gap-2 hover:bg-surface",children:(0,s.jsx)(p.A,{linkShare:e?.shareURL||"",isHiddenText:!1,className:"gap-[2px] w-full"})}),(0,s.jsx)(A.A,{urlContent:e?.shareURL||"",txtBtn:"B\xe1o c\xe1o"})]})]})]})]}):(0,s.jsx)(s.Fragment,{})}let V=(0,s.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:[(0,s.jsx)("path",{d:"M6.5791 1.14127C7.08972 0.986789 7.64051 1.01247 8.1377 1.21841L9.59082 1.81998L9.69043 1.85513C9.92571 1.92604 10.1792 1.91401 10.4082 1.819H10.4092L11.8643 1.21841V1.21939C12.4322 0.984359 13.0698 0.984266 13.6377 1.21939L13.8457 1.31705C14.2487 1.53284 14.5791 1.86335 14.7949 2.26627L14.8926 2.47427L15.4902 3.91861C15.4914 3.92139 15.494 3.92361 15.4951 3.92642C15.6034 4.18829 15.8116 4.39684 16.0732 4.50552L17.5273 5.10709L17.7344 5.20572C18.2047 5.45756 18.5763 5.86571 18.7822 6.36295L18.8594 6.57877C18.9917 7.01648 18.9918 7.48384 18.8594 7.92154L18.7822 8.13736L18.1807 9.59048C18.0856 9.82007 18.0732 10.0744 18.1445 10.3092L18.1807 10.4088V10.4098L18.7822 11.8629H18.7812C18.8977 12.1441 18.9579 12.4453 18.958 12.7497C18.958 12.978 18.9244 13.2048 18.8584 13.4225L18.7822 13.6374C18.6948 13.8485 18.5761 14.0453 18.4316 14.2213L18.2793 14.3903C18.1177 14.5518 17.9332 14.6883 17.7324 14.7956L17.5264 14.8932L16.0732 15.4948C15.8114 15.6031 15.6028 15.8112 15.4941 16.0729L14.8916 17.527C14.6562 18.095 14.2048 18.5466 13.6367 18.7819C13.1396 18.9877 12.5887 19.0135 12.0781 18.859L11.8623 18.7819L10.4092 18.1794V18.1803C10.1474 18.0722 9.85347 18.0718 9.5918 18.1803H9.59082L8.13672 18.7819C7.56891 19.0167 6.93096 19.017 6.36328 18.7819C5.86645 18.5761 5.45891 18.2049 5.20703 17.735L5.1084 17.528L4.50586 16.0729C4.39757 15.811 4.18944 15.6025 3.92773 15.4938V15.4928L2.47461 14.8913C1.97753 14.6854 1.56923 14.3146 1.31738 13.8444L1.21973 13.6374C0.984295 13.0695 0.983887 12.431 1.21875 11.8629L1.82031 10.4098L1.85645 10.3102C1.91714 10.1086 1.91651 9.89351 1.85547 9.69205L1.82031 9.59244L1.81934 9.59146L1.21875 8.13638C1.10215 7.85504 1.04204 7.55324 1.04199 7.24869L1.05273 7.02115C1.07505 6.79463 1.13133 6.57205 1.21875 6.36099L1.31641 6.15494C1.4237 5.95435 1.56022 5.77047 1.72168 5.60904C1.937 5.39378 2.19234 5.2226 2.47363 5.10611L3.92676 4.50357H3.92773L4.02344 4.45865C4.23989 4.34285 4.41074 4.15507 4.50586 3.92642L5.1084 2.4733L5.20605 2.26529C5.4579 1.79515 5.86622 1.42431 6.36328 1.21841L6.5791 1.14127Z",fill:"#1570EF",stroke:"#050506",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"}),(0,s.jsx)("path",{d:"M7.5 9.99999L9.16667 11.6667L12.9167 7.91666",stroke:"white",strokeWidth:"1.66667",strokeLinecap:"round",strokeLinejoin:"round"})]}),O=(0,s.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:(0,s.jsx)("path",{d:"M13.4259 2.5C16.3611 2.5 18.3333 5.29375 18.3333 7.9C18.3333 13.1781 10.1481 17.5 9.99996 17.5C9.85181 17.5 1.66663 13.1781 1.66663 7.9C1.66663 5.29375 3.63885 2.5 6.57403 2.5C8.25922 2.5 9.36107 3.35312 9.99996 4.10312C10.6388 3.35312 11.7407 2.5 13.4259 2.5Z",stroke:"#F4F4F8",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),U=(0,s.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:(0,s.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.99584 3.85626C7.49633 2.10319 4.99579 1.63163 3.117 3.2369C1.23821 4.84218 0.973702 7.52613 2.44913 9.4247C3.67584 11.0032 7.38831 14.3325 8.60505 15.41C8.74118 15.5306 8.80924 15.5908 8.88864 15.6145C8.95793 15.6352 9.03375 15.6352 9.10304 15.6145C9.18244 15.5908 9.2505 15.5306 9.38663 15.41C10.6034 14.3325 14.3158 11.0032 15.5426 9.4247C17.018 7.52613 16.7858 4.8253 14.8747 3.2369C12.9636 1.64851 10.4954 2.10319 8.99584 3.85626Z",fill:"#F00000",stroke:"#F00000",strokeWidth:"1.66667",strokeLinecap:"round",strokeLinejoin:"round"})}),B=(0,s.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:(0,s.jsx)("path",{d:"M4.16663 6.5C4.16663 5.09987 4.16663 4.3998 4.43911 3.86502C4.67879 3.39462 5.06124 3.01217 5.53165 2.77248C6.06643 2.5 6.76649 2.5 8.16663 2.5H11.8333C13.2334 2.5 13.9335 2.5 14.4683 2.77248C14.9387 3.01217 15.3211 3.39462 15.5608 3.86502C15.8333 4.3998 15.8333 5.09987 15.8333 6.5V17.5L9.99996 14.1667L4.16663 17.5V6.5Z",stroke:"#F4F4F8",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),P=(0,s.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:[(0,s.jsx)("path",{d:"M4.16699 6.5C4.16699 5.09987 4.16699 4.3998 4.43948 3.86502C4.67916 3.39462 5.06161 3.01217 5.53202 2.77248C6.0668 2.5 6.76686 2.5 8.16699 2.5H11.8337C13.2338 2.5 13.9339 2.5 14.4686 2.77248C14.939 3.01217 15.3215 3.39462 15.5612 3.86502C15.8337 4.3998 15.8337 5.09987 15.8337 6.5V17.5L10.0003 14.1667L4.16699 17.5V6.5Z",fill:"#FAC515"}),(0,s.jsx)("path",{d:"M4.16699 6.5C4.16699 5.09987 4.16699 4.3998 4.43948 3.86502C4.67916 3.39462 5.06161 3.01217 5.53202 2.77248C6.0668 2.5 6.76686 2.5 8.16699 2.5H11.8337C13.2338 2.5 13.9339 2.5 14.4686 2.77248C14.939 3.01217 15.3215 3.39462 15.5612 3.86502C15.8337 4.3998 15.8337 5.09987 15.8337 6.5V17.5L10.0003 14.1667L4.16699 17.5V6.5Z",stroke:"#FAC515",strokeLinecap:"round",strokeLinejoin:"round"})]}),Z=(0,s.jsxs)("svg",{width:"25",height:"25",viewBox:"0 0 25 25",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,s.jsx)("path",{d:"M12.4993 13.5413C13.0746 13.5413 13.541 13.075 13.541 12.4997C13.541 11.9244 13.0746 11.458 12.4993 11.458C11.9241 11.458 11.4577 11.9244 11.4577 12.4997C11.4577 13.075 11.9241 13.5413 12.4993 13.5413Z",fill:"white"}),(0,s.jsx)("path",{d:"M19.791 13.5413C20.3663 13.5413 20.8327 13.075 20.8327 12.4997C20.8327 11.9244 20.3663 11.458 19.791 11.458C19.2157 11.458 18.7493 11.9244 18.7493 12.4997C18.7493 13.075 19.2157 13.5413 19.791 13.5413Z",fill:"white"}),(0,s.jsx)("path",{d:"M5.20768 13.5413C5.78298 13.5413 6.24935 13.075 6.24935 12.4997C6.24935 11.9244 5.78298 11.458 5.20768 11.458C4.63239 11.458 4.16602 11.9244 4.16602 12.4997C4.16602 13.075 4.63239 13.5413 5.20768 13.5413Z",fill:"white"}),(0,s.jsx)("path",{d:"M12.4993 13.5413C13.0746 13.5413 13.541 13.075 13.541 12.4997C13.541 11.9244 13.0746 11.458 12.4993 11.458C11.9241 11.458 11.4577 11.9244 11.4577 12.4997C11.4577 13.075 11.9241 13.5413 12.4993 13.5413Z",stroke:"#F4F4F8",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,s.jsx)("path",{d:"M19.791 13.5413C20.3663 13.5413 20.8327 13.075 20.8327 12.4997C20.8327 11.9244 20.3663 11.458 19.791 11.458C19.2157 11.458 18.7493 11.9244 18.7493 12.4997C18.7493 13.075 19.2157 13.5413 19.791 13.5413Z",stroke:"#F4F4F8",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,s.jsx)("path",{d:"M5.20768 13.5413C5.78298 13.5413 6.24935 13.075 6.24935 12.4997C6.24935 11.9244 5.78298 11.458 5.20768 11.458C4.63239 11.458 4.16602 11.9244 4.16602 12.4997C4.16602 13.075 4.63239 13.5413 5.20768 13.5413Z",stroke:"#F4F4F8",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})},97774:(e,t,i)=>{i.d(t,{A:()=>d});var s=i(37876),r=i(37847),n=i(65426),l=i(97619),a=i(22085),o=i(14232);function d({urlContent:e,txtBtn:t,className:i,isHiddenText:x}){let[h,u]=(0,o.useState)(!1),[p,m]=(0,o.useState)(""),{togleModalLogin:g}=(0,n.A)(),{createFeedback:f,loading:v}=(0,l.A)();function w(){u(!1)}let C=async()=>{let t=(0,a.iD)();if(!t||"undefined"===t)return void g();if(v)return;if(!p)return void r.Ew.warring({message:"Bạn chưa viết lời g\xf3p \xfd"});let i=await f({variables:{feedback:p+(e?` ${e}`:"")}});i?.data?.addFeedback?(r.Ew.success({message:"Gửi g\xf3p \xfd th\xe0nh c\xf4ng"}),w()):r.Ew.error({message:"Gửi g\xf3p \xfd thất bại"})};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:`flex items-center rounded-md py-[9px] px-[10px] gap-2 cursor-pointer ${i||"hover:bg-surface"}`,onClick:()=>u(!0),children:[c,(0,s.jsx)("span",{className:x?"hidden sm:block":"block",children:t||"G\xf3p \xfd"})]}

89),(0,s.jsx)(r.aF,{isOpen:h,onCancel:w,className:"lg:w-[800px] sm:w-[600px] w-[96%] !max-w-[960svw] !max-h-[90svh] overflow-scroll scrollbar-hide bg-background border border-solid border-bright2",children:(0,s.jsxs)("div",{className:"md:p-[30px] p-[16px] w-full flex flex-col justify-center items-center text-primary",children:[(0,s.jsx)("p",{className:"text24_700_32 w-full text-left",children:"G\xf3p \xfd về nội dung"}),(0,s.jsx)("p",{className:"text16_400_20 mt-4 w-full text-left text-secondary1",children:"Mỗi g\xf3p \xfd của qu\xfd Kh\xe1ch h\xe0ng, đều gi\xfap ch\xfang t\xf4i n\xe2ng cao về chất lượng dịch vụ!"}),(0,s.jsxs)("div",{className:"w-full mt-8",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between",children:[(0,s.jsx)("h4",{className:"text14_600_18 text-primary",children:"Lời g\xf3p \xfd"}),(0,s.jsxs)("p",{className:"text14_400_18 text-secondary2",children:[p?.length,"/1000"]})]}),(0,s.jsx)("textarea",{className:"p-3 text16_400_20 bg-background-item w-full h-[176px] rounded-xl mt-3 outline-none",placeholder:"Nhập nội dung g\xf3p \xfd tại đ\xe2y",autoFocus:!0,value:p,onChange:e=>m(e?.target?.value)})]}),(0,s.jsx)("button",{className:`mmt-5 py-3 px-8 w-full border border-solid border-bright2 rounded-lg g ${v?"cursor-not-allowed bg-disable text-secondary1":"cursor-pointer bg-brand text-primary"} text16_700_24`,onClick:C,children:"Gửi đ\xe1nh gi\xe1"})]})})]})}let c=(0,s.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{d:"M2.66675 8.66667H13.0581C13.3664 8.66667 13.5206 8.66667 13.6086 8.60201C13.6854 8.54564 13.7344 8.45911 13.7432 8.36427C13.7534 8.25551 13.6741 8.1233 13.5154 7.85894L12.1647 5.60773C12.1049 5.50796 12.0749 5.45808 12.0632 5.40483C12.0529 5.35773 12.0529 5.30894 12.0632 5.26184C12.0749 5.20859 12.1049 5.1587 12.1647 5.05894L13.5154 2.80773C13.6741 2.54335 13.7534 2.41116 13.7432 2.3024C13.7344 2.20756 13.6854 2.12103 13.6086 2.06465C13.5206 2 13.3664 2 13.0581 2H2.66675L2.66675 14",stroke:"#F4F4F8",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}}]);